/* --------------Farben------------- */
:root{
    /* --main: <?php the_field('primarfarbe', 'options'); ?>;
    --sec: <?php the_field('sekundarfarbe', 'options'); ?>;
    --acc: <?php the_field('accentfarbe', 'options'); ?>; */
    --white: #fff;
    --black: #000;
}


.BorlabsCookie._brlbs-cb-googlemaps, ._brlbs-content-blocker, ._brlbs-embed._brlbs-google-maps{width:100%;height:100%;}
._brlbs-embed._brlbs-google-maps img{width: 100%;height: 70%;margin-top: 15%;}

body,html,*{font-size: 17px;line-height: 1.6;font-family: 'Roboto';font-weight: 400;color: var(--white);}
html{scroll-behavior: smooth;overflow-x: hidden;}

a{color: var(--white);text-decoration: underline;font-size: 100%;transition: all .3s ease;font-weight: 600;}
a:hover{text-decoration: none;color: var(--sec);transition: all .3s ease;}
*:focus{text-decoration: none;outline: none;}
*:focus-visible{outline: auto;}

p{margin-bottom: 0;}
ul{padding: 0;margin: 0;}

li{list-style: none;position: relative;padding-left:20px;margin:5px auto;width: max-content;max-width: 100%;}
li:before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:var(--white);position:absolute;top:10px;left:0;}

.inhaltsbloecke ul{width: max-content;margin: .5rem auto;max-width: 100%;}
.inhaltsbloecke li{margin: 5px 0;}


img{max-width: 100%;height: auto;}

.scrollsection{height:100%!important;}

.headline{font-size: 220%;font-weight: 600;display: block;color: var(--sec);text-transform: uppercase;margin: 0;line-height: 1;margin-bottom: 20px;}
.headline span{font-size: 100%;color: var(--sec);font-weight: 600;line-height: 1;}
.topline{font-size: 140%;font-weight: 600;display: block;color: var(--acc);text-transform: uppercase;margin-bottom: 0;}

h1,
h2,
h3{margin-bottom: 1rem;}
.btn{position:relative;padding:15px 25px 15px 25px;font-size:100%;font-weight:400;background:var(--acc);color:var(--white)!important;transition:all .3s ease;text-transform:uppercase;line-height:1;text-align:center;text-decoration: none;margin-top: 1rem;border: 2px solid var(--acc);margin-right: .5rem;}
.btn:hover{background:transparent;transition:all .3s ease;color:var(--white)!important;border: 2px solid var(--acc);}
.btn:focus-visible{outline: auto;}

button{background-color: transparent; border: none;}
button:focus-visible{outline: auto;}
strong{font-weight:600;font-size:100%;}

.container{max-width: 1650px;}
.container.wide{max-width: 1800px;}

.ordereins{order:1;}
.orderzwei{order:2;}

/*------------------------------------Header-------------------------------------------------*/

#page-header{position: fixed;left: 0;right: 0;top: 0;z-index: 999;}
#page-header li:before{display:none;}

#page-header .menuburgerbutton{display: block;margin: 0 auto;width:40px;height: 40px;cursor: pointer;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;z-index: 15;}
#page-header .menuburgerbutton span{margin: 8px 0; display: block;height: 3px;width: 100%;background: var(--white);opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#page-header .menuburgerbutton.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);margin-top: 10px;}
#page-header .menuburgerbutton.open span:nth-child(2){display: none;}
#page-header .menuburgerbutton.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -10px;}

#page-header #toppermenu{display: none;}
#page-header #toppermenu.active{display: flex;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: var(--main);justify-content: center;text-align: center;z-index: 11;}

#page-header #toppermenu .menu{position: absolute;z-index: 1;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#page-header #toppermenu .menu li{display: block;margin-bottom: 10px;}
#page-header #toppermenu .menu li.current_page_item > a{color:var(--sec);}
#page-header #toppermenu .menu li:last-child{margin-bottom: 0;}
#page-header #toppermenu .menu a{color: var(--white);font-size: 200%;font-weight: 600;text-transform: uppercase;text-decoration: none;}
#page-header #toppermenu .menu a:hover{color: var(--sec);}

#page-header #toppermenu li.menu-item-has-children{position: relative;width: max-content;padding-right: 40px;}
#page-header #toppermenu li.menu-item-has-children .submenu-toggle{position: absolute;background-color: transparent;border: none;color: var(--white);padding-right: 30px;right: 0;top:37px}
#page-header #toppermenu li.menu-item-has-children .submenu-toggle:focus-visible{outline: auto;}
#page-header #toppermenu li.menu-item-has-children .submenu-toggle::after{content: '';display: block;width: 30px;height: 35px;background: url('media/down-arrow.svg');background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(0deg);position: absolute;top: -26px;right: 0;transition:all .3s ease;cursor: pointer;filter: invert();}
#page-header #toppermenu li.menu-item-has-children .sub-menu{display: none;padding: 10px 20px;background-color: var(--main);}
#page-header #toppermenu li.menu-item-has-children .sub-menu li{margin-bottom: 10px;padding-left: 0;}
#page-header #toppermenu li.menu-item-has-children.open .submenu-toggle::after{transform: rotate(180deg);transition:all .3s ease;cursor: pointer;}
#page-header #toppermenu li.menu-item-has-children .sub-menu li.current-menu-item a{color:var(--sec);}
#page-header #toppermenu li.menu-item-has-children .sub-menu li.current-menu-item:after{display:none;}
#page-header #toppermenu li.menu-item-has-children .sub-menu a:hover{color: var(--sec);}

/* #page-header #toppermenu li.menu-item-has-children:focus-within .sub-menu{display: block;padding: 1.5rem 2.5rem;background-color: var(--main);} */


#page-header .logo{text-align: center;width:100%;display: block;height: max-content;}
#page-header .logo img{height: 125px;padding:0;}
#page-header .logoimage.bunt{display: block;width: max-content;margin: 0 auto 5px;padding:15px;background-color: var(--white);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

/*------------------------------------Footer-------------------------------------------------*/

#page-footer{background: var(--sec);padding: 50px 0;min-height:190px;position: relative;z-index: 4;}
#page-footer a{color: var(--white);text-decoration: none;}
#page-footer a:hover{color: var(--main);}
#page-footer li{color: var(--white);}
#page-footer li:before{display:none;}

#page-footer .footermenu{display: inline-block;display: flex;justify-content: center;}
#page-footer .footermenu li{display: inline-block;margin-right: 45px;}
#page-footer .footermenu li:last-child{margin-right: 0;}
#page-footer .footermenu li a{position: relative;}
#page-footer .footermenu li a::after{content: '';width: 2px;height: 80px;background: var(--white);display: block;position: absolute;top: 90px;left: 50%;transform: translate(-50%, -50%);}

#page-footer .rechtliches{text-align: right;}

#page-footer h2{font-size: 130%;font-weight: 600;color: var(--white);}

#page-footer .telefon{display: block;padding-left: 30px;position: relative;width: max-content;float: right;margin-top: 0;}
#page-footer .telefon:hover{text-decoration: underline;}
#page-footer .telefon::before{content: '';background: url('media/telefon.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 5px;}


/*------------------------------ACF-Flexible-Content-----------------------------------------*/

div[class^="flx_"], div[class*="flx_"] {min-height: 100vh;max-height:100vh;}

.inhaltsbloecke::after{content: 'SCROLLDOWN';background: #0482bd88;backdrop-filter: blur(5px);width: 142px;height: 70px;position: fixed;bottom: -10px;left: 50%;transform: translate(-50%, -50%);z-index: 1;color: var(--white);text-align: center;padding-top: 10px;border-radius: 5px;}
.inhaltsbloecke::before{content: '';background: var(--white);display: block;width: 2px;height: 20px;position: fixed;bottom: 20px;left: 50%;transform: translate(-50%, -50%);z-index: 1;z-index: 2;}


.flx_headerblock.bildvoll{position: relative;}
.flx_headerblock.bildvoll::before{content: '';background-color: var(--sec);opacity: .5;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.flx_headerblock.bildvoll .content{position: absolute;left: 0;right: 0;top: 40%;text-align: center;}
.flx_headerblock.bildvoll .content .headline{font-size: 400%;color: var(--white);line-height: 1;}

.flx_headerblock.farbblock-bild .farbblock{height: 60vh;}
.flx_headerblock.farbblock-bild .farbblock .content{position: absolute;left: 0;right: 0;top: 25%;text-align: center;}
.flx_headerblock.farbblock-bild .farbblock .content .headline{font-size: 400%;}
.flx_headerblock.farbblock-bild .farbblock .content .headline, .flx_headerblock.farbblock-bild .farbblock .content p{color: var(--white);}

.flx_textblock.nurtext{display: flex;align-items: center;position: relative;text-align: center;}
/* .flx_textblock.nurtext::after{content: 'SCROLLDOWN';color: var(--white);display: block;position: absolute;bottom: 20px;left: 50%;transform: translate(-50%, -50%);}
.flx_textblock.nurtext::before{content: '';background: var(--white);display: block;width: 2px;height: 20px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);} */
.flx_textblock.nurtext p{color: var(--white);font-size: 120%;font-weight: 400;}
.flx_textblock.nurtext p i{color: var(--white);font-size: 100%;font-weight: 400;}
.flx_textblock.nurtext p a{color: var(--white);font-size: 100%;font-weight: 600;}
.flx_textblock.nurtext p strong{font-size: 120%;color: var(--sec);font-weight: 600;}

.flx_textblock.text-bild{background-color: var(--main);}
.flx_textblock.text-bild *{color: var(--white);}
.flx_textblock.text-bild *{color: var(--white);}
.flx_textblock.text-bild .text{padding:250px 100px 100px 100px;height:100vh;}
.flx_textblock.text-bild li{margin: 0;}
.flx_textblock.text-bild li::before{background: var(--white);}
.flx_textblock.text-bild .text .inner{overflow: scroll;height: 100%;}
.flx_textblock.text-bild .text p{width: 85%;}

.flx_textblock.bild-text{background-color: var(--main);}
.flx_textblock.bild-text *{color: var(--white);}
.flx_textblock.bild-text *{color: var(--white);}
.flx_textblock.bild-text li{margin: 0;}
.flx_textblock.bild-text li::before{background: var(--white);}
.flx_textblock.bild-text .text{padding:250px 100px 100px 100px;height:100vh;}
.flx_textblock.bild-text .text .inner{overflow: scroll;height: 100%;}
.flx_textblock.bild-text .text p{width: 85%;}

.flx_textblock.farbflaeche-bild-overlay{position: relative;}
.flx_textblock.farbflaeche-bild-overlay .bild{position: relative;}
.flx_textblock.farbflaeche-bild-overlay .bild.overlay::before{content: '';background-color: var(--sec);opacity: .5;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.flx_textblock.farbflaeche-bild-overlay .textoverlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index:99;}
.flx_textblock.farbflaeche-bild-overlay .textoverlay .headline{font-size: 400%;color: var(--white);margin-bottom: 30px;}
.flx_textblock.farbflaeche-bild-overlay .textoverlay p{color: var(--white);}
.flx_textblock.farbflaeche-bild-overlay .textoverlay .button{margin-top: 30px;}

.flx_textblock .logos{justify-content: space-evenly;margin-top: 4rem;}
.flx_textblock .logos img{height: 200px;width: 200px;object-fit: contain;/*background-color: #f6f6f6;padding: 20px;*/border-radius: 5px;}

.flx_kontakt .text{padding:50px 100px;background: var(--main);height:100vh;}
.flx_kontakt .text .headline{color: var(--white);}
.flx_kontakt .text .topline, .flx_kontakt .text p{color: var(--white);}
.flx_kontakt .text p{width: 80%;}
.flx_kontakt .text a{color: var(--white);}
.flx_kontakt .text a:hover{color: var(--sec);}
.flx_kontakt .text .telefon{margin-top: 30px;display: block;padding-left: 30px;position: relative;}
.flx_kontakt .text .telefon::before{content: '';background: url('media/telefon.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 5px;}
.flx_kontakt .text .sprechzeiten{margin-top: 30px;}
.flx_kontakt .text .sprechzeiten .headline{color: var(--white);}
.flx_kontakt .text .item{margin-bottom: 30px;border-left: solid 2px var(--white);}
.flx_kontakt .text strong{color: var(--white);}
.flx_kontakt .text .sprechzeiten .row{padding: 0 15px;}
.flx_kontakt .text .item .headline{font-size: 120%;}

.flx_immobilien_teaser{background-color: var(--main);}
.flx_immobilien_teaser *{color: var(--white);}
.flx_immobilien_teaser .text{padding:200px 100px 100px 100px;height:100vh;}
.flx_immobilien_teaser li{margin: 0;}
.flx_immobilien_teaser li::before{background: var(--black);}
.flx_immobilien_teaser .text .inner{height: 100%;display: flex;flex-direction: column;justify-content: center;gap: 1.5rem;}
.flx_immobilien_teaser .text p{width: 100%;}
.flx_immobilien_teaser .term{font-weight: 600;padding-right: 2rem;vertical-align: baseline;}
.flx_immobilien_teaser td{padding: 10px 0;}
.flx_immobilien_teaser tr{border-bottom: 1px solid var(--white);}
.flx_immobilien_teaser tr:last-child{border-bottom: none;}
/* .flx_immobilien_teaser .btn{float: right;} */
.flx_immobilien_teaser .leer{padding: 300px 100px;text-align: center;}
.flx_immobilien_teaser .leer p{font-size: 150%;font-weight: 600;}

/*------------------------------Single Immobilien----------------------------------------------------*/
#immo_single{background-color: var(--main);}
#immo_single *{color: var(--white);}
#immo_single .text{padding:200px 100px 0px 120px;height:max-content;}
#immo_single li{margin: 0;}
#immo_single li::before{background: var(--black);}
#immo_single .text .inner{height: 100%;display: flex;flex-direction: column;justify-content: center;gap: 1.5rem;}
#immo_single .text p{width: 100%;}
#immo_single .term{font-weight: 600;padding-right: 2rem;vertical-align: baseline;}
#immo_single td{padding: 10px;}
#immo_single tr:nth-child(2n){background-color: #0002;}

#immo_single .row{align-items: flex-start;}
#immo_single .bild-wrap{position: sticky;top: 0;}
#immo_single .sticky-bild {height: 100vh;background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;}
#immo_single .owl-nav{display: flex;justify-content: space-between;}

#immo_single button.btn{float: right;margin-top: 3rem;}

#immo_single .galerie.headline {margin-top: 3rem;}
#immo_single .bildergalerie {margin-top: 1.5rem;}
#immo_single .galerie-item {position: relative;overflow: hidden;}
#immo_single .galerie-item img {width: 100%;height: auto;object-fit: cover;display: block;}
#immo_single .owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);}
#immo_single .owl-nav .owl-prev {left: 15px;}
#immo_single .owl-nav .owl-next {right: 15px;}
#immo_single .owl-prev-icon::before {content: '‹';font-size: 50px;line-height: 1;}
#immo_single .owl-next-icon::before {content: '›';font-size: 50px;line-height: 1;}

.fancybox-opened .fancybox-title{display: none;}


@media (max-width: 767px) {
    #immo_single .sticky-bild {
        position: relative;
        top: auto;
        height: 60vh;
    }
}
/*------------------------------Abweichungen----------------------------------------------------*/
.kontakt .flx_kontakt .text{padding-top: 250px;}

.flx_textblock.nurtext p strong{color: var(--white);}


.impressum a,
.gut-zu-wissen a,
.datenschutzerklaerung a,
.widerruf a,
.datenschutz-facebook a,
.datenschutzerklaerung a,
.barrierefreiheit a{color:var(--white);}

.impressum .flx_textblock.nurtext,
.gut-zu-wissen .flx_textblock.nurtext,
.datenschutzerklaerung .flx_textblock.nurtext,
.widerruf .flx_textblock.nurtext,
.datenschutz-facebook .flx_textblock.nurtext,
.datenschutzerklaerung .flx_textblock.nurtext,
.ivd-standesregeln .flx_textblock.nurtext,
.barrierefreiheit .flx_textblock.nurtext{height:auto;padding-top: 200px;min-height:unset;max-height:unset;text-align: left;}




.impressum .flx_textblock.nurtext h1,
.gut-zu-wissen .flx_textblock.nurtext h1,
.datenschutzerklaerung .flx_textblock.nurtext h1,
.widerruf .flx_textblock.nurtext h1,
.datenschutz-facebook .flx_textblock.nurtext h1,
.datenschutzerklaerung .flx_textblock.nurtext h1,
.barrierefreiheit .flx_textblock.nurtext h1{color: var(--white);}

.impressum .flx_textblock.nurtext h2,
.gut-zu-wissen .flx_textblock.nurtext h2,
.datenschutzerklaerung .flx_textblock.nurtext h2,
.widerruf .flx_textblock.nurtext h2,
.datenschutz-facebook .flx_textblock.nurtext h2,
.datenschutzerklaerung .flx_textblock.nurtext h2,
.barrierefreiheit .flx_textblock.nurtext h2{color: var(--white);margin-top:25px;}

.impressum .flx_textblock.nurtext p,
.gut-zu-wissen .flx_textblock.nurtext p,
.datenschutzerklaerung .flx_textblock.nurtext p,
.widerruf .flx_textblock.nurtext p,
.datenschutz-facebook .flx_textblock.nurtext p,
.datenschutzerklaerung .flx_textblock.nurtext p,
.barrierefreiheit .flx_textblock.nurtext p{font-size: 100%;text-transform: none;font-weight: 400;margin-bottom: 10px;}

.impressum .flx_textblock.nurtext li,
.gut-zu-wissen .flx_textblock.nurtext li,
.datenschutzerklaerung .flx_textblock.nurtext li,
.widerruf .flx_textblock.nurtext li,
.datenschutz-facebook .flx_textblock.nurtext li,
.datenschutzerklaerung .flx_textblock.nurtext li,
.barrierefreiheit .flx_textblock.nurtext li{margin: 0;}

.impressum .flx_textblock.nurtext p strong,
.gut-zu-wissen .flx_textblock.nurtext p strong,
.datenschutzerklaerung .flx_textblock.nurtext p strong,
.widerruf .flx_textblock.nurtext p strong,
.datenschutz-facebook .flx_textblock.nurtext p strong,
.datenschutzerklaerung .flx_textblock.nurtext p strong,
.barrierefreiheit .flx_textblock.nurtext p strong{font-weight: 600;font-size: 100%;color: var(--white);}

.gut-zu-wissen .inhaltsbloecke ul,
.datenschutzerklaerung .inhaltsbloecke ul,
.widerruf .inhaltsbloecke ul,
.ivd-standesregeln .inhaltsbloecke ul,
.impressum .inhaltsbloecke ul{margin: .5rem 0;}

a.pdf{background: url(media/pdf.png) no-repeat left top;background-size: 60px;color: var(--white);display: block;min-height: 60px;padding: 10px 0 10px 75px;max-width: 330px;font-weight: 500;margin: 30px 0;}




/*-------------------------------------------------------------------------------------------*/
@media (max-width: 1480px){
    
    .flx_kontakt .text{padding:50px;}
    
    #page-footer{padding: 0;min-height: 160px;position: relative;}
    #page-footer .footermenu{padding-top: 30px;justify-content: start;}
    #page-footer .leer{display: none;}
    #page-footer .row{justify-content: space-between;align-items: baseline;}
    #page-footer .footermenu li{margin-right: 10px;padding-left: 15px;}
    #page-footer .footermenu li a::after{top: 70px;}

    .flx_textblock.farbflaeche-bild-overlay .textoverlay{width: 90%;}
    .flx_textblock.farbflaeche-bild-overlay .textoverlay .headline{font-size: 300%;}

    .flx_textblock .logos img{height: 150px;width: 150px;padding: 10px;}

    #immo_single .text{padding: 200px 50px 0px 50px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width: 1199px){
    
    #page-header .logo img{height: 130px;}
    
    div[class^="flx_"], div[class*="flx_"]{min-height: unset;max-height: unset;}
    .container{padding: 70px 15px;}
    #page-header .container{padding: 0;}

    .inhaltsbloecke{padding-top: 200px;background-color: var(--main);}
    .inhaltsbloecke::before,
    .inhaltsbloecke::after{display: none;}
    
    .flx_headerblock.bildvoll .content .headline{font-size: 300%;padding: 0 30px;}
    .flx_headerblock.bildvoll{min-height: 60vh!important;}
    
    .flx_textblock.text-bild .text{padding: 50px;margin: 20px 0;height:auto;order:1;}
    .flx_textblock.text-bild .text .inner{overflow:none;}
    .flx_textblock.text-bild .bild{order:2;height: 80vh!important;}
    
    .flx_textblock.bild-text .bild{order:2;height: 80vh!important;}
    .flx_textblock.bild-text .text .inner{overflow:none;}
    .flx_textblock.bild-text .text{padding: 50px;margin: 20px 0;height:auto;order:1;}
    
    .flx_kontakt .text{padding-top: 200px;height: 80vh!important;}
    .flx_kontakt .bild{height: 80vh!important;}
    .kontakt .flx_kontakt{margin-bottom: 0;}
    .kontakt .flx_kontakt .text{padding-top: 50px;}
    
    .aktuelles .flx_textblock.text-bild{padding-top: 200px;}

    .flx_immobilien_teaser .text{height: max-content;padding: 50px;}
    .flx_immobilien_teaser .leer{padding: 100px 50px 140px;}
    
    .impressum .flx_textblock.nurtext, .gut-zu-wissen .flx_textblock.nurtext, .datenschutzerklaerung .flx_textblock.nurtext, .widerruf .flx_textblock.nurtext, .datenschutz-facebook .flx_textblock.nurtext, .datenschutzerklaerung .flx_textblock.nurtext, .ivd-standesregeln .flx_textblock.nurtext, .barrierefreiheit .flx_textblock.nurtext{padding-top: 0;}

    #page-footer{min-height: max-content;padding: 50px 15px 15px;}
    #page-footer .container{padding: 0;}
    #page-footer .footermenu{order: 2;display: block;}
    #page-footer .footermenu li{padding-left: 0;margin-right: 20px;}
    #page-footer .rechtliches{text-align: left;order: 1;}
    #page-footer .telefon{float: unset;}
    #page-footer h2 br{display: none;}

    #page-footer .footermenu li a::after{display: none;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width: 991px){
    
    .headline{font-size:150%;}
    .topline{margin-bottom:5px;font-size:100%;}
    
    /* #page-header #toppermenu .menu li{padding: 0;} */
    #page-header #toppermenu .menu a{font-size: 160%;}
    #page-header #toppermenu li.menu-item-has-children .submenu-toggle::after{top: -33px;}
    
    .flx_headerblock.bildvoll .content .headline{font-size: 190%;}
    .flx_kontakt .text{height:auto;}
    .flx_textblock.bild-text .text{padding:50px;}
    
    .flx_textblock.nurtext{padding: 50px 0;}
    .flx_textblock.nurtext p{font-size: 130%;}

    .flx_textblock .logos img{width: 100px;height: 100px;}
    .flx_textblock .logos .item{margin-bottom: 1rem;}
    
    .flx_textblock.farbflaeche-bild-overlay .textoverlay .headline{font-size: 270%;}
    .flx_textblock.farbflaeche-bild-overlay .bild{height: 80vh!important;}

    #immo_single{padding-top: 200px;}
    #immo_single .text{padding: 50px 30px;}
    #immo_single .sticky-bild{height: 500px;}
    #immo_single .bild-wrap{position: unset;}
    
    /* #page-footer .rechtliches{position:absolute;right:0;} */
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width: 767px){
    
    body, html, *{font-size: 15px;}
    
    .container{padding: 50px 15px;}
    .inhaltsbloecke ul{margin: .5rem 0;}
    #page-header .logo{z-index:99;}
    #page-header .logo img{height: 110px;}

    #page-header #toppermenu li.menu-item-has-children .submenu-toggle::after{top: -36px;}

    .flx_textblock.nurtext,
    .flx_headerblock.bildvoll .content,
    .flx_textblock.farbflaeche-bild-overlay .textoverlay{text-align: left;}

    .flx_textblock .farbflaeche{display: none;}
    .flx_textblock.farbflaeche-bild-overlay .bild::before{content: '';background-color: var(--sec);opacity: .7;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

    .flx_textblock.nurtext{padding: 30px 0;}
    .flx_textblock.nurtext p{font-size: 100%;}

    .flx_textblock .logos .item{flex: 0 0 50%;max-width: max-content;}
    .flx_textblock .logos{justify-content: start;}
    
    .startseite #page-header.bottom, .barrierefreiheit #page-header.bottom{z-index:999;background:var(--sec);}
    #page-header.bottom{z-index:999;background:var(--sec);}
    #page-header.bottom .logo{width: 75%;text-align: left;padding: 5px 25px;z-index:99;}
    #page-header.bottom .row{align-items: center;}
    
    .aktuelles .flx_textblock.text-bild{padding-top: 150px;}
    
    .flx_textblock .farbflaeche{min-height:35px;order:2;z-index:9;}
    .flx_textblock .bild{order:1;}

    .flx_kontakt .text{height: max-content!important;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width: 600px){
    
    .inhaltsbloecke{padding-top: 150px;}
    li::before{width: 7px;height: 7px;top: 9px;}
    
    .headline{line-height: 1.3;}
    
    #page-header .logo img{height: 100px;}
    #page-header #toppermenu .menu{text-align: left;width: 100%;top: 45%;}    
    #page-header #toppermenu .menu li{margin: 5px 0;}    

    .flx_headerblock.farbblock-bild .farbblock .content{left:5px;right:10px;}
    
    .aktuelles .inhaltsbloecke{margin-top: 150px;}
    
    .flx_headerblock.bildvoll{min-height: 40vh!important;}
    .flx_headerblock.bildvoll .content .headline{font-size: 150%;line-height: 1;padding: 0 15px}
    
    /* .flx_textblock.text-bild .bild,
    .flx_textblock.bild-text .bild{margin-bottom: 0;height: 50vh!important;} */
    
    .aktuelles .flx_textblock.text-bild{padding-top: 0;}
    
    .flx_headerblock.farbblock-bild .farbblock .content .headline{font-size: 180%;}
    .flx_headerblock.farbblock-bild .farbblock{height: 60vh;}
    
    .flx_textblock.text-bild .text{padding:30px;}
    .flx_textblock.bild-text .text{padding:30px;}

    .flx_textblock.nurtext{padding: 0;}
    .flx_textblock.farbflaeche-bild-overlay .textoverlay{left: 15px;transform: unset;transform: translateY(-50%);}
    .flx_textblock.farbflaeche-bild-overlay .textoverlay .headline{font-size: 200%;}
    .flx_textblock .logos{margin-top: 2rem!important;}

    .flx_immobilien_teaser .text{padding: 50px 30px;}

    .kontakt .flx_kontakt .text{padding: 50px 30px;}
    .flx_kontakt .bild{height: 50vh!important;}
    
    #immo_single .sticky-bild{height: 350px;} 

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width: 400px){
    
    h1{font-size: 2rem;margin-bottom: 2rem;}
    #page-header .logo{width: 75%;text-align: left;padding:5px 10px;}
    #page-header.bottom .logo{padding:5px 10px;}
    #page-header .logo img{max-width: 80%;padding: 0 20px;object-fit: contain;}
    #page-header #toppermenu .menu{left:10%;transform: translate(-5%, -50%);}
    #page-header #toppermenu .menu li{margin-bottom: 20px;}
    #page-header #toppermenu .menu a{font-size: 140%;}
    #page-header .row{align-items: center;}

    .flx_headerblock.bildvoll .content{top: 50%;transform: translateY(-50%);}

    .flx_immobilien_teaser .bild{min-height: 400px!important;}

    table tr{display: grid;padding: 10px 0;}
    #immo_single td{padding-top: 0;}
    #immo_single .term{padding-bottom: 0;}
    table tr:first-child{border-top: none;}
    /* #immo_single tr:nth-child(2n){background-color: unset;} */
    
}