/* --------------------------------
pension-gino.de  Juni.2016
by Thomas Feldes - http://tfcpc.de
--------------------------------- */

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-family: "Segoe UI",Arial,sans-serif; overflow-x:hidden}
body{margin:5px;}

.logo{width:95%; text-align:center; }
.bett{display:none;}
.section{margin:0px; display:inline-block; width:100%; max-width:1300px; }
.kopf{max-width:initial; }
h1{font-size:1.8rem; font-weight: lighter; }
.zimmer {border-bottom:1px solid gray;}
.bg{margin:-5px;}
h2,h3 {margin:0 1rem;}
p  {margin:1rem;}
div.left p{font-weight:bolder;}
p span{color:red;}
img{width:40%;height:auto;}
.zimmer  img + img + img {display:none;}
.galerie img + img + img + img + img + img+ img{display:none;}

.center{margin-left:auto;margin-right:auto;text-align:center;}
ul{list-style:none;padding:0; margin:auto;}
li{text-align:center; }
a {line-height:2.5rem;text-decoration:none;
   background-color:gray;color:white;white-space:nowrap;
   padding:0px 15px; border-radius:7px; display:block;margin:2px auto;
 }
.datenschutz a{background-color:initial;color:initial;border-bottom:1px solid gray;}
.gkarte{position: relative;  padding-bottom: 56%;   height: 100%;   overflow: hidden; width:100%;}
.gkarte iframe{position: absolute;  top: 0;  left: 0;  width: 100%; height: 100%;}
.datenschutz a{background-color:initial;border-bottom:1px solid gray;}

@media only screen and (min-width: 480px) {
.logo{width:50%;border-bottom:none;padding-bottom:0;}
.kopf{background:url('../img/gut-gebettet.jpg') no-repeat right;
              background-size:100% 75%;
}
img{width:30%;}
.zimmer  img + img + img {display:inline;}
.galerie img + img + img + img + img + img+ img{display:inline;}
h1{ margin-left:1rem;font-size:2rem;}
.buchen{padding:0 10%;}
ul{text-align: center;}
li{display:inline;}
a {line-height:2.5rem;display:inline-block;}
.gkarte{}
.gkarte iframe{}


}/* ENDE @media only screen and (min-width: 480px)*/


@media only screen and (min-width: 800px) {
.logo{width:25%;border-bottom:none;padding-bottom:0;}
.kopf{background:url('../img/gut-gebettet.jpg') no-repeat right;
              background-size:100% 75%;
}
ul{text-align: left;}     
div.left{width:24%;display:inline-block;}
div.left p{margin-left:1rem;font-weight:bolder;}
div.right{width:75%;display:inline-block;}
img{width:30%;}
img + img + img {display:inline;}
#d21-quickbook{   display: inline;}
a {background-color:initial;border-bottom:1px solid gray;border-right:1px solid gray; color:black;display:inline;   }
}/* ENDE @media only screen and (min-width: 800px)*/