/* Schrift liegt auf dem eigenen Server */
@font-face {
  font-family: "Archivo";
  src: url("/schriften/archivo.woff2") format("woff2-variations");
  font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
}
:root { --orange: #f86c00; --orange-text: #b54a00; --anthrazit: #161719; --hellgrau: #f3f3f1; --ink-soft: #55565a; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Archivo", sans-serif; font-size: 17px; line-height: 1.6; color: var(--anthrazit); background: #fff; }
.kopf { background: var(--anthrazit); color: #fff; }
.kopf div { width: min(100% - 32px, 820px); margin: 0 auto; min-height: 72px; display: flex; align-items: center; justify-content: space-between; }
.kopf a { color: #fff; text-decoration: none; font-weight: 800; font-stretch: 112%; }
.kopf a span { color: var(--orange); }
.kopf .zurueck { font-weight: 500; font-stretch: 100%; color: #d6d6d6; }
main { width: min(100% - 32px, 820px); margin: 0 auto; padding: 64px 0 120px; }
h1 { overflow-wrap: break-word; hyphens: auto; font-size: clamp(30px, 5vw, 56px); line-height: 1.05; letter-spacing: -0.025em; font-stretch: 108%; margin: 0 0 24px; }
h2 { font-size: 22px; letter-spacing: -0.01em; margin: 48px 0 10px; }
h3 { font-size: 18px; margin: 28px 0 8px; }
a { color: var(--orange-text); }
.entwurf { background: var(--hellgrau); border-left: 6px solid var(--orange); padding: 16px 20px; margin: 0 0 40px; }
.fehlt { background: #ffe4cc; padding: 1px 6px; font-weight: 600; }