@charset "UTF-8";
/* Seiten unter /ohne-skript/ - gesetzt vom Besucherdienst, gestaltet hier.
   Nur Layout: Farben, Schrift und Fokus kommen aus styles.css. Keine
   Seitenleiste, kein Umschalter; Wege weiter, Artikelverweise und die
   Fusszeile der Plattform sind gewoehnliche Links - die Seiten muessen ohne
   ein einziges Skript vollstaendig funktionieren. */
.os-body{background:var(--canvas)}
.os-main{max-width:62rem;margin:0 auto;padding:clamp(34px,7vw,64px) clamp(18px,4vw,28px) 72px;display:grid;gap:30px}
.os-marke{font-size:1.05rem;font-weight:650;letter-spacing:-.02em;color:var(--text);margin:0}
.os-marke span{font-weight:400;color:var(--action)}
.os-main h1{font-size:clamp(1.85rem,3vw,2.6rem);margin:0}
.os-lead{color:var(--text);font-size:1.0625rem;max-width:62ch}
.os-block{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:clamp(18px,3vw,26px);display:grid;gap:14px}
.os-block h2{font-size:1.06rem;letter-spacing:-.01em}
.os-liste{display:grid;grid-template-columns:minmax(190px,17rem) 1fr;gap:9px 24px;margin:0}
.os-liste dt{color:var(--muted);font-size:.875rem;line-height:1.5}
.os-liste dd{margin:0;font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:.9rem;overflow-wrap:anywhere}
/* Platzhalter wie „nicht mitgesendet“ stehen in der Schrift des Fliesstexts,
   damit sie nicht wie ein uebertragener Wert aussehen. */
.os-leer{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:.875rem;color:var(--muted)}
/* Erklaerende Texte nach der Lesbarkeitsgrundlage der Plattform: 14 px. */
.os-quelle{font-size:.875rem;color:var(--muted)}
.os-main a{color:var(--action);text-decoration:underline;text-underline-offset:3px}
.os-wege{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.os-weg{display:block;padding:15px 17px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text)!important;font-weight:600;text-decoration:none!important}
.os-weg span{display:block;margin-top:3px;color:var(--muted);font-weight:400;font-size:.875rem}
.os-weg:hover{border-color:var(--border)}
/* Messung ohne Skript: der Start, die Ergebnisliste mit ihren Erklaerungen.
   Der Knopf sieht aus wie der Hauptknopf der Plattform (styles.css .button
   .primary), steht hier aber eigenstaendig - diese Seiten kommen ohne die
   Anwendungshuelle aus. Kanten 5 px, nichts Ovales. */
.os-knopf{display:inline-flex;align-items:center;min-height:46px;border-radius:5px;padding:12px 18px;background:var(--action);border:1px solid var(--action);color:var(--on-action)!important;font-weight:600;font-size:.9375rem;text-decoration:none!important}
.os-knopf:hover{background:var(--action-hover);border-color:var(--action-hover)}
.os-liste-weit{grid-template-columns:minmax(240px,22rem) 1fr;gap:14px 24px}
.os-liste-weit dt{color:var(--text);font-weight:600;font-size:.9375rem}
.os-hint{display:block;margin-top:2px;color:var(--muted);font-weight:400;font-size:.875rem;line-height:1.45}
.os-liste-weit dd{padding-top:1px}
/* Einordnung (Paket 3): die Obergrenze je Zeile und der veroeffentlichte
   Vergleichswert. Bewusst leise - der gemessene Wert steht vorn, die
   Einordnung darunter. Eigene Schriftangabe, weil dd auf Festbreite steht. */
.os-bit{display:block;margin-top:3px;font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:.78rem;line-height:1.45;color:var(--muted)}
.os-liste dd .os-bit:first-of-type,.os-liste-weit dd .os-bit:first-of-type{margin-top:5px}
/* Erklaerende Saetze unter einem Wert (Einschraenkungen, Verbreitung): wie
   jeder erklaerende Text 14 px. Die Bitangaben bleiben Kennzeichnung (.os-bit). */
.os-satz{display:block;margin-top:5px;font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:.875rem;line-height:1.45;color:var(--muted)}
.os-quellen{margin:0;padding-left:1.15em;display:grid;gap:5px;font-size:.875rem;color:var(--muted)}
.os-quellen li{overflow-wrap:anywhere}
/* Artikel zum Nachlesen: Titel als Link, darunter das Thema. */
.os-artikel{margin:0;padding-left:1.15em;display:grid;gap:10px}
.os-artikel span{display:block;margin-top:2px;color:var(--muted);font-size:.875rem}
/* Die Fusszeile der Plattform: dieselben Ziele wie auf jeder anderen Seite,
   buendig mit dem Inhalt darueber. */
.os-fuss{max-width:62rem;margin:0 auto;padding:0 clamp(18px,4vw,28px) 40px;font-size:.8125rem;color:var(--muted)}
.os-fuss p{margin:0;padding-top:22px;border-top:1px solid var(--line)}
.os-fuss strong{color:var(--text);margin-right:16px;font-size:1rem}
.os-fuss nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;font-size:.875rem}
.os-fuss a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}

@media (max-width:640px){
  .os-liste{grid-template-columns:1fr;gap:3px 0}
  .os-liste dd{margin-bottom:9px}
  .os-liste-weit{grid-template-columns:1fr;gap:2px 0}
  .os-liste-weit dd{margin-bottom:14px}
  .os-fuss p span{display:block;margin-top:5px}
}

/* Hell nach der Einstellung des Systems. Mit Skript setzt app.mjs das ueber
   data-theme; ohne Skript tut es diese Abfrage - mit derselben Palette wie
   :root[data-theme=light] in styles.css (ein Test haelt beide gleich). */
@media (prefers-color-scheme: light){
  :root{color-scheme:light;--canvas:#f5f8fa;--sidebar:#fff;--surface:#fff;--raised:#eaf0f4;--text:#14232d;--muted:#4d606b;--line:#d9e2e8;--border:#6b7e89;--action:#00666d;--action-hover:#004e54;--on-action:#fff;--focus:#6d28d9;--warning:#835000;--warning-bg:#fff5de;--success:#176244;--success-bg:#eaf8f0;--info:#245cb0;--info-bg:#edf4ff;--danger:#a5212a;--danger-bg:#fff0f1;--glow:rgba(0,102,109,.035);--shadow:0 18px 60px rgba(20,35,45,.045)}
}

/* Auf Papier: Das Ergebnis laesst sich nur durch Drucken behalten - ein
   zweiter Aufruf zeigt nichts mehr. Die Druckpalette steht in styles.css und
   gilt dort ausdruecklich auch fuer Seiten ohne data-theme wie diese. Hier nur
   das Layout: ohne Knoepfe, Wege und Fusszeile - wie auf jeder anderen Seite.
   Die Bloecke stehen auf Papier untereinander statt im Raster: Firefox 140
   schob den ersten Block sonst als Ganzes auf Seite 2, und Seite 1 blieb bis
   auf die Ueberschrift leer. Die Abstaende bleiben dieselben. */
@media print{
  .os-body{background:#fff}
  .os-main{max-width:none;padding:0;display:block}
  .os-main>:not(:first-child){margin-top:18px}
  .os-block{display:block}
  .os-block>:not(:first-child){margin-top:14px}
  .os-knopf,.os-wege,.os-fuss{display:none!important}
}