@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/fraunces-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/fraunces-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#FDF4E9;--bg-2:#FAE8D6;--bg-3:#F4DAC1;--sand:#F1DCC3;--sand-2:#E6C9A6;
  --ink:#33200F;--ink-2:#7E5A41;--ink-3:#A9836A;
  --line:#EED9C2;--line-2:#E2C5A3;--card:#FFFBF4;
  --coral:#F2A58D;--accent:#E0662E;--accent-2:#EDA94C;--sage:#AE9040;--waving:#C94F4A;
  --grad:linear-gradient(118deg,#F3B45A 0%,#E86A34 58%,#D9571F 100%);
  --grad-soft:linear-gradient(135deg,#F8D6A6,#F1A487 52%,#E36C34);
  --radius:22px;--radius-s:14px;--kt:16.5px;
  --ff:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ff-display:'Fraunces',Georgia,'Times New Roman',serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --shadow:0 30px 70px -40px rgba(60,30,10,.35);--shadow-s:0 16px 40px -28px rgba(60,30,10,.32);
  --hero-a:#FBE9C6;--hero-b:#F7D59A;--hero-c:#F2B35C;--hero-glow:243,180,90;--hero-wash:251,233,198;
  --deep:#26130A;--deep-2:#331B0D;--inv:#FCEFDF;--inv-2:#E2C6A6;--line-dark:rgba(255,235,210,.13);
}
html[data-hero="koralle"]{--hero-a:#FDEBE2;--hero-b:#F9D2C1;--hero-c:#F3A98F;--hero-glow:242,165,141;--hero-wash:253,235,226}
html[data-hero="oliv"]{--hero-a:#F7F0DC;--hero-b:#ECE0BA;--hero-c:#D6C27C;--hero-glow:183,154,62;--hero-wash:247,240,220}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font-family:var(--ff);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;font-size:17px}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:500;letter-spacing:-.015em;line-height:1.08;color:var(--ink);text-wrap:balance}
.serif-i{font-style:normal;font-weight:400}
.wrap{width:100%;max-width:73.75rem;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3.25rem)}
.wrap-narrow{max-width:51.25rem}
section{position:relative}
main{display:block}


.eyebrow{font-family:var(--ff);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:.7rem;max-width:100%}
.eyebrow::before{content:"";width:1.8rem;flex:none;height:1px;background:currentColor;opacity:.6}
.eyebrow.center{justify-content:center}
.eyebrow.center::after{content:"";width:1.8rem;flex:none;height:1px;background:currentColor;opacity:.6}
.h-xxl{font-size:calc(clamp(2.1rem,3.25vw,3rem) + 1pt);line-height:1.08;letter-spacing:-.015em;font-weight:500}
.h-xl{font-size:calc(clamp(1.9rem,4.2vw,3.3rem) + 1pt)}
.h-l{font-size:calc(clamp(1.5rem,2.8vw,2.2rem) + 1pt)}
.lede{font-size:clamp(1.06rem,1.6vw,1.3rem);color:var(--ink-2);line-height:1.65;font-weight:400}
.muted{color:var(--ink-2)}
.tiny{font-size:.82rem;letter-spacing:.02em}
.klein{font-size:.9rem;color:var(--ink-2)}


.btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--ff);font-weight:600;font-size:.98rem;padding:1rem 1.6rem;border-radius:99px;cursor:pointer;border:1px solid transparent;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s,color .3s;text-align:center;line-height:1.25}
.btn svg{flex:none;transition:transform .4s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 14px 34px -14px rgba(224,102,46,.7)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 46px -16px rgba(224,102,46,.85)}
.btn-ghost{background:rgba(255,251,244,.55);color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.btn-wa{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn-wa svg{color:#25A86B}
.btn-wa:hover{border-color:#25A86B;transform:translateY(-2px)}
.btn-lg{padding:1.12rem 1.9rem;font-size:1.03rem}
.btn-breit{white-space:normal;width:100%;justify-content:center}
.textlink{font-weight:600;color:var(--ink);border-bottom:1.5px solid rgba(224,102,46,.45);padding-bottom:2px;transition:color .3s,border-color .3s}
.textlink:hover{color:var(--accent);border-color:var(--accent)}


.hdr{position:fixed;inset:0 0 auto 0;z-index:60;transition:background .5s var(--ease),box-shadow .5s var(--ease),padding .5s var(--ease);padding:1.1rem 0}
.hdr.solid{background:rgba(253,244,233,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(231,214,192,.9);padding:.7rem 0}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;flex-direction:column;line-height:1;gap:.26rem;color:var(--ink)}
.brand .word{font-family:var(--ff);font-weight:500;letter-spacing:.22em;font-size:.88rem;padding-left:.22em;white-space:nowrap}
.brand .swash{width:150px;height:9px;color:var(--accent)}
.brand .sub{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);padding-left:.4em;white-space:nowrap}
.nav{display:flex;align-items:center;gap:1rem}
.nav-links{display:flex;gap:.95rem;align-items:center}
.nav-links a{font-size:.88rem;font-weight:500;color:var(--ink);position:relative;padding:.2rem 0;transition:color .3s;white-space:nowrap}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--accent);transition:width .35s var(--ease)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--accent)}
.nav-links a:hover::after{width:100%}
.hdr .btn-primary{padding:.72rem 1rem;font-size:.84rem;border:0;white-space:nowrap;flex:none}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.4rem}
.burger span{width:26px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
.drawer{position:fixed;inset:0;z-index:70;background:var(--bg-2);color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:2rem clamp(1.5rem,8vw,4rem);transform:translateY(-100%);transition:transform .55s var(--ease);visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer a:not(.btn){font-family:var(--ff-display);font-size:clamp(1.5rem,6.5vw,2.3rem);color:var(--ink);padding:.5rem 0;border-bottom:1px solid var(--line-2)}
.drawer a:not(.btn):last-of-type{border-bottom:0}
.drawer .close{position:absolute;top:1.2rem;right:1.4rem;background:none;border:0;color:var(--ink);font-size:2.2rem;cursor:pointer;line-height:1}
.drawer .dcta{margin-top:1.4rem;justify-content:center}


html{overflow-x:clip}
[data-reveal]{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease);will-change:opacity,transform}
[data-reveal="up"]{transform:translateY(36px)}
[data-reveal="left"]{transform:translateX(-40px)}
[data-reveal="right"]{transform:translateX(40px)}
[data-reveal="zoom"]{transform:scale(.92)}
[data-reveal="blur"]{filter:blur(14px);transform:translateY(16px)}
[data-reveal].in,.no-js [data-reveal]{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none}}


.breathline{display:block;color:var(--accent);width:min(340px,60%);height:16px;margin:1.3rem 0}
.breathline path{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--ease)}
.breathline.in path{stroke-dashoffset:0}
.breathline.center{margin-inline:auto}
.breathline.in{animation:blbreathe 9s ease-in-out infinite;transform-origin:left center}
.breathline.center.in{transform-origin:center}
@keyframes blbreathe{0%,100%{opacity:.65;transform:scaleX(.985)}50%{opacity:1;transform:scaleX(1.015)}}
@media (prefers-reduced-motion:reduce){.breathline.in{animation:none}}


.hero{position:relative;min-height:clamp(640px,100svh,920px);display:flex;align-items:center;overflow:hidden;
  background:radial-gradient(110% 90% at 82% 8%,var(--hero-c) 0%,var(--hero-b) 36%,var(--hero-a) 68%,var(--bg) 100%)}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.9}
.hero-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.045;mix-blend-mode:multiply}
.hero-in{position:relative;z-index:4;width:100%;padding-block:7rem 3.5rem;display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero-eyebrow{margin-bottom:1.3rem;color:#B9501F}
.hero h1{max-width:26ch;font-weight:500}
.hero h1 em{color:#B9501F;font-style:normal;font-weight:500;display:block}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.hero h1 .w i{display:inline-block;font-style:normal;transform:translateY(118%);transition:transform 1.1s var(--ease)}
.hero h1 .w i.em{color:#B9501F;font-style:normal}
.hero h1.kin .w i,.no-js .hero h1 .w i{transform:none}
@media (prefers-reduced-motion:reduce){.hero h1 .w i{transform:none!important;transition:none}}
.hero .lede{max-width:56ch;margin-top:1.1rem;color:#6E4A33;font-size:clamp(1.05rem,1.3vw,1.18rem)}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem 1.1rem;margin-top:1.9rem;align-items:center}
.hero-call{display:inline-flex;align-items:center;gap:.6rem;color:#6E4A33;font-size:.95rem;margin-top:1.5rem;flex-wrap:wrap}
.hero-call a{color:var(--ink);font-weight:600;border-bottom:1px solid rgba(224,102,46,.45);padding-bottom:1px}
.hero-call a:hover{color:var(--accent)}
.hero-call svg{color:#25A86B;flex:none}
.seite-optin .hero-call{flex-wrap:nowrap;align-items:flex-start}
.seite-optin .hero-call svg{margin-top:.2rem}
.termin .ort{font-weight:500}
.kk-leer,.termine-leer{color:var(--ink-2);line-height:1.6}
.termine-leer{grid-column:1/-1;text-align:center;max-width:38.75rem;margin-inline:auto}
.hero-bild{position:relative;justify-self:end;width:min(100%,440px)}
.hero-bild .bogen{position:relative;border-radius:999px 999px var(--radius) var(--radius);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow);background:var(--sand)}
.hero-bild .bogen img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:saturate(1.05)}
.hero-bild .bogen::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(242,165,141,.22),rgba(255,236,210,0) 55%);mix-blend-mode:multiply;pointer-events:none}
.hero-bild .glow{position:absolute;inset:-12% -10% auto -10%;height:70%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--hero-glow),.55),transparent 70%);z-index:-1;filter:blur(12px)}
.hero-bild .tag{position:absolute;left:-1rem;bottom:1.6rem;background:rgba(255,251,244,.92);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius-s);padding:.8rem 1rem;box-shadow:var(--shadow-s);max-width:16.25rem}
.hero-bild .tag b{display:block;font-family:var(--ff-display);font-weight:500;font-size:1.05rem}
.hero-bild .tag span{display:block;font-size:.82rem;color:var(--ink-2);margin-top:.15rem}
.scrollcue{position:absolute;left:50%;bottom:1.6rem;transform:translateX(-50%);z-index:4;color:#8C6446;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase}
.scrollcue .line{width:1px;height:40px;background:linear-gradient(var(--accent),transparent);position:relative;overflow:hidden}
.scrollcue .line::after{content:"";position:absolute;top:-40%;left:0;width:100%;height:40%;background:var(--accent);animation:cue 2.4s var(--ease) infinite}
@keyframes cue{0%{top:-40%}60%,100%{top:100%}}
@media (prefers-reduced-motion:reduce){.scrollcue .line::after{animation:none}}


.trust{background:var(--bg-2);border-block:1px solid var(--line);padding-block:1.4rem}
.trust-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 2.2rem}
.trust-item{display:flex;align-items:center;gap:.55rem;color:var(--ink-2);font-size:.86rem;font-weight:500;letter-spacing:.01em}
.trust-item svg{color:var(--accent);flex:none}


.sec{padding-block:clamp(4.5rem,9vw,8rem)}
.sec-head{max-width:47.5rem;margin-bottom:clamp(2.4rem,5vw,3.8rem)}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head .eyebrow{margin-bottom:1.1rem}
.sec-head p.lede{margin-top:1.1rem}
.sec.paper{background:var(--bg-2)}
.sec.sand{background:linear-gradient(180deg,var(--bg-2),var(--bg-3))}
.sec.tint{background:radial-gradient(90% 80% at 50% 0%,var(--hero-a),var(--bg) 70%)}


.empathy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.empathy-item{background:var(--bg);padding:1.7rem 1.5rem;display:grid;grid-template-rows:auto auto 1fr;gap:.55rem;transition:background .4s}
.empathy-item:hover{background:var(--card)}
.empathy-item .ico{width:44px;height:44px;border-radius:12px;background:var(--bg-2);display:grid;place-items:center;color:var(--accent)}
.empathy-item h3{font-size:calc(1.1rem + 1pt);font-family:var(--ff-display);font-weight:500;color:var(--ink);letter-spacing:0;line-height:1.3}
.empathy-item p{font-size:var(--kt);color:var(--ink-2);line-height:1.55}
.empathy-bridge{margin-top:2.4rem;text-align:center;max-width:45rem;margin-inline:auto}
.empathy-bridge p{font-family:var(--ff-display);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.38;color:var(--ink)}
.empathy-bridge .btn{margin-top:1.4rem}


.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.way{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-rows:subgrid;grid-row:span 6;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .6s;color:inherit}
.way::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(240,180,90,.16),transparent 60%)}
.way:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--sand-2)}
.way:hover::before{opacity:1}
.way-art{position:relative;height:150px;overflow:hidden}
.way-art canvas{position:absolute;inset:0;width:100%;height:100%}
.way-art .glyph{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:rgba(255,248,236,.95)}
.way-art .glyph svg{width:58px;height:58px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.way .kicker{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600;padding:1.4rem 1.4rem 0}
.way h3{font-size:calc(1.45rem + 1pt);padding:.5rem 1.4rem 0}
.way p{font-size:var(--kt);color:var(--ink-2);line-height:1.58;padding:.7rem 1.4rem 0}
.way-for{padding:1.1rem 1.4rem 0}
.way-for>span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:.5rem}
.tags{display:flex;flex-wrap:wrap;gap:.35rem}
.tag{font-size:.78rem;padding:.3rem .66rem;border-radius:99px;background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line);transition:background .3s,color .3s,border-color .3s}
a.tag:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.way-link{padding:1.1rem 1.4rem 1.5rem;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:.4rem;align-self:end;font-size:.95rem;text-wrap:balance}
.way-link svg{transition:transform .35s var(--ease)}
.way:hover .way-link svg{transform:translateX(4px)}


.mech-lead{max-width:48.75rem}
.mech-lead .big{font-family:var(--ff-display);font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.25;color:var(--ink)}
.mech-lead .big em{color:#B9501F}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3rem}
.step{position:relative;padding:2rem 1.7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:.5rem;box-shadow:var(--shadow-s)}
.step .num{font-family:var(--ff-display);font-size:2.5rem;color:var(--accent-2);line-height:1;font-style:normal}
.step h3{font-size:calc(1.22rem + 1pt);font-family:var(--ff-display);font-weight:500;letter-spacing:0;line-height:1.35}
.step p{color:var(--ink-2);font-size:var(--kt);line-height:1.6}
.step-connect{position:absolute;top:2.6rem;right:-1.05rem;color:var(--accent);z-index:2}


.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.portrait{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;background:var(--sand);box-shadow:var(--shadow)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(242,165,141,.18),transparent 50%);mix-blend-mode:multiply;pointer-events:none}
.portrait .frame{position:absolute;inset:auto 0 0 0;z-index:3;padding:1.3rem 1.5rem;background:linear-gradient(0deg,rgba(51,32,15,.55),transparent);color:#FCEFDF}
.portrait .frame .nm{font-family:var(--ff-display);font-size:1.45rem;display:block}
.portrait .frame .rl{font-size:.82rem;color:#F3DDC4;letter-spacing:.02em}
.about-body h2{margin-bottom:1.1rem}
.about-quote{font-family:var(--ff-display);font-style:normal;font-size:clamp(1.3rem,2.3vw,1.75rem);line-height:1.35;color:var(--ink);margin:.9rem 0 1.3rem}
.about-body p{color:var(--ink-2);margin-bottom:1rem;font-size:1.02rem}
.creds{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}
.cred{font-size:.8rem;padding:.38rem .78rem;border-radius:99px;background:var(--bg);border:1px solid var(--line);color:var(--ink-2);font-weight:500}
.timeline{margin-top:3.2rem;border-top:1px solid var(--line);padding-top:2.3rem;display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem}
.tl-item{position:relative;padding-top:1.4rem}
.tl-item::before{content:"";position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--bg-2)}
.tl-item .yr{font-family:var(--ff-display);font-weight:600;color:var(--accent);font-size:.95rem;margin-bottom:.3rem}
.tl-item p{font-size:.85rem;color:var(--ink-2);line-height:1.45}


.voices{columns:3;column-gap:1.2rem}
.voice{display:inline-block;width:100%;break-inside:avoid;margin-bottom:1.2rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.6rem 1.4rem;box-shadow:var(--shadow-s)}
.voice .quote-mark{font-family:var(--ff-display);font-size:2.4rem;line-height:.4;color:var(--accent-2);height:1rem;display:block;margin-bottom:.6rem}
.voice p{font-size:var(--kt);color:var(--ink);line-height:1.62;font-family:var(--ff-display);font-weight:400}
.voice .who{margin-top:.9rem;font-size:.82rem;color:var(--ink-2);font-weight:600;letter-spacing:.04em;font-family:var(--ff)}
.voices-note{text-align:center;color:var(--ink-2);font-size:.9rem;margin-top:1.2rem}


.breath-invite{background:radial-gradient(80% 90% at 50% 40%,var(--hero-a),var(--bg-2));text-align:center;padding-block:clamp(4.5rem,10vw,7.5rem);overflow:hidden}
.breath-invite h2{max-width:24ch;margin-inline:auto}
.orbwrap{position:relative;width:min(44vmin,280px);aspect-ratio:1;margin:2.4rem auto 0;display:grid;place-items:center}
.orb{width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe6b8,#f1a487 40%,#e0662e 74%,#c2501f);box-shadow:0 0 90px rgba(240,164,120,.5),inset 0 0 70px rgba(255,230,180,.45);animation:breathe 11s ease-in-out infinite}
.orb::after{content:"";position:absolute;inset:-16%;border-radius:50%;border:1px solid rgba(224,102,46,.35);animation:halo 11s ease-in-out infinite}
.orb-word{position:absolute;z-index:3;font-family:var(--ff-display);font-style:normal;font-size:1.5rem;color:#3a2410;animation:breatheword 11s ease-in-out infinite}

@keyframes breathe{0%,100%{transform:scale(.86);filter:brightness(.95)}36.4%{transform:scale(1.08);filter:brightness(1.08)}}
@keyframes halo{0%,100%{transform:scale(.82);opacity:.2}36.4%{transform:scale(1.14);opacity:.6}}
@keyframes breatheword{0%,100%{opacity:.55}36.4%{opacity:1}}
.breath-invite .cue{margin-top:2rem;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){.orb,.orb::after,.orb-word{animation:none}}


.price-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.3rem;align-items:start}
.price-main{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:2.1rem 2rem;box-shadow:var(--shadow-s)}
.price-main h3{font-size:calc(1.25rem + 1pt);font-family:var(--ff-display);font-weight:500;letter-spacing:0;margin-bottom:1.2rem}
.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.95rem 0;border-bottom:1px solid var(--line)}
.price-row:last-of-type{border-bottom:0}
.price-row .lbl b{font-weight:600;color:var(--ink);font-size:1.02rem}
.price-row .lbl span{display:block;font-size:.86rem;color:var(--ink-2);margin-top:.15rem}
.price-row .amt{font-family:var(--ff-display);font-weight:600;color:var(--accent);font-size:1.2rem;white-space:nowrap}
.price-side{display:flex;flex-direction:column;gap:1.2rem}
.price-note{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:1.25rem 1.35rem}
.price-note h4{font-family:var(--ff-display);font-weight:500;font-size:calc(.95rem + 1pt);letter-spacing:0;margin-bottom:.45rem;color:var(--ink);display:flex;align-items:center;gap:.5rem}
.price-note h4 svg{color:var(--accent);flex:none}
.price-note p{font-size:.92rem;color:var(--ink-2);line-height:1.55}
.price-pay{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}
.pay-chip{font-size:.78rem;padding:.3rem .7rem;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--ink-2);font-weight:500}
.price-hinweis{margin-top:1.4rem;font-size:.9rem;color:var(--ink-2);line-height:1.6;max-width:70ch}


.faq{max-width:51.25rem;margin-inline:auto}
.qa{border-bottom:1px solid var(--line)}
.qa button{width:100%;background:none;border:0;cursor:pointer;text-align:left;padding:1.35rem 0;display:flex;justify-content:space-between;align-items:center;gap:1.4rem;font-family:var(--ff-display);font-size:clamp(1.08rem,1.9vw,1.3rem);color:var(--ink);font-weight:500;line-height:1.3}
.qa .plus{flex:none;width:30px;height:30px;position:relative;transition:transform .4s var(--ease)}
.qa .plus::before,.qa .plus::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent)}
.qa .plus::before{width:16px;height:2px}
.qa .plus::after{width:2px;height:16px;transition:transform .4s var(--ease)}
.qa.open .plus{transform:rotate(90deg)}
.qa.open .plus::after{transform:translate(-50%,-50%) scaleY(0)}
.qa .ans{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.no-js .qa .ans{max-height:none}
.qa .ans p{padding:0 0 1.4rem;color:var(--ink-2);line-height:1.65;max-width:66ch;font-size:var(--kt)}
.qa .ans a{color:var(--accent);font-weight:600}


.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.contact-info h2{margin-bottom:1.2rem}
.info-block{display:flex;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--line-2)}
.info-block:last-of-type{border-bottom:0}
.info-block .ico{flex:none;width:42px;height:42px;border-radius:12px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}
.info-block .t span{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.2rem}
.info-block .t b{font-weight:500;color:var(--ink);font-size:1.02rem;font-family:var(--ff)}
.info-block .t a{color:var(--ink);border-bottom:1px solid rgba(224,102,46,.4)}
.info-block .t a:hover{color:var(--accent)}
.k-karte{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:2.1rem 2rem;box-shadow:var(--shadow);position:relative;overflow:hidden}
.k-karte::before{content:"";position:absolute;inset:-40% -30% auto auto;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--hero-glow),.35),transparent 70%);pointer-events:none}
.k-karte h3{font-family:var(--ff-display);font-weight:500;font-size:calc(1.6rem + 1pt);margin-bottom:.4rem;position:relative}
.k-karte .knote{font-size:.95rem;color:var(--ink-2);margin-bottom:1.3rem;position:relative}
.haken{list-style:none;display:grid;gap:.65rem;margin-bottom:1.6rem;position:relative}
.haken li{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--kt);color:var(--ink);line-height:1.5}
.haken li i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;margin-top:.1rem}
.haken li i svg{width:12px;height:12px}
.k-karte .btn{position:relative}
.k-karte .zweit{margin-top:.9rem;display:flex;justify-content:center;position:relative}
.k-karte .zweit a{font-size:.95rem}
.k-zeile{font-size:.85rem;color:var(--ink-2);text-align:center;margin-top:.9rem;position:relative}


.foot{background:var(--sand);color:var(--ink);padding-block:3.6rem 2.2rem;border-top:1px solid var(--line-2)}
.foot-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:2.2rem;padding-bottom:2.6rem;border-bottom:1px solid var(--sand-2)}
.foot .brand-f .word{font-family:var(--ff);font-weight:500;letter-spacing:.3em;font-size:1rem}
.foot .brand-f .swash{width:170px;height:10px;color:var(--accent);margin:.7rem 0}
.foot .brand-f p{color:var(--ink-2);font-size:.92rem;max-width:36ch;margin-top:.5rem}
.foot .fh{font-family:var(--ff);font-weight:600;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-bottom:1rem}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.foot ul a{color:var(--ink);font-size:.92rem;opacity:.9}
.foot ul a:hover{color:var(--accent);opacity:1}
.foot-rat{padding-top:2rem;border-bottom:1px solid var(--sand-2);padding-bottom:1.8rem}
.foot-ratliste{columns:3;column-gap:2.2rem;gap:.35rem;display:block}
.foot-ratliste li{break-inside:avoid;padding:.18rem 0}
.foot-ratliste a{font-size:.86rem;color:var(--ink-2);line-height:1.45}
.foot-ratliste a:hover{color:var(--accent)}
.foot-fakten{padding:1.8rem 0 0;color:var(--ink-2);font-size:.9rem;line-height:1.6;max-width:90ch}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1.5rem;padding-top:1.4rem;color:var(--ink-2);font-size:.82rem}
.foot-bottom a{color:var(--ink-2);border-bottom:1px solid transparent}
.foot-bottom a:hover{color:var(--accent);border-color:var(--accent)}


.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;gap:.6rem;padding:.65rem;background:rgba(253,244,233,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(120%);transition:transform .5s var(--ease)}
.sticky-cta.show{transform:none}
.sticky-cta a{flex:1 1 0;min-width:0;justify-content:center;padding:.75rem .5rem;font-size:.86rem;white-space:normal;line-height:1.2}
.sticky-cta .btn-wa{flex:0 0 auto;white-space:nowrap}
.sticky-cta{overflow:hidden}


.preload{position:fixed;inset:0;z-index:120;background:var(--bg);display:grid;place-items:center;transition:opacity .7s var(--ease),visibility .7s;animation:preweg .6s 2.4s var(--ease) forwards}
@keyframes preweg{to{opacity:0;visibility:hidden}}
.preload.done,.no-js .preload{opacity:0;visibility:hidden}
.preload .dot{width:26px;height:26px;border-radius:50%;background:var(--grad);box-shadow:0 0 40px rgba(227,165,74,.6);animation:breathe 3s ease-in-out infinite}


.page-head{position:relative;overflow:hidden;padding-block:6.6rem 3.5rem;background:radial-gradient(110% 90% at 85% 0%,var(--hero-c) 0%,var(--hero-b) 36%,var(--hero-a) 68%,var(--bg) 100%)}
.page-head.hypnose{--hero-a:#FDE8DC;--hero-b:#F9CDB7;--hero-c:#F4A985;--hero-glow:238,121,72}
.page-head.chiro{--hero-a:#FEEFE8;--hero-b:#FBDCCD;--hero-c:#F5B9A1;--hero-glow:242,165,141}
.page-head.waving{--hero-a:#FDE9E0;--hero-b:#F9CFBE;--hero-c:#F0A48A;--hero-glow:236,140,110}
.page-head.atem{--hero-a:#FFF1EB;--hero-b:#FCE0D3;--hero-c:#F7C2AD;--hero-glow:245,175,150}
.page-head.ratgeber{--hero-a:#FDEBE2;--hero-b:#F9D2C1;--hero-c:#F3A98F;padding-block:7.6rem 3.6rem}
.ph-grid.ph-1{grid-template-columns:minmax(0,760px)}
.page-head .kurz{margin-bottom:0;padding:1.7rem 1.9rem;background:rgba(255,251,244,.86);backdrop-filter:blur(8px)}
.page-head .kurz p:not(.kt){font-size:clamp(1.05rem,1.55vw,1.18rem)}
.page-head .wrap{position:relative;z-index:2}
.ph-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ph-grid .eyebrow{margin-bottom:1.4rem;color:#B9501F}
.ph-grid h1{font-size:calc(clamp(1.9rem,3.2vw,2.9rem) + 1pt);font-weight:500;max-width:24ch;line-height:1.08}
.ph-grid h1 em{color:#B9501F;font-style:normal}
.ph-grid .lede{margin-top:1rem;max-width:54ch;color:#6E4A33;font-size:clamp(1.02rem,1.25vw,1.15rem)}
.ph-grid .hero-cta{margin-top:1.6rem}
.door-art{position:relative;justify-self:end;width:min(100%,420px);aspect-ratio:4/5;border-radius:999px 999px var(--radius) var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.door-art canvas{position:absolute;inset:0;width:100%;height:100%}
.door-art .glyph{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:rgba(255,248,236,.95)}
.door-art .glyph svg{width:120px;height:120px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.28))}
.door-art .fakt{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:3;background:rgba(255,251,244,.92);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius-s);padding:.9rem 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.door-art .fakt b{display:block;font-family:var(--ff-display);font-weight:500;font-size:1.05rem;color:var(--ink)}
.door-art .fakt span{display:block;font-size:.76rem;color:var(--ink-2)}
.nutzen{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.nutzen-karte{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.6rem;display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:.6rem;box-shadow:var(--shadow-s)}
.nutzen-karte .ico{width:46px;height:46px;border-radius:13px;background:var(--bg-2);display:grid;place-items:center;color:var(--accent)}
.nutzen-karte h3{font-size:calc(1.2rem + 1pt);font-family:var(--ff-display);font-weight:500;letter-spacing:0;line-height:1.35}
.nutzen-karte p{font-size:var(--kt);color:var(--ink-2);line-height:1.6}
.zweispalt{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.zweispalt .text p{color:var(--ink-2);margin-bottom:1rem;font-size:1.02rem;line-height:1.65}
.zweispalt .text p:last-child{margin-bottom:0}
.fakten{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-s);padding:1.5rem 1.6rem;box-shadow:var(--shadow-s)}
.fakten .ft{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.6rem}
.fakten p{color:var(--ink);line-height:1.62;font-size:var(--kt);margin-top:.5rem}
.fakten p:first-of-type{margin-top:0}
.fakten .stand{margin-top:.8rem;font-size:.82rem;color:var(--ink-3)}
.hilft{margin-top:2.6rem}
.hilft h3{font-size:calc(1.1rem + 1pt);font-family:var(--ff-display);font-weight:500;letter-spacing:0;margin-bottom:.8rem}
.hilft .tags{gap:.45rem}
.hilft .tag{font-size:.86rem;padding:.42rem .85rem}
.stimme-gross{max-width:53.75rem;margin-inline:auto;text-align:center}
.stimme-gross .quote-mark{font-family:var(--ff-display);font-size:3rem;color:var(--accent-2);line-height:.5;display:block;margin-bottom:1rem}
.stimme-gross p{font-family:var(--ff-display);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5;color:var(--ink)}
.stimme-gross .who{margin-top:1rem;font-size:.85rem;color:var(--ink-2);font-weight:600;letter-spacing:.04em}
.schluss{text-align:center;padding-block:clamp(4.5rem,9vw,7.5rem);background:radial-gradient(90% 90% at 50% 100%,var(--hero-a),var(--bg) 75%)}
.schluss h2{max-width:22ch;margin-inline:auto}
.schluss .lede{max-width:56ch;margin:1.1rem auto 0}
.schluss .hero-cta{justify-content:center;margin-top:2.2rem}
.schluss .k-zeile{margin-top:1rem}


.kurz{background:radial-gradient(120% 120% at 100% 0%,var(--hero-a),var(--card) 70%);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.7rem;margin-bottom:1.8rem;box-shadow:var(--shadow-s)}
.kurz .kt{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.5rem}
.kurz p{color:var(--ink);line-height:1.62;font-size:clamp(1.02rem,1.5vw,1.12rem)}
.karten{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.9rem;grid-template-columns:1fr 1fr}
.karten.eins{grid-template-columns:minmax(0,1fr)}
.karten li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);padding:1.2rem 1.3rem;box-shadow:var(--shadow-s);margin:0}
.karten b{display:block;font-family:var(--ff-display);font-weight:500;font-size:1.12rem;line-height:1.3;color:var(--ink)}
.karten span{display:block;margin-top:.4rem;color:var(--ink-2);font-size:var(--kt);line-height:1.6}
.ablauf{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.9rem}
.ablauf li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:1rem;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);padding:1.2rem 1.3rem;margin:0}
.ablauf .n{width:44px;height:44px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-family:var(--ff-display);font-weight:600;font-size:1.15rem;color:#fff}
.ablauf b{display:block;font-family:var(--ff-display);font-weight:500;font-size:1.12rem;line-height:1.3}
.ablauf p{margin-top:.35rem;color:var(--ink-2);font-size:var(--kt);line-height:1.6}
.gegen{margin-top:1.3rem;border:1px solid var(--line);border-radius:var(--radius-s);overflow:hidden;background:var(--card)}
.gegen .gz{display:grid;grid-template-columns:1fr 1fr}
.gegen .gz+.gz{border-top:1px solid var(--line)}
.gegen .gz>div{padding:.9rem 1.1rem;font-size:var(--kt);line-height:1.55;color:var(--ink-2)}
.gegen .gz>div+div{border-left:1px solid var(--line);color:var(--ink)}
.gegen .gk>div{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;background:var(--bg-2)}
.stimmen-liste{margin-top:1.3rem;display:grid;gap:.9rem}
.stimmen-liste figure{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent-2);border-radius:var(--radius-s);padding:1.2rem 1.4rem;margin:0}
.stimmen-liste blockquote{font-family:var(--ff-display);font-size:var(--kt);line-height:1.65;color:var(--ink)}
.stimmen-liste figcaption{margin-top:.6rem;font-size:.82rem;color:var(--ink-2);font-weight:600}
.meta-zeile{margin-top:1rem;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#B9501F;font-weight:600}
.brotkrumen{font-size:.82rem;color:var(--ink-2);margin-bottom:1.2rem;display:flex;flex-wrap:wrap;gap:.4rem}
.brotkrumen a{color:var(--ink-2)}
.brotkrumen a:hover{color:var(--accent)}


.optin .hero-in{grid-template-columns:1.1fr .9fr}
.kurskarte{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem 1.7rem 1.5rem;box-shadow:var(--shadow);position:relative;overflow:hidden;justify-self:end;width:min(100%,440px)}
.kurskarte::before{content:"";position:absolute;inset:-45% -30% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--hero-glow),.45),transparent 70%);pointer-events:none}
.kurskarte>*{position:relative}
.kurskarte .kk-marke{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600}
.kurskarte .kk-marke i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:puls 2.4s ease-in-out infinite}
@keyframes puls{0%,100%{box-shadow:0 0 0 0 rgba(224,102,46,.5)}60%{box-shadow:0 0 0 8px rgba(224,102,46,0)}}
.kurskarte h2{font-size:calc(1.45rem + 1pt);margin-top:.7rem}
.kk-termin{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-top:1.1rem;padding:1rem 1.1rem;background:var(--bg-2);border-radius:var(--radius-s);border:1px solid var(--line)}
.kk-termin .tag{font-family:var(--ff-display);font-size:2.4rem;line-height:.9;color:var(--accent);font-weight:500;padding:0;border:0;background:none;border-radius:0}
.kk-termin b{display:block;font-weight:600}
.kk-termin span{display:block;font-size:.88rem;color:var(--ink-2);margin-top:.15rem}
.kk-termin+.kk-termin{margin-top:.7rem}
.kk-fakten{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
.kk-fakten li{font-size:.86rem;color:var(--ink-2)}
.kk-fakten b{display:block;color:var(--ink);font-size:1rem}
.kurskarte .btn{margin-top:1.2rem}
.zeigt{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:60rem;margin-inline:auto}
.zeigt li{list-style:none;display:flex;gap:.9rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);padding:1.2rem 1.3rem;box-shadow:var(--shadow-s);font-size:var(--kt);line-height:1.55}
.zeigt li i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;margin-top:.1rem}
.zeigt li i svg{width:13px;height:13px}
.fuenf{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.fuenf article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.3rem;display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:.5rem;box-shadow:var(--shadow-s)}
.fuenf .num{font-family:var(--ff-display);font-size:2.2rem;line-height:1;color:var(--accent-2);font-style:normal}
.fuenf h3{font-size:calc(1.08rem + 1pt);font-family:var(--ff-display);font-weight:500;letter-spacing:0;line-height:1.35}
.fuenf p{font-size:var(--kt);color:var(--ink-2);line-height:1.58}
.termine{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:56.25rem;margin-inline:auto}
.termin{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.7rem;display:grid;grid-template-rows:subgrid;grid-row:span 6;gap:.4rem;box-shadow:var(--shadow-s)}
.termin .datum{font-family:var(--ff-display);font-size:1.9rem;line-height:1.05;color:var(--ink)}
.termin .zeit{color:var(--accent);font-weight:600}
.termin h3{font-size:calc(1.15rem + 1pt);font-family:var(--ff-display);font-weight:500;letter-spacing:0;line-height:1.35;margin-top:.4rem}
.termin p{font-size:var(--kt);color:var(--ink-2);line-height:1.58}
.termin .btn{align-self:end;margin-top:.8rem;justify-content:center}
.guide{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:62.5rem;margin-inline:auto}
.guide .portrait{aspect-ratio:1;border-radius:50%;max-width:21.25rem}
.guide .portrait img{object-position:50% 22%}
.guide .portrait::after{display:none}
.guide h2{margin-bottom:.8rem}
.guide p{color:var(--ink-2);margin-bottom:.9rem;font-size:1.02rem;line-height:1.65}
dialog.dlg{border:0;padding:0;background:transparent;max-width:min(92vw,560px);width:100%;margin:auto}
dialog.dlg::backdrop{background:rgba(51,32,15,.45);backdrop-filter:blur(6px)}
.dlg-karte{background:var(--card);border-radius:var(--radius);padding:2rem 1.9rem 1.7rem;position:relative;box-shadow:var(--shadow);max-height:92vh;overflow:auto}
.dlg-zu{position:absolute;top:.9rem;right:.9rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-size:1.4rem;line-height:1;color:var(--ink)}
.dlg-karte .eyebrow{margin-bottom:.7rem}
.dlg-karte h2{font-size:calc(1.55rem + 1pt);margin-bottom:.4rem}
.dlg-karte .dtext{color:var(--ink-2);font-size:.95rem;margin-bottom:1.2rem}
.field{position:relative;margin-bottom:.9rem}
.field input,.field select,.field textarea{width:100%;font-family:var(--ff);font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:12px;padding:1.2rem 1rem .5rem;transition:border .3s,box-shadow .3s}
.field label{position:absolute;left:1rem;top:1rem;color:var(--ink-3);font-size:1rem;pointer-events:none;transition:.25s var(--ease)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,102,46,.14)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field select+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:.4rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.field input::placeholder,.field textarea::placeholder{color:transparent}
.field .err{display:none;font-size:.78rem;color:#B3402A;margin:.3rem 0 0 .4rem}
.field.invalid input,.field.invalid select{border-color:#CF6A4A}
.field.invalid .err{display:block}
.hp{position:absolute;left:-9999px;top:-9999px;opacity:0}
.wahl{display:grid;gap:.5rem;margin-bottom:1rem}
.wahl label{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--line-2);border-radius:12px;background:var(--bg);cursor:pointer;font-size:.95rem;line-height:1.4}
.wahl label:has(input:checked){border-color:var(--accent);background:#FFF5EC}
.wahl input{margin-top:.25rem;accent-color:var(--accent)}
.wahl b{display:block}
.wahl span{color:var(--ink-2);font-size:.86rem}
.einwillig{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;color:var(--ink-2);margin:.4rem 0 1.2rem;line-height:1.45}
.einwillig input{margin-top:.25rem;accent-color:var(--accent)}
.einwillig a{color:var(--accent);font-weight:600}
.form-ok{display:none;text-align:center;padding:1rem 0}
.form-ok.show{display:block}
.form-ok .check{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff}
.form-ok h3{font-family:var(--ff-display);font-weight:500;font-size:calc(1.5rem + 1pt);margin-bottom:.5rem}
.form-ok p{color:var(--ink-2);font-size:.95rem}
.form-fehler{display:none;font-size:.88rem;color:#B3402A;margin:.4rem 0 .8rem}
.form-fehler.show{display:block}


.doc{max-width:51.25rem}
.doc h2{font-size:calc(clamp(1.35rem,2.4vw,1.8rem) + 1pt);margin:clamp(2rem,4vw,3rem) 0 .5rem}
.doc h3{font-size:calc(1.1rem + 1pt);font-family:var(--ff-display);font-weight:500;letter-spacing:0;margin:1.4rem 0 .3rem}
.doc p,.doc li{color:var(--ink-2);line-height:1.7;margin-top:.7rem;font-size:1rem}
.doc ul{margin-left:1.2em}
.doc .inhalt{list-style:none;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.doc .inhalt li{margin:0}
.doc .inhalt a{display:inline-block;font-size:.86rem;padding:.4rem .8rem;border-radius:99px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink)}
.doc .inhalt a:hover{border-color:var(--accent);color:var(--accent)}
.doc .stand{font-size:.84rem;color:var(--ink-3);margin-top:1.4rem}




@media (max-width:73.75em){
  .ways{grid-template-columns:repeat(2,1fr)}
  .fuenf{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:82.5em){
  .nav-links{display:none}
  .burger{display:flex}
  .hero-eyebrow,.ph-grid .eyebrow{font-size:.68rem;letter-spacing:.16em}
  .hero-in{padding-top:6rem}
  .page-head{padding-top:5.6rem}
  .ph-grid .hero-cta{margin-top:1.1rem}
  .ph-grid .lede{margin-top:.8rem}
  .hero .breathline,.page-head .breathline{margin:.8rem 0}
  .hero-eyebrow{margin-bottom:.9rem}
  .hero-cta{margin-top:1.4rem}
}
@media (max-width:62.5em){
  [data-reveal="left"],[data-reveal="right"]{transform:translateY(28px)}
  .hero-in{grid-template-columns:minmax(0,1fr);padding-block:7.5rem 4rem}
  .hero-bild{justify-self:center;width:min(100%,380px)}
  .optin .hero-in{grid-template-columns:minmax(0,1fr)}
  .kurskarte{justify-self:center}
  .empathy-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:minmax(0,1fr);max-width:35rem;margin-inline:auto}
  .step-connect{display:none}
  .about{grid-template-columns:minmax(0,1fr);gap:2.3rem}
  .portrait{max-width:26.25rem;margin-inline:auto}
  .timeline{grid-template-columns:repeat(3,1fr);row-gap:2rem}
  .voices{columns:2}
  .price-grid{grid-template-columns:minmax(0,1fr)}
  .contact{grid-template-columns:minmax(0,1fr)}
  .foot-top{grid-template-columns:1fr 1fr;gap:2rem}
  .foot-ratliste{columns:2}
  .ph-grid{grid-template-columns:minmax(0,1fr)}
  .door-art{justify-self:center;width:min(100%,380px)}
  .nutzen{grid-template-columns:minmax(0,1fr);max-width:35rem;margin-inline:auto}
  .zweispalt{grid-template-columns:minmax(0,1fr)}
  .guide{grid-template-columns:minmax(0,1fr);text-align:center}
  .guide .portrait{margin-inline:auto}
  .termine{grid-template-columns:minmax(0,1fr);max-width:35rem}
  .fuenf{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:42.5em){
  body{font-size:16px}
  .hero-cta .btn-ghost{display:none}
  .hdr .nav .btn-primary{display:none}
  .hero{min-height:auto}
  .hero-in{padding-block:5.6rem 3.4rem;text-align:center}
  .nurdesk{display:none}
  .page-head{padding-block:5.6rem 3rem}
  .ph-grid h1{font-size:calc(1.85rem + 1pt)}
  .ph-grid .lede{margin-top:.6rem}
  .ph-grid .hero-cta{margin-top:1.2rem}
  .page-head .breathline{margin:.7rem auto .5rem;width:160px}
  .hero-eyebrow{margin-bottom:.9rem}
  .hero .breathline{margin:.7rem auto .5rem;width:160px}
  .hero .lede{margin-top:.6rem}
  .hero-cta{margin-top:1.3rem}
  .hero-call{margin-top:1rem}
  .hero h1{margin-inline:auto}
  .hero .lede,.hero-eyebrow{margin-inline:auto}
  .hero-cta,.hero-call{justify-content:center}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-bild{width:min(100%,320px);margin-top:1rem}
  .hero-bild .tag{position:relative;left:auto;bottom:auto;transform:none;max-width:none;width:calc(100% - 1.6rem);margin:-2.2rem auto 0;text-align:center;padding:.9rem 1rem}
  .foot-ratliste{columns:1;text-align:center}
  .scrollcue{display:none}
  .sec-head,.sec-head.center{text-align:center}
  .sec-head .eyebrow{justify-content:center}
  .empathy-grid{grid-template-columns:minmax(0,1fr)}
  .empathy-item{text-align:center;justify-items:center}
  .ways{grid-template-columns:minmax(0,1fr);max-width:32.5rem;margin-inline:auto}
  .way{text-align:center}
  .way .kicker,.way h3,.way p,.way-for,.way-link{text-align:center;justify-content:center}
  .tags{justify-content:center}
  .mech-lead{text-align:center}
  .step{text-align:center;justify-items:center}
  .about-body{text-align:center}
  .about-body .eyebrow,.creds{justify-content:center}
  .timeline{grid-template-columns:1fr 1fr}
  .tl-item{text-align:center}
  .tl-item::before{left:50%;transform:translateX(-50%)}
  .voices{columns:1;gap:1rem}
  .voice{text-align:center}
  .price-row{flex-direction:column;align-items:center;text-align:center;gap:.2rem}
  .price-main,.price-note{text-align:center}
  .price-note h4,.price-pay{justify-content:center}
  .contact-info{text-align:center}
  .contact-info .eyebrow{justify-content:center}
  .info-block{flex-direction:column;align-items:center;text-align:center}
  .k-karte{text-align:center}
  .haken li{justify-content:center;text-align:left}
  .foot-top{grid-template-columns:minmax(0,1fr);text-align:center}
  .foot .brand-f p{margin-inline:auto}
  .foot-fakten,.foot-bottom{text-align:center;justify-content:center}
  .sticky-cta{display:flex}
  .ph-grid{text-align:center}
  .ph-grid h1,.ph-grid .lede{margin-inline:auto}
  .ph-grid .eyebrow{justify-content:center}
  .ph-grid .hero-cta{justify-content:center}
  .ph-grid .hero-cta .btn{width:100%;justify-content:center}
  .nutzen-karte{text-align:center;justify-items:center}
  .zweispalt .text{text-align:center}
  .fakten{text-align:left}
  .hilft{text-align:center}
  .karten{grid-template-columns:minmax(0,1fr)}
  .gegen .gz{grid-template-columns:minmax(0,1fr)}
  .gegen .gz>div+div{border-left:0;border-top:1px dashed var(--line)}
  .gegen .gk{display:none}
  .gegen .gz>div::before{display:block;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.25rem;content:attr(data-k)}
  .zeigt{grid-template-columns:minmax(0,1fr)}
  .fuenf{grid-template-columns:minmax(0,1fr);max-width:28.75rem;margin-inline:auto}
  .fuenf article{text-align:center;justify-items:center}
  .termin{text-align:center;justify-items:center}
  .schluss .hero-cta .btn{width:100%}
}
@media (max-width:23.75em){
  .brand .word{font-size:.84rem;letter-spacing:.24em}
  .brand .sub{font-size:.55rem;letter-spacing:.16em}
  .brand .swash{width:120px}
  .hdr-in{gap:.6rem}
  .brand{min-width:0}
  .nav{flex:none}
  .brand .word{letter-spacing:.2em;font-size:.84rem}
  .brand .swash{width:120px}
}

@media (max-width:42.5em) and (max-height:37.5em){.hero .breathline,.page-head .breathline{display:none}.page-head{padding-top:4.6rem}.hero-in{padding-top:4.6rem}.hero-eyebrow{margin-bottom:.6rem}.hero .lede{font-size:1rem;margin-top:.5rem}.hero-cta{margin-top:1rem}}

@media (max-width:22.5em){.sticky-cta a{font-size:.8rem;padding:.7rem .4rem;gap:.35rem}.brand .word{font-size:.76rem;letter-spacing:.18em}.brand .sub,.brand .swash{display:none}.burger{padding:.3rem}}


@media (min-width:62.5625em){.price-side{position:sticky;top:5.5rem;align-self:start}}

@media (min-width:62.5625em) and (max-height:40em){
  .hero{min-height:auto}
  .hero-in{padding-block:5.4rem 2.4rem;align-items:start}
  .hero .h-xxl{font-size:calc(clamp(1.9rem,2.6vw,2.4rem) + 1pt)}
  .hero .lede{font-size:1rem;max-width:54ch;margin-top:.7rem}
  .hero-eyebrow,.ph-grid .eyebrow{margin-bottom:.7rem}
  .hero .breathline,.page-head .breathline{margin:.6rem 0}
  .hero-cta,.ph-grid .hero-cta{margin-top:1rem}
  .hero-call{margin-top:.8rem}
  .hero-bild{width:min(100%,300px)}
  .page-head{padding-block:5.2rem 2.4rem}
  .ph-grid{align-items:start}
  .ph-grid h1{font-size:calc(clamp(1.8rem,2.5vw,2.3rem) + 1pt)}
  .ph-grid .lede{font-size:1rem;max-width:56ch;margin-top:.6rem}
  .door-art{width:min(100%,300px)}
  .kurskarte{transform:scale(.9);transform-origin:top center}
}
@media (min-width:62.5625em) and (max-height:32.5em){
  .hero .breathline,.page-head .breathline{display:none}
  .hero-in,.page-head{padding-top:4.8rem}
  .hero .lede,.ph-grid .lede{font-size:.95rem}
  .hero-bild,.door-art{width:min(100%,260px)}
}

@media (max-width:42.5em) and (max-height:32.5em){
  .hdr{padding:.55rem 0}
  .hero-in,.page-head{padding-top:3.6rem}
  .hero .h-xxl,.ph-grid h1{font-size:calc(1.45rem + 1pt)}
  .hero .lede,.ph-grid .lede{font-size:.9rem;line-height:1.5;margin-top:.4rem}
  .hero-eyebrow,.ph-grid .eyebrow{font-size:.6rem;margin-bottom:.4rem}
  .hero-cta{margin-top:.8rem}
  .hero-cta .btn{padding:.8rem 1rem;font-size:.92rem}
}

.foot .brand-f .word{white-space:nowrap}
@media (max-width:73.75em){.foot .brand-f .word{letter-spacing:.2em;font-size:.92rem}}



.sec,.schluss{--oben:var(--bg)}
.schluss{--oben:#FFF7F3;background:radial-gradient(90% 90% at 50% 100%,#FBE0D3,#FFF7F3 75%)}
.sec.ton-k1{--oben:#FFF7F3;background:radial-gradient(60% 55% at 86% 60%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%),linear-gradient(180deg,#FFF7F3,#FFF1EA)}
.sec.ton-k2{--oben:#FDEDE5;background:radial-gradient(55% 55% at 12% 58%,rgba(255,250,247,.6),rgba(255,250,247,0) 70%),linear-gradient(180deg,#FDEDE5,#FBE6DC)}
.sec.ton-k3{--oben:#FBE3D7;background:radial-gradient(60% 55% at 86% 45%,rgba(255,244,238,.6),rgba(255,244,238,0) 70%),linear-gradient(180deg,#FBE3D7,#F9DACC)}
.sec.ton-k4{--oben:#F8D6C6;background:radial-gradient(55% 60% at 16% 40%,rgba(253,236,228,.7),rgba(253,236,228,0) 70%),linear-gradient(180deg,#F8D6C6,#F5CCBA)}
.welle{position:absolute;left:0;right:0;top:-55px;width:100%;height:56px;z-index:3;pointer-events:none;overflow:visible;display:block}
.welle .wf{fill:var(--oben)}
.welle .wl{fill:none;stroke:#E59A7E;stroke-width:1.4;opacity:.55;vector-effect:non-scaling-stroke}
.foot .welle .wl,.breath-invite .welle .wl{opacity:.7}
@media (max-width:42.5em){.welle{top:-29px;height:30px}}


.empathy-grid{gap:1.1rem;background:none;border:0;border-radius:0;overflow:visible}
.empathy-item{background:#fff;border:1px solid rgba(232,205,176,.85);border-radius:var(--radius-s);box-shadow:0 20px 44px -32px rgba(120,60,20,.5);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.empathy-item:hover{background:#fff;transform:translateY(-4px);box-shadow:0 28px 54px -32px rgba(120,60,20,.6)}
.empathy-item .ico{background:#FDEBE2}


.breath-invite{--oben:#21110A;background:radial-gradient(52% 60% at 50% 54%,#46230F 0%,rgba(33,17,10,0) 100%),#21110A;color:var(--inv);overflow:clip visible;padding-block:clamp(5rem,11vw,8.5rem)}
.breath-invite h2{color:var(--inv)}
.breath-invite .eyebrow{color:var(--accent-2)}
.breath-invite .cue{color:var(--inv-2)}
.breath-invite .orb{box-shadow:0 0 120px rgba(240,164,120,.55),inset 0 0 70px rgba(255,230,180,.45)}
.breath-invite .orb::after{border-color:rgba(227,165,74,.32)}


.drawer{background:var(--deep);color:var(--inv)}
.drawer a:not(.btn){color:var(--inv);border-bottom-color:var(--line-dark)}
.drawer .close{color:var(--inv)}


.foot{position:relative;--oben:var(--deep);background:var(--deep);color:var(--inv);border-top:0}
.foot .brand-f .word{color:var(--inv)}
.foot .brand-f .swash{color:var(--accent-2)}
.foot .brand-f p,.foot .fh,.foot-fakten,.foot-bottom,.foot-bottom a{color:var(--inv-2)}
.foot ul a{color:var(--inv)}
.foot ul a:hover,.foot-bottom a:hover{color:var(--accent-2);border-color:var(--accent-2)}
.foot-top{border-bottom-color:var(--line-dark)}


.contact{align-items:center}
.k-form .haken{margin-bottom:1.3rem}
.k-form .field{position:relative;margin-bottom:.85rem}
.k-form .field input{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:1.3rem 1rem .5rem;transition:border .3s,box-shadow .3s}
.k-form .field label{position:absolute;left:1rem;top:.95rem;color:var(--ink-3);font-size:1rem;pointer-events:none;transition:.25s var(--ease)}
.k-form .field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,102,46,.14)}
.k-form .field input:focus+label,.k-form .field input:not(:placeholder-shown)+label{top:.38rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.k-form .field .err{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:.78rem;color:#b3402a;opacity:0;transition:opacity .3s;pointer-events:none}
.k-form .field.invalid input{border-color:#cf6a4a}
.k-form .field.invalid .err{opacity:1}
.k-form .buchform .btn{margin-top:.4rem}
.k-form .form-hinweis{font-size:.86rem;color:var(--ink-2);text-align:center;margin-top:.7rem;line-height:1.5}


.naechst{max-width:47.5rem;margin-inline:auto;text-align:center}
.naechst h2{margin:.9rem auto 0;max-width:24ch}
.naechst .lede{margin:1rem auto 0;max-width:58ch}
.naechst .hero-cta{justify-content:center;margin-top:1.8rem}


.seite-start .hero{min-height:min(100svh,960px);background:radial-gradient(120% 95% at 84% 18%,var(--hero-c) 0%,var(--hero-b) 34%,var(--hero-a) 64%,var(--bg) 100%)}
.hero-foto{position:absolute;top:0;bottom:0;right:0;left:auto;width:min(74%,1500px);z-index:0;display:block;overflow:hidden}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:57% 0%}
.hero-foto{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 20%,#000 44%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.5) 20%,#000 44%)}
.hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hero-wash),.92) 0%,rgba(var(--hero-wash),.5) 26%,rgba(var(--hero-wash),0) 52%),linear-gradient(0deg,rgba(var(--hero-wash),.55) 0%,rgba(var(--hero-wash),0) 22%)}
.hero-foto::before{content:none}
.seite-start .hero-in{grid-template-columns:minmax(0,1fr);padding-block:calc(4.3rem + 2vh) clamp(1.2rem,5vh,4.5rem)}
.seite-start .hero-text{max-width:48.75rem}
.seite-start .hero .h-xxl{font-size:calc(clamp(2.2rem,min(5.2vw,7.8vh),5rem) + 1pt);line-height:1.02;letter-spacing:-.022em;max-width:18ch;font-weight:500}
.seite-start .hero .lede{max-width:50ch}
.seite-start .hero-cta{flex-wrap:nowrap}
.seite-start .hero-call a{color:var(--ink);font-weight:600;border-bottom:1px solid rgba(224,102,46,.45);padding-bottom:1px}
.seite-start .scrollcue{bottom:4.4rem}
@media (max-width:56.25em){.seite-start .hero-cta{flex-wrap:wrap}}
@media (max-width:42.5em){
  .seite-start .hero-in{padding-block:5.6rem 4.6rem}
  .seite-start .hero .h-xxl{font-size:calc(clamp(2rem,9.2vw,2.6rem) + 1pt);max-width:none}
  .seite-start .hero.mit-foto{flex-direction:column;align-items:stretch;min-height:100svh}
  .seite-start .hero.mit-foto .hero-in{order:1;padding-bottom:1rem}
  .hero-foto{position:relative;order:2;inset:auto;width:100%;flex:1 1 auto;height:auto;min-height:0;margin-top:-1rem}
  .hero-foto img{object-position:60% 0%}
  .hero-foto{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%);mask-image:linear-gradient(180deg,transparent 0,#000 26%)}
  .hero-foto::after{background:linear-gradient(0deg,rgba(var(--hero-wash),.5) 0%,rgba(var(--hero-wash),0) 30%)}
  .seite-start .scrollcue{display:none}
}
@media (min-width:62.5625em) and (max-height:40em){
  .seite-start .hero{min-height:auto}
  .seite-start .hero-in{padding-block:5.4rem 4.2rem}
  .seite-start .hero .h-xxl{font-size:calc(clamp(2rem,min(4.4vw,8.2vh),3.4rem) + 1pt)}
  .seite-start .hero .lede{font-size:1rem;margin-top:.7rem}
  .seite-start .scrollcue{display:none}
}
@media (min-width:62.5625em) and (max-height:32.5em){
  .seite-start .hero-in{padding-block:4.8rem 3.6rem}
  .seite-start .hero .h-xxl{font-size:calc(clamp(1.9rem,min(4vw,7.6vh),2.8rem) + 1pt)}
  .seite-start .hero .lede{font-size:.95rem;line-height:1.5}
}
@media (max-width:42.5em) and (max-height:32.5em){
  .seite-start .hero-in{padding-top:3.6rem}
  .seite-start .hero .h-xxl{font-size:calc(1.5rem + 1pt)}
}

@media (max-width:42.5em){.seite-start .hero:not(.mit-foto){min-height:auto}}
.k-form .buchform .btn-lg{font-size:.94rem;padding-inline:1.1rem;gap:.5rem}


.welle{display:none}
.fade{position:relative;isolation:isolate}

.fade{--fade:clamp(4.5rem,9vw,8rem)}
.fade::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--fade);background:linear-gradient(180deg,var(--von) 0%,transparent 100%);pointer-events:none;z-index:-1}
.schluss.fade{--fade:clamp(4.5rem,9vw,7.5rem)}

.fade.nach-dunkel,.fade.vor-dunkel{--fade:clamp(150px,16vw,240px);padding-top:calc(var(--fade) + 1.5rem)}
.foot.fade.vor-dunkel{padding-top:calc(var(--fade) + .5rem)}

.seite-start .hero.mit-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,var(--hero-a))}
.hero-foto img{object-position:57% 0%}
@media (max-width:42.5em){
  .hero-foto img{object-position:60% 0%}
  .seite-start .hero.mit-foto::after{height:28%}
}


.fade.vor-dunkel::before{background:linear-gradient(180deg,var(--von) 0%,rgba(240,170,138,.85) 28%,rgba(176,86,50,.7) 58%,rgba(70,32,16,.35) 82%,transparent 100%)}
.fade.nach-dunkel::before{background:linear-gradient(180deg,var(--von) 0%,rgba(88,40,20,.9) 22%,rgba(176,86,50,.62) 50%,rgba(240,170,138,.4) 76%,transparent 100%)}


.wissen-einspaltig{max-width:51.25rem;margin-inline:auto}
.wissen-einspaltig .text p{color:var(--ink-2);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}
.wissen-einspaltig .hilft{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
@media (max-width:42.5em){.wissen-einspaltig{text-align:center}.wissen-einspaltig .tags{justify-content:center}}



@media (min-width:42.5625em) and (max-width:62.5em) and (max-height:37.5em){
  .hero,.seite-start .hero{min-height:auto}
  .hero-in,.seite-start .hero-in{padding-block:5.6rem 2.6rem}
  .page-head{padding-block:5.6rem 2.4rem}
  .hero .breathline,.page-head .breathline{margin:.5rem 0}
  .hero-eyebrow,.ph-grid .eyebrow{margin-bottom:.6rem}
  .hero .h-xxl,.seite-start .hero .h-xxl{font-size:calc(clamp(1.7rem,7vh,2.3rem) + 1pt)}
  .ph-grid h1{font-size:calc(clamp(1.5rem,6.2vh,2rem) + 1pt);max-width:30ch}
  .hero .lede,.ph-grid .lede{font-size:.98rem;line-height:1.55;max-width:70ch;margin-top:.6rem}
  .hero-cta,.ph-grid .hero-cta{margin-top:1rem}
  .hero-call{margin-top:.8rem}
}
@media (min-width:42.5625em) and (max-width:62.5em) and (max-height:28.125em){
  .hdr,.hdr.solid{padding:.5rem 0}
  .hero-in,.seite-start .hero-in{padding-block:4rem 2rem}
  .page-head{padding-block:4rem 2rem}
  .hero .breathline,.page-head .breathline{display:none}
  .hero-eyebrow,.ph-grid .eyebrow{font-size:.6rem;margin-bottom:.4rem}
  .hero .h-xxl,.seite-start .hero .h-xxl{font-size:calc(1.6rem + 1pt);max-width:30ch}
  .ph-grid h1{font-size:calc(1.4rem + 1pt);max-width:40ch}
  .hero .lede,.ph-grid .lede{font-size:.9rem;line-height:1.5;max-width:none;margin-top:.4rem}
  .hero-cta,.ph-grid .hero-cta{margin-top:.8rem}
  .hero-cta .btn{padding:.75rem 1.1rem;font-size:.92rem}
}
@media (max-width:42.5em) and (max-height:32.5em){
  .ph-grid h1,.hero .h-xxl{max-width:40ch}
  .hero .lede,.ph-grid .lede{max-width:none}
}

@media (max-width:62.5em) and (max-height:37.5em){
  #hero.schluss h1{font-size:calc(clamp(1.5rem,5.6vh,1.9rem) + 1pt)}
  #hero.schluss .lede{font-size:.95rem;margin-top:.7rem}
  #hero.schluss .hero-cta{margin-top:1.2rem}
}
@media (max-width:62.5em) and (max-height:32.5em){
  #hero.schluss h1{font-size:calc(1.45rem + 1pt);max-width:34ch}
  #hero.schluss .lede{font-size:.9rem;line-height:1.5;max-width:70ch;margin-top:.5rem}
  #hero.schluss .hero-cta{margin-top:.9rem}
}

@media (max-width:42.5em){.foot{padding-bottom:calc(6.4rem + env(safe-area-inset-bottom,0px))}}

@media (min-width:62.5625em) and (min-height:60.0625em){.seite-start .hero{min-height:min(100svh,1440px)}}

@media (min-width:42.5625em){
  .seite-start .hero.mit-foto .hero-text{position:relative;isolation:isolate}
  .seite-start .hero.mit-foto .hero-text::before{content:"";position:absolute;inset:-14% -8% -12% -40%;z-index:-1;pointer-events:none;
    background:radial-gradient(closest-side,rgba(var(--hero-wash),.86) 0%,rgba(var(--hero-wash),.72) 58%,rgba(var(--hero-wash),0) 100%)}
}



.sec.ton-k5{--oben:#F3A587;color:#3D2216;background:radial-gradient(60% 60% at 84% 22%,rgba(255,216,196,.55),rgba(255,216,196,0) 70%),radial-gradient(55% 65% at 8% 88%,rgba(224,116,84,.32),rgba(224,116,84,0) 70%),linear-gradient(180deg,#F3A587,#EC9170)}
.ton-k5 h2,.ton-k5 .h-l,.ton-k5 .h-xl{color:#2B1A12}
.ton-k5 h2 em,.ton-k5 .h-l em,.ton-k5 .h-xl em{color:#6B240A}
.ton-k5 .eyebrow{color:#6B240A}
.ton-k5 .lede,.ton-k5 .sec-head p,.ton-k5 .contact-info p,.ton-k5 .cb-lede{color:#3D2216}
.ton-k5 .btn-primary{background:linear-gradient(135deg,#B4471A,#8E3412);color:#fff;box-shadow:0 16px 34px -16px rgba(110,36,10,.75)}
.ton-k5 .btn-primary:hover{background:linear-gradient(135deg,#A43F16,#7A2C0E)}
.ton-k5 .info-block{border-bottom-color:rgba(107,36,10,.22)}
.ton-k5 .info-block .ico{background:rgba(255,250,246,.92);border-color:rgba(255,250,246,.6);color:#8E3412}
.ton-k5 .info-block .t span{color:#6B240A}
.ton-k5 .info-block .t b,.ton-k5 .info-block .t a{color:#2B1A12}
.ton-k5 .info-block .t a{border-bottom-color:rgba(43,26,18,.4)}
.ton-k5 .info-block .klein,.ton-k5 .contact-info .klein{color:#3D2216}
.ton-k5 .voice .quote-mark{color:#C2501F}
.ton-k5 .voices-note,.ton-k5 .who{color:#4A2818}
.ton-k5 .quote-mark{color:#8E3412}


.page-head.rat-kopf{text-align:center;padding-block:clamp(7.2rem,11vw,9.5rem) clamp(3.6rem,6vw,5.2rem)}
.rat-kopf .brotkrumen{justify-content:center;margin-bottom:1.8rem}
.rat-kopf h1{font-size:calc(clamp(2.1rem,4.4vw,3.6rem) + 1pt);line-height:1.07;font-weight:500;max-width:21ch;margin:1.1rem auto 0}
.rat-kopf .breathline{margin:1.5rem auto 0;width:min(240px,50%)}
.rat-kopf .lede{max-width:60ch;margin:1.5rem auto 0;color:#6E4A33;font-size:clamp(1.05rem,1.3vw,1.18rem)}
.rat-kopf .kurz-kopf{max-width:51.25rem;margin:2.4rem auto 0;text-align:left;padding:1.9rem 2.2rem;background:rgba(255,251,246,.9);backdrop-filter:blur(8px);box-shadow:var(--shadow)}
.rat-kopf .kurz-kopf p:not(.kt){font-size:clamp(1.08rem,1.45vw,1.22rem);line-height:1.62}
.rat-kopf .meta-zeile{margin-top:1.5rem}


.themen-kacheln{list-style:none;padding:0;margin:clamp(2.6rem,4.5vw,3.4rem) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:70rem;text-align:left}
.themen-kacheln li{margin:0;min-width:0}
.themen-kacheln a{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;gap:1.1rem .8rem;height:100%;padding:1.35rem 1.4rem 1.2rem;background:rgba(255,251,246,.88);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-s);color:var(--ink);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.themen-kacheln a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.themen-kacheln b{grid-column:1/-1;font-family:var(--ff-display);font-weight:500;font-size:1.14rem;line-height:1.28}
.themen-kacheln span{align-self:end;font-size:.84rem;color:var(--ink-2)}
.themen-kacheln i{align-self:end;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff}
.themen-kacheln i svg{width:15px;height:15px;transform:rotate(90deg)}


.rat-gruppe .sec-head{margin-bottom:clamp(2.2rem,4vw,3.2rem)}
.rat-liste{list-style:none;margin:0 auto;padding:0;display:grid;gap:1.15rem;grid-template-columns:repeat(6,minmax(0,1fr))}
.rat-liste li{grid-column:span 2;display:grid;grid-row:span 3;grid-template-rows:subgrid;margin:0;min-width:0}
.rat-liste a{grid-row:1/-1;display:grid;grid-template-rows:subgrid;row-gap:.65rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);padding:1.55rem 1.6rem 1.35rem;color:var(--ink);box-shadow:var(--shadow-s);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.rat-liste a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--sand-2)}
.rat-liste b{font-family:var(--ff-display);font-weight:500;font-size:1.16rem;line-height:1.3}
.rat-liste span{color:var(--ink-2);font-size:.98rem;line-height:1.6}
.rat-liste .art,.weiter-karten .art{align-self:end;display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;line-height:1.3}
.rat-liste .art svg,.weiter-karten .art svg{width:14px;height:14px;flex:none}
@media (min-width:62.5625em){
  .rat-liste:not(.n1) li:last-child:nth-child(3n+1){grid-column:3/span 2}
  .rat-liste:not(.n1) li:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
  .rat-liste:not(.n1) li:last-child:nth-child(3n+2){grid-column:4/span 2}
}
.rat-liste.n1{grid-template-columns:minmax(0,760px);justify-content:center}
.rat-liste.n1 li{grid-column:1}


.sec.rat-teil{padding-block:clamp(3.8rem,7vw,6rem)}
.sec.rat-teil.fade{--fade:clamp(3.4rem,6vw,5.2rem)}
.lesen{max-width:47.5rem;margin-inline:auto}
.lesen .einleitung{font-size:clamp(1.14rem,1.75vw,1.34rem);line-height:1.62;color:var(--ink);margin-bottom:clamp(2.2rem,4vw,3rem)}
.lesen h2{font-size:calc(clamp(1.6rem,3vw,2.35rem) + 1pt);line-height:1.14;max-width:24ch;margin:0 0 1rem}
.lesen>h2:not(:first-child){margin-top:clamp(2.8rem,5vw,3.8rem)}
.lesen>p{margin-top:1.1rem;color:var(--ink-2);font-size:1.06rem;line-height:1.75}
.lesen>p:first-child,.lesen>h2+p{margin-top:0}
.lesen>ul:not([class]){margin:1.1rem 0 0 1.2em;color:var(--ink-2)}
.lesen>ul:not([class]) li{margin-top:.5rem;line-height:1.6}
.lesen a:not(.btn){color:var(--accent);font-weight:600}
.lesen a.btn,.lesen a.btn:hover{color:#fff;border-bottom:0;text-decoration:none}
.lesen .breit{--breite:1080px;margin-inline:calc(50% - min(var(--breite) / 2,50vw - clamp(1.25rem,5vw,3.25rem)))}
.lesen .karten.zwei{--breite:980px}
.lesen .karten{margin-top:clamp(1.8rem,3.4vw,2.4rem);display:grid;gap:1.1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.lesen .karten.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.lesen .karten.eins{grid-template-columns:minmax(0,1fr)}
.lesen .karten li{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:.55rem;padding:1.5rem 1.6rem;margin:0}
.lesen .karten span{margin-top:0}
.lesen .kurz,.lesen .fakten,.lesen .gegen,.lesen .ablauf,.lesen .stimmen-liste{margin-top:clamp(1.8rem,3.4vw,2.4rem)}
.lesen .kurz{margin-bottom:0}
.lesen>.fakten:last-child{margin-top:clamp(2.6rem,5vw,3.6rem)}


.sec.rat-cta{padding-block:clamp(4.8rem,8.5vw,7rem)}
.cta-band{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(2.2rem,5vw,4.8rem);align-items:center;max-width:67.5rem;margin-inline:auto}
.cta-band h2{margin-top:1rem}
.cta-band .cb-lede{margin-top:1rem;font-size:1.1rem;line-height:1.65;max-width:44ch}
.cta-band .hero-cta{margin-top:1.9rem}
.cta-band .hero-call{margin-top:1.1rem;color:#3D2216}
.cta-band .hero-call a{color:#2B1A12;border-bottom-color:rgba(43,26,18,.4)}
.cb-haken{margin:0;background:rgba(255,250,246,.94);border-radius:var(--radius);padding:2rem 2.1rem;box-shadow:0 34px 70px -34px rgba(110,36,10,.55);gap:1.05rem}
.cb-haken li{font-size:1.06rem;color:var(--ink)}


.rat-mehr .lesen h2{margin-bottom:.4rem}
.weiter-block{max-width:67.5rem;margin:clamp(3.4rem,6vw,5rem) auto 0;text-align:center}
.weiter-karten{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;text-align:left}
.weiter-karten li{margin:0;min-width:0}
.weiter-karten a{display:grid;grid-template-rows:1fr auto;gap:1.1rem;height:100%;padding:1.45rem 1.55rem 1.3rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);box-shadow:var(--shadow-s);color:var(--ink);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.weiter-karten a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.weiter-karten b{font-family:var(--ff-display);font-weight:500;font-size:1.14rem;line-height:1.3}

@media (min-width:42.5625em) and (max-width:62.5em){
  .themen-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rat-liste{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rat-liste:not(.n1) li:last-child:nth-child(2n+1){grid-column:2/span 2}
  .lesen .karten.drei{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-band{grid-template-columns:minmax(0,1fr);text-align:center;max-width:40rem}
  .cta-band .cb-lede{margin-inline:auto}
  .cta-band .hero-cta,.cta-band .hero-call{justify-content:center}
  .cta-band .eyebrow{justify-content:center}
  .cb-haken{max-width:32.5rem;margin-inline:auto;text-align:left}
}
@media (max-width:42.5em){
  .page-head.rat-kopf{padding-block:5.8rem 3rem}
  .rat-kopf h1{font-size:calc(clamp(1.8rem,7.4vw,2.3rem) + 1pt)}
  .rat-kopf .kurz-kopf{text-align:center;padding:1.5rem 1.4rem;margin-top:1.8rem}
  .themen-kacheln{grid-template-columns:minmax(0,1fr);gap:.75rem}
  .themen-kacheln a{grid-template-rows:auto auto;gap:.6rem .8rem;text-align:left}
  .rat-liste,.rat-liste.n1{grid-template-columns:minmax(0,1fr)}
  .rat-liste li{grid-column:auto}
  .rat-liste a{text-align:center;justify-items:center}
  .lesen{text-align:left}
  .lesen h2{text-align:center;margin-inline:auto}
  .lesen .karten,.lesen .karten.drei{grid-template-columns:minmax(0,1fr)}
  .lesen .karten li{text-align:center}
  .cta-band{grid-template-columns:minmax(0,1fr);text-align:center}
  .cta-band .cb-lede{margin-inline:auto}
  .cta-band .eyebrow{justify-content:center}
  .cta-band .hero-cta .btn{width:100%;justify-content:center}
  .cta-band .hero-call{justify-content:center}
  .cb-haken{text-align:left;padding:1.5rem 1.4rem}
  .weiter-karten{grid-template-columns:minmax(0,1fr)}
  .weiter-karten a{text-align:center;justify-items:center}
}


.empathy-grid{grid-auto-rows:auto}
.empathy-item{grid-row:span 3;grid-template-rows:subgrid;row-gap:.55rem}

@media (min-width:62.5625em){.price-side .price-note:first-child{padding-top:2.1rem}}

.portrait{width:100%}

@media (min-width:82.5625em){.hdr .wrap{max-width:83.75rem}}

.seite-start .scrollcue{bottom:1.6rem}
@media (max-height:56.1875em){.seite-start .scrollcue{display:none}}
@media (min-width:42.5625em) and (min-height:56.25em){.seite-start .hero-in{padding-bottom:6.5rem}}

.empathy-bridge p{font-family:var(--ff);font-size:clamp(1.06rem,1.6vw,1.3rem);line-height:1.65;color:var(--ink-2);font-weight:400}

em,i,cite,dfn,address,blockquote{font-style:normal}

@media (min-width:62.5625em) and (max-height:40em){
  .seite-start .hero{min-height:100svh}
  .seite-start .hero-in{padding-block:calc(4rem + 1.5vh) 1rem}
  .seite-start .hero .breathline{margin:.55rem 0;height:12px}
  .seite-start .hero-cta{margin-top:1.1rem}
  .seite-start .hero-call{margin-top:.7rem}
}
@media (min-width:62.5625em) and (max-height:32.5em){
  .seite-start .hero-in{padding-block:3.9rem .6rem}
  .seite-start .hero .breathline{display:none}
  .seite-start .hero .h-xxl{font-size:calc(clamp(1.8rem,min(4vw,7vh),2.6rem) + 1pt)}
  .seite-start .hero .lede{font-size:.92rem;line-height:1.45;margin-top:.5rem}
  .seite-start .hero-eyebrow{margin-bottom:.5rem}
  .seite-start .hero-cta{margin-top:.8rem}
  .seite-start .hero-call{margin-top:.5rem}
}
@media (max-width:42.5em){
  .seite-start .hero.mit-foto .hero-foto img{position:absolute;inset:0}
}
@media (max-width:42.5em) and (max-height:37.5em){
  .seite-start .hero-in{padding-top:4.4rem}
  .seite-start .hero .breathline{display:none}
  .seite-start .hero-eyebrow{margin-bottom:.5rem}
  .seite-start .hero .lede{font-size:.95rem;line-height:1.5;margin-top:.5rem}
  .seite-start .hero-cta{margin-top:1rem}
  .seite-start .hero-call{margin-top:.6rem}
}
@media (max-width:42.5em) and (max-height:30em){
  .hdr{padding:.45rem 0}
  .seite-start .hero-in{padding-top:3.4rem}
  .seite-start .hero .h-xxl{font-size:calc(clamp(1.35rem,6.4vh,1.7rem) + 1pt)}
  .seite-start .hero .lede{font-size:.86rem;line-height:1.4;margin-top:.35rem}
  .seite-start .hero-eyebrow{font-size:.58rem;margin-bottom:.3rem}
  .seite-start .hero-cta{margin-top:.6rem}
  .seite-start .hero-cta .btn{padding:.6rem 1rem;font-size:.86rem}
  .seite-start .hero-call{margin-top:.35rem;font-size:.86rem}
}
@media (min-width:42.5625em) and (max-width:62.5em) and (max-height:30em){
  .seite-start .hero-in{padding-block:3.6rem .6rem}
  .seite-start .hero .lede{font-size:.86rem;line-height:1.42;margin-top:.35rem}
  .seite-start .hero .breathline{display:none}
  .seite-start .hero-cta{margin-top:.6rem}
  .seite-start .hero-call{margin-top:.35rem}
}

@media (min-width:68.75em){.ways{grid-template-columns:repeat(4,1fr)}}

.ph-grid.eins{grid-template-columns:minmax(0,1fr)}
.ph-grid.eins > div:first-child{max-width:51.25rem}
.ph-fakt{position:relative;z-index:2;justify-self:end;width:min(100%,380px);background:rgba(255,251,244,.92);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:1.7rem 1.8rem;display:grid;gap:1.3rem}
.ph-fakt b,.ph-faktzeile b{display:block;font-family:var(--ff-display);font-weight:500;color:var(--ink);line-height:1.1}
.ph-fakt b{font-size:calc(1.55rem + 1pt)}
.ph-fakt span,.ph-faktzeile span{display:block;font-size:.95rem;line-height:1.5;color:var(--ink-2);margin-top:.25rem}
.ph-fakt .satz,.ph-faktzeile .satz{margin:0;font-size:1.06rem;line-height:1.65;color:var(--ink-2)}
.ph-faktzeile{display:flex;flex-wrap:wrap;gap:1.2rem 3rem;margin-top:1.9rem;padding-top:1.4rem;border-top:1px solid var(--line);max-width:40rem}
.ph-faktzeile b{font-size:calc(1.3rem + 1pt)}
.ph-faktzeile .satz{max-width:52ch}
.page-head.kopf-v4{overflow:hidden}
.page-head.kopf-v4 .wrap{position:relative;z-index:2}
.ph-foto{width:min(62%,1100px)}
.ph-foto img{object-position:57% 0%}
@media (max-width:56.25em){
  .ph-fakt{justify-self:center;width:min(100%,520px);text-align:center}
  .ph-faktzeile{justify-content:center;margin-inline:auto;text-align:center}
  .ph-grid.eins > div:first-child{margin-inline:auto}
  .ph-foto{width:100%;opacity:.45}
}
@media (max-width:42.5em){.page-head .ph-foto{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.4}}

.zurueck{display:flex;width:fit-content;align-items:center;gap:.5rem;margin:0 auto 1.4rem;padding:.55rem 1.05rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,251,244,.85);color:var(--ink);font-weight:600;font-size:.92rem;min-height:40px;box-shadow:var(--shadow-s);transition:border-color .3s,color .3s}
.zurueck:hover{border-color:var(--accent);color:var(--accent)}

.ph-grid > *,.hero-text,.sec-head{min-width:0}
@media (max-width:30em){h1,h2,h3,.h-xxl,.h-xl,.h-l{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}

@media (min-width:56.3125em){
  .page-head{padding-block:calc(4.3rem + 2.4vh) clamp(1.6rem,5vh,3.5rem)}
  .ph-grid h1{font-size:calc(clamp(1.8rem,min(3.2vw,6.2vh),2.9rem) + 1pt)}
  .ph-grid .lede{font-size:clamp(1rem,min(1.25vw,2.2vh),1.15rem)}
  .ph-grid .hero-cta{margin-top:clamp(1rem,2.6vh,1.6rem)}
  .page-head .breathline{margin:clamp(.6rem,1.8vh,1.3rem) 0}
  .page-head.rat-kopf{padding-block:calc(4.3rem + 2.4vh) clamp(2rem,5vh,5.2rem)}
}
@media (min-width:56.3125em) and (max-height:35em){
  .ph-grid .lede{font-size:.95rem;line-height:1.5;margin-top:.6rem}
  .ph-grid .eyebrow{margin-bottom:.6rem}
  .page-head .breathline{display:none}
}
@media (max-width:42.5em) and (max-height:37.5em){
  .page-head{padding-top:4.4rem}
  .ph-grid h1{font-size:calc(1.6rem + 1pt)}
  .ph-grid .lede{font-size:.94rem;line-height:1.5;margin-top:.5rem}
  .ph-grid .eyebrow{margin-bottom:.5rem}
  .ph-grid .hero-cta{margin-top:.9rem;gap:.6rem}
  .ph-grid .hero-cta .btn{padding-block:.75rem}
}
@media (max-width:42.5em) and (max-height:30em){
  .page-head{padding-top:3.4rem}
  .ph-grid h1{font-size:calc(1.3rem + 1pt)}
  .ph-grid .lede{font-size:.86rem;line-height:1.42;margin-top:.35rem}
  .ph-grid .hero-cta .btn{padding:.55rem 1rem;font-size:.86rem}
}
@media (min-width:42.5625em) and (max-width:56.25em) and (max-height:30em){
  .page-head{padding-block:3.6rem 1rem}
  .ph-grid h1{font-size:calc(1.35rem + 1pt)}
  .ph-grid .lede{font-size:.86rem;line-height:1.42;margin-top:.35rem}
  .page-head .breathline{display:none}
  .ph-grid .hero-cta{margin-top:.6rem}
  .ph-grid .hero-cta .btn{padding:.55rem 1rem;font-size:.86rem}
}
@media (min-width:56.3125em) and (max-height:35em){
  .page-head{padding-block:calc(3.9rem + 1vh) 1.2rem}
  .ph-grid h1{font-size:calc(clamp(1.45rem,5.2vh,2.1rem) + 1pt);max-width:30ch}
  .ph-grid .hero-cta{margin-top:.8rem}
  .ph-grid .hero-cta .btn{padding-block:.7rem}
}


h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6) *,
.drawer a:not(.btn),.hero-bild .tag b,.mech-lead .big,.mech-lead .big *,.step .num,.portrait .frame .nm,.about-quote,.about-quote *,
.tl-item .yr,.voice .quote-mark,.voice p,.orb-word,.price-row .amt,.qa button,.qa button *,.door-art .fakt b,.stimme-gross .quote-mark,
.stimme-gross p,.stimme-gross .who,.karten b,.ablauf .n,.ablauf b,.stimmen-liste blockquote,.stimmen-liste blockquote *,.kk-termin .tag,
.fuenf .num,.termin .datum,.themen-kacheln b,.rat-liste b,.weiter-karten b,.ph-fakt b,.ph-faktzeile b,.serif-i{
  font-family:var(--ff-display)!important;font-weight:500!important;font-style:normal!important;
  font-optical-sizing:none!important;font-variation-settings:"opsz" 54!important}

button,input,select,textarea{font-family:var(--ff)}


.way{grid-template-columns:minmax(0,1fr)}
.way h3,.way .kicker,.way-for>span{overflow-wrap:break-word;hyphens:auto}

body{overflow-wrap:break-word}
a[href^="mailto:"],a[href^="tel:"]{overflow-wrap:anywhere}
.info-block .t,.hero-text,.cb-text,.ph-grid>*,.cta-band>*{min-width:0}
.sticky-cta a,.ph-fakt b,.ph-faktzeile b,.kk-fakten b,.eyebrow{hyphens:auto;overflow-wrap:anywhere}
.ph-fakt,.ph-faktzeile>*,.kk-fakten>*{min-width:0}
.kk-fakten{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:22em){.kk-fakten{grid-template-columns:minmax(0,1fr)}}
.kk-termin{grid-template-columns:auto minmax(0,1fr)}.kk-termin>*{min-width:0}.kk-termin span,.kk-termin b{hyphens:auto;overflow-wrap:anywhere}