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

    .flx_headerblock .backgroundimage .background{width:100%;height:auto;}

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

    h2{font-size:200%;}

    .flx_headerblock .headerbox .headline{font-size:250%;}

    .flx_zahlenblock .inner .item .zahl{font-size:300%;}

    .wpcf7-form-control-wrap[data-name="vorname"], .wpcf7-form-control-wrap[data-name="nachname"], .wpcf7-form-control-wrap[data-name="mailadresse"], .wpcf7-form-control-wrap[data-name="telefonnummer"]{width:49.5%;}

    .flx_projektteaser .projektewrapper .item{padding:0 25px;}

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

    h1{font-size:200%;}
    h2{font-size:150%;}
    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}
    div[class^="flx_"]:first-child, div[class*="flx_"]:first-child{padding:75px 0;}

    .topline{font-size:110%;}

    #page-header .logo{width:100%;}
    #page-header .mainheader #toppermenu .menu li{padding:5px 10px;}
    #page-header.bottom .logo{width:75%;}

    .flx_headerblock .headerbox .headline{font-size:200%;} 

    .flx_zahlenblock .inner .item .zahl{font-size:225%;}
    .flx_zahlenblock .inner .item .beschreibung{width:100%;}

    .flx_newsteaser.drei .thumbnailwrapper .caticon{max-width:35px;}
    .flx_newsteaser .item .inhalt{padding:15px;}
    .flx_newsteaser .item .headerbox .headline{font-size:110%;}

    .flx_bildblock .inner .text{padding:50px;}

    .flx_faqblock .textwrapper{padding-right:50px;}

    .flx_faqblock .accordionwrapper .accordion .accordion-item .accordion-header{font-size:110%;line-height:1.3;}
    .flx_faqblock .accordionwrapper .accordion .accordion-item .accordion-header .accordion-button{padding-right:75px;}

    .flx_projektkarte::before{width:75%;height:55%;}

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

    #page-header .logo{width:40%;}
    #page-header.bottom .logo{width:25%;}

    #page-header .mainheader #toppermenu{display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 50%;background:var(--white);}
    #page-header .mainheader #toppermenu.active{display:block;}
    #page-header .mainheader #toppermenu .menu li{display:block;margin:15px auto;width:75%;text-align:center;}

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

    .flx_headerblock .contentwrapper{position:unset;margin-top:-175px;transform:none;}
    .flx_headerblock .headerbox .topline{margin-bottom:0;}
    .flx_headerblock .headerbox .headline{margin-bottom:15px;}

    .flx_textblock .text{order:1;margin-bottom:25px;}
    .flx_textblock .bild, .flx_textblock .sliderwrapper{order:2;}
    
    .flx_videoblock .text{order:1;margin-bottom:25px;}
    .flx_videoblock .video{order:2;}

    .flx_zahlenblock .zahlen .item{margin-bottom:30px;}

    .flx_newsteaser.drei .beitragswrapper{grid-template-columns: repeat(6, 1fr);}
    .flx_newsteaser.drei .beitragswrapper .griditem:nth-child(1){grid-column: 1/span 6;grid-row: 1/span 1;}
    .flx_newsteaser.drei .beitragswrapper .griditem:nth-child(2){grid-column: 1/span 3;grid-row: 2/span 1;}
    .flx_newsteaser.drei .beitragswrapper .griditem:nth-child(3){grid-column: 4/span 3;grid-row: 2/span 1;}

    .flx_bildblock .inner img{border-bottom-left-radius: 15px;border-top-right-radius: 0;}

    .wpcf7-form-control-wrap[data-name="vorname"], .wpcf7-form-control-wrap[data-name="nachname"], .wpcf7-form-control-wrap[data-name="mailadresse"], .wpcf7-form-control-wrap[data-name="telefonnummer"]{width:100%;}

    .flx_downloadblock .accordionwrapper .accordion .accordion-item .accordion-body .dateien .item{width:calc(100% / 2);}

    .flx_projektkarte::before{display:none;}
    .flx_projektkarte .filterwrapper{padding-top:100px;margin-bottom:35px;}

    .flx_projektteaser .headerbox{width:100%;}

    #page-footer .main .logowrapper{justify-content:space-between;display:flex;align-items:center;}
    #page-footer .main .logo_eu{margin-top:25px;}
    #page-footer .main .logo_nrw{margin-top:25px;}
    #page-footer .main .menu{margin-top:35px;}
    #page-footer .bottom{padding-bottom:75px;}
    #page-footer .bottom .menu li:first-child{padding-left:0;}

    #projektsingle{margin-top:175px;}
    #projektsingle .eckdaten .headline::after{width:50%;}

    #newssingle{margin-top:175px;}

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

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

    .flx_headerblock .contentwrapper{margin-top:-150px;}

    .flx_zahlenblock .zahlen .item{text-align:center;}

    .flx_kontaktblock.nurap .textinner{width:100%;}
    .flx_kontaktblock .formwrapper .formularinner{width:100%;}

    .flx_projektteaser .projektewrapper .item{margin-bottom:50px;}
    .flx_projektteaser .projektewrapper .item .thumbnailwrapper .caticon{left:0;}
    .flx_projektteaser .owl-controls .owl-nav{width:100%;padding:0 15px;}

    .flx_newsteaser.alle .beitragswrapper .item{margin-bottom:15px;}
    .flx_newsteaser.alle .owl-controls .owl-nav{width:100%;padding:15px 0;}
    .flx_newsteaser.alle .owl-controls .owl-dots{margin-top:32.5px;}

    .flx_downloadblock .accordionwrapper .accordion .accordion-item .accordion-header .accordion-button{padding-right:75px;font-size:100%;}
    .flx_downloadblock .accordionwrapper .accordion .accordion-item .accordion-body .dateien .item{width:100%;}

    .flx_newsteaser .item .headerbox .headline{min-height:auto;}
    .flx_newsteaser .item .inhalt{min-height:auto;}

    #page-footer .main .logowrapper{display:block;}
    #page-footer .main .logo_eu{margin-top:50px;}
    #page-footer .main .logo_nrw{margin-top:50px;}    
    #page-footer .bottom{padding-bottom:15px;}
    #page-footer .bottom .copyright{width:100%;}
    #page-footer .bottom .menu li{padding:0 5px;}
    #page-footer .bottom .menu li::before{left:-3px;}

    #projektsingle{margin-top:125px;}
    #projektsingle .eckdaten .headline::after{width:35%;}
    #projektsingle .eckdaten .toprow .item, #projektsingle .eckdaten .middlerow .item, #projektsingle .eckdaten .bottomrow .item{margin-bottom:35px;}    

    #newssingle{margin-top:125px;}
    #newssingle .galerie{margin-top:35px;}

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

    body, html, *{font-size: 15px;}

    .container{padding:0 20px;}
    .topline{line-height:1.2;font-size:100%;}
    .headline{line-height: 1.3;}

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

    #page-header .logo{width:60%;z-index: 99;}
    #page-header.bottom .logo{width:60%;}
    #page-header .mainheader #toppermenu{left:0;}

    .startseite .inhaltsbloecke{margin-top:70px;}
    .projekte .inhaltsbloecke{margin-top:150px;}

    .flx_headerblock .backgroundimage img{border-top-left-radius:0;border-top-right-radius:0;}
    .flx_headerblock .contentwrapper{margin-top:0;}
    .flx_headerblock .headerbox{margin-bottom:35px;}
    .flx_headerblock .headerbox .topline{color:var(--font);font-size:125%;}
    .flx_headerblock .headerbox .headline{color:var(--font);font-size:175%;}

    .flx_textblock.headline .headlinewrapper .headline{font-size:150%!important;}

    .flx_zahlenblock .inner{padding:25px;}

    .flx_newsteaser.drei .beitragswrapper{grid-template-rows: repeat(3, auto);}
    .flx_newsteaser.drei .beitragswrapper .griditem:nth-child(2){grid-column: 1/span 6;grid-row: 2/span 1;}
    .flx_newsteaser.drei .beitragswrapper .griditem:nth-child(3){grid-column: 1/span 6;grid-row: 3/span 1;}

    .flx_projektkarte{display:none;}

    .flx_kontaktblock .ansprechpartner .item{display:block;}
    .flx_kontaktblock.nurap .ansprechpartner .item .bild{width:125px;margin:50px 0 15px;}

    .flx_downloadblock .accordionwrapper .accordion .accordion-item .accordion-header .accordion-button{padding-right:50px;}

    #page-footer .main .logo{width:50%;}

    #projektsingle{margin-top:150px;}
    #projektsingle .eckdaten .headline::after{display:none;}
    #projektsingle .eckdaten .toprow .item, #projektsingle .eckdaten .middlerow .item, #projektsingle .eckdaten .bottomrow .item{margin-bottom:20px;}
    .flx_downloadblock .accordionwrapper .accordion .accordion-item.is-open .accordion-header::after, .flx_downloadblock .accordionwrapper .accordion .accordion-item .accordion-header::after{width:25px;height:25px;top:32.5%;right:15px;}

    #newssingle{margin-top:150px;}

    #page124 .flx_newsteaser.topnews .headerbox .headline{font-size:150%;}

    .flx_faqblock .accordionwrapper .accordion .accordion-item .accordion-header .accordion-button{padding-right:40px;}
    .flx_faqblock .accordionwrapper .accordion .accordion-item .accordion-header::after, .flx_faqblock .accordionwrapper .accordion .accordion-item.is-open .accordion-header::after{width:30px;height:30px;right:5px;}

    #suche.active form{width:300px;}

    #page-footer .main .logo_eu, #page-footer .main .logo_nrw{width:75%;}

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

    #suche.active form{width:260px;}

}