:root{
  --pinktint-100:#fcf0f2;
  --pinktint-200:#fcdbea;
  --pinktint-300:#f9c8db;
  --pinktint-deep:#f5a8c9;
  --mauve:#e8e5f7;
  --mauve-alt:#dbddf8;

  --sheet:#fffdff;
  --sheet-soft:#fef5fa;
  --sheet-alt:#fbeaef;

  --magenta:#ed4f94;
  --magenta-600:#e12f7d;
  --flush:#fc5d72;
  --flush-alt:#f84c65;
  --orange:#fc793c;
  --orange-alt:#f66826;
  --like:#ff4c5d;
  --periwinkle:#c6ccf3;

  --fg:#292730;
  --fg-soft:#6e6571;
  --faint:#9b94a2;
  --line:#f2d6e5;

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

  --sd-sm:0 6px 16px -8px rgba(237,79,148,.35);
  --sd-md:0 18px 38px -18px rgba(237,79,148,.41);
  --sd-lg:0 30px 60px -24px rgba(225,47,125,.42);

  --heading:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --face:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --frame:1200px;
  --inset:24px;
  --vgap:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--face);-webkit-font-smoothing:antialiased;background:
    radial-gradient(1200px 700px at 85% -8%, var(--pinktint-300) 0%, rgba(249,200,219,0) 55%),
    radial-gradient(900px 600px at -10% 8%, var(--mauve) 0%, rgba(232,229,247,0) 55%),
    linear-gradient(180deg, var(--pinktint-100) 0%, var(--sheet-soft) 40%, var(--pinktint-100) 100%);color:var(--fg);
  background-attachment:fixed;
  margin:0;line-height:1.6;
}
img{display:block;max-width:100%}
.hours{gap:4px;margin-top:10px;display:grid}
.argumente-items{margin-top:14px;gap:10px;display:grid}
.argumente-items li{position:relative;padding-left:24px;color:var(--fg)}
.argumente-items li::before{position:absolute;background:var(--flush);border-radius:50%;height:10px;content:"";width:10px;left:0;top:.5em}
.koeder{margin-top:14px;color:var(--fg-soft);font-size:1.06rem}
svg{display:block}

.dock-aktion{right:22px;z-index:80;border-radius:var(--radius-lg);width:300px;box-shadow:var(--sd-lg);padding:20px;bottom:22px;position:fixed;background:#fffdff;max-width:calc(100vw - 44px);border:1px solid rgba(255,253,255,.88)}
.dock-dismiss{position:absolute;padding:0;display:grid;height:28px;border-radius:50%;line-height:1;color:var(--fg-soft);cursor:pointer;font-size:1.1rem;place-items:center;top:12px;border:none;right:12px;background:var(--sheet-alt);width:28px}
.dock-dismiss:hover{background:var(--magenta);color:#fffdff}
.dock-title{font-family:var(--heading);font-weight:800;padding-right:26px;font-size:1.04rem}
.dock-absatz{margin-top:4px;margin-bottom:14px;font-size:.86rem;color:var(--fg-soft)}
.dock-trigger{width:60px;display:none;border-radius:50%;box-shadow:var(--sd-lg);justify-content:center;right:22px;background:linear-gradient(135deg,var(--magenta),var(--flush));bottom:22px;position:fixed;cursor:pointer;height:60px;color:#fffdff;border:none;align-items:center;z-index:80}
.dock-trigger svg{stroke:none;width:26px;height:26px;fill:currentColor}
.heading-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}

.site-banner{background:var(--sheet);top:0;z-index:60;position:sticky;border-bottom:1px solid var(--line)}
.site-banner-body{gap:20px;justify-content:space-between;align-items:center;min-height:74px;padding-block:12px;display:flex}
.inhalt-absatz .btn{margin-top:26px}
.notice{margin-top:34px;font-size:.86rem;padding-top:22px;color:#a99db1;border-top:1px solid rgba(255,253,255,.09)}

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

.inhalt-block h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.inhalt-block h2{color:var(--magenta-600);margin-top:34px;font-size:1.35rem;font-weight:800}
.inhalt-block p{font-size:1.04rem;margin-top:14px;color:var(--fg-soft)}
.inhalt-block p a{font-weight:600}
.inhalt-block ul{margin-top:14px;display:grid;gap:10px}
.inhalt-block li{color:var(--fg-soft);padding-left:24px;position:relative}
.inhalt-block li::before{content:"";border-radius:50%;left:0;position:absolute;height:10px;top:.5em;background:var(--flush);width:10px}
.inhalt-info>.container>h2{text-align:center;margin-bottom:28px}
.pfad a:hover{color:var(--magenta-600)}

.nachrichten-marker{color:#fffdff;top:-3px;padding:0 6px;border-radius:var(--radius-pill);place-items:center;display:grid;box-shadow:var(--sd-sm);position:absolute;min-width:22px;right:-3px;height:22px;border:2px solid var(--sheet);background:var(--like);font-size:.72rem;font-weight:800;line-height:1}
.nachrichten-marker[hidden]{display:none}
.town-hall-title{font-family:var(--heading);font-weight:800;margin-bottom:14px}
.town-hall-line{font-size:.94rem;color:var(--fg-soft);display:flex;margin-top:10px;gap:10px;align-items:flex-start}
.town-hall-line .tack{flex:none;color:var(--magenta)}
.town-hall-line .tack svg{height:16px;width:16px}
.round{line-height:1;font-size:.6rem;color:#30ac67}
h1,h2,h3,h4{color:var(--fg);line-height:1.12;letter-spacing:-.01em;font-family:var(--heading);margin:0}
.icon-lit svg{fill:currentColor;stroke:none}
ul{list-style:none;margin:0;padding:0}
.links-hintergrund{z-index:1090;inset:0;background:rgba(41,39,48,.52);transition:opacity .3s ease;position:fixed;visibility:hidden;opacity:0}
.links-hintergrund.shown{visibility:visible;opacity:1}
.links-entry{font-weight:600;border-radius:var(--radius-pill);padding:9px 14px;color:var(--fg);transition:background .18s,color .18s;font-size:.96rem}
.links-entry:hover{background:var(--sheet-alt);color:var(--magenta-600)}
.links-blitz{gap:7px;color:var(--fg);font-weight:600;transition:background .18s ease,color .18s ease;text-decoration:none;background:none;align-items:center;display:inline-flex;cursor:pointer;padding:9px 12px;border:none;border-radius:var(--radius-pill);position:relative;font-size:.96rem}
.links-blitz:hover{color:var(--magenta-600);background:var(--sheet-alt)}
.links-blitz svg{width:20px;height:20px;color:var(--magenta)}
.links-blitz:hover svg{color:var(--magenta-600)}
.links-blitz-absatz{white-space:nowrap}
.links-blitz .nachrichten-marker{top:auto;position:static;right:auto}
.links-blitz-mobile{cursor:pointer;text-align:left;align-items:center;border:none;font-weight:600;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg);font-size:15px;width:100%;gap:9px;background:none;padding:14px 2px;display:flex}
.links-blitz-mobile:hover{color:var(--magenta-600)}
.links-blitz-mobile svg{color:var(--magenta);height:18px;width:18px}
.moment{display:flex;gap:12px;font-size:.9rem;justify-content:space-between;color:var(--fg-soft)}
:focus-visible{border-radius:6px;outline:3px solid var(--magenta);outline-offset:2px}
.id,.links-entry,.drawer-mobile a,.btn,.pfad a,.site-impressum a,.naehe-links a,.person-nachrichten{text-decoration:none}
figure{margin:0}

.burger{padding:6px;gap:5px;z-index:1105;flex-direction:column;display:none;cursor:pointer;border:none;background:none}
.burger span{height:3px;width:26px;transition:transform .3s ease,opacity .3s ease;border-radius:2px;display:block;background:var(--fg)}
.burger.shown span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.burger.shown span:nth-child(2){opacity:0}
.burger.shown span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
::selection{background:rgba(237,79,148,.2)}
.zone-tile{aspect-ratio:4/3;background:var(--mauve);box-shadow:var(--sd-md);border-radius:var(--radius-lg);position:relative;border:1px solid rgba(255,253,255,.88);overflow:hidden}
.zone-tile.zone-async{cursor:pointer}
.zone-skeleton{gap:10px;place-items:center;display:grid;text-align:center;padding:20px;background:linear-gradient(160deg,var(--mauve-alt),var(--sheet-alt));inset:0;position:absolute}
.zone-skeleton p{font-weight:700;color:var(--fg)}
.zone-tack{filter:drop-shadow(0 10px 12px rgba(248,76,101,.52));color:var(--flush)}
.zone-tack svg{width:40px;fill:currentColor;height:40px;stroke:none}
.zone-tile iframe{width:100%;position:absolute;inset:0;border:0;height:100%}
.zone-tile.is-live .zone-skeleton{display:none}
.person-tile{transition:transform .2s ease,box-shadow .2s ease;border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--sd-md);background:var(--sheet);border:1px solid rgba(255,253,255,.88)}
.person-tile:hover{transform:translateY(-6px);box-shadow:var(--sd-lg)}
.person-avatar{aspect-ratio:1/1;position:relative;background:linear-gradient(160deg,var(--pinktint-200),var(--mauve-alt));overflow:hidden}
.person-avatar img{object-fit:cover;display:block;height:100%;width:100%}
.person-marker{top:12px;padding:5px 10px;color:#30ac67;display:inline-flex;z-index:2;box-shadow:var(--sd-sm);background:rgba(255,253,255,.91);font-weight:700;position:absolute;font-size:.72rem;left:12px;border-radius:var(--radius-pill);align-items:center;gap:6px}
.pfad{font-size:.86rem;display:flex;gap:6px;justify-content:flex-start;flex-wrap:wrap;margin-bottom:14px;color:var(--faint)}
p{margin:0}
.info-block{box-shadow:var(--sd-sm);background:var(--sheet);margin-bottom:14px;border-radius:var(--radius-md);border:1px solid var(--line);overflow:hidden}
.info-block summary{font-family:var(--heading);padding:20px 22px;font-weight:800;justify-content:space-between;cursor:pointer;align-items:center;color:var(--fg);gap:16px;display:flex;list-style:none;font-size:1.05rem}
.info-block summary::-webkit-details-marker{display:none}
.info-block summary::after{transition:transform .25s ease;background:var(--sheet-alt);place-items:center;content:"+";border-radius:50%;flex:none;display:grid;width:30px;font-size:1.2rem;height:30px;color:var(--magenta)}
.info-block[open] summary::after{color:#fffdff;transform:rotate(45deg);background:var(--magenta)}
.info-resp{padding:0 22px 20px;color:var(--fg-soft)}
.em{background:linear-gradient(92deg,var(--magenta),var(--flush) 60%,var(--orange));color:transparent;-webkit-background-clip:text;background-clip:text}

.inhalt{align-items:center;display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1fr 1fr}
.inhalt-absatz>p:not(.vortitel){font-size:1.04rem;margin-top:16px;color:var(--fg-soft)}
.inhalt-slogan{font-family:var(--heading);font-size:1.1rem;margin-top:22px;font-weight:800;color:var(--magenta-600)}

.aktion-box{gap:30px;align-items:center;justify-content:space-between;border-radius:var(--radius-xl);box-shadow:var(--sd-lg);padding:clamp(38px,5vw,64px);background:linear-gradient(100deg,var(--magenta-600),var(--flush) 60%,var(--orange));overflow:hidden;color:#fffdff;display:flex;position:relative;flex-wrap:wrap}
.aktion-glob{border-radius:50%;width:320px;right:-90px;position:absolute;top:-120px;height:320px;background:rgba(255,253,255,.1)}
.aktion-absatz{position:relative;z-index:2}
.aktion-absatz h2{color:#fffdff;max-width:16ch}
.aktion-absatz p{color:rgba(255,253,255,.91);margin-top:10px;max-width:46ch}
.aktion-box .btn{position:relative;z-index:2}

.personen-grid{gap:22px;grid-template-columns:repeat(4,1fr);display:grid}
.id{display:flex;font-family:var(--heading);font-weight:800;color:var(--fg);font-size:1.28rem;letter-spacing:-.02em;gap:11px;align-items:center}
.id:hover{color:var(--fg)}
.id-mark{width:42px;display:inline-flex;box-shadow:0 8px 18px -8px rgba(237,79,148,.8);color:#fffdff;justify-content:center;border-radius:14px;height:42px;background:linear-gradient(135deg,var(--magenta),var(--flush) 55%,var(--orange));flex-shrink:0;align-items:center}
.id-mark svg{height:22px;width:22px}
button{font-family:inherit}
.metric{padding:14px 16px;gap:12px;align-items:center;display:flex;border-radius:var(--radius-md);border:1px solid rgba(255,253,255,.88);background:var(--sheet);box-shadow:var(--sd-sm)}
.metric-icon{flex:none;color:var(--magenta);border-radius:12px;width:40px;display:grid;background:var(--sheet-alt);place-items:center;height:40px}
.metric-icon svg{width:18px;height:18px}
.metric-absatz dt{text-transform:uppercase;color:var(--faint);font-size:.78rem;letter-spacing:.05em}
.metric-absatz dd{font-family:var(--heading);font-weight:800;margin:2px 0 0;font-size:.98rem}
.vortitel{margin-bottom:10px;text-transform:uppercase;font-weight:800;color:var(--magenta);font-size:.8rem;letter-spacing:.1em}
.body-links{align-items:center;display:flex;gap:8px;margin-left:auto}
.person-blitz{top:12px;display:grid;background:rgba(255,253,255,.91);right:12px;width:36px;position:absolute;place-items:center;border-radius:50%;border:none;height:36px;z-index:2;transition:transform .16s,background .16s,color .16s;color:var(--flush);cursor:pointer;box-shadow:var(--sd-sm)}
.person-blitz svg{width:18px;height:18px}
.person-blitz:hover{transform:scale(1.08)}
.person-blitz.lit{color:#fffdff;background:var(--flush)}
.person-blitz.lit svg{fill:currentColor}
.person-window-blitz{height:46px;top:14px;right:14px;width:46px}
.person-window-blitz svg{height:21px;width:21px}
.person-body{padding:16px 18px}
.person-title{font-family:var(--heading);font-weight:800;font-size:1.12rem}
.person-title a{outline-offset:3px;color:inherit;text-decoration:none}
.person-title a::after{position:absolute;inset:0;z-index:1;content:""}
.person-title span{color:var(--faint);font-weight:600}
.person-loc{display:flex;color:var(--fg-soft);gap:6px;margin-top:4px;align-items:center;font-size:.88rem}
.person-loc .tack svg{height:14px;width:14px;color:var(--magenta)}
.person-nachrichten{z-index:2;margin-top:12px;gap:7px;font-weight:700;width:100%;transition:transform .16s ease,box-shadow .16s ease;padding:9px 14px;box-shadow:var(--sd-sm);color:#fffdff;position:relative;border-radius:var(--radius-pill);font-size:.9rem;display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--magenta),var(--flush));justify-content:center}
.person-nachrichten svg{width:16px;height:16px}
.person-nachrichten:hover{transform:translateY(-1px);box-shadow:var(--sd-md)}
.person-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:start;margin-top:22px}
.person-side{min-width:0}
.person-window{border-radius:var(--radius-lg);overflow:hidden;margin:0;background:linear-gradient(160deg,var(--pinktint-200),var(--mauve-alt));box-shadow:var(--sd-md);position:relative}
.person-window img{object-fit:cover;display:block;width:100%;aspect-ratio:4/5;height:auto}
.person-ctrl{border-radius:50%;place-items:center;width:44px;background:rgba(255,253,255,.91);height:44px;cursor:pointer;z-index:2;transition:transform .15s ease,background .15s ease;border:none;box-shadow:var(--sd-md);position:absolute;top:50%;transform:translateY(-50%);display:grid;color:var(--magenta-600)}
.person-ctrl:hover{transform:translateY(-50%) scale(1.07);background:#fffdff}
.person-ctrl svg{width:22px;height:22px}
.person-left{left:12px}
.person-fwd{right:12px}
.person-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.person-block{background:var(--sheet-alt);aspect-ratio:3/4;padding:0;flex:0 0 auto;transition:transform .15s ease,border-color .15s ease;box-shadow:var(--sd-sm);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;width:72px}
.person-block img{object-fit:cover;display:block;width:100%;height:100%}
.person-block:hover{transform:translateY(-2px)}
.person-block.lit{border-color:var(--magenta)}
.person-drawer{top:96px;position:sticky}
.person-head{align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}
.person-head .marker-chip{flex:none}
.person-koeder{font-family:var(--heading);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.1}
.person-koeder span{color:var(--faint);font-weight:600;font-size:.62em}
.person-klein{gap:7px;display:flex;align-items:center;color:var(--fg-soft);font-size:1.02rem;margin-top:10px}
.person-klein .tack svg{width:18px;height:18px;color:var(--magenta)}
.person-klein a{font-weight:600;transition:border-color .15s ease;text-decoration:none;border-bottom:1px solid transparent;color:var(--magenta-600)}
.person-klein a:hover{border-bottom-color:currentColor}
.person-metrics{flex-wrap:wrap;display:flex;margin-top:16px;gap:8px}
.person-drawer .koeder{margin-top:18px}
.person-items{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

.site-impressum{background:#292730;color:#d9d2df}
.site-impressum .container{padding-block:56px 22px}
.site-impressum a{color:#d9d2df}
.site-impressum a:hover{color:#fffdff}
.drawer-mobile{box-shadow:-6px 0 30px rgba(41,39,48,.2);top:0;width:80%;right:-100%;background:var(--sheet);z-index:1100;height:100vh;height:100dvh;position:fixed;transition:right .3s ease;padding:84px 22px 22px;overflow-y:auto;max-width:320px}
.drawer-mobile.shown{right:0}
.drawer-mobile nav{display:flex;flex-direction:column}
.drawer-mobile a:not(.btn){padding:14px 2px;font-weight:600;border-bottom:1px solid var(--line);color:var(--fg);font-size:15px}
.drawer-mobile a:not(.btn):hover{color:var(--magenta-600)}
.drawer-mobile a.btn{margin-top:22px}
.impressum-grid{grid-template-columns:1.6fr 1fr 1fr;gap:40px;display:grid}
.impressum-id{font-family:var(--heading);font-weight:800;font-size:1.2rem;align-items:center;color:#fffdff;gap:10px;display:flex;margin-bottom:12px}
.impressum-side>p:not(.impressum-title){color:#a99db1;max-width:34ch;font-size:.94rem}
.impressum-title{color:#fffdff;margin-bottom:14px;font-size:1rem;font-weight:800}
.impressum-links{display:grid;font-size:.94rem;gap:10px}

.container{max-width:var(--frame);margin-inline:auto;padding-inline:var(--inset)}

.fakten{display:grid;gap:clamp(28px,4vw,48px);align-items:start;grid-template-columns:1.2fr 1fr}
.fakten-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}
.fakten-town-hall{border-radius:var(--radius-lg);border:1px solid rgba(255,253,255,.88);background:var(--sheet);padding:24px;box-shadow:var(--sd-md)}

.view-kopfbild{padding-block:clamp(40px,6vw,80px) 20px}
.view-kopfbild h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-kopfbild p{font-size:1.08rem;color:var(--fg-soft);margin:16px auto 0}

.btn{
  text-align:center;border:1.5px solid transparent;gap:9px;justify-content:center;
  border-radius:var(--radius-pill);align-items:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;padding:14px 26px;
  display:inline-flex;font-weight:700;font-size:1rem;white-space:nowrap;
  cursor:pointer;
}
.btn svg{height:18px;width:18px}
.btn-small{font-size:.9rem;padding:10px 18px}
.btn-big{padding:17px 32px;font-size:1.06rem}
.btn-stretch{width:100%}
.btn-go{background:linear-gradient(95deg,var(--orange),var(--flush) 55%,var(--magenta));box-shadow:0 14px 26px -12px rgba(248,76,101,.75);color:#fffdff}
.btn-go:hover{color:#fffdff;transform:translateY(-2px);box-shadow:0 20px 34px -12px rgba(248,76,101,.83)}
.btn-light{color:var(--magenta);background:var(--sheet);border-color:var(--line)}
.btn-light:hover{background:var(--sheet-alt);transform:translateY(-2px);color:var(--magenta-600)}
.btn-white{color:var(--magenta-600);background:#fffdff}
.btn-white:hover{color:var(--magenta-600);transform:translateY(-2px);box-shadow:var(--sd-md)}

.naehe{display:flex;gap:32px;flex-direction:column}
.naehe-set h2{font-size:1.15rem;font-weight:800;margin-bottom:16px;color:var(--fg)}
.naehe-links{gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.naehe-links a{border:1px solid var(--line);display:flex;font-size:.92rem;justify-content:space-between;padding:13px 16px;gap:10px;color:var(--fg);font-weight:600;transition:transform .14s,box-shadow .14s,color .14s;background:var(--sheet);align-items:center;box-shadow:var(--sd-sm);border-radius:var(--radius-md)}
.naehe-links a:hover{box-shadow:var(--sd-md);transform:translateY(-3px);color:var(--magenta-600)}
.naehe-links a .tack{flex:none;display:grid;color:var(--magenta);place-items:center}
.naehe-links a .tack svg{height:16px;width:16px}
.block{padding-block:var(--vgap)}
.block-other{background:var(--sheet-alt)}
.block-head{max-width:640px;text-align:center;margin:0 auto 44px}
/* Fil d'Ariane robot placé dans l'article SEO : neutraliser les styles de liste de l'article (grille, retrait, puce). */
.inhalt-block .pfad{display:flex}.inhalt-block .pfad li{padding-left:0}.inhalt-block .pfad li::before{display:none}
.pfad li:not(:last-child)::after{content:"\00203a";margin-left:6px;color:var(--faint)}
.pfad a{color:var(--fg-soft)}

.eingabe{background:#fffdff;border-radius:var(--radius-lg);box-shadow:var(--sd-md);border:1px solid rgba(255,253,255,.88);padding:clamp(24px,3vw,40px)}
.eingabe-block{display:grid;gap:7px;margin-bottom:18px}
.eingabe-block label{font-weight:700;font-size:.92rem}
.fld-line{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--sheet-soft);font-family:inherit;font-size:1rem;color:var(--fg);transition:border-color .16s,box-shadow .16s}
.fld:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(237,79,148,.14)}
textarea.fld{min-height:140px;resize:vertical}
.eingabe-klein{font-weight:700}
.eingabe-klein-lit{color:#30ac67}
.eingabe-klein-hidden{color:var(--magenta-600)}

.durchsuchen-eingabe{margin:0 auto;display:flex;gap:12px;background:#fffdff;padding:12px;border-radius:var(--radius-pill);box-shadow:var(--sd-md);border:1px solid rgba(255,253,255,.88)}
.durchsuchen-eingabe .fld{border:none;background:transparent;box-shadow:none;font-size:1.06rem}
.durchsuchen-eingabe .fld:focus{box-shadow:none}
.durchsuchen-eingabe+.naehe{margin-top:40px}

.eingabe-wrap{max-width:640px}
.eingabe-skeleton{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.skeleton{text-align:center;padding-block:clamp(60px,10vw,140px)}
.skeleton-num{font-family:var(--heading);font-weight:800;font-size:clamp(6rem,20vw,13rem);line-height:.9}
.skeleton-set{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}

@media (max-width:980px){
  .personen-grid{grid-template-columns:repeat(3,1fr)}
  .person-grid{grid-template-columns:1fr}
  .person-window{width:100%;max-width:380px;justify-self:start}
  .person-drawer{position:static}
  .inhalt,.fakten{grid-template-columns:1fr}
  .impressum-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .body-links{display:none}
  .burger{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .drawer-mobile,.links-hintergrund{display:none}
}
@media (max-width:600px){
  :root{--vgap:clamp(30px,7vw,48px)}
  .impressum-grid,.fld-line{grid-template-columns:1fr}
  .personen-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .person-body{padding:16px 10px}
  .aktion-box{flex-direction:column;align-items:stretch;padding:32px 24px}
  .aktion-box .btn{width:100%;white-space:normal}
  .durchsuchen-eingabe{flex-direction:column;border-radius:var(--radius-lg)}
  .durchsuchen-eingabe .btn{width:100%}
  .block-person{padding-top:0}
  .person-window img{aspect-ratio:1/1;max-height:46vh}
  .person-grid{margin-top:0}
  .person-drawer{display:flex;flex-direction:column;margin-top:14px}
  .person-head{order:1;margin-top:0}
  .person-klein{order:2}
  .person-items{order:3;margin-top:16px;gap:10px}
  .person-items .btn{flex:1 1 auto}
  .person-strip{display:none}
  .person-metrics{order:4}
  .person-drawer .koeder{order:5}
  .fakten-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .metric{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .metric-icon{width:34px;height:34px}
  .metric-absatz{min-width:0}
  .metric-absatz dd{font-size:.92rem;overflow-wrap:anywhere}
}
