: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}.quiz .panel{flex-direction:column;display:flex}.panel h2+.spiele,.spiele+h2{margin-top:.6rem}#q-start h2{margin-top:1.2rem}#q-start h2:first-child{margin-top:0}.spiele{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.spiele button{text-align:left;border:1px solid var(--linie);border-left:6px solid var(--gruen);width:100%;color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:10px;gap:.1rem;padding:.6rem .8rem;display:grid}.spiele button:hover:not(:disabled),.spiele button:focus-visible{background:var(--akzent);border-color:var(--dunkel)}.spiele button:disabled{opacity:.5;cursor:wait}.spiele b{color:var(--dunkel);font-size:1.05rem}.spiele span{color:var(--leise);font-size:.88rem}.spiele .bestwert{color:#d99a00;letter-spacing:.1em;font-size:1rem}.spiele .bestwert:empty{display:none}.stufe{color:var(--dunkel);margin:1.1rem 0 .45rem;font-size:1rem}.spiele.zwei{grid-template-columns:1fr 1fr}.spiele.zwei button{padding:.5rem .6rem}.spiele.zwei b{font-size:.95rem}.spiele.zwei span{font-size:.8rem;line-height:1.3}.spiele .probe{background:#fff8ea;border-left-color:#ff9800}.spiele .probe b{font-size:1.15rem}.spick,.mehr{border:1px solid var(--linie);background:var(--grund);border-radius:10px;margin:.4rem 0;padding:.5rem .8rem}.mehr{margin-top:1.4rem}.spick summary,.mehr summary{cursor:pointer;color:var(--gruen);font-weight:700}.spick h3{align-items:center;gap:.4rem;margin:.7rem 0 .2rem;font-size:1rem;display:flex}.spick p{margin:0;font-size:.92rem}.spick ul{margin:0;padding:0;font-size:.92rem;list-style:none}.spick li{margin:.25rem 0}.spick li .punkt{width:.7rem;height:.7rem;margin-right:.2rem}.q-tipp{gap:.3rem;display:grid}.q-tipp input{font:inherit;border:2px solid var(--linie);background:#fff;border-radius:10px;padding:.6rem .7rem;font-size:1.25rem}.q-tipp input:focus{border-color:var(--gruen);outline:none}.q-wahl-kommune{gap:.25rem;margin-bottom:.6rem;font-size:.95rem;display:grid}.q-wahl-kommune select{font:inherit;border:1px solid var(--linie);background:#fff;border-radius:8px;padding:.4rem}.fortschritt{background:var(--linie);border-radius:5px;height:10px;overflow:hidden}.fortschritt div{background:var(--gruen);width:0;height:100%;transition:width .3s}.q-stand{color:var(--leise);margin:.3rem 0 .8rem;font-size:.9rem}.q-frage{color:var(--dunkel);margin:0 0 1rem;font-size:1.5rem;line-height:1.25}.q-frage b{color:var(--gruen)}.q-wahl{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.q-wahl:empty{display:none}.q-wahl button{border:2px solid var(--linie);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:.7rem .5rem;font-weight:600}.q-wahl button:hover:not(:disabled){border-color:var(--dunkel);background:var(--akzent)}.q-wahl button:disabled{cursor:default;color:var(--leise)}.q-wahl button.richtig{color:#1d5a1d;background:#dff3df;border-color:#3d9a3d}.q-wahl button.falsch{color:#8a2019;background:#fbe1de;border-color:#d0463b}.q-rueck{min-height:3em;margin:.8rem 0;font-size:1.1rem;font-weight:600}.q-rueck.gut{color:#2a7a2a}.q-rueck.hm{color:#a86400}.q-rueck.schlecht{color:#b0342a}.q-bewerten{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.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,#q-aufdecken,#q-weiter{background:var(--gruen);color:#fff}.gross-knopf.gut:hover,#q-aufdecken:hover,#q-weiter:hover{background:var(--dunkel)}.sterne{color:#f0b400;letter-spacing:.15em;margin:0;font-size:2.6rem}.sterne:empty{display:none}.e-fehler{color:var(--text);padding-left:1.3rem}.e-fehler:empty{display:none}.nachschlagen{color:var(--leise);margin-top:1rem}@keyframes blinken{50%{fill-opacity:.35}}.leaflet-interactive.blinkt{animation:1s ease-in-out infinite blinken}.leaflet-tooltip.quiz-name{font-size:16px;font-weight:800}@media (prefers-reduced-motion:reduce){.leaflet-interactive.blinkt{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}.quiz .panel{order:-1}.quiz.spielt .panel{order:0}.quiz .map{height:46vh;min-height:300px}.q-frage{margin-bottom:.7rem;font-size:1.3rem}.q-rueck{min-height:0}}@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)}}