.zk{position:relative;background-color:var(--color-zw-green-pastel, #eef6e2);background-image:linear-gradient(#eef6e2eb,#eef6e2eb),var(--zk-bild, none);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-zw-forest-deep, #122707);padding:44px 0 40px}.zk-shell{max-width:1240px;margin:0 auto;padding:0 24px}.zk-eyebrow{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-zw-green-dark, #2e6b0c);margin-bottom:.75rem}.zk h2{color:var(--color-zw-forest-deep, #122707);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:.4rem 0 1rem;font-size:clamp(2rem,3.8vw,3.4rem);text-wrap:balance}.zk-lead{color:var(--color-zw-forest-deep, #122707);font-size:1.0625rem;line-height:1.6;max-width:50ch;margin:0}.zk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto;gap:0 56px;align-items:center}.zk-intro{grid-column:1;grid-row:1;align-self:end}.zk-steuerung{grid-column:1;grid-row:2;align-self:start}.zk-kartenspalte{grid-column:2;grid-row:1 / 3}@media(max-width:960px){.zk-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:22px}.zk-intro,.zk-steuerung,.zk-kartenspalte{grid-column:auto;grid-row:auto}.zk-kartenspalte{order:2}.zk-steuerung{order:3}}.zk-jahr{font-size:clamp(4.5rem,11vw,9.5rem);font-weight:700;line-height:.95;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--color-zw-green, #449911);margin:10px 0 2px}.zk-zahl{color:var(--color-zw-green-dark, #2e6b0c);font-weight:700;font-size:1.125rem;letter-spacing:.02em;min-height:1.6em;margin:0}.zk-karte-box{position:relative;aspect-ratio:640 / 680;max-height:80vh;margin:0 auto;width:100%;max-width:640px}.zk-karte-box svg{width:100%;height:100%;display:block}.zk-gemeinde{fill:var(--color-zw-green, #449911);stroke:#fff;stroke-width:1.6;stroke-linejoin:round}.zk-ort{font:700 13px var(--font-sans, "Open Sans", sans-serif);fill:#fff;letter-spacing:.1em;text-transform:uppercase;paint-order:stroke;stroke:var(--color-zw-green-dark, #2e6b0c);stroke-width:5px;stroke-linejoin:round}.zk-dorf{font:600 10.5px var(--font-sans, "Open Sans", sans-serif);fill:#fff;letter-spacing:.05em;paint-order:stroke;stroke:var(--color-zw-green-dark, #2e6b0c);stroke-width:4px;stroke-linejoin:round}.zk-pt{opacity:0;transform:translate(var(--zk-x),var(--zk-y)) scale(.2);transition:opacity .25s,transform .25s}.zk-pt.da{opacity:1;transform:translate(var(--zk-x),var(--zk-y)) scale(1)}.zk-pt circle:not(.zk-pt-hit){fill:#fff;stroke:var(--color-zw-forest-deep, #122707);stroke-width:1.5}.zk-pt.neu circle:not(.zk-pt-hit){fill:var(--color-zw-gold, #ffcc00);stroke:var(--color-zw-forest-deep, #122707);stroke-width:3}.zk-pt:hover circle:not(.zk-pt-hit),.zk-pt:focus-visible circle:not(.zk-pt-hit){fill:var(--color-zw-gold, #ffcc00)}.zk-pt:focus-visible{outline:none}.zk-pt:focus-visible circle:not(.zk-pt-hit){outline:3px solid var(--color-zw-berry, #990088);outline-offset:2px}.zk-pt-hit{fill:transparent}.zk-pop{position:absolute;width:150px;padding:10px 10px 8px;background:#fff;border-radius:6px;box-shadow:0 8px 24px #12270747;pointer-events:none;text-align:center;transform-origin:50% 100%}.zk-pop:after{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;background:#fff;transform:translate(-50%) rotate(45deg);border-radius:2px}.zk-pop img{width:100%;height:76px;object-fit:contain;display:block;margin:0 auto}.zk-pop-initialen{height:76px;display:flex;align-items:center;justify-content:center;font:700 2rem var(--font-sans, "Open Sans", sans-serif);color:var(--color-zw-forest-deep, #122707);background:var(--color-zw-green-30, #c8e8a3);border-radius:4px}.zk-pop b{display:block;font:700 12px/1.25 var(--font-sans, "Open Sans", sans-serif);color:var(--color-zw-forest-deep, #122707);margin-top:6px;max-height:2.5em;overflow:hidden}.zk-pop.an{animation:zk-pop 1.7s ease-out forwards}@keyframes zk-pop{0%{transform:translate(-50%,calc(-100% - 16px)) scale(.4);opacity:0}12%{transform:translate(-50%,calc(-100% - 16px)) scale(1.04);opacity:1}82%{transform:translate(-50%,calc(-100% - 16px)) scale(1);opacity:1}to{transform:translate(-50%,calc(-100% - 16px)) scale(.7);opacity:0}}.zk-karte-fuss{font-size:.8125rem;color:var(--color-zw-forest-deep, #122707);margin:10px auto 0;max-width:640px}.zk-steuer{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 20px;margin-top:22px}.zk-play{background:var(--color-zw-green-dark, #2e6b0c);color:#fff;border:0;border-radius:4px;font:700 1rem var(--font-sans, "Open Sans", sans-serif);padding:.85rem 1.3rem;cursor:pointer;min-height:46px;min-width:150px;transition:background .18s}.zk-play:hover{background:var(--color-zw-forest, #1c3a0d)}.zk-play:focus-visible{outline:3px solid var(--color-zw-berry, #990088);outline-offset:3px}.zk-regler{flex:1 1 220px;display:flex;flex-direction:column;gap:4px}.zk-regler label{font-size:.8125rem;color:var(--color-zw-green-dark, #2e6b0c);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.zk-regler input[type=range]{width:100%;accent-color:var(--color-zw-green-dark, #2e6b0c);height:44px;cursor:pointer;margin:0}.zk-regler input[type=range]:focus-visible{outline:3px solid var(--color-zw-berry, #990088);outline-offset:4px;border-radius:4px}.zk-akt{margin-top:22px;display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:center;border-top:1px solid rgba(18,39,7,.15);padding-top:18px;min-height:96px}.zk-logo{width:116px;height:116px;background:#fff;border-radius:6px;padding:10px;display:flex;align-items:center;justify-content:center}.zk-logo img{max-width:100%;max-height:100%;object-fit:contain}.zk-logo .zk-logo-initialen{font:700 2.5rem var(--font-sans, "Open Sans", sans-serif);color:var(--color-zw-forest-deep, #122707)}.zk-logo.leer{display:none}.zk-akt:has(.zk-logo.leer){grid-template-columns:1fr}.zk-akt b{display:block;font-size:1.25rem;line-height:1.2}.zk-akt b a{color:var(--color-zw-forest-deep, #122707);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.zk-akt b a:hover{color:var(--color-zw-green-dark, #2e6b0c)}.zk-akt span{display:block;color:var(--color-zw-forest-deep, #122707);font-size:.9375rem;margin-top:2px}.zk-nicht{font-size:.8125rem;color:var(--color-zw-forest-deep, #122707);margin:16px 0 0;max-width:60ch}@media(max-width:760px){.zk{padding:28px 0 32px}.zk-akt{min-height:0}.zk-steuer{margin-top:16px}.zk-dorf{font-size:16px;stroke-width:5px}.zk-ort{font-size:19px;stroke-width:6px}.zk-pt circle{r:8}.zk-pop{width:118px;padding:8px 8px 6px}.zk-pop img,.zk-pop-initialen{height:58px}.zk-pop-initialen{font-size:1.5rem}.zk-pop b{font-size:11px}.zk-akt{grid-template-columns:92px minmax(0,1fr)}.zk-logo{width:92px;height:92px;padding:8px}.zk-weiler{display:none}}@media(prefers-reduced-motion:reduce){.zk-pt{transition:none}.zk-pop.an{animation:none;display:none}}.zk-kompakt .zk{padding:26px 0 24px}.zk-kompakt .zk-grid{gap:0 44px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.zk-kompakt .zk-eyebrow{margin-bottom:.4rem}.zk-kompakt .zk h2{font-size:clamp(1.75rem,2.6vw,2.4rem);margin:.2rem 0 .6rem}.zk-kompakt .zk-lead{font-size:.9375rem;line-height:1.55}.zk-kompakt .zk-jahr{font-size:clamp(3.5rem,6vw,5.25rem);margin-top:8px}.zk-kompakt .zk-steuer{margin-top:10px}.zk-kompakt .zk-akt{margin-top:12px;padding-top:12px;min-height:0;grid-template-columns:72px minmax(0,1fr);gap:14px}.zk-kompakt .zk-logo{width:72px;height:72px;padding:6px}.zk-kompakt .zk-logo .zk-logo-initialen{font-size:1.6rem}.zk-kompakt .zk-akt b{font-size:1.0625rem}.zk-kompakt .zk-akt span{font-size:.875rem}.zk-kompakt .zk-nicht{margin-top:10px;font-size:.75rem}.zk-kompakt .zk-karte-box{width:min(100%,max(280px,calc((100svh - 250px) * 640 / 680)));max-width:520px;max-height:none}.zk-kompakt .zk-karte-fuss{font-size:.6875rem;margin-top:6px;max-width:520px}@media(max-width:960px){.zk-kompakt .zk-grid{grid-template-columns:1fr;gap:18px}.zk-kompakt .zk-karte-box{width:100%}}.zk-nicht summary{cursor:pointer;min-height:32px;display:inline-flex;align-items:center;color:var(--color-zw-forest-deep, #122707);text-decoration:underline;text-decoration-color:#12270759;text-underline-offset:3px}.zk-nicht summary:hover{color:var(--color-zw-green-dark, #2e6b0c)}.zk-nicht summary:focus-visible{outline:3px solid var(--color-zw-berry, #990088);outline-offset:3px}.zk-nicht p{margin:6px 0 0}