:root{
  --bg-pink-100:#fdf0f2;
  --bg-pink-200:#fbdde8;
  --bg-pink-300:#f9c4de;
  --bg-pink-deep:#f3a8c9;
  --lilac:#ebe7f9;
  --lilac-deep:#d9dcf5;

  --card:#fffffd;
  --card-pale:#fef4fa;
  --card-deep:#feebee;

  --magenta:#ea4d95;
  --magenta-hover:#e12e7c;
  --salmon:#fd5a75;
  --salmon-deep:#fc4c64;
  --peach:#fc793e;
  --peach-deep:#f56b27;
  --love:#ff4f60;
  --blueviolet:#c5ccf1;

  --copy:#2c252f;
  --copy-pale:#6d6374;
  --dim:#9a959f;
  --border:#f4dae6;

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

  --shadow-sm:0 6px 16px -8px rgba(234,77,149,.34);
  --shadow-md:0 18px 38px -18px rgba(234,77,149,.42);
  --shadow-lg:0 30px 60px -24px rgba(225,46,124,.44);

  --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;
  --gutter:24px;
  --sy:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 700px at 85% -8%, var(--bg-pink-300) 0%, rgba(249,196,222,.02) 55%),
    radial-gradient(900px 600px at -10% 8%, var(--lilac) 0%, rgba(235,231,249,.02) 55%),
    linear-gradient(180deg, var(--bg-pink-100) 0%, var(--card-pale) 40%, var(--bg-pink-100) 100%);font-family:var(--face);color:var(--copy);line-height:1.6;
  background-attachment:fixed;
  margin:0;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
.wortmarke{font-family:var(--heading);font-weight:800;align-items:center;letter-spacing:-.02em;color:var(--copy);display:flex;font-size:1.28rem;gap:11px}
.wortmarke:hover{color:var(--copy)}
.wortmarke-mark{justify-content:center;color:#fffffd;flex-shrink:0;height:42px;width:42px;box-shadow:0 8px 18px -8px rgba(234,77,149,.8);background:linear-gradient(135deg,var(--magenta),var(--salmon) 55%,var(--peach));display:inline-flex;border-radius:14px;align-items:center}
.wortmarke-mark svg{height:22px;width:22px}
.round{color:#2faf65;font-size:.6rem;line-height:1}
svg{display:block}
.leiste-link{transition:background .18s,color .18s;padding:9px 14px;font-weight:600;font-size:.96rem;border-radius:var(--r-pill);color:var(--copy)}
.leiste-link:hover{color:var(--magenta-hover);background:var(--card-deep)}
.leiste-blitz{background:none;font-weight:600;padding:9px 12px;display:inline-flex;border:none;text-decoration:none;border-radius:var(--r-pill);gap:7px;cursor:pointer;color:var(--copy);position:relative;transition:background .18s ease,color .18s ease;align-items:center;font-size:.96rem}
.leiste-blitz:hover{color:var(--magenta-hover);background:var(--card-deep)}
.leiste-blitz svg{color:var(--magenta);height:20px;width:20px}
.leiste-blitz:hover svg{color:var(--magenta-hover)}
.leiste-blitz-copy{white-space:nowrap}
.leiste-blitz .chat-status{top:auto;position:static;right:auto}
.leiste-blitz-small{display:flex;border:none;text-align:left;font-weight:600;cursor:pointer;font-size:15px;text-decoration:none;padding:14px 2px;color:var(--copy);align-items:center;background:none;border-bottom:1px solid var(--border);width:100%;gap:9px}
.leiste-blitz-small:hover{color:var(--magenta-hover)}
.leiste-blitz-small svg{width:18px;height:18px;color:var(--magenta)}
.intro-head{max-width:640px;text-align:center;margin:0 auto 44px}
.weg a:hover{color:var(--magenta-hover)}
.wortmarke,.leiste-link,.drawer-small a,.ctl,.weg a,.site-ende a,.umgebung-nav a,.kontakt-chat{text-decoration:none}
.drawer-small{height:100vh;top:0;width:80%;transition:right .3s ease;overflow-y:auto;right:-100%;height:100dvh;position:fixed;background:var(--card);max-width:320px;padding:84px 22px 22px;box-shadow:-6px 0 30px rgba(44,37,47,.21);z-index:1100}
.drawer-small.active{right:0}
.drawer-small nav{flex-direction:column;display:flex}
.drawer-small a:not(.ctl){padding:14px 2px;color:var(--copy);border-bottom:1px solid var(--border);font-weight:600;font-size:15px}
.drawer-small a:not(.ctl):hover{color:var(--magenta-hover)}
.drawer-small a.ctl{margin-top:22px}
.chat{margin:0 auto;max-width:600px;background:var(--card);box-shadow:var(--shadow-lg);border-radius:var(--r-lg);display:flex;border:1px solid rgba(255,255,253,.89);overflow:hidden;flex-direction:column}
.chat-intro{display:flex;padding:15px 20px;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:14px}
.chat-part{align-items:center;gap:12px;flex:1;text-decoration:none;min-width:0;color:inherit;display:flex}
.chat-pic{flex:none;position:relative;border-radius:50%;width:52px;background:linear-gradient(160deg,var(--bg-pink-200),var(--lilac-deep));height:52px;overflow:hidden;box-shadow:var(--shadow-sm)}
.chat-pic img{width:100%;height:100%;object-fit:cover}
.chat-pic::after{right:1px;width:13px;background:#2faf65;position:absolute;content:"";border-radius:50%;height:13px;border:2px solid var(--card);bottom:1px}
.chat-titel{display:block;font-family:var(--heading);color:var(--copy);line-height:1.15;font-weight:800;font-size:1.06rem}
.chat-titel span{font-weight:600;color:var(--dim);font-size:.84em}
.chat-sub{display:block;font-size:.82rem;color:var(--copy-pale);margin-top:2px}
.chat-intro .status-chip{flex:none}
.chat-intro .status-chip .round{color:#2faf65}
.chat-strip{overflow-y:auto;max-height:56vh;background:linear-gradient(180deg,var(--card-pale),var(--bg-pink-100));gap:12px;padding:24px 20px;flex-direction:column;display:flex;min-height:360px}
.chat-ghost{align-self:center;font-size:.92rem;color:var(--dim);text-align:center;margin:auto 0}
.chat-entry{display:flex;max-width:82%;align-self:flex-start}
.chat-entry[hidden]{display:none}
.chat-entry-inv{align-self:flex-end;justify-content:flex-end}
.chat-tile{box-shadow:var(--shadow-sm);line-height:1.5;border:1px solid var(--border);border-radius:20px;border-bottom-left-radius:7px;background:var(--card);position:relative;padding:11px 15px 8px;color:var(--copy);word-break:break-word;font-size:.98rem}
.chat-entry-inv .chat-tile{border-color:transparent;border-radius:20px;border-bottom-right-radius:7px;background:linear-gradient(135deg,var(--salmon),var(--magenta));color:#fffffd}
.chat-slot{color:var(--dim);display:block;font-size:.66rem;text-align:right;margin-top:4px}
.chat-entry-inv .chat-slot{color:rgba(255,255,253,.8)}
.chat-later{padding:15px 17px;align-items:center;display:inline-flex;gap:5px}
.chat-later span{height:8px;background:var(--bg-pink-deep);border-radius:50%;animation:wave 1.2s infinite ease-in-out;width:8px}
.chat-later span:nth-child(2){animation-delay:.18s}
.chat-later span:nth-child(3){animation-delay:.36s}
.core-leiste{align-items:center;gap:8px;display:flex;margin-left:auto}
.kicker{color:var(--magenta);text-transform:uppercase;font-weight:800;margin-bottom:10px;letter-spacing:.1em;font-size:.8rem}

.ctl{
  border:1.5px solid transparent;display:inline-flex;font-weight:700;border-radius:var(--r-pill);
  justify-content:center;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;gap:9px;
  font-size:1rem;cursor:pointer;padding:14px 26px;align-items:center;
  text-align:center;
}
.ctl svg{width:18px;height:18px}
.ctl-mini{font-size:.9rem;padding:10px 18px}
.ctl-lg{padding:17px 32px;font-size:1.06rem}
.ctl-wide{width:100%}
.ctl-cta{box-shadow:0 14px 26px -12px rgba(252,76,100,.73);background:linear-gradient(95deg,var(--peach),var(--salmon) 55%,var(--magenta));color:#fffffd}
.ctl-cta:hover{color:#fffffd;transform:translateY(-2px);box-shadow:0 20px 34px -12px rgba(252,76,100,.87)}
.ctl-soft{border-color:var(--border);color:var(--magenta);background:var(--card)}
.ctl-soft:hover{color:var(--magenta-hover);transform:translateY(-2px);background:var(--card-deep)}
.ctl-pale{color:var(--magenta-hover);background:#fffffd}
.ctl-pale:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--magenta-hover)}

.site-topbar{top:0;border-bottom:1px solid var(--border);z-index:60;background:var(--card);position:sticky}
.site-topbar-in{padding-block:12px;align-items:center;gap:20px;display:flex;justify-content:space-between;min-height:74px}
.kontakt-tile{transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid rgba(255,255,253,.89);box-shadow:var(--shadow-md);background:var(--card)}
.kontakt-tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}
.kontakt-pic{overflow:hidden;aspect-ratio:1/1;background:linear-gradient(160deg,var(--bg-pink-200),var(--lilac-deep));position:relative}
.kontakt-pic img{width:100%;height:100%;object-fit:cover;display:block}
.kontakt-status{padding:5px 10px;top:12px;gap:6px;box-shadow:var(--shadow-sm);border-radius:var(--r-pill);font-weight:700;align-items:center;position:absolute;background:rgba(255,255,253,.92);left:12px;z-index:2;color:#2faf65;display:inline-flex;font-size:.72rem}
.title-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}

.nav-toggle{background:none;border:none;flex-direction:column;z-index:1105;padding:6px;display:none;cursor:pointer;gap:5px}
.nav-toggle span{width:26px;border-radius:2px;display:block;height:3px;transition:transform .3s ease,opacity .3s ease;background:var(--copy)}
.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}

.kontakte-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}

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

.huelle{margin-inline:auto;padding-inline:var(--gutter);max-width:var(--frame)}
.icon-ticked svg{fill:currentColor;stroke:none}
.kontakt-blitz{cursor:pointer;border-radius:50%;top:12px;transition:transform .16s,background .16s,color .16s;border:none;height:36px;z-index:2;color:var(--salmon);position:absolute;display:grid;box-shadow:var(--shadow-sm);right:12px;background:rgba(255,255,253,.92);width:36px;place-items:center}
.kontakt-blitz svg{width:18px;height:18px}
.kontakt-blitz:hover{transform:scale(1.08)}
.kontakt-blitz.ticked{color:#fffffd;background:var(--salmon)}
.kontakt-blitz.ticked svg{fill:currentColor}
.kontakt-window-blitz{width:46px;top:14px;right:14px;height:46px}
.kontakt-window-blitz svg{height:21px;width:21px}
.kontakt-in{padding:16px 18px}
.kontakt-titel{font-family:var(--heading);font-weight:800;font-size:1.12rem}
.kontakt-titel a{text-decoration:none;outline-offset:3px;color:inherit}
.kontakt-titel a::after{content:"";inset:0;position:absolute;z-index:1}
.kontakt-titel span{font-weight:600;color:var(--dim)}
.kontakt-loc{display:flex;gap:6px;align-items:center;margin-top:4px;color:var(--copy-pale);font-size:.88rem}
.kontakt-loc .pin svg{color:var(--magenta);width:14px;height:14px}
.kontakt-chat{box-shadow:var(--shadow-sm);display:inline-flex;position:relative;z-index:2;align-items:center;transition:transform .16s ease,box-shadow .16s ease;border-radius:var(--r-pill);justify-content:center;width:100%;font-weight:700;padding:9px 14px;color:#fffffd;background:linear-gradient(135deg,var(--magenta),var(--salmon));font-size:.9rem;margin-top:12px;gap:7px}
.kontakt-chat svg{height:16px;width:16px}
.kontakt-chat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
.kontakt-grid{align-items:start;gap:clamp(24px,4vw,52px);margin-top:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}
.kontakt-part{min-width:0}
.kontakt-window{background:linear-gradient(160deg,var(--bg-pink-200),var(--lilac-deep));margin:0;box-shadow:var(--shadow-md);position:relative;border-radius:var(--r-lg);overflow:hidden}
.kontakt-window img{height:auto;width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.kontakt-arrows{position:absolute;background:rgba(255,255,253,.92);box-shadow:var(--shadow-md);z-index:2;border-radius:50%;display:grid;height:44px;transform:translateY(-50%);top:50%;width:44px;place-items:center;color:var(--magenta-hover);cursor:pointer;transition:transform .15s ease,background .15s ease;border:none}
.kontakt-arrows:hover{transform:translateY(-50%) scale(1.07);background:#fffffd}
.kontakt-arrows svg{height:22px;width:22px}
.kontakt-back{left:12px}
.kontakt-right{right:12px}
.kontakt-strip{gap:10px;margin-top:12px;display:flex;flex-wrap:wrap}
.kontakt-entry{padding:0;transition:transform .15s ease,border-color .15s ease;border:2px solid transparent;cursor:pointer;border-radius:var(--r-sm);aspect-ratio:3/4;overflow:hidden;flex:0 0 auto;width:72px;box-shadow:var(--shadow-sm);background:var(--card-deep)}
.kontakt-entry img{height:100%;width:100%;display:block;object-fit:cover}
.kontakt-entry:hover{transform:translateY(-2px)}
.kontakt-entry.ticked{border-color:var(--magenta)}
.kontakt-drawer{position:sticky;top:96px}
.kontakt-intro{gap:12px;margin-top:14px;align-items:center;flex-wrap:wrap;display:flex}
.kontakt-intro .status-chip{flex:none}
.kontakt-koeder{line-height:1.1;font-family:var(--heading);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.kontakt-koeder span{font-weight:600;color:var(--dim);font-size:.62em}
.kontakt-vermerk{font-size:1.02rem;gap:7px;display:flex;align-items:center;margin-top:10px;color:var(--copy-pale)}
.kontakt-vermerk .pin svg{width:18px;height:18px;color:var(--magenta)}
.kontakt-vermerk a{font-weight:600;color:var(--magenta-hover);border-bottom:1px solid transparent;text-decoration:none;transition:border-color .15s ease}
.kontakt-vermerk a:hover{border-bottom-color:currentColor}
.kontakt-figures{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px}
.kontakt-drawer .koeder{margin-top:18px}
.kontakt-items{margin-top:24px;gap:12px;flex-wrap:wrap;display:flex}
figure{margin:0}
.strong{background:linear-gradient(92deg,var(--magenta),var(--salmon) 60%,var(--peach));-webkit-background-clip:text;background-clip:text;color:transparent}
button{font-family:inherit}
ul{list-style:none;margin:0;padding:0}

.bereich.chat-view{padding-block:clamp(18px,3vw,38px)}
p{margin:0}
.leiste-schleier{transition:opacity .3s ease;visibility:hidden;opacity:0;inset:0;background:rgba(44,37,47,.48);position:fixed;z-index:1090}
.leiste-schleier.active{opacity:1;visibility:visible}
::selection{background:rgba(234,77,149,.2)}
.bereich{padding-block:var(--sy)}
.bereich-inv{background:var(--card-deep)}
:focus-visible{outline:3px solid var(--magenta);outline-offset:2px;border-radius:6px}
.koeder{margin-top:14px;color:var(--copy-pale);font-size:1.06rem}
h1,h2,h3,h4{letter-spacing:-.01em;color:var(--copy);line-height:1.12;margin:0;font-family:var(--heading)}
@keyframes wave{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}
.chat-eingabe{gap:10px;display:flex;border-top:1px solid var(--border);padding:12px 16px;align-items:center;background:var(--card)}
.chat-fld{transition:border-color .16s,box-shadow .16s;font-family:inherit;border:1.5px solid var(--border);border-radius:var(--r-pill);flex:1;color:var(--copy);background:var(--card-pale);min-width:0;font-size:1rem;padding:12px 16px}
.chat-fld:focus{border-color:var(--magenta);outline:none;box-shadow:0 0 0 3px rgba(234,77,149,.17)}
.chat-ctl{color:#fffffd;border-radius:50%;place-items:center;cursor:pointer;background:linear-gradient(135deg,var(--salmon),var(--magenta));transition:transform .15s ease,opacity .15s ease;height:46px;box-shadow:0 10px 20px -10px rgba(252,76,100,.8);width:46px;border:none;flex:none;display:grid}
.chat-ctl:hover{transform:translateY(-2px)}
.chat-ctl:disabled{transform:none;opacity:.5;cursor:default}
.chat-ctl svg{width:18px;height:18px;fill:currentColor;stroke:none}
.chat-vermerk{text-align:center;padding:2px 20px 16px;color:var(--dim);font-size:.8rem}
.chat-schleier{border-top:1px solid var(--border);align-items:center;flex-direction:column;gap:14px;text-align:center;display:none;padding:20px 22px 24px;background:var(--card)}
.chat-schleier-copy{line-height:1.5;margin:0;font-size:.94rem;color:var(--copy-pale);max-width:440px}
.chat-modal{justify-content:center;background:rgba(23,8,24,.55);inset:0;display:none;position:fixed;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:130;padding:20px}
.chat-modal-tile{background:var(--card);max-width:420px;box-shadow:var(--shadow-lg);width:100%;padding:32px 26px 28px;position:relative;text-align:center;border:1px solid var(--border);border-radius:22px}
.chat-modal-close{font-size:1.6rem;cursor:pointer;padding:0;top:10px;line-height:1;position:absolute;border:none;color:var(--dim);background:none;right:14px}
.chat-modal-titel{font-family:var(--heading);font-weight:800;color:var(--copy);font-size:1.22rem;margin:0 0 10px}
.chat-modal-copy{color:var(--copy-pale);margin:0 0 20px;font-size:.96rem;line-height:1.5}
.chat-fab{transition:transform .16s ease;width:60px;place-items:center;position:fixed;text-decoration:none;color:#fffffd;z-index:80;box-shadow:var(--shadow-lg);display:grid;right:22px;bottom:22px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--magenta),var(--salmon))}
.chat-fab[hidden]{display:none}
.chat-fab:hover{transform:translateY(-2px)}
.chat-fab svg{height:26px;width:26px}
.chat-status{position:absolute;padding:0 6px;height:22px;font-size:.72rem;border-radius:var(--r-pill);min-width:22px;box-shadow:var(--shadow-sm);place-items:center;background:var(--love);border:2px solid var(--card);display:grid;top:-3px;line-height:1;font-weight:800;color:#fffffd;right:-3px}
.chat-status[hidden]{display:none}
.chat-fab-wide{padding:14px 22px;height:auto;gap:9px;width:auto;display:inline-flex;align-items:center;border-radius:var(--r-pill)}
.chat-fab-wide svg{width:20px;height:20px}
.chat-fab-copy{font-family:var(--heading);white-space:nowrap;font-weight:800;font-size:.98rem}
.chat-nav{display:flex;max-height:52vh;overflow-y:auto;flex-direction:column;gap:4px;margin-top:4px}
.chat-line{transition:background .14s ease;color:var(--copy);gap:11px;border-radius:var(--r-sm);display:flex;padding:9px 8px;text-decoration:none;align-items:center}
.chat-line:hover{background:var(--card-deep)}
.chat-mark{background:linear-gradient(160deg,var(--bg-pink-200),var(--lilac-deep));overflow:hidden;height:42px;width:42px;border-radius:50%;flex:none}
.chat-mark img{width:100%;height:100%;object-fit:cover}
.chat-in{min-width:0;flex:1}
.chat-in strong{font-family:var(--heading);white-space:nowrap;font-size:.96rem;text-overflow:ellipsis;display:block;font-weight:800;overflow:hidden}
.chat-in span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:.82rem;color:var(--copy-pale)}
.chat-line small{font-size:.7rem;color:var(--dim);align-self:flex-start;flex:none}
.warte-panel{display:none;inset:0;backdrop-filter:blur(3px);justify-content:center;z-index:1200;position:fixed;padding:20px;background:rgba(44,37,47,.55);align-items:center}
.warte-panel.is-live{display:flex}
.warte-panel-tile{position:relative;border-radius:var(--r-xl);display:grid;box-shadow:var(--shadow-lg);max-width:860px;grid-template-columns:.82fr 1fr;background:var(--card);overflow:hidden;color:var(--copy);width:100%}
.warte-panel-drawer{background:linear-gradient(160deg,var(--magenta),var(--salmon) 60%,var(--peach));flex-direction:column;position:relative;align-items:flex-start;display:flex;justify-content:center;gap:8px;overflow:hidden;padding:clamp(24px,4vw,40px);color:#fffffd}
.warte-panel-drawer::after{position:absolute;right:-28%;bottom:-28%;border-radius:50%;height:86%;width:86%;content:"";border:20px solid rgba(255,255,253,.1)}
.warte-panel-drawer img{max-width:200px;border-radius:var(--r-lg);width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:var(--shadow-md);position:relative;border:3px solid rgba(255,255,253,.48)}
.warte-panel-drawer .icon-ticked svg{height:64px;fill:currentColor;width:64px;stroke:none}
.warte-panel-drawer p{position:relative;font-size:1rem;max-width:200px;font-weight:700}
.warte-panel-num{font-family:var(--heading);line-height:.85;position:relative;font-weight:800;font-size:clamp(52px,8vw,88px)}
.warte-panel-core{position:relative;padding:clamp(24px,4vw,40px)}
.warte-panel-core .koeder{margin-top:10px}
.warte-panel-core .ctl{margin-top:20px}
.warte-panel-core .chat-nav{max-height:236px;margin-top:18px}
.warte-panel-close{position:absolute;place-items:center;background:var(--card);color:var(--dim);border-radius:50%;cursor:pointer;top:14px;padding:0;right:14px;border:1px solid var(--border);width:38px;z-index:2;display:grid;height:38px}
.warte-panel-close svg{width:15px;height:15px}
.warte-panel-close:hover{border-color:transparent;color:#fffffd;background:var(--magenta)}
.warte-panel-stop{margin:14px 0 0;max-width:100%;cursor:pointer;font-size:.84rem;display:block;text-decoration:underline;background:none;border:0;width:fit-content;color:var(--dim)}
@media (max-width:600px){.warte-panel{padding:12px}.warte-panel-tile{grid-template-columns:1fr}.warte-panel-drawer{display:none}.warte-panel-core{padding:26px 22px}.warte-panel-core .ctl{width:100%}}
.finden-tile{background:var(--lilac);aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;position:relative;border:1px solid rgba(255,255,253,.89);box-shadow:var(--shadow-md)}
.finden-tile.finden-later{cursor:pointer}
.finden-ghost{gap:10px;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,var(--lilac-deep),var(--card-deep));text-align:center;inset:0;position:absolute}
.finden-ghost p{color:var(--copy);font-weight:700}
.finden-pin{filter:drop-shadow(0 10px 12px rgba(252,76,100,.48));color:var(--salmon)}
.finden-pin svg{stroke:none;fill:currentColor;height:40px;width:40px}
.finden-tile iframe{border:0;width:100%;height:100%;position:absolute;inset:0}
.finden-tile.is-live .finden-ghost{display:none}
.vorzuege-items{margin-top:14px;display:grid;gap:10px}
.vorzuege-items li{position:relative;color:var(--copy);padding-left:24px}
.vorzuege-items li::before{position:absolute;width:10px;content:"";border-radius:50%;background:var(--salmon);height:10px;left:0;top:.5em}
.slot{color:var(--copy-pale);font-size:.9rem;justify-content:space-between;gap:12px;display:flex}
.ende-grid{grid-template-columns:1.6fr 1fr 1fr;gap:40px;display:grid}
.ende-wortmarke{margin-bottom:12px;font-family:var(--heading);color:#fffffd;font-weight:800;gap:10px;align-items:center;display:flex;font-size:1.2rem}
.ende-part>p:not(.ende-titel){max-width:34ch;color:#a79faf;font-size:.94rem}
.ende-titel{font-size:1rem;margin-bottom:14px;font-weight:800;color:#fffffd}
.ende-nav{display:grid;font-size:.94rem;gap:10px}
.fragen-entry{box-shadow:var(--shadow-sm);overflow:hidden;border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);margin-bottom:14px}
.fragen-entry summary{justify-content:space-between;display:flex;align-items:center;color:var(--copy);list-style:none;padding:20px 22px;gap:16px;cursor:pointer;font-family:var(--heading);font-weight:800;font-size:1.05rem}
.fragen-entry summary::-webkit-details-marker{display:none}
.fragen-entry summary::after{place-items:center;height:30px;font-size:1.2rem;flex:none;width:30px;background:var(--card-deep);display:grid;color:var(--magenta);border-radius:50%;transition:transform .25s ease;content:"+"}
.fragen-entry[open] summary::after{color:#fffffd;transform:rotate(45deg);background:var(--magenta)}
.fragen-reply{color:var(--copy-pale);padding:0 22px 20px}

.umgebung{flex-direction:column;display:flex;gap:32px}
.umgebung-group h2{margin-bottom:16px;font-size:1.15rem;color:var(--copy);font-weight:800}
.umgebung-nav{gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.umgebung-nav a{background:var(--card);align-items:center;font-size:.92rem;border:1px solid var(--border);display:flex;gap:10px;padding:13px 16px;border-radius:var(--r-md);justify-content:space-between;box-shadow:var(--shadow-sm);color:var(--copy);transition:transform .14s,box-shadow .14s,color .14s;font-weight:600}
.umgebung-nav a:hover{box-shadow:var(--shadow-md);color:var(--magenta-hover);transform:translateY(-3px)}
.umgebung-nav a .pin{flex:none;place-items:center;display:grid;color:var(--magenta)}
.umgebung-nav a .pin svg{height:16px;width:16px}
.ueber-town-hall{padding:24px;border-radius:var(--r-lg);border:1px solid rgba(255,255,253,.89);background:var(--card);box-shadow:var(--shadow-md)}

.artikel{gap:clamp(28px,4vw,56px);display:grid;grid-template-columns:1fr 1fr;align-items:center}
.artikel-copy>p:not(.kicker){font-size:1.04rem;color:var(--copy-pale);margin-top:16px}
.artikel-sub{font-family:var(--heading);font-size:1.1rem;margin-top:22px;color:var(--magenta-hover);font-weight:800}

.view-vorspann{padding-block:clamp(40px,6vw,80px) 20px}
.view-vorspann h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-vorspann p{color:var(--copy-pale);font-size:1.08rem;margin:16px auto 0}
.notice{margin-top:34px;padding-top:22px;font-size:.86rem;border-top:1px solid rgba(255,255,253,.12);color:#a79faf}

.artikel-bereich h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.artikel-bereich h2{margin-top:34px;font-size:1.35rem;color:var(--magenta-hover);font-weight:800}
.artikel-bereich p{margin-top:14px;color:var(--copy-pale);font-size:1.04rem}
.artikel-bereich p a{font-weight:600}
.artikel-bereich ul{margin-top:14px;display:grid;gap:10px}
.artikel-bereich li{position:relative;color:var(--copy-pale);padding-left:24px}
.artikel-bereich li::before{position:absolute;height:10px;background:var(--salmon);width:10px;content:"";left:0;top:.5em;border-radius:50%}
.artikel-fragen>.huelle>h2{margin-bottom:28px;text-align:center}
.artikel-copy .ctl{margin-top:26px}

.site-ende{background:#2c252f;color:#dad3dc}
.site-ende .huelle{padding-block:56px 22px}
.site-ende a{color:#dad3dc}
.site-ende a:hover{color:#fffffd}

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

.fab-push{max-width:calc(100vw - 44px);border-radius:var(--r-lg);padding:20px;z-index:80;box-shadow:var(--shadow-lg);width:300px;border:1px solid rgba(255,255,253,.89);right:22px;background:#fffffd;position:fixed;bottom:22px}
.fab-close{width:28px;top:12px;background:var(--card-deep);border-radius:50%;color:var(--copy-pale);cursor:pointer;font-size:1.1rem;position:absolute;place-items:center;padding:0;border:none;height:28px;right:12px;display:grid;line-height:1}
.fab-close:hover{color:#fffffd;background:var(--magenta)}
.fab-titel{font-family:var(--heading);font-weight:800;font-size:1.04rem;padding-right:26px}
.fab-copy{color:var(--copy-pale);margin-top:4px;font-size:.86rem;margin-bottom:14px}
.fab-tab{border-radius:50%;right:22px;position:fixed;box-shadow:var(--shadow-lg);align-items:center;z-index:80;cursor:pointer;display:none;background:linear-gradient(135deg,var(--magenta),var(--salmon));color:#fffffd;justify-content:center;height:60px;border:none;bottom:22px;width:60px}
.fab-tab svg{width:26px;fill:currentColor;height:26px;stroke:none}
.figure{box-shadow:var(--shadow-sm);border-radius:var(--r-md);display:flex;padding:14px 16px;align-items:center;gap:12px;border:1px solid rgba(255,255,253,.89);background:var(--card)}
.figure-icon{place-items:center;border-radius:12px;color:var(--magenta);display:grid;background:var(--card-deep);flex:none;height:40px;width:40px}
.figure-icon svg{height:18px;width:18px}
.figure-copy dt{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}
.figure-copy dd{font-family:var(--heading);font-weight:800;margin:2px 0 0;font-size:.98rem}
.weg{gap:6px;justify-content:flex-start;display:flex;margin-bottom:14px;font-size:.86rem;color:var(--dim);flex-wrap:wrap}
.town-hall-titel{margin-bottom:14px;font-family:var(--heading);font-weight:800}
.town-hall-line{color:var(--copy-pale);gap:10px;font-size:.94rem;margin-top:10px;align-items:flex-start;display:flex}
.town-hall-line .pin{flex:none;color:var(--magenta)}
.town-hall-line .pin svg{height:16px;width:16px}

.push-box{position:relative;flex-wrap:wrap;overflow:hidden;color:#fffffd;align-items:center;box-shadow:var(--shadow-lg);justify-content:space-between;padding:clamp(38px,5vw,64px);background:linear-gradient(100deg,var(--magenta-hover),var(--salmon) 60%,var(--peach));gap:30px;border-radius:var(--r-xl);display:flex}
.push-blob{right:-90px;position:absolute;border-radius:50%;height:320px;background:rgba(255,255,253,.12);top:-120px;width:320px}
.push-copy{z-index:2;position:relative}
.push-copy h2{max-width:16ch;color:#fffffd}
.push-copy p{margin-top:10px;max-width:46ch;color:rgba(255,255,253,.92)}
.push-box .ctl{z-index:2;position:relative}
/* Fil d'Ariane robot placé dans l'article SEO : neutraliser les styles de liste de l'article (grille, retrait, puce). */
.artikel-bereich .weg{display:flex}.artikel-bereich .weg li{padding-left:0}.artikel-bereich .weg li::before{display:none}
.weg li:not(:last-child)::after{content:"\00203a";margin-left:6px;color:var(--dim)}
.weg a{color:var(--copy-pale)}

.eingabe{background:#fffffd;border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,253,.89);padding:clamp(24px,3vw,40px)}
.eingabe-entry{display:grid;gap:7px;margin-bottom:18px}
.eingabe-entry 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(--r-sm);border:1.5px solid var(--border);background:var(--card-pale);font-family:inherit;font-size:1rem;color:var(--copy);transition:border-color .16s,box-shadow .16s}
.fld:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(234,77,149,.17)}
textarea.fld{min-height:140px;resize:vertical}
.eingabe-vermerk{font-weight:700}
.eingabe-vermerk-ticked{color:#2faf65}
.eingabe-vermerk-off{color:var(--magenta-hover)}

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

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

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

@media (max-width:980px){
  .kontakte-grid{grid-template-columns:repeat(3,1fr)}
  .kontakt-grid{grid-template-columns:1fr}
  .kontakt-window{width:100%;max-width:380px;justify-self:start}
  .kontakt-drawer{position:static}
  .artikel,.ueber{grid-template-columns:1fr}
  .ende-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .core-leiste{display:none}
  .nav-toggle{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .drawer-small,.leiste-schleier{display:none}
}
@media (max-width:600px){
  :root{--sy:clamp(30px,7vw,48px)}
  .ende-grid,.fld-line{grid-template-columns:1fr}
  .kontakte-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .kontakt-in{padding:16px 10px}
  .push-box{flex-direction:column;align-items:stretch;padding:32px 24px}
  .push-box .ctl{width:100%;white-space:normal}
  .finden-eingabe{flex-direction:column;border-radius:var(--r-lg)}
  .finden-eingabe .ctl{width:100%}
  .bereich-kontakt{padding-top:0}
  .kontakt-window img{aspect-ratio:1/1;max-height:46vh}
  .kontakt-grid{margin-top:0}
  .kontakt-drawer{display:flex;flex-direction:column;margin-top:14px}
  .kontakt-intro{order:1;margin-top:0}
  .kontakt-vermerk{order:2}
  .kontakt-items{order:3;margin-top:16px;gap:10px}
  .kontakt-items .ctl{flex:1 1 auto}
  .kontakt-strip{display:none}
  .kontakt-figures{order:4}
  .kontakt-drawer .koeder{order:5}
  .ueber-figures{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .figure{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .figure-icon{width:34px;height:34px}
  .figure-copy{min-width:0}
  .figure-copy dd{font-size:.92rem;overflow-wrap:anywhere}
}