@import url("fonts/stylesheet.css");

html,body {
  height: 100%;
}
body {background-color:#e8dad5;
font-family: 'Visby CF Demi'; font-weight: 600; font-style: normal;
font-size:25px;line-height:40px;
}
a {color:#000;}

img.responsive {max-width:100%;height:auto;}

.sapperlot {
padding:45px 40px;min-height:100vh;max-width:1920px;
}

.sapperlot > .row {border:2px solid #000;min-height: calc(100vh - 90px)}

.logo img {max-width:100%;height:auto;}
.logo {padding:40px 40px;}

.sapperlot .row .col-xl-2 {border-right:2px solid #000;}
.menu {
  font-size:20px;line-height:1em;letter-spacing:2px;text-transform:uppercase;
  border-top:2px solid #000;  width:100%;
}
.menufooter {
  font-size:12px;line-height:1.4em;text-transform:uppercase;
  padding-left:40px;padding-bottom:35px; letter-spacing:2px;
}
.menufooter a {
  color:#000;
}

.menu a {
  display:block; padding:20px 40px;   color:#000;
  border-bottom:2px solid #000;
}
.menu a.active, .menu a:hover {
  text-decoration:none;
  background-color:#e6c2be;
}
.menu a:last-child {
  background-color:#dc5d5f;color:#fff;
}
.social {
  padding-bottom:20px;
}

.social a {
  display:inline-block;padding-right:10px;
}
.impressum {
  clear:both;
}

h2 {
  font-family: 'Arida It'; font-weight: normal; font-style: italic;
  font-size:50px;line-height:50px;       padding-bottom:10px;
}

h3  {
  font-family: 'Arida It'; font-weight: normal; font-style: italic;
  font-size:35px;line-height:50px;

}

h1 {
  color:#dc5d5f;
  font-size:20px;line-height:30px;padding:0px;margin:0px;padding-bottom:20px;letter-spacing:2px;text-transform:uppercase;
}

.lang {
  position:fixed;top:42px;right:25px;font-size:12px;line-height:1em;letter-spacing:2px;

    text-transform: uppercase;
    white-space: nowrap;
}
.lang div {
        transform: rotate(-90deg);    transform-origin: top right;
}

.lang a  {
  color:#000;
}

.sapperlot .row .txt {padding-top:30px;}

.txt img {
  max-width:100%;height:auto;
}
.txt hr {width:105px;padding-bottom:30px;margin-top:30px;;border-top:2px solid #000;margin-bottom:0px;}

.textbildrow, .bild-text-bild, .speisekarte {min-width:100%}

.textbildrow img {max-width:100%;height:auto;}

.bild-bild-bild .col-xl-12 img, .bild-bild-bild .col-xl-6 img {padding-bottom:30px;}

.bild-bild-bild .col-xl-12, .bild-bild-bild .col-xl-6 {padding-bottom:30px;} 
.bild-bild-bild h1 {padding-bottom:10px;}
.bild-bild-bild h3 {padding-bottom:25px;}



.speisebuttons {display:none;}

#fixedheader {
   display:none;
background-color:#f3f2ee;
z-index:1000;
top:0px;
position:fixed;
height:70px;
width:100%;
top:0px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.fixedheader .logo {z-index:1100;width:128px;padding:20px 22px;background-color:#fff;position:absolute;left:50%;margin-left:-64px}
.fixedheader .logo img {
  max-width:100%;height:auto;
}

.fixedheader .burger {top:20px;}



.fixedheader .fototel {
  right:35px;position:absolute;top:20px;
}

header .burger {
    cursor: pointer;
    bottom: 0px;
    left: 35px;
    z-index: 9;
    position: absolute;
    width: 50px;
    padding: 0;
    height: 46px;top:100px;
    z-index:1000;

}
header .burger span {
    position: absolute;
    display: block;
    left: 0px;
    height: 4px;
    width: 100%;;
    background: #7f7f7f;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
}
header .burger span.top {
    top: 2px;
}
header .burger span.middle {
    top: 20px;
}
header .burger span.bottom {
    top: 38px;
}


.menuOpen header .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

 .menuOpen header .burger span.top {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 58px;
        height:3px;
      left:3px;

}

.menuOpen header .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
 .menuOpen header .burger span.middle {
    opacity: 0;
    width: 0;
}


 .menuOpen header .burger span {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
 .menuOpen header .burger span.bottom {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 58px;
    height:3px;  left:1px;top:44px;

}

body.menuOpen #fixedheader {top:0px;}
#fixedheader {
  top:0px;
  background-color:#dc5d5f;
}


 #fixedheader .burger span {
    background: #000;
     width:40px;
    }

.menuOpen    header.standardheader .burger span,    header.standardheader .burger span {   width:40px;}


header .burger span.middle {
    top: 13px;
}
header .burger span.bottom {
    top: 24px;
}

.menuOpen header .burger span.bottom {
    top: 30px;
}


.mobilemenu {
  background-color:#e8dad5;
  z-index:999;
  position:fixed;
  width:100%;top:71px;bottom:0px;left:0px;display:none;padding-top:70px;
}

.mobilemenu .menu {

    margin: 0 auto;
    max-width: 250px;
    text-align: center;
    border-top: 0px;
   letter-spacing:2px;
}

.mobilemenu .menu a {
  padding-top:18px;padding-bottom:18px;
}

.mobilemenu .impressum a {
  display:block;
}
.mobilemenu .impressum span {
  display:none;
}
.mobilemenu .social {
  padding-top:20px;
}
.mobilemenu .social a {
  padding:5px 10px;
}

.mobilemenu .menufooter {
  font-size:14px;line-height:1.8em;letter-spacing:2px;
}

.mobilemenu .lang {
  display:block;position:relative;top:auto;left:0px;text-align:center;
  padding:10px 0px;padding-bottom:20px;font-size:15px;
}

.mobilemenu .lang div {
  transform:none;
}





.image-container a {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

@media (min-width: 576px) {
.image-container a {
    margin-bottom: 30px;
}
}


.image-container {margin:0 auto;padding-left:15px;padding-right:15px;
}

@media (max-width:767px) {

.image-container {padding-left:0px;padding-right:0px;}
.image-container .container-xl {padding-left:0px;padding-right:0px;}
}


@media (min-width: 1025px) {
.bild-bild-bild {padding-left:30px;padding-right:30px;}
}


.speisekarte > div {margin:0 auto;}

.speisekartenanchor {padding-top:40px;}

.speisebuttons {background-color:#323234;position:fixed;left:0px;width:100%;top:70px;
height:90px;   padding-left:15px;padding-right:15px;    z-index:30;
/*                                                       
font-family: 'Visby CF Demi'; font-weight: 600; font-style: normal;
*/
font-size:15px;line-height:1em;color:#fff;letter-spacing:2px;text-transform:uppercase;
padding-top:52px;
  
    
    flex-direction: row;
    flex-wrap: wrap;

}

.speisebuttons a {color:#fff;
              padding-top:5px;
    flex-grow: 1;
    
    text-align: center;
}















@media (max-width: 1800px)
{
  .logo , .menu a, .menufooter {
    padding-left:25px;padding-right:25px;
  }
  .social img {
    width:38px;height:auto;
  }
    .menu a {
    padding-top:18px;padding-bottom:18px;
  }

}



@media (max-width: 1500px)
{
  .logo , .menu a, .menufooter {
    padding-left:20px;padding-right:20px;
  }
  .txt h3 {
    font-size:30px;line-height:42px;
  }
  .menu {
    font-size:18px;letter-spacing:1.5px;
  }
  .menu a {
    padding-top:12px;padding-bottom:12px;
  }
  body {font-size:20px;line-height:30px;}


}


@media (max-width: 1300px)
{
  .logo , .menu a, .menufooter {
    padding-left:15px;padding-right:15px;
  }
  .logo {
    padding-left:20px;padding-right:20px;
  }

  .txt h3 {
    font-size:25px;line-height:31px;
  }
  .menu {
    font-size:17px;letter-spacing:1.5px;
  }
  .menu a {
    padding-top:12px;padding-bottom:12px;
  }
  .menufooter {
    padding-bottom:15px;letter-spacing:1.5px;
  }

}


@media (max-width: 1200px)
{
  .txt .mitte {
    padding-left:45px;
  }

}

@media (max-width: 991px)
{
  #fixedheader {
    display:block;
  }
  .speisebuttons {display:flex}

  .lang {
     display:none;
   }
   
      .sapperlot > .row {
    border: 0;               padding-top:130px;
    height:auto !important;

}
   
  }
@media (max-width: 767px)
{

  .speisekarte {font-size:16px;line-height:20px;}
  .speisekarte p {padding-bottom:0px;}
  .speisekarte h3 {font-size:22px;line-height:27px;}

   .sapperlot {
     padding-left:40px;padding-right:40px;
   }

.txt {

}

.txt .mitte {
    padding-left:15px;
}
.txt h3 {
    font-size: 30px;
    line-height: 36px;
}



}