body, html{
        margin:0;
        padding:0;
        font-family: Open Sans Condensed, sans-serif;
        background-color:#f1f1f1;
        color:rgb(36, 64, 97);
      }
      h2{
        margin:0;
        padding:0;
        color: rgb(36, 64, 97);
        font-weight:700;
        font-family: Open Sans Condensed, sans-serif;
        font-size:45px;
        text-transform:uppercase;
        text-align:center;
      }

      h3{
        margin:0;
        padding:0;
        font-size:20px;
      }

      h4{
        margin:0;
        padding:0;
        color: rgb(36, 64, 97);
        font-weight:700;
        font-family: Open Sans Condensed, sans-serif;
        font-size:35px;
        margin-top:30px;
        text-align:center;
      }

      h5{
        margin:0;
        padding:0;
        color: rgb(36, 64, 97);
        font-weight:700;
        font-family: Open Sans Condensed, sans-serif;
        font-size:25px;
        margin-top:50px;
        text-align:center;
      }

      h6{
        margin:0;
        padding:0;
        color: rgb(36, 64, 97);
        font-weight:700;
        font-family: Open Sans Condensed, sans-serif;
        font-size:20px;
        margin-bottom:5px;
        padding-bottom:5px;
        border-bottom: 1px solid rgba(36, 64, 97,0.2);
      }

      p{
        text-align:center;

      }

      p a{

        text-decoration: none;
        color:rgb(36, 64, 97);
        font-weight:700;
      }

      .domainsearch, .ihredatenform{
        max-width:785px;
        width:75%;
        border-radius:20px;
        background-color:#ccc;
        margin-left:auto;
        margin-right:auto;
        padding:15px;
      }

      .ihredatenform input, .ihredatenform select{
        margin-top:7px;
        border:none;
        background-color: #fff;
        font-size:18px;
        padding:5px;
        border-radius:5px;
        width:100%;
        
        font-weight:700;
        color:rgb(36, 64, 97);
      
        box-sizing:border-box;
      }

      .domainsearchform{
        margin-top:7px;
        border:none;
        background-color: #fff;
        font-size:18px;
        padding:5px;
        border-radius:5px;
        width:60%;
        padding-left:10px;
        font-weight:700;
        color:rgb(36, 64, 97);
      }

      .domainsearchformsubmit{
        margin-top:7px;
        border:none;
        background-color: #0a3166;
        font-size:18px;
        padding:5px;
        border-radius:5px;
        width:25%;
        padding-left:10px;
        color:#fff;
        font-weight:400;
        text-transform: uppercase;
        cursor: pointer;
        margin-left:7px;
      }


      .domainsbookingwrapper{

        margin-top:25px; 
      }


      .domainsbookingwrapper table{

        width:100%;
        max-width:900px;
        font-size:23px;

        margin-left:auto;
        margin-right:auto;
        border-collapse: collapse;


      }

      .domainsbookingwrapper table tr:nth-child(even){
        background-color:#e3e3e3;
      }

      .domainsbookingwrapper table td{

        border: 1px solid #ccc;
        padding:10px;
      }

       .domainsbookingwrapper table td button{


        border:none;
        background-color: #0a3166;
        font-size:18px;
        padding:7px;
        border-radius:5px;
        color:#fff;
        font-weight:600;
        text-transform: uppercase;
        cursor: pointer;
        margin-left:7px;

       }

       .error{
        font-weight:600;
        color:red;
       }

       .big_buchen{

         border:none;
        background-color: #0a3166;
        font-size:28px;
        padding:7px;
        border-radius:5px;
        color:#fff;
        text-transform: uppercase;
        font-weight:500;
        cursor: pointer;
        padding-left:15px;
        padding-right:15px;
       }

       .big_buchen b{
        font-weight:300;
         font-size:18px;
         text-transform: none;
       }







@media screen and (max-width:576px) {
  /* Noch größer, noch mehr Regeln */

   h2{
    font-size:35px;
   }
  
   .domainsearchform{
    width:100%;
    box-sizing: border-box;
   }

    .domainsearchformsubmit{
      width:100%;
      margin-top:7px;
      margin-left:0;
    }


     .domainsbookingwrapper table{

      font-size:17px;
     }

}











@charset "UTF-8";
/* Minigrid v1.0.2 * https://github.com/Serrin/Minigrid/ * license: MIT */
.mg-nopadding { padding: 0 !important; }
.mg-container {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 0.5rem;
}
.mg-row { display: block; width: unset; margin: 0 -0.5rem; padding: 0; }
.mg-col { display: block; width: 100%; max-width: 100%; padding: 0.5rem; }
@media (min-width: 768px) {
  .mg-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
  }
  .mg-col-6 { flex: 0 6.25%; max-width: 6.25%; }        /* 1/16       */
  .mg-col-8 { flex: 0 8.3333%; max-width: 8.3333%; }    /*       1/12 */
  .mg-col-12 { flex: 0 12.5%; max-width: 12.5%; }       /* 1/8        */
  .mg-col-16 { flex: 0 16.6666%; max-width: 16.6666%; } /* 1/6   2/12 */
  .mg-col-20 { flex: 0 20%; max-width: 20%; }           /* 1/5        */
  .mg-col-25 { flex: 0 25%; max-width: 25%; }           /* 1/4   3/12 */
  .mg-col-30 { flex: 0 30%; max-width: 30%; } /* 1/3   4/12 */
  .mg-col-33 { flex: 0 33.3333%; max-width: 33.3333%; } /* 1/3   4/12 */
  .mg-col-40 { flex: 0 40%; max-width: 40%; }           /* 2/5        */
  .mg-col-41 { flex: 0 41.6667%; max-width: 41.6667%; } /*       5/12 */
  .mg-col-50 { flex: 0 50%; max-width: 50%; }           /* 1/2   6/12 */
  .mg-col-58 { flex: 0 58.3333%; max-width: 58.3333%; } /*       7/12 */
  .mg-col-60 { flex: 0 60%; max-width: 60%; }           /* 3/5        */
  .mg-col-66 { flex: 0 66.6667%; max-width: 66.6667%; } /* 2/3   8/12 */
  .mg-col-75 { flex: 0 75%; max-width: 75%; }           /* 3/4   9/12 */
  .mg-col-80 { flex: 0 80%; max-width: 80%; }           /* 4/5        */
  .mg-col-83 { flex: 0 83.3334%; max-width: 83.3334%; } /*      10/12 */
  .mg-col-91 { flex: 0 91.6667%; max-width: 91.6667%; } /*      11/12 */
  .mg-col-100 { flex: 1 1 100%; max-width: 100%; }      /* 1/1  12/12 */
  .mg-col-flex-1 { flex: 1; }
  .mg-col-flex-2 { flex: 2; }
  .mg-col-flex-3 { flex: 3; }
  .mg-col-flex-4 { flex: 4; }
  .mg-col-flex-5 { flex: 5; }
  .mg-col-flex-6 { flex: 6; }
  .mg-col-flex-7 { flex: 7; }
  .mg-col-flex-8 { flex: 8; }
  .mg-col-flex-9 { flex: 9; }
  .mg-col-flex-10 { flex: 10; }
  .mg-col-flex-11 { flex: 11; }
  .mg-col-flex-12 { flex: 12; }
}
[class^="mg-"] { box-sizing: border-box; }