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

    div[class^="flx_"], div[class*="flx_"]{padding:75px 0;}
    .inhaltsbloecke{margin-top:95px;}

    .flx_headerblock .content{width:65%;}
    .flx_headerblock .content .headerbox .headline{line-height:1;}

    .flx_kontaktblock .left, .flx_kontaktblock .right{padding:25px 50px;}
    .flx_kontaktblock .hintwrapper{padding:25px 35px;}

    .flx_textblock.mitbildrechts .text{padding:15px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    h1{font-size:375%;}
    h2{font-size:275%;}

    .inhaltsbloecke{margin-top:80px;}

    #page-header .mainheader #toppermenu .menu li{padding:0 35px;}

    .flx_headerblock .content{width:95%;}

    .flx_textblock.mitbildrechts .text .headline::before{top:-10px;left:unset;right:0;}

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



    #page-header .menubuttonburger{display:block;}

    #page-header #toppermenu{display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 50%;background: #fff;z-index: -1;}
    #page-header #toppermenu.active{display:block;}

    #page-header .mainheader #toppermenu .menu{flex-direction:column;}
    #page-header .mainheader #toppermenu .menu li{padding:35px;}

    .flx_headerblock .content{width:100%;position:unset;padding:25px 0 0;}
    .flx_headerblock .content .headerbox .headline, .flx_headerblock .content .headerbox .subline{color:var(--main);}
    .flx_headerblock .content .headerbox p{color:var(--darkgray);}

    .flx_kachelblock .text{width:100%;}
    
    .flx_kontaktblock .left{border:none;}

    .flx_textblock.mitbildrechts .text{padding:50px 15px;}

    .flx_textblock.mitbildrechts .bild{padding-right:0;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    h1{font-size:375%;}
    h2{font-size:225%;}

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

    .flx_logoblock .item{margin:25px 0;}

    #page-footer{padding:25px 0 0;}
    #page-footer .main{margin:25px 0;}
    #page-footer .main .left{padding:15px;}
    #page-footer .main .right{padding:15px;}
    #page-footer .bottom{flex-direction:column;}

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

    h1{font-size:275%;}
    h2{font-size:150%;}

    #page-header .menubuttonburger{margin-top:-55px;}
    #page-header.bottom .menubuttonburger{margin-top:-45px;}
    #page-header .logo img{max-width:100%;}
    #page-header.bottom .logo img{max-width:75%;}
    #page-header .mainheader #toppermenu{left:0;}

    .flx_kachelblock .item{min-height:200px;}

    .flx_kontaktblock .left, .flx_kontaktblock .right{padding:25px 15px;}
    .flx_kontaktblock .hintwrapper{padding:25px 0;}

    .flx_textblock.mitbildrechts .text .headline::before{width:50px;height:50px;}

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

    h1{font-size:250%;}
    h2{font-size:135%;}

    .flx_kontaktblock .left .buerozeiten .day{display:block;}

}