:root{
  --bg-pink-100:#feedf6;
  --bg-pink-200:#fdddeb;
  --bg-pink-300:#f6c5dc;
  --bg-pink-deep:#f3a6c9;
  --mauve:#e9e8f6;
  --mauve-x:#dadcf8;

  --sheet:#fefeff;
  --sheet-pale:#fff2f8;
  --sheet-x:#fde8ee;

  --accent:#eb4f95;
  --accent-hover:#df317c;
  --red:#fc5e74;
  --red-x:#f94a65;
  --amber:#f9793a;
  --amber-x:#f46923;
  --love:#fd4e5e;
  --blueviolet:#c7cbf0;

  --foreground:#2c232e;
  --foreground-pale:#6c6470;
  --faint:#99949f;
  --line:#f3d6e5;

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

  --sh-sm:0 6px 16px -8px rgba(235,79,149,.33);
  --sh-md:0 18px 38px -18px rgba(235,79,149,.4);
  --sh-lg:0 30px 60px -24px rgba(223,49,124,.44);

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

  --wrap:1200px;
  --gutter:24px;
  --section-pad:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--face);background:
    radial-gradient(1200px 700px at 85% -8%, var(--bg-pink-300) 0%, rgba(246,197,220,0) 55%),
    radial-gradient(900px 600px at -10% 8%, var(--mauve) 0%, rgba(233,232,246,0) 55%),
    linear-gradient(180deg, var(--bg-pink-100) 0%, var(--sheet-pale) 40%, var(--bg-pink-100) 100%);color:var(--foreground);margin:0;
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;line-height:1.6;
}
img{max-width:100%;display:block}

.flagge-tag{font-weight:700;border:1px solid var(--line);gap:8px;box-shadow:var(--sh-sm);border-radius:var(--rad-pill);letter-spacing:.06em;padding:8px 16px;color:var(--accent);font-size:.82rem;align-items:center;display:inline-flex;background:var(--sheet)}
.flagge-tag svg{width:16px;color:var(--red);height:16px}
.breadcrumb{display:flex;color:var(--faint);justify-content:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:14px;font-size:.86rem}

.ecke-prompt{right:22px;width:300px;border-radius:var(--rad-lg);z-index:80;padding:20px;max-width:calc(100vw - 44px);bottom:22px;box-shadow:var(--sh-lg);background:#fefeff;position:fixed;border:1px solid rgba(254,254,255,.9)}
.ecke-hide{cursor:pointer;place-items:center;height:28px;border-radius:50%;font-size:1.1rem;color:var(--foreground-pale);top:12px;background:var(--sheet-x);padding:0;width:28px;right:12px;display:grid;position:absolute;line-height:1;border:none}
.ecke-hide:hover{color:#fefeff;background:var(--accent)}
.ecke-title{font-family:var(--display);font-weight:800;padding-right:26px;font-size:1.04rem}
.ecke-txt{margin-top:4px;color:var(--foreground-pale);margin-bottom:14px;font-size:.86rem}
.ecke-tab{display:none;width:60px;border-radius:50%;right:22px;box-shadow:var(--sh-lg);align-items:center;bottom:22px;cursor:pointer;color:#fefeff;justify-content:center;border:none;background:linear-gradient(135deg,var(--accent),var(--red));position:fixed;z-index:80;height:60px}
.ecke-tab svg{fill:currentColor;width:26px;stroke:none;height:26px}
.grund-cols{gap:40px;display:grid;grid-template-columns:1.6fr 1fr 1fr}
.grund-kennung{display:flex;align-items:center;font-family:var(--display);color:#fefeff;gap:10px;font-weight:800;margin-bottom:12px;font-size:1.2rem}
.grund-part>p:not(.grund-title){color:#a79daf;max-width:34ch;font-size:.94rem}
.grund-title{margin-bottom:14px;font-size:1rem;font-weight:800;color:#fefeff}
.grund-nav{display:grid;font-size:.94rem;gap:10px}
:focus-visible{border-radius:6px;outline:3px solid var(--accent);outline-offset:2px}

.guide-section h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.guide-section h2{font-size:1.35rem;font-weight:800;color:var(--accent-hover);margin-top:34px}
.guide-section p{color:var(--foreground-pale);margin-top:14px;font-size:1.04rem}
.guide-section p a{font-weight:600}
.guide-section ul{display:grid;margin-top:14px;gap:10px}
.guide-section li{color:var(--foreground-pale);padding-left:24px;position:relative}
.guide-section li::before{content:"";left:0;height:10px;position:absolute;top:.5em;width:10px;background:var(--red);border-radius:50%}
.guide-hilfe>.rahmen>h2{text-align:center;margin-bottom:28px}
.heading-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}

.guide{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}
.guide__txt>p:not(.eyebrow){font-size:1.04rem;margin-top:16px;color:var(--foreground-pale)}
.guide__untertitel{font-family:var(--display);color:var(--accent-hover);font-size:1.1rem;margin-top:22px;font-weight:800}
.nav-entry{padding:9px 14px;transition:background .18s,color .18s;color:var(--foreground);font-weight:600;font-size:.96rem;border-radius:var(--rad-pill)}
.nav-entry:hover{color:var(--accent-hover);background:var(--sheet-x)}
.nav-stern{text-decoration:none;font-weight:600;transition:background .18s ease,color .18s ease;background:none;border:none;color:var(--foreground);border-radius:var(--rad-pill);position:relative;align-items:center;display:inline-flex;font-size:.96rem;gap:7px;cursor:pointer;padding:9px 12px}
.nav-stern:hover{color:var(--accent-hover);background:var(--sheet-x)}
.nav-stern svg{height:20px;color:var(--accent);width:20px}
.nav-stern:hover svg{color:var(--accent-hover)}
.nav-stern__txt{white-space:nowrap}
.nav-stern .dialog-flagge{top:auto;position:static;right:auto}
.nav-stern-mob{text-align:left;background:none;padding:14px 2px;border:none;cursor:pointer;gap:9px;border-bottom:1px solid var(--line);align-items:center;display:flex;width:100%;font-weight:600;font-size:15px;color:var(--foreground);text-decoration:none}
.nav-stern-mob:hover{color:var(--accent-hover)}
.nav-stern-mob svg{width:18px;color:var(--accent);height:18px}
button{font-family:inherit}

.hamburger{cursor:pointer;flex-direction:column;border:none;padding:6px;z-index:1105;display:none;background:none;gap:5px}
.hamburger span{width:26px;background:var(--foreground);height:3px;border-radius:2px;transition:transform .3s ease,opacity .3s ease;display:block}
.hamburger.current span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.hamburger.current span:nth-child(2){opacity:0}
.hamburger.current span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.dot{line-height:1;font-size:.6rem;color:#31ae66}
.guide__txt .aktion{margin-top:26px}
h1,h2,h3,h4{color:var(--foreground);margin:0;letter-spacing:-.01em;font-family:var(--display);line-height:1.12}

.region{gap:32px;display:flex;flex-direction:column}
.region-set h2{font-size:1.15rem;margin-bottom:16px;color:var(--foreground);font-weight:800}
.region-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.region-nav a{justify-content:space-between;border:1px solid var(--line);font-size:.92rem;color:var(--foreground);font-weight:600;align-items:center;transition:transform .14s,box-shadow .14s,color .14s;border-radius:var(--rad-md);box-shadow:var(--sh-sm);display:flex;background:var(--sheet);padding:13px 16px;gap:10px}
.region-nav a:hover{color:var(--accent-hover);transform:translateY(-3px);box-shadow:var(--sh-md)}
.region-nav a .locator{color:var(--accent);display:grid;place-items:center;flex:none}
.region-nav a .locator svg{width:16px;height:16px}
.section{padding-block:var(--section-pad)}
.section--other{background:var(--sheet-x)}
.section-head{margin:0 auto 44px;max-width:640px;text-align:center}

.prompt__box{background:linear-gradient(100deg,var(--accent-hover),var(--red) 60%,var(--amber));padding:clamp(38px,5vw,64px);box-shadow:var(--sh-lg);gap:30px;color:#fefeff;position:relative;flex-wrap:wrap;border-radius:var(--rad-xl);align-items:center;display:flex;justify-content:space-between;overflow:hidden}
.prompt__blob{border-radius:50%;width:320px;right:-90px;background:rgba(254,254,255,.14);height:320px;top:-120px;position:absolute}
.prompt__txt{z-index:2;position:relative}
.prompt__txt h2{max-width:16ch;color:#fefeff}
.prompt__txt p{color:rgba(254,254,255,.94);max-width:46ch;margin-top:10px}
.prompt__box .aktion{z-index:2;position:relative}
p{margin:0}
figure{margin:0}
.profil__stern{display:grid;place-items:center;background:rgba(254,254,255,.94);top:12px;box-shadow:var(--sh-sm);cursor:pointer;transition:transform .16s,background .16s,color .16s;z-index:2;border-radius:50%;border:none;position:absolute;width:36px;height:36px;right:12px;color:var(--red)}
.profil__stern svg{width:18px;height:18px}
.profil__stern:hover{transform:scale(1.08)}
.profil__stern.on{color:#fefeff;background:var(--red)}
.profil__stern.on svg{fill:currentColor}
.profil-window__stern{top:14px;right:14px;width:46px;height:46px}
.profil-window__stern svg{height:21px;width:21px}
.profil__inner{padding:16px 18px}
.profil__title{font-family:var(--display);font-weight:800;font-size:1.12rem}
.profil__title a{color:inherit;outline-offset:3px;text-decoration:none}
.profil__title a::after{position:absolute;inset:0;content:"";z-index:1}
.profil__title span{font-weight:600;color:var(--faint)}
.profil__place{color:var(--foreground-pale);font-size:.88rem;gap:6px;display:flex;align-items:center;margin-top:4px}
.profil__place .locator svg{height:14px;color:var(--accent);width:14px}
.profil__dialog{background:linear-gradient(135deg,var(--accent),var(--red));font-weight:700;width:100%;color:#fefeff;transition:transform .16s ease,box-shadow .16s ease;gap:7px;border-radius:var(--rad-pill);padding:9px 14px;display:inline-flex;justify-content:center;margin-top:12px;position:relative;z-index:2;align-items:center;font-size:.9rem;box-shadow:var(--sh-sm)}
.profil__dialog svg{height:16px;width:16px}
.profil__dialog:hover{transform:translateY(-1px);box-shadow:var(--sh-md)}
.profil-cols{gap:clamp(24px,4vw,52px);margin-top:22px;align-items:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.profil-part{min-width:0}
.profil-window{border-radius:var(--rad-lg);position:relative;overflow:hidden;margin:0;box-shadow:var(--sh-md);background:linear-gradient(160deg,var(--bg-pink-200),var(--mauve-x))}
.profil-window img{height:auto;width:100%;object-fit:cover;aspect-ratio:4/5;display:block}
.profil-arrows{place-items:center;z-index:2;cursor:pointer;background:rgba(254,254,255,.94);height:44px;color:var(--accent-hover);transform:translateY(-50%);position:absolute;display:grid;box-shadow:var(--sh-md);border-radius:50%;top:50%;border:none;transition:transform .15s ease,background .15s ease;width:44px}
.profil-arrows:hover{background:#fefeff;transform:translateY(-50%) scale(1.07)}
.profil-arrows svg{height:22px;width:22px}
.profil-prev{left:12px}
.profil-right{right:12px}
.profil-track{gap:10px;flex-wrap:wrap;display:flex;margin-top:12px}
.profil-cell{background:var(--sheet-x);cursor:pointer;flex:0 0 auto;border:2px solid transparent;box-shadow:var(--sh-sm);border-radius:var(--rad-sm);padding:0;overflow:hidden;aspect-ratio:3/4;transition:transform .15s ease,border-color .15s ease;width:72px}
.profil-cell img{width:100%;height:100%;display:block;object-fit:cover}
.profil-cell:hover{transform:translateY(-2px)}
.profil-cell.on{border-color:var(--accent)}
.profil-sidebar{top:96px;position:sticky}
.profil-head{margin-top:14px;flex-wrap:wrap;display:flex;align-items:center;gap:12px}
.profil-head .flagge-tag{flex:none}
.profil-intro{font-family:var(--display);font-weight:800;line-height:1.1;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.profil-intro span{font-weight:600;font-size:.62em;color:var(--faint)}
.profil-hinweis{font-size:1.02rem;gap:7px;display:flex;margin-top:10px;align-items:center;color:var(--foreground-pale)}
.profil-hinweis .locator svg{height:18px;color:var(--accent);width:18px}
.profil-hinweis a{font-weight:600;border-bottom:1px solid transparent;transition:border-color .15s ease;color:var(--accent-hover);text-decoration:none}
.profil-hinweis a:hover{border-bottom-color:currentColor}
.profil-figures{flex-wrap:wrap;margin-top:16px;display:flex;gap:8px}
.profil-sidebar .intro{margin-top:18px}
.profil-set{flex-wrap:wrap;margin-top:24px;gap:12px;display:flex}

.main-grund{color:#d7d4de;background:#2c232e}
.main-grund .rahmen{padding-block:56px 22px}
.main-grund a{color:#d7d4de}
.main-grund a:hover{color:#fefeff}

.profile-cols{grid-template-columns:repeat(4,1fr);display:grid;gap:22px}
.kennung,.nav-entry,.sidebar-mob a,.aktion,.breadcrumb a,.main-grund a,.region-nav a,.profil__dialog{text-decoration:none}

.rahmen{margin-inline:auto;padding-inline:var(--gutter);max-width:var(--wrap)}

.dialog-flagge{font-size:.72rem;min-width:22px;padding:0 6px;line-height:1;border-radius:var(--rad-pill);border:2px solid var(--sheet);place-items:center;background:var(--love);height:22px;display:grid;top:-3px;position:absolute;right:-3px;box-shadow:var(--sh-sm);font-weight:800;color:#fefeff}
.dialog-flagge[hidden]{display:none}
.town-hall-title{font-family:var(--display);font-weight:800;margin-bottom:14px}
.town-hall-line{align-items:flex-start;display:flex;margin-top:10px;font-size:.94rem;gap:10px;color:var(--foreground-pale)}
.town-hall-line .locator{color:var(--accent);flex:none}
.town-hall-line .locator svg{height:16px;width:16px}
.legal{border-top:1px solid rgba(254,254,255,.09);color:#a79daf;font-size:.86rem;margin-top:34px;padding-top:22px}
.pluspunkte-set{gap:10px;margin-top:14px;display:grid}
.pluspunkte-set li{color:var(--foreground);position:relative;padding-left:24px}
.pluspunkte-set li::before{width:10px;height:10px;border-radius:50%;left:0;position:absolute;content:"";background:var(--red);top:.5em}
.figure{border-radius:var(--rad-md);border:1px solid rgba(254,254,255,.9);gap:12px;align-items:center;padding:14px 16px;display:flex;background:var(--sheet);box-shadow:var(--sh-sm)}
.figure-pic{display:grid;height:40px;width:40px;background:var(--sheet-x);border-radius:12px;color:var(--accent);flex:none;place-items:center}
.figure-pic svg{height:18px;width:18px}
.figure-txt dt{color:var(--faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.figure-txt dd{font-family:var(--display);margin:2px 0 0;font-weight:800;font-size:.98rem}
.nav-schleier{inset:0;visibility:hidden;position:fixed;background:rgba(44,35,46,.5);transition:opacity .3s ease;z-index:1090;opacity:0}
.nav-schleier.current{visibility:visible;opacity:1}
.body-nav{display:flex;align-items:center;margin-left:auto;gap:8px}
.plan-tile{border-radius:var(--rad-lg);overflow:hidden;background:var(--mauve);position:relative;aspect-ratio:4/3;box-shadow:var(--sh-md);border:1px solid rgba(254,254,255,.9)}
.plan-tile.plan-async{cursor:pointer}
.plan-placeholder{gap:10px;inset:0;text-align:center;position:absolute;place-items:center;padding:20px;background:linear-gradient(160deg,var(--mauve-x),var(--sheet-x));display:grid}
.plan-placeholder p{color:var(--foreground);font-weight:700}
.plan-locator{filter:drop-shadow(0 10px 12px rgba(249,74,101,.5));color:var(--red)}
.plan-locator svg{width:40px;fill:currentColor;height:40px;stroke:none}
.plan-tile iframe{inset:0;height:100%;width:100%;border:0;position:absolute}
.plan-tile.is-on .plan-placeholder{display:none}

.aktion{
  justify-content:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;align-items:center;
  text-align:center;font-weight:700;border:1.5px solid transparent;border-radius:var(--rad-pill);
  font-size:1rem;gap:9px;white-space:nowrap;display:inline-flex;
  padding:14px 26px;
}
.aktion svg{height:18px;width:18px}
.aktion--small{font-size:.9rem;padding:10px 18px}
.aktion--large{padding:17px 32px;font-size:1.06rem}
.aktion--wide{width:100%}
.aktion--cta{background:linear-gradient(95deg,var(--amber),var(--red) 55%,var(--accent));box-shadow:0 14px 26px -12px rgba(249,74,101,.77);color:#fefeff}
.aktion--cta:hover{color:#fefeff;transform:translateY(-2px);box-shadow:0 20px 34px -12px rgba(249,74,101,.84)}
.aktion--secondary{border-color:var(--line);color:var(--accent);background:var(--sheet)}
.aktion--secondary:hover{background:var(--sheet-x);transform:translateY(-2px);color:var(--accent-hover)}
.aktion--clear{background:#fefeff;color:var(--accent-hover)}
.aktion--clear:hover{transform:translateY(-2px);box-shadow:var(--sh-md);color:var(--accent-hover)}
.intro{font-size:1.06rem;margin-top:14px;color:var(--foreground-pale)}
.pop{color:transparent;background:linear-gradient(92deg,var(--accent),var(--red) 60%,var(--amber));-webkit-background-clip:text;background-clip:text}

.main-banner{position:sticky;background:var(--sheet);top:0;z-index:60;border-bottom:1px solid var(--line)}
.main-banner__inner{gap:20px;display:flex;min-height:74px;justify-content:space-between;padding-block:12px;align-items:center}
.hilfe-cell{border-radius:var(--rad-md);background:var(--sheet);overflow:hidden;border:1px solid var(--line);margin-bottom:14px;box-shadow:var(--sh-sm)}
.hilfe-cell summary{color:var(--foreground);display:flex;font-family:var(--display);font-weight:800;padding:20px 22px;list-style:none;cursor:pointer;gap:16px;font-size:1.05rem;align-items:center;justify-content:space-between}
.hilfe-cell summary::-webkit-details-marker{display:none}
.hilfe-cell summary::after{transition:transform .25s ease;width:30px;color:var(--accent);flex:none;content:"+";background:var(--sheet-x);display:grid;place-items:center;font-size:1.2rem;height:30px;border-radius:50%}
.hilfe-cell[open] summary::after{color:#fefeff;background:var(--accent);transform:rotate(45deg)}
.hilfe-a{color:var(--foreground-pale);padding:0 22px 20px}
.hour{font-size:.9rem;gap:12px;color:var(--foreground-pale);justify-content:space-between;display:flex}

.doc-kopf{padding-block:clamp(40px,6vw,80px) 20px}
.doc-kopf h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.doc-kopf p{font-size:1.08rem;margin:16px auto 0;color:var(--foreground-pale)}
.pic-on svg{fill:currentColor;stroke:none}
.opening{margin-top:10px;gap:4px;display:grid}
svg{display:block}

.ueber{gap:clamp(28px,4vw,48px);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}
.ueber-figures{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.breadcrumb a:hover{color:var(--accent-hover)}
.kennung{display:flex;letter-spacing:-.02em;font-family:var(--display);font-weight:800;gap:11px;color:var(--foreground);align-items:center;font-size:1.28rem}
.kennung:hover{color:var(--foreground)}
.kennung__icon{width:42px;color:#fefeff;background:linear-gradient(135deg,var(--accent),var(--red) 55%,var(--amber));border-radius:14px;height:42px;justify-content:center;align-items:center;flex-shrink:0;display:inline-flex;box-shadow:0 8px 18px -8px rgba(235,79,149,.79)}
.kennung__icon svg{height:22px;width:22px}
::selection{background:rgba(235,79,149,.21)}
.profil-tile{box-shadow:var(--sh-md);background:var(--sheet);border-radius:var(--rad-lg);border:1px solid rgba(254,254,255,.9);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.profil-tile:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.profil__avatar{position:relative;overflow:hidden;aspect-ratio:1/1;background:linear-gradient(160deg,var(--bg-pink-200),var(--mauve-x))}
.profil__avatar img{height:100%;object-fit:cover;width:100%;display:block}
.profil__flagge{top:12px;padding:5px 10px;font-weight:700;border-radius:var(--rad-pill);gap:6px;z-index:2;color:#31ae66;box-shadow:var(--sh-sm);left:12px;font-size:.72rem;align-items:center;display:inline-flex;background:rgba(254,254,255,.94);position:absolute}
.eyebrow{color:var(--accent);text-transform:uppercase;margin-bottom:10px;font-weight:800;letter-spacing:.1em;font-size:.8rem}
ul{list-style:none;margin:0;padding:0}
.sidebar-mob{overflow-y:auto;position:fixed;box-shadow:-6px 0 30px rgba(44,35,46,.21);z-index:1100;padding:84px 22px 22px;max-width:320px;height:100vh;height:100dvh;top:0;right:-100%;width:80%;transition:right .3s ease;background:var(--sheet)}
.sidebar-mob.current{right:0}
.sidebar-mob nav{flex-direction:column;display:flex}
.sidebar-mob a:not(.aktion){border-bottom:1px solid var(--line);font-weight:600;font-size:15px;color:var(--foreground);padding:14px 2px}
.sidebar-mob a:not(.aktion):hover{color:var(--accent-hover)}
.sidebar-mob a.aktion{margin-top:22px}
.ueber-town-hall{padding:24px;background:var(--sheet);box-shadow:var(--sh-md);border-radius:var(--rad-lg);border:1px solid rgba(254,254,255,.9)}
/* Fil d'Ariane robot placé dans l'article SEO : neutraliser les styles de liste de l'article (grille, retrait, puce). */
.guide-section .breadcrumb{display:flex}.guide-section .breadcrumb li{padding-left:0}.guide-section .breadcrumb li::before{display:none}
.breadcrumb li:not(:last-child)::after{content:"\00203a";margin-left:6px;color:var(--faint)}
.breadcrumb a{color:var(--foreground-pale)}

.eingabe{background:#fefeff;border-radius:var(--rad-lg);box-shadow:var(--sh-md);border:1px solid rgba(254,254,255,.9);padding:clamp(24px,3vw,40px)}
.eingabe-cell{display:grid;gap:7px;margin-bottom:18px}
.eingabe-cell label{font-weight:700;font-size:.92rem}
.textbox-line{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.textbox{width:100%;padding:13px 16px;border-radius:var(--rad-sm);border:1.5px solid var(--line);background:var(--sheet-pale);font-family:inherit;font-size:1rem;color:var(--foreground);transition:border-color .16s,box-shadow .16s}
.textbox:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(235,79,149,.16)}
textarea.textbox{min-height:140px;resize:vertical}
.eingabe-hinweis{font-weight:700}
.eingabe-hinweis--on{color:#31ae66}
.eingabe-hinweis--off{color:var(--accent-hover)}

.suche-eingabe{margin:0 auto;display:flex;gap:12px;background:#fefeff;padding:12px;border-radius:var(--rad-pill);box-shadow:var(--sh-md);border:1px solid rgba(254,254,255,.9)}
.suche-eingabe .textbox{border:none;background:transparent;box-shadow:none;font-size:1.06rem}
.suche-eingabe .textbox:focus{box-shadow:none}
.suche-eingabe+.region{margin-top:40px}

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

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

@media (max-width:980px){
  .profile-cols{grid-template-columns:repeat(3,1fr)}
  .profil-cols{grid-template-columns:1fr}
  .profil-window{width:100%;max-width:380px;justify-self:start}
  .profil-sidebar{position:static}
  .guide,.ueber{grid-template-columns:1fr}
  .grund-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .body-nav{display:none}
  .hamburger{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .sidebar-mob,.nav-schleier{display:none}
}
@media (max-width:600px){
  :root{--section-pad:clamp(30px,7vw,48px)}
  .grund-cols,.textbox-line{grid-template-columns:1fr}
  .profile-cols{grid-template-columns:repeat(2,1fr);gap:12px}
  .profil__inner{padding:16px 10px}
  .prompt__box{flex-direction:column;align-items:stretch;padding:32px 24px}
  .prompt__box .aktion{width:100%;white-space:normal}
  .suche-eingabe{flex-direction:column;border-radius:var(--rad-lg)}
  .suche-eingabe .aktion{width:100%}
  .section--profil{padding-top:0}
  .profil-window img{aspect-ratio:1/1;max-height:46vh}
  .profil-cols{margin-top:0}
  .profil-sidebar{display:flex;flex-direction:column;margin-top:14px}
  .profil-head{order:1;margin-top:0}
  .profil-hinweis{order:2}
  .profil-set{order:3;margin-top:16px;gap:10px}
  .profil-set .aktion{flex:1 1 auto}
  .profil-track{display:none}
  .profil-figures{order:4}
  .profil-sidebar .intro{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-pic{width:34px;height:34px}
  .figure-txt{min-width:0}
  .figure-txt dd{font-size:.92rem;overflow-wrap:anywhere}
}