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

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

.flx_textblock.mithintergrundbild .textwrapper{width:100%;}
.flx_textblock.mitparallaxright .text{padding:100px;}
.flx_textblock.mitparallaxleft .text{padding:100px;}

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

    .container{max-width:100%;}
    .container.small{max-width:100%!important;}

    h1{font-size:300%;}
    h2{font-size:250%;}
    .headline{line-height:1.3;}

    .flx_headerblock .bildwrapper .keyfacts .fact{width:30%;}

    .flx_textblock.mithintergrundbild .textwrapper .textinner .repeater-content .headline{font-size:125%;}

    .flx_galerieblock .slider .item{height:600px;}

    .flx_teamblock .teamwrapper .item{height:100%;}
    .flx_teamblock .teamwrapper .item .inner{padding:10px;}
    .flx_teamblock .teamwrapper .item .inner .headline{font-size:100%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    h1{font-size:275%;}
    h2{font-size:225%;}

    .subline{font-size:125%;}

    .flx_headerblock .container{max-width:100%;}
    .flx_headerblock .content{width:70%;}
    .flx_headerblock.mitvideo .videowrapper video{height:600px!important;}

    .flx_textblock .bild{align-content:center;}
    .flx_textblock.mitparallaxleft .text{left:35%;right:15px;padding:50px;}
    .flx_textblock.mitparallaxright .text{right:35%;left:15px;padding:50px;}

    .flx_preisblock .preiswrapper .item .preiswrapper .itemblock{padding:25px 15px;}

    .flx_kontaktblock.mitformular .textinner{width:70%;}
    .flx_kontaktblock.mitformular .formularinner{width:70%;}

    .flx_teaserblock .teaserwrapper .item .headline{font-size:100%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

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

    .headline{max-width:100%;}

    .flx_headerblock .content{width:85%;}

    .flx_textblock .text{order:1;margin-bottom:35px;}
    .flx_textblock .bild{order:2;}
    .flx_textblock.nurtext .text{margin-bottom:0px;}
    .flx_textblock.mitbildlinks .inner .secondimage{right:50px;bottom:-125px;height:250px;}
    .flx_textblock.mitbildrechts .inner .secondimage{left:50px;bottom:-125px;height:250px;}

    .flx_kontaktblock .textinner{margin-bottom:35px;}

    .flx_headerblock .content .headerbox .headline{font-size:150%;}
    .flx_headerblock .bildwrapper .keyfacts{position: relative;left: 0;right: 0;top: 15px;flex-wrap:wrap;gap:15px;}
    .flx_headerblock .bildwrapper .keyfacts .fact{width:calc(50% - 7.5px);border: solid 1px #000;}

    .flx_fotografenauswahl .fotografenwrapper .bildwrapper{width:150px;height:150px;}
    .flx_fotografenauswahl .fotografenwrapper .infowrapper{width:calc(100% - 150px);}

    .flx_preisblock .preiswrapper .item .headlinewrapper .headline{font-size:150%;}
    .flx_preisblock .preiswrapper .item .preiswrapper{flex-wrap:wrap;gap:15px;}
    .flx_preisblock .preiswrapper .item .preiswrapper .itemblock{width:100%;}
    .flx_preisblock .preiswrapper .item .preis{font-size:125%;}

    .flx_galerieblock .galerie .item{height:300px;}
    .flx_galerieblock .galerie .item .subtitle{font-size:75%;}

    .flx_textblock.mithintergrundbild .textwrapper .textinner .repeater-content{margin:15px 0;}
    .flx_textblock.mithintergrundbild .textwrapper .textinner .repeater-content .headline{margin-bottom:15px;}

    #page431 .flx_teaserblock .teaserwrapper .col-md-6:nth-child(3){display:none;}

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

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

    .subline{font-size:100%;}

    .slider .owl-controls .owl-nav{width:100%;}
    .slider .owl-controls .owl-dots{width:100%;margin-right:0;}

    #page-header .container{max-width:100%;}
    #page-header .mainheader #toppermenu{gap:25px;}
    #page-header.bottom .logo img{max-width:100%;}
    #page-footer .main .logo{margin-bottom:50px;max-height:50px;}
    #page-footer .main .kontakt{text-align: left;}

    .flx_headerblock.mitbild .bild .inner{height:500px;}
    .flx_headerblock.mitbild .content .headerbox .headline{font-size:135%;}
    .flx_headerblock.mitvideo .videowrapper video{height:500px!important;}

    .flx_galerieblock .galerie .item{height:450px;margin-bottom:15px;}

    .flx_textblock.secondimagetrue{padding-bottom:50px!important;}
    .flx_textblock.mitbildlinks .inner .secondimage, .flx_textblock.mitbildrechts .inner .secondimage{position: unset;width: 100%;margin-top: 15px;height: auto;}
    .flx_textblock.mitparallaxleft .bild .inner .parallax-window, .flx_textblock.mitparallaxright .bild .inner .parallax-window{width:100%;height:550px;}
    .flx_textblock.mitparallaxleft .text, .flx_textblock.mitparallaxright .text{position:unset;transform:unset;margin:0;}

    .flx_teaserblock .teaserwrapper .item{height: 400px;width: 75%;margin: 0 auto;}
    #page431 .flx_teaserblock .teaserwrapper .item{height: auto;width: 75%;margin: 0 auto;}
    #page431 .flx_teaserblock .teaserwrapper .col-md-6:nth-child(2), #page431 .flx_teaserblock .teaserwrapper .col-md-6:nth-child(3){display:none;}

    .flx_kontaktblock.mitformular .textinner{width:100%;}
    .flx_kontaktblock.mitformular .formularinner{width:100%;}

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

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

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

    .mitzusatz{padding-bottom:50px!important;}

    #page-header .mainheader #toppermenu .menu{padding-top:100px;padding-right:50px;}

    /* #page-footer{padding:0;} */
    #page-footer .main .logo img{border-right:none;}
    #page-footer .main .social{text-align:left;margin-top:35px;}
    #page-footer .bottom{display:block;}
    #page-footer .bottom .copyright{width:100%;padding:0;}
    #page-footer .bottom .rechtlich{width:100%;text-align:left;}

    .homepage .flx_headerblock .content{margin-top:25px;}
    #page420 .flx_headerblock .content .headerbox .headline{font-size:225%;}
    .flx_headerblock .bildwrapper .keyfacts .fact{width:100%;}
    .flx_headerblock.mitbild .content .headerbox .headline{font-size:100%;}
    .flx_headerblock .content .headerbox .headline{width:100%;}

    .flx_preisblock .preiswrapper .item{padding:15px 0;}
    .flx_preisblock .preiswrapper .item .beschreibung{font-size:100%;}
    .flx_preisblock .preiswrapper .item .preis{text-align:left;}
    .flx_preisblock .preiswrapper .item .headlinewrapper .headline{font-size:125%;;}

    .flx_textblock.secondimagetrue{padding-bottom:25px!important;}

    .flx_textblock.mitparallaxleft .text, .flx_textblock.mitparallaxright .text{padding:25px;}
    .flx_textblock.mithintergrundbild .textwrapper .textinner em{width:100%;}
    #page423 .flx_textblock.mithintergrundbild .textwrapper .textinner{width:100%;}

    .flx_fotografenauswahl .fotografenwrapper .fotograf{display:block;padding:15px;}
    .flx_fotografenauswahl .fotografenwrapper .infowrapper{width:100%;margin:15px 0 0;}

    .slider .owl-controls{height:50px;}
    .slider .owl-controls .owl-nav{width:100%;}
    .slider .owl-controls .owl-dots{width:100%;margin:0;}

    .flx_fotografenauswahl .fotografenwrapper .owl-controls{height:50px;}
    .flx_fotografenauswahl .fotografenwrapper .owl-controls .owl-nav{width:100%;}
    .flx_fotografenauswahl .fotografenwrapper .owl-controls .owl-dots{width:100%;margin:0;}

    .flx_ansprechperson .person{gap:20px;}
    .flx_ansprechperson .person .bildwrapper{width:100px;height:100px;}
    .flx_ansprechperson .person .bildwrapper img{height:auto;}
    .flx_ansprechperson .person .daten{height:auto;}

    .flx_headerblock .content .headerbox .subline{font-size:100%;}
    .flx_headerblock .content .buttonwrapper{flex-direction:column;gap:25px 0;}

    .flx_textblock.mithintergrundbild .bildwrapper .inner{height:750px;}
    .flx_textblock.mithintergrundbild .zusatzinfo{bottom:4rem;width:100%;text-align:center;}

    .flx_buttonblock .text .btn{width:100%;}

    .flx_teaserblock .teaserwrapper .item, #page431 .flx_teaserblock .teaserwrapper .item{width:100%;}

    .flx_galerieblock .slider.withsubtitle .item{height:350px;}

    #phpsingle .headline{font-size:150%;}
    #phpsingle .subline{font-size:100%;}

    .impressum .flx_textblock.nurtext .text .headline, .datenschutz .flx_textblock.nurtext .text .headline{font-size:135%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    h1{font-size:125%;}
    h2{font-size:100%;}
    .headline{font-size:100%;}

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

}