/**
 *
 * Theme Name:        Hajo Reekers Theme
 * Theme URI:         https://www.moleco.de
 * Description:       Dieses Theme wurde erstellt durch die MOLECO GmbH - Agentur für digitale Kommunikation
 * Version:           1.0.0
 * Author:            MOLECO GmbH
 * Author URI:        https://www.moleco.de
 * Tested up to:      6.8.1
 * Requires at least: 6.8.1
 * Requires PHP:      8.3.22
 *
 */

:root{
    
    --light-grey:   #f2f2f2;
    --dark-grey:    #2C2C2C;
    --black:        #222222;
    --acc:          #CFD7A6;
    --white:        #fff;

}

body,html,*{font-size: 18px;line-height: 1.6;font-family:'Outfit';font-weight: 400;}
html{scroll-behavior: smooth;}
body{overflow-x: hidden;background-color: var(--white);}
button:focus{outline: none;}
button:focus-visible{outline: auto;}

a{color:var(--acc);text-decoration:underline;font-size:100%;transition:all .3s ease;}
a:hover{color:var(--black);transition:all .3s ease;}
a:focus-visible{outline: auto;}

li{list-style:none;padding-left:30px;position:relative;}
li:before{content:'';width:7.5px;height:7.5px;display:block;background:var(--acc);position:absolute;top:7.5px;left:0;border-radius:50%;}

ul{padding:0;margin:0;}

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

h1{font-size:300%;display:block;width:max-content;position:relative;color:var(--black);margin-bottom: 50px;line-height:1;max-width: 100%;font-weight: 300;}
h2{font-size:220%;display:block;width:max-content;color:var(--black);margin-bottom: 30px;line-height:1;max-width: 100%;font-weight: 300;}
h3{font-size:150%;display:block;width:max-content;color:var(--black);margin-bottom: 30px;line-height:1;max-width: 100%;font-weight: 300;}

.headline{display: block;color:var(--black);line-height: 1;max-width: 100%;font-weight: 600;}

.btn{position:relative;padding:12px 55px 12px 30px;font-size:120%;font-weight:600;color:var(--white);transition:all .3s ease;line-height:1;text-align:center;text-decoration:none;border-radius: 30px;width: max-content;margin-top: 40px;}
.btn::after{position: absolute;content: '';background: url('media/pfeil-rechts.svg') no-repeat;background-size: 100%;right: 10px;top: 8px;height: 30px;width: 30px;}
.btn:hover{background: var(--black);transition:all .3s ease;color:var(--white);text-decoration: none;}

strong{font-weight:600;font-size:100%;}

.container{max-width: 1520px;}
.container.wide{max-width: 1920px;}

button:focus-visible{outline: auto;}
button.menuburgerbutton{border: none;background-color: transparent;}
/* 
.swiper-button-prev::after{display: none;}
.swiper-button-next::after{display: none;} */

.brlbs-cmpnt-cb-btn{color: var(--white)!important;}
.brlbs-cmpnt-cb-btn:hover{color: var(--black)!important;background-color: var(--white)!important;}

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

#page-header{position: fixed;top: 0;left: 0;right: 0;padding: 0;background: transparent;z-index: 999;transition: all 0.3s ease;border-bottom: 1px solid var(--black);}

#page-header .logo .logo-object{width: 300px;height: auto;display: block;z-index: -1;position: relative;max-width: 100%;}

#page-header .desktop-menu .menu{display: flex;}
#page-header .desktop-menu .row{align-items: center;}
#page-header .desktop-menu .menu{align-items: center;}
#page-header .desktop-menu .menu li::before{display: none;}
#page-header .desktop-menu .menu li a{text-decoration: none;color: var(--black);font-size: 110%;font-weight: 400;position: relative;}
#page-header .desktop-menu .menu li a::before{content: '';position: absolute;width: 100%;height: 2px;border-radius: 5px;background-color: var(--acc);bottom: -8px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
#page-header .desktop-menu .menu li a:hover::before{transform-origin: left;transform: scaleX(1);}

#page-header .headermenu li{font-size: 110%;list-style: none;padding: 0 19px;}
#page-header .headermenu li:last-child{padding-right: 0;}
#page-header .headermenu li:last-child a{border: none;border-radius: 30px;padding: 5px 85px 5px 20px;font-weight: 600;width: max-content;text-align: left;display: block;background-color: var(--acc);}
#page-header .headermenu li:last-child a::before{display: none!important;transition: all ease .3s;}
#page-header .headermenu li:last-child a::after{position: absolute;content: '';background: url('media/pfeil-rechts.svg') no-repeat;background-size: 100%;right: 8px;top: 4px;height: 35px;width: 35px;transition: all ease .3s;}
#page-header .headermenu li:last-child a:hover::after{filter: invert();transition: all ease .3s;}

#page-header .headermenu,
#page-header .topmenu{width: 100%;display: flex;justify-content: end;}
#page-header .topmenu li{list-style: none;padding: 0 20px;}
#page-header .topmenu li:last-child{padding-right: 0;}
#page-header .topmenu{margin-bottom: 1rem;}

#page-header .current_page_item{position: relative;}
#page-header .menu_item a{color: var(--white)!important;font-weight: 400!important;text-decoration: none;}
#page-header .current_page_item > a{color: var(--acc)!important;font-weight: 600!important;text-decoration: none;}
#page-header .menu-topmenue-container{float: right;}


/* Submenu Toggle */
#page-header .headermenu li.menu-item-has-children.open .submenu-toggle::after{transform: rotate(180deg);transition:all .3s ease;cursor: pointer;}
#page-header .headermenu li.menu-item-has-children .submenu-toggle{position: relative;background-color: transparent;border: none;width: 35px;}
#page-header .headermenu li.menu-item-has-children .submenu-toggle:focus-visible{outline: auto;}
#page-header li.menu-item-has-children .submenu-toggle::after{content: '';display: block;width: 30px;height: 13px;background: url('media/white-arrow.svg');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(0deg);position: absolute;top: -2px;margin-top: -10px;right: 0;transition: all .3s ease;cursor: pointer;}
#page-header .headermenu li.menu-item-has-children .submenu .submenu-toggle::after{content: '';display: block;width: 10px;height: 25px;background: url('media/white-arrow.svg');background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(-91deg);position: absolute;top: 15px;margin-top: -10px;right: 0;transition:all .3s ease;cursor: pointer;}
#page-header .headermenu li.menu-item-has-children .sub-menu{display:none;position:absolute;top:35px;left:0;width:300px;background:var(--acc);-webkit-box-shadow: 0px 10px 50px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 50px rgba(0,0,0,0.2);box-shadow: 0px 10px 50px rgba(0,0,0,0.2);z-index:1000;text-align:left;padding:10px 0 10px 15px;border-radius: 10px;}
#page-header .headermenu li.menu-item-has-children:hover > .sub-menu,
#page-header .headermenu li.menu-item-has-children.open > .sub-menu{display: block;}
#page-header .headermenu li.menu-item-has-children .sub-menu li{padding:0px 15px;width:100%;text-align:left;}
#page-header .headermenu li.menu-item-has-children .sub-menu li a{padding:5px 30px 5px 0px;color:var(--white)!important;}
#page-header .headermenu li.menu-item-has-children .sub-menu li a:hover{color:var(--black)!important;transition:all .3s ease;}
#page-header .headermenu li.menu-item-has-children .sub-menu li:last-child a{background-color: transparent;padding: 0;font-weight: 400;}
#page-header .headermenu li.menu-item-has-children .sub-menu li:last-child a::after{display: none;}
#page-header .headermenu li.menu-item-has-children .sub-menu li.current-menu-item::after{display:none;}
#page-header .headermenu li.menu-item-has-children .sub-menu li.current_page_item a{color:var(--black)!important;font-weight: 600!important;}

/*Headerbereich Menü*/
.header-top-auswahl{padding: 40px 0 0;}
.header-top-auswahl.active{top: 0px;transition: all ease .3s;box-shadow: 0 75px 20px #3332;}
.header-top-auswahl .bereiche-toggle{position: relative;top: 65px;width: 276px;height: 56px;border: none;background-color: transparent;margin: 0 auto;display: block;transition: all ease .3s;}
.header-top-auswahl.active .bereiche-toggle{top: 25px;transition: all ease .3s;}

#page-header .bereiche-nav ul{gap: 40px;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;}
#page-header .bereiche-nav li{padding-left: 0;}
#page-header .bereiche-nav li::before{display: none;}
#page-header .bereiche-nav a{height: 200px;width: auto;aspect-ratio: 5/3;list-style: none;color: var(--white)!important;display: flex;justify-content: center;align-items: center;font-size: 145%;font-weight: 600;text-decoration: none;overflow: hidden;}
/* #page-header .bereiche-nav a:hover::before{transform: scale(1.04);transition: all ease .3s;} */
#page-header .bereiche-nav .leistungswerk a::before{content:'';background: url('media/Websitebilder-Headerbereich/performance-athletik.jpg');background-size: 100%;background-repeat: no-repeat;filter: brightness(80%);height: auto;width: 100%;position: absolute;aspect-ratio: 5/3;z-index: -1;background-size: 110%;}
#page-header .bereiche-nav .leistungswerk a::after{content: '';background: url('media/pfeil-rechts.svg');background-repeat: repeat;background-size: auto;background-size: 100%;background-repeat: no-repeat;height: 40px;width: 40px;position: absolute;bottom: 25px;}
#page-header .bereiche-nav .fitwerk a::before{content:'';background: url('media/Websitebilder-Headerbereich/fitwerk-ochtrup.jpg');background-size: 100%;background-repeat: no-repeat;filter: brightness(80%);height: auto;width: 100%;position: absolute;aspect-ratio: 5/3;z-index: -1;background-size: 110%;}
#page-header .bereiche-nav .fitwerk a::after{content: '';background: url('media/pfeil-rechts.svg');background-repeat: repeat;background-size: auto;background-size: 100%;background-repeat: no-repeat;height: 40px;width: 40px;position: absolute;bottom: 25px;}
#page-header .bereiche-nav .physiofit a::before{content:'';background: url('media/Websitebilder-Headerbereich/physiofit-ochtrup.jpg');background-size: 100%;background-repeat: no-repeat;filter: brightness(80%);height: auto;width: 100%;position: absolute;aspect-ratio: 5/3;z-index: -1;background-size: 110%;}
#page-header .bereiche-nav .physiofit a::after{content: '';background: url('media/pfeil-rechts.svg');background-repeat: repeat;background-size: auto;background-size: 100%;background-repeat: no-repeat;height: 40px;width: 40px;position: absolute;bottom: 25px;}
#page-header .bereiche-nav .personaltraining a::before{content:'';background: url('media/Websitebilder-Headerbereich/personaltraining.jpg');background-size: 100%;background-repeat: no-repeat;filter: brightness(80%);height: auto;width: 100%;position: absolute;aspect-ratio: 5/3;z-index: -1;background-size: 110%;}
#page-header .bereiche-nav .personaltraining a::after{content: '';background: url('media/pfeil-rechts.svg');background-repeat: repeat;background-size: auto;background-size: 100%;background-repeat: no-repeat;height: 40px;width: 40px;position: absolute;bottom: 25px;}
#page-header .bereiche-nav li::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 100%;width: 100%;background-color: #333333aa;z-index: -1;}
#page-header .bereiche-nav .current_page_item,
#page-header .bereiche-nav .current-menu-item{display: none;}



#page-header.bottom{position:fixed;top:0;left:0;right:0;background:var(--grey);-webkit-animation: fadein 2s; Safari, Chrome and Opera > 12.1              -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:9999;}
#page-header.bottom {background: var(--black);box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);border-bottom: none;padding: 10px 0;}
#page-header.bottom .logo .logo-object{width: 250px;object-fit: contain;}

@keyframes fadein {
    from { top: -150px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -150px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -150px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -150px; }
    to   { top: 0; }
}


/*Social Media*/
.socialmedia-sidebar{position: fixed;right: 30px;top: 82%;z-index: 1000;}
.socialmedia-sidebar .tel::after{content:'';background: url('media/icons/phone.svg')no-repeat;background-size: 100%;width: 25px;height: 25px;display: block;transition: all ease 0.3s;}
.socialmedia-sidebar .mail::before{content:'';background: url('media/icons/email.svg')no-repeat;background-size: 100%;width: 25px;height: 18px;display: block;transition: all ease 0.3s;}
.socialmedia-sidebar .tel:hover::after{content:'';background: url('media/icons/phone.svg')no-repeat;background-size: 100%;width: 25px;height: 25px;display: block;transition: all ease 0.3s;filter: invert();}
.socialmedia-sidebar .mail:hover::before{content:'';background: url('media/icons/email.svg')no-repeat;background-size: 100%;width: 25px;height: 18px;display: block;transition: all ease 0.3s;filter: invert();}
.socialmedia-sidebar a{background: var(--acc);width: 48px;height: 48px;transition: 0.3s;margin-bottom: 10px;display: flex;justify-content: center;align-items: center;border-radius: 50%;position: relative;}
.socialmedia-sidebar a:hover{background: var(--black);transition: all ease 0.3s;}


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

#page-footer{background:var(--white);padding: 0 0 10px;}
#page-footer *{color: var(--black);font-weight: 300;}
#page-footer a{text-decoration: none;}
#page-footer a:hover{color: var(--acc);}

#page-footer .bottom{align-items: end;}
#page-footer .homelink{font-weight: 600;display: block;height: max-content;}

#page-footer .footermenu ul{display: flex;flex-wrap: wrap;float: right;}
#page-footer a, #page-footer p{font-size: 100%;margin-bottom: 0;}
#page-footer .footermenu li{margin: 0;padding-left: 10px;text-align: right;line-height: 1;}
#page-footer .footermenu li::after{position: relative;content: '';right: 0;height: 1rem;}
#page-footer .footermenu li:last-child:after{display: none;}
#page-footer .footermenu li::before{display: none;}
#page-footer .footermenu li:last-child{margin-right: 0;}

/*-----------------------ABWEICHUNGEN-----------------------*/

.impressum .inhaltsbloecke,
.barrierefreiheit .inhaltsbloecke,
.agb .inhaltsbloecke,
.datenschutzerklaerung .inhaltsbloecke{margin-top: 100px;}
.impressum .flx_textblock.nurtext,
.barrierefreiheit .flx_textblock.nurtext,
.datenschutzerklaerung .flx_textblock.nurtext{background-color: transparent;text-align: left;}
.impressum .flx_textblock.nurtext h2,
.impressum .flx_textblock.nurtext .headline,
.barrierefreiheit .flx_textblock.nurtext h2,
.barrierefreiheit .flx_textblock.nurtext .headline,
.datenschutzerklaerung .flx_textblock.nurtext h2,
.datenschutzerklaerung .flx_textblock.nurtext .headline{margin: 0 0 25px;font-size: 180%!important;}

/*------------------------------------PHP Single-----------------------------------*/

#phpsingle .inhaltsbloecke{overflow: hidden;}
#phpsingle .btn.back{padding-bottom: 1rem;}
/*------------------------------------ACF-Flexible-Content-----------------------------------*/

.inhaltsbloecke{overflow-x:hidden;}

header{display: none;}

/*Vorschaltseite*/
.flx_vorschaltseite{height: 95vh;}
.flx_vorschaltseite .grid-container{height: 92vh;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 50% 50%;grid-gap: 1rem;}
.flx_vorschaltseite *{color: var(--white);}
.flx_vorschaltseite .shadow{position: relative;height: 100%;}
.flx_vorschaltseite .shadow::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 100%;width: 100%;background-color: #333333cc;z-index: 1;}
.flx_vorschaltseite .item{position: relative;padding: 0;overflow: hidden;}
.flx_vorschaltseite .item img{width: 100%;height: 100%;object-fit: cover;transform: scale(1);transition: all ease .3s;}
.flx_vorschaltseite .item:hover img{transform: scale(1.04);transition: all ease .3s;}
.flx_vorschaltseite .content{position: absolute;top: 50%;left: 10%;z-index: 2;transform: translateY(-50%);}
.flx_vorschaltseite .btn{border: none;transition: all ease .3s;}
.flx_vorschaltseite .btn:hover{color: var(--black)!important;transition: all ease .3s;}
.flx_vorschaltseite .beschreibung{font-size: 165%;}

/*Headerblock*/
.flx_headerblock .headlinebox{padding-bottom: 150px;text-align: center;}
.flx_headerblock .headlinebox .headline{color: var(--white);font-size: 170%;line-height: 1.2;}

/*Bildblock*/
.flx_bildblock .bg{height: max-content;width: 100%;object-fit: cover;}

/*Textblock*/
.flx_textblock.nurtext{padding: 100px 0;}
.flx_textblock{padding-bottom: 100px;}
.flx_textblock.mitbildlinks .text, .flx_textblock.mitbildrechts .text{padding: 15px 200px 15px 50px;}
.flx_textblock.mitbildrechts .text{padding-left: 15px;}


/*Kontaktformular*/
.flx_kontaktblock{background-color: var(--dark-grey);padding: 100px 0;}
.flx_kontaktblock .formularinner{background-color: var(--black);padding: 120px 120px 75px 120px;}
.flx_kontaktblock .headlinebox{position: relative;}
.flx_kontaktblock .headline{color: var(--white);}
.flx_kontaktblock img{height: 100%;object-fit: cover;}
._brlbs-content-blocker, .BorlabsCookie, ._brlbs-embed, ._brlbs-thumbnail{height: 100%;width: 100%;}

/*Videoblock*/
.flx_videoblock iframe{aspect-ratio: 16 / 8;background-color: var(--light-grey);}
.flx_videoblock iframe,
.flx_videoblock video{max-width: 2000px;margin: 0 auto;text-align: center;display: block;}


/*CF7*/
label[for="nachricht"] span{margin-left: .5rem;}
input{height: 50px;background-color: var(--white);border: none;width: 100%;margin-bottom: 1rem;padding: 20px;color: var(--black);}
textarea{width: 100%;padding: 20px;color: var(--black);}
label,
.wpcf7 p{margin-bottom: 0;}
input#confirm{width: max-content;margin: 7px 10px 0 0;height: max-content;}
input#submit{width: max-content;padding: 12px 55px 12px 30px;margin-top: 0;background-color: var(--acc);border-color: var(--acc);height: unset;color: var(--black);float: right;}
input#submit:disabled{background-color: var(--acc);border-color: var(--acc);color: var(--black);}
input#submit:hover{background-color: var(--acc);color: var(--black);}
.absenden{position: relative;float: right;}
.absenden::before{position: absolute;content: '';background: url('media/pfeil-rechts.svg') no-repeat;background-size: 100%;right: 10px;top: 7px;height: 30px;width: 30px;z-index: 1;transition: all ease .3s;}
.absenden:hover::before{position: absolute;content: '';background: url('media/pfeil-rechts.svg') no-repeat;background-size: 100%;right: 10px;top: 7px;height: 30px;width: 30px;filter: invert();z-index: 1;transition: all ease .3s;}
.wpcf7-form-control-wrap label{display: flex!important;}
.wpcf7-not-valid-tip{margin: -15px 0 10px;color: var(--acc)!important;}
.wpcf7-acceptance .wpcf7-list-item{margin: 0;}
.wpcf7-acceptance .wpcf7-list-item{padding: 20px 0;}
.wpcf7 .pflicht{margin-top: 1rem;color: var(--white);float: right;}
.wpcf7-form.sent .row{display: none;}
.wpcf7-form.sent .wpcf7-response-output{border-color: var(--main)!important;background-color: var(--main);padding: 20px;text-align: center;font-weight: 500;color: var(--white);border-radius: 10px;}
select{width: 100%;border-radius: 0;border: none;background-color: var(--white);color: var(--black);padding: 13px 21px;}

.wpcf7-form-control-wrap[data-name="nachricht"] .wpcf7-not-valid-tip{margin: 0px 0 10px;}
.wpcf7 form .wpcf7-response-output{border: none!important;}
.wpcf7-form.sent .wpcf7-response-output{color: var(--white) !important;padding: 20px 0;text-align: left;}

/*Inhaltsteaser*/
.flx_inhaltsteaser .modal{z-index: 9999;}
.flx_inhaltsteaser .modal-dialog-scrollable{height: 70%;width: 100%;margin: auto;top: 20%;}
.flx_inhaltsteaser .bildinner{height: 100%;}
.flx_inhaltsteaser img{height: 100%;object-fit: cover;border-radius: var(--br);}
.flx_inhaltsteaser .inner{background-color: #f2f2f2;padding: 25px;border-radius: var(--br);margin-bottom: 2rem;}
.flx_inhaltsteaser .item{position: relative;padding-bottom: 80px;}
.flx_inhaltsteaser .button{position: absolute;bottom: 5px;left: 15px;}

/*-------------------------------------RESPONSIVE---------------------------------------------------------*/

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

    /* .inhaltsbloecke{margin-top: 20px!important;} */

    h2{font-size: 200%;}
    .btn{font-size: 100%;}
    .btn::after{top: 6px;right: 8px;}
    
    /*Vorschaltseite*/
    .flx_vorschaltseite .beschreibung{font-size: 100%;}
    
    /*Page Header*/
    #page-header .menuburgerbutton{display: block;}
    button.menuburgerbutton{display: block;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: 100;right: 35px;position: absolute;border: none;background-color: transparent;top: 30px}
    #page-header.bottom button.menuburgerbutton{top: 20px}
    button.menuburgerbutton span{margin: 8px 0; display: block;height: 4px;border-radius: 4px;width: 100%;background-color: var(--acc);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;}
    button.menuburgerbutton.active span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);margin-top: 12.5px;background-color: var(--acc);}
    button.menuburgerbutton.active span:nth-child(2){display: none;}
    button.menuburgerbutton.active span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -11.5px;background-color: var(--acc);}
    
    #page-header .navigation{position: unset;}
    .header-top-auswahl,
    #page-header .topmenu,
    #page-header .headermenu{display: none;}
    #page-header .mobilemenu{display: none;overflow: hidden;}
    #page-header .mobilemenu.open{display: flex!important;flex-direction: column;padding: 5rem 0 3rem 1rem;position: absolute;right: 0;flex-direction: column;width: 50%;height: 100vh;top: 0;background-color: var(--dark-grey);box-shadow: 0 5px 10px #0005;align-items: start;justify-content: start;overflow: scroll;}
    #page-header .mobilemenu.open .menu{flex-direction: column;align-items: baseline;}
    #page-header .mobilemenu.open .tel,
    #page-header .mobilemenu.open p{padding-left: 30px!important;}
    #page-header .mobilemenu.open hr{background-color: #fff5 !important;width: 90%;margin: 1rem 0 2rem;}
    #page-header .mobilemenu.open a{margin-right: 0!important;padding:0!important;margin-bottom: 1rem;color: var(--white)!important;display: block;font-weight: 500!important;font-size: 100%!important;}
    #page-header .mobilemenu.open .current_page_item > a,
    #page-header .mobilemenu.open .current-menu-item > a{color: var(--acc)!important;font-weight: 600!important;}
    #page-header .mobilemenu.open a:hover{color: var(--acc);}
    #page-header .mobilemenu.open a::before{display: none;}

    #page-header li.menu-item-has-children .submenu-toggle{background-color: transparent;border: none;position: absolute;}
    #page-header li.menu-item-has-children .submenu-toggle::after{top: -40px;margin-top: 0;right: 13px;transition: all .3s ease;cursor: pointer;}
    #page-header li.menu-item-has-children.open .submenu-toggle::after{top: -40px;margin-top: 0;right: 13px;transition: all .3s ease;cursor: pointer;transform: rotate(180deg);}


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

    .btn{margin-top: 10px;}
    
    /*Page Header*/
    #page-header .logo img{max-height: 55px;}
    button.menuburgerbutton{top: 30px}
    #page-header.bottom button.menuburgerbutton{top: 15px}


    /*Vorschaltseite*/
    /* .flx_vorschaltseite .content{left: 45%;} */

    /*Kontaktblock*/
    .flx_kontaktblock .formularinner{padding: 80px 60px 35px 60px!important;}

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

    .inhaltsbloecke li::before{top: 9px!important;}

    /* .inhaltsbloecke{margin-top: 110px!important;} */
    
    /*Vorschaltseite*/
    .flx_vorschaltseite{height: 94vh;}
    .flx_vorschaltseite .grid-container{height: 91vh;}
    .flx_vorschaltseite .headline{font-size: 160%;margin-bottom: 10px;}

    /*Kontaktblock*/
    .flx_kontaktblock .maps{padding: 0;height: 350px;}

    /*Footer*/
    #page-footer .footermenu ul{float: unset;margin-top: 10px;}
    #page-footer .footermenu li{padding-left: 0;padding-right: 10px;}

    /*Inhaltsteaser*/
    .flx_inhaltsteaser h3{margin-bottom: 10px;min-height: 60px;}

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

    *{font-size: 17px;line-height: 1.4!important;}
    .btn::after{top: 9px!important;}
    .inhaltsbloecke li::before{top: 7px!important;}


    /*Page Header*/
    #page-header{padding: 20px 0!important;}
    #page-header .logo .logo-object,
    #page-header.bottom .logo .logo-object{width: 190px;max-width: 100%;}
    #page-header .menuburgerbutton{top: 15px;}
    #page-header.bottom button.menuburgerbutton,
    #page-header button.menuburgerbutton{right: 15px;}
    #page-header .mobilemenu.open{width: 80%;}
    
    #page-header li.menu-item-has-children .submenu-toggle::after{top: -34px;right: 18px;width: 22px;height: 9px;}
    #page-header li.menu-item-has-children.open .submenu-toggle::after{top: -34px;right: 18px;width: 22px;height: 9px;}


    /*Vorschaltseite*/
    .flx_vorschaltseite .grid-container{grid-template-columns: 1fr;grid-template-rows: 25%;grid-gap: 10px}
    /* .flx_vorschaltseite .content{left: 50px;transform: unset;transform: translateY(-50%);} */
    .flx_vorschaltseite .headline{font-size: 140%;margin-bottom: 10px;}
    .flx_vorschaltseite p{margin-bottom: 0px;}
    .flx_vorschaltseite .btn{font-size: 90%;}
    .flx_vorschaltseite .btn::after{top: 7px !important;}


    /*Footer*/
    #page-footer .logo{margin-bottom: 3rem;}

    /*Kontaktblock*/
    .flx_kontaktblock{padding: 50px 0;}
    .flx_kontaktblock h2{font-size: 170%;margin-bottom: 15px;}
    .flx_kontaktblock h2::before{top: -4px!important;}

    /*Inhaltsteaser*/
    .flx_inhaltsteaser h3{margin-bottom: 10px;min-height: max-content;}
    .flx_inhaltsteaser .item{flex-wrap: wrap-reverse;}


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

    *{font-size: 15px;}
    .btn{margin-top: 0;padding: 8px 55px 8px 24px;}
    .btn::after{top: 7px !important;height: 25px;width: 25px;}
    .headline{margin-bottom: 5px;}
    
    /*Textblock*/
    .flx_textblock.nurtext{padding: 70px 0;}

    
    /*Page Header*/
    #page-header .mobilemenu.open{width: 100%;}

    /*Kontaktblock*/
    .flx_kontaktblock{padding: 0;}
    .flx_kontaktblock .formularinner{padding: 50px 15px 15px 15px !important;}
    .flx_kontaktblock h2::before{top: -11px!important;}

    /*Vorschaltseite*/
    .flx_vorschaltseite span{margin-top: 10px;}
    .flx_vorschaltseite .btn::after{top: 5px !important;}

    /*Inhaltsteaser*/
    .flx_inhaltsteaser .bild{margin-bottom: 1rem;}


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

    .flx_textblock.nurtext{padding: 50px 0 !important;}

    .flx_vorschaltseite{height: 92vh;}
    .flx_vorschaltseite .headline{font-size: 140%;}

    h1{font-size: 230%;}


}