/* apr training · Design 1B · gemeinsame Gestaltung der bestehenden Kundenwege.
   Ausschließlich optische Regeln; Formulare, Zustände und Endpunkte bleiben erhalten. */
body.apr-funnel-1b {
 --font-sans: Arial, sans-serif;
 --color-bg-950:#09191b; --color-bg-900:#12282c; --color-bg-800:#15383c;
 --bg-seite:#09191b; --color-teal-400:#20adac; --color-teal-500:#20adac; --color-teal-600:#178584;
 --color-white:#f5f6f1; --color-text:#f5f6f1; --color-text-85:#e3efea;
 --color-text-65:#b6d0cf; --color-text-55:#b6d0cf; --color-text-45:#9ebcbb;
 --color-border:#36575a; --color-border-soft:#2a4649; --glass-line:#36575a;
 --glass-bg:#12282c; --glass-shadow:none; --glass-blur:none; --glass-blur-mobil:none;
 --color-surface:#12282c; --color-surface-strong:#09191b; --color-surface-feld:#071417;
 --color-surface-karte:#15383c; --shadow-header:none;
 --glow-icon:none; --glow-taste:none; --glow-zahl:none; --glow-zahl-klein:none; --glow-feld:none;
 --radius-sm:12px; --radius-md:16px; --radius-lg:24px; --radius-xl:24px;
 --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-base:1.0625rem; --fs-md:1.125rem;
 --fs-lg:1.25rem; --fs-xl:1.65rem; --fs-2xl:2rem; --fs-3xl:2.75rem;
 font:18px/1.65 Arial,sans-serif; background:#09191b; color:#f5f6f1;
}
.apr-funnel-1b .aurora{display:none}
.apr-funnel-1b :is(h1,h2,h3){letter-spacing:-.04em;overflow-wrap:anywhere;text-shadow:none}
.apr-funnel-1b :is(h1,h2,h3) em{font-style:normal;text-shadow:none}
.apr-funnel-1b .navbar-wrap{padding:0 24px;background:#09191b;border-bottom:1px solid #36575a}
.apr-funnel-1b .navbar{max-width:1200px;min-height:84px;border:0;border-radius:0;padding:14px 0;background:#09191b;box-shadow:none;backdrop-filter:none}
.apr-funnel-1b .navbar:after{display:none}
.apr-funnel-1b .nav-logo--mark img{height:45px}
.apr-funnel-1b .nav-links a{font-size:15px;color:#b6d0cf}
.apr-funnel-1b .nav-cta{background:#20adac;border-color:#20adac;border-radius:12px;color:#071b1b!important;font-size:14px;min-height:48px}
.apr-funnel-1b .nav-cta:hover{background:#4ac3c2;color:#071b1b!important;box-shadow:none}
.apr-funnel-1b .hamburger{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.apr-funnel-1b .nav-links.open{background:#12282c;max-height:calc(100dvh - 105px);overflow:auto;border-color:#36575a}
.apr-funnel-1b .btn{min-height:56px;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:700;line-height:1.4;white-space:normal;text-align:center;box-shadow:none}
.apr-funnel-1b :is(.btn--primary,.btn--solid,.ka-waehlen){background:#20adac;border-color:#20adac;color:#071b1b}
.apr-funnel-1b :is(.btn--primary,.btn--solid,.ka-waehlen):hover{background:#4ac3c2;border-color:#4ac3c2;color:#071b1b;box-shadow:none}
.apr-funnel-1b .btn--outline{background:transparent;border-color:#9ebcbb;color:#f5f6f1}
.apr-funnel-1b .btn--outline:hover{background:#15383c}
.apr-funnel-1b .btn--sm{min-height:44px;padding:11px 18px;font-size:15px}
.apr-funnel-1b .btn:disabled{opacity:.5;cursor:not-allowed}
.apr-funnel-1b :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #20adac;outline-offset:4px}
.apr-funnel-1b :is(.form-header p,.q-sub,.form-note,.field-hint,.ka-sub,.ka-fuerwen,.ka-zeitraum){font-size:16px;line-height:1.65;color:#b6d0cf}
.apr-funnel-1b :is(.form-header h2,.q-text){font-size:clamp(28px,3.4vw,40px);line-height:1.15}
.apr-funnel-1b :is(.ka-titel,.funnel-titel){font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-.045em}
.apr-funnel-1b .funnel-lead{font-size:18px;color:#b6d0cf}
.apr-funnel-1b .funnel-main{max-width:700px;padding-top:55px;padding-bottom:64px}
.apr-funnel-1b .quiz-stage{max-width:720px}
.apr-funnel-1b .quiz-main{padding-top:48px}
.apr-funnel-1b .option-card{min-height:60px;padding:18px 20px;font-size:17px;border-radius:16px}
.apr-funnel-1b :is(.option-card.selected,.scale-btn.selected,.kurs-karte:has(input:checked)){background:#13423f;border-color:#20adac}
.apr-funnel-1b .scale-btn{min-height:52px}
.apr-funnel-1b .form-group label{font-size:15px;color:#f5f6f1}
.apr-funnel-1b .form-group :is(input,select,textarea){font-size:17px;min-height:54px;border-color:#58797c;border-radius:10px;background:#071417;color:#f5f6f1}
.apr-funnel-1b :is(.form-group input,.form-group textarea)::placeholder{color:#9ebcbb}
.apr-funnel-1b :is(.form-row,.ka-form,.kurs-wahl,.options-grid)>*{min-width:0}
.apr-funnel-1b :is(.funnel-fortschritt__balken,.quiz-progress-fill){background:#20adac;box-shadow:none}
.apr-funnel-1b .funnel-fortschritt{margin-top:32px}
.apr-funnel-1b .ka-chip{background:#12282c;font-size:14px;border-color:#36575a}
.apr-funnel-1b .ka-chip i{box-shadow:none}
.apr-funnel-1b .ka-tag b{font-size:13px}
.apr-funnel-1b .ka-tag small{font-size:13px}
.apr-funnel-1b .ka-seite .kurs-karte__name{font-size:25px;line-height:1.15}
.apr-funnel-1b :is(.ka-consent p,.ka-knopf-hinweis,.ka-summe__meta,.ka-summe__zeile,.ka-mini__preis){font-size:14px}
.apr-funnel-1b .ka-zurueck{font-size:15px;min-height:44px}
.apr-funnel-1b .ka-faq__titel{font-size:28px;letter-spacing:-.035em}
.apr-funnel-1b .ka-faq--seite .faq-a{font-size:14px}
.apr-funnel-1b .ka-faq--seite summary{font-size:15px}
/* A pale mint summary matches the lighter sections of the main website. */
.apr-funnel-1b :is(.ka-summe,.ebook-bridge,.quiz-result-teaser){background:#e3efea;color:#17302f;border-color:#e3efea;box-shadow:none}
.apr-funnel-1b :is(.ka-summe,.ebook-bridge,.quiz-result-teaser) :is(h2,h3,h4,p,b,strong,dt,dd,small,.quiz-result-teaser__text){color:#17302f}
.apr-funnel-1b .ka-summe a,.apr-funnel-1b .ka-summe button{color:#076767}
.apr-funnel-1b .ka-summe__zeile{border-color:#b3cbc4}
.apr-funnel-1b .ka-summe__zeile--jetzt dd{color:#076767}
.apr-funnel-1b .ka-summe__kopf b{font-size:19px}
.apr-funnel-1b .ka-summe__kopf button{font-size:14px;min-height:44px}
.apr-funnel-1b .hero-full{min-height:0;max-width:1200px;margin:48px auto 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:0 24px;align-items:center;overflow:visible}
.apr-funnel-1b .hero-full__bg{position:static;grid-column:2;grid-row:1;width:100%;height:100%;min-height:460px;object-fit:cover;border-radius:100px 24px 24px 24px;filter:none;mask-image:none;-webkit-mask-image:none;opacity:1}
.apr-funnel-1b .hero-full__overlay{display:none}
.apr-funnel-1b .hero-full__inner{grid-column:1;grid-row:1;padding:35px 0;text-align:left}
.apr-funnel-1b .hero-full .section-title{font-size:clamp(40px,4.8vw,66px);line-height:1.08}
.apr-funnel-1b .hero-full .section-sub{font-size:18px;margin:24px 0}
.apr-funnel-1b :is(.pricing-card,.step-card,.package-card,.linkbio-card){border-radius:24px}
.apr-funnel-1b .site-footer{background:#071417;border-top:1px solid #36575a}
.apr-funnel-1b :is(.footer-links a,.footer-brand p,.footer-brand__address){font-size:15px}
.apr-funnel-1b .linkbio-tagline{font-size:17px}
.apr-funnel-1b .wa-knopf{font-size:15px}
@media(max-width:760px){
 .apr-funnel-1b .navbar-wrap{padding:0 18px}
 .apr-funnel-1b .navbar{min-height:74px;gap:10px}
 .apr-funnel-1b .nav-logo--mark img{height:38px}
 .apr-funnel-1b .nav-cta{padding:10px 12px;font-size:13px}
 .apr-funnel-1b .ka-nav-rechts a{padding:8px;font-size:13px}
 .apr-funnel-1b .ka-nav-schloss{display:none}
 .apr-funnel-1b .ka-wortmarke{display:none}
 .apr-funnel-1b .quiz-main{padding-top:32px}
 .apr-funnel-1b .funnel-main{padding-top:36px}
 .apr-funnel-1b .ka-form__links{padding:24px 18px}
 .apr-funnel-1b .hero-full{grid-template-columns:1fr;margin-top:24px;gap:24px}
 .apr-funnel-1b .hero-full__inner{grid-column:1;grid-row:1;padding:12px 0}
 .apr-funnel-1b .hero-full__bg{grid-column:1;grid-row:2;min-height:0;height:auto;aspect-ratio:1.2;border-radius:65px 18px 18px 18px}
 .apr-funnel-1b .btn{padding:14px 18px}
 .apr-funnel-1b .quiz-btn-row{flex-wrap:wrap}
 .apr-funnel-1b .funnel-schritte .step-number{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.apr-funnel-1b *, .apr-funnel-1b *:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.apr-funnel-1b .eyebrow{background:none;border:0;padding:0;border-radius:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#20adac;backdrop-filter:none}
.apr-funnel-1b .eyebrow:after{display:none}
.apr-funnel-1b .hero-full__inner{align-items:flex-start}
.apr-funnel-1b .hero-full .eyebrow{align-self:flex-start}
.apr-funnel-1b .hero-full .section-sub{text-align:left}
/* Ältere, weiterhin erreichbare Funnel-Einstiege mit eigenem Inline-CSS. */
body.apr-funnel-1b{--bg:#09191b;--bg-card:#12282c;--bg-card2:#15383c;--border:#36575a;--border-hover:#20adac;--text:#f5f6f1;--text-muted:#b6d0cf;--white:#f5f6f1;--teal:#20adac;--teal-dark:#178584}
.apr-funnel-1b .topbar{background:#09191b;border-bottom:1px solid #36575a;padding:22px 24px}
.apr-funnel-1b :is(.stage,.wrap){max-width:820px}
.apr-funnel-1b :is(.c-title,.plan-title){font-size:21px}
.apr-funnel-1b :is(.c-sub,.lead,.save-input,.field input,.field select,.field textarea){font-size:17px}
.apr-funnel-1b :is(.stage .check,.wrap .section,.plan-card,.bundle,.result-box,.save-box){border-radius:24px}
.apr-funnel-1b :is(.btn-primary,.btn-buy,.buy,.submit-btn){background:#20adac;border-color:#20adac;color:#071b1b;min-height:56px;border-radius:12px;font-size:16px}
.apr-funnel-1b :is(.btn-primary,.btn-buy,.buy,.submit-btn):hover{background:#4ac3c2;color:#071b1b}
.apr-funnel-1b :is(.save-input,.field input,.field select,.field textarea){min-height:52px}
.apr-funnel-1b :is(.q-title,.ex-name){font-size:clamp(28px,4vw,40px)}
.apr-funnel-1b .progress-fill{background:#20adac;box-shadow:none}
