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

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

    #altersnachweis .inner{max-width:35%;}

    .container{max-width:2150px;}
    img{width:100%;}

    .flx_gridblock .gridwrapper .griditem .headline{font-size:115%;}

    .flx_textblock.mitsliderrechts .slider .item{height:800px;}

    .flx_faqblock .bildwrapper .griditem2{right:20%;}

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

    #altersnachweis .logo{margin-bottom:0;}

    input, textarea, select{padding:5px 25px;}
    .wpcf7-list-item label{margin:0;}

    .container{padding:0 50px;}

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

    .flx_headerblock .content{bottom: 5%;top: unset;transform: translateY(0%);}

    .flx_gridblock{height:100vh!important;}
    .flx_gridblock .gridwrapper{height:calc(100vh - 150px);}

    .flx_kontaktblock .textinner p{margin-bottom:0;}

    .flx_faqblock.mitbildrechts .bild{padding-left:50px;}
    .flx_faqblock.mitbildlinks .bild{padding-right:50px;}

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

    h1{font-size:350%;}
    h2{font-size:200%;}

    #altersnachweis .inner{max-width:65%;}

    .flx_bildblock .bildwrapper .item .content .headline{font-size:225%;}

    /* .flx_gridblock{height:70vh!important;}
    .flx_gridblock .gridwrapper{height:calc(70vh - 150px);} */
    
    .flx_faqblock .bildwrapper .item{width:55%;}

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

    #altersnachweis .inner{max-width:75%;}

    h1{font-size:300%;}
    h2{font-size:175%;}
    .subline{font-size:125%;}
    .container{padding:0 25px;}

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

    .flx_bildblock .bildwrapper .item .content{padding:25px 50px;}
    .flx_bildblock .bildwrapper .item .content .headline{font-size:200%;}

    .flx_textblock.textmithintergrund .contentinner{width:95%;height:auto;}
    .flx_textblock.mitsliderrechts .slider{width:100%;margin:40px 0;}
    .flx_textblock.mitsliderrechts .badge{display:none;}
    .flx_textblock.mitvideolinks .video, .flx_textblock.mitvideorechts .video{align-content:center;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    #altersnachweis .inner{max-width:100%;}

    h1{font-size:225%;}

    #page-header{padding:0;}
    #page-header .logo img{max-width:100%;}

    #page-header .mainheader #toppermenu .menuburgerbutton{display:block;}
    #page-header .mainheader #toppermenu .menu{display:none;position:fixed;top:0;right:0;height:100vh;background:var(--main);padding:50px;align-content:center;}
    #page-header .mainheader #toppermenu.active .menu{display:block;}
    #page-header .mainheader #toppermenu .menu li{display:block;margin:50px 0;}

    #page-header.bottom .logo img{max-width:75%;}
    
    .flx_bildblock .bildwrapper div[class^="col-"]{padding:5px;}
    .flx_bildblock .bildwrapper .item .content{padding:25px;}
    .flx_bildblock .bildwrapper .item .content .headline{font-size:175%;}

    .flx_textblock.textmithintergrund .imageinner:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--main);opacity:0.5;}
    .flx_textblock.textmithintergrund .contentinner{height:calc(100% - 35px);padding:0;z-index:99;}
    .flx_textblock.textmithintergrund .contentinner p {color: var(--creme);}

    .flx_textblock.mitvideolinks .text{margin-top:25px;}
    .flx_textblock.mitvideorechts .text{margin-bottom:25px;}

    .flx_gridblock{height:100vh!important;background:url('../media/gridblock-background-mobile.webp')!important;background-position:center!important;background-size:100%!important;background-repeat:no-repeat!important;}
    .flx_gridblock .gridwrapper{height: calc(100vh - 150px);}
    .flx_gridblock .gridwrapper .griditem1 {grid-column: 2/span 6;grid-row: 2/span 2;}
    .flx_gridblock .gridwrapper .griditem2 {grid-column: 2/span 6;grid-row: 5/span 2;}
    .flx_gridblock .gridwrapper .griditem3 {grid-column: 2/span 6;grid-row: 8/span 2;}
    .flx_gridblock .gridwrapper .griditem4 {grid-column: 2/span 6;grid-row: 11/span 2;}

    .flx_kontaktblock .textinner{padding:50px;}

    .flx_faqblock .bildwrapper .item{width:50%;}
    .flx_faqblock .text{margin-top:50px;}
    .flx_faqblock.mitbildrechts .bild{padding-left:25px;}
    .flx_faqblock.mitbildlinks .bild{padding-right:25px;}

    .kontaktpopup{top:5%;right:5%;bottom:5%;left:5%;transform:unset;overflow:scroll;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    #altersnachweis .logo{max-width:65%;margin-bottom:50px;}
    #altersnachweis .inner .altersfrage{font-size:350%;}
    #altersnachweis .inner .altersantwort{margin:40px 25px;}

    .flx_bildblock .bildwrapper .item .bild img{width:100%;}

    .flx_textblock.textmithintergrund .imageinner::before{display:none;}
    .flx_textblock.textmithintergrund .contentinner{align-content: start;padding-top: 25px;}
    .flx_textblock.textmithintergrund .contentinner .headline,
    .flx_textblock.textmithintergrund .contentinner p{color:var(--main);}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    #altersnachweis .logo{max-width:65%;margin-bottom:50px;}
    #altersnachweis .inner .altersfrage{font-size:200%;}
    #altersnachweis .inner .altersantwort{margin:15px;width:35%;}

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

    .subline{font-size:100%;}
    .headline strong::before{bottom:-25px;}

    .wpcf7-form-control-wrap{width:100%;}
    .wpcf7-form-control-wrap[data-name="anrede"]{width:100%;}

    #page-header .logo img{max-width:60%;}
    #page-header .mainheader #toppermenu .menuburgerbutton{margin-top:-75px;}
    #page-header .mainheader #toppermenu .menu{width:100%;}

    #page-header.bottom{padding:0;}
    #page-header.bottom .logo img{max-width:50%;}
    #page-header.bottom .mainheader #toppermenu .menuburgerbutton{margin-top:-60px;}


    .flx_gridblock{background:none!important;height:auto!important;}
    .flx_gridblock .gridwrapper{display:block;height:auto;}

    .flx_kontaktblock .textinner{padding:25px;}

    .flx_faqblock .bildwrapper{height:375px;}

    .flx_bildblock .bildwrapper .item .content .headline{font-size:150%;}

    .flx_textblock.textmithintergrund .contentinner{width:90%;}
    .flx_textblock.mitsliderrechts .headerwrapper .headline, .flx_textblock.mitsliderrechts .headerwrapper .subline{text-align:left;}
    .flx_textblock.textmithintergrund .contentinner p br{display:none;}

    #page-footer .topper .infowrapper{order:2;}
    #page-footer .topper .logowrapper{order:1;}
    #page-footer .topper .logo{text-align:left;}
    #page-footer .topper .logo img{max-width:60%;margin-bottom:50px;}

    #page-footer .copyright span{width:100%;}
    #page-footer .copyright .links{width:100%;text-align:left;}

}

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

}