/* Gemeinsames Aussehen der Rechtsseiten. Dieselben Tokens wie die Startseite. */
:root { --ground:#FFFFFF; --ground2:#F5F5F7; --ink:#1D1D1F; --muted:#6E6E73; --hair:#D2D2D7; --accent:#D52B1E; }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) {
  --ground:#000; --ground2:#0C0C0E; --ink:#F5F5F7; --muted:#98989D; --hair:#2A2A2E; --accent:#E8473A; } }
:root[data-theme=dark] { --ground:#000; --ground2:#0C0C0E; --ink:#F5F5F7; --muted:#98989D; --hair:#2A2A2E; --accent:#E8473A; }
* { box-sizing: border-box; }
body { margin:0; background:var(--ground); color:var(--ink); font-size:16.5px; line-height:1.65;
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; text-underline-offset:3px; }
.nav { position:sticky; top:0; z-index:9; backdrop-filter:saturate(180%) blur(20px);
  background:color-mix(in srgb, var(--ground) 82%, transparent); border-bottom:1px solid var(--hair); }
.nav-in { max-width:760px; margin:0 auto; padding:0 22px; height:52px; display:flex; align-items:center; gap:26px; font-size:13.5px; }
.nav-in .rechts { margin-left:auto; display:flex; gap:22px; color:var(--muted); }
.nav-in .rechts a { color:inherit; } .nav-in .rechts a:hover { color:var(--ink); }
/* Wortmarke: «propt» + Turm an Stelle des «i», wie auf der Startseite */
.logo { font-family:-apple-system,"SF Pro Display","Helvetica Neue",Arial,sans-serif; font-weight:600;
  letter-spacing:-0.045em; white-space:nowrap; font-size:20px; color:var(--ink); }
.turm { display:inline-block; vertical-align:baseline; position:relative; width:.391em; height:.728em; margin-left:.052em; letter-spacing:normal; }
.turm i { position:absolute; left:50%; transform:translateX(-50%); height:.128em; border-radius:.064em; background:currentColor; }
.turm i:nth-child(1) { top:0; width:.168em; height:.168em; border-radius:50%; background:var(--accent); }
.turm i:nth-child(2) { top:.321em; width:.236em; }
.turm i:nth-child(3) { top:.600em; width:.391em; }
main { max-width:760px; margin:0 auto; padding:56px 22px 96px; }
h1 { font-size:clamp(32px,5.5vw,46px); font-weight:700; letter-spacing:-0.03em; line-height:1.1; margin:0; }
.stand { color:var(--muted); font-size:14px; margin-top:12px; }
h2 { font-size:19px; font-weight:700; letter-spacing:-0.02em; margin:44px 0 0; }
h2 .nr { color:var(--accent); font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:600; margin-right:9px; }
p { margin:12px 0 0; } ul { margin:12px 0 0; padding-left:22px; } li { margin:6px 0; }
dl { margin:14px 0 0; display:grid; grid-template-columns:190px 1fr; gap:8px 18px; }
dt { color:var(--muted); font-size:14.5px; } dd { margin:0; }
.kasten { margin-top:16px; border:1px solid var(--hair); border-left:3px solid var(--accent);
  border-radius:0 10px 10px 0; padding:14px 18px; background:var(--ground2); font-size:15px; }
.kasten b { color:var(--accent); }
.offen { display:inline-block; font:600 11px "Instrument Sans",sans-serif; letter-spacing:.06em; text-transform:uppercase;
  color:#fff; background:var(--accent); border-radius:5px; padding:2px 7px; vertical-align:2px; margin-left:8px; }
footer { border-top:1px solid var(--hair); }
.f-in { max-width:760px; margin:0 auto; padding:30px 22px 60px; display:flex; gap:20px; flex-wrap:wrap;
  align-items:center; color:var(--muted); font-size:13.5px; }
.f-in .rechts { margin-left:auto; display:flex; gap:20px; flex-wrap:wrap; }
.f-in a { color:inherit; } .f-in a:hover { color:var(--ink); }
@media (max-width:560px) { dl { grid-template-columns:1fr; gap:2px 0; } dt { margin-top:10px; } }