:root{
  --ds-bg-pink-100:#140b0d;
  --ds-bg-pink-200:#180e15;
  --ds-bg-pink-300:#270e1a;
  --ds-bg-pink-deep:#341220;
  --ds-lilac:#120d13;
  --ds-lilac-deep:#1c1421;

  --ds-sheet:#191016;
  --ds-sheet-pale:#22151b;
  --ds-sheet-deep:#281825;

  --ds-magenta:#f6347a;
  --ds-magenta-600:#fd2e70;
  --pink-ink:#fe719b;
  --ds-warm:#fe4c5f;
  --ds-warm-deep:#ff3b4f;
  --ds-sun:#fd7c3d;
  --ds-sun-deep:#fe6926;
  --ds-crimson:#fd3c4c;
  --ds-peri:#999edf;
  --ds-push-600:linear-gradient(95deg,var(--ds-sun),var(--ds-warm) 55%,var(--ds-magenta));

  --ds-foreground:#f6ecf0;
  --ds-foreground-pale:#b5a9b1;
  --ds-subtle:#887986;
  --ds-edge:#382631;

  --ds-invert:#fffeff;
  --ds-blank:#fffeff;
  --ds-positive:#8ec8aa;
  --ds-edge-pale:rgba(255,254,255,.05);
  --ds-sheet-back:rgba(20,11,14,.84);
  --ds-veil:rgba(1,1,0,.64);
  --ds-ft-back:#100809;
  --ds-ft:#c9bcc3;
  --ds-ft-deep:#f6ecf0;
  --ds-ft-pale:#8a7b85;
  --ds-ft-border:rgba(255,254,255,.06);

  --ds-rnd-sm:14px;
  --ds-rnd-md:20px;
  --ds-rnd-lg:28px;
  --ds-rnd-xl:36px;
  --ds-rnd-pill:999px;

  --ds-shade-sm:0 6px 16px -8px rgba(1,1,0,.57);
  --ds-shade-md:0 18px 38px -18px rgba(1,1,0,.59);
  --ds-shade-lg:0 30px 60px -24px rgba(1,1,0,.66);

  --ds-font-display:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --ds-font:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --ds-maxw:1200px;
  --ds-pad:24px;
  --ds-sy:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 700px at 85% -8%, var(--ds-bg-pink-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--ds-lilac) 0%, transparent 55%),
    linear-gradient(180deg, var(--ds-bg-pink-100) 0%, var(--ds-sheet-pale) 40%, var(--ds-bg-pink-100) 100%);line-height:1.6;font-family:var(--ds-font);color:var(--ds-foreground);
  background-attachment:fixed;
  margin:0;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
.icon-done svg{fill:currentColor;stroke:none}
p{margin:0}
.hl{background:linear-gradient(92deg,var(--ds-magenta),var(--ds-warm) 60%,var(--ds-sun));-webkit-background-clip:text;color:transparent;background-clip:text}
.main-leiste{margin-left:auto;gap:8px;align-items:center;display:flex}
::selection{background:rgba(235,77,148,.2)}
.leiste-a{border-radius:var(--ds-rnd-pill);color:var(--ds-foreground);font-weight:600;font-size:.96rem;padding:9px 14px;transition:background .18s,color .18s}
.leiste-a:hover{background:var(--ds-sheet-deep);color:var(--ds-magenta-600)}
.leiste-blitz{background:none;display:inline-flex;border:none;padding:9px 12px;text-decoration:none;gap:7px;align-items:center;color:var(--ds-foreground);font-weight:600;font-size:.96rem;border-radius:var(--ds-rnd-pill);transition:background .18s ease,color .18s ease;position:relative;cursor:pointer}
.leiste-blitz:hover{background:var(--ds-sheet-deep);color:var(--ds-magenta-600)}
.leiste-blitz svg{color:var(--ds-magenta);width:20px;height:20px}
.leiste-blitz:hover svg{color:var(--ds-magenta-600)}
.leiste-blitz__zeile{white-space:nowrap}
.leiste-blitz .messenger-punkt{top:auto;position:static;right:auto}
.leiste-blitz-mobile{border:none;cursor:pointer;align-items:center;text-align:left;color:var(--ds-foreground);font-weight:600;font-size:15px;background:none;text-decoration:none;display:flex;gap:9px;border-bottom:1px solid var(--ds-edge);width:100%;padding:14px 2px}
.leiste-blitz-mobile:hover{color:var(--ds-magenta-600)}
.leiste-blitz-mobile svg{height:18px;color:var(--ds-magenta);width:18px}
svg{display:block}

.aktion{
  border:1.5px solid transparent;padding:14px 26px;font-weight:700;justify-content:center;
  gap:9px;display:inline-flex;cursor:pointer;font-size:1rem;
  align-items:center;text-align:center;white-space:nowrap;border-radius:var(--ds-rnd-pill);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.aktion svg{height:18px;width:18px}
.aktion--small{font-size:.9rem;padding:10px 18px}
.aktion--wide{width:100%}
.aktion--cta{box-shadow:0 14px 26px -12px rgba(251,74,101,.73);background:linear-gradient(95deg,var(--ds-sun),var(--ds-warm) 55%,var(--ds-magenta));color:var(--ds-invert)}
.aktion--cta:hover{transform:translateY(-2px);box-shadow:0 20px 34px -12px rgba(251,74,101,.87);background:var(--ds-push-600);color:var(--ds-invert)}
.aktion--soft{background:var(--ds-sheet);color:var(--ds-magenta);border-color:var(--ds-edge)}
.aktion--soft:hover{color:var(--ds-magenta-600);transform:translateY(-2px);background:var(--ds-sheet-deep)}
.aktion--pale{color:var(--ds-magenta-600);background:var(--ds-blank)}
.aktion--pale:hover{box-shadow:var(--ds-shade-md);transform:translateY(-2px);color:var(--ds-magenta-600)}
.topline{font-weight:800;letter-spacing:.1em;color:var(--ds-magenta);font-size:.8rem;margin-bottom:10px;text-transform:uppercase}



.profile-cols{gap:22px;grid-template-columns:repeat(4,1fr);display:grid}
figure{margin:0}
.ttl{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
.aside-mobile{height:100vh;top:0;box-shadow:-6px 0 30px rgba(43,36,46,.19);z-index:1100;right:-100%;max-width:320px;overflow-y:auto;background:var(--ds-sheet);position:fixed;padding:84px 22px 22px;height:100dvh;transition:right .3s ease;width:80%}
.aside-mobile.open{right:0}
.aside-mobile nav{flex-direction:column;display:flex}
.aside-mobile a:not(.aktion){padding:14px 2px;font-weight:600;border-bottom:1px solid var(--ds-edge);font-size:15px;color:var(--ds-foreground)}
.aside-mobile a:not(.aktion):hover{color:var(--ds-magenta-600)}
.aside-mobile a.aktion{margin-top:22px}
h1,h2,h3,h4{color:var(--ds-foreground);margin:0;line-height:1.12;letter-spacing:-.01em;font-family:var(--ds-font-display)}
.profil-box{position:relative;background:var(--ds-sheet);cursor:pointer;overflow:hidden;border-radius:var(--ds-rnd-lg);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;border:1px solid var(--ds-edge-pale)}
.profil-box:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--ds-shade-lg);z-index:3}
.profil__avatar{overflow:hidden;aspect-ratio:3/4;display:block;background:linear-gradient(160deg,var(--ds-bg-pink-200),var(--ds-lilac-deep));position:relative}
.profil__avatar img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease}
.profil-box:hover .profil__avatar img{transform:scale(1.1);filter:brightness(.7)}
.profil__punkt{font-weight:800;border:1px solid #5c9ad6;padding:5px 9px;top:10px;position:absolute;display:inline-flex;box-shadow:0 2px 8px rgba(1,1,0,.2);gap:6px;right:10px;background:linear-gradient(135deg,#0e2a4b,#0a1b34);border-radius:var(--ds-rnd-pill);letter-spacing:.05em;align-items:center;font-size:.68rem;z-index:3;color:#e9f2ff}
.profil__punkt .led{width:8px;background:var(--ds-positive);height:8px;color:transparent;position:relative;font-size:0;box-shadow:0 0 6px rgba(142,200,170,.69);border-radius:50%}
.profil__punkt .led::after{border-radius:50%;animation:pulse 1.8s ease-out infinite;inset:0;content:"";background:var(--ds-positive);position:absolute}
.profil__body{z-index:2;text-align:left;left:0;background:linear-gradient(to top,rgba(1,1,0,.94),rgba(1,1,0,.69) 55%,rgba(1,1,0,0));transition:opacity .3s ease;position:absolute;right:0;bottom:0;padding:20px 15px 15px}
.profil-box:hover .profil__body{opacity:0}
.profil__sub{color:#eefef7;letter-spacing:.02em;font-size:.68rem;margin-bottom:8px;font-weight:700;display:inline-flex;border-radius:var(--ds-rnd-pill);gap:5px;align-items:center;background:rgba(24,48,45,.9);padding:4px 9px;border:1px solid rgba(74,116,105,.88);box-shadow:0 2px 8px rgba(1,1,0,.2)}
.profil__sub svg{height:14px;width:14px;color:#a7e6d1}
.profil__title{font-family:var(--ds-font-display);color:#fffeff;line-height:1.2;font-weight:800;font-size:1.32rem}
.profil__title span{color:rgba(255,254,255,.84);font-weight:600;font-size:.86rem}
.profil__place{display:flex;margin-top:3px;color:rgba(255,254,255,.88);gap:6px;align-items:center;font-size:.82rem}
.profil__place .tack svg{color:#fffeff;width:14px;height:14px}
.profil__screen{align-items:flex-end;justify-content:center;z-index:4;background:linear-gradient(to bottom,rgba(1,1,0,.08),rgba(1,1,0,.88));display:flex;visibility:hidden;opacity:0;position:absolute;transition:opacity .3s ease,visibility .3s ease;padding:20px;inset:0}
.profil-box:hover .profil__screen{opacity:1;visibility:visible}
.profil__holder{transform:translateY(20px);width:100%;text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}
.profil-box:hover .profil__holder{transform:translateY(0)}
.profil__zeile{line-height:1.4;-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 12px;overflow:hidden;text-shadow:0 2px 4px rgba(1,1,0,.79);-webkit-line-clamp:2;color:#fffeff;font-size:.85rem}
.profil__messenger{height:50px;justify-content:center;color:var(--ds-invert);display:inline-flex;box-shadow:0 4px 15px rgba(1,1,0,.28);border-radius:50%;align-items:center;transition:transform .3s ease,box-shadow .3s ease;background:linear-gradient(135deg,var(--ds-magenta),var(--ds-warm));width:50px}
.profil__messenger svg{height:22px;width:22px}
.profil__messenger:hover{box-shadow:var(--ds-shade-md);transform:scale(1.1)}
.profil__blitz{color:#fffeff;position:absolute;transition:transform .2s ease,background .2s ease,color .2s ease;z-index:6;place-items:center;box-shadow:0 2px 8px rgba(1,1,0,.29);border-radius:50%;background:rgba(1,1,0,.41);display:grid;cursor:pointer;height:34px;top:10px;border:none;width:34px;left:10px}
.profil__blitz svg{height:18px;width:18px}
.profil__blitz:hover{background:rgba(1,1,0,.59);transform:scale(1.1)}
.profil__blitz.done{color:var(--ds-invert);background:var(--ds-warm)}
.profil__blitz.done svg{fill:currentColor}
.head-zone{margin:0 auto 44px;max-width:640px;text-align:center}
.head-zone .aktion{margin-top:24px}
.kennung{color:var(--ds-foreground);letter-spacing:-.02em;display:flex;font-family:var(--ds-font-display);align-items:center;font-weight:800;font-size:1.28rem;gap:11px}
.kennung:hover{color:var(--ds-foreground)}
.kennung__pic{color:var(--ds-invert);height:42px;display:inline-flex;width:42px;background:linear-gradient(135deg,var(--ds-magenta),var(--ds-warm) 55%,var(--ds-sun));align-items:center;justify-content:center;border-radius:14px;box-shadow:0 8px 18px -8px rgba(235,77,148,.79);flex-shrink:0}
.kennung__pic svg{width:22px;height:22px}
.koeder{color:var(--ds-foreground-pale);font-size:1.06rem;margin-top:14px}
.leiste-screen{z-index:1090;visibility:hidden;transition:opacity .3s ease;inset:0;opacity:0;position:fixed;background:var(--ds-veil)}
.leiste-screen.open{opacity:1;visibility:visible}
ul{margin:0;padding:0;list-style:none}
.kennung,.leiste-a,.aside-mobile a,.aktion,.pfad a,.site-abschluss a,.nah-menu a,.profil__messenger{text-decoration:none}

.punkt-pill{box-shadow:var(--ds-shade-sm);font-weight:700;border:1px solid var(--ds-edge);padding:8px 16px;font-size:.82rem;align-items:center;color:var(--ds-magenta);background:var(--ds-sheet);gap:8px;letter-spacing:.06em;border-radius:var(--ds-rnd-pill);display:inline-flex}
.punkt-pill svg{color:var(--ds-warm);height:16px;width:16px}

.site-head{background:var(--ds-sheet);border-bottom:1px solid var(--ds-edge);z-index:60;position:sticky;top:0}
.site-head__body{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding-block:12px}

.nav-toggle{cursor:pointer;gap:5px;z-index:1105;background:none;padding:6px;display:none;border:none;flex-direction:column}
.nav-toggle span{display:block;background:var(--ds-foreground);height:3px;border-radius:2px;transition:transform .3s ease,opacity .3s ease;width:26px}
.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.pfad a:hover{color:var(--ds-magenta-600)}
.section{padding-block:var(--ds-sy)}
.section--alt{background:var(--ds-sheet-deep)}
:focus-visible{border-radius:6px;outline:3px solid var(--ds-magenta);outline-offset:2px}
button{font-family:inherit}

.rahmen{max-width:var(--ds-maxw);margin-inline:auto;padding-inline:var(--ds-pad)}
@media(max-width:768px){.profil__screen{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.profil__holder{width:auto;transform:none}.profil__zeile{display:none}.profil__messenger{width:34px;height:34px}.profil__messenger svg{width:16px;height:16px}.profil__blitz{top:8px;left:8px;width:30px;height:30px}.profil__blitz svg{width:16px;height:16px}.profil__punkt{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.profil__punkt .led{width:6px;height:6px}.profil-box .profil__body{padding:10px 9px 9px}.profil__sub{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.profil__sub svg{width:12px;height:12px}.profil__title{font-size:.92rem;line-height:1.2;padding-right:40px}.profil__title span{font-size:.72rem;white-space:nowrap}.profil__place{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.profil__place .tack svg{width:12px;height:12px}}
@keyframes pulse{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
.schedule{margin-top:10px;display:grid;gap:4px}

.led{line-height:1;font-size:.6rem;color:var(--ds-positive)}
.blog__zeile .aktion{margin-top:26px}

.nah{flex-direction:column;display:flex;gap:32px}
.nah-block h2{font-size:1.15rem;margin-bottom:16px;color:var(--ds-foreground);font-weight:800}
.nah-menu{gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}
.nah-menu a{transition:transform .14s,box-shadow .14s,color .14s;color:var(--ds-foreground);border:1px solid var(--ds-edge);align-items:center;display:flex;background:var(--ds-sheet);font-size:.92rem;box-shadow:var(--ds-shade-sm);font-weight:600;border-radius:var(--ds-rnd-md);gap:10px;justify-content:space-between;padding:13px 16px}
.nah-menu a:hover{transform:translateY(-3px);box-shadow:var(--ds-shade-md);color:var(--ds-magenta-600)}
.nah-menu a .tack{flex:none;place-items:center;display:grid;color:var(--ds-magenta)}
.nah-menu a .tack svg{height:16px;width:16px}

.view-buehne{padding-block:clamp(40px,6vw,80px) 20px}
.view-buehne h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-buehne p{color:var(--ds-foreground-pale);font-size:1.08rem;margin:16px auto 0}
.plan-box{background:var(--ds-lilac);overflow:hidden;border-radius:var(--ds-rnd-lg);box-shadow:var(--ds-shade-md);border:1px solid var(--ds-edge-pale);aspect-ratio:4/3;position:relative}
.plan-box.plan-defer{cursor:pointer}
.plan-empty{display:grid;position:absolute;text-align:center;inset:0;place-items:center;background:linear-gradient(160deg,var(--ds-lilac-deep),var(--ds-sheet-deep));padding:20px;gap:10px}
.plan-empty p{font-weight:700;color:var(--ds-foreground)}
.plan-tack{color:var(--ds-warm);filter:drop-shadow(0 10px 12px rgba(251,74,101,.48))}
.plan-tack svg{stroke:none;height:40px;fill:currentColor;width:40px}
.plan-box iframe{height:100%;border:0;inset:0;width:100%;position:absolute}
.plan-box.is-live .plan-empty{display:none}
.pfad li:not(:last-child)::after{content:"\00203a";margin-left:6px;color:var(--ds-subtle)}
.pfad a{color:var(--ds-foreground-pale)}
.textbox-row{grid-template-columns:1fr 1fr;display:grid;gap:18px}
.textbox{padding:13px 16px;border-radius:var(--ds-rnd-sm);font-family:inherit;border:1.5px solid var(--ds-edge);color:var(--ds-foreground);width:100%;background:var(--ds-sheet-pale);font-size:1rem;transition:border-color .16s,box-shadow .16s}
.textbox:focus{outline:none;box-shadow:0 0 0 3px rgba(235,77,148,.17);border-color:var(--ds-magenta)}
textarea.textbox{min-height:140px;resize:vertical}


.koeder__zone{flex-wrap:wrap;display:flex;border-radius:var(--ds-rnd-xl);gap:30px;justify-content:space-between;background:linear-gradient(100deg,var(--ds-magenta-600),var(--ds-warm) 60%,var(--ds-sun));overflow:hidden;color:var(--ds-invert);padding:clamp(38px,5vw,64px);position:relative;align-items:center;box-shadow:var(--ds-shade-lg)}
.koeder__shape{background:rgba(255,254,255,.13);height:320px;right:-90px;border-radius:50%;width:320px;top:-120px;position:absolute}
.koeder__zeile{position:relative;z-index:2}
.koeder__zeile h2{max-width:16ch;color:var(--ds-invert)}
.koeder__zeile p{max-width:46ch;margin-top:10px;color:rgba(255,254,255,.9)}
.koeder__zone .aktion{z-index:2;position:relative}

.form-holder{max-width:640px}
.form-empty{width:1px;overflow:hidden;left:-9999px;height:1px;position:absolute}
.profil-streifen-start{place-items:center;border-radius:50%;padding-left:6px;transform:translate(-50%,-50%);top:50%;height:78px;cursor:pointer;font-size:1.9rem;background:rgba(1,1,0,.48);border:none;line-height:1;transition:transform .15s ease,background .15s ease;position:absolute;box-shadow:var(--ds-shade-md);color:#fffeff;display:grid;z-index:3;width:78px;left:50%}
.profil-streifen-start:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(1,1,0,.69)}
.profil-aside{position:sticky;top:96px}
.profil-top{display:flex;margin-top:14px;gap:12px;align-items:center;flex-wrap:wrap}
.profil-top .punkt-pill{flex:none}
.profil-koeder{line-height:1.1;font-family:var(--ds-font-display);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.profil-koeder span{font-weight:600;color:var(--ds-subtle);font-size:.62em}
.profil-klein{gap:7px;align-items:center;font-size:1.02rem;margin-top:10px;color:var(--ds-foreground-pale);display:flex}
.profil-klein .tack svg{height:18px;width:18px;color:var(--ds-magenta)}
.profil-klein a{font-weight:600;transition:border-color .15s ease;color:var(--ds-magenta-600);text-decoration:none;border-bottom:1px solid transparent}
.profil-klein a:hover{border-bottom-color:currentColor}
.profil-infos{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.profil-aside .koeder{margin-top:18px}
.profil-items{margin-top:24px;gap:12px;display:flex;flex-wrap:wrap}

.blog{align-items:center;grid-template-columns:1fr 1fr;display:grid;gap:clamp(28px,4vw,56px)}
.blog__zeile>p:not(.topline){font-size:1.04rem;color:var(--ds-foreground-pale);margin-top:16px}
.blog__sub{font-family:var(--ds-font-display);color:var(--ds-magenta-600);font-size:1.1rem;margin-top:22px;font-weight:800}

.empty{padding-block:clamp(60px,10vw,140px);text-align:center}
.empty__num{font-family:var(--ds-font-display);line-height:.9;font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.empty__block{display:flex;margin-top:30px;flex-wrap:wrap;gap:14px;justify-content:center}
.pfad{color:var(--ds-subtle);font-size:.86rem;display:flex;margin-bottom:14px;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.profil-shot__blitz{height:46px;top:14px;right:14px;width:46px}
.profil-shot__blitz svg{height:21px;width:21px}
.profil-cols{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:22px;gap:clamp(24px,4vw,52px)}
.profil-part{min-width:0}
.profil-shot{box-shadow:var(--ds-shade-md);margin:0;border-radius:var(--ds-rnd-lg);background:linear-gradient(160deg,var(--ds-bg-pink-200),var(--ds-lilac-deep));position:relative;overflow:hidden}
.profil-shot img{aspect-ratio:4/5;width:100%;display:block;object-fit:cover;height:auto}
.profil-arrows{height:44px;box-shadow:var(--ds-shade-md);cursor:pointer;transition:transform .15s ease,background .15s ease;border-radius:50%;display:grid;background:var(--ds-sheet-back);transform:translateY(-50%);place-items:center;z-index:2;top:50%;position:absolute;border:none;color:var(--ds-magenta-600);width:44px}
.profil-arrows:hover{background:var(--ds-sheet-back);transform:translateY(-50%) scale(1.07)}
.profil-arrows svg{height:22px;width:22px}
.profil-back{left:12px}
.profil-fwd{right:12px}
.profil-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.profil-entry{background:var(--ds-sheet-deep);transition:transform .15s ease,border-color .15s ease;border:2px solid transparent;flex:0 0 auto;overflow:hidden;border-radius:var(--ds-rnd-sm);padding:0;box-shadow:var(--ds-shade-sm);width:72px;aspect-ratio:3/4;cursor:pointer}
.profil-entry img{width:100%;object-fit:cover;height:100%;display:block}
.profil-entry:hover{transform:translateY(-2px)}
.profil-entry.done{border-color:var(--ds-magenta)}
.profil-part [hidden]{display:none!important}
.profil-streifen{object-fit:contain;width:100%;display:block;background:#010100;height:auto;max-height:70vh}
.profil-entry--streifen{position:relative}
.form-klein{font-weight:700}
.form-klein--done{color:var(--ds-positive)}
.form-klein--shut{color:var(--ds-magenta-600)}

.blog-section h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.blog-section h2{color:var(--ds-magenta-600);margin-top:34px;font-size:1.35rem;font-weight:800}
.blog-section p{font-size:1.04rem;margin-top:14px;color:var(--ds-foreground-pale)}
.blog-section p a{font-weight:600}
.blog-section ul{display:grid;margin-top:14px;gap:10px}
.blog-section li{padding-left:24px;position:relative;color:var(--ds-foreground-pale)}
.blog-section li::before{left:0;content:"";height:10px;position:absolute;background:var(--ds-warm);border-radius:50%;width:10px;top:.5em}
.streifen-shot{pointer-events:none;object-fit:cover;display:block;width:100%;height:100%;background:#010100}
.streifen-led{place-items:center;display:grid;background:rgba(1,1,0,.57);border-radius:50%;top:50%;color:#fffeff;box-shadow:var(--ds-shade-sm);height:28px;pointer-events:none;line-height:1;transform:translate(-50%,-50%);left:50%;width:28px;position:absolute;font-size:.64rem;padding-left:2px}
.streifen-punkt{gap:4px;align-items:center;display:inline-flex;bottom:12px;left:12px;background:rgba(1,1,0,.64);color:#fffeff;font-weight:700;position:absolute;letter-spacing:.02em;border-radius:var(--ds-rnd-pill);box-shadow:var(--ds-shade-sm);padding:5px 9px;font-size:.7rem;z-index:2}
.credits{color:var(--ds-ft-pale);padding-top:22px;border-top:1px solid var(--ds-ft-border);margin-top:34px;font-size:.86rem}
.blog-section .pfad,.pfad:has(+ .head-zone){justify-content:center}
.info{align-items:center;border-radius:var(--ds-rnd-md);padding:14px 16px;gap:12px;display:flex;box-shadow:var(--ds-shade-sm);background:var(--ds-sheet);border:1px solid var(--ds-edge-pale)}
.info-icon{border-radius:12px;flex:none;background:var(--ds-sheet-deep);height:40px;width:40px;display:grid;place-items:center;color:var(--ds-magenta)}
.info-icon svg{width:18px;height:18px}
.info-zeile dt{text-transform:uppercase;font-size:.78rem;color:var(--ds-subtle);letter-spacing:.05em}
.info-zeile dd{font-family:var(--ds-font-display);margin:2px 0 0;font-weight:800;font-size:.98rem}

.ueber{grid-template-columns:1.2fr 1fr;align-items:start;display:grid;gap:clamp(28px,4vw,48px)}
.ueber-infos{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.messenger-punkt{color:var(--ds-invert);line-height:1;top:-3px;place-items:center;min-width:22px;display:grid;height:22px;position:absolute;padding:0 6px;box-shadow:var(--ds-shade-sm);font-size:.72rem;border-radius:var(--ds-rnd-pill);right:-3px;font-weight:800;border:2px solid var(--ds-sheet);background:var(--ds-crimson)}
.messenger-punkt[hidden]{display:none}

.suche-form{background:var(--ds-sheet);margin:0 auto;display:flex;padding:12px;border-radius:var(--ds-rnd-pill);border:1px solid var(--ds-edge-pale);gap:12px;box-shadow:var(--ds-shade-md)}
.suche-form .textbox{border:none;box-shadow:none;background:transparent;font-size:1.06rem}
.suche-form .textbox:focus{box-shadow:none}
.suche-form+.nah{margin-top:40px}

.ecke-tab{right:22px;background:linear-gradient(135deg,var(--ds-magenta),var(--ds-warm));align-items:center;position:fixed;cursor:pointer;height:60px;bottom:22px;text-decoration:none;display:flex;border-radius:50%;box-shadow:var(--ds-shade-lg);border:none;z-index:80;justify-content:center;width:60px;color:var(--ds-invert)}
.ecke-tab svg{stroke:none;height:26px;fill:currentColor;width:26px}
.ecke-tab--zeile{width:auto;height:auto;padding:13px 20px;max-width:calc(100vw - 44px);border-radius:var(--ds-rnd-pill);font-family:var(--ds-font-display);font-weight:800;font-size:.95rem;gap:9px}
.ecke-tab--zeile svg{width:20px;height:20px}
.ecke-zeile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.council-title{font-family:var(--ds-font-display);margin-bottom:14px;font-weight:800}
.council-row{margin-top:10px;display:flex;gap:10px;font-size:.94rem;color:var(--ds-foreground-pale);align-items:flex-start}
.council-row .tack{flex:none;color:var(--ds-magenta)}
.council-row .tack svg{height:16px;width:16px}
.staerken-items{margin-top:14px;gap:10px;display:grid}
.staerken-items li{padding-left:24px;color:var(--ds-foreground);position:relative}
.staerken-items li::before{background:var(--ds-warm);height:10px;left:0;width:10px;content:"";border-radius:50%;position:absolute;top:.5em}
.ueber-council{border-radius:var(--ds-rnd-lg);box-shadow:var(--ds-shade-md);background:var(--ds-sheet);padding:24px;border:1px solid var(--ds-edge-pale)}

.form{border-radius:var(--ds-rnd-lg);box-shadow:var(--ds-shade-md);border:1px solid var(--ds-edge-pale);padding:clamp(24px,3vw,40px);background:var(--ds-sheet)}
.form-entry{gap:7px;margin-bottom:18px;display:grid}
.form-entry label{font-weight:700;font-size:.92rem}
.blog-section .pfad{display:flex}.blog-section .pfad li{padding-left:0}.blog-section .pfad li::before{display:none}

.site-abschluss{background:var(--ds-ft-back);color:var(--ds-ft)}
.site-abschluss .rahmen{padding-block:56px 22px}
.site-abschluss a{color:var(--ds-ft)}
.site-abschluss a:hover{color:var(--ds-ft-deep)}
.abschluss-cols{gap:40px;display:grid;grid-template-columns:1.6fr 1fr 1fr}
.abschluss-kennung{display:flex;font-family:var(--ds-font-display);font-weight:800;gap:10px;margin-bottom:12px;font-size:1.2rem;color:var(--ds-ft-deep);align-items:center}
.abschluss-part>p:not(.abschluss-title){max-width:34ch;color:var(--ds-ft-pale);font-size:.94rem}
.abschluss-title{margin-bottom:14px;font-size:1rem;font-weight:800;color:var(--ds-ft-deep)}
.abschluss-menu{font-size:.94rem;display:grid;gap:10px}
.hour{display:flex;color:var(--ds-foreground-pale);gap:12px;justify-content:space-between;font-size:.9rem}

@media (max-width:980px){
  .profile-cols{grid-template-columns:repeat(3,1fr)}
  .profil-cols{grid-template-columns:1fr}
  .profil-shot{width:100%;max-width:380px;justify-self:start}
  .profil-aside{position:static}
  .blog,.ueber{grid-template-columns:1fr}
  .abschluss-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .main-leiste{display:none}
  .nav-toggle{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .aside-mobile,.leiste-screen{display:none}
}
@media (max-width:600px){
  :root{--ds-sy:clamp(30px,7vw,48px);--ds-pad:14px}
  .abschluss-cols,.textbox-row{grid-template-columns:1fr}
  .profile-cols{grid-template-columns:repeat(2,1fr);gap:12px}
  .profil-box{border-radius:var(--ds-rnd-sm)}
  .profil__body{padding:16px 10px}
  .koeder__zone{flex-direction:column;align-items:stretch;padding:32px 24px}
  .koeder__zone .aktion{width:100%;white-space:normal}
  .suche-form{flex-direction:column;border-radius:var(--ds-rnd-lg)}
  .suche-form .aktion{width:100%}
  .section--profil{padding-top:0}
  .profil-shot img{aspect-ratio:1/1;max-height:46vh}
  .profil-cols{margin-top:0}
  .profil-aside{display:flex;flex-direction:column;margin-top:14px}
  .profil-top{order:1;margin-top:0}
  .profil-klein{order:2}
  .profil-items{order:3;margin-top:16px;gap:10px}
  .profil-items .aktion{flex:1 1 auto}
  .profil-strip{display:none}
  .profil-infos{order:4}
  .profil-aside .koeder{order:5}
  .ueber-infos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .info{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .info-icon{width:34px;height:34px}
  .info-zeile{min-width:0}
  .info-zeile dd{font-size:.92rem;overflow-wrap:anywhere}
}