:root{--gruen:#2f6b3a;--dunkel:#27402c;--text:#1f2a21;--leise:#5d6b60;--linie:#d7ded5;--grund:#f7f8f4;--flaeche:#fff;--akzent:#fff3c4;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--grund);color:var(--text);margin:0;font:18px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--gruen)}h1,h2,h3{color:var(--dunkel);line-height:1.2}h1{margin:0 0 .5rem;font-size:2.2rem}h2{margin:2.5rem 0 1rem;font-size:1.6rem}h3{margin:0 0 .25rem;font-size:1.2rem}.breite{max-width:1200px;margin:0 auto;padding:0 16px}[hidden]{display:none!important}.kopf{background:var(--gruen);color:#fff}.kopf .breite{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:.6rem;display:flex}.marke{color:#fff;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.marke img{background:#fff;border-radius:8px}.kopf nav{gap:1.2rem;display:flex}.kopf nav a{color:#fff;font-weight:600;text-decoration:none}.kopf nav a:hover{text-decoration:underline}.fuss{border-top:1px solid var(--linie);color:var(--leise);margin-top:3rem;font-size:.9rem}.fuss .breite{padding-block:1rem 2rem}.fuss a{color:var(--leise)}.einstieg{padding-top:1.8rem}.einstieg p{max-width:60ch;margin:.4rem 0}.gross{font-size:1.2rem}.cta{background:var(--gruen);color:#fff;border-radius:10px;margin-top:.3rem;padding:.55rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.cta:hover{background:var(--dunkel)}.karte-bereich{grid-template-columns:minmax(0,1fr) 320px;gap:1rem;margin-top:1.2rem;scroll-margin-top:1rem;display:grid}.karte-rahmen{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;overflow:hidden}.map{background:#eef1ea;height:600px}.map:focus{outline:3px solid var(--gruen);outline-offset:-3px}.karte-schalter{border-top:1px solid var(--linie);flex-wrap:wrap;gap:1.5rem;padding:.6rem .9rem;display:flex}.karte-schalter label{cursor:pointer;align-items:center;gap:.4rem;display:flex}.karte-schalter input{width:1.2rem;height:1.2rem;accent-color:var(--gruen)}.panel{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;max-height:652px;padding:1rem 1.1rem;overflow:auto}.panel h2{margin:0 0 .6rem;font-size:1.3rem}.panel .gruppe{text-transform:uppercase;letter-spacing:.05em;color:var(--leise);margin:1rem 0 .4rem;font-size:.85rem}.knoepfe{grid-template-columns:1fr 1fr;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.knoepfe button{border:1px solid var(--linie);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .55rem;font-size:.95rem;display:flex}.knoepfe button:hover,.knoepfe button:focus-visible{border-color:var(--dunkel);background:color-mix(in srgb, var(--farbe) 35%, #fff)}#panel-uebersicht .knoepfe:first-of-type button{font-weight:700}.punkt{background:var(--farbe);border:1px solid #00000040;border-radius:50%;flex:none;width:.85rem;height:.85rem;display:inline-block}.legende{color:var(--leise);align-items:center;gap:.4rem;margin:1rem 0 0;font-size:.9rem;display:flex}.zurueck{color:var(--gruen);font:inherit;cursor:pointer;background:0 0;border:0;margin-bottom:.6rem;padding:0;font-weight:600}.zurueck:hover{text-decoration:underline}.art{color:var(--leise);margin:0 0 .6rem}.teile{margin:0;padding-left:2rem}.teile li{cursor:pointer;border-radius:6px;padding:.15rem .35rem}.teile li:hover,.teile li.hervor{background:var(--akzent)}.teile li.sitz{font-weight:700}.sitz-zeichen{border:3px solid var(--dunkel);background:#fff;border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.leaflet-tooltip.name-kommune,.leaflet-tooltip.name-teil{box-shadow:none;color:var(--dunkel);text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 5px #fff;background:0 0;border:0;padding:0}.leaflet-tooltip.name-kommune{font-size:14px;font-weight:500}.leaflet-tooltip.name-kommune.ist-stadt{font-size:15px;font-weight:800}.leaflet-tooltip.name-teil{font-size:13px;font-weight:600}.leaflet-tooltip.name-teil.ist-sitz{font-size:15px;font-weight:800}.leaflet-tooltip.name-kommune:before,.leaflet-tooltip.name-teil:before{display:none}.name-popup .leaflet-popup-content{margin:.45rem .8rem;font:700 16px/1.3 system-ui,sans-serif}.kacheln{filter:grayscale(.6);opacity:.55}.map.ohne-namen .name-kommune,.map.ohne-namen .name-teil{display:none}.panel.ohne-namen .teile li,.panel.ohne-namen #k-sitz-text{filter:blur(5px);transition:filter .15s}.panel.ohne-namen .teile li:hover,.panel.ohne-namen .teile li.hervor{filter:none}.karten{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.kommune{background:var(--flaeche);border:1px solid var(--linie);border-top:8px solid var(--farbe);border-radius:12px;flex-direction:column;padding:.9rem 1rem 1rem;scroll-margin-top:1rem;display:flex}.kommune ol{margin:.2rem 0 .8rem;padding-left:1.9rem}.kommune li.sitz{font-weight:700}.hinweis{color:var(--leise);font-size:.9rem;font-weight:400}.auf-karte{margin-top:auto;font-size:.95rem;font-weight:600}.sprung{flex-wrap:wrap;gap:.3rem;display:flex}.sprung a{border:1px solid var(--linie);background:#fff;border-radius:8px;place-items:center;width:2.2rem;height:2.2rem;font-weight:700;text-decoration:none;display:inline-grid}.sprung a:hover{background:var(--akzent)}.az-spalten{columns:4 220px;column-gap:2rem;margin-top:1rem}.az-gruppe{break-inside:avoid;margin-bottom:1.2rem;scroll-margin-top:1rem}.az-gruppe h3{border-bottom:2px solid var(--linie);margin-bottom:.3rem;font-size:1.4rem}.az-gruppe ul{margin:0;padding:0;list-style:none}.az-gruppe li{align-items:baseline;gap:.4rem;padding:.08rem 0;display:flex}.az-gruppe .punkt{width:.7rem;height:.7rem;transform:translateY(.05rem)}.kommune-name{color:var(--leise);font-size:.9rem}.lern{max-width:820px;margin-top:1.2rem;scroll-margin-top:.5rem}.lern>section{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:1rem 1.1rem 1.2rem}.lern h2{margin:0 0 .8rem;font-size:1.4rem}.hinweis-text{color:var(--leise);margin:.2rem 0 .8rem}.silbig .s0{color:#1f5fbf}.silbig .s1{color:#c62828}.silbig .klatsch{background:var(--akzent);box-shadow:0 0 0 3px var(--akzent);border-radius:6px}.themen{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.thema-knopf{text-align:left;cursor:pointer;border:2px solid var(--linie);color:var(--text);font:inherit;background:#fff;border-radius:12px;gap:.1rem;padding:.6rem .75rem;display:grid}.thema-knopf b{color:var(--dunkel);font-size:1.05rem}.thema-knopf span{color:var(--leise);font-size:.85rem}.thema-knopf .thema-stand{color:var(--gruen);font-weight:600}.thema-knopf .thema-stand:empty{display:none}.thema-knopf[aria-selected=true]{border-color:var(--gruen);box-shadow:inset 0 -4px 0 var(--gruen);background:#eef6ee}.lernweg{counter-reset:schritt;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.schritt{text-align:left;cursor:pointer;border:1px solid var(--linie);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:12px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.7rem;padding:.6rem .8rem;display:grid}.schritt:hover,.schritt:focus-visible{background:var(--akzent);border-color:var(--dunkel)}.schritt-nr{background:var(--gruen);color:#fff;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-weight:800;display:grid}.schritt-bild{font-size:1.6rem}.schritt-text{display:grid}.schritt-text b{color:var(--dunkel)}.schritt-text span{color:var(--leise);font-size:.88rem}.bestwert{color:#d99a00;letter-spacing:.1em;white-space:nowrap;font-size:1.05rem}.bestwert:empty{display:none}.probe-knopf{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);background:#fff8ea;border:2px solid #ff9800;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-top:1rem;padding:.8rem 1rem;display:grid}.probe-knopf>span:first-child{font-size:2rem}.probe-knopf b{color:var(--dunkel);font-size:1.15rem;display:block}.probe-knopf span span{color:var(--leise);font-size:.9rem}.probe-knopf .bestwert{letter-spacing:0;font-size:.9rem;font-weight:700}.probe-knopf:hover{background:#ffefcc}.reiter{border-bottom:2px solid var(--linie);flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.reiter button{cursor:pointer;font:inherit;color:var(--leise);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-2px;padding:.45rem .8rem;font-weight:600}.reiter button[aria-selected=true]{color:var(--dunkel);border-bottom-color:var(--gruen);background:#eef6ee}.namenkarten{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.namenkarte{text-align:center;border:1px solid var(--linie);background:var(--grund);border-radius:14px;justify-items:center;gap:.3rem;padding:.9rem .7rem .7rem;display:grid}.nk-bild{font-size:2.4rem;line-height:1}.nk-name{letter-spacing:.01em;font-size:1.45rem;font-weight:800}.nk-punkte{gap:.3rem;display:flex}.nk-punkte i{background:var(--linie);border-radius:50%;width:.55rem;height:.55rem}.nk-punkte i.klatsch{background:#ff9800;transform:scale(1.4)}.nk-merk{color:var(--leise);font-size:.9rem;line-height:1.35}.nk-knoepfe{gap:.4rem;margin-top:auto;display:flex}.klein-knopf{border:1px solid var(--linie);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:.3rem .6rem;font-size:.9rem}.klein-knopf:hover{background:var(--akzent)}.familien{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem;display:grid}.familie{border:1px solid var(--linie);background:var(--grund);border-radius:12px;padding:.7rem .9rem}.familie h3{margin-bottom:.4rem;font-size:1.05rem}.familie ul{margin:0;padding:0;list-style:none}.familie li{align-items:center;gap:.45rem;padding:.1rem 0;font-size:1.15rem;font-weight:700;display:flex}.familie mark{background:#ffe08a;border-radius:4px;padding:0 .1rem}.familie p{color:var(--leise);margin:.4rem 0 0;font-size:.9rem}.zaehltrick{background:var(--akzent);border-radius:10px;margin:1rem 0 0;padding:.6rem .8rem}.kompass{grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:460px;margin:0 auto 1rem;display:grid}.kompass>div{text-align:center;border-radius:12px;align-content:center;place-items:center;min-height:5rem;padding:.3rem;display:grid}.kompass small{color:var(--leise);font-size:.75rem;font-weight:700}.k-feld{background:var(--grund);border:1px solid var(--linie)}.k-feld span{font-size:1.5rem;line-height:1.1}.k-feld b{font-size:1rem}.k-mitte{border:3px solid var(--dunkel);color:var(--dunkel);background:#fff3c4;font-weight:800}.k-leer{border:1px dashed var(--linie)}.schalter{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.8rem;font-weight:600;display:flex}.schalter input{width:1.2rem;height:1.2rem;accent-color:var(--gruen);flex:none}.geschichte{max-width:62ch;font-size:1.15rem;line-height:1.8}.geschichte p{margin:0 0 .7rem}.g-name{color:var(--dunkel);font:inherit;cursor:pointer;background:#ffe08a;border:0;border-radius:6px;padding:0 .3rem;font-weight:800}.geschichte.versteckt .g-name{color:#0000;background:repeating-linear-gradient(45deg,#e8ece4,#e8ece4 6px,#dfe4da 6px 12px);border:2px dashed #b8c2b3}.geschichte.versteckt .g-name.offen{color:var(--dunkel);background:#dff3df;border-color:#3d9a3d}.kennen .gross-knopf{margin-top:1.2rem}.uebung{text-align:left}.fortschritt{background:var(--linie);border-radius:5px;height:10px;overflow:hidden}.fortschritt div{background:var(--gruen);width:0;height:100%;transition:width .3s}.r-karte{text-align:center;justify-items:center;gap:.3rem;padding-top:.8rem;display:grid}.r-bild{min-height:1em;font-size:3rem;line-height:1}.r-bild:empty{display:none}.r-merk{color:var(--leise);max-width:40ch;margin:0}.r-merk:empty{display:none}.r-anzeige{letter-spacing:.02em;margin:.2rem 0;font-size:2.2rem;font-weight:800}.r-frage{color:var(--dunkel);margin:.3rem 0 .4rem;font-size:1.3rem;font-weight:700}.r-frage small{color:var(--leise);font-weight:400}.muster{letter-spacing:.05em;color:var(--gruen);white-space:pre-wrap;margin-top:.4rem;font:700 1.4rem/1.2 ui-monospace,Menlo,monospace;display:block}#r-puzzle{gap:.8rem;width:100%;display:grid}.p-ziel{background:var(--grund);border:2px dashed #b8c2b3;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;min-height:3.6rem;padding:.4rem;display:flex}.p-leer{color:var(--leise);font-size:.95rem}.p-silben{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.p-ziel button,.p-silben button{border:2px solid var(--gruen);min-width:3.2rem;color:var(--dunkel);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:.5rem .8rem;font-size:1.35rem;font-weight:800}.p-ziel button{background:#eef6ee}.p-silben button:disabled{visibility:hidden}.p-ziel button:disabled{cursor:default;background:#dff3df;border-color:#3d9a3d}@keyframes wackeln{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.wackelt{border-color:#d0463b;animation:.25s 2 wackeln}.r-tipp{gap:.3rem;width:100%;max-width:420px;display:grid}.r-tipp input{font:inherit;text-align:center;border:2px solid var(--linie);background:#fff;border-radius:10px;padding:.6rem .7rem;font-size:1.4rem}.r-tipp input:focus{border-color:var(--gruen);outline:none}.r-slots{counter-reset:slot;gap:.3rem;width:100%;max-width:460px;margin:.3rem 0;padding:0;list-style:none;display:grid}.r-slots li{counter-increment:slot;border-bottom:2px solid var(--linie);text-align:left;align-items:center;gap:.5rem;min-height:2.4rem;padding:.3rem .7rem;font-size:1.15rem;font-weight:700;display:flex}.r-slots li:before{content:counter(slot) ".";color:var(--leise);min-width:1.5rem;font-weight:400}.r-slots li.ok{color:#1d5a1d;background:#eef8ee}.r-slots li.fast{color:#8a5200;background:#fff5e0}.r-slots li.fehlt{color:#b0342a;background:#fdeeee}.r-slots small{color:var(--leise);font-size:.8rem;font-weight:400}.r-slots .tipp{color:var(--leise);font-style:italic}.r-rueck{max-width:46ch;min-height:1.5em;margin:.5rem 0 0;font-size:1.1rem;font-weight:600}.r-rueck:empty{display:none}.r-rueck.gut{color:#2a7a2a}.r-rueck.hm{color:#a86400}.r-rueck.schlecht{color:#b0342a}.r-knoepfe{width:100%;max-width:420px}.vergleich{color:var(--text);gap:.15rem;margin:.4rem auto 0;font-size:1.3rem;font-weight:700;display:grid}.vergleich>span{display:block}.vergleich del{color:#b0342a;background:#fbe1de;border-radius:3px;text-decoration:line-through}.vergleich ins{color:#1d5a1d;background:#c9ecc9;border-radius:3px;text-decoration:underline}.gross-knopf{border:2px solid var(--gruen);width:100%;color:var(--gruen);font:inherit;cursor:pointer;background:#fff;border-radius:10px;margin-top:.5rem;padding:.75rem 1rem;font-size:1.1rem;font-weight:700;display:block}.gross-knopf:hover{background:var(--akzent)}.gross-knopf.gut{background:var(--gruen);color:#fff}.gross-knopf.gut:hover{background:var(--dunkel)}.sterne{color:#f0b400;letter-spacing:.15em;margin:0;font-size:2.6rem}.sterne:empty{display:none}.e-fehler{padding:0;font-size:1.1rem;list-style:none}.e-fehler .kopf{color:var(--dunkel);background:0 0;font-weight:700}.e-fehler:empty{display:none}#l-ergebnis{max-width:520px}.probe-blatt fieldset{border:0;margin:0 0 1.2rem;padding:0}.probe-blatt legend{color:var(--dunkel);margin-bottom:.4rem;font-size:1.15rem;font-weight:800}.pb-gruppe h3{margin:.8rem 0 .2rem;font-size:1rem}.pb-zeilen{gap:.25rem;margin:0;padding-left:2rem;display:grid}.pb-zeilen li{display:list-item}.pb-zeilen input{width:min(100%,22rem);font:inherit;background:0 0;border:0;border-bottom:2px solid #b8c2b3;border-radius:0;padding:.3rem .4rem;font-size:1.15rem}.pb-zeilen input:focus{border-bottom-color:var(--gruen);background:#f5f9f3;outline:none}.pb-zeilen .korrektur{margin-left:.5rem;font-weight:700}.pb-zeilen li.ok .korrektur{color:#2a7a2a}.pb-zeilen li.fast .korrektur{color:#a86400}.pb-zeilen li.falsch .korrektur{color:#b0342a}.pb-zeilen li.falsch input{text-decoration:line-through #b0342a}.pb-fehlt{color:#b0342a;margin:.3rem 0 0 2rem}.pb-punkte{font-size:1.2rem}#pb-ergebnis{border-top:2px solid var(--linie);padding-top:1rem}.nachschlagen{color:var(--leise);margin-top:1rem}@media (width<=640px){.themen{grid-template-columns:1fr}.reiter{gap:.1rem}.reiter button{padding:.4rem .5rem;font-size:.9rem}.thema-knopf{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.5rem}.schritt{grid-template-columns:auto 1fr auto}.schritt-bild{display:none}.r-anzeige{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.wackelt{animation:none}}.text{max-width:760px;padding-top:1.8rem}.text h2{margin-top:2rem;font-size:1.3rem}@media (width<=900px){.karte-bereich{grid-template-columns:1fr}.map{height:70vh;min-height:380px;max-height:560px}.panel{max-height:none}}@media (width<=520px){body{font-size:17px}h1{font-size:1.8rem}.kopf nav{gap:.9rem;font-size:.95rem}}@media print{.kopf nav,.karte-bereich,.einstieg p:last-child,.auf-karte,.sprung,.fuss{display:none}body{background:#fff;font-size:11pt}.kommune{break-inside:avoid;border-color:#999}.karten{grid-template-columns:repeat(3,1fr)}}