/* Volltextleser: eigenes Namensfeld gg-, Hausfarben und ruhiger Satz. */
.gg-raum{box-sizing:border-box;--gg-erde:#5c3d2e;--gg-gold:#c8903a;--gg-tinte:#4c5a68;width:100%;max-width:100%;max-height:min(82dvh,920px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:clamp(14px,3vw,30px);background:#fdfbf7;color:var(--gg-erde);font:17px/1.58 Georgia,'Times New Roman',serif;scrollbar-color:#bba888 #fdfbf7}
.gg-raum *{box-sizing:border-box;max-width:100%}
.gg-kopf{border-bottom:1px solid #d4a853;padding-bottom:16px}
.gg-kicker,.gg-herkunft,.gg-attribution,.gg-quellpfad{font:700 12px/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:.07em;color:#96543f}
.gg-kicker{text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px}
.gg-titel{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.16;font-weight:400;margin:0 0 8px}
.gg-einordnung{color:var(--gg-tinte);margin:0 0 16px}
.gg-steuerung{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gg-raum button,.gg-raum input,.gg-raum a{min-width:44px;min-height:44px;font:inherit}
.gg-raum button{border:1px solid #bba888;border-radius:12px;padding:8px 12px;background:#faf3e7;color:var(--gg-erde);cursor:pointer;touch-action:manipulation;text-align:left}
.gg-raum button:hover,.gg-raum button[aria-pressed="true"]{background:var(--gg-erde);color:#fdfbf7}
.gg-raum button:disabled{opacity:.48;cursor:default}
.gg-raum button:focus-visible,.gg-raum a:focus-visible,.gg-raum input:focus-visible{outline:3px solid var(--gg-gold);outline-offset:2px}
.gg-suche{flex:1 1 220px;min-width:0;border:1px solid #bba888;border-radius:12px;padding:9px 12px;background:#fffdf9;color:#2d1f15}
.gg-zahl{font:700 12px/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#8a7355;white-space:nowrap}
.gg-kategorien{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}
.gg-kategorien button{font:700 13px/1.35 'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:.02em}
.gg-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px}
.gg-eintrag{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #e0d5bd;border-radius:14px;background:#faf3e7}
.gg-eintrag .gg-artikellink{width:100%;background:#fdfbf7;border-color:#d4a853}
.gg-eintrag small{font:12px/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#8a7355;padding:0 4px}
.gg-leer{padding:20px;border:1px solid #e0d5bd;border-radius:14px;background:#faf3e7}
.gg-artikel{max-width:78ch;margin:0 auto}
.gg-artikeltitel{font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.22;font-weight:400;margin:4px 0 14px}
.gg-aussen{display:inline-flex;align-items:center;width:max-content;padding:8px 10px;border-radius:10px;color:var(--gg-erde);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.gg-aussen:hover{background:#eee3cd}
.gg-kontext{padding:14px;margin:16px 0;border:1px solid #d4a853;border-radius:14px;background:#eee3cd;display:flex;flex-wrap:wrap;gap:8px}
.gg-kontext h3{flex-basis:100%;font-size:1rem;font-weight:400;margin:0}
.gg-kontext .gg-spiel{background:#6e7f52;color:#fff;border-color:#6e7f52}
.gg-abschnitt{border-top:1px solid #e0d5bd;padding:20px 0 24px}
.gg-abschnitt h4,.gg-verweise h4{font-size:1.3rem;line-height:1.28;font-weight:400;margin:0 0 8px}
.gg-herkunft,.gg-attribution{display:block;margin:2px 0}
.gg-attribution{font-weight:400;color:#8a7355;letter-spacing:0}
.gg-volltext{white-space:pre-wrap;overflow-wrap:anywhere;hyphens:auto;color:#2d1f15;margin:12px 0 14px}
.gg-hoeren{font-size:.87rem!important}
.gg-verweise{border-top:1px solid #d4a853;padding:20px 0}
.gg-verweisgitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px}
.gg-verweis{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;border:1px solid #e0d5bd;border-radius:12px;background:#faf3e7}
.gg-intern{flex:1 1 170px;overflow-wrap:anywhere}
.gg-verweis .gg-aussen{font-size:.8rem;flex:0 0 auto}
.gg-quellpfad{font-weight:400;letter-spacing:0;overflow-wrap:anywhere}
.gg-hubs{border-top:1px solid #d4a853;margin-top:26px;padding-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.gg-hubs h3{flex-basis:100%;font-size:1rem;font-weight:400;margin:0}
@media(max-width:390px){.gg-raum{padding:12px;font-size:16px}.gg-steuerung .gg-suche{flex-basis:100%;order:3}.gg-kategorien button{flex:1 1 100%}.gg-verweis{display:block}.gg-verweis .gg-aussen{display:flex}.gg-zahl{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.gg-raum *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}