:root{
  --modern-navy:#061824;
  --modern-navy-2:#0b2636;
  --modern-ink:#071b28;
  --modern-paper:#f6f8f7;
  --modern-card:#ffffff;
  --modern-orange:#ff6642;
  --modern-cyan:#73d9dc;
  --modern-radius:24px;
  --modern-shadow:0 24px 70px rgba(5,23,35,.12);
}
html{scroll-padding-top:88px}
body{background:var(--modern-paper);font-size:17px}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1200;pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--modern-orange),#ff9b68);transform:scaleX(0);transform-origin:left center;will-change:transform}
.wrap{width:min(1240px,calc(100% - var(--pad)*2))}
.site-header{position:fixed;background:rgba(6,24,36,.28);border-color:rgba(255,255,255,.09);backdrop-filter:blur(18px) saturate(135%);transition:background .3s ease,box-shadow .3s ease}
.site-header.is-scrolled{background:rgba(6,24,36,.9);box-shadow:0 12px 40px rgba(0,0,0,.16)}
.header-inner{min-height:82px}
.brand-mark{border-radius:12px;background:rgba(255,102,66,.08);box-shadow:inset 0 0 0 1px rgba(255,102,66,.18)}
.desktop-nav a{position:relative;font-size:.82rem;letter-spacing:.01em}
.desktop-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--modern-orange);transition:right .25s ease}
.desktop-nav a:hover:after{right:0}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding-top:clamp(138px,13vw,188px);background:var(--modern-navy)}
.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 28%,rgba(115,217,220,.1),transparent 28%),radial-gradient(circle at 12% 84%,rgba(255,102,66,.12),transparent 30%),linear-gradient(90deg,rgba(6,24,36,.99) 0%,rgba(6,24,36,.91) 44%,rgba(6,24,36,.3) 100%)}
.hero-motion{position:absolute;z-index:-2;inset:0;overflow:hidden;background:linear-gradient(122deg,#041521 0%,#082638 48%,#0a3247 100%)}
.hero-motion:before{content:'';position:absolute;width:1050px;height:1050px;right:-240px;top:-300px;border-radius:50%;background:conic-gradient(from 215deg,transparent 0 12%,rgba(115,217,220,.42) 22%,transparent 34% 50%,rgba(255,102,66,.29) 62%,transparent 74%);filter:blur(38px);opacity:1;animation:aurora-turn 20s linear infinite}
.hero-motion:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.6px);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.9) 66%,transparent 100%);mask-image:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.9) 66%,transparent 100%);opacity:.2;animation:dot-drift 14s linear infinite}
.motion-orb{position:absolute;border-radius:50%;will-change:transform}
.motion-orb-one{width:560px;height:560px;right:2%;top:8%;border:1px solid rgba(115,217,220,.38);box-shadow:inset 0 0 80px rgba(115,217,220,.07),0 0 80px rgba(115,217,220,.12);animation:ring-breathe 8s ease-in-out infinite}
.motion-orb-one:after{content:'';position:absolute;width:10px;height:10px;top:12%;left:17%;border-radius:50%;background:#8de5e2;box-shadow:0 0 24px 8px rgba(115,217,220,.36)}
.motion-orb-two{width:440px;height:180px;right:21%;bottom:2%;background:linear-gradient(100deg,transparent,rgba(255,102,66,.2),rgba(115,217,220,.13),transparent);filter:blur(42px);transform:rotate(-19deg);animation:aurora-pulse 10s ease-in-out infinite alternate}
.motion-line{position:absolute;width:62vw;height:76px;right:-18vw;top:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),rgba(115,217,220,.16),rgba(255,255,255,.02),transparent);filter:blur(7px);transform:rotate(-24deg) translateX(45%);animation:light-sweep 8s cubic-bezier(.55,.05,.35,1) infinite}
.video-frame video::-webkit-media-controls-overlay-play-button{background-color:transparent}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.65fr);gap:clamp(54px,8vw,110px);position:relative;z-index:1;align-items:center}
.hero-copy{max-width:780px}
.hero .reveal{animation:modern-hero-in .85s cubic-bezier(.22,1,.36,1) both}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,102,66,.34);border-radius:999px;background:rgba(255,102,66,.07);margin-bottom:30px}
.hero h1{font-size:clamp(3rem,5vw,5.15rem);line-height:1.01;letter-spacing:-.055em}
.hero h1 strong{display:inline-block}
.hero h1 .hero-h1-step-2{color:#ced9de}
.hero h1 .hero-h1-step-3{color:#829aa6}
.hero-results{display:grid;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.hero-results li{padding:5px 8px 5px 26px}
.hero-results li:before{left:7px}
.hero-new-subheadline{color:rgba(255,255,255,.72);max-width:720px}
.portrait-wrap{align-self:center;justify-self:center;width:min(100%,400px);padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(0,0,0,.28);animation:none}
.portrait-ring{border:0;padding:0;border-radius:24px}
.portrait-ring img{border-radius:24px}
.portrait-wrap p{font-size:.78rem;letter-spacing:.02em}
.cta-field span{border-radius:13px;box-shadow:0 12px 28px rgba(255,102,66,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.cta-field:hover span{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,102,66,.3);background:#ff7657}
.section{padding:clamp(92px,10vw,150px) 0}
.eyebrow{letter-spacing:.19em}
.problem-section,.process-section,.outcome-section,.faq-section{background:var(--modern-paper)}
.problem-grid{gap:14px;border:0;background:transparent}
.problem-grid article{min-height:300px;border:1px solid rgba(7,27,40,.08);border-radius:var(--modern-radius);background:rgba(255,255,255,.85);box-shadow:0 18px 55px rgba(7,27,40,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.problem-grid article:hover{transform:translateY(-7px);box-shadow:var(--modern-shadow);border-color:rgba(255,102,66,.22)}
.focus-path{padding:12px 20px;border-radius:999px;background:#fff;box-shadow:0 12px 36px rgba(7,27,40,.07)}
.video-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#061824,#0c2a3b)}
.video-section:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(115,217,220,.09);filter:blur(10px);top:-280px;right:-160px}
.video-frame{position:relative;border:1px solid rgba(255,255,255,.15);border-radius:28px;overflow:hidden;padding:8px;box-shadow:0 36px 90px rgba(0,0,0,.34)}
.video-frame video{border-radius:21px}
.process-list{display:grid;gap:12px;border:0}
.process-list li{grid-template-columns:88px minmax(0,1fr);align-items:center;padding:24px 28px;border:1px solid rgba(7,27,40,.08);border-radius:18px;background:#fff;transition:transform .25s ease,border-color .25s ease}
.process-list li:hover{transform:translateX(8px);border-color:rgba(255,102,66,.3)}
.process-list li>span{font-family:Manrope,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.12em}
.fields-section{background:radial-gradient(circle at 20% 0,rgba(115,217,220,.11),transparent 26%),linear-gradient(145deg,#071b29,#0c2b3d)}
.fields-grid{gap:14px;border:0}
.fields-grid-compact details{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.fields-grid-compact details:hover{background:rgba(255,255,255,.075);border-color:rgba(255,102,66,.28);transform:translateY(-4px)}
.sparring-value-section{background:#eef2f1}
.sparring-value-grid{padding:clamp(36px,6vw,72px);border-radius:32px;background:#fff;box-shadow:var(--modern-shadow)}
.change-matrix{border-radius:24px;overflow:hidden;box-shadow:var(--modern-shadow)}
.change-row{background:rgba(255,255,255,.9)}
.trust-section{background:linear-gradient(180deg,#eef2f1,#f8faf9)}
.trust-copy,.trust-copy h2,.trust-copy p{color:var(--modern-ink)}
.trust-copy>p:not(.eyebrow){color:#3f5562}
.trust-copy .closing-line{color:var(--modern-ink)!important}
.trust-signature strong{color:var(--modern-ink)}
.trust-signature span{color:#607580}
.trust-photo{border-radius:28px;overflow:hidden;box-shadow:var(--modern-shadow)}
.trust-photo:before{z-index:2;border-radius:99px}
.trust-photo img{transition:transform .7s ease}
.trust-photo:hover img{transform:scale(1.025)}
.logo-slider-section{background:#fff}
.testimonials-section{background:#fff}
.testimonials{gap:16px}
.testimonials article{border:1px solid rgba(7,27,40,.08);border-radius:22px;background:#f8faf9;box-shadow:0 16px 42px rgba(7,27,40,.06);transition:transform .3s ease}
.testimonials article:hover{transform:translateY(-6px)}
.collaboration-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#061824,#0b2b3d)}
.collaboration-section:after{content:'';position:absolute;width:560px;height:560px;border-radius:50%;right:-250px;bottom:-300px;background:rgba(255,102,66,.1)}
.collaboration-grid{position:relative;z-index:1}
.price-card{border:1px solid rgba(255,255,255,.5);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.roi-box{border-radius:16px}
.final-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(115,217,220,.17),transparent 35%),#0a293a}
.praxis-benefits li{border-radius:16px;background:rgba(255,255,255,.045)}
.faq-list details{border-bottom-color:rgba(7,27,40,.1)}
.faq-list summary{transition:color .2s ease}
.faq-list summary:hover{color:#b9442e}
.site-footer{background:#04131d}
.back-to-top{backdrop-filter:blur(12px)}
.modern-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.modern-reveal.is-visible{opacity:1;transform:none}
@keyframes modern-hero-in{from{transform:translateY(14px);filter:blur(3px)}to{transform:none;filter:none}}
@keyframes aurora-turn{to{transform:rotate(360deg)}}
@keyframes dot-drift{from{background-position:0 0}to{background-position:68px 34px}}
@keyframes ring-breathe{0%,100%{transform:scale(.94);opacity:.42}50%{transform:scale(1.06);opacity:.88}}
@keyframes aurora-pulse{from{transform:rotate(-19deg) translate3d(35px,18px,0) scale(.9);opacity:.45}to{transform:rotate(-12deg) translate3d(-52px,-28px,0) scale(1.16);opacity:.95}}
@keyframes light-sweep{0%,18%{opacity:0;transform:rotate(-24deg) translateX(55%)}46%{opacity:.9}75%,100%{opacity:0;transform:rotate(-24deg) translateX(-65%)}}
@media (max-width:960px){
  .hero{min-height:auto}
  .hero-motion{opacity:.82}
  .hero-grid{grid-template-columns:1fr}
  .portrait-wrap{width:min(420px,86%);justify-self:center}
  .problem-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:961px) and (max-height:820px){
  .hero{padding-top:116px;padding-bottom:48px}
  .hero-grid{gap:54px}
  .hero-kicker{margin-bottom:18px}
  .hero h1{font-size:clamp(3.25rem,4.5vw,4rem);margin-bottom:22px}
  .hero-results{gap:3px;padding:11px 15px}
  .hero-results li{padding-block:2px;font-size:.94rem;line-height:1.42}
  .hero-results li+li{margin-top:1px}
  .hero-results+.hero-new-subheadline{margin-top:19px;font-size:.94rem;line-height:1.5}
  .hero-copy .cta-group{margin-top:18px}
  .portrait-wrap{max-width:360px;padding:18px}
}
@media (max-width:700px){
  .site-header{background:rgba(6,24,36,.74)}
  .hero{padding-top:118px}
  .hero:before{background:linear-gradient(180deg,rgba(6,24,36,.96),rgba(6,24,36,.64))}
  .hero-motion{opacity:.85}
  .hero-motion:before{-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000);mask-image:linear-gradient(180deg,transparent 10%,#000)}
  .hero h1{font-size:clamp(2.55rem,12vw,3.4rem)}
  .hero-results{padding:12px}
  .portrait-wrap{display:block;width:min(300px,84%);justify-self:center;padding:14px}
  .problem-grid{grid-template-columns:1fr}
  .problem-grid article{min-height:220px}
  .focus-path{border-radius:18px}
  .process-list li{grid-template-columns:54px minmax(0,1fr);padding:20px}
  .fields-grid{gap:10px}
  .fields-grid-compact details{border-radius:16px}
  .sparring-value-grid{padding:28px 22px;border-radius:22px}
  .modern-reveal{transform:translateY(18px)}
}

@media (prefers-reduced-motion:reduce){
  .portrait-wrap{animation:none}
  .modern-reveal{opacity:1;transform:none;transition:none}
  .hero-motion:before,.motion-orb,.motion-line{animation:none}
}

/* CTA-Rhythmus zwischen Video und Folgekosten */
main .video-section{padding-block:clamp(72px,7vw,104px)}
main .consequence-section{padding-block:clamp(84px,8vw,118px)}
main .consequence-section .consequence-cta{margin-top:clamp(34px,4vw,48px)}
@media (max-width:700px){
  main .video-section{padding-block:64px}
  main .consequence-section{padding-block:72px}
  main .consequence-section .consequence-cta{margin-top:32px}
}
.diagnosis-section{background:var(--modern-navy-2);color:#fff;padding-block:clamp(72px,9vw,118px)}
.diagnosis-inner{max-width:860px;text-align:center}
.diagnosis-question{margin:0 0 18px;color:var(--modern-cyan);font-size:clamp(1.02rem,1.6vw,1.22rem);font-weight:700}
.diagnosis-section h2{max-width:none;margin:0 0 20px;color:#fff;font-size:clamp(2.25rem,4.7vw,4.25rem)}
.diagnosis-description{max-width:670px;margin:0 auto 30px;color:rgba(255,255,255,.83);font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.6}
.diagnosis-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:62px;padding:14px 25px;border-radius:13px;background:var(--modern-orange);color:#101d26;text-decoration:none;font-weight:800;transition:transform .2s,background .2s}

/* Ergebnisvergleich als echte, auf Mobilgeräten gestapelte Tabelle. */
.outcome-section .heading-copy h3{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.3;margin:0 0 15px;font-weight:700;letter-spacing:-.02em}
.outcome-section .heading-copy p{line-height:1.65}
.outcome-section .change-title{font-size:clamp(1.3rem,2.2vw,1.65rem);margin:0 0 22px;font-weight:700;letter-spacing:-.025em}
.outcome-section .change-matrix{display:table;width:100%;table-layout:fixed;border-spacing:0;border-collapse:separate;text-align:left}
.outcome-section .change-head{display:table-header-group}
.outcome-section .change-head tr,.outcome-section .change-row{display:table-row}
.outcome-section .change-head th{padding:17px 24px;background:#eef2f1;color:var(--modern-ink);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:left}
.outcome-section .change-head th:first-child{width:28%;background:#fff}
.outcome-section .change-head th:nth-child(2){width:32%}
.outcome-section .change-head th:last-child{width:40%;background:var(--modern-orange);color:#121b22}
.outcome-section .change-row{height:112px}
.outcome-section .change-row th,.outcome-section .change-row td{display:table-cell;vertical-align:middle;padding:23px 24px;border-top:1px solid var(--line);line-height:1.4;text-align:left}
.outcome-section .change-row .change-topic{background:#fff;color:var(--modern-ink);font-size:1.05rem;font-weight:700}
.outcome-section .change-row .change-before{background:#eef2f1;color:var(--muted)}
.outcome-section .change-row .change-after{background:var(--modern-navy-2);color:#fff;font-family:Newsreader,Georgia,serif;font-size:1.25rem}
@media (max-width:700px){
  .outcome-section .section-heading{margin-bottom:38px}
  .outcome-section .change-matrix,.outcome-section .change-matrix tbody,.outcome-section .change-row{display:block;width:100%}
  .outcome-section .change-head{display:none}
  .outcome-section .change-row{height:auto;margin-bottom:15px;overflow:hidden;border:1px solid var(--line);border-radius:18px}
  .outcome-section .change-row:last-child{margin-bottom:0}
  .outcome-section .change-row th,.outcome-section .change-row td{display:block;width:100%;padding:16px 19px;border-top:0}
  .outcome-section .change-row .change-topic{border-bottom:1px solid var(--line)}
  .outcome-section .change-row td:before{content:attr(data-label);display:block;margin-bottom:5px;font-family:Manrope,Arial,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .outcome-section .change-row .change-after:before{color:var(--modern-orange)}
}
.diagnosis-button:hover{transform:translateY(-2px);background:#ff8164}
.diagnosis-button:focus-visible{outline:3px solid var(--modern-cyan);outline-offset:4px}
.diagnosis-note{margin:14px 0 0;color:rgba(255,255,255,.7);font-size:.87rem}
@media(max-width:700px){.diagnosis-button{width:100%}.diagnosis-description{margin-bottom:26px}}
.booking-consent{align-self:center;justify-self:center;max-width:590px;padding:clamp(24px,5vw,48px);color:var(--ink);font-size:1rem;line-height:1.65}
.booking-consent p{margin-bottom:22px}
.booking-consent a{color:#0b4a75;text-decoration:underline}
.booking-accept{border:0;background:var(--orange);color:#121b22;font:700 1rem Manrope,Arial,sans-serif;padding:15px 22px;cursor:pointer}
.booking-accept:focus-visible{outline:3px solid #0b4a75;outline-offset:3px}
.booking-consent[hidden],.booking-frame[hidden]{display:none}

/* Landingpage text update 2026-10-21: existing visual system, extended components */
.legacy-anchor{display:block;position:relative;top:-110px;width:1px;height:1px;overflow:hidden}
.hero-offer{max-width:760px;margin:22px 0 0;padding-left:18px;border-left:2px solid var(--modern-orange);color:rgba(255,255,255,.82);font-size:clamp(1.02rem,1.25vw,1.14rem);line-height:1.65}
.cta-microcopy{max-width:620px;margin:12px 0 0;color:rgba(255,255,255,.66);font-size:clamp(1.02rem,1.25vw,1.14rem);line-height:1.65}
.trust-line{margin:22px 0 0;color:rgba(255,255,255,.55);font-size:clamp(1.02rem,1.25vw,1.14rem);font-weight:700;line-height:1.65;letter-spacing:.03em}
.section-bridge{max-width:850px;margin:34px 0 0;padding:24px 0 0;border-top:1px solid rgba(7,27,40,.12);font-family:Newsreader,Georgia,serif;font-size:clamp(1.18rem,1.9vw,1.5rem);line-height:1.45}
.section-heading.light>p{color:rgba(255,255,255,.72)}
.consequence-section{background:radial-gradient(circle at 82% 12%,rgba(255,102,66,.13),transparent 29%),linear-gradient(145deg,#061824,#0b2b3d)}
.consequence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.consequence-grid article{min-height:220px;padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.045)}
.consequence-grid article>span,.result-grid article>span{display:block;margin-bottom:34px;color:var(--modern-orange);font-size:.72rem;font-weight:800;letter-spacing:.12em}
.consequence-grid p{margin:0;color:#fff;font-family:Newsreader,Georgia,serif;font-size:clamp(1.18rem,1.65vw,1.45rem);line-height:1.42}
.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.result-grid article{padding:clamp(26px,4vw,42px);border:1px solid rgba(7,27,40,.09);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(7,27,40,.06)}
.result-grid h3{margin:0 0 12px;font-size:clamp(1.25rem,2vw,1.55rem)}
.result-grid p{margin:0;color:#506170;line-height:1.65}
.result-cta{margin-top:34px}
.comparison-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.04)}
.comparison-table{width:100%;min-width:900px;border-collapse:collapse;text-align:left;color:#fff}
.comparison-table th,.comparison-table td{padding:20px 22px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);vertical-align:top;line-height:1.5}
.comparison-table tr:last-child>*{border-bottom:0}
.comparison-table tr>*:last-child{border-right:0}
.comparison-table thead th{background:rgba(255,255,255,.08);color:var(--modern-orange);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.comparison-table thead th:first-child{background:transparent}
.comparison-table tbody th{width:16%;color:var(--modern-cyan);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.comparison-table tbody td:nth-child(2){background:rgba(255,102,66,.08);font-weight:700}
.discretion-note{max-width:1240px;margin-top:58px;padding-top:48px;border-top:1px solid rgba(7,27,40,.14);text-align:left}
.discretion-note h2{max-width:700px;margin-bottom:22px;font-size:clamp(2.1rem,4vw,3.7rem)}
.discretion-note p:not(.eyebrow){max-width:760px;color:#506170;line-height:1.7}
.collaboration-results{margin-top:34px;padding-top:1px}
.collaboration-results>p,.collaboration-results li{color:rgba(255,255,255,.76);line-height:1.6}
.collaboration-results ul{display:grid;gap:10px;list-style:none;margin:18px 0 0;padding:0}
.collaboration-results li{position:relative;padding:11px 0 11px 38px}
.collaboration-results li:before{content:'✓';position:absolute;left:0;top:50%;translate:0 -50%;display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#d8efdf;color:#12352a;font-size:.8rem;font-weight:800;line-height:1}
.collaboration-results strong{color:#fff}
.check-list li:first-child:before{background:#fff;color:#121b22}
.commitment-notes{display:grid;gap:14px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.commitment-notes p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.55}
.commitment-notes strong{color:var(--ink)}
.commitment-notes+.cta-field{margin-top:20px}
.praxis-layout{display:grid;gap:48px}
.booking-inline-panel{width:min(1060px,100%);margin:0 auto;padding:clamp(24px,4vw,48px);border-radius:26px;background:#fff;color:var(--modern-ink);box-shadow:0 24px 75px rgba(0,0,0,.24);text-align:left}
.booking-inline-heading{max-width:820px;margin:0 auto 30px;text-align:center}
.booking-inline-heading h2{margin-bottom:16px;color:var(--modern-ink);font-size:clamp(2rem,4vw,3.5rem)}
.booking-inline-heading>p:not(.eyebrow){margin:0;color:#506170;font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.65}
.booking-inline-consent{max-width:720px;min-height:300px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(22px,4vw,42px);border:1px solid var(--line);background:#f8faf9;line-height:1.65}
.booking-inline-consent p{margin:0 0 22px}
.booking-inline-consent a,.booking-fallback a{color:#0b4a75;text-decoration:underline}
.calendly-inline-host{width:100%;min-width:320px;height:780px;overflow:hidden;background:#fff}
.calendly-inline-host[hidden],.booking-inline-consent[hidden]{display:none}
.booking-fallback{margin:18px 0 0;color:#506170;font-size:.82rem;text-align:center}
.booking-load-error{margin-top:18px!important;color:#9b3424;font-weight:700}
.praxis-benefits li{display:block;min-height:150px;padding:22px 20px 22px 56px}
.praxis-benefits li:before{top:24px;translate:0 0}
.praxis-benefits li strong{display:block;margin-bottom:8px;color:#fff}

@media (max-width:960px){
  .consequence-grid{grid-template-columns:repeat(2,1fr)}
  .comparison-table-wrap{margin-right:calc(var(--pad)*-1);border-radius:22px 0 0 22px}
}
@media (max-width:700px){
  .hero-offer{margin-top:18px}
  .cta-microcopy,.trust-line{font-size:clamp(1.02rem,1.25vw,1.14rem);line-height:1.65}
  .consequence-grid,.result-grid{grid-template-columns:1fr}
  .consequence-grid article{min-height:auto;padding:24px}
  .consequence-grid article>span,.result-grid article>span{margin-bottom:20px}
  .section-bridge{margin-top:28px}
  .discretion-note{margin-top:42px;padding-top:36px}
  .comparison-table th,.comparison-table td{padding:16px 18px}
  .booking-inline-panel{padding:22px 16px;border-radius:18px}
  .booking-inline-heading{margin-bottom:24px}
  .booking-inline-consent{min-height:280px;padding:22px}
  .calendly-inline-host{height:720px;min-width:0}
  .praxis-benefits li{min-height:0;padding-block:18px}
}

/* Typografie- und Flaechenrhythmus 2026-10-21 */
body{font-size:clamp(1rem,.97rem + .14vw,1.0625rem)}
h1,h2{line-height:1.08;letter-spacing:-.038em}
.hero h1{max-width:860px;font-size:clamp(2.85rem,4.65vw,4.65rem);line-height:1.03}
.section h2{max-width:820px;font-size:clamp(2rem,3.25vw,3.35rem)}
.section h3{font-size:clamp(1.08rem,1.45vw,1.3rem)}
.section-heading{margin-bottom:clamp(38px,4.5vw,54px)}
.section{padding-block:clamp(84px,8vw,126px)}
.trust-section,.testimonials-section,.final-cta{padding-block:clamp(84px,8vw,126px)}
.trust-copy h2{max-width:690px;margin-bottom:34px;font-size:clamp(2.05rem,3.35vw,3.45rem)}
.booking-inline-heading h2{font-size:clamp(1.9rem,2.8vw,2.8rem)}
.diagnosis-section h2{font-size:clamp(2rem,3.4vw,3.4rem)}
.price{font-size:clamp(2.45rem,4vw,3.75rem)}

.problem-section{background:#f6f8f7}
.outcome-section{padding-block:clamp(72px,7vw,104px);background:#fff}
.realistic-outcome-section{padding-block:clamp(84px,8vw,126px);background:#fff}
.process-section{background:#eef2f1}
.trust-section{background:linear-gradient(180deg,#f6f8f7,#eef2f1)}
.testimonials-section{background:#eef2f1}
.faq-section{background:#fff}
.final-cta{background:#f3f5f4;color:var(--modern-ink)}
.final-cta .eyebrow{color:#b9442e}
.final-cta h2{color:var(--modern-ink)}
.praxis-subheadline{color:#3f5562}
.praxis-benefits li{border-color:rgba(7,27,40,.1);background:#fff;color:var(--modern-ink);box-shadow:0 14px 38px rgba(7,27,40,.055)}
.praxis-benefits li strong{color:var(--modern-ink)}
.praxis-explanation{color:#506170}
.booking-inline-panel{border:1px solid rgba(7,27,40,.08);box-shadow:0 22px 65px rgba(7,27,40,.11)}

@media (max-width:700px){
  body{font-size:1rem}
  .hero h1{font-size:clamp(2.3rem,10.5vw,3rem);line-height:1.04}
  .section h2,.trust-copy h2{font-size:clamp(1.85rem,8vw,2.4rem);line-height:1.1}
  .booking-inline-heading h2{font-size:clamp(1.75rem,7.6vw,2.25rem)}
  .diagnosis-section h2{font-size:clamp(1.9rem,8vw,2.45rem)}
  .section,.trust-section,.testimonials-section,.final-cta{padding-block:64px}
  .section-heading{margin-bottom:34px}
}

/* Header-CTA und Favicon gemaess Freigabeanweisung 2026-10-22 */
.site-header .brand-mark{overflow:hidden;border:0;border-radius:8px;background:#fff;box-shadow:none}
.site-header .brand-mark img{width:100%;height:100%;object-fit:contain}
.site-footer .brand-mark{overflow:hidden;border:0;border-radius:8px;background:#fff;box-shadow:none}
.site-footer .brand-mark img{width:100%;height:100%;object-fit:contain}
.header-primary-cta{display:flex;min-width:0;margin-left:0;flex:0 0 auto;transition:none}
.header-primary-cta span{min-height:42px;padding:10px 16px;border-radius:13px;white-space:nowrap;font-size:.8rem}
.hero{padding-top:clamp(110px,calc(6.5vw + 41px),135px)}
.hero-new-subheadline{font-size:clamp(1.02rem,1.25vw,1.14rem);font-weight:400;line-height:1.65}
.cta-field small{margin-top:3px}

@media (max-width:960px){
  .header-inner{gap:14px}
  .header-primary-cta{margin-left:auto}
}
@media (max-width:700px){
  body{padding-bottom:0}
  .site-header{position:fixed}
  .header-inner{min-height:70px}
  .site-header .brand{gap:8px}
  .site-header .brand-mark{width:34px;height:34px}
  .site-header .brand>span:last-child{font-size:.78rem;white-space:nowrap}
  .header-primary-cta span{min-height:40px;padding:8px 10px;font-size:.72rem}
  .hero{padding-top:94px}
}
@media (max-width:380px){
  html{scroll-padding-top:118px}
  .header-inner{min-height:106px;flex-wrap:wrap;gap:6px 10px;padding-block:8px}
  .header-primary-cta{flex-basis:100%;width:100%;margin-left:0}
  .header-primary-cta span{width:100%;min-height:38px}
  .hero{padding-top:127px}
}

/* Section „Ein typisches Bild im Mittelstand“: Inhalt und Layout aus Version 87 */
.problem-section{padding-block:clamp(72px,7vw,104px);background:var(--modern-paper)}
.problem-section .section-heading{margin-bottom:clamp(36px,4vw,50px)}
.problem-section h2{max-width:780px;font-size:clamp(2.25rem,4.5vw,4.15rem);line-height:1.02;letter-spacing:-.045em}
.problem-section .problem-grid h3{font-size:1.05rem}
@media (max-width:700px){
  .problem-section .section-heading{margin-bottom:32px}
}

/* Handlungsfelder und Praxis-Check gemäß Freigabe 2026-10-22 */
.problem-section .problem-grid h3{margin:45px 0 14px;color:var(--modern-ink)}
.problem-section .problem-grid p{margin:0;color:#0B1B2B}
.problem-section .problem-grid h3{min-height:2.625rem}
.problem-section .problem-context,.problem-section .problem-trotzdem{font-family:Manrope,Arial,sans-serif;font-size:12pt;font-weight:400;line-height:1.5;color:#0B1B2B}
.problem-section .problem-context{display:block;min-height:3.3em}
.problem-section .problem-trotzdem{display:block;margin-top:10px}
.problem-section .problem-trotzdem strong{font:inherit;color:var(--orange)}
.praxis-benefits li{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 20px;text-align:center}
.praxis-benefits li:before{position:static;flex:0 0 auto;margin-bottom:12px;translate:none}
.praxis-benefits li strong{margin-bottom:0}

@media (max-width:700px){
  .problem-section .problem-grid h3{margin:28px 0 12px}
  .problem-section .problem-grid h3,.problem-section .problem-context{min-height:0}
  .praxis-benefits li{padding:20px 16px}
  .commitment-notes+.cta-field{margin-top:18px}
}

@media (min-width:701px){
  .problem-section .problem-grid article{height:300px}
}

/* Schritt 2 · Typografische Harmonisierung 2026-10-22
   Ausschliesslich Inhaltsbereiche: Header, Footer und CTA-Elemente bleiben unangetastet. */
main{
  --type-display-desktop:62px;
  --type-display-mobile:38px;
  --type-section-desktop:44px;
  --type-section-mobile:32px;
  --type-card-title:20px;
  --type-card-title-mobile:18px;
  --type-body-desktop:17px;
  --type-body-mobile:16px;
  --type-card-copy:16px;
  --type-label:12px;
}

/* Leitende Hierarchie */
main .hero h1,
main .hero h1 strong{
  font-family:Manrope,Arial,sans-serif;
  font-size:var(--type-display-desktop);
  font-weight:500;
  line-height:1.05;
}
main .section:not(.problem-section) h2{
  font-family:Manrope,Arial,sans-serif;
  font-size:var(--type-section-desktop);
  font-weight:500;
  line-height:1.1;
}
main .section h3{
  font-family:Manrope,Arial,sans-serif;
  font-size:var(--type-card-title);
  font-weight:700;
  line-height:1.3;
}

/* Wiederkehrende Fliesstextfunktionen */
main .hero-subtext,
main .hero-offer,
main .section-heading>p,
main .video-note,
main .result-grid p,
main .process-list p,
main .trust-copy>p:not(.eyebrow),
main .collaboration-lead,
main .collaboration-results>p,
main .collaboration-results li,
main .check-list li,
main .booking-inline-heading>p:not(.eyebrow),
main .faq-list details p,
main .diagnosis-description,
main .praxis-explanation{
  font-family:Manrope,Arial,sans-serif;
  font-size:var(--type-body-desktop);
  font-weight:400;
  line-height:1.6;
}
main .trust-line{
  font-family:Manrope,Arial,sans-serif;
  font-size:var(--type-body-desktop);
  font-weight:700;
  line-height:1.6;
}

/* Kompakte Texte in Karten, Tabellen und Hinweisen */
main .problem-context,
main .problem-trotzdem,
main .comparison-table td,
main .outcome-section .change-row .change-before,
main .value-context,
main .commitment-notes p,
main .praxis-benefits li,
main .booking-inline-consent{
  font-size:var(--type-card-copy);
  line-height:1.6;
}
main .booking-fallback{
  font-size:var(--type-label);
  line-height:1.5;
}

main .problem-section .problem-grid h3,
main .realistic-outcome-section .change-title{
  font-size:var(--type-card-title);
  font-weight:700;
  line-height:1.3;
}
main .outcome-section .change-row .change-topic{
  font-size:18px;
  font-weight:700;
  line-height:1.3;
}

/* Einheitliche Kategorien und Funktionslabels */
main .eyebrow,
main .process-list li>span,
main .consequence-grid article>span,
main .result-grid article>span,
main .comparison-table thead th,
main .comparison-table tbody th,
main .outcome-section .change-head th,
main .outcome-section .change-row td:before,
main .scope-kicker,
main .value-kicker{
  font-family:Manrope,Arial,sans-serif;
  font-size:var(--type-label);
  font-weight:700;
}

/* Bewusste Newsreader-Akzente bleiben erhalten und werden nur rhythmisch vereinheitlicht. */
main .testimonials blockquote{
  font-size:18px;
  line-height:1.55;
}
main .outcome-section .change-row .change-after{
  font-size:20px;
  line-height:1.4;
}

@media (max-width:700px){
  main .hero h1,
  main .hero h1 strong{
    font-size:var(--type-display-mobile);
    line-height:1.05;
  }
  main .section:not(.problem-section) h2{
    font-size:var(--type-section-mobile);
    line-height:1.1;
  }
  main .section h3{
    font-size:var(--type-card-title-mobile);
    line-height:1.3;
  }
  main .hero-subtext,
  main .hero-offer,
  main .section-heading>p,
  main .video-note,
  main .result-grid p,
  main .process-list p,
  main .trust-copy>p:not(.eyebrow),
  main .collaboration-lead,
  main .collaboration-results>p,
  main .collaboration-results li,
  main .check-list li,
  main .booking-inline-heading>p:not(.eyebrow),
  main .faq-list details p,
  main .diagnosis-description,
  main .praxis-explanation{
    font-size:var(--type-body-mobile);
    line-height:1.6;
  }
  main .trust-line{
    font-size:var(--type-body-mobile);
    line-height:1.6;
  }
  main .problem-section .problem-grid h3,
  main .realistic-outcome-section .change-title{
    font-size:var(--type-card-title-mobile);
    line-height:1.3;
  }
  main .testimonials blockquote{
    font-size:18px;
    line-height:1.55;
  }
}