/*! GYM Family Redesign 1.1 – lokale Schriften (SIL Open Font License) und Design-Ergänzungen.
   Farbwelt: Weiß + kräftiges Lila #E6005A (Flächen, Akzente) · Anthrazit #2B303A / Slate #475569 nur für Text.
   Keine Sand-, Beige- oder Rosatöne. Alle Bewegungen respektieren „Bewegung reduzieren“. */
@font-face{font-family:"Family Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-var-latin.woff2) format("woff2")}
@font-face{font-family:"Family Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500-latin.woff2) format("woff2")}
@font-face{font-family:"Family Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600-latin.woff2) format("woff2")}
@font-face{font-family:"Family Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700-latin.woff2) format("woff2")}

.frd-sec,.frd-cta,.frd-footer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.frd-sec ::selection,.frd-header ::selection,.frd-footer ::selection{background:#E6005A;color:#fff}
.frd-on-lila ::selection{background:#fff;color:#E6005A}

/* ---------- Texte ---------- */
.frd-text p{margin:0 0 1em}
.frd-text p:last-child,.frd-text ul:last-child,.frd-text ol:last-child{margin-bottom:0}
.frd-text a{color:#E6005A;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.frd-text a:hover,.frd-text a:focus{color:#C9004F}
.frd-text strong,.frd-text b{color:#2B303A;font-weight:600}
.frd-text img{max-width:100%;height:auto}
.frd-prose h2,.frd-prose h3,.frd-prose h4,.frd-prose h5{font-family:"Family Montserrat",sans-serif;color:#2B303A;font-weight:600;line-height:1.3;margin:1.6em 0 .55em}
.frd-prose h2{font-size:26px}.frd-prose h3{font-size:21px}.frd-prose h4,.frd-prose h5{font-size:18px}
.frd-prose > div > :first-child,.frd-prose h2:first-child,.frd-prose h3:first-child,.frd-prose h4:first-child{margin-top:0}
.frd-text ul,.frd-text ol{margin:0 0 1em;padding-left:1.25em}
.frd-text ul li,.frd-text ol li{margin:.35em 0;padding-left:.2em}
.frd-text ul li::marker{color:#E6005A}
.frd-text ol li::marker{color:#E6005A;font-weight:600}
.frd-reading .frd-text{max-width:860px}

/* Lange Wörter (z. B. „Teilnahmebedingungen“) dürfen umbrechen statt die Seite zu verbreitern */
.frd-sec .elementor-heading-title,.frd-cta .elementor-heading-title,.frd-text{overflow-wrap:break-word}
@media (max-width:767px){.frd-sec .elementor-heading-title,.frd-cta .elementor-heading-title{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4}}

/* Texte auf Lila */
.frd-on-lila .frd-text a,.frd-on-lila .frd-text a:hover,.frd-on-lila .frd-text a:focus{color:#fff;text-decoration-color:#fff}
.frd-on-lila .frd-text a:hover{text-decoration-thickness:2px}
.frd-on-lila .frd-text strong,.frd-on-lila .frd-text b,.frd-on-lila .frd-prose h2,.frd-on-lila .frd-prose h3,.frd-on-lila .frd-prose h4{color:#fff}
.frd-on-lila .frd-text ul li::marker,.frd-on-lila .frd-text ol li::marker{color:#fff}

/* Label mit kurzem Strich (auf Weiß lila, auf Lila weiß) */
.frd-eyebrow .elementor-heading-title::before{content:"";display:inline-block;width:26px;height:2px;margin-right:12px;background:#E6005A;vertical-align:middle;transform:translateY(-2px);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.frd-on-lila .frd-eyebrow .elementor-heading-title::before{background:#fff}

/* ---------- Lila-Flächen & Themen-Icon ---------- */
.frd-badge-icon .elementor-icon{box-shadow:0 14px 32px rgba(43,48,58,.24)}
.frd-badge-icon--sm .elementor-icon{box-shadow:none}
.frd-float{animation:frdFloat 6s ease-in-out infinite}
@keyframes frdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---------- Seitenkopf ---------- */
.frd-hero .frd-panel{animation:frdRise .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes frdRise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
/* Großes Bild: langsamer Zoom (Desktop/Tablet) */
@media (min-width:768px){
  .frd-kb{isolation:isolate}
  .frd-kb::after{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:inherit;background-repeat:no-repeat;transform-origin:65% 45%;animation:frdKen 28s ease-in-out infinite alternate;z-index:0;pointer-events:none}
  .frd-kb > *{position:relative;z-index:1}
}
@keyframes frdKen{from{transform:scale(1)}to{transform:scale(1.09)}}
/* Seitenkopf-Bild neben der Fläche: Zoom + Punkteraster */
.frd-kb-img,.frd-kb-img .elementor-widget-container{overflow:hidden;border-radius:22px}
.frd-kb-img img{animation:frdKen 18s ease-in-out infinite alternate;transform-origin:60% 40%}
.frd-dots{position:relative;isolation:isolate}
.frd-dots::after{content:"";position:absolute;right:-28px;bottom:-28px;width:200px;height:156px;background-image:radial-gradient(#E6005A 1.9px,transparent 2.3px);background-size:17px 17px;z-index:-1;pointer-events:none}
/* Seitenkopf ohne Bild: Lila-Fläche mit Ringen */
.frd-hero--lila,.frd-cta{background-image:radial-gradient(circle at 92% 14%,transparent 0 150px,#C9004F 151px 153px,transparent 154px),radial-gradient(circle at 4% 118%,transparent 0 196px,#C9004F 197px 199px,transparent 200px)}
.frd-badge-icon--xl .elementor-icon{box-shadow:0 22px 50px rgba(43,48,58,.25)}
/* Mobil: Bild oben als eigenes Element statt Hintergrund */
@media (max-width:767px){
  .frd-hero--media,.frd-banner{background-image:none!important;background-color:#fff!important}
  .frd-hero-mobile-img img{width:100%;border-radius:0}
  .frd-dots::after{right:-12px;bottom:-12px;width:120px;height:96px}
  .frd-hero--lila,.frd-cta{background-image:radial-gradient(circle at 100% 0,transparent 0 96px,#C9004F 97px 99px,transparent 100px)}
}

/* ---------- Laufband ---------- */
.frd-ticker{overflow:hidden;padding:19px 0}
.frd-ticker__track{display:flex;width:max-content;animation:frdTicker 46s linear infinite}
.frd-ticker:hover .frd-ticker__track{animation-play-state:paused}
@keyframes frdTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.frd-ticker__list{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.frd-ticker__list li{display:flex;align-items:center;margin:0;padding:0;color:#fff;font:600 22px/1.2 "Family Montserrat",sans-serif;white-space:nowrap}
.frd-ticker__list li::after{content:"";display:inline-block;width:9px;height:9px;margin:0 30px;border:2px solid #fff;border-radius:50%}
@media (max-width:767px){.frd-ticker{padding:15px 0}.frd-ticker__list li{font-size:18px}.frd-ticker__list li::after{margin:0 20px}}
/* Feines Laufband am unteren Bildrand des Seitenkopfs (Startseite), über die volle Bildschirmbreite */
.frd-hero--ticker{position:relative}
.frd-hero--ticker>.e-con-inner{position:static!important}
.frd-hero--ticker .frd-ticker-wrap{position:absolute!important;left:0;right:0;bottom:0;top:auto;z-index:4;width:100%!important;max-width:none!important;margin:0!important}
.frd-ticker--fine{padding:12px 0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.95)}
.frd-ticker--fine .frd-ticker__track{animation-duration:90s}
.frd-ticker--fine .frd-ticker__list li{color:#E6005A;font:600 12.5px/1.2 "Family Montserrat",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.frd-ticker--fine .frd-ticker__list li::after{width:4px;height:4px;margin:0 22px;border:0;background:#E6005A}
@media (min-width:1025px){.frd-hero--ticker{padding-top:64px!important;padding-bottom:104px!important}}
@media (min-width:768px) and (max-width:1024px){.frd-hero--ticker{padding-bottom:100px!important}}
@media (max-width:767px){.frd-hero--ticker .frd-ticker-wrap{top:229px;bottom:auto}.frd-hero--ticker .frd-panel{margin-top:14px!important}.frd-ticker--fine{padding:9px 0}.frd-ticker--fine .frd-ticker__list li{font-size:11px;letter-spacing:.14em}.frd-ticker--fine .frd-ticker__list li::after{margin:0 16px}}

/* ---------- Zahlen ---------- */
.frd-stat-item{text-align:center}
.frd-stat .elementor-counter-number-wrapper{justify-content:center}
.frd-stat .elementor-counter-title{text-align:center}

/* ---------- Karten ---------- */
.frd-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease,background-color .35s ease}
a.frd-card,a.frd-card:hover,a.frd-card:focus{color:inherit;text-decoration:none}
.frd-card--link:hover,.frd-card--link:focus-visible,.frd-card--photo:hover,.frd-card--text:hover{transform:translateY(-6px);border-color:#E6005A!important;box-shadow:0 26px 54px rgba(43,48,58,.14)!important}
.frd-card--link:focus-visible{outline:2px solid #E6005A;outline-offset:3px}
.frd-card .frd-card-link{margin-top:auto}
.frd-card .elementor-widget-image img{display:block}
/* Leistungs-Karten: beim Überfahren komplette Lila-Fläche */
.frd-card--icon:hover,.frd-card--icon:focus-visible{background-color:#E6005A!important}
.frd-card--icon .elementor-heading-title,.frd-card--icon img,.frd-card--icon .elementor-icon{transition:color .35s ease,filter .35s ease,transform .35s ease}
.frd-card--icon:hover .elementor-heading-title,.frd-card--icon:focus-visible .elementor-heading-title{color:#fff!important}
.frd-card--icon:hover img,.frd-card--icon:focus-visible img{filter:brightness(0) invert(1)}
.frd-card--icon:hover .elementor-icon,.frd-card--icon:focus-visible .elementor-icon{color:#fff!important;fill:#fff!important}
.frd-card--icon:hover .elementor-icon svg{fill:#fff!important}
.frd-card--link .elementor-widget-icon .elementor-icon{transition:transform .35s cubic-bezier(.2,.7,.2,1),color .35s ease}
.frd-card--link:hover .elementor-widget-icon .elementor-icon{transform:translateX(6px)}
/* Bildkarten: sanfter Zoom */
.frd-card--photo .elementor-widget-image{overflow:hidden}
.frd-card--photo .elementor-widget-image img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.frd-card--photo:hover .elementor-widget-image img{transform:scale(1.07)}
/* Textspalten-Boxen */
.frd-frame--hover{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.frd-frame--hover:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(43,48,58,.12)}

/* ---------- Fotos ---------- */
.frd-photo{position:relative;isolation:isolate}
.frd-photo img{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s ease}
.frd-photo:hover img{transform:translate(-4px,-4px);box-shadow:0 24px 44px rgba(43,48,58,.18)}
.frd-photo--l::after,.frd-photo--r::after{content:"";position:absolute;top:28px;bottom:-18px;border-radius:20px;background:#E6005A;z-index:-1;pointer-events:none;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.frd-photo--r::after{left:28px;right:-18px}
.frd-photo--l::after{left:-18px;right:28px}
.frd-photo--r:hover::after{transform:translate(7px,7px)}
.frd-photo--l:hover::after{transform:translate(-7px,7px)}
@media (max-width:767px){.frd-photo--r::after{left:18px;right:-10px;top:18px;bottom:-10px}.frd-photo--l::after{left:-10px;right:18px;top:18px;bottom:-10px}}

/* ---------- Buttons ---------- */
.frd-sec .elementor-button,.frd-cta .elementor-button,.frd-header .elementor-button{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.frd-sec .elementor-button:hover,.frd-cta .elementor-button:hover,.frd-header .elementor-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(43,48,58,.16)}
.elementor-button .elementor-button-icon{transition:transform .25s ease}
.frd-sec .elementor-button:hover .elementor-button-icon,.frd-cta .elementor-button:hover .elementor-button-icon{transform:translateX(3px)}

/* ---------- Einbettungen, Video, Galerie ---------- */
.frd-embed{width:100%}
.frd-embed iframe{display:block;width:100%!important;max-width:100%;min-height:420px;border:0;border-radius:18px;background:#fff}
@media (max-width:767px){.frd-embed iframe{min-height:320px}}
.frd-video .elementor-wrapper,.frd-video video{border-radius:16px;overflow:hidden}
.frd-gallery .elementor-carousel-image,.frd-gallery .swiper-slide-image{border-radius:14px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.frd-gallery .swiper-slide{overflow:hidden;border-radius:14px}
.frd-gallery .swiper-slide:hover .elementor-carousel-image,.frd-gallery .swiper-slide:hover .swiper-slide-image{transform:scale(1.06)}

/* ---------- Formulare ---------- */
.frd-form-card .elementor-field-textual{transition:border-color .2s ease,box-shadow .2s ease}
.frd-form-card .elementor-field-textual:focus{outline:2px solid #E6005A;outline-offset:1px;border-color:#E6005A}
.frd-form-card .elementor-field-type-acceptance label,.frd-form-card .elementor-field-subgroup label{font-size:14px;line-height:1.5}

/* ---------- Header ---------- */
.frd-header{transition:box-shadow .3s ease}
.frd-header.elementor-sticky--effects{box-shadow:0 10px 30px rgba(43,48,58,.12)!important}
.frd-topbar a:hover .elementor-icon-list-text{text-decoration:underline;text-underline-offset:3px}
.frd-nav .elementor-nav-menu--main .menubutton > a{margin-left:10px;padding:9px 20px!important;border:2px solid #2B303A;border-radius:40px;line-height:1.1}
.frd-nav .elementor-nav-menu--main .menubutton > a:hover,.frd-nav .elementor-nav-menu--main .menubutton > a:focus{border-color:#E6005A;background:#E6005A;color:#fff!important}
.frd-nav .elementor-nav-menu--main .menubutton > a::after,.frd-nav .elementor-nav-menu--main .menubutton > a::before{display:none!important}
.frd-nav .elementor-nav-menu--dropdown .menubutton > a{font-weight:600;color:#E6005A!important}
/* Header: Menüpunkte mittig, Buttons rechts als Gruppe mit gleichem Abstand und gleicher Höhe */
.frd-header .frd-header-btn + .frd-header-btn{margin-left:-12px}
.frd-header .frd-header-btn .elementor-button{line-height:1.15;white-space:nowrap}
.frd-header-pump .elementor-button{background-color:#141414!important;border-color:#141414!important;color:#fff!important}
.frd-header-pump .elementor-button .elementor-button-icon{color:#E6005A;font-size:.95em;transition:color .25s ease}
.frd-header-pump .elementor-button:hover,.frd-header-pump .elementor-button:focus{background-color:#E6005A!important;border-color:#E6005A!important}
.frd-header-pump .elementor-button:hover .elementor-button-icon,.frd-header-pump .elementor-button:focus .elementor-button-icon{color:#fff}
/* „Gym Pump“: am Desktop als Button im Header, im Handy-Menü als Menüpunkt nach „Probetraining“ */
.frd-nav .elementor-nav-menu--main .frd-menu-pump{display:none!important}
.frd-nav .elementor-nav-menu--dropdown .frd-menu-pump > a{font-weight:600;color:#E6005A!important}
/* Header auf kleineren Desktop-Breiten: Menüpunkte, Buttons und Logo rücken zusammen (alles bleibt in einer Zeile) */
@media (min-width:1025px) and (max-width:1500px){.frd-nav .elementor-nav-menu--main .elementor-item{padding-left:9px!important;padding-right:9px!important}.frd-nav .elementor-nav-menu--main .menubutton > a{padding:8px 14px!important;margin-left:8px}}
@media (min-width:1025px) and (max-width:1366px){.frd-header .elementor-widget-theme-site-logo img,.frd-header .dm-logo{width:150px!important}.frd-nav .elementor-nav-menu--main .elementor-item{font-size:14px!important;padding-left:7px!important;padding-right:7px!important}.frd-header .elementor-widget-button .elementor-button{padding:11px 16px!important;font-size:13px!important}}
@media (min-width:1025px) and (max-width:1200px){.frd-header .elementor-widget-theme-site-logo img,.frd-header .dm-logo{width:124px!important}.frd-nav .elementor-nav-menu--main .elementor-item{font-size:13px!important;padding-left:5px!important;padding-right:5px!important}.frd-nav .elementor-nav-menu--main .menubutton > a{padding:7px 11px!important;margin-left:5px}}
@media (min-width:1025px) and (max-width:1100px){.frd-header{padding-left:20px!important;padding-right:20px!important}.frd-header,.frd-header>.e-con-inner{column-gap:12px!important}.frd-header .elementor-widget-theme-site-logo img,.frd-header .dm-logo{width:112px!important}.frd-header .elementor-widget-button .elementor-button{padding:10px 13px!important;font-size:12px!important}}
@media (min-width:1025px) and (max-width:1060px){.frd-header .elementor-widget-theme-site-logo img,.frd-header .dm-logo{width:100px!important}.frd-nav .elementor-nav-menu--main .elementor-item{font-size:12.5px!important;padding-left:4px!important;padding-right:4px!important}.frd-nav .elementor-nav-menu--main .menubutton > a{padding:6px 10px!important;margin-left:4px}.frd-header .elementor-widget-button .elementor-button{padding:9px 11px!important;font-size:11.5px!important}}
.frd-nav .elementor-nav-menu--dropdown{border-top:1px solid #E2E8F0}

/* ---------- Footer ---------- */
.frd-footer .elementor-icon-list-item a{transition:color .2s ease}
.frd-footer-legal a:hover .elementor-icon-list-text,.frd-footer-legal a:focus .elementor-icon-list-text{text-decoration:underline;text-underline-offset:3px}

/* Sprungziele nicht unter dem Sticky-Header verstecken */
.elementor .e-con.frd-sec[id]{scroll-margin-top:100px}
@media (max-width:767px){.elementor .e-con.frd-sec[id]{scroll-margin-top:76px}}

/* ---------- Schwebender WhatsApp-Button ---------- */
.frd-wa{position:fixed;right:22px;bottom:22px;z-index:9990;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#E6005A;color:#fff!important;box-shadow:0 10px 26px rgba(43,48,58,.22);transition:transform .2s ease,background-color .2s ease;animation:frdNudge 1.1s ease-in-out 4s 3}
.frd-wa:hover,.frd-wa:focus{background:#C9004F;transform:scale(1.07);color:#fff}
.frd-wa:focus-visible{outline:2px solid #2B303A;outline-offset:3px}
@keyframes frdNudge{0%,100%{transform:scale(1)}40%{transform:scale(1.12)}70%{transform:scale(.96)}}
@media (max-width:767px){.frd-wa{right:16px;bottom:16px;width:54px;height:54px}}

/* ---------- Einblenden beim Scrollen (per Skript, nur unterhalb des ersten Bildschirms) ---------- */
.frd-rv{opacity:0;transform:translate3d(0,30px,0);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--frd-d,0s)}
.frd-rv.is-in{opacity:1;transform:none}
.frd-rv .frd-eyebrow .elementor-heading-title::before{width:0}
.frd-rv.is-in .frd-eyebrow .elementor-heading-title::before{width:26px;transition-delay:calc(var(--frd-d,0s) + .25s)}

/* ---------- Ruhige Darstellung ---------- */
.frd-calm .frd-ticker__track,.frd-calm .frd-kb::after,.frd-calm .frd-kb-img img,.frd-calm .frd-float,.frd-calm .frd-hero .frd-panel,.frd-calm .frd-wa{animation:none!important}
@media (prefers-reduced-motion:reduce){
  .frd-ticker__track,.frd-kb::after,.frd-kb-img img,.frd-float,.frd-hero .frd-panel,.frd-wa{animation:none!important}
  .frd-card,.frd-wa,.frd-photo img,.frd-photo::after,.frd-card img,.elementor-button{transition:none!important}
  .frd-card--link:hover,.frd-card--photo:hover,.frd-card--text:hover,.frd-frame--hover:hover,.frd-sec .elementor-button:hover{transform:none!important}
  .frd-rv{opacity:1!important;transform:none!important}
}

/* Preise (Tarif-Karten) */
.frd-prices{scroll-margin-top:130px}
.frd-prices .frd-prices__grid{align-items:stretch}
.frd-price{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.frd-price:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(43,48,58,.12);border-color:#E6005A!important}
.frd-price--hi{box-shadow:0 22px 48px rgba(43,48,58,.18)}
.frd-price .frd-price__amount .elementor-heading-title{font-size:40px;letter-spacing:-.5px;line-height:1}
.frd-price--addon .frd-price__amount .elementor-heading-title{font-size:34px}
.frd-price .frd-price__per p{margin:0}
.frd-price .frd-price__month{opacity:.8;font-size:13px}
.frd-price .frd-price__list{padding-top:14px;margin-top:4px;border-top:1px solid #E2E8F0}
.frd-price--hi .frd-price__list{border-top-color:rgba(255,255,255,.45)}
.frd-price .frd-price__more p,.frd-price .frd-price__fees p{margin:0;font-size:13px;line-height:1.5}
.frd-price .frd-price__body{flex-grow:1}
.frd-price .frd-price__btn{margin-top:auto!important}
.frd-price .frd-price__btn .elementor-button{width:100%}
.frd-prices__note{max-width:880px;margin-left:auto!important;margin-right:auto!important}
.frd-prices__note p{font-size:12.5px;line-height:1.6}
@media (max-width:767px){.frd-price .frd-price__amount .elementor-heading-title{font-size:36px}}
.frd-join .frd-join__card:hover{transform:none}
.frd-join .frd-join__price p{margin:0}
.frd-join .gfc-pricechip{display:inline-flex;align-items:center;margin-top:4px;padding:7px 14px;border-radius:30px;background:rgba(230,0,90,.08);color:#E6005A;font-family:"Family Poppins",sans-serif;font-weight:600;font-size:14px;line-height:1.3}
.frd-join .gfc-pricechip:empty,.frd-join .frd-join__price:has(.gfc-pricechip:empty){display:none}
.frd-join .elementor-button{width:100%;justify-content:center}