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

:root {
    --dark-grey: #2C2C2C;
    --black: #222222;
    --white: #ffffff;
    --acc: #CFD7A6;
}

/*Globaler Style*/
*{color: var(--white);}
body{background-color: var(--dark-grey);}

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

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

.topline{color: #CFD7A633 !important;/*-webkit-text-stroke-color:#fff2;text-stroke-color:#fff2;-webkit-text-stroke-width:2px;text-stroke-width:1px;*/font-size: 385%;text-transform: uppercase;font-weight: 600;position: absolute;left: -40px;top: -40px;line-height: 1;}

.headline{text-transform: uppercase;color: var(--white);}
h2{position: relative;}
h2::before{content: '';background: url('media/icons/plus.svg') no-repeat;background-size: auto;height: 34px;width: 20px;background-size: 100%;left: -30px;top: -3px;position: absolute;}
h1, h2, h3{color: var(--white);}
.btn{position:relative;padding:12px 55px 12px 30px;font-size:100%!important;font-weight:500;color:var(--black)!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);text-decoration: none;}
.btn:hover::after{filter: invert()!important;transition: all ease .3s;}

.btn.back::after{transform: rotate(180deg);}


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


/*Header*/
#page-header{display: block;background-color: var(--dark-grey);padding: 30px 0;border-bottom: 0;}
#page-header *{color: var(--white)!important;}
#page-header .headermenu li{padding: 0 13px;}
#page-header .headermenu li:last-child a{color: var(--black)!important;padding: 5px 20px;}
#page-header .headermenu li:last-child a::after{display: none;}

.inhaltsbloecke{margin-top: 70px;}
.topmenu{float: right;display: flex;align-items: center;}
.headermenu{float:right;}

#page-header .mail{padding-left: 25px;position: relative;text-decoration: none;padding: 0 25px;transition: all ease .3s;}
#page-header .mail:hover{color: var(--acc)!important;transition: all ease .3s;}
#page-header .mail::after{content: '';background: url('media/icons/email.svg') no-repeat center;background-color: rgba(0, 0, 0, 0);background-size: auto;height: 20px;width: 20px;background-size: 60%;left: -3px;top: 5px;background-color: var(--acc);border-radius: 50%;position: absolute;}

#page-header .current_page_item a{font-weight: 400!important;}

#page-header.bottom{padding: 10px 0 30px;}

/*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: var(--black);}
#page-footer hr{background-color: var(--white);opacity: 0.5;margin: 70px 0 20px;}
#page-footer .kontakt{display: flex;flex-direction: column;}
#page-footer .kontakt a{text-decoration: none;}


/*Headerblock Leistungswerk*/
.flx_headerblock.grid{padding: 100px 0 0;margin-bottom: -100px;background-color: var(--dark-grey);}
.flx_headerblock.grid .grid-container{display: grid;grid-template-columns: 1fr 43% 27%;position: relative;}
.flx_headerblock.grid .hero-headline{position: absolute;left: 0;position: absolute;bottom: 100px;height: 400px;width: 100%;z-index: 1;}
.flx_headerblock.grid .hero-headline .headline{position: absolute;left: 0;font-weight: 1000;line-height: 1;}
.startseite .flx_headerblock.grid .hero-headline .headline{top: 180px;font-size: 940%;}
.personal-training .flx_headerblock.grid .hero-headline .headline{bottom: 20px;font-size: 740%;}
.athletik .flx_headerblock.grid .hero-headline .headline{bottom: 20px;font-size: 720%;}
.flx_headerblock.grid .icon-arrow::after{content: '';position: absolute;top: 0px;left: 10px;background: url('media/icons/design-pfeil-schraeg-unten-gruen.svg') no-repeat;height: 180px;width: 185px;display: block;background-size: 100%;}
.flx_headerblock.grid .topline{color: var(--white)!important;/*-webkit-text-stroke-color:unset;text-stroke-color:unset;-webkit-text-stroke-width:unset;text-stroke-width:unset;*/font-size: 250%;font-weight: 800;position: relative;left: 240px;top: 90px;line-height: 1;}
.flx_headerblock.grid .editor{padding:30px 0 0 30px;}

.flx_headerblock.grid .hero-slider{width: 100%;}
.swiper-pagination-bullet{background-color: transparent;height: 18px;width: 18px;border: 2px solid var(--white);opacity: 1;}
.swiper-pagination-bullet-active{background-color: var(--white);height: 18px;width: 18px;border: 2px solid var(--white);}
.swiper-pagination{bottom: 40px!important;}

/* .flx_headerblock.bildtext {position: relative;margin-bottom: 100px;} */
.flx_headerblock.bildtext h1{margin-bottom: 0;}
/* .flx_headerblock.bildtext::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.8); z-index: 1;} */
/* .flx_headerblock.bildtext .container {position: relative;z-index: 2;} */

.flx_headerblock.bildtext {position: relative;height: 60vh;overflow: hidden;display: flex;align-items: center;justify-content: center;margin-bottom: 100px;}
.flx_headerblock.bildtext .bg-image {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;}
.flx_headerblock.bildtext .bg-image img{width: 100%;height: 100%;object-fit: cover;}
.flx_headerblock.bildtext .overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.5);z-index: 1;}
.flx_headerblock.bildtext .container {position: relative;z-index: 2;}

/*Textblock*/
.flx_textblock{background-color: var(--dark-grey);}
.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 .iconaufzaehlung li{padding:15px 0;border-bottom:solid 1px var(--white);width:70%;line-height:1.3;}
.flx_textblock .iconaufzaehlung li:first-child{padding-top:0;}
.flx_textblock .iconaufzaehlung li:last-child{border:none;padding-bottom:0;}
.flx_textblock .iconaufzaehlung li::before{display:none;}
.flx_textblock .iconaufzaehlung li img{margin-bottom:5px;width:65px;display:block;}

.flx_textblock.nurtext{padding: 100px 0 50px;background-color: var(--black);}
.flx_textblock.nurtext h1{line-height: 1.2 !important;display: block;;}
.flx_textblock.nurtext .text{width: 70%;margin-bottom: 0;}

.barrierefreiheit .flx_textblock.nurtext .text,
.impressum .flx_textblock.nurtext .text,
.datenschutz .flx_textblock.nurtext .text{width: 100%;}

.barrierefreiheit .flx_textblock.nurtext h2::before,
.impressum .flx_textblock.nurtext h2::before,
.datenschutz .flx_textblock.nurtext h2::before{top: -7px;}

.flx_textblock.texttextbild{padding: 200px 0;}
.flx_textblock.texttextbild *{color: var(--white);}

.flx_textblock.bild-infos{background-color: var(--black);padding: 100px 0 0;}
.flx_textblock.bild-infos .inhalt{width: 90%;margin-bottom: 65px;}
.flx_textblock.bild-infos .icon{height: 45px;width: auto;object-fit: contain;margin-bottom: 15px;}
.flx_textblock.bild-infos .item{border-right: 1px solid var(--white);padding-left: 30px;}
.flx_textblock.bild-infos .item:first-child{padding-left: 15px;}
.flx_textblock.bild-infos .item:last-child{border-right: none;}
.flx_textblock.bild-infos .inner{max-height: 650px;}
.flx_textblock.bild-infos .bild img{position: relative;top: -200px;}
.flx_textblock.bild-infos .zahl{font-size: 320%;font-weight: 600;margin-bottom: 0;color: var(--acc);}

.flx_textblock.mitbildlinks img{position: relative;z-index: 1;}

/*Seitenteaser*/
.flx_seitenteaser{padding: 125px 0 100px;position: relative;background-color: var(--dark-grey);}
.flx_seitenteaser .container{position: relative;z-index: 1;}
.flx_seitenteaser .row{row-gap: 30px;}
.flx_seitenteaser a.item{position: relative;top: 0;transition: all ease .2s;}
.flx_seitenteaser a.item:hover{top: -10px;transition: all ease .3s;}
.flx_seitenteaser a.item::after{content:'';background: url('media/icons/design-pfeil-schraeg-unten.svg') no-repeat;height: 30px;width: 30px;background-size: 100%;right: 50px;top: 50px;position: absolute;z-index: 2;transform: rotate(-90deg);}
.flx_seitenteaser a.item:hover::after{filter: brightness(0) saturate(100%) invert(98%) sepia(9%) saturate(1155%) hue-rotate(9deg) brightness(93%) contrast(79%);}
.flx_seitenteaser *,
.flx_seitenteaser .headline{color: var(--white);}
.flx_seitenteaser .button{margin-bottom: 60px;}
.flx_seitenteaser .btn{margin-top: 20px;}
.flx_seitenteaser .item{position: relative;}
.flx_seitenteaser .shadow{position: relative;}
.flx_seitenteaser .shadow::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 100%;width: 100%;z-index: 1;background: linear-gradient(180deg,rgba(34, 34, 34, 0.15) 7%, rgba(34, 34, 34, 0.47) 50%, rgba(34, 34, 34, 0.98) 79%);transition: all ease .3s;}

.flx_seitenteaser.drei img{width: 100%;object-fit: cover;aspect-ratio: 1/1;}
.flx_seitenteaser.drei .name{position: absolute;bottom: 12%;left: 18%;font-size: 220%;font-weight: 600;width: 60%;text-transform: uppercase;margin-bottom: 0;z-index: 2;}
.flx_seitenteaser.sechs::before{position: absolute;content: '';background-color: var(--black);left: 0;right: 0;bottom: 0;height: 400px;width: 100%;display: block;}
.flx_seitenteaser.sechs img{width: 100%;object-fit: cover;aspect-ratio: 4/3;}
.flx_seitenteaser.sechs .name{position: absolute;bottom: 10%;left: 12%;font-size: 160%;font-weight: 600;width: 60%;text-transform: uppercase;margin-bottom: 0;z-index: 2;}
.flx_seitenteaser.sechs .btn{display: block;margin: 60px auto 0;}
.flx_seitenteaser.sechs .button{margin-bottom: 0;}
.flx_seitenteaser.sechs .hover{opacity: 0;transition: all ease .3s;position: absolute;left: 50%;transform: translate(-50%);bottom: 40px;width: 75%;z-index: 5;}
.flx_seitenteaser.sechs .hover *{color: var(--white);}
.flx_seitenteaser.sechs .hover p:last-child{margin-bottom: 0;}
.flx_seitenteaser.sechs .item:hover .hover{opacity: 1;;transition: all ease .3s;}
.flx_seitenteaser.sechs .item:hover .shadow::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 100%;width: 100%;z-index: 1;background: linear-gradient(180deg,rgba(10, 10, 10, 0.40) 2%, rgba(10, 10, 10, 0.80) 40%, rgba(10, 10, 10, 1) 100%);transition: all easse .3s;}
.flx_seitenteaser.sechs .item:hover .name{opacity: 0;transition: all ease .3s;}


/*Kontaktblock*/
.flx_kontaktblock{padding:0 0 100px;}
.kontakt .flx_kontaktblock{padding:100px 0 100px;}
/* .flx_kontaktblock .formularinner{background-color: var(--black);padding: 120px 120px 75px 120px;}
.flx_kontaktblock .headline{color: var(--white);} */


/*Bildblock*/
.flx_bildblock{position: relative;}
.flx_bildblock::before{content:'';position: absolute;top: -300px;left: 0;right: 0;height: 300px;width:100%;background-color: var(--black);z-index: 0;}


/*Steckbriefblock*/
.flx_steckbriefblock{padding: 80px 0 50px;}
.flx_steckbriefblock .inhalt{margin-bottom: 2rem;}
.flx_steckbriefblock .item{display: flex;border-bottom: 1px solid #fff6;}
.flx_steckbriefblock .kategorie{width: 200px;font-weight: 600;color: var(--acc);}
.flx_steckbriefblock p{margin-top: 20px;margin-bottom: 10px;}
.flx_steckbriefblock img{position: relative;top: -160px;}
.flx_steckbriefblock .text{padding-right: 5%;position: relative;}
.flx_steckbriefblock .bild{margin-bottom: -50px;}
.flx_steckbriefblock .btn{display: block;margin: 0 auto;}
.flx_steckbriefblock#abstand-oben{margin-top: 50px;}


/*Kachelblock*/
.flx_kachelblock{padding: 50px 0;background-color: var(--black)!important;}
.flx_kachelblock .text{position: relative;}
.flx_kachelblock .inhalt{width: 50%;margin-bottom: 1rem;}
.flx_kachelblock img{display: block;height: 45px;width: auto;object-fit: contain;margin-bottom: 1rem;}
.flx_kachelblock .kachel{padding: 0;}
.flx_kachelblock .kachel:nth-child(3n) .item{border-right: 0;}
.flx_kachelblock .kachel:nth-last-child(-n+4) .item{border-bottom: 0;}
.flx_kachelblock .item{padding: 30px;border-right: 1px solid #fff4;border-bottom: 1px solid #fff4;}
.flx_kachelblock .item{position: relative;}
.flx_kachelblock .item::after{content:'';position: absolute;height:30px;width: 30px;bottom: -15px;right: -15px;display: block;background-color: var(--black);z-index: 5;}
.flx_kachelblock .btn{display: block;margin: 60px auto 0;}


/*Tabellenblock*/
.flx_tabellenblock{padding: 100px 0 150px;background: linear-gradient(180deg,rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 1) 49%, rgba(44, 44, 44, 1) 50%, rgba(44, 44, 44, 1) 100%);position: relative;}
.flx_tabellenblock::before{content: 'Leistungswerk | Leistungswerk | Leistungswerk';position: absolute;top: 30%;width: 180%;text-align: center;height: 100px;color: #CFD7A633 !important;/*-webkit-text-stroke-color: #fff3;text-stroke-color: #fff2;-webkit-text-stroke-width: 2px;text-stroke-width: 1px;*/text-transform: uppercase;font-size: 6vw;left: -15%;z-index: 0;font-weight: 800;}
.flx_tabellenblock table{width: 100%;background: linear-gradient(180deg,rgba(44, 44, 44, 1) 0%, rgba(34, 34, 34, 1) 100%);display: block;padding: 90px 130px;border-radius: 10px;position: relative;z-index: 1;}
.flx_tabellenblock th{padding: 20px 0;}
.flx_tabellenblock td{padding: 15px 0;}
.flx_tabellenblock td,
.flx_tabellenblock th{width: 25%;text-align: center;font-weight: 600;}
.flx_tabellenblock td:first-child,
.flx_tabellenblock th:first-child{width: 50%;text-align: left;display: flex;align-items: center;}
.flx_tabellenblock td:last-child,
.flx_tabellenblock th:last-child{background-color: #fff3;}
.flx_tabellenblock tr{border-bottom: 1px solid #fff5;display: flex;flex-wrap: wrap;width: 100%;}
.flx_tabellenblock tr:last-child{border-bottom: none;}
.flx_tabellenblock tr:last-child td:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.flx_tabellenblock th:last-child{border-top-left-radius: 10px;border-top-right-radius: 10px;color: var(--acc);}
.flx_tabellenblock tbody,
.flx_tabellenblock thead{display: block;}
.flx_tabellenblock td.status{text-align:center;position:relative;}
.flx_tabellenblock td.status1::before{content:'';background: url('media/icons/tick.svg') no-repeat;background-size: 100%;height: 45px;width: 45px;display: block;left: calc(50% - 22px);position: relative;}
.flx_tabellenblock td.status::before{content: "–";color: var(--white);top: 30px;position: absolute;line-height: 1;left: calc(50% - 5px);}


/*Google Bewertung*/
.flx_google-bewertung{background-repeat: no-repeat;background-size: 100%;background-position: center;}


/*Bewegliche Galerie*/
.flx_bewegliche_galerie{padding: 150px 0;background-color: var(--black)!important;}
.flx_bewegliche_galerie .swiper-wrapper{display: grid;grid-template-columns: 580px 400px 300px 400px 660px;grid-template-rows: 80px 220px 220px 80px 200px 200px 70px;grid-gap: 20px;}
.flx_bewegliche_galerie .container-fluid{padding: 0;}
.flx_bewegliche_galerie .swiper-slide{width: 100%!important;height: 100%;overflow: hidden;}
.flx_bewegliche_galerie .swiper-slide img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.flx_bewegliche_galerie .slide-1{grid-column: 1;grid-row: 3 / span 4;}
.flx_bewegliche_galerie .slide-2{grid-column: 2;grid-row: 1 / span 3;}
.flx_bewegliche_galerie .slide-3{grid-column: 2 / span 2;grid-row: 4 / span 4;}
.flx_bewegliche_galerie .slide-4{grid-column: 4;grid-row: 2 / span 3;}
.flx_bewegliche_galerie .slide-5{grid-column: 5;grid-row: 1 / span 5;}
.flx_bewegliche_galerie .slide-6{grid-column: 6;grid-row: 2 / span 4;}
.flx_bewegliche_galerie .slide-7{grid-column: 7;grid-row: 1 / span 3;}
.flx_bewegliche_galerie .swiper-wrapper{grid-gap: 10px;}


/*FAQ*/
.flx_faq{padding: 100px 0;}
.flx_faq .editor{width: 80%;}
.flx_faq .accordion-item{padding: 30px 0;border-bottom: 1px solid #fff3;}
.flx_faq .accordion-item:last-child{border-bottom: none;}
.flx_faq .accordion-button{position: relative;}
.flx_faq .accordion-button::after{position: absolute;content: '';right: 0;top: 9px;background: url('media/icons/arrow-down.svg') no-repeat;background-size: 100%;height: 9px;width: 16px;transform: rotate(180deg);transition: all ease .3s;}
.flx_faq .accordion-button.collapsed::after{position: absolute;content: '';right: 0;top: 9px;background: url('media/icons/arrow-down.svg') no-repeat;background-size: 100%;height: 9px;width: 16px;transform: rotate(0deg);transition: all ease .3s;}
.flx_faq .accordion-button span{width: 90%;font-weight: 800;line-height: 1.2;color: var(--acc);display: block;}
.flx_faq .accordion-button.collapsed span{color: var(--white);transition: all ease .3s;}
.flx_faq .accordion-button.collapsed:hover span{color: var(--acc);transition: all ease .3s;}
.flx_faq button{background-color: transparent;border: none;width: 100%;text-align: left;padding: 0;}
.flx_faq button:focus-visible span{outline: auto;}
.flx_faq .accordion-item{background-color: var(--dark-grey);}

/*Leistungsplan*/
.flx_leistungsplan{padding: 100px 0 150px;background: linear-gradient(180deg,rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 1) 49%, rgba(44, 44, 44, 1) 50%, rgba(44, 44, 44, 1) 100%);position: relative;}
.flx_leistungsplan::before{content: 'Start now! Lets go! Power on! Performance! ';position: absolute;top: 30%;width: 180%;text-align: center;height: 100px;color: #CFD7A633 !important;/*-webkit-text-stroke-color: #fff3;text-stroke-color: #fff2;-webkit-text-stroke-width: 2px;text-stroke-width: 1px;*/text-transform: uppercase;font-size: 6vw;left: -18%;z-index: 0;font-weight: 800;}
.flx_leistungsplan .row{justify-content: space-between;}
.flx_leistungsplan .col-lg-4{max-width: 32.5%;flex: 0 0 32.5%;}
.flx_leistungsplan .plan{position: relative;top: 0;padding: 65px 60px 160px;background: linear-gradient(180deg,rgba(44, 44, 44, 1) 0%, rgba(34, 34, 34, 1) 100%);border-radius: 10px;transition: all ease .3s;}
.flx_leistungsplan .plan:hover{top: -15px;transition: all ease .3s;}
.flx_leistungsplan .plan2{top: -70px;background: linear-gradient(180deg,rgba(70, 70, 70, 1) 0%, rgba(50, 50, 50, 1) 100%);}
.flx_leistungsplan .plan2:hover{top: -85px;background: linear-gradient(180deg,rgba(70, 70, 70, 1) 0%, rgba(50, 50, 50, 1) 100%);}
.flx_leistungsplan .plan3 .headline{color: var(--acc);}
.flx_leistungsplan h2{display: block;margin: 0 auto 3rem;left: 0;}
.flx_leistungsplan h2::before{display: none;}
.flx_leistungsplan li{padding-bottom: 1rem;}
.flx_leistungsplan .btn-plan{color: var(--black);background-color: var(--acc);padding: 0px 30px 5px 30px;border-radius: 30px;text-decoration: navajowhite;display: block;font-size: 160%;width: max-content;position: absolute;bottom: 70px;left: 50%;transform: translate(-50%);}
.flx_leistungsplan .btn-plan strong{color: var(--black);}
.flx_leistungsplan .btn-plan:hover{background-color: var(--dark-grey);color: var(--white);transition: all ease .3s;}
.flx_leistungsplan .btn-plan:hover strong{color: var(--white);transition: all ease .3s;}
.flx_leistungsplan .btn{display: block;margin: 40px auto 0;transition: all ease .3s;}


/*Instagram Feed*/
.flx_instagram_feed{padding: 50px 0;background-color: var(--dark-grey);}
.flx_instagram_feed .container{position: relative;}
.flx_instagram_feed .headlinebox{position: relative;}
.flx_instagram_feed .topline{position: unset;margin-bottom: 20px;display: block;}

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


/*Trainerinnen*/
.flx_trainerinnen{padding: 70px 0;}
.flx_trainerinnen .name{background-color: var(--black);width: 100%;padding: 30px 30px 35px;}
.flx_trainerinnen .trainerin:hover .name{color: var(--acc);transition: all ease .3s;}
.flx_trainerinnen a{text-decoration: none;}

/* Inhaltsteaser */
.flx_inhaltsteaser .inner{background-color: var(--black);}
.flx_inhaltsteaser .modal *{color: var(--black);}


.accordion-button:not(.collapsed){background-color: transparent;
  box-shadow: none;}
/*-------------------------------------RESPONSIVE---------------------------------------------------------*/

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

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

/*Headerblock*/
.flx_headerblock.grid .hero-headline .headline{font-size: 7vw!important;}


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


    /*Steckbrief*/
    .flx_steckbriefblock img{top: -100px;}

    /*Seitenteaser*/
    .flx_seitenteaser.sechs .name{font-size: 130%;}
    .flx_seitenteaser.sechs .hover p{line-height: 1.3;font-size: 90%;}
    .flx_seitenteaser.drei .name{font-size: 160%;}


    /*Headerblock Leistungswerk*/
    .flx_headerblock.grid .hero-headline{height: 370px;bottom: 70px;}
    .flx_headerblock.grid .hero-headline .headline{bottom: 30px;}

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

    /*Bewegliche Galerie*/
    .flx_bewegliche_galerie .swiper-wrapper{grid-template-columns:220px 220px 210px 230px 240px;grid-template-rows:130px 130px 130px 130px 130px 130px 130px;grid-gap: 10px;}

    /*Steckbrief*/
    .flx_steckbriefblock img{top: -50px;}
    .flx_steckbriefblock .item{flex-direction: column;}
    .flx_steckbriefblock .item:last-child{border-bottom: 0;}
    .flx_steckbriefblock .kategorie{margin-top: 10px;margin-bottom: 0;}
    .flx_steckbriefblock .info{margin: 0 0 10px;}
    .flx_steckbriefblock .button{margin-top: 50px;}

    /*Seitenteaser*/
    .flx_seitenteaser.sechs .name{font-size: 110%;}
    .flx_seitenteaser a.item::after{right: 30px;top: 20px;}

    .flx_seitenteaser.sechs .hover{bottom: 30px;width: 80%;}
    .flx_seitenteaser.sechs .hover p:first-child{margin-bottom: 10px;}
    .flx_seitenteaser.sechs .hover p{font-size: 85%;}

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

    /*Headerblock Leistungswerk*/
    .flx_headerblock.grid .hero-headline{bottom: 50px;}
    /* .personal-training .flx_headerblock .hero-headline .headline{bottom: -40px;} */
    .flx_headerblock.grid .swiper-pagination{display: none;}

    /*Leistungsplan*/
    .flx_leistungsplan .plan{padding: 45px 30px 130px;}
    .flx_leistungsplan .btn-plan{bottom: 40px;}
    .flx_leistungsplan .col-lg-4{max-width: 32%;flex: 0 0 32%;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    
    .topline{font-size: 250%;top: -20px;font-weight: 800;}

    /*Headerblock Leistungswerk*/
    .flx_headerblock.grid{padding: 50px 0}
    .flx_headerblock.grid .hero-headline{bottom: 0px;height: 270px;}
    .flx_headerblock.grid .icon-arrow::after{height: 100px;width: 100px;}
    .flx_headerblock.grid .topline{font-size: 130%;left: 140px;top: 55px;}
    .flx_headerblock.grid .hero-headline .headline{top: 110px!important;font-size: 7vw;}
    .flx_headerblock.grid .editor{padding: 0 0 0 30px;}
    

    
    /*Textblock*/
    .flx_textblock.nurtext .text{width: 100%;}

    .flx_textblock.mitbildlinks .row{flex-wrap: wrap-reverse;}

    /*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: 30px;border-right: 1px solid #fff4;border-bottom: 1px solid #fff4;}
    .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;}

    /*Seitenteaser*/
    .flx_seitenteaser.drei .name{bottom: 10%;left: 12%;font-size: 120%;}
    .flx_seitenteaser .button{margin-bottom: 10px;}
    .flx_seitenteaser.sechs .hover{bottom: 20px;}
    .flx_seitenteaser.sechs .hover p{font-size: 80%;}


    /*Tabellenblock*/
    .flx_tabellenblock{padding: 50px 0;}
    .flx_tabellenblock table{padding: 50px;border-radius: 0;}
    .flx_tabellenblock td, .flx_tabellenblock th,
    .flx_tabellenblock td:first-child, .flx_tabellenblock th:first-child{width: 33.33%;}

    /*Lesitungsplan*/
    .flx_leistungsplan{padding: 50px;}
    .flx_leistungsplan .btn-plan{position: unset;margin: 1rem auto 0;transform: unset;}
    .flx_leistungsplan .plan{padding: 45px;margin-bottom: 2rem;}
    .flx_leistungsplan .col-lg-4{max-width: unset;flex: unset;}
    .flx_leistungsplan .plan2{position: unset;}
    .flx_leistungsplan::before{display: none;}

    /*Bewegliche Galerie*/
    .flx_bewegliche_galerie{padding: 100px 0 50px;}

    /*Textblock*/
    .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;padding-left: 15px;}

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

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


    .flx_textblock .iconaufzaehlung li{width:100%;border:none;}
    .flx_textblock .iconaufzaehlung li img{width:40px;}

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

    .btn::after{top: 9px !important;}
    h2::before{top: 1px!important;}

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

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

    /*Headerblock Leistungswerk*/
    .flx_headerblock.grid .grid-container{grid-template-columns: 1fr 1fr;}
    .flx_headerblock.grid .hero-right{grid-column: 1 / span 2;}
    .flx_headerblock.grid .editor{padding: 2rem 0 0;}
    .flx_headerblock.grid .hero-headline{bottom: unset;top: 20%;height: 260px;}
    .flx_headerblock.grid .icon-arrow::after{left: 0;}
    .flx_headerblock.grid .topline{left: 120px;top: 47px;}
    .startseite .flx_headerblock.grid .hero-headline .headline{font-size: 10vw;}

    .flx_headerblock.bildtext {height: 40vh;}

    /*Bewegliche Galerie*/
    .flx_bewegliche_galerie .swiper-wrapper{grid-template-columns:180px 180px 170px 170px 200px;grid-template-rows:100px 100px 100px 100px 100px 100px 100px;grid-gap: 10px;}

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

    /*Tabellenblock*/
    .flx_tabellenblock td.status1::before{content:'';background: url('media/icons/tick.svg') no-repeat;background-size: 100%;height: 30px;width: 30px;display: block;left: calc(50% - 15px);position: relative;}

    /*Seitenteaser*/
    .flx_seitenteaser{padding: 50px 0;}
    .flx_seitenteaser a.item::after{width: 20px;height: 20px;}

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

    /*Steckbriefblock*/
    .flx_steckbriefblock .bild{margin-bottom: 30px;}
    .flx_steckbriefblock h2{left: 0;font-size: 150%;}
    .flx_steckbriefblock h2::before{display: none;}

    /*Leistungsplan*/
    .flx_leistungsplan .btn-plan{padding: 2px 30px 4px 30px;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:576px) {
    
    .headline{margin-bottom: 15px;}
    h2{line-height: 1!important;}
    h2::before{top: -9px!important;}
    /* .flx_kontaktblock h2::before{top: -11px!important;} */
    .btn::after{top: 7px !important;}

    #page-header .tel::after{content:'';background: url('media/icons/phone.svg') no-repeat center;height: 18px;width: 18px;background-size: 50%;left: 0;top: 2px;background-color: var(--acc); border-radius: 50%;position: absolute;}

    /*Bewegliche Galerie*/
    .flx_bewegliche_galerie .swiper-wrapper{grid-template-columns:110px 90px 80px 90px 120px;grid-template-rows:50px 60px 60px 50px 60px 50px 50px;grid-gap: 10px;}

    /*Kachelblock*/
    .flx_kachelblock .inhalt{margin-bottom: 1rem;}
    .flx_kachelblock .kachel{padding: 15px;}
    .flx_kachelblock .item{padding: 10px 0;border-right: 0!important;border-bottom: 0!important;}
    .flx_kachelblock .item br{display: none;}
    .flx_kachelblock img{margin-bottom: 10px;}

    /*Tabelle*/
    .flx_tabellenblock table{padding: 50px 30px;}

    /*Textblock*/
    .flx_textblock.bild-infos .bild img{margin-bottom: 3rem;float: unset;width: 370px;max-width: 100%;}
    .flx_textblock.bild-infos .inhalt{margin-bottom: 35px;}
    .flx_textblock.bild-infos .item{margin-bottom: 5px;}

    /*Headerblock*/
    .flx_headerblock.grid .hero-headline{height: 210px;}

    /*Leistungsplan*/
    .flx_leistungsplan{padding: 15px;}
    .flx_leistungsplan .btn-plan{padding: 4px 30px 3px 30px;}



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

    /*Seitenteaser*/
    .flx_seitenteaser.sechs .name{font-size: 130%;}

    /*Headerblock Leistungswerk*/
    .flx_headerblock.grid{padding: 50px 0 130px;}
    .flx_headerblock.grid .grid-container{grid-template-columns: 1fr;}
    .flx_headerblock.grid .hero-left{display: none;}
    .flx_headerblock.grid .hero-slider{grid-row: 2;}
    .flx_headerblock.grid .hero-headline{position: unset;grid-row: 1;}
    .flx_headerblock.grid .hero-right{grid-row: 3;}
    .personal-training .flx_headerblock.grid .hero-headline .headline{bottom: unset;top: 100px;}
    .flx_headerblock.grid .swiper-pagination{display: block;}
    
    /*Textblock*/
    .flx_textblock.texttextbild{padding: 75px 0 50px;}

    /*Leistungsplan*/
    .flx_leistungsplan .plan{padding: 40px 20px;}

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

}