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

:root {
    --dark-grey: #414143;
    --black: #222222;
    --white: #ffffff;
    --acc: #F6881F;
}

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

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

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

.topline{color: var(--acc)!important;font-size: 100%;font-weight: 600;position: relative;padding-left: 15px;display: block;margin-bottom: 15px;}
.topline::before{position: absolute;content: 'o';background: transparent;color: var(--acc);left: 0;bottom: 3px;display: block;line-height: 1.4;}

h1, h2, h3, .headline{color: var(--dark-grey)!important;}
h2{position: relative;font-size: 300%;margin-bottom: 40px;font-weight: 600;}
h3{font-weight: 600;margin-bottom: 20px;}

.btn{position:relative;padding: 0 65px 0 0;font-size:100%!important;font-weight:500;color:var(--black)!important;background-color: transparent;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-orange-light.svg') no-repeat;background-size: 100%;right: 0px;top: -16px!important;height: 48px;width: 48px;transition: all ease .3s;}
.btn:hover{background: transparent;transition:all .3s ease;color:var(--black);text-decoration: none;padding: 0 65px 0 0;}
.btn:hover::after{transition: all ease .3s;right: -10px;background: url('media/pfeil-rechts-orange.svg') no-repeat;}

/* div[class^="flx_"],div[class*="flx_"]{background-color: var(--dark-grey);} */
/* div[class^="flx_"] *,div[class*="flx_"] *{color: var(--white);} */
/* div[class^="flx_"] .headline ,div[class*="flx_"] .headline{color: var(--white);} */

.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;}

/*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;}
#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: var(--dark-grey)!important;}
#page-header .headermenu li:last-child a{color: var(--white)!important;padding: 5px 62px 6px 20px;}
#page-header .headermenu li:last-child a::after{background-size: 90%;top: 7px;}
#page-header .headermenu li:last-child a:hover::after{filter: unset;transition: all ease .3s;right: 5px;}
#page-header .headermenu li.menu-item-has-children .sub-menu li a{color: var(white)!important;}
#page-header .app{display: none;position: relative;background: url('media/icons/fitness-app.svg') no-repeat;background-size: 100%;background-position: center;height: 38px;width: 38px;float: right;margin-right: 75px;}

#page-header .topmenu{margin-bottom: 0!important;float: right;display: flex;align-items: center;}
#page-header .mobilemenu.open{padding: 6rem 0 3rem 2rem;}

#page-header .headermenu li.menu-item-has-children .submenu-toggle::after{filter: brightness(0) saturate(100%) invert(73%) sepia(40%) saturate(6119%) hue-rotate(348deg) brightness(101%) contrast(93%);}

#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;}


/* Footer */
#page-footer{padding: 60px 0 30px;background-color: #4C4C4D!important;margin-top: 50px;}
#page-footer *{color: var(--white)!important;}
#page-footer hr{background-color: #A5A5A5;margin: 70px 0 20px;}
#page-footer a:hover{text-decoration: underline;}
#page-footer .kontakt{display: flex;flex-direction: column;}
#page-footer .footermenu li{border-left: 2px solid #A5A5A5;margin-left: 10px;}
#page-footer .footermenu li:first-child{border-left: none}
#page-footer .footermenu li a,
#page-footer .copyright p{color: #A5A5A5!important;font-size: 88%;}


/*Headerblock*/
.flx_headerblock.hintergrundbild{background-image: var(--bg-desktop);background-size: cover;background-repeat: no-repeat;background-position: center 0;height: 85vh;display: flex;justify-content: center;align-items: center;position:relative;margin-bottom:100px;}
.flx_headerblock.hintergrundbild:after{content:'';background:#000;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.4;}
.flx_headerblock.hintergrundbild *{color: var(--white)!important;}
.flx_headerblock.hintergrundbild h1{font-size: 550%;margin-bottom: 0;font-weight: 800;text-transform: none;}
.flx_headerblock.hintergrundbild a::after{transition: all ease .3s;right: 0;background: url('media/pfeil-rechts-orange.svg') no-repeat;}
.flx_headerblock.hintergrundbild a:hover::after{transition: all ease .3s;right: -10px;background: url('media/pfeil-rechts-orange.svg') no-repeat;}
.flx_headerblock.hintergrundbild .container{position: relative;z-index:9;}
.flx_headerblock.hintergrundbild .container .row{position: absolute;top: 0;right: 15px;}

@media (max-width: 768px) {
    .flx_headerblock{background-image: var(--bg-mobile);background-position: center;}
}

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

/*Kachelblock*/
.flx_kachelblock{padding: 50px 0;position: relative;}
.flx_kachelblock::after{position: absolute;content: '';background: url('media/Ellipse.svg') no-repeat;background-size: 100%;height: 650px;width: 650px;display: block;top: -130px;right: 130px;z-index: -1;}

/* .flx_kachelblock .text{position: relative;} */
.flx_kachelblock .inhalt{width: 50%;margin-bottom: 3rem;}
.flx_kachelblock .kachel .row{align-items: center;}
.flx_kachelblock img{height: 110px;width: 110px;object-fit: contain;}
.flx_kachelblock .kachelinhalt{margin-top: 2rem;}
.flx_kachelblock .heading{font-size: 220%;font-weight: 800;}
.flx_kachelblock .item{padding: 30px 50px;border-right: 1px solid var(--dark-grey);}
.flx_kachelblock .kachel{padding: 0;}
.flx_kachelblock .kachel:nth-child(1) .item{padding-left: 0;}
.flx_kachelblock .kachel:nth-child(3) .item{padding-right: 0;}
.flx_kachelblock .kachel:nth-child(3) .item{border-right: 0;}
/* .flx_kachelblock .btn{display: block;margin: 60px auto 0;} */

/*Textblock*/
.flx_textblock{padding: 50px 0;}
.flx_textblock.textgrid{background-color: var(--dark-grey);padding: 100px 0;}
.flx_textblock.textgrid *{color: var(--white)!important;}
.flx_textblock.textgrid .topline{color: var(--acc)!important;}
.flx_textblock.textgrid .bildeins, .flx_textblock.textgrid .bildzwei{align-content:center;}
.flx_textblock.textgrid .bildeins,
.flx_textblock.textgrid .textzwei{padding-right: 35px;}
.flx_textblock.textgrid .bildzwei img{position: unset;bottom: 100px;}

/* .flx_textblock li::before{content:'';background: url('media/icons/plus.svg') no-repeat;height: 20px;width: 10px;background-size: 100%;left: 0;top: 2px;} */

/* .flx_textblock.nurtext{padding: 150px 0 100px;} */
.flx_textblock.nurtext .text{width: 100%;}

.flx_textblock.mitbildrechts .text{padding:15px 75px 15px 15px;}
.flx_textblock.mitbildlinks .text{padding:15px 15px 15px 75px;}
.flx_textblock.mitbildrechts .bild{align-content:center;}
.flx_textblock.mitbildlinks .bild{align-content:center;}

/*Störer*/
.flx_stoerer{background-color: var(--black);padding: 100px 0 100px;margin-bottom: 100px;position: relative;}
.flx_stoerer p{color: var(--white)!important;}
.flx_stoerer h2{color: var(--acc)!important;}
.flx_stoerer .bild img{position: absolute;bottom: -170px;width: 590px;}

/*Aktuelles*/
.flx_aktuelles{padding: 50px 0;}
.flx_aktuelles .row:first-child{align-items: end;margin-bottom: 3rem;}
.flx_aktuelles img{margin-bottom: 1.5rem;width: 100%;height: auto;transition: all ease 0.4s;aspect-ratio: 5 / 3;}
.flx_aktuelles a:hover img{transform: scale(1.05);}
.flx_aktuelles h3{font-size: 122%;font-weight: 600;margin-bottom: 1rem;}
.flx_aktuelles a{height: max-content;display: block;text-decoration: none;overflow: hidden;}
.flx_aktuelles .textliches{width: 80%;padding-top: 15px;}
.flx_aktuelles .beitrag{position: relative;padding-bottom: 3rem;}
.flx_aktuelles .btn{position: absolute;left: 15px;bottom: 0;}


/*Kontaktblock*/
.flx_kontaktblock{position: relative;background-color: transparent;}
.flx_kontaktblock::after{position: absolute;content: '';background: url('media/Ellipse.svg') no-repeat;background-size: 100%;height: 650px;width: 650px;display: block;top: -130px;left: -130px;z-index: -1;}
.flx_kontaktblock .formularinner{color: var(--dark-grey)!important;}
.flx_kontaktblock label[for="confirm"],
.flx_kontaktblock label[for="confirm"] a,
.flx_kontaktblock .pflicht,
.flx_kontaktblock .headline{color: var(--white)!important;}
input#submit:disabled,
input#submit{color: var(--white)!important;}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label small{color: var(--white)!important;}

/*Instagram Feed*/
.flx_instagram_feed .container{position: relative;}
.flx_instagram_feed .headlinebox{position: relative;}
.flx_instagram_feed .topline{padding:0;}

.flx_instagram_feed .links{position: absolute;top: 40px;right: 15px;display: flex;gap: 15px;}
.flx_instagram_feed .instagram,
.flx_instagram_feed .facebook{position: relative;height: 30px;width: 30px;}
.flx_instagram_feed .instagram::after{height: 30px;width: 30px;display: block;position: absolute;content: '';background: url('media/icons/instagram.svg') no-repeat;background-size: 100%;}
.flx_instagram_feed .facebook::after{height: 30px;width: 30px;display: block;position: absolute;content: '';background: url('media/icons/facebook.svg') no-repeat;background-size: 100%;}


/*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;margin-bottom: 0;}
.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 img{object-fit: cover;width: 100%;height: 100%;}
.flx_trainerinnen .trainerin .shadow::before, .flx_trainerinnen img{border-radius: var(--br);}

/*Inhaltsteaser*/
.flx_inhaltsteaser .btn{margin-bottom: 10px;}


.flx_kursplan .kursplan .wochentag{width:calc(100% / 7);padding:0;}
.flx_kursplan .kursplan .wochentag .tag{display:block;font-size:125%;font-weight:600;border-bottom:solid 1px var(--dark-grey);padding:10px;}
.flx_kursplan .kursplan .wochentag .kurs{display:block;padding:10px;}
.flx_kursplan .kursplan .wochentag .kurs:nth-child(2n){background:#f2f2f2;}
.flx_kursplan .kursplan .wochentag .kurs .uhrzeit{display:block;line-height:1.3;}
.flx_kursplan .kursplan .wochentag .kurs .name{display:block;font-size:100%;font-weight:600;color:var(--acc);line-height:1.3;}
.flx_kursplan .kursplan .wochentag .kurs .space{padding:0 5px;}
.flx_kursplan .kursplan .wochentag .kurs .anmeldung{font-weight:600;}
.flx_kursplan .zusatzinfo{margin-top:75px;}



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

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1600px){
.topline{left: 0;}

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

/*Headerblock*/
.flx_headerblock.hintergrundbild .container .row{left: 15px;}
.flx_headerblock.hintergrundbild h1{font-size: 400%;}

/*Kachelblock*/
.flx_kachelblock .kachel:nth-child(1) .item{padding-left: 15px;}
.flx_kachelblock .kachel:nth-child(3) .item{padding-right: 15px;}

/*Textblock*/
.flx_textblock.textgrid .bildzwei img{position: unset;}


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

    h2{font-size: 320%;}

    /*Page-Header*/
    #page-header{padding: 20px 0;}
    #page-header .logo .logo-object,
    #page-header.bottom .logo .logo-object{width: 200px;}

    #page-header .topmenu{display: none;}
    #page-header .app{display: block;}


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

    #page-header .mobilemenu.open a:hover{color: var(--acc)!important;}

    /*Störer*/
    .flx_stoerer .leer{display: none;}

    /*Aktuelles*/
    .flx_aktuelles .text, .flx_aktuelles .inhalt{padding: 0 15px;}

    /*Kontakt*/
    .flx_kontaktblock .formularinner{padding: 60px 40px 25px 40px!important;}


    /*Kachelblock*/
    .flx_kachelblock .item,
    .flx_kachelblock .kachel:nth-child(1) .item,
    .flx_kachelblock .kachel:nth-child(3) .item{padding: 20px 30px;}

    /*Textblock*/
    .flx_textblock.textgrid .bildeins, .flx_textblock.textgrid .textzwei{padding-right: 15px;}


    .flx_kursplan .kursplan .wochentag .kurs{min-height:125px;}
    .flx_kursplan .kursplan .wochentag .kurs .raum{display:block;}
    .flx_kursplan .kursplan .wochentag .kurs .space{display:none;}

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

    /*Page Header*/
    button.menuburgerbutton{top: 25px;}

    #page-header .logo .logo-object,
    #page-header.bottom .logo .logo-object{width: 160px;}

    /*Headerblock*/
    .flx_headerblock.hintergrundbild{height: 100vh;margin-bottom: 50px;}
    .flx_headerblock.hintergrundbild .container .row{top: -110px;}
    .flx_headerblock.hintergrundbild .btn{margin-top: 20px;}
    .flx_headerblock.hintergrundbild h1{margin-bottom: 2rem;}

    /*Aktuelles*/
    .flx_aktuelles .textliches{max-height: 180px;}

    /*Kontakt*/
    .flx_kontaktblock .formularinner{padding: 60px 40px 25px 40px!important;}

    /*Textblock*/
    .flx_textblock.mitbildlinks .text, .flx_textblock.mitbildrechts .text{padding: 0 15px;}
    .flx_textblock.mitbildlinks .row{flex-wrap: wrap-reverse;}

    .flx_kursplan .kursplan .wochentag .kurs .uhrzeit,
    .flx_kursplan .kursplan .wochentag .kurs .raum,
    .flx_kursplan .kursplan .wochentag .kurs .anmeldung{font-size:95%}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    
    .topline{font-weight: 600;}

    h2{font-size: 240%;}
    .btn{margin-top: 20px;}
    .btn::after{z-index: 1;}

    .headline br{display: none;}

    /*Page Header*/
    #page-header .app{position: absolute;right: 0;top: 30px;}

    #page-header.bottom button.menuburgerbutton{top: 20px;}
    
    /*Steckbrief*/
    .flx_steckbriefblock{padding: 50px 0;}
    .flx_steckbriefblock img{top: 0;max-width: 100%;width: 300px;}
    .flx_steckbriefblock .leer{display: none;}
    .flx_steckbriefblock .text{padding-right: 0;}
    
    /*Kachelblock*/
    .flx_kachelblock{padding: 70px 0;}
    .flx_kachelblock .inhalt{width: 100%;margin-bottom: 2rem;}
    .flx_kachelblock .item{padding: 20px 30px;border-right: 1px solid #fff4;border-bottom: 1px solid #fff4;}
    .flx_kachelblock img{height: 80px;width: 80px;}
    .flx_kachelblock .kachel{margin-bottom: 2rem;}
    .flx_kachelblock .kachel:nth-child(3n) .item{border-right: 1px solid #fff4;}
    .flx_kachelblock .kachel:nth-child(2n) .item{border-right: 0;}
    .flx_kachelblock .kachel:nth-last-child(-n+4) .item{border-bottom: 1px solid #fff4;}
    .flx_kachelblock .kachel:nth-last-child(-n+3) .item{border-bottom: 0;}


    /*Textblock*/
    .flx_textblock.nurtext{padding: 70px 0!important;}
    .flx_textblock.nurtext .text{width: 100%;}
    .flx_textblock .leer{display: none;}

    .flx_textblock.bild-infos{padding: 50px 0;}
    .flx_textblock.bild-infos .leer{display: none;}
    .flx_textblock.bild-infos .item{border-right: 0;margin-bottom: 1rem;}

    .flx_textblock.textgrid{padding:  100px 0 50px;}
    .flx_textblock.textgrid .texteins{margin-bottom: 5rem;}

    /*FAQ*/
    .flx_faq .editor{width: 100%;}

    /*Instagram Feed*/
    .flx_instagram_feed .links{top: 15px;}

    /*Störer*/
    /* .flx_stoerer{margin: 100px 0 50px;} */
    .flx_stoerer .bild img{bottom: -30px;}

    /*Aktuelles*/
    .flx_aktuelles .beitrag{margin-bottom: 3rem;}
    .flx_aktuelles img{width: 300px;}
    .flx_aktuelles .btn{bottom: 20px;}

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


    /*Kontakt*/
    .flx_kontaktblock{padding: 20px 0 100px;}

    /*Social Media*/
    .flx_instagram_feed h2{font-size: 190%;}
    .flx_instagram_feed .links{top: 5px;}

    /*Footer*/
    .logo-object{max-width: 200px;}
    #page-footer .footermenu li{margin-left: 0;padding-left: 10px;}
    #page-footer .footermenu li:first-child{padding-left: 0px;margin-left: 0;}
    #page-footer .offnungszeiten{margin-top: 2rem;}

    .flx_kursplan .kursplan{width:50%;margin:0 auto;}
    .flx_kursplan .kursplan .wochentag{width:100%;margin:25px 0;}
    .flx_kursplan .kursplan .wochentag .kurs{min-height:auto;}
    .flx_kursplan .kursplan .wochentag .kurs .uhrzeit,
    .flx_kursplan .kursplan .wochentag .kurs .raum,
    .flx_kursplan .kursplan .wochentag .kurs .anmeldung{font-size:100%}

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

    .btn{padding: 0 55px 0 0;margin-top: 0;}
    .btn::after{top: -6px !important;height: 35px;width: 35px;background-size: 100%!important;}
    .btn:hover::after,
    .flx_headerblock.hintergrundbild a:hover::after{right: -5px;}

    .button{padding: 15px 0;}
    h2::before{top: 1px!important;}

    .inhaltsbloecke{padding-top: 70px!important;}

    /*Page Header*/
    #page-header .menuburgerbutton,
    #page-header.bottom button.menuburgerbutton{top: 25px;}

    /*Footer*/
    #page-footer .kontakt{margin-bottom: 1rem;}

    /*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;}

    /*FAQ*/
    .flx_faq{padding: 50px 0;}
    .flx_faq .editor{width: 100%;}

    /*Textblock*/
    .flx_textblock .text{margin-bottom: 2rem;}

    .flx_textblock.bild-infos{padding: 50px 0;}
    .flx_textblock.bild-infos .bild{margin-bottom: 0rem;}
    .flx_textblock.bild-infos .bild img{position: unset;max-width: 100%;width: 170px;float: right;}
    .flx_textblock.bild-infos .icon{width: 35px;margin-bottom: 5px;}
    .flx_textblock.bild-infos .zahl{font-size: 260%;}

    .flx_textblock.texttextbild{padding: 150px 0;}

    .flx_textblock.textgrid{padding: 70px 0 0;}
    .flx_textblock.textgrid .bildeins{width: 300px;margin-bottom: 4rem;padding-bottom: 0;}
    .flx_textblock.textgrid .bildzwei{padding-bottom: 0;width: 300px;}
    .flx_textblock.textgrid .text{margin-bottom: 2rem;}
    .flx_textblock.textgrid .texteins{order: 1;}
    .flx_textblock.textgrid .bildeins{order: 2;}
    .flx_textblock.textgrid .textzwei{order: 3;}
    .flx_textblock.textgrid .bildzwei{order: 4;margin-bottom:2rem;}

    /*Kachelblock*/
    .flx_kachelblock{padding: 50px 0;}
    .flx_kachelblock img{height: 50px;width: 50px;}
    .flx_kachelblock .kachel{padding: 0!important;}
    .flx_kachelblock .item{padding: 15px!important;}

    /*Störer*/
    /* .flx_stoerer{margin: 100px 0 0;} */
    .flx_stoerer .bild img{position: unset;width: 100%;}

    /*Aktuelles*/
    .flx_aktuelles{padding: 50px 0 0;}
    .flx_aktuelles img{margin-bottom: .5rem;width: 100%;}

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

    /*Social Media*/
    .flx_instagram_feed .links{top: 0;}

    /*Inhaltsteaser*/
    .flx_inhaltsteaser .btn{margin-bottom: 0;}



}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:576px) {
    
    .headline{margin-bottom: 15px;width: 100%;}
    h1{line-height: 1.1 !important;margin-bottom: 30px;}
    h2{line-height: 1!important;font-size: 200%;margin-bottom: 10px;}
    h2::before{top: -9px!important;}

    /*Page Header*/
    #page-header .app{top: 20px;}

    #page-header .logo .logo-object,
    #page-header.bottom .logo .logo-object{width: 100px;}
    #page-header .menuburgerbutton, #page-header.bottom button.menuburgerbutton{top: 15px;}

    #page-header .mobilemenu.open{padding: 5rem 0 3rem 2rem;}
    
    #page-header .tel::after{content:'';background: url('media/icons/header-phone.svg') no-repeat center;height: 18px;width: 18px;background-size: 100%;left: 4px;top: 2px;border-radius: 50%;position: absolute;}

    /*Headerblock*/
    .flx_headerblock.hintergrundbild{height:600px;}
    .flx_headerblock.hintergrundbild .container .row{top: -40px;}
    .flx_headerblock.hintergrundbild h1{margin-bottom: 1rem;font-size: 230%;line-height: 1!important;}

    /*Kachelblock*/
    /* .flx_kachelblock .btn{float: right;} */

    /*Aktuelles*/
    .flx_aktuelles .textliches{max-height: max-content;}

    /*Textblock*/
    .flx_textblock.textgrid .bildeins,
    .flx_textblock.textgrid .bildzwei{width: 100%;}

    /*Störer*/
    .flx_stoerer{padding: 50px 0 20px;margin-bottom:0;}
    .flx_stoerer .bild img{padding-top: 3rem;}

    /*Kontakt*/
    .flx_kontaktblock{padding:0;}
    .flx_kontaktblock .formularinner{padding: 50px 25px 25px 25px !important;}

    .flx_kursplan .kursplan{width:100%;}
    .flx_kursplan .kursplan .wochentag{padding:0 15px;}

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

    /*Headerblock*/
    .flx_headerblock.hintergrundbild{height: 400px;}
    /* .flx_headerblock.hintergrundbild .container .row{top: -180px;} */
    .flx_headerblock.hintergrundbild h1{margin-bottom: 1rem;font-size: 250%;line-height: 1!important;}

    /*Störer*/
    .flx_stoerer a{padding-bottom: 15px;}
    .flx_stoerer .bild img{padding-top: 10px;}

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

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


    /*Instagram Feed*/
    /* .flx_instagram_feed .topline{font-size: 220%;}
    .flx_instagram_feed .links{top: 5px;gap: 10px;} */

}