/*-------------------------------------------------------------------------------------------*/
@media (min-width:1921px){

    .flx_headerblock.mitvideo video{height:1080px;}

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

    body, html, *{font-size:18px;}
    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}
    h1{font-size:300%;}

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

    .flx_headerblockformular #anfrage{margin-top:-100px;}

    .flx_leistungblock .tabblock .nav-pills .nav-link img{max-width:45px;margin-right:10px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    body, html, *{font-size:17px;}
    h1{font-size:275%;}
    h2{font-size:200%;}

    .topline{font-size:100%;}

    #page-header #toppermenu .menu li{padding:5px 20px;}

    .flx_headerblockformular #anfrage{margin-top:-50px;}

    .flx_leistungblock .tabblock .nav-pills .nav-link{font-size:100%;}
    .flx_leistungblock .tabblock .nav-pills .nav-link img{max-width:40px;margin-right:5px;}

    .flx_vorteilsblock .vorteile .item{padding:15px;}
    .flx_vorteilsblock .vorteile .item .icon{margin:20px 0;}

    .flx_aufzaehlung .item{padding:15px;}
    .flx_aufzaehlung .item .headline{width:70%;}

    #page-footer .kontakt{padding-top:75px;}
    #page-footer .kontakt a{margin:10px 0;}

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

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

    #page-header #menuburgerbutton{display:block;}

    .flx_headerblock .content{bottom:0;}
    .flx_headerblock .content .headline, .flx_headerblock .content .topline{width:100%;}
    
    .flx_headerblockformular #anfrage{margin-top:15px;}
    .flx_headerblockformular #anfrage .headerbox span.right{text-align:left;}

    .flx_textblock .text{order:1;margin-bottom:25px;}
    .flx_textblock .text .btn{margin-top:15px;}
    .flx_textblock .bild{order:2;}

    .flx_leistungblock .tabblock .d-flex{flex-direction:column;}
    .flx_leistungblock .tabblock .nav-pills{width:100%;margin-bottom:25px;}
    .flx_leistungblock .tabblock .tab-content{width:100%;}

    .flx_vorteilsblock .vorteile .item{margin-bottom:30px;}

    .flx_aufzaehlung .item{border-right:none;border-bottom:solid 2px var(--gray);}
    .flx_aufzaehlung .col-lg-4:last-child .item{border:none;}

    .flx_bildblock.sliderwrapper .content{width:100%;}

    .flx_kontaktblock .text{order:1;}
    .flx_kontaktblock .ansprechpartner{margin-top:25px;order:2;}


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

    .inhaltsbloecke{margin-top:85px;}

    input[type="submit"]{float:unset;}
    .wpcf7-list-item{width:100%;}

    #page-header .logo img{width:50%;}
    #page-header #toppermenu{left:25%;}

    .flx_headerblockformular #anfrage .headerbox, .flx_headerblockformular #anfrage .formular{padding:15px;}

    .flx_leistungblock .tabblock .tab-content .tab-pane .inhalt{margin-bottom:25px;}
    .flx_leistungblock .tabblock .tab-content .tab-pane .bildslider .owl-controls .owl-nav{width:100%;}

    .flx_vorteilsblock .buttonwrapper{text-align:left;}

    .flx_kontaktblock .ansprechpartner .item .mail, .flx_kontaktblock .ansprechpartner .item .telefon{font-size:80%;}


    .flx_bildblock.sliderwrapper .slider .owl-controls .owl-nav{width:100%;}

    #page-footer{padding:25px 0;}
    #page-footer .logo{margin-bottom:25px;}
    #page-footer .kontakt{padding-top:0;}
    #page-footer .copyright{margin-top:25px;}
    #page-footer .copyright .links{text-align:left;}

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

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

    #page-header .logo img{width:75%;}
    #page-header #toppermenu{left:0;top:70px;height:calc(100vh - 70px);}
    #page-header.bottom #toppermenu{top:50px;height:calc(100vh - 50px);}

    .flx_headerblockformular #anfrage .headerbox span img{width:25px;margin-left:5px;}

    .flx_kontaktblock .ansprechpartner .item{margin-bottom:25px;}

    #page-footer .copyright a{margin-right:25px;}

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

}