@font-face { font-family: Geist; src: url("/geist.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
:root { --grund: #F4F6FB; --text: #1A2231; --gedaempft: #596575; --aktion: #2854D7; --linie: #E4E8F1; }
@media (prefers-color-scheme: dark) { :root { --grund: #1D2432; --text: #F4F6FB; --gedaempft: #B8C2D2; --aktion: #8BAAFF; --linie: #2E3A52; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--grund); color: var(--text); font: 17px/1.6 Geist, system-ui, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 2.5rem 1rem 4rem; overflow-wrap: break-word; }
h1 { font-weight: 500; font-size: 1.9rem; line-height: 1.25; margin: 0.5rem 0 1rem; }
h2 { font-weight: 500; font-size: 1.3rem; margin: 2.2rem 0 0.6rem; padding-top: 1.2rem; border-top: 1px solid var(--linie); }
h3 { font-weight: 600; font-size: 1.05rem; margin: 1.4rem 0 0.4rem; }
a { color: var(--aktion); }
.marke { font-size: 0.95rem; color: var(--gedaempft); margin: 0; }
.marke a { text-decoration: none; font-weight: 600; }