/* MeetYourSite v6: gemeinsame Teile aller Seiten (Opus 23.09.2026). Zeichen "Naht" (links gebaut, rechts Bauplan),
   Blaupause, Massband-Gelb nur fuer die eine Handlung, Archivo breit. Die Startseite traegt dieselben Werte inline. */
@font-face{font-family:Archivo;src:url(/assets/f/archivo-var-latin.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--plan:#0c1e33;--plan-2:#132c48;--plan-3:#1b3a5c;--linie:#8fb9ee;--kreide:#f4f5f1;--papier:#fff;--tinte:#0b1624;
  --grau:#566273;--grau-2:#8994a2;--rahmen:#dde2e6;--signal:#ffc53d;--signal-2:#ffd466;--signal-tief:#b87d00;--gut:#16a36b;--schlecht:#d9503b;
  --sanft:cubic-bezier(.2,.8,.2,1);--schrift:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--kreide);color:var(--tinte);font:400 18px/1.6 var(--schrift);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--signal);outline-offset:3px}
.breit{font-stretch:116%;font-weight:760;letter-spacing:-.035em;line-height:1}
.technik{font-stretch:86%;font-weight:600;font-size:13px;letter-spacing:.01em}
.blau{color:var(--kreide);background:
  linear-gradient(rgba(143,185,238,.12) 1px,transparent 1px) 0 0/160px 160px,linear-gradient(90deg,rgba(143,185,238,.12) 1px,transparent 1px) 0 0/160px 160px,
  linear-gradient(rgba(143,185,238,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(143,185,238,.05) 1px,transparent 1px) 0 0/32px 32px,var(--plan)}
.abschnitt{padding:clamp(80px,9vw,140px) clamp(20px,4vw,64px)}
.innen{max-width:1320px;margin:0 auto}
.titel{margin:0;font-size:clamp(38px,4.2vw,70px);text-wrap:balance}
.vorwort{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px 72px;align-items:end;margin-bottom:clamp(40px,5vw,68px)}
.vorwort p{margin:0;max-width:33em;color:var(--grau);font-size:18.5px}
.blau .vorwort p{color:rgba(244,245,241,.72)}
html.js .zeig{opacity:0;transform:translateY(24px);transition:opacity 1s var(--sanft),transform 1s var(--sanft)}
html.js .zeig.da{opacity:1;transform:none}

/* Knoepfe: Gelb nur fuer die eine Handlung (Seite holen) */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;border:0;cursor:pointer;
  font:700 16.5px/1 var(--schrift);text-decoration:none;text-align:center;transition:transform .3s var(--sanft),background .25s,box-shadow .3s}
.knopf--signal{background:var(--signal);color:var(--tinte);box-shadow:0 14px 34px -16px rgba(255,197,61,.9)}
.knopf--signal:hover{background:var(--signal-2);transform:translateY(-2px)}
.knopf--linie{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.knopf--linie:hover{background:rgba(143,185,238,.12)}

/* Kopfzeile: liegt auf der Blaupause des ersten Abschnitts */
.kopf{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:36px;height:88px;padding:0 clamp(20px,4vw,64px);color:var(--kreide)}
.logo{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font:720 21px/1 var(--schrift);font-stretch:112%;letter-spacing:-.03em}
.logo svg{width:32px;height:32px;flex:none}
.kopf nav{display:flex;gap:30px;margin-left:auto;font-weight:500;font-size:15.5px}
.kopf nav a{text-decoration:none;opacity:.76;transition:opacity .2s}.kopf nav a:hover{opacity:1}
.kopf .tel{font-weight:600;font-size:15.5px;text-decoration:none;font-variant-numeric:tabular-nums}
.kopf .knopf{min-height:46px;padding:0 22px;font-size:15px}
.kopf--schmal{position:relative;background:var(--plan)}

/* Fuss */
.fuss{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;padding:60px clamp(20px,4vw,64px) 48px;background:#081524;color:rgba(244,245,241,.64);font-size:15px}
.fuss .logo{color:var(--kreide);margin-bottom:14px}
.fuss p{margin:0}
.fuss b{display:block;margin-bottom:12px;color:var(--kreide);font-size:14px}
.fuss a:not(.logo){display:block;margin-bottom:8px;text-decoration:none}.fuss a:not(.logo):hover{color:var(--kreide)}
.fuss__klein{grid-column:1/-1;margin:0;padding-top:24px;border-top:1px solid rgba(244,245,241,.1);font-size:13.5px}

/* Fragen-Fenster: feste, gepruefte Antworten, kein Sprachmodell (Aufbau und Skript unveraendert) */
.askbtn{position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border:0;border-radius:999px;
  background:var(--plan);color:var(--kreide);font:650 15.5px/1 var(--schrift);cursor:pointer;box-shadow:0 0 0 1px rgba(143,185,238,.35),0 18px 40px -18px rgba(11,22,36,.9)}
.askbtn i{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(255,197,61,.18)}
.askbtn:hover{background:var(--plan-2)}
.ask-panel{position:fixed;right:22px;bottom:84px;z-index:70;display:flex;flex-direction:column;overflow:hidden;width:min(400px,calc(100vw - 44px));max-height:min(620px,calc(100vh - 110px));
  background:var(--papier);color:var(--tinte);border-radius:16px;box-shadow:0 0 0 1px var(--rahmen),0 40px 90px -40px rgba(11,22,36,.55);font-family:var(--schrift)}
.ask-panel[hidden]{display:none}
.ask-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 13px;background:var(--plan);color:var(--kreide)}
.ask-head b{font:760 19px/1.15 var(--schrift);font-stretch:112%;letter-spacing:-.02em}
.ask-head small{display:block;margin-top:3px;color:rgba(244,245,241,.7);font-size:13.5px;font-weight:400}
.ask-close{min-width:40px;min-height:40px;border:0;border-radius:50%;background:transparent;color:var(--kreide);font-size:24px;line-height:1;cursor:pointer}
.ask-close:hover{background:rgba(143,185,238,.16)}
.ask-body{display:grid;gap:9px;padding:14px 18px;overflow:auto}
.ask-q{padding:11px 14px;border:1.5px solid var(--rahmen);border-radius:10px;background:var(--papier);color:var(--tinte);font:600 15px/1.35 var(--schrift);text-align:left;cursor:pointer}
.ask-q:hover{border-color:var(--tinte)}
.ask-a{padding:13px 15px;border-left:3px solid var(--signal);background:var(--kreide);font-size:15px;line-height:1.55}
.ask-a b{display:block;margin-bottom:4px;font-weight:700}
.ask-a a{color:var(--plan);font-weight:600}
.ask-foot{padding:12px 18px 16px;border-top:1px solid var(--rahmen);color:var(--grau);font-size:14px}
.ask-foot a{color:var(--plan);font-weight:600}
.ask-frei{display:flex;gap:8px;margin-bottom:10px}
.ask-foot input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid var(--rahmen);border-radius:10px;font:inherit;font-size:15px;color:var(--tinte)}
.ask-foot input:focus{border-color:var(--tinte);outline:0}
.ask-foot button{padding:10px 16px;border:0;border-radius:10px;background:var(--signal);color:var(--tinte);font:700 15px/1 var(--schrift);cursor:pointer}
.ask-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

@media (max-width:1100px){.kopf nav{display:none}}
@media (max-width:900px){.vorwort{grid-template-columns:minmax(0,1fr)}.fuss{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .kopf{height:72px;gap:12px}.kopf .tel{display:none}.kopf .knopf{min-height:44px;padding:0 16px;font-size:14.5px}
  .logo span{display:none}
  .fuss{grid-template-columns:minmax(0,1fr)}
  .askbtn{right:14px;bottom:14px;min-height:46px;padding:0 16px}.ask-panel{right:10px;left:10px;width:auto;bottom:70px}
}
@media (prefers-reduced-motion:reduce){html.js .zeig{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}