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

    h2{font-size:225%;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}

    h2{font-size:200%;}

    #page-header.bottom .logo img{max-width:60%;}

    .flx_headerblock .content{width:calc(100% - 30px);}
    .flx_headerblock .content .headline, .flx_headerblock .content .subline{width:100%;}

    .flx_textblock .text ul li{width:100%;display:block;}

    .flx_textblock.mitbildrechts .text{padding-right:calc(var(--bs-gutter-x) * .5);}
    .flx_textblock.mitbildlinks .text{padding-left:calc(var(--bs-gutter-x) * .5);}
    .flx_textblock.mitbildlinks .bild .secondimage{bottom:-50px;}
    .flx_textblock.mitbildrechts .bild .secondimage{bottom:-50px;}

    .flx_seitenteaser.grid .row{justify-content:center;}

    .flx_galerieblock .galerie .item{padding:5px;}

    #page-footer .abstandoben{margin-top:25px;}

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

    h1{font-size:275%;}

    #menu-item-860{display:inline-block!important;}

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

    #page-header #toppermenu{display:none;height:100%;position: fixed;top: 0;right: 0;left: 50%;bottom: 0;background:var(--main)}
    #page-header #toppermenu.active{display:block;}
    #page-header #toppermenu .menu{display:block;}
    #page-header #toppermenu .menu li{display:block;width:100%;text-align:center;padding:15px 0;}

    #page-header #toppermenu .menu li.menu-item-has-children{position:relative;}
    #page-header #toppermenu .menu li.menu-item-has-children:after{content:'';display:block;width:30px;height:15px;position:absolute;top:50%;right:5%;transform:translateY(-50%);background:url('../media/menu-arrow.svg');background-size:100%;background-position:center;background-repeat:no-repeat;transition:all .3s ease;}
    #page-header #toppermenu .menu li.open.menu-item-has-children:after{top:40%;transform:rotate(180deg);transition:all .3s ease;}
    #page-header #toppermenu .menu li:hover .sub-menu{display:none;}
    #page-header #toppermenu .menu li.open .sub-menu{display:block;}
    #page-header #toppermenu .menu li .sub-menu{max-width:100%;top: 75%;background: var(--sec);padding: 10px;}
    #page-header #toppermenu .menu li .sub-menu li{max-width:100%;text-align:center;}

    #page-header #burgerbutton{display: block;width: 40px;height: auto;position: absolute;top: 75px;right: 25px;cursor:pointer;}
    #page-header #burgerbutton span{display:block;width:100%;height:3px;background:var(--white);border-radius:2px;transition:all .3s ease;}
    #page-header #burgerbutton span:nth-child(2){margin:10px 0;}
    #page-header #burgerbutton.active span:nth-child(1){transform:rotate(45deg);margin-top:12px;transition:all .3s ease;}
    #page-header #burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
    #page-header #burgerbutton.active span:nth-child(3){transform:rotate(-45deg);margin-top:-26px;transition:all .3s ease;}

    #page-header.bottom #burgerbutton{top:50px;}


    .flx_textblock .text{order:1;}
    .flx_textblock .bildwrapper{order:2;margin-top:15px;}

    .flx_textblock.mitbildrechts .blocktopline{text-align:left;}
    .flx_textblock.mitbildleft .blocktopline{text-align:left;}

    .flx_oeffnungszeitenblock .wrapper{padding:35px;}
    .flx_oeffnungszeitenblock .border{border-right:none!important;border-bottom:solid 2px var(--white) !important;padding-bottom:20px;}
    .flx_oeffnungszeitenblock .paddingleft{padding-top:35px;padding-left:15px;}

    .flx_kontaktblock  .text{order:1;}
    .flx_kontaktblock  .karte{order:2;margin-top:15px;}

    .flx_stellenausgabe .item a{display:block;}
    .flx_stellenausgabe .item .headline{width:100%;}

    .flx_iconblock .row{justify-content:center;}
    .flx_iconblock .item{margin-bottom:35px;}

    #page-footer .logo img{max-width:35%;}

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

    .flx_speisenblock .speisen li .gericht{widtH:85%;}

    .flx_textblock.nurtext .text .inhalt{width:100%;}

    #page-footer .abstandoben{padding-left:40px;}
    #page-footer .copyright .col-md-8{order:2;margin-top:10px;}
    #page-footer .copyright .col-md-4{order:1;}
    #page-footer .copyright span{padding-left:25px;}
    #page-footer .copyright .links{padding-left:25px;text-align:left;}

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

    h1{font-size:175%;}
    h2{font-size:175%;}

    .subline{font-size:115%;}

    .btn{width:100%;display:block;}
    .btn.light{width:max-content;}

    #page-header #toppermenu{left:0;}

    #page-header.bottom .logo img{max-width:50%;margin:0;}
    #page-header.bottom #burgerbutton{top:40px;}

    .flx_headerblock.mitbild{height:525px;margin-bottom:0;}
    .flx_headerblock.mitbild::after{height:50px;}
    .flx_headerblock .content{bottom:15%;}

    .flx_speisenblock .speisen li .gericht{width:80%;}

    .flx_iconblock .background{padding:25px;}

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

}