@font-face { font-family: 'schrift'; src: url('bilder/font.ttf') format('truetype'); }
@font-face { font-family: 'schrift1'; src: url('bilder/fontbold.ttf') format('truetype'); }

#halter{margin-top:80px;}
p       {color:black;
         margin:10px;
         }
#haupt { background-color:#F5DEB3;
         border: 0px solid black;
         width:100%;
         padding:0;
         margin:0;

}

#bungalow{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;

         }
.beschreibung{text-align:left;
              width:75%;
              margin:auto;
              clear:both;
                            }
.beschreibung1{text-align:right;
              width:75%;
              margin:auto;
              clear:both;
              font-weight:bold;
                            }
#kalender{   position:relative;
           width:49%;
           background-color: #F5DEB3;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:scroll;
         height:32vw;
         float:right;
         }
#amrum{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#preise{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#preisetable{   position:relative;
           width:50%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
          float:left;

         }
#download{   position:relative;
           width:50%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         float:right;
         }
table,tr,td {border: 2px solid #FFFfff;
color:black; }
#download table,tr,td {border: 0px solid #FFFfff;
color:black; }
#preise table{
         margin-left:10px;
         margin-right:10px;
         width:93%;
             }
#preise td{text-align:center;
           vertical-align:middle;}
#gast{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#gastbuch {width:100%;
          
         }
#suedost  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#infos  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#home  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
          z-index:100;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#impressum  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#rueck  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#kleinebilder
         {position:relative;
         width:100%;
         background-color: white;
           z-index:1;
         left:0px;
         padding-left:15px;
         padding-top:5px;
         border-color:black;
         border-width:0px;
         border-style:solid;
         }
#thumb   {width:120px;height:80px;
          border:1px solid black;
          background-color:white;
          margin:10px;
          margin-bottom:20px;
          }
#menu12{    position:relative;
         max-width:1000px;
         background-color:#F5DEB3;
          border-width:0px;
          border-style:solid;
          border-color:black;
          -moz-box-shadow: 5px 5px 5px 5px #999;
          -webkit-box-shadow: 10px 10px 10px 10px #999;
          box-shadow: 2px 2px 2px 2px #777;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          margin: 15px;
          padding:0px;
           z-index:10;
          text-align: center;
          }
#menu12 a:link    {
           color:black;<a href="mailto:"></a>
           text-decoration:none;
           font:1.5em/180% Courier ;
           font-weight: bold;
           text-align: center;
         }
#menu12 a        {
          color:black;
          text-decoration:none;
          text-align: center;
          }
#menu12 a:hover   {
          color:black;
          text-decoration:none;
          font-weight: bold;
          text-align: center;
          }
#menu12 a:visited  {
          color:black;
          text-decoration:none;
           text-align: center;
         }
#menu12 p {text-align: center;}

.unterunterschrift{

         font-family: schrift, arial;
         font-size:30px;
         font-weight:normal;
         color:black;
         padding:15px ;
         text-align:center;
         border: 0px solid black; }

.belegung{
         width:100%;
         font-family: schrift, arial;
         font-size:25px;
         font-weight:normal;
         color:black;
         padding-top:5px;
        text-align:center;
        }

.autoscroll{ overflow:scroll;
         height:100%;}
.kleinerlink {
           color:black;
           text-decoration:none;
           font:1.5vw;
           font-weight: bold;
            z-index:10;
         }
.unterschrift   {
         font-family: schrift, arial;
         font-size:300%;
         font-weight:normal;
         color:black;
         text-align:center;
         padding:15px;
         border: 0px solid black;
          }
#anreise1 {position:relative;
           background-color: #FFF2D9;
           width:100%;
           z-index:1;
           border: 0px solid black;
            z-index:10;
           margin: 0 auto;
               }
#google  {width:100%;
              margin: 0 auto;
             height: 400px;
          border: 0px solid black;
           z-index:10;
         }
.icon {width:30px;}
#kontakt{ position: fixed;
        top: 0px;
        left: 0;
        background: #D0B27A;
        font-family: Arial, sans-serif;
        width: 100%;
        z-index:200;
        border-bottom: 1px solid #fffffff;
         }
#kontakt p{margin:8px;}
.kontakt{width:100%;
         display:flex;
         justify-content : space-around;
         }
.nav-open {
        display: none;
}
#nav {position: fixed;
        top:40px;
        left:0px;
        float: left;
        width: 100%;
          -moz-box-shadow: 5px 5px 5px 5px #999;
          -webkit-box-shadow: 10px 10px 10px 10px #999;
          box-shadow: 2px 2px 2px 2px #777;
        background: #D0B27A;
        font-family: Arial, sans-serif;
         z-index:200;
}
#nav img {margin: 5px;
         margin-left: 10px;
         }
#nav td {  vertical-align:middle;
         margin: auto;
         border: 0px solid #000000;
         }
#nav ul {
        margin: 0 auto;
        padding: 0;
        list-style-type:  none;
         }
#nav ul li {float:left;
         list-style-type: none;
         border: 0px solid #000000;
         }
#nav ul li.close {
        display: none;
         }
#nav ul li a { ;
        padding: 10px 15px;
        display: block;
        color: #333;
        text-decoration: none;
         }
#nav ul li a:hover {
        background: grey;
        color: #fff;
         }
#mbmcookie {position:absolute; width:94%; top:20px; left:50%; margin-left: -47%; background: #eee;padding: 10px; font-size: 14px; font-family: verdana;z-index:210;}

#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 5px; border-radius: 5px; font-weight: bold; float: right;}

#mbmcookie a.button:hover {background-color: #aaa;}

#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}
#sliderA{width:49%;border:0px solid black;float:left;}
#sliderB{width:49%;border:0px solid black;float:left;}



/*----------------------- Ab hier für  mobil -----------------------*/ /*----------------------- Ab hier für  mobil -----------------------*/
/*----------------------- Ab hier für  mobil -----------------------*/ /*----------------------- Ab hier für  mobil -----------------------*/
/*----------------------- Ab hier für  mobil -----------------------*/ /*----------------------- Ab hier für  mobil -----------------------*/

@media screen and (max-width: 1000px) {
.icon {width:30px;}
#kontakt{ position: fixed;
        top: 0px;
        left: 0;
        background: #D0B27A;
        font-family: Arial, sans-serif;
        width: 100%;
        z-index:200;
        border-bottom: 1px solid #fffffff;
         }
#kontakt p{margin:8px;}
.kontakt{width:100%;
         display:flex;
         justify-content : space-around;
         }
.nav-open {
        position: fixed;
        top: 40px;
        left: 0;
        background: #D0B27A;
        font-family: Arial, sans-serif;
        display: block;
        width: 100%;
        z-index:200;
}
.nav-open a {
        padding: 10px 15px;
        display: block;
        color: #333;
        text-align: center;
        text-decoration: none;
}
#nav {
        position: fixed;
        top: -200%;
        left: 0;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
}
#nav img {margin: 5px;
         margin-left: 10px;
         visibility: hidden;
         }
#nav:target {
        top: 0;
}
#nav ul li {
        float: none;
        text-align: center;
        border-bottom: 1px solid #555;
        list-style-type: none;
}
#nav ul li.close {
        display: block;
}
#nav ul li:last-child {
        border-bottom: none;
}
p       {color:black;
         margin:10px;
         text-align:justify;
         }
#haupt { background-color:#F5DEB3;
         border: 0px solid black;
         width:100%;
         padding:0;
         margin:0;
}
 #rand {position:relative;
           width:100%;
           height:400px;
           background-color: white;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          }
#bungalow{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
          margin:auto;

         }
#kalender{   position:relative;
           width:90%;
           background-color: #F5DEB3;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:scroll;
         height:300px;
         float:none;
         margin:0 auto;
         }
#amrum{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#preise{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
table,tr,td {border: 2px solid #FFFfff;
color:black; }
#download table,tr,td {border: 0px solid #FFFfff;
color:black; }
#preise table{

         width:93%;
         margin:auto;
             }
#preise td{text-align:center;
           vertical-align:middle;}
#gast{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#gastbuch { height:500px;
         }
#suedost  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#infos  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#home  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#impressum  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#rueck  {   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
         }
#kleinebilder
         {position:relative;
         width:100%;
         background-color: white;
           z-index:1;
         left:0px;
         padding-left:15px;
         padding-top:5px;
         border-color:black;
         border-width:0px;
         border-style:solid;
         }
#thumb   {width:120px;height:80px;
          border:1px solid black;
          background-color:white;
          margin:10px;
          margin-bottom:20px;
          }
#menu12{    position:relative;
         max-width:1000px;
         background-color:#F5DEB3;
          border-width:0px;
          border-style:solid;
          border-color:black;
          -moz-box-shadow: 5px 5px 5px 5px #999;
          -webkit-box-shadow: 10px 10px 10px 10px #999;
          box-shadow: 2px 2px 2px 2px #777;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
          margin: 15px;
          padding:0px;
           z-index:10;
          text-align: center;
          }
#menu12 a:link    {
           color:black;<a href="mailto:"></a>
           text-decoration:none;
           font:1.5em/180% Courier ;
           font-weight: bold;
           text-align: center;
         }
#menu12 a        {
          color:black;
          text-decoration:none;
          text-align: center;
          }
#menu12 a:hover   {
          color:black;
          text-decoration:none;
          font-weight: bold;
          text-align: center;
          }
#menu12 a:visited  {
          color:black;
          text-decoration:none;
           text-align: center;
         }
#menu12 p {text-align: center;}

.unterunterschrift{
         font-family: schrift, arial;
         font-size:30px;
         font-weight:normal;
         color:black;
         padding:15px ;
         text-align:center;
         border: 0px solid black;
         white-space: pre-line; }

.belegung{
         width:100%;
         font-family: schrift, arial;
         font-size:25px;
         font-weight:normal;
         color:black;
         padding-top:5px;
        text-align:center;}

.autoscroll{ overflow:scroll;
         height:100%;}
.kleinerlink {
           color:black;
           text-decoration:none;
           font:1.5vw;
           font-weight: bold;
            z-index:10;
         }
.unterschrift   {
         font-family: schrift, arial;
         font-size:300%;
         font-weight:normal;
         color:black;
         text-align:center;
         padding:15px;
         border: 0px solid black;
         white-space: pre-line;
          }
#anreise1 {position:relative;
           background-color: #FFF2D9;
           width:100%;
           z-index:1;
           border: 0px solid black;
            z-index:10;
           margin: 0 auto;
               }
#google  {width:100%;
              margin: 0 auto;
             height: 400px;
          border: 0px solid black;
           z-index:10;
         }
#mbmcookie {position:relative; width:90%;left:50%; margin-left: -47%; background: #eee;padding: 10px; font-size: 14px; font-family: verdana;}

#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 5px; border-radius: 5px; font-weight: bold; float: right;}

#mbmcookie a.button:hover {background-color: #aaa;}

#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}
#sliderA{width:90%;border:0px solid black;margin: 0 auto;float:none;}
#sliderB{width:90%;border:0px solid black;margin: 0 auto;float:none;}
#preisetable{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
          margin:auto;
          float:none

         }
#download{   position:relative;
           width:100%;
           background-color: #FFF2D9;
           z-index:1;
          border-width:0px;
          border-style:solid;
          border-color:black;
          overflow:hidden;
          float:none;


         }
#halter{margin-top:40px;}
.textklar{text-align:justify;}
}