/* Zahlen & Zonen – Creme, Dunkelbraun, Bronze, Serifenschrift (wie die Folien-Vorlage). Keine fremden Schriften. */
:root { --papier: #FBF7F0; --sand: #E7DAC6; --braun: #3B2A20; --bronze: #A67C52; --bronze-hell: #C9A27A; --grau: #6B5B4E; }
* { box-sizing: border-box; }
html { background: var(--papier); }
body { margin: 0; color: var(--braun); font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  background: var(--papier) repeating-linear-gradient(0deg, transparent 0 31px, rgba(166, 124, 82, .06) 31px 32px); }
.huelle { max-width: 760px; margin: 0 auto; padding: 0 20px; }
header { padding: 28px 0 0; }
header a.marke { display: inline-flex; align-items: center; gap: 12px; color: var(--braun); text-decoration: none; font: 600 18px Georgia, serif; letter-spacing: 2px; }
header a.marke img { width: 44px; height: 44px; }
header a.marke i { color: var(--bronze); }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 600; line-height: 1.2; }
h1 { font-size: clamp(30px, 6vw, 44px); margin: 40px 0 8px; }
h2 { font-size: 22px; margin: 34px 0 6px; }
h1 i, h2 i { color: var(--bronze); }
a { color: #7E5A39; }
.logo-gross { display: block; width: min(320px, 80vw); margin: 40px auto 10px; }
.claim { text-align: center; font: 600 13px/1.6 -apple-system, sans-serif; letter-spacing: 3.5px; color: var(--grau); margin: 0 0 36px; }
.kasten { background: #fff; border: 1px solid var(--sand); border-left: 4px solid var(--bronze); border-radius: 8px; padding: 18px 22px; margin: 24px 0; }
.kanaele { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 28px 0; padding: 0; list-style: none; }
.kanaele a { display: inline-block; padding: 10px 20px; border: 1px solid var(--bronze); border-radius: 999px; text-decoration: none; color: var(--braun); font-weight: 600; background: #fff; }
.kanaele a:hover { background: var(--braun); color: var(--papier); border-color: var(--braun); }
.hinweis { font-size: 14px; color: var(--grau); }
footer { margin: 60px 0 0; padding: 24px 0 40px; border-top: 1px solid var(--sand); font-size: 14px; color: var(--grau); }
footer nav { display: flex; gap: 18px; flex-wrap: wrap; }