/* IT Seidel – Platzhalterseite, Stil wie „A light“. Keine externen Schriften. */
:root {
  --bg: #faf8f5; --flaeche: #ffffff; --text: #1f2a37; --muted: #4b5563;
  --linie: #e9e3d9; --akzent: #e9a23b; --akzent-text: #8a4300;
  --schrift: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --schrift-titel: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #12100d; --flaeche: #1b1814; --text: #f5efe6; --muted: #cfc6b8; --linie: rgba(255,255,255,.12); --akzent-text: #ffcf4d; color-scheme: dark; }
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 24px 16px; font-family: var(--schrift); font-size: 1.15rem; line-height: 1.6; color: var(--text);
  background:
    radial-gradient(60rem 40rem at 15% 0%, rgba(244,194,92,.20), transparent 60%),
    radial-gradient(50rem 40rem at 100% 100%, rgba(160,180,230,.14), transparent 60%),
    var(--bg);
}
.karte {
  width: 100%; max-width: 460px; text-align: center; padding: 48px 32px 40px;
  background: var(--flaeche); border: 1px solid var(--linie); border-radius: 22px;
  box-shadow: 0 1px 2px rgba(60,40,15,.05), 0 10px 28px rgba(60,40,15,.08);
}
.karte-text { max-width: 560px; text-align: left; }
.marke { width: 88px; height: 88px; display: block; margin: 0 auto 20px; }
.marke .flaeche { fill: var(--text); }
.marke .zeichen { fill: var(--flaeche); }
h1 { font-family: var(--schrift-titel); font-size: 2.4rem; letter-spacing: -0.02em; line-height: 1.1; margin: 0; }
.karte-text h1 { font-size: 2rem; }
h2 { font-family: var(--schrift-titel); font-size: 1.15rem; margin: 1.4em 0 .3em; }
.linie { width: 56px; height: 4px; border-radius: 2px; background: var(--akzent); margin: 18px auto 22px; }
.karte-text .linie { margin-left: 0; }
.text { margin: 0; color: var(--muted); font-size: 1.2rem; }
p { margin: 0 0 .6em; }
a { color: var(--akzent-text); font-weight: 600; text-underline-offset: 3px; }
footer { margin-top: 24px; font-size: .95rem; }
footer a { color: var(--muted); }