:root { --text: #24312d; --grau: #5c6b66; --akzent: #2f5d50; --flaeche: #f6f4ef; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; color: var(--text); background: var(--flaeche);
  font: 1.0625rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
a { color: var(--akzent); }
.wrap { width: min(100% - 2.5rem, 44rem); margin-inline: auto; }
.skip-link { position: absolute; left: -999px; }
.skip-link:focus { left: 1rem; top: 1rem; background: #fff; padding: .5rem 1rem; }
.kopf { padding: 1.5rem 0; }
.marke { font-size: 1.125rem; font-weight: 600; color: var(--text); text-decoration: none; }
main { flex: 1; padding: 2rem 0 4rem; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; margin: 0 0 1rem; color: var(--akzent); }
h2 { font-size: 1.2rem; margin: 2rem 0 .4rem; }
p { margin: 0 0 1rem; }
.start { padding-top: 12vh; }
.fuss { padding: 1.5rem 0; color: var(--grau); font-size: .95rem; }
.fuss a { margin-right: 1.25rem; color: inherit; }