/*
Theme Name: Physiofit Bad Bentheim 
Template: Hajo-Reekers-Theme
Author: MOLECO GmbH
Author URI: https://www.moleco.de
Version: 1.0.0
*/

:root {
    /* Color */
    --light-grey: #F8F8F8;
    --dark-grey: #414143;
    --black: #414143;
    --white: #ffffff;
    /* --acc: #A1C539;
    --acc-hover: #93B435; */
    --acc: #8EAD32;
    --acc-hover: #5D7121;

    
    /* Border radius */
    --br: 25px;
    --brsm: 10px; 
    --br-big: 40px;
}

/*Globaler Style*/
*{color: var(--black);}

.inhaltsbloecke{padding-top: 170px;margin-top: 0!important;}
.inhaltsbloecke li{padding-left: 20px;}

a:hover{color:var(--acc-hover)!important;transition:all .3s ease;}

.topline{color: var(--black)!important;font-size: 100%;font-weight: 600;position: relative;display: block;padding-bottom: 1rem;}

h1{position: relative;font-size: 390%;color: var(--acc)!important;text-transform: uppercase;font-weight: 800; margin-bottom: 30px;}
h2{position: relative;font-size: 305%;color: var(--acc)!important;text-transform: uppercase;font-weight: 800;}
h3{position: relative;font-size: 150%;color: var(--black)!important;text-transform: uppercase;font-weight: 600;}

.inhaltsbloecke li::before{top: 12px;}
.inhaltsbloecke li:last-child{margin-bottom: 1rem;}
.btn{position:relative;padding:12px 55px 12px 30px;font-size:100%!important;font-weight:500;color:var(--white)!important;background-color: var(--acc);transition:all .3s ease;line-height:1;text-align:center;text-decoration:none;border-radius: 30px;width: max-content;margin-top: 40px;font-weight: 600;}
.btn::after{position: absolute;content: '';background: url('media/pfeil-rechts.svg') no-repeat;background-size: 100%;right: 10px;top: 6px!important;height: 30px;width: 30px;transition: all ease .3s;}
.btn:hover{background: var(--acc);transition:all .3s ease;color:var(--black)!important;text-decoration: none;}
.btn.back::after{position: absolute;content: '';background: url('media/pfeil-rechts.svg') no-repeat;background-size: 100%;right: 10px;top: 6px!important;height: 30px;width: 30px;transition: all ease .3s;transform: rotate(180deg);}

.socialmedia-sidebar .tel::after {content: '';background: url('media/icons/phone-white.svg')no-repeat;background-size: auto;background-size: 100%;width: 25px;height: 25px;display: block;transition: all ease 0.3s;}
.socialmedia-sidebar .mail::before {content: '';background: url('media/icons/email-white.svg')no-repeat;background-size: auto;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-white.svg')no-repeat;background-size: auto;background-size: 100%;width: 25px;height: 25px;display: block;transition: all ease 0.3s;filter: none;}
.socialmedia-sidebar .mail:hover::before {content: '';background: url('media/icons/email-white.svg')no-repeat;background-size: auto;background-size: 100%;width: 25px;height: 18px;display: block;transition: all ease 0.3s;filter: none;}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn{background-color: var(--acc);}
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn:hover{background-color: var(--acc-hover)!important;}

/*Header*/
#page-header{background: var(--white);border-bottom: 0!important;display: block;padding: 30px 0;}
#page-header .tel{padding-left: 25px;position: relative;text-decoration: none;padding: 0 25px;color: #B2B2B2!important;}
#page-header .tel:hover{color: var(--acc)!important;transition: all ease .3s;}
#page-header .tel::after{content:'';background: url('media/icons/header-phone.svg') no-repeat center;height: 18px;width: 18px;background-size: 100%;left: 0;top: 5px;border-radius: 50%;position: absolute;}
.headermenu{float:right;}
#page-header .desktop-menu .menu li a,
#page-header .tel{color: #B2B2B2!important;transition: all ease .3s;}
#page-header .desktop-menu .menu li a:hover,
#page-header .tel:hover{color: var(--black)!important;transition: all ease .3s;}

#page-header .headermenu li a{color: #707070!important;transition: all ease .3s;}
#page-header .headermenu li a:hover{color: var(--black)!important;transition: all ease .3s;}
#page-header .headermenu li:last-child a{color: var(--white)!important;padding: 6px 67px 6px 20px;}
#page-header .headermenu li:last-child a::after{top:6px;}
#page-header .headermenu li:last-child a:hover::after{filter: unset;}
#page-header .topmenu{margin-bottom: 0!important;float: right;display: flex;align-items: center;}

#page-header .desktop-menu .menu .current_page_item > a,
#page-header .current_menu_item > a{font-weight: 400!important;color: var(--black)!important;}

#page-header .headermenu li.menu-item-has-children .submenu-toggle::after{filter: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(471%) hue-rotate(34deg) brightness(99%) contrast(88%);}

#page-header .headermenu li.menu-item-has-children .sub-menu li.current_page_item > a,
#page-header .headermenu li.menu-item-has-children .sub-menu li a{color: var(--white)!important;margin:0;display: block;}

#page-header.bottom{padding: 10px 0 20px 0;background-color: var(--white);}
#page-header.bottom .logo .logo-object{width: 200px;}


/*Header-Bereiche*/
.header-top-auswahl{background-color: var(--acc);position: fixed;top: -336px;width: 100%;left: 0;right: 0;z-index: 5000;transition: all ease .3s;}
.bereiche-toggle::before{position: absolute;content:'';background: url('media/toggle-button.webp')no-repeat;background-size: 100%;width: 279px;height: 56px;display: block;transition: all ease 0.3s;}
#page-header .bereiche-nav li::after,
#page-header .bereiche-nav li a::after,
#page-header .bereiche-nav li a::before{border-radius: var(--br);}

/* Footer */
#page-footer{margin: 50px 40px 40px;border-radius: var(--br-big)!important;background-color: #F8F8F8;position: relative;}
#page-footer strong{font-weight:600!important;}
#page-footer .top{background-color: var(--acc);border-top-left-radius: var(--br-big);border-top-right-radius: var(--br-big);padding: 30px 0;}
#page-footer .top *{color: var(--white)!important;}
#page-footer hr{background-color: #cddf9a;margin: 70px 0 20px;}
#page-footer .kontakt{display: flex;flex-direction: column;}
#page-footer .kontakt a{text-decoration: none;width: max-content;}
#page-footer .footermenu li{border-left: 1px solid #9e9e9f;margin-left: 10px;}
#page-footer .footermenu li:first-child{border-left: none}
#page-footer .footermenu li a,
#page-footer .copyright p{color: #9e9e9f!important;font-size: 88%;}
#page-footer .footermenu li a:hover{color: var(--black)!important;transition: all ease .3s;text-decoration: underline;}
#page-footer .blogname{font-weight: 600;}

#page-footer .socialmedia {display: flex; gap: 15px;}
#page-footer .socialmedia a {display: inline-block;}
#page-footer .socialmedia img {width: 40px;height: 40px;display: block; transition: all ease 0.3s;}

#page-footer .headline{font-size: 165%;font-weight: 800;text-transform: none;margin-bottom: 0;}
#page-footer .top .kontakt{display: flex;flex-wrap: wrap;gap: 60px;justify-content: end;flex-direction: row;}
#page-footer .top .kontakt a{font-size: 122%;font-weight: 400;position: relative;padding-left: 30px;}
#page-footer .top .kontakt a:hover{text-decoration: underline;}
#page-footer .top .kontakt a.mail::before{content:'';background: url('media/icons/footer_mail.svg') no-repeat center;height: 20px;width: 20px;background-size: 100%;left: 0;top: 8px;border-radius: 50%;position: absolute;}
#page-footer .top .kontakt a.tel::before{content:'';background: url('media/icons/footer_tel.svg') no-repeat center;height: 20px;width: 20px;background-size: 100%;left: 0;top: 8px;border-radius: 50%;position: absolute;}
#page-footer .bottom{padding: 50px 0 35px;}



/*Headerblock*/
.flx_headerblock.grid{background-color: var(--light-grey);margin: 2rem 45px 50px;border-radius: var(--br-big);padding: 110px;}
.flx_headerblock.grid .row{align-items: center;}
.flx_headerblock.grid .grid-container{display: grid;grid-template-columns: 45% 55%;grid-gap: 15px;}
.flx_headerblock.grid .bildlink{grid-column: 1;grid-row: 1;}
.flx_headerblock.grid .bildlink img{border-radius: var(--br);}
.flx_headerblock.grid .bildlink a{position: relative;height: max-content;display: block;}
.flx_headerblock.grid .bildlink a::after{content:'';background: url('media/icons/green-arrow.svg') no-repeat center;height: 40px;width: 40px;background-size: 100%;right: 30px;bottom: 30px;border-radius: 50%;position: absolute;transition: all ease .3s;}
.flx_headerblock.grid .bildlink a:hover::after{content:'';background: url('media/icons/green-arrow.svg') no-repeat center;height: 40px;width: 40px;background-size: 100%;right: 30px;bottom: 30px;border-radius: 50%;position: absolute;transform: rotate(45deg);transition: all ease .3s;}
.flx_headerblock.grid .bildlink .editor{position: absolute;bottom: 20px;padding: 30px;}
.flx_headerblock.grid .bildlink .editor p{color: var(--white)!important;}
.flx_headerblock.grid .bildlink .editor .highlight{font-size: 122%;font-weight: 800;margin-bottom: 10px;}
.flx_headerblock.grid .profilbilder{position: relative;z-index: 1;;}
.flx_headerblock.grid .rezensionen{text-decoration: none;}
.flx_headerblock.grid .rezensionen:hover .box{background-color: var(--acc-hover);transition: all ease .3s;}
.flx_headerblock.grid .box{grid-column: 1;grid-row: 2;background-color: var(--acc);border-radius: var(--br);padding: 30px;height: max-content;position: relative;transition: all ease .3s;}
.flx_headerblock.grid .box::after{content: '';position: absolute;background: url('media/green-box-dots.svg') no-repeat;right: 0;top: 0;bottom: 0;background-size: 50%;display: block;height: 100%;width: 100%;left: 48%;}
.flx_headerblock.grid .zahl{font-size: 250%;margin-bottom: 0;}
.flx_headerblock.grid .boxtext{font-size: 165%;margin-bottom: 15px;}
.flx_headerblock.grid .zahl,
.flx_headerblock.grid .boxtext{color: var(--white)!important;font-weight: 800;line-height: 1;}
.flx_headerblock.grid .box img{border: 3px solid var(--white);border-radius: 50%;margin-right: -20px;height: 42px;width: 42px;object-fit: contain;}
.flx_headerblock.grid .swiper{grid-column: 2;grid-row: 1 / span 2;}
.flx_headerblock.grid .swiper img{border-radius: var(--br);height: 100%;object-fit: cover;}
.flx_headerblock.grid .text{padding: 0 30px 0 50px;}


.flx_headerblock .header-slider{width: 100%;}
.flx_headerblock .swiper-pagination-bullet{background-color: var(--white);height: 15px;width: 15px;border: 2px solid var(--white);opacity: 1;}
.flx_headerblock .swiper-pagination-bullet-active{background-color: var(--acc);height: 15px;width: 15px;border: 2px solid var(--acc);}
.flx_headerblock .swiper-pagination{bottom: 20px!important;padding-right: 30px;text-align: right;}

.flx_headerblock.hintergrundfarbe{padding: 50px 0;}
.flx_headerblock.hintergrundfarbe h1{margin-bottom: 0;}


/*Kachelblock*/
.flx_kachelblock{background-color: var(--black);margin: 50px 30px;padding: 90px 0 140px;border-radius: var(--br-big);position: relative;}
.flx_kachelblock::after{content: '';position: absolute;background: url('media/dots.svg') no-repeat;right: 0;top: 0;bottom: 0;background-size: 50%;display: block;height: 100%;width: 100%;left: 49%;z-index: 0;}
.flx_kachelblock .topline{color: var(--white)!important;margin: 0 auto;display: block;text-align: center;}
.flx_kachelblock .headline{margin: 0 auto 75px;display: block;text-align: center;}
.flx_kachelblock .row{justify-content: center;}
.flx_kachelblock .kachel{z-index: 1;margin-bottom: 30px;}
.flx_kachelblock a{height: max-content;display: block;text-decoration: none;}
.flx_kachelblock .item{background-color: var(--white);padding: 50px 30px 70px;border-radius: var(--br);position: relative;}
.flx_kachelblock .item::after{position: absolute;content: '';background: url('media/icons/green-arrow.svg') no-repeat;background-size: 100%;height: 40px;width:40px;display: block;right: 30px;bottom: 30px;cursor: pointer;transition: all ease.3s;}
.flx_kachelblock .item:hover::after{position: absolute;content: '';background: url('media/icons/green-arrow.svg') no-repeat;background-size: 100%;height: 40px;width:40px;display: block;right: 30px;bottom: 30px;cursor: pointer;transform: rotate(45deg);transition: all ease.3s;}
.flx_kachelblock .item .editor{min-height: 160px;}
.flx_kachelblock .item img{height: 50px;width: max-content;object-fit: contain;display: block;margin-bottom: 1rem;max-width: 160px;}
.flx_kachelblock .heading{font-size: 165%;font-weight: 600;color: var(--acc)!important;display: block;line-height: 1;min-height: 70px;}
.flx_kachelblock .top{border-bottom: 1px solid #B2B2B2;padding-bottom: 15px;margin-bottom: 15px;}


/*Textblock*/
.flx_textblock{padding: 75px 0;}

.flx_textblock img{border-radius: var(--br-big);}

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

.flx_textblock.mitbildrechts{padding: 50px 0;}

.flx_textblock.mitbildlinks .text,
.flx_textblock.mitbildrechts .text{padding: 0 15px;padding-bottom: 2rem;}
.flx_textblock.mitbildrechts .box{padding: 30px;background-color: #F8F8F8;border-radius: var(--br);margin: 15px 25px 10px 15px;}
.flx_textblock.mitbildrechts .box .heading{font-size: 122%;font-weight: 600;margin-bottom: 12px;position: relative;padding-left: 30px;}
.flx_textblock.mitbildrechts .box .heading::before{position: absolute;content: '';background: url('media/rechtspfeil.svg') no-repeat;background-size: 100%;left: 0px;top: 11px;height: 15px;width: 19px;}

.flx_textblock.mitbildrechts .box .content{margin-bottom: 0;}

.flx_textblock.text-slider{padding: 50px 0 60px;}
.flx_textblock.text-slider .row{align-items: end;}
.flx_textblock.text-slider p{margin-bottom: 30px;}
.flx_textblock.text-slider img{border-radius: var(--br-big);height: 100%;object-fit: cover;width: 100%;}
.flx_textblock.text-slider .text{margin-bottom: 60px;}
.flx_textblock.text-slider .swiper{padding-bottom: 60px;height: 450px;}
.flx_textblock .breiter-slider{width: 100%;}
.flx_textblock .swiper-pagination-bullet{background-color: var(--black);height: 15px;width: 15px;border: 2px solid var(--black);opacity: 1;}
.flx_textblock .swiper-pagination-bullet-active{background-color: var(--acc);height: 15px;width: 15px;border: 2px solid var(--acc);}
.flx_textblock .swiper-pagination{bottom: 0px!important;}


.flx_textblock .text .ausklapptext {max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.4s ease, opacity 0.3s ease;margin-top:25px;}
.flx_textblock .text .ausklapptext.is-open {opacity: 1;}
.flx_textblock .text .readMore {cursor: pointer;display: inline-block;color:var(--acc)!important;background:transparent;border:solid 1px var(--acc);margin-right:15px;width:190px;padding:12px 30px;}
.flx_textblock .text .readMore:after{display:none;}
.flx_textblock .text .readMore:hover{display: inline-block;color:var(--black)!important;background:var(--acc);border:solid 1px var(--acc);}


/*Schritte Block*/
.flx_schritteblock{background-color: var(--light-grey);margin: 40px;border-radius: var(--br-big);padding: 100px 0;}
.flx_schritteblock .headline{margin: 0 auto 70px;text-align: center;display: block;}
.flx_schritteblock .topline{margin: 0 auto;text-align: center;display: block;}
.flx_schritteblock .schritte{padding-bottom: 150px;}
.flx_schritteblock .btn{display: block;float: right;bottom: 100px;}


/*Google Bewertung*/
.flx_google-bewertung{padding: 110px 0;}
.flx_google-bewertung .btn{display: block;margin: 0 auto;}
.flx_google-bewertung .topline{margin: 0 auto;display: block;text-align: center;}
.flx_google-bewertung .headline{margin: 0 auto 75px;display: block;text-align: center;}
.ti-widget.ti-goog .ti-platform-icon{display: none!important;}


/*Kontaktblock*/
.flx_kontaktblock{position: relative;background-color: transparent;margin-right: 15px;}
.flx_kontaktblock .headline{color: var(--acc)!important;}
.flx_kontaktblock .formularinner{color: var(--dark-grey)!important;}
.flx_kontaktblock label[for="confirm"],
.flx_kontaktblock label[for="confirm"] a,
.flx_kontaktblock .pflicht,
.flx_kontaktblock .topline{color: var(--white)!important;}
input#submit:disabled,
input#submit{color: var(--white)!important;}
.flx_kontaktblock .btn.anfahrt{position: absolute;bottom: 40px;left: 50%;transform: translate(-50%, -50%);width: 75%;}
.flx_kontaktblock .maps{position: relative;}
.flx_kontaktblock .maps iframe{border-radius: var(--br);}

input, textarea{border-radius: var(--brsm);border: none;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label small,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p{color: var(--white)!important;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a{color: var(--acc)!important;}
._brlbs-google-maps,
.formularinner{border-radius: var(--br);}

/*Trainer:innen*/
.flx_trainerinnen{padding: 50px 0 70px;}
.flx_trainerinnen .row{row-gap: 2rem;}
.flx_trainerinnen .trainerin{position: relative;}
.flx_trainerinnen .image-wrap{position: relative;height:350px;}
.flx_trainerinnen .overlay{position: absolute;inset: 0; background-color: rgba(34, 34, 34, 0.75);opacity: 0;transition: opacity .3s ease;border-radius: var(--br);}
.flx_trainerinnen .trainerin .name{color: var(--white)!important;margin: 0 auto 1rem;display: block;text-align: center;}
.flx_trainerinnen .trainerin .position{color: var(--white)!important;text-align: center;}
.flx_trainerinnen .inner{position: absolute;left: 50%;transform: translate(-50%);bottom: 30px;opacity: 0;transition: all ease .3s;width: 75%;}
.flx_trainerinnen .inner{position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);width: 75%;text-align: center;opacity: 0;transition: opacity .3s ease;z-index: 2;}
.flx_trainerinnen .trainerin:hover .overlay,
.flx_trainerinnen .trainerin:hover .inner{opacity: 1;}
.flx_trainerinnen .trainerin .shadow{position: absolute;height: 100%;width: 100%;display: block;}
.flx_trainerinnen .trainerin .shadow::before{content: '';transition: all ease .3s;background-color: #222c;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 92%;height: 100%;display: block;opacity: 0;}
.flx_trainerinnen .trainerin:hover .shadow::before{content: '';transition: all ease .3s;background-color: #222c;opacity: 1;}
.flx_trainerinnen .trainerin .shadow::before, .flx_trainerinnen img{border-radius: var(--br);object-fit: cover;height: 100%;width: 100%;display: block;}


/*Jobs*/
.flx_jobs{padding: 70px 0;}
.flx_jobs .job{margin-bottom: 50px;}
.flx_jobs img{border-radius: var(--br);}


/*Leistungen*/
.flx_leistungen{padding: 70px 0;}
.flx_leistungen .leistung{margin-bottom: 50px;}
.flx_leistungen .text{margin-bottom: 3rem;}
.flx_leistungen img{border-radius: var(--br);}
.flx_leistungen h3{margin-top: 10px;}


/*Aktuelles*/
.flx_aktuelles{padding: 70px 0;}
.flx_aktuelles a{text-decoration: none;height: max-content;display: block;overflow: hidden;}
.flx_aktuelles img{transform: scale(1.0);transition: all ease .3s;border-radius: var(--br);}
.flx_aktuelles a:hover img{transform: scale(1.02);transition: all ease .3s;}
.flx_aktuelles .textliches{margin-top: 1rem;}
.flx_aktuelles .textliches h3{margin-bottom: 10px;}
.flx_aktuelles .textliches .btn{margin-top: 20px;}
/*-------------------------------------RESPONSIVE---------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1600px){
    h1{font-size: 300%;margin-bottom: 30px;}

    .topline{left: 0;}

    .btn{margin-top: 20px;}

    /*Header*/
    #page-header .logo object{width: 280px;}

    /*Headerblock*/
    .flx_headerblock.grid{padding: 50px 40px;margin: 20px 15px 50px;}

    /*Textblock*/
    .flx_textblock.mitbildrechts .text{padding: 0 15px 40px;}

    .flx_textblock.text-slider .swiper{margin-top: 40px;}
    .flx_textblock.text-slider img{border-radius: 40px;}

    /*Kachelblock*/
    .flx_kachelblock{padding: 60px 30px 90px;margin: 50px 15px;}

    /*Schritteblock*/
    .flx_schritteblock{padding: 90px 40px 50px;margin: 40px 15px;}

    /*Google-Bewertungen*/
    .flx_google-bewertung{padding: 60px 0;}

    /*Kontaktblock*/
    .flx_kontaktblock{padding: 50px 0;}

    /*Page Footer*/
    #page-footer{margin: 50px 15px 15px;}
    #page-footer .top .container{padding: 0 50px;}
    #page-footer .container.bottom{padding: 50px 50px 20px;}
    #page-footer{z-index: 9998;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){
    
    .inhaltsbloecke{padding-top: 110px!important;}
    h2{font-size: 250%;}

    /*Header*/
    #page-header{padding: 20px 0;}
    #page-header.bottom{padding: 15px 0;}
    #page-header .topmenu{display: none;}
    #page-header .logo .logo-object,
    #page-header.bottom .logo .logo-object{width: 200px;object-fit: contain;}
    button.menuburgerbutton{top: 35px;}
    #page-header.bottom button.menuburgerbutton{top: 30px;}

    #page-header .desktop-menu .menu li a, #page-header .tel, #page-header .desktop-menu strong{color: var(--white)!important;}
    #page-header .desktop-menu .menu li a:hover, #page-header .tel:hover{color: var(--acc)!important;}

    #page-header .desktop-menu .menu .current_page_item > a,
    #page-header .current_menu_item > a{font-weight: 600!important;color: var(--acc)!important;}
    #page-header .current_page_item .sub-menu a{font-weight: 400!important;color: var(--white)!important;}

    #page-header .sub-menu li{position: relative;}
    #page-header .sub-menu li::after{content: '-';position: absolute;left: 0px;top: -1px;color: var(--white);font-weight: 800;}

    /*Headerblock*/
    .flx_headerblock.grid .bildlink .editor{padding: 20px;}
    .flx_headerblock.grid .bildlink .editor .highlight{font-size: 112%;margin-bottom: 5px;}
    .flx_headerblock.grid .bildlink .editor p{line-height: 1.3;font-size: 90%;}
    .flx_headerblock.grid .bildlink a::after{right: 15px;bottom: 15px;}
    .flx_headerblock.grid .bildlink a:hover::after{right: 15px;bottom: 15px;}
    .flx_headerblock.grid .zahl{font-size: 200%;}
    .flx_headerblock.grid .boxtext{font-size: 145%;}
    .flx_headerblock.grid .box::after{background-size: 70%;left: 38%;}

    /*Textblock*/
    .flx_textblock.text-slider .leer{display: none;}

    /*Kachelblock*/
    .flx_kachelblock .item{padding: 30px 30px 50px;}
    .flx_kachelblock .item::after{right: 15px;bottom: 15px;}
    .flx_kachelblock .heading{font-size: 125%;min-height: 50px;}
    .flx_kachelblock .kachelinhalt p{line-height: 1.4;}
    .flx_kachelblock .item::after,
    .flx_kachelblock .item:hover::after{right: 15px;bottom: 15px;}
    .flx_kachelblock .item .editor{min-height: 190px;}

    /*Kontakt*/
    .flx_kachelblock::after{background-size: 60%;}

    /*Page Footer*/
    #page-footer .top .kontakt{gap: 50px}



}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
    
    .inhaltsbloecke{padding-top: 90px!important;}

    body, html, *{line-height: 1.4;}

    h1{font-size: 220%;margin-bottom: 20px;}
    h2{font-size: 180%;margin-bottom: 20px;}
    .btn{margin-top: 10px;}

    /*Header*/
    #page-header .logo .logo-object, #page-header.bottom .logo .logo-object{width: 140px;}

    /*Headerblock*/
    .flx_headerblock.grid{padding: 40px 30px;}
    .flx_headerblock.grid .bildlink a:hover::after,
    .flx_headerblock.grid .bildlink a::after{height: 30px;width: 30px;}
    .flx_headerblock.grid .bildlink .editor{bottom: 0;}
    .flx_headerblock.grid .bildlink .editor .highlight{font-size: 110%;}
    .flx_headerblock.grid .bildlink .editor p{font-size: 80%;margin-bottom: 15px;}
    .flx_headerblock.grid .box{padding: 20px;}
    .flx_headerblock.grid .zahl{font-size: 160%;}
    .flx_headerblock.grid .boxtext{font-size: 125%;}
    .flx_headerblock .swiper-pagination{bottom: 15px !important;padding-right: 20px;text-align: right;}

    .flx_headerblock.hintergrundfarbe{padding: 40px 0;}

    /*Kachelblock*/
    .flx_kachelblock .item{padding: 20px 30px 40px;}
    .flx_kachelblock .item::after,
    .flx_kachelblock .item:hover::after{height: 30px;width: 30px;}
    .flx_kachelblock .heading{min-height: 25px;}
    .flx_kachelblock::after{left: 16%;background-size: 83%;}
    .flx_kachelblock .item .editor{min-height: 100px;}


    /*Textblock*/
    .flx_textblock.mitbildrechts .row{align-items: flex-start;}
    .flx_textblock .leer{display: none;}

    .text .button{margin: 15px 0;}

    .flx_inhaltsteaser .item{padding-bottom: 0;}
    .flx_inhaltsteaser .button{position: relative; left: 0; bottom: 0}


    /*Footer*/
    #page-footer .top .kontakt{gap: 0;}

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

    
    .topline{font-size: 100%;padding-bottom: 5px;}
    
    .socialmedia-sidebar{right: 20px;top: unset;bottom: 20px;}
    .socialmedia-sidebar a{width: 35px;height: 35px;}
    .socialmedia-sidebar .mail::before{width: 16px;height: 12px;}
    .socialmedia-sidebar .tel::after{width: 15px;height: 15px;}
    
    /*Page Header*/
    button.menuburgerbutton{top: 25px;}
    #page-header.bottom button.menuburgerbutton{top: 20px;}
    #page-header.bottom{padding: 10px 0 15px;}
    
    /*Headerblock*/
    .flx_headerblock .row{flex-direction: column-reverse;}
    .flx_headerblock.grid .text{margin-bottom: 3rem;}
    .flx_headerblock .editor{padding: 0;}
    .flx_headerblock.grid .text{padding: 0 15px;}
    .flx_headerblock.grid .bildlink .editor{padding: 30px;bottom: 10px;}
    .flx_headerblock.grid .bildlink .editor p{font-size: 90%;}
    .flx_headerblock.grid .box{padding: 30px;}

    /*Textblock*/
    .flx_textblock{padding: 40px 0;}

    .flx_textblock.mitbildlinks .row{flex-wrap: wrap-reverse;}
    .flx_textblock.mitbildrechts .box{width: 44%;}
    .flx_textblock.mitbildrechts .row{margin-bottom: 3rem;}
    .flx_textblock.mitbildrechts .box .heading::before{top: 9px;}
    
    .flx_textblock .leer{display: none;}

    .flx_textblock.text-slider p{margin-bottom: 20px;}
    .flx_textblock.text-slider .text{margin-bottom: 10px;}


    /*Leistungen*/
    .flx_leistungen img{margin-bottom: 1rem;}

    /*Kachelblock*/
    .flx_kachelblock{padding: 60px 30px 20px;}
    .flx_kachelblock .heading{min-height: 50px;}
    .flx_kachelblock .item img{margin-bottom: 10px;}
    .flx_kachelblock::after{left: -1%;background-size: 118%;}
    .flx_kachelblock .item .editor{min-height: 140px;}

    /*Trainerinnen*/
    .flx_trainerinnen .inner{width: 95%;}
    .flx_trainerinnen .position{line-height: 1;font-size: 90%;}
    .flx_trainerinnen .name{font-size: 100%;}


    /*Schritte*/
    .flx_schritteblock{padding: 50px 30px 10px;}

    /*Google Bewertungen*/
    .flx_google-bewertung .headline{margin: 0 auto 45px;}

    /*Kontaktblock*/
    .flx_kontaktblock{margin-right: 0;}
    .flx_kontaktblock .row.top{flex-direction: column-reverse;}
    .kontakt .flx_kontaktblock,
    .termin .flx_kontaktblock{padding: 0 0 50px;}
    ._brlbs-google-maps,
    .formularinner,
    .flx_kontaktblock .maps iframe{border-radius: 0;}
    .flx_kontaktblock .formularinner{padding: 50px 30px 35px 30px !important;}
    .flx_kontaktblock .btn.anfahrt{display: none;}

    .absenden::before{top: 10px;}

    /*Footer*/
    #page-footer .footermenu li{margin-left: 0;padding-left: 10px;}
    #page-footer .footermenu li:first-child{padding-left: 0;}
    #page-footer .top .container{padding: 0 30px;}
    #page-footer .container.bottom{padding: 50px 30px 20px;}
    
    #page-footer .headline{font-size: 130%;}
    #page-footer .top .kontakt{justify-content: start;}
    #page-footer .top .kontakt a{font-size: 110%;}
    #page-footer .top .kontakt a.tel::before,
    #page-footer .top .kontakt a.mail::before{top: 4px;}
    #page-footer .copyright{text-align: center;}
    #page-footer .footermenu ul{justify-content: center;}


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

    .headline br{display: none;}

    .btn::after{top: 9px !important;}
 
    /*Page Header*/
    #page-footer .headline{font-size: 120%;}

    /*Footer*/
    #page-footer .kontakt{margin-bottom: 1rem;}
    #page-footer .top .kontakt a{font-size: 100%;}

    /*Social Media Sidebar*/
    .socialmedia-sidebar{right: 15px;top: unset; bottom: 15px;}
    .socialmedia-sidebar a{width: 35px;height: 35px;}
    .socialmedia-sidebar .tel::after, .socialmedia-sidebar .tel:hover::after{width: 15px;height: 15px;}
    .socialmedia-sidebar .mail::before, .socialmedia-sidebar .mail:hover::before{width: 17px;height: 13px;}

    /*Headerblock*/
    .flx_headerblock.grid .bildlink .editor{padding: 20px;bottom: 15px;}
    .flx_headerblock.grid .box::after{background-size: 78%;left: 19%;}

    .flx_headerblock.hintergrundfarbe{padding: 30px 0;}

    /*Textblock*/
    .flx_textblock.mitbildrechts .box{width: 43%;}
    .flx_textblock.mitbildrechts .row{margin-bottom: 1rem;}

    /*Kachelblock*/
    .flx_kachelblock{padding: 50px 30px 20px;}
    .flx_kachelblock .headline{margin: 0 auto 30px;}
    .flx_kachelblock .heading{min-height: max-content;}
    .flx_kachelblock .item{padding: 20px;}
    .flx_kachelblock::after{left: 6%;background-size: 218%;}
    .flx_kachelblock .item .editor{min-height: max-content;}


    /*Footer*/
    #page-footer hr{margin: 20px 0;}
    

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

    .absenden::before{top: 8px;}

    .headline{margin-bottom: 15px;line-height: 1.2!important;}


    /*Header*/
    #page-header .menuburgerbutton,
    #page-header.bottom button.menuburgerbutton{top: 25px;}
    
    /*Headerblock*/
    .flx_headerblock.grid{padding: 40px 20px;margin: 50px 15px 0px;}
    .flx_headerblock.grid .grid-container{grid-template-columns: 100%;}
    .flx_headerblock.grid .bildlink .editor{bottom: 20px;}
    .flx_headerblock.grid .swiper{grid-column: 1;grid-row: 3;}
    .flx_headerblock.grid .bildlink img{width: 100%;object-fit: cover;height: 450px;}
    .flx_headerblock.grid .swiper-wrapper{height: 450px;}
    .flx_headerblock.grid .swiper img{width: 100%;}
    

    /*Textblock*/
    .flx_textblock.mitbildrechts .box{width: 100%;}
    .flx_textblock.mitbildrechts .box .heading::before{top: 6px;}

    .flx_textblock.text-slider{padding: 50px 0 40px;}
    .flx_textblock.text-slider .swiper{height: 310px;}

    /*Kachelblock*/
    .flx_kachelblock{margin: 20px 15px;padding: 40px 20px 10px;}

    /*Footer*/
    #page-footer .headline{margin-bottom: 1rem;}
    #page-footer .logo{margin-bottom: 2rem;}
    #page-footer .top{padding: 30px 0 10px;}
    #page-footer .top .kontakt{gap: 5px;}
    #page-footer .top .kontakt a.tel::before,#page-footer .top .kontakt a.mail::before{top: 2px;}
    #page-footer .footermenu li{border: none;padding-left: 0;}
    #page-footer .container.bottom{padding: 30px 30px 20px;}



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

    .btn::after{top: 7px !important;}

    h1{font-size: 180%;}
    h2{font-size: 150%;}
    .topline{font-size: 90%;}

    /*Headerblock*/
    .flx_headerblock.grid{margin: 0px 0 0;border-radius: 0;padding: 40px 0px;}
    .flx_headerblock.grid .bildlink img{height: 300px;}
    .flx_headerblock.grid .swiper-wrapper{height: 350px;}

    /*Trainerinnen*/
    .flx_trainerinnen .position{line-height: 1.3;font-size: 100%;}
    .flx_trainerinnen .name{font-size: 115%;}

    /*Kachelblock*/
    .flx_kachelblock{margin: 20px 0;border-radius: 0;padding: 50px 0px 30px;}
    .flx_kachelblock::after{display: none;}
    /*Kontaktblock*/
    .flx_kontaktblock{padding: 50px 0 30px;}
    
    /*Textblock*/
    .flx_textblock.text-slider p{margin-bottom: 0;}

    /*Schritte*/
    .flx_schritteblock{margin: 40px 0;padding: 50px 0 10px;border-radius: 0;}
    .flx_schritteblock .btn{float: unset;bottom: 40px;margin: 0 auto;}
    .flx_schritteblock .schritte{padding-bottom: 100px;}

    /*Google Bewertung*/
    .flx_google-bewertung{padding: 10px 0;}

    /*Footer*/
    #page-footer{margin: 30px 0 0;border-radius: 0;}
    #page-footer .top{border-radius: 0;}
    #page-footer .top .container{padding: 0 15px;}
    #page-footer .container.bottom{padding: 30px 15px 20px;}





}