/* Erzeugt von tools/dc2j2.py aus design/src/So-funktionierts.dc.html —
   nicht von Hand ändern. Jede Klasse ist ein Inline-Style der Quelle,
   benannt nach den ersten acht Hex-Stellen ihres sha1. */

.g-029dc51f{border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);padding:24px}
.g-03392f46{font-size:20px;line-height:1.5;color:var(--text-secondary);margin:12px 0 0}
.g-193b67ec{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px}
.g-24b90d59{display:grid;grid-template-columns:200px 1fr 220px;gap:24px;padding:20px 24px}
.g-291aa65f{border:1px solid var(--petrol-200);border-radius:8px;background:var(--surface-card);padding:28px}
.g-32fbb158{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}
.g-3558365b{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:10px 0 0;max-width:78ch;text-wrap:pretty}
.g-4864861d{font-size:56px;line-height:1.05;letter-spacing:-.03em;font-weight:600;max-width:24ch;margin:0}
.g-5857b87f{font-size:20px;line-height:1.5;color:var(--text-secondary);max-width:64ch;margin:24px 0 0;text-wrap:pretty}
.g-5934d20e{font-size:32px;line-height:1.16;letter-spacing:-.02em;font-weight:600;max-width:30ch;margin:0 0 32px}
.g-59e92a55{font-size:15px;line-height:1.6;color:var(--text-secondary);padding-left:16px;border-left:2px solid var(--border-strong)}
.g-5a6e8a12{background:var(--surface-card);border:1px solid var(--border-default);border-top:3px solid var(--interactive-primary);border-radius:12px;padding:56px;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.g-612e333f{font-size:18px;font-weight:600;letter-spacing:-.008em;margin:0}
.g-619d80e2{background:var(--surface-page);font-family:var(--font-sans);color:var(--text-primary);min-height:100vh}
.g-6610c0f1{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:8px 0 0}
.g-7015cedf{display:grid;grid-template-columns:200px 1fr 220px;gap:24px;padding:16px 24px;border-bottom:1px solid var(--border-default);background:var(--surface-sunken)}
.g-70cd6ec8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g-76382a5b{font-size:32px;line-height:1.16;letter-spacing:-.02em;font-weight:600;max-width:26ch;margin:0}
.g-76e2e86d{font-size:16px;font-weight:600;letter-spacing:-.008em}
.g-7726fb9c{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g-7aecb8ca{font-size:14px;color:var(--text-secondary);line-height:1.55}
.g-7b607d59{margin-top:24px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-sunken);padding:28px}
.g-812117c2{max-width:1280px;margin:0 auto;padding:0 48px}
.g-8bc53b69{border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);padding:28px}
.g-92347c7f{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px}
.g-94d05587{font-size:20px;line-height:1.5;color:var(--text-secondary);max-width:62ch;margin:0 0 32px;text-wrap:pretty}
.g-9b036380{display:inline-flex;align-items:center;white-space:nowrap;min-height:48px;padding:0 20px;border-radius:5px;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);font-size:16px;font-weight:500;text-decoration:none}
.g-9e540250{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:10px 0 0}
.g-9f52dcbf{background:var(--surface-card);border-bottom:1px solid var(--border-default)}
.g-a08cb0fc{font-size:32px;line-height:1.16;letter-spacing:-.02em;font-weight:600;margin:0 0 32px}
.g-a0e3d15e{display:inline-flex;align-items:center;white-space:nowrap;min-height:48px;padding:0 20px;border-radius:5px;background:var(--interactive-primary);color:#fff;font-size:16px;font-weight:500;text-decoration:none}
.g-a71b38e0{max-width:1280px;margin:0 auto;padding:80px 48px 64px}
.g-abc9d35c{display:flex;gap:12px}
.g-ad129e84{font-size:15px;line-height:1.6;color:var(--text-secondary);padding-left:16px;border-left:2px solid var(--petrol-200)}
.g-ae05771d{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--petrol-700);margin-bottom:16px}
.g-ae7d8cb7{font-size:14px;line-height:1.55;color:var(--text-secondary)}
.g-b3b719be{font-size:20px;line-height:1.28;letter-spacing:-.012em;font-weight:600;margin:0}
.g-bcc80d15{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:24px}
.g-da6bdc03{font-size:20px;line-height:1.28;letter-spacing:-.012em;font-weight:600;margin:20px 0 0}
.g-db50366e{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.g-e3c632e0{border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);overflow:hidden}
.g-e75e105d{padding:96px 0 0}
.g-f0920019{display:grid;grid-template-columns:200px 1fr 220px;gap:24px;padding:20px 24px;border-bottom:1px solid var(--border-default)}
.g-f7981eff{font-size:32px;line-height:1.16;letter-spacing:-.02em;font-weight:600;max-width:30ch;margin:0 0 8px}
.g-fd8de814{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}
.g-fe27ddeb{display:grid;grid-template-columns:1fr 1fr;gap:24px}