/* =========================================================
Romana Rita Mairhofer, MBA – Startseite
Gestaltung: Variante A (Neon)
Alle Schriften und Bilder liegen auf dem eigenen Server.
========================================================= */
/* ---------- Schriften ---------- */
@font-face{font-family:"Anton";src:url("../fonts/anton-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Monoton";src:url("../fonts/monoton-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
/* ---------- Grundwerte ---------- */
:root{
--nacht:#0D0717;
--nacht-2:#170B2E;
--lila:#6A2BF2;
--lila-2:#4A1CB8;
--lila-tief:#230C57;
--pink:#FF2E86;
--orange:#FF8F3A;
--lime:#D9FF3F;
--weiss:#FFFFFF;
--w85:rgba(255,255,255,.86);
--w70:rgba(255,255,255,.72);
--w50:rgba(255,255,255,.5);
--w25:rgba(255,255,255,.25);
--w12:rgba(255,255,255,.12);
--rand:clamp(20px,4.2vw,72px);
--breite:1320px;
--leiste:38px;
--ease:cubic-bezier(.16,1,.3,1);
--feder:cubic-bezier(.34,1.56,.64,1);
--display:"Anton",Impact,"Arial Narrow",sans-serif;
--neon:"Monoton","Anton",Impact,sans-serif;
--text:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--koernung:url("data:image/svg+xml;utf8,");
}
/* ---------- Basis ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--nacht);color:var(--weiss);font-family:var(--text);font-size:clamp(17px,1.1vw,19px);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
body.menue-offen{overflow:hidden}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
strong{font-weight:750}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:6px}
::selection{background:var(--lime);color:var(--nacht)}
.nur-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-90px;z-index:200;padding:12px 18px;border-radius:10px;background:var(--lime);color:var(--nacht);font-weight:750;text-decoration:none}
.skip:focus{top:12px}
/* ---------- Bausteine ---------- */
.innen{width:min(100% - 2*var(--rand),var(--breite));margin-inline:auto}
.abschnitt{position:relative;padding-block:clamp(90px,11vw,170px)}
.koernung::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:var(--koernung)}
.koernung>*{position:relative;z-index:1}
.kennung{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:750;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.kennung::before{content:"";flex:none;width:34px;height:2px;background:currentColor}
.gross{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.93;letter-spacing:.005em}
.g-xl{font-size:clamp(46px,7vw,120px)}
.g-l{font-size:clamp(38px,5.2vw,88px)}
.g-m{font-size:clamp(30px,3.2vw,52px)}
.neon{font-family:var(--neon);font-weight:400;color:var(--lime);letter-spacing:.02em;text-transform:uppercase}
.neon-gluehen{text-shadow:0 0 14px rgba(217,255,63,.55),0 0 42px rgba(217,255,63,.28)}
.lime{color:var(--lime)}
.pink{color:var(--pink)}
.kontur{color:transparent;-webkit-text-stroke:2px var(--weiss)}
.lead{font-size:clamp(19px,1.6vw,25px);line-height:1.45;font-weight:500;color:var(--w85)}
.absatz>*+*{margin-top:1em}
.hervor{color:var(--lime);font-weight:750}
.z{display:block}
.knopf{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:8px 26px 8px 8px;border:0;border-radius:999px;background:var(--lime);color:var(--nacht);font-size:17px;font-weight:750;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .35s var(--feder),box-shadow .35s var(--ease),background .25s,color .25s}
.knopf__pfeil{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--nacht);color:var(--lime);transition:transform .45s var(--ease)}
.knopf:hover{transform:translateY(-3px);box-shadow:0 18px 44px -14px rgba(217,255,63,.7)}
.knopf:hover .knopf__pfeil{transform:rotate(-45deg)}
.knopf--rand{padding:0 26px;background:transparent;color:var(--weiss);box-shadow:inset 0 0 0 2px var(--weiss)}
.knopf--rand:hover{background:var(--weiss);color:var(--nacht);box-shadow:inset 0 0 0 2px var(--weiss)}
.knopf--dunkel{background:var(--nacht);color:var(--weiss)}
.knopf--dunkel .knopf__pfeil{background:var(--lime);color:var(--nacht)}
.knopf--dunkel:hover{box-shadow:0 18px 40px -16px rgba(13,7,23,.7)}
.details{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;color:var(--w70)}
.details li{display:flex;align-items:center;gap:8px}
.details li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.rahmenfoto{position:relative}
.rahmenfoto::before{content:"";position:absolute;inset:0;border:2px solid var(--lime);border-radius:28px;transform:translate(18px,18px);transition:transform .7s var(--ease)}
.rahmenfoto picture{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 40px 80px -40px rgba(0,0,0,.85)}
.rahmenfoto img{width:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.rahmenfoto:hover::before{transform:translate(10px,10px)}
.rahmenfoto:hover img{transform:scale(1.04)}
.rahmenfoto--pink::before{border-color:var(--pink)}
.rahmenfoto--orange::before{border-color:var(--orange)}
/* ---------- Bewegung beim Laden & Scrollen ---------- */
@keyframes einblenden{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hoch{from{transform:translateY(112%) skewY(6deg)}to{transform:none}}
@keyframes reinspringen{from{opacity:0;transform:translateX(16%) rotate(5deg) scale(.94)}to{opacity:1;transform:none}}
@keyframes flackern{0%{opacity:1;text-shadow:none}6%{opacity:.25}9%{opacity:1}13%{opacity:.35}15%{opacity:1}22%{opacity:.5}24%,100%{opacity:1;text-shadow:0 0 16px rgba(217,255,63,.8),0 0 46px rgba(217,255,63,.45)}}
@keyframes wabern{0%{transform:translate3d(0,0,0) rotate(0) scale(1)}50%{transform:translate3d(-4%,3%,0) rotate(9deg) scale(1.08)}100%{transform:translate3d(4%,-3%,0) rotate(-7deg) scale(1.03)}}
@keyframes pulsieren{0%,100%{box-shadow:0 0 0 0 rgba(217,255,63,.55)}50%{box-shadow:0 0 0 14px rgba(217,255,63,0)}}
@keyframes laufen{to{transform:translateX(-50%)}}
@keyframes fliessen{to{stroke-dashoffset:-32}}
@keyframes drehen{to{transform:rotate(360deg)}}
@keyframes blinken{0%,100%{opacity:.95}50%{opacity:.5}}
.ein{animation:einblenden 1s var(--ease) both;animation-delay:var(--d,0s)}
[data-zeige]{transition:opacity .9s var(--ease),transform 1.1s var(--ease);transition-delay:var(--v,0s)}
.js [data-zeige]:not(.sichtbar){opacity:0;transform:translateY(40px)}
.js [data-zeige="links"]:not(.sichtbar){transform:translateX(-60px)}
.js [data-zeige="rechts"]:not(.sichtbar){transform:translateX(60px)}
.js [data-zeige="zoom"]:not(.sichtbar){transform:scale(.9)}
.zeilen .z{overflow:hidden;padding:.12em 0 .03em;margin:-.12em 0 -.03em}
.zeilen .z>span{display:inline-block;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i,0) * 95ms + var(--v,0s))}
.js .zeilen:not(.sichtbar) .z>span{transform:translateY(115%) skewY(7deg)}
/* ---------- Leiste & Kopfzeile ---------- */
.leiste{position:fixed;inset:0 0 auto;z-index:61;height:var(--leiste);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 var(--rand);background:#000;font-size:13px;font-weight:600;transition:transform .5s var(--ease)}
.leiste__kontakt{display:flex;gap:10px;white-space:nowrap}
.leiste__kontakt a{text-decoration:none;transition:color .2s}
.leiste__kontakt a:hover{color:var(--lime)}
.leiste__kontakt span{color:var(--w50)}
.leiste__claim{text-align:center;font-weight:500;white-space:nowrap}
.leiste__claim strong{color:var(--lime);font-weight:750;text-transform:uppercase}
.leiste__social{justify-self:end;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--weiss);color:#000;transition:background .2s}
.leiste__social:hover{background:var(--lime)}
.kopf{position:fixed;left:0;right:0;top:var(--leiste);z-index:60;display:flex;align-items:center;gap:clamp(16px,2.4vw,40px);padding:14px var(--rand);transition:top .5s var(--ease),padding .4s var(--ease),background-color .4s,box-shadow .4s}
.gescrollt .leiste{transform:translateY(-100%)}
.gescrollt .kopf{top:0;padding-block:10px;background-color:rgba(13,7,23,.8);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--w12)}
.marke{display:flex;flex-direction:column;margin-right:auto;line-height:1;text-decoration:none}
.marke small{font-size:11px;font-weight:750;letter-spacing:.38em;text-transform:uppercase;color:var(--lime)}
.marke strong{margin-top:5px;font-family:var(--display);font-weight:400;font-size:30px;letter-spacing:.03em;white-space:nowrap}
.nav__liste{display:flex;gap:clamp(16px,2.1vw,34px)}
.nav__liste a{position:relative;display:block;padding:8px 0;font-size:15px;font-weight:700;text-decoration:none;transition:color .2s}
.nav__liste a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav__liste a:hover,.nav__liste a[aria-current]{color:var(--lime)}
.nav__liste a:hover::after,.nav__liste a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.pille{display:inline-flex;align-items:center;white-space:nowrap;padding:13px 24px;border-radius:999px;background:var(--lime);color:var(--nacht);font-size:15px;font-weight:750;text-decoration:none;transition:transform .35s var(--feder),box-shadow .35s}
.pille:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(217,255,63,.75)}
.menue-knopf{display:none;position:relative;flex:none;width:46px;height:46px;padding:0;border:0;background:transparent;color:var(--lime);cursor:pointer}
.menue-knopf span,.menue-knopf span::before,.menue-knopf span::after{position:absolute;left:9px;right:9px;height:3px;border-radius:3px;background:currentColor;transition:transform .45s var(--ease),background-color .2s}
.menue-knopf span{top:50%;margin-top:-1.5px}
.menue-knopf span::before,.menue-knopf span::after{content:"";left:0;right:0}
.menue-knopf span::before{top:-9px}
.menue-knopf span::after{top:9px}
.menue-offen .menue-knopf span{background-color:transparent}
.menue-offen .menue-knopf span::before{transform:translateY(9px) rotate(45deg)}
.menue-offen .menue-knopf span::after{transform:translateY(-9px) rotate(-45deg)}
/* ---------- Mobiles Menü ---------- */
.menue{position:fixed;inset:0;z-index:59;display:flex;flex-direction:column;justify-content:center;gap:44px;padding:110px var(--rand) 40px;overflow-y:auto;background:radial-gradient(90% 60% at 85% 5%,rgba(255,46,134,.45),transparent 60%),radial-gradient(80% 60% at 5% 95%,rgba(106,43,242,.75),transparent 60%),var(--nacht);opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s linear .45s}
.menue-offen .menue{opacity:1;visibility:visible;transition:opacity .45s var(--ease)}
.menue__liste a{display:block;padding:2px 0;font-family:var(--display);font-size:clamp(40px,10.5vw,64px);line-height:1.08;text-transform:uppercase;text-decoration:none;opacity:0;transform:translateY(26px);transition:transform .6s var(--ease),opacity .6s var(--ease),color .2s;transition-delay:calc(var(--i,0) * 55ms + 80ms)}
.menue__liste a:hover{color:var(--lime)}
.menue-offen .menue__liste a{opacity:1;transform:none}
.menue__kontakt{display:grid;gap:8px;font-weight:650;color:var(--w85)}
.menue__kontakt a{text-decoration:none}
/* ---------- 1 · Start ---------- */
.start{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:136px 0 104px;background:var(--nacht-2)}
.start__wolke{position:absolute;inset:-30%;z-index:-3;background:
radial-gradient(28% 36% at 70% 40%,rgba(255,46,134,.95),rgba(255,46,134,0) 70%),
radial-gradient(24% 32% at 86% 70%,rgba(255,143,58,.92),rgba(255,143,58,0) 70%),
radial-gradient(32% 42% at 56% 26%,rgba(106,43,242,.95),rgba(106,43,242,0) 72%),
radial-gradient(22% 28% at 64% 84%,rgba(217,255,63,.55),rgba(217,255,63,0) 70%),
radial-gradient(40% 50% at 20% 72%,rgba(106,43,242,.6),rgba(106,43,242,0) 70%);
filter:blur(28px) saturate(1.15);animation:wabern 14s ease-in-out infinite alternate}
.start::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(13,7,23,.93) 0%,rgba(13,7,23,.8) 34%,rgba(13,7,23,.2) 60%,rgba(13,7,23,0) 72%)}
.start::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:var(--koernung)}
.start__innen{position:relative;z-index:3}
.start__text{width:min(100%,58vw)}
.start__rolle{display:none;margin-bottom:18px}
.start__titel{font-size:clamp(44px,5.3vw,96px);line-height:.95}
.start__titel .z{overflow:hidden;padding:.08em 0 .02em;margin:-.08em 0 -.02em}
.start__titel .z>span{display:inline-block;animation:hoch 1s var(--ease) both;animation-delay:var(--d,0s)}
.start__titel .start__neon{font-size:.9em;line-height:1.12}
.start__titel .start__neon>span{animation:hoch 1s var(--ease) .72s both,flackern 2.2s linear 1.5s both}
.start__intro{margin-top:26px;max-width:38ch;font-size:clamp(18px,1.4vw,21px);font-weight:500;color:var(--w85)}
.start__aktionen{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.start__knopf{animation:pulsieren 2.4s ease-out 2.4s 2}
.start .details{margin-top:18px}
.start__bild{position:absolute;z-index:2;right:max(0px,calc(var(--rand) - 30px));bottom:0;height:min(90svh,920px);aspect-ratio:2/3}
.start__licht{position:absolute;left:18%;right:-6%;top:22%;bottom:-8%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.34),rgba(255,255,255,0));filter:blur(10px);transform:translate(calc(var(--px,0) * -24px),calc(var(--py,0) * -16px))}
.start__foto-halter{position:absolute;inset:0;transform:translate(calc(var(--px,0) * 10px),calc(var(--py,0) * 6px));filter:drop-shadow(0 30px 50px rgba(13,7,23,.45))}
.start__foto-halter picture{width:100%;height:100%}
.start__foto{width:100%;height:100%;object-fit:contain;object-position:50% 100%;animation:reinspringen 1.25s var(--feder) .4s both}
.start__vertrauen{position:absolute;z-index:1;left:0;right:0;bottom:0;display:flex;align-items:center;gap:18px;padding:22px 0 28px;border-top:2px solid var(--lime)}
.start__vertrauen svg{flex:none}
.start__vertrauen p{max-width:74%;font-size:15px;font-weight:650;line-height:1.35}
/* ---------- Laufband ---------- */
.band{position:relative;z-index:4;margin:-34px -3vw 0;padding:15px 0;background:var(--lime);color:var(--nacht);transform:rotate(-2deg);overflow:hidden;box-shadow:0 24px 60px -24px rgba(217,255,63,.4)}
.band__spur{display:flex;align-items:center;width:max-content;font-family:var(--display);font-size:clamp(26px,3vw,44px);line-height:1;text-transform:uppercase;white-space:nowrap;animation:laufen 40s linear infinite}
.band__spur span{margin-right:30px}
.band__spur i{flex:none;width:14px;height:14px;margin-right:30px;border:3px solid currentColor;border-radius:50%}
.band:hover .band__spur{animation-play-state:paused}
/* ---------- 2 · Ausgangspunkt ---------- */
.ausgangspunkt{overflow:clip;padding-top:0;background:radial-gradient(55% 45% at 88% 38%,rgba(255,46,134,.26),transparent 70%),radial-gradient(45% 45% at 100% 85%,rgba(255,143,58,.16),transparent 70%),var(--nacht)}
.ausgangspunkt__raster{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center;padding-top:clamp(100px,11vw,170px)}
.ausgangspunkt__titel{margin:22px 0 34px}
.ausgangspunkt__titel .neon{font-size:.8em}
.ausgangspunkt__bild{position:relative;margin-right:calc(-1 * var(--rand))}
.ausgangspunkt__bild::before{content:"";position:absolute;inset:12% 4% 4% 14%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,46,134,.6),rgba(255,143,58,.28) 55%,transparent 78%);filter:blur(30px)}
.ausgangspunkt__bild img{position:relative;width:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 78%,transparent 100%)}
.bruecke{display:flex;align-items:center;gap:22px;width:fit-content;max-width:100%;margin-top:clamp(50px,6vw,90px);padding:14px 26px 14px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--w25);text-decoration:none;transition:background .3s,border-color .3s,transform .45s var(--ease)}
.bruecke:hover{background:rgba(255,255,255,.1);border-color:var(--lime);transform:translateY(-4px)}
.bruecke img{flex:none;width:84px;height:84px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--nacht),0 0 0 5px var(--lime)}
.bruecke__text{display:grid;gap:2px}
.bruecke__klein{font-size:13px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.bruecke__gross{font-family:var(--display);font-size:clamp(20px,1.9vw,28px);line-height:1.1;text-transform:uppercase}
.bruecke__link{display:flex;align-items:center;gap:12px;margin-left:10px;font-weight:750;white-space:nowrap}
.bruecke__link .knopf__pfeil{background:var(--lime);color:var(--nacht)}
.bruecke:hover .knopf__pfeil{transform:rotate(-45deg)}
/* ---------- 3 · 3B-System ---------- */
.system{overflow:clip;background:radial-gradient(120% 70% at 50% 0%,#8047FF 0%,var(--lila) 30%,var(--lila-2) 62%,var(--lila-tief) 100%)}
.system__echo{position:absolute;top:clamp(40px,5vw,80px);left:50%;z-index:0;font-family:var(--neon);font-size:clamp(90px,15vw,260px);line-height:1;color:rgba(255,255,255,.1);white-space:nowrap;pointer-events:none;user-select:none;transform:translateX(calc(-50% + var(--schub,0px)))}
.system__kopf{margin:0 auto;text-align:center}
.system__kopf .kennung{justify-content:center}
.system__name{margin-top:22px;font-size:clamp(16px,1.3vw,20px);font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.system__name sup{font-size:.6em}
.system__titel{margin:14px 0 30px;font-size:clamp(46px,6.3vw,112px)}
.system__titel .z{display:inline-block}
.system__titel .z+.z{margin-left:.28em}
.system__leitsatz{max-width:1000px;margin:0 auto;font-family:var(--display);font-size:clamp(26px,2.6vw,42px);line-height:1.08;text-transform:uppercase}
.system__erklaerung{max-width:62ch;margin:20px auto 0;color:var(--w85)}
.kreise{--abstand:clamp(28px,4vw,64px);--form:260px;position:relative;margin-top:clamp(130px,12vw,180px)}
.kreise__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--abstand);text-align:center}
.kreise__bogen{position:absolute;left:calc((100% - 2 * var(--abstand)) / 6);right:calc((100% - 2 * var(--abstand)) / 6);top:-104px;width:auto;height:84px;overflow:visible;pointer-events:none}
.kreise__bogen path{fill:none;stroke:var(--lime);stroke-width:2.5;stroke-dasharray:10 12;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:fliessen 1.6s linear infinite}
.kreise__spitze{position:absolute;top:-30px;left:calc((100% - 2 * var(--abstand)) / 6 - 11px);width:22px;height:22px;color:var(--lime)}
.kreis{position:relative}
.kreis:not(:last-child)::after{content:"";position:absolute;top:calc(var(--form) / 2 - 14px);right:calc(var(--abstand) / -2 - 14px);width:28px;height:28px;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.kreis__form{position:relative;display:grid;place-items:center;width:var(--form);max-width:100%;aspect-ratio:1;margin:0 auto 30px;transition:transform .6s var(--ease)}
.kreis:hover .kreis__form{transform:scale(1.05)}
.kreis__form svg{position:absolute;inset:-6%;width:112%;height:112%;overflow:visible}
.kreis__wort{position:relative;font-family:var(--display);font-weight:400;font-size:clamp(30px,2.7vw,44px);line-height:1;text-transform:uppercase;letter-spacing:.01em}
.strich{fill:none;stroke-width:3.2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.kreis--bekommen .strich{stroke:url(#verlauf-warm);stroke-dasharray:1;transition:stroke-dashoffset 1.6s var(--ease)}
.kreis--bekommen .strich:nth-child(2){transition-delay:.25s}
.kreis--bekommen .strich:nth-child(3){transition-delay:.5s}
.kreis--bilden .strich{stroke:var(--orange);stroke-width:7;stroke-dasharray:0 .03}
.kreis--bilden .strich-gruppe{transform-box:fill-box;transform-origin:center;animation:drehen 50s linear infinite}
.kreis--bilden svg{transition:transform 1.6s var(--ease) .55s,opacity 1s var(--ease) .55s}
.kreis--binden .strich{stroke:url(#verlauf-lime);stroke-width:4.5;stroke-dasharray:1;transition:stroke-dashoffset 1.8s var(--ease) 1.05s}
.js .kreise:not(.sichtbar) .kreis--bekommen .strich,.js .kreise:not(.sichtbar) .kreis--binden .strich{stroke-dashoffset:1}
.js .kreise:not(.sichtbar) .kreis--bilden svg{opacity:0;transform:rotate(-120deg) scale(.7)}
.kreis__inhalt{transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0) * .25s + .45s)}
.js .kreise:not(.sichtbar) .kreis__inhalt,.js .kreise:not(.sichtbar) .kreis__wort{opacity:0;transform:translateY(26px)}
.kreis__wort{transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0) * .25s + .3s)}
.kreis__text{max-width:34ch;margin:0 auto;color:var(--w85)}
.kreis__themen{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.kreis__themen li{padding:7px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(13,7,23,.18);font-size:14px;font-weight:650;line-height:1.3}
.felder{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start;margin-top:clamp(110px,12vw,180px)}
.felder__kopf .gross{margin:18px 0 22px}
.felder__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fachfeld{position:relative;padding:28px 26px 30px;border-radius:24px;background:rgba(13,7,23,.3);border:1px solid rgba(255,255,255,.16);transition:transform .5s var(--ease),background-color .4s,border-color .4s}
.fachfeld:hover{transform:translateY(-6px);background-color:rgba(13,7,23,.5);border-color:var(--lime)}
.fachfeld__nr{display:block;margin-bottom:18px;font-family:var(--neon);font-size:42px;line-height:1;color:var(--lime)}
.fachfeld__titel{font-family:var(--display);font-weight:400;font-size:clamp(24px,2vw,31px);line-height:1.04;text-transform:uppercase;hyphens:manual}
.fachfeld p{margin-top:12px;font-size:16px;color:var(--w85)}
.rot{margin-top:clamp(110px,12vw,190px);overflow:clip;text-align:center}
.rot__satz{display:flex;flex-direction:column;align-items:center;font-family:var(--display);line-height:.9;text-transform:uppercase}
.rot__zeile{display:block;font-size:clamp(38px,9vw,160px);white-space:nowrap;transform:translateX(var(--schub,0px));will-change:transform}
.rot__zeile.kontur{-webkit-text-stroke:2px var(--weiss)}
.rot__zeile.neon{font-size:clamp(80px,16vw,290px);line-height:1.08}
/* ---------- 4 · Zusammenarbeit ---------- */
.zusammenarbeit{background:radial-gradient(50% 40% at 8% 18%,rgba(106,43,242,.36),transparent 70%),radial-gradient(40% 40% at 96% 82%,rgba(255,46,134,.2),transparent 70%),var(--nacht)}
.zusammenarbeit__kopf{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 60px;align-items:end;margin-bottom:clamp(56px,6vw,96px)}
.zusammenarbeit__kopf .gross{margin-top:18px}
.zusammenarbeit__raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,5vw,80px);align-items:start}
.zusammenarbeit__foto{position:sticky;top:120px}
.zusammenarbeit__foto img{aspect-ratio:1000/1230}
.angebote{display:grid;gap:28px}
.angebot{--farbe:var(--lime);--schrift:var(--nacht);position:sticky;top:calc(104px + var(--n,0) * 26px);display:flex;flex-direction:column;min-height:min(560px,74vh);padding:clamp(28px,3.2vw,48px);border-radius:30px;background:var(--farbe);color:var(--schrift);box-shadow:0 -26px 60px -30px rgba(0,0,0,.7)}
.angebot--lila{--farbe:var(--lila);--schrift:var(--weiss)}
.angebot--pink{--farbe:var(--pink);--schrift:var(--nacht)}
.angebot--orange{--farbe:var(--orange);--schrift:var(--nacht)}
.angebot__nr{align-self:flex-end;font-family:var(--neon);font-size:clamp(46px,4.2vw,70px);line-height:1}
.angebot__titel{margin-top:clamp(12px,2vw,30px);font-family:var(--display);font-weight:400;font-size:clamp(34px,3.4vw,58px);line-height:.98;text-transform:uppercase}
.angebot__marke{align-self:flex-start;margin-top:14px;padding:6px 13px;border:1.5px solid currentColor;border-radius:999px;font-size:13px;font-weight:750;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}
.angebot__text{margin-top:22px;max-width:46ch;font-size:clamp(17px,1.25vw,20px);font-weight:500;line-height:1.5}
.prozess{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin-top:22px}
.prozess li{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.prozess li span{padding:6px 12px;border-radius:999px;background:rgba(13,7,23,.1)}
.prozess li:not(:last-child)::after{content:"→";opacity:.55}
.angebot__aktion{margin-top:auto;padding-top:30px}
/* ---------- 5 · Aus der Praxis ---------- */
.praxis{background:var(--lime);color:var(--nacht);overflow:clip}
.praxis .kennung{color:var(--nacht)}
.praxis__titel{margin:18px 0 clamp(44px,5vw,76px)}
.praxis__liste{border-top:2px solid var(--nacht)}
.praxis__eintrag{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(80px,.5fr) minmax(0,1.5fr) minmax(0,1.3fr);gap:18px 44px;align-items:center;padding:clamp(26px,3vw,44px) 0;border-bottom:2px solid var(--nacht);transition:color .35s}
.praxis__eintrag::before{content:"";position:absolute;inset:0 calc(-1 * var(--rand));z-index:-1;background:var(--nacht);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease)}
.praxis__eintrag:hover{color:var(--weiss)}
.praxis__eintrag:hover::before{transform:scaleY(1)}
.praxis__nr{font-family:var(--display);font-size:clamp(56px,6vw,104px);line-height:1;color:transparent;-webkit-text-stroke:2px var(--nacht);transition:-webkit-text-stroke-color .35s,color .35s}
.praxis__eintrag:hover .praxis__nr{color:var(--lime);-webkit-text-stroke-color:var(--lime)}
.praxis__eintrag h3{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.2vw,54px);line-height:1;text-transform:uppercase}
.praxis__eintrag p{font-size:clamp(17px,1.25vw,20px);font-weight:550;line-height:1.5}
/* ---------- 6 · Über mich & Haltung ---------- */
.ueber{overflow:clip;background:radial-gradient(45% 40% at 0% 25%,rgba(255,46,134,.2),transparent 70%),radial-gradient(50% 45% at 100% 62%,rgba(106,43,242,.36),transparent 70%),var(--nacht)}
.ueber__ueberzeile{margin-top:22px;font-family:var(--display);font-size:clamp(22px,2vw,32px);line-height:1.1;text-transform:uppercase;color:var(--pink)}
.ueber__kopf .gross{margin-top:10px}
.ueber__titel{font-size:clamp(40px,6.4vw,112px)}
.weg{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:clamp(50px,6vw,90px)}
.weg::before,.weg::after{content:"";position:absolute;left:0;right:0;top:10px;height:2px}
.weg::before{background:var(--w25)}
.weg::after{background:linear-gradient(90deg,var(--pink),var(--orange),var(--lime));transform-origin:left;transition:transform 2.4s var(--ease) .2s}
.js .weg:not(.sichtbar)::after{transform:scaleX(0)}
.weg li{position:relative;padding-top:42px;font-family:var(--display);font-size:clamp(17px,1.55vw,26px);line-height:1.05;text-transform:uppercase;transition:color .6s var(--ease);transition-delay:calc(var(--i,0) * .36s + .3s)}
.weg li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--nacht);box-shadow:inset 0 0 0 3px var(--lime);transition:box-shadow .5s var(--ease),background-color .5s;transition-delay:inherit}
.weg li:last-child{color:var(--lime)}
.weg li:last-child::before{background:var(--lime)}
.js .weg:not(.sichtbar) li{color:var(--w50)}
.js .weg:not(.sichtbar) li::before{box-shadow:inset 0 0 0 3px var(--w25);background:var(--nacht)}
.ueber__raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,100px);align-items:center;margin-top:clamp(70px,8vw,120px)}
.ueber__foto img{aspect-ratio:3/2}
.zitat{margin-top:clamp(110px,12vw,180px);text-align:center}
.zitat .gross{font-size:clamp(46px,7.6vw,132px);line-height:.95}
.zitat .neon{display:block;font-size:1.02em;line-height:1.18}
.zitat__zeichen{color:var(--lime);font-family:var(--display)}
.ueber__zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 30px;margin-top:44px}
.ueber__founder{font-size:17px;color:var(--w85)}
.ueber__founder strong{color:var(--weiss)}
.haltung{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,100px);align-items:center;margin-top:clamp(120px,13vw,200px)}
.haltung .gross{margin:18px 0 24px}
.ueberzeugungen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px;margin-top:46px}
.ueberzeugungen li{padding-top:18px;border-top:2px solid var(--lime)}
.ueberzeugungen h4{font-family:var(--display);font-weight:400;font-size:clamp(22px,1.9vw,30px);line-height:1.04;text-transform:uppercase}
.ueberzeugungen p{margin-top:8px;font-size:16px;color:var(--w70)}
.haltung__foto img{aspect-ratio:900/1148}
/* ---------- 7 · Speaking ---------- */
.speaking{overflow:clip;background:linear-gradient(180deg,#3E16AE 0%,#2A0F76 38%,var(--nacht) 100%)}
.speaking__lichter{position:absolute;top:26px;left:0;right:0;display:flex;justify-content:space-around;pointer-events:none}
.speaking__lichter i{width:clamp(12px,1.3vw,20px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 18px 6px rgba(255,255,255,.5),0 0 60px 18px rgba(170,140,255,.35);animation:blinken 5s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.7s)}
.speaking__echo{position:absolute;top:clamp(90px,10vw,150px);right:-3vw;z-index:0;font-family:var(--neon);font-size:clamp(130px,22vw,400px);line-height:1;color:rgba(255,255,255,.07);white-space:nowrap;pointer-events:none;user-select:none;transform:translateX(var(--schub,0px))}
.speaking__raster{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,5vw,80px);align-items:start}
.speaking__titel{margin:18px 0 26px}
.speaking__titel .neon{font-size:.92em;line-height:1.15}
.themen-titel{margin-top:clamp(40px,5vw,64px);font-size:13px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:var(--w70)}
.themen{margin-top:14px;border-top:1px solid var(--w25);counter-reset:thema}
.themen li{display:flex;align-items:baseline;gap:22px;padding:18px 0;border-bottom:1px solid var(--w25);font-family:var(--display);font-size:clamp(26px,2.7vw,46px);line-height:1.05;text-transform:uppercase;transition:padding-left .5s var(--ease),color .3s}
.themen li::before{counter-increment:thema;content:counter(thema,decimal-leading-zero);flex:none;font-family:var(--text);font-size:14px;font-weight:750;letter-spacing:.1em;color:var(--lime)}
.themen li:hover{padding-left:18px;color:var(--lime)}
.speaking__aktion{margin-top:40px}
.speaking__bild{position:relative;margin-right:calc(-1 * var(--rand))}
.speaking__bild::before{content:"";position:absolute;inset:6% 0 12% 8%;border-radius:50%;background:radial-gradient(closest-side,rgba(217,255,63,.3),rgba(255,46,134,.22) 55%,transparent 78%);filter:blur(26px)}
.speaking__bild img{position:relative;width:100%;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 97%);mask-image:linear-gradient(to bottom,#000 72%,transparent 97%)}
.kurzbio{position:relative;margin-top:-90px;padding:clamp(24px,2.4vw,34px);border-radius:24px;background:rgba(13,7,23,.74);border:1px solid var(--w25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.kurzbio__label{font-size:12px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}
.kurzbio__titel{margin-top:6px;font-family:var(--display);font-weight:400;font-size:clamp(24px,2vw,30px);line-height:1.05;text-transform:uppercase}
.kurzbio__text{margin-top:12px;color:var(--w85)}
.kopieren{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 16px;border:1.5px solid var(--lime);border-radius:999px;background:transparent;color:var(--lime);font-size:15px;font-weight:700;cursor:pointer;transition:background-color .25s,color .25s}
.kopieren:hover{background-color:var(--lime);color:var(--nacht)}
/* ---------- 8 · Kontakt ---------- */
.kontakt{overflow:clip;isolation:isolate;background:#1A0B2E}
.kontakt__wolke{position:absolute;inset:-25%;z-index:-2;background:
radial-gradient(30% 35% at 22% 26%,rgba(255,46,134,.9),transparent 70%),
radial-gradient(28% 32% at 72% 18%,rgba(255,143,58,.85),transparent 70%),
radial-gradient(30% 36% at 86% 62%,rgba(217,255,63,.5),transparent 70%),
radial-gradient(35% 40% at 40% 80%,rgba(106,43,242,.95),transparent 70%);
filter:blur(40px) saturate(1.1);animation:wabern 18s ease-in-out infinite alternate}
.kontakt::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,7,23,.3) 0%,rgba(13,7,23,.62) 50%,rgba(13,7,23,.9) 100%)}
.kontakt__oben{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:30px;align-items:end}
.kontakt__oben .gross{margin:18px 0 24px}
.kontakt__oben .lead{max-width:44ch}
.kontakt__oben .details{margin-top:20px;font-size:15px;color:var(--w85)}
.kontakt__bild{position:relative;z-index:1;align-self:end;margin:0 calc(-1 * var(--rand)) -150px 0}
.kontakt__bild img{width:100%;filter:drop-shadow(0 30px 50px rgba(13,7,23,.5));-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 96%);mask-image:linear-gradient(to bottom,#000 70%,transparent 96%)}
.kontakt__raster{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,80px);align-items:start;margin-top:clamp(50px,6vw,90px)}
.direkt h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.2vw,36px);line-height:1.05;text-transform:uppercase}
.direkt ul{display:grid;gap:12px;margin-top:20px}
.direkt a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(13,7,23,.5);border:1px solid var(--w25);font-weight:650;text-decoration:none;overflow-wrap:anywhere;transition:border-color .25s,transform .45s var(--ease),background-color .25s}
.direkt a:hover{border-color:var(--lime);transform:translateX(6px);background-color:rgba(13,7,23,.75)}
.direkt svg{flex:none;color:var(--lime)}
.formular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(24px,3vw,44px);border-radius:30px;background:rgba(13,7,23,.76);border:1px solid var(--w25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 40px 90px -40px rgba(0,0,0,.85)}
.formular__titel{grid-column:1/-1;font-family:var(--display);font-weight:400;font-size:clamp(26px,2.2vw,36px);line-height:1.05;text-transform:uppercase}
.formular__pflicht{grid-column:1/-1;margin-top:-8px;font-size:14px;color:var(--w70)}
.feld{display:flex;flex-direction:column}
.feld--breit{grid-column:1/-1}
.feld label{margin-bottom:8px;font-size:14px;font-weight:650;color:var(--w85)}
.feld label span{color:var(--lime)}
.feld input,.feld select,.feld textarea{width:100%;padding:15px 16px;border:1.5px solid var(--w25);border-radius:14px;background-color:rgba(255,255,255,.06);font-size:17px;line-height:1.4;transition:border-color .2s,background-color .2s,box-shadow .3s}
.feld input:hover,.feld select:hover,.feld textarea:hover{border-color:rgba(255,255,255,.45)}
.feld input:focus,.feld select:focus,.feld textarea:focus{outline:none;border-color:var(--lime);background-color:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(217,255,63,.2)}
.feld select{-webkit-appearance:none;appearance:none;padding-right:46px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 16px center;background-size:20px}
.feld select option{color:#111;background:#fff}
.feld textarea{min-height:150px;resize:vertical}
.feld--hervor select{border-color:var(--lime);box-shadow:0 0 0 6px rgba(217,255,63,.3)}
.feld--fehler input,.feld--fehler textarea{border-color:#FF6FAE}
.feld__fehler{margin-top:6px;font-size:14px;font-weight:600;color:#FF9CC8}
.feld__fehler:empty{display:none}
.honig{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.formular__hinweis{grid-column:1/-1;font-size:14px;color:var(--w70)}
.formular__hinweis a{color:var(--lime)}
.formular__fuss{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.formular__fuss .knopf:disabled{opacity:.6;cursor:wait}
.formular__status{grid-column:1/-1;font-weight:650}
.formular__status:empty{display:none}
.formular__status[data-art="fehler"]{color:#FF9CC8}
.formular__status[data-art="erfolg"]{color:var(--lime)}
.formular__status[data-art="hinweis"]{color:#FFD08A}
/* ---------- Fußzeile ---------- */
.fuss{position:relative;overflow:clip;padding-top:clamp(70px,8vw,120px);background:#000}
.fuss__raster{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);gap:40px}
.fuss__name{font-family:var(--display);font-size:clamp(28px,2.6vw,40px);line-height:1;text-transform:uppercase}
.fuss__marke p+p{margin-top:8px;color:var(--w70)}
.fuss__marke .fuss__name+p{margin-top:14px}
.fuss__titel{margin-bottom:14px;font-size:13px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}
.fuss ul{display:grid;gap:8px}
.fuss ul a{text-decoration:none;color:var(--w85);transition:color .2s}
.fuss ul a:hover{color:var(--lime)}
.fuss__riese{margin-top:clamp(50px,7vw,100px);font-family:var(--neon);text-transform:uppercase;font-size:clamp(34px,10.6vw,190px);line-height:1;text-align:center;color:var(--lime);white-space:nowrap;user-select:none;transform:translateY(10%)}
.fuss__unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:22px 0 30px;border-top:1px solid var(--w25);font-size:14px;color:var(--w70)}
.fuss__unten ul{display:flex;gap:22px}
/* ---------- Kleinere Bildschirme ---------- */
@media (max-width:1180px){
.leiste{grid-template-columns:1fr auto}
.leiste__claim{display:none}
.start__rolle{display:inline-flex}
.nav__liste{gap:16px}
.nav__liste a{font-size:14px}
}
@media (max-width:1080px){
.nav{display:none}
.menue-knopf{display:block}
.kopf{gap:8px}
.felder{grid-template-columns:1fr}
.kreise{--form:220px}
}
@media (max-width:960px){
:root{--leiste:0px}
.leiste{display:none}
.kopf{padding:12px var(--rand);background-color:transparent;background-image:linear-gradient(rgba(13,7,23,.85) 30%,rgba(13,7,23,0))}
.gescrollt .kopf{background-image:none}
.marke strong{font-size:22px}
.pille{padding:10px 16px;font-size:14px}
.start{flex-direction:column;align-items:stretch;min-height:0;padding:0}
.start::before{background:linear-gradient(180deg,rgba(13,7,23,0) 30%,rgba(13,7,23,.75) 58%,rgba(13,7,23,.95) 75%)}
.start__bild{order:-1;position:relative;right:auto;bottom:auto;align-self:flex-end;width:min(96vw,480px);height:auto;margin:58px -6vw 0 0}
.start__innen{margin-top:-130px}
.start__text{width:100%}
.start__titel{font-size:12.6vw}
.start__vertrauen{position:relative;width:auto;margin:40px var(--rand) 0;padding:20px 0 30px}
.start__vertrauen p{max-width:none;font-size:15px}
.ausgangspunkt__raster{grid-template-columns:1fr}
.ausgangspunkt__bild{width:min(100% + var(--rand),620px);margin:0 calc(-1 * var(--rand)) 0 auto}
.bruecke{flex-wrap:wrap;border-radius:28px;padding:18px}
.bruecke__link{margin-left:0}
.kreise{margin-top:80px}
.kreise__liste{grid-template-columns:1fr;gap:96px}
.kreise__bogen,.kreise__spitze{display:none}
.kreis:not(:last-child)::after{top:auto;right:auto;bottom:-64px;left:50%;transform:translateX(-50%) rotate(90deg)}
.zusammenarbeit__kopf,.zusammenarbeit__raster{grid-template-columns:1fr}
.zusammenarbeit__foto{position:relative;top:auto;max-width:460px}
.angebot{position:relative;top:auto;min-height:0}
.praxis__eintrag{grid-template-columns:auto minmax(0,1fr);column-gap:22px}
.praxis__eintrag p{grid-column:2}
.weg{grid-template-columns:1fr;gap:20px;padding-left:44px}
.weg::before,.weg::after{left:10px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
.weg::after{background:linear-gradient(180deg,var(--pink),var(--orange),var(--lime));transform-origin:top}
.js .weg:not(.sichtbar)::after{transform:scaleY(0)}
.weg li{padding-top:0;font-size:24px}
.weg li::before{left:-44px;top:2px}
.ueber__raster,.haltung,.speaking__raster,.kontakt__oben,.kontakt__raster{grid-template-columns:1fr}
.speaking__bild{width:min(100% + var(--rand),520px);margin:40px calc(-1 * var(--rand)) 0 auto}
.kontakt__bild{width:min(100% + var(--rand),440px);margin:0 calc(-1 * var(--rand)) -60px auto}
.fuss__raster{grid-template-columns:1fr 1fr}
.fuss__marke{grid-column:1/-1}
}
@media (max-width:600px){
.felder__liste,.ueberzeugungen,.formular{grid-template-columns:1fr}
.fuss__raster{grid-template-columns:1fr}
.system__titel .z{display:block}
.system__titel .z+.z{margin-left:0}
.band{margin-top:-22px}
.kennung{letter-spacing:.14em}
.rahmenfoto::before{transform:translate(10px,10px)}
.start__rolle{font-size:12px}
.angebot__nr{font-size:44px}
}
@media (max-width:430px){
.marke small{font-size:10px;letter-spacing:.28em}
.marke strong{font-size:19px}
.pille{padding:9px 14px;font-size:13px}
.menue-knopf{width:42px;height:42px}
}
/* ---------- Weniger Bewegung, wenn am Gerät eingestellt ---------- */
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
}
/* ---------- Rechtstexte (Impressum, Datenschutz) ---------- */
.recht{position:relative;overflow:clip;padding:clamp(150px,16vw,220px) 0 clamp(90px,10vw,140px);background:radial-gradient(50% 40% at 92% 0%,rgba(106,43,242,.45),transparent 70%),radial-gradient(40% 40% at 0% 18%,rgba(255,46,134,.2),transparent 70%),var(--nacht)}
.recht__kopf{margin-bottom:clamp(40px,5vw,70px)}
.recht__kopf .gross{margin-top:16px;font-size:clamp(50px,9vw,150px);overflow-wrap:anywhere}
.recht__unterzeile{margin-top:16px;max-width:60ch;font-size:clamp(17px,1.3vw,20px);color:var(--w70)}
.recht__kurz{max-width:74ch;margin-bottom:clamp(44px,5vw,64px);padding:clamp(22px,3vw,34px);border-radius:24px;background:rgba(217,255,63,.07);border:1px solid rgba(217,255,63,.35)}
.recht__kurz h2{margin:0 0 14px;font-family:var(--display);font-weight:400;font-size:clamp(24px,2.2vw,32px);line-height:1.05;text-transform:uppercase;color:var(--lime)}
.rechtstext{max-width:74ch}
.rechtstext h2{margin:clamp(42px,5vw,62px) 0 14px;font-family:var(--display);font-weight:400;font-size:clamp(26px,2.4vw,38px);line-height:1.05;text-transform:uppercase}
.rechtstext h2:first-child{margin-top:0}
.rechtstext p,.rechtstext ul,.rechtstext address{color:var(--w85)}
.rechtstext *+p,.rechtstext *+ul,.rechtstext *+address{margin-top:.9em}
.rechtstext address{font-style:normal}
.rechtstext strong{color:var(--weiss)}
.rechtstext ul,.recht__kurz ul{display:grid;gap:8px}
.rechtstext li,.recht__kurz li{position:relative;padding-left:22px}
.rechtstext li::before,.recht__kurz li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.rechtstext a,.recht__kurz a{color:var(--lime);text-underline-offset:3px;overflow-wrap:anywhere}