/* Inhaltsseiten (So spielst du, Elemente, Für Eltern, Fragen …): Pergament auf Holz wie das Spiel, mobil zuerst, keine
   fremden Schriften (Grandstander lokal, sonst Systemschrift; Japanisch Systemschrift). Kein Skript. */
@font-face{font-family:'Grandstander';font-weight:800;font-display:swap;src:url(schrift/Grandstander-800-latin.woff2) format('woff2')}
@font-face{font-family:'Grandstander';font-weight:700;font-display:swap;src:url(schrift/Grandstander-700-latin.woff2) format('woff2')}
:root{--holz-d:#24170f;--holz:#5b3a20;--k:#1a0f08;--gold:#f2c35b;--bern:#c98a2a;--bern-s:#7a4e12;--papier:#f8eed8;--tinte:#2a1a0e;
  --leise:#5a4630;--linie:#c2ab86;--zart:#fff6d8}
*{box-sizing:border-box}
html,body{margin:0;background:#3d2614;color:var(--tinte)}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Hiragino Sans','Noto Sans JP',sans-serif;font-size:17px;line-height:1.6;
  -webkit-text-size-adjust:100%;overflow-x:hidden}
a{color:#7a3a00;text-decoration:underline;text-underline-offset:2px}
a:focus-visible,.knopf:focus-visible{outline:3px solid #1f5fbf;outline-offset:2px}
.kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--holz-d);border-bottom:3px solid var(--k)}
.marke{line-height:.9;font-family:'Grandstander',system-ui,sans-serif;text-decoration:none}
.marke b{display:block;font-size:16px;color:#f3e3c3}
.marke i{display:block;font-style:normal;font-size:26px;font-weight:800;color:var(--gold)}
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;background:var(--bern);color:#fff;
  border:3px solid var(--k);border-radius:3px;font-weight:800;text-decoration:none;box-shadow:inset 0 3px 0 var(--gold),inset 0 -4px 0 var(--bern-s);
  font-size:16px;text-shadow:0 1px 0 #0008;text-align:center}
.knopf.gold{background:var(--gold);color:var(--tinte);text-shadow:none;box-shadow:inset 0 3px 0 #ffe7a6,inset 0 -4px 0 var(--bern)}
.sprachen{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:10px 16px;background:var(--holz)}
.sprachen a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;color:#f3e3c3;
  border:2px solid var(--k);background:#2e2219;text-decoration:none;border-radius:3px;font-weight:700}
.sprachen a.an{background:var(--bern);color:#fff}
.brot{max-width:760px;margin:0 auto;background:var(--papier);border-left:3px solid var(--k);border-right:3px solid var(--k);padding:10px 18px 0}
.brot ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:14px;color:var(--leise)}
.brot li+li::before{content:'›';margin:0 6px 0 2px}
.brot a{color:var(--leise)}
.text{max-width:760px;margin:0 auto;background:var(--papier);padding:8px 18px 28px;border-left:3px solid var(--k);border-right:3px solid var(--k);min-height:80vh}
h1{font-family:'Grandstander',system-ui,sans-serif;font-size:30px;line-height:1.15;margin:8px 0 10px;color:var(--holz-d)}
h2{font-size:22px;line-height:1.25;margin:28px 0 8px;padding-top:12px;border-top:3px dashed var(--linie);color:#5a2e0a}
h3{font-size:18px;margin:20px 0 6px;color:#5a2e0a}
html[lang=ja] h1{font-family:system-ui,'Hiragino Sans','Noto Sans JP',sans-serif;font-weight:800}
p,li{margin:6px 0}
ul{padding-left:22px}
.lead{font-size:19px;color:var(--leise);font-weight:600}
.kasten{background:var(--zart);border-left:5px solid var(--bern);padding:6px 12px;margin:10px 0}
.tabelle{overflow-x:auto;margin:12px 0;border:3px solid var(--k);border-radius:3px;background:#fffaf0}
table{border-collapse:collapse;width:100%;font-size:16px}
th,td{text-align:left;padding:8px 10px;border-bottom:2px solid #e6d6b5;vertical-align:top}
thead th{background:var(--holz);color:#f3e3c3;font-size:15px}
tbody th{font-weight:700}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
.formen td{font-weight:700}
.punkt{display:inline-block;width:12px;height:12px;border:2px solid var(--k);margin-right:8px;vertical-align:-1px}
.kurzliste{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}
.kurzliste li{margin:0;background:var(--zart);border:2px solid var(--linie);border-radius:3px;padding:2px 10px}
.karten{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0}
.karten a{display:block;padding:12px 14px;background:var(--zart);border:3px solid var(--k);border-radius:3px;text-decoration:none;color:var(--tinte);
  box-shadow:inset 0 -4px 0 var(--linie);min-height:44px}
.karten b{display:block;font-size:18px;color:#5a2e0a}
.karten small{display:block;font-size:15px;color:var(--leise);margin-top:2px}
.cta-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:22px 0}
.cta-zeile span{font-size:15px;color:var(--leise);font-weight:600}
.weiter{margin-top:26px;font-weight:700}
h2.alle{font-size:20px}
.fuss{margin-top:28px;padding-top:12px;border-top:3px dashed var(--linie);font-size:16px}
.text p a,.text li a{word-break:break-word}
@media (min-width:600px){.text{padding:12px 32px 40px}.brot{padding:12px 32px 0}.karten{grid-template-columns:1fr 1fr}h1{font-size:36px}}
@media (max-width:420px){th,td{padding:7px 6px;font-size:15px}thead th{font-size:14px;hyphens:auto;-webkit-hyphens:auto}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}}