/* Oeffentliche Seiten im Startseiten-Design (23.10.2026): Status, Agenten, Investoren, 404, Rechtliches.
   Wird nach landing-v4.css und produkt.css geladen. Kopf, Fuss, Buttons, Farben und Schrift kommen von
   dort (Kopf und Fuss aus server/seiten-huelle.js); hier steht nur, was diese Seiten darueber hinaus
   brauchen. Warteliste, Preise und Newsroom haben je eine eigene Datei auf derselben Grundlage.
   Eigene Farben gibt es nicht, nur die Variablen der Startseite (--text, --muted, --dim, --line, --tint). */
.p-seite{--tint:143,122,201}
.s-seite .p-hero{padding-bottom:48px}
.p-hero .p-lead a,.hp-lede a,.hp-card p a,.st-note a,.s-text a{color:#b3b3af;text-decoration:underline;text-decoration-color:#f2f2f066;text-underline-offset:3px}
.p-hero .p-lead a:hover,.hp-lede a:hover,.hp-card p a:hover,.st-note a:hover,.s-text a:hover{color:#ffffff}
code{font:.92em var(--mono);color:#b3b3af;overflow-wrap:anywhere}

/* ---------- Abschnitte (Agenten, Investoren): Linie, Titel, Text, optional eine Figur daneben ---------- */
.hp-main{display:block}
.hp-sec,.hp-close{padding:72px 0;border-top:1px solid var(--line)}
.hp-sheet{max-width:none}
.hp-sec>.hp-sheet+.hp-cards{margin-top:36px}
.hp-kicker{margin-bottom:14px;font:10px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#8f8f8a}
.hp-main h2{font-size:clamp(26px,2.8vw,38px);font-weight:520;line-height:1.12;letter-spacing:-.026em;text-wrap:balance;max-width:26ch}
.hp-lede{margin-top:16px;max-width:66ch;font-size:15px;line-height:1.65;color:var(--muted);text-wrap:pretty}
.hp-lede b{color:var(--text);font-weight:560}
.hp-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.hp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Aufmacher */
.hp-hero.p-hero{padding:72px 0 64px;border-top:0}
.hp-hero .hp-kicker{margin:0;font:540 15px/1.4 var(--font);letter-spacing:-.02em;text-transform:none;color:#b3b3af}
.hp-hero h1{margin:12px auto 0;max-width:18ch;font-size:clamp(40px,5.2vw,66px);font-weight:550;line-height:1.06;letter-spacing:-.026em;text-wrap:balance}
.hp-hero .hp-lede{margin:22px auto 0;max-width:62ch;font-size:16px}
.hp-hero .hp-cta{justify-content:center;margin-top:32px}
.hp-close{text-align:center}
.hp-close h2,.hp-close .hp-lede{margin-inline:auto}
.hp-close .hp-cta{justify-content:center}

/* Karten: gleiche Hand wie die Produktkarten der Startseite */
.hp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hp-card{padding:24px 24px 22px;border:1px solid #f2f2f027;border-radius:10px;background:linear-gradient(180deg,#1b1b24,#14141b);transition:border-color .2s ease}
@media (hover:hover) and (pointer:fine){.hp-card:hover{border-color:#f2f2f063}}
.hp-card h3{font-size:17px;font-weight:560;letter-spacing:-.02em}
.hp-card p{margin-top:10px;font-size:14.5px;line-height:1.65;color:var(--muted)}
.hp-card p+p{margin-top:12px}

/* Figur: ein Stueck Produkt in einem Rahmen wie der Arbeitsbereich der Startseite */
.hp-fig{min-width:0}
.hp-fig-no{display:block;margin-bottom:12px;font:10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.hp-frame{border:1px solid #f2f2f042;border-radius:10px;background:#14141b;box-shadow:0 30px 80px #00000088,0 0 60px rgba(var(--tint),.06)}
.hp-caliper{margin-top:14px;font:11px/1.7 var(--mono);color:var(--dim)}
.hp-caliper i{display:none}
.hp-caliper div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px}

/* Zeilen: Name links, Angabe rechts, Haarlinie dazwischen */
.hp-list{list-style:none;margin:0;padding:0}
.hp-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
.hp-row:first-child{padding-top:0}
.hp-row:last-child{border-bottom:0;padding-bottom:0}
.hp-name{font-size:15px;font-weight:560;letter-spacing:-.01em}
.hp-provider{font-size:14px;line-height:1.5;color:var(--muted);text-align:right}
.ag-docs{margin-top:28px;max-width:760px}
.ag-docs .hp-row{min-height:44px;align-items:center;padding:12px 0}
.ag-docs .hp-row:first-child{padding-top:12px}
.ag-docs .hp-row:last-child{padding-bottom:12px}
.ag-docs a.hp-name{color:#b3b3af;text-decoration:underline;text-decoration-color:#f2f2f066;text-underline-offset:3px}
.ag-docs a.hp-name:hover{color:#ffffff}
.ag-code{font:.92em var(--mono);color:#b3b3af}

/* /goal-Schleife: drei Schritte, vier Ausgaenge */
.ag-loop{padding:22px 22px 24px}
.ag-steps{list-style:none;margin:0;padding:0;counter-reset:ag}
.ag-steps li{counter-increment:ag;position:relative;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:13px 0 13px 36px;border-top:1px solid var(--line)}
.ag-steps li:first-child{border-top:0;padding-top:0}
.ag-steps li::before{content:counter(ag,decimal-leading-zero);position:absolute;left:0;top:13px;font:12px/1.6 var(--mono);color:var(--accent)}
.ag-steps li:first-child::before{top:0}
.ag-steps li:last-child .ag-what::after{content:" ↺";color:var(--muted)}
.ag-step{min-width:8ch;font:13px var(--mono);color:var(--text)}
.ag-what{font-size:14px;color:var(--muted)}
.ag-until{margin:18px 0 12px;padding-top:16px;border-top:1px solid var(--line);font:10px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.ag-exits{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ag-exits li{position:relative;padding-left:16px;font-size:14px;line-height:1.55;color:var(--muted)}
.ag-exits li::before{content:"";position:absolute;left:0;top:.4em;width:3px;height:1em;border-radius:2px;background:var(--accent)}
.ag-exits b{margin-right:8px;font:500 13px var(--mono);color:var(--text)}

/* ---------- Status ---------- */
.st-head h1{max-width:20ch}
.st-overall{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:9px 20px;border:1px solid #f2f2f042;border-radius:10px;background:#1b1b24;font-size:14px}
.st-sec{padding:56px 0 0}
.st-sec h2{font-size:clamp(22px,2.2vw,28px);font-weight:520;letter-spacing:-.035em}
.st-sub{margin:10px 0 22px;max-width:70ch;font-size:15px;line-height:1.65;color:var(--muted)}
.st-list{display:grid;gap:10px}
.st-row{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #f2f2f027;border-radius:10px;background:linear-gradient(180deg,#1b1b24,#14141b)}
.st-name{font-size:15px;font-weight:560;letter-spacing:-.01em}
.st-desc{margin-left:auto;font-size:13.5px;line-height:1.5;color:var(--muted);text-align:right}
/* Zustaende: die Form traegt die Bedeutung, nicht die Farbe (lesbar bei Farbfehlsichtigkeit und im Schwarzweissdruck). */
.st-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block;vertical-align:middle}
.st-up{background:#f2f2f0}
.st-degraded{border:2px solid #f2f2f0}
.st-down{position:relative;border:2px solid #f2f2f0}
.st-down::after{content:"";position:absolute;inset:2px;border-radius:50%;background:#f2f2f0}
.st-idle,.st-unknown{border:2px dotted #b3b3af}
.st-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:40px;font-size:13px;color:var(--muted)}
.st-legend span{display:inline-flex;align-items:center;gap:8px}
.st-note{margin-top:40px;padding:22px 24px;border-left:2px solid rgba(var(--tint),.6);border-radius:0 12px 12px 0;background:#ffffff04;max-width:76ch}
.st-note h3{font-size:16px;font-weight:560;letter-spacing:-.02em}
.st-note p{margin-top:8px;font-size:14.5px;line-height:1.65;color:var(--muted)}
.st-meta{margin:28px 0 0;text-align:center;font:11px/1.6 var(--mono);color:var(--dim)}
.st-extern{margin:32px auto 0;max-width:70ch;font-size:13.5px;line-height:1.65;color:var(--muted);text-align:center}
.st-extern a{color:#b3b3af;text-decoration:underline;text-decoration-color:#f2f2f066;text-underline-offset:3px}

/* ---------- 404 ---------- */
.nf-main{max-width:760px;margin:0 auto;padding:clamp(48px,9vw,110px) 0 clamp(56px,9vw,120px)}
.nf-code{margin:0 0 18px;font:11px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.nf-main h1{max-width:16ch;font-size:clamp(36px,5.4vw,62px);font-weight:550;line-height:1.06;letter-spacing:-.026em;text-wrap:balance}
.nf-lede{margin:20px 0 clamp(30px,4vw,44px);max-width:60ch;font-size:16px;line-height:1.6;color:var(--muted)}
.nf-dim{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 clamp(30px,4vw,44px);padding:16px 0;border-block:1px solid var(--line)}
.nf-dim i{flex:none;font:normal 10px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.nf-dim b{font:400 15px var(--mono);color:var(--text);overflow-wrap:anywhere}
/* Die vier Ausgaenge: Zeilen mit Haarlinie, der Titel ist der Link. */
.nf-out{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.nf-out li{border-bottom:1px solid var(--line)}
.nf-out a{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;padding:18px 0;transition:padding-left .2s var(--ease)}
.nf-out b{font-size:17px;font-weight:560;letter-spacing:-.02em}
.nf-out span{font-size:14.5px;color:var(--muted)}
@media (hover:hover) and (pointer:fine){.nf-out a:hover{padding-left:10px}.nf-out a:hover b{color:#ffffff}}
.s-seite .p-main{padding-bottom:56px}

@media (max-width:900px){
  .hp-two{grid-template-columns:minmax(0,1fr);gap:32px}
  .hp-cards{grid-template-columns:minmax(0,1fr)}
  .hp-sec,.hp-close{padding:56px 0}
}
@media (max-width:650px){
  .hp-hero.p-hero{padding:48px 0 44px}
  .hp-hero h1{font-size:clamp(34px,10vw,44px)}
  .hp-hero .hp-cta{flex-direction:column;align-items:stretch}
  .hp-hero .hp-lede{font-size:15px}
  .hp-row{flex-direction:column;align-items:flex-start;gap:2px}
  .hp-provider{text-align:left}
  .st-row{flex-wrap:wrap}
  .st-desc{margin-left:26px;text-align:left}
}

/* Fusszeile der gemeinsamen Huelle: mindestens 12 px (landing-v4.css setzt 9-10 px; die Startseite bleibt unberuehrt). */
.site-footer,.footer-links a,.footer-links button{font-size:12px}

/* Mitte: Links tragen den Akzent nur im Unterstrich. */
.p-hero .p-lead a,.hp-lede a,.hp-card p a,.st-note a,.s-text a,.ag-docs a.hp-name,.st-extern a{text-decoration-color:rgba(169,150,230,.7)}