/*-------------------------------------------------------------------------------------------*/
@media (max-width:1600px){

    .flx_iconblock{padding-bottom:100px!important;background-position:-100px center!important;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){

    .container{padding:0 35px;}

    .reservierung{padding:0 25px;}

    .flx_headerblock .content{width:70%;}

    .flx_iconblock{background-position:center!important;background-size:cover!important;}
    .flx_iconblock .item .inhalt{width:100%;}

    .flx_kontaktblock .headrow .headlinewrapper .headline{font-size:225%;margin:0;}

    #page-footer{background-size:145%;}
    #page-footer .bottom{display:flex;flex-direction:column;}
    #page-footer .bottom .copyright{order:2;width:100%;}
    #page-footer .bottom .rechtliches{text-align:left;order:1;width:100%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){

    h2{font-size:225%;}

    .reservierung{height:auto;padding:35px 35px 0;background-size:cover;left:0;}
    .reservierung .buttonwrapper{margin:25px 0;}

    .spruch{font-size:125%;}
    .spruch.slide{bottom:0%;width:100%;}
    .spruch.slide::before{top:-100%;right:15%;}
    .spruch.standort{width:35%;}
    .spruch.standort::before{right:15%;bottom:-70%;}

    .flx_headerblock .content .headerbox .topline{font-size:125%;}
    .flx_headerblock .content .headerbox .headline{font-size:300%;}
    .flx_headerblock .content .headerbox p{font-size:100%;}

    .flx_iconblock .item .inhalt .headline{font-size:125%;}

    .flx_textblock.zitat .zitat{width:100%;}

    .flx_kartenblock .zusatz{margin-top:30px;}

    .flx_kontaktblock .formrow .leer{display:none;}

    #page-footer{background:var(--white-hover);}
    #page-footer .logowrapper .social{margin:25px 0 50px;}
 
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    div[class^="flx_"], div[class*="flx_"]{padding:75px 0;}

    .reservierung{bottom:-200px;}

    .spruch.slide{width:70%;right:0%;bottom:-15%;}
    .spruch.standort{right:0%;}

    .flx_headerblock .content{width:calc(100% - 70px);bottom:5%;}

    .flx_iconblock .item .inhalt .headline{font-size:100%;}

    .flx_textblock.mitbilderlinks, .flx_textblock.mitbilderrechts{padding:75px 0!important;}
    .flx_textblock.mitbilderlinks .text, .flx_textblock.mitbilderrechts .text{order:1;margin-bottom:30px;}
    .flx_textblock.mitbilderlinks .bilder, .flx_textblock.mitbilderrechts .bilder{order:2;}

    .flx_lieferantenblock .item{width:calc(100% / 3);}
    .flx_lieferantenblock .item .inhalt{width:100%;}

    .flx_kontaktblock .bildwrapper{order:2;}

    #page-footer .adressenwrapper, #page-footer .kontaktwrapper, #page-footer .offnungszeitenwrapper{margin-bottom:30px;}

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

    .container.res{padding:0;}
    .reservierung{position:relative;padding:35px;bottom:-35px;}

    #unterres.flx_textblock{padding-top:75px!important;}

    .spruch.standort{width:50%;}

    #page-header .topheader{display:none;}
    #page-header .topheader.mobile{display:block;}
    #page-header.bottom .topheader.mobile{display:none;}

    #page-header .logo{position:relative;z-index:99;}

    #page-header #burgerbutton{width:40px;position:absolute;top:50px;right:25px;cursor:pointer;}
    #page-header #burgerbutton span{display:block;width:40px;height:2px;border-radius:5px;background:var(--white);transition:all .3s ease;}
    #page-header #burgerbutton span:nth-child(2){margin:10px 0;}
    #page-header #burgerbutton.open{margin-bottom:35px;}
    #page-header #burgerbutton.open span:nth-child(1){transform:rotate(45deg);margin-top:10px;transition:all .3s ease;}
    #page-header #burgerbutton.open span:nth-child(2){opacity:0;transition:all .3s ease;}
    #page-header #burgerbutton.open span:nth-child(3){transform:rotate(-45deg);margin-top:-24px;transition:all .3s ease;}

    #page-header .mainheader #toppermenu{display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: var(--main);}
    #page-header .mainheader #toppermenu.open{display:block;}
    #page-header .mainheader #toppermenu .menu-topmenu-container{height:100%;}
    #page-header .mainheader #toppermenu .menu{height: 100%;align-content:center;margin:0;}
    #page-header .mainheader #toppermenu .menu li{display:block;margin:30px auto!important;width:80%;text-align:center;}
    #page-header .mainheader #toppermenu .menu li:before{display:none;}

    .flx_headerblock .content{position:relative;padding:30px 0;width:100%;}
    .flx_headerblock.mitbild::before{display:none;}
    .flx_headerblock.mitfarbe .content{position:absolute;width:calc(100% - 70px);}

    .flx_textblock.mitbildlinks .text, .flx_textblock.mitbildrechts .text{order:1;margin-bottom:30px;}
    .flx_textblock.mitbildlinks .bild, .flx_textblock.mitbildrechts .bild{order:2;}

    .flx_iconblock .item{width:100%;padding:15px;}

    .flx_kartenblock .zusatz{padding:25px;height:auto;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    h2{font-size:175%;}
    ul{margin:10px 0;}
    .container{padding:0 20px;}

    .reservierung{padding:35px 20px 20px;}

    .headline{margin-bottom:25px;}

    .spruch.slide::before{top:-75%;}
    .spruch.slide{width:100%;bottom:-40%;}
    .spruch.standort{width:100%;bottom:-125%;}

    .flx_headerblock .content .headerbox .headline{font-size:250%;margin-bottom:15px;}

    .flx_headerblock.mitfarbe{height:300px;}
    .flx_headerblock.mitfarbe .content .headerbox .headline{font-size:200%;}
    
    .flx_textblock.mitbilderlinks, .flx_textblock.mitbilderrechts{padding:125px 0!important;}

    .flx_lieferantenblock .item{width:calc(100% / 2);}

    .flx_kartenblock .headerwrapper{margin-bottom:125px;}
    .flx_kartenblock .karte .btn{position: relative;bottom: unset;right: unset;width: 100%;margin-top: 15px;}

    .flx_textblock.zitat .zitat{font-size:125%;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    .flx_headerblock .content .headerbox .topline{font-size:100%;}
    .flx_headerblock .content .headerbox .headline{font-size:225%;}

    #page-footer .offnungszeitenwrapper .offnungszeiten{display:block;}
    #page-footer .offnungszeitenwrapper .offnungszeiten .day{font-weight:600;width:100%;display:block;}
    #page-footer .offnungszeitenwrapper .offnungszeiten .time{width:100%;display:block;}


}