.wabenplan{--led:232, 244, 255;--wp-gold:200, 168, 75;--wp-papier:#f3efe6;--wp-tinte:#1b1d1f;grid-template-columns:minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}@media (min-width:1000px){.wabenplan{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2.5rem,5vw,5rem)}}.wabenplan__decke{width:100%;max-width:640px;padding-top:5.25rem;position:relative}.wabenplan--kompakt .wabenplan__decke{max-width:540px}@media (max-width:999px){.wabenplan__decke{margin-inline:auto}}.wabenplan__tage{height:1.5rem;position:absolute;top:3.4rem;left:0;right:0}.wabenplan__tage span{font-family:var(--font-bebas), sans-serif;letter-spacing:.08em;color:var(--color-gold);font-size:20px;line-height:1;position:absolute;transform:translate(-50%)}.wabenplan__notiz{white-space:nowrap;font-family:var(--font-hand), cursive;color:#dec478;pointer-events:none;flex-direction:column;align-items:center;margin:0;font-size:clamp(19px,1.7vw,24px);line-height:1;display:flex;position:absolute;top:0;transform:translate(-50%)rotate(-3deg)}.wabenplan__notiz[data-seite=links]{align-items:flex-start;transform:translate(-2.2rem)rotate(-3deg)}.wabenplan__notiz[data-seite=links] .wabenplan__pfeil{margin-left:1.4rem}.wabenplan__notiz[data-seite=rechts]{align-items:flex-end;transform:translate(calc(2.2rem - 100%))rotate(-3deg)}.wabenplan__notiz[data-seite=rechts] .wabenplan__pfeil{margin-right:1.4rem}.wabenplan__pfeil{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:20px;margin-top:2px}.wabenplan__brett{width:100%;position:relative;container-type:inline-size}.wabenplan__licht{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wabe-licht{transition:opacity .35s}.wabe-licht__roehren{fill:none;stroke:rgb(var(--led));stroke-width:6px;stroke-linecap:round;transition:stroke .3s,stroke-width .3s}.wabe-licht__flaeche{fill:rgba(var(--led), 0);transition:fill .3s}.wabe-licht[data-zustand=aus]{opacity:.2}.wabe-licht[data-zustand=naechste] .wabe-licht__roehren{stroke:#fff;stroke-width:9px}.wabe-licht[data-zustand=naechste] .wabe-licht__flaeche{fill:rgba(var(--led), .09)}.wabe-licht[data-zustand=laeuft] .wabe-licht__roehren{stroke:rgb(var(--wp-gold));stroke-width:9px}.wabe-licht[data-zustand=laeuft] .wabe-licht__flaeche{fill:rgba(var(--wp-gold), .1)}.wabe-licht[data-gewaehlt="1"] .wabe-licht__flaeche{fill:rgba(var(--wp-gold), .14)}.wabenplan__brett[data-zuendung=warte] .wabe-licht{opacity:.12}.wabenplan__brett[data-zuendung=an] .wabe-licht{animation:.85s linear backwards wabeZuenden;animation-delay:calc(var(--i) * 70ms)}.wabenplan__brett[data-zuendung=an] .wabe-licht[data-zustand=aus]{animation-name:wabeZuendenAus}@keyframes wabeZuenden{0%{opacity:.12}12%{opacity:.9}20%{opacity:.2}34%{opacity:1}42%{opacity:.5}to{opacity:1}}@keyframes wabeZuendenAus{0%{opacity:.12}to{opacity:.2}}.plan-wabe{color:var(--color-text-primary);cursor:pointer;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.15em;padding:0;transition:background-color .2s,color .2s;display:flex;position:absolute}.plan-wabe:hover{background:#c8a84b14}.plan-wabe:focus-visible{background:#c8a84b33;outline:none}.plan-wabe:focus-visible .plan-wabe__zeit{text-decoration:underline;-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold);text-underline-offset:.12em}.plan-wabe__zeit{font-family:var(--font-bebas), sans-serif;letter-spacing:.03em;font-size:clamp(17px,5.4cqw,32px);line-height:.9}.plan-wabe__gruppe{font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.06em;color:#ede9e0d1;font-size:clamp(10.5px,2.15cqw,13px);font-weight:600}.plan-wabe[data-an="0"]{color:#ede9e08c}.plan-wabe[data-an="0"] .plan-wabe__gruppe{color:#ede9e080}.plan-wabe[data-zustand=laeuft] .plan-wabe__gruppe,.plan-wabe[aria-pressed=true] .plan-wabe__zeit{color:var(--color-gold)}.wabenplan__seite{flex-direction:column;gap:1.75rem;display:flex}@media (max-width:999px){.wabenplan{gap:1.75rem}.wabenplan__seite{display:contents}.wabenplan__kopf{order:1}.wabenplan__filter{order:2}.wabenplan__decke{order:3}.zettel{order:4}.wabenplan__kopf,.wabenplan__filter,.zettel{width:100%;max-width:640px;margin-inline:auto}.zettel{margin-top:.75rem}}.wabenplan__filter{border:0;min-width:0;margin:0;padding:0}.wabenplan__filter legend{font-family:var(--font-hand), cursive;color:#dec478;margin-bottom:.6rem;padding:0;font-size:22px;line-height:1}.wabenplan__schalter{flex-wrap:wrap;gap:.5rem;display:flex}.lichtschalter{cursor:pointer;position:relative}.lichtschalter input{opacity:0;width:1px;height:1px;position:absolute}.lichtschalter span{min-height:44px;font-family:var(--font-barlow-condensed), sans-serif;letter-spacing:.02em;color:var(--color-text-primary);border:1px solid #c8a84b73;border-radius:2px;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:17px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.lichtschalter span:before{content:"";background:rgba(var(--led), .25);border-radius:2px;width:14px;height:3px;transition:background-color .2s,box-shadow .2s}.lichtschalter:hover span{border-color:var(--color-gold)}.lichtschalter input:checked+span{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-void)}.lichtschalter input:checked+span:before{background:#fff;box-shadow:0 0 6px #ffffffe6}.lichtschalter input:focus-visible+span{outline:2px solid var(--color-gold);outline-offset:3px}.zettel{background:var(--wp-papier);color:var(--wp-tinte);padding:1.6rem 1.5rem 1.5rem;scroll-margin:6rem 0;position:relative;transform:rotate(-1.2deg);box-shadow:0 14px 30px #00000073,0 2px #0003}.zettel:before{content:"";background:#e1d7beb3;width:92px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 1px 2px #00000026}.zettel__hand{font-family:var(--font-hand), cursive;color:#8a5a00;margin:0 0 .35rem;font-size:24px;line-height:1}.zettel__kopf{font-family:var(--font-bebas), sans-serif;letter-spacing:.01em;color:var(--wp-tinte);margin:0;font-size:clamp(32px,3.2vw,44px);line-height:.95}.zettel__gruppe{font-family:var(--font-barlow-condensed), sans-serif;color:var(--wp-tinte);margin:.35rem 0 .8rem;font-size:19px;font-weight:600}.zettel__text{font-family:var(--font-barlow), sans-serif;color:#2a2c2e;margin:0 0 .5rem;font-size:18px;line-height:1.5}.zettel__text--klein{color:#3b3d40;font-size:17px}.zettel__liste{font-family:var(--font-barlow), sans-serif;color:#2a2c2e;margin:.75rem 0 0;padding:0;font-size:18px;line-height:1.5;list-style:none}.zettel__liste li+li{margin-top:.3rem}.zettel__knoepfe{flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;display:flex}.zettel__knopf{border:1.5px solid var(--wp-tinte);min-height:46px;font-family:var(--font-bebas), sans-serif;letter-spacing:.06em;color:var(--wp-tinte);border-radius:2px;align-items:center;padding:.55rem 1rem;font-size:19px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.zettel__knopf:hover,.zettel__knopf:focus-visible,.zettel__knopf--voll{background:var(--wp-tinte);color:var(--wp-papier)}.zettel__knopf--voll:hover,.zettel__knopf--voll:focus-visible{background:#000}.zettel__knopf:focus-visible{outline-offset:3px;outline:2px solid #8a5a00}@media (prefers-reduced-motion:reduce){.wabe-licht,.wabe-licht__roehren,.wabe-licht__flaeche,.plan-wabe,.lichtschalter span{transition:none}.wabenplan__brett[data-zuendung] .wabe-licht{animation:none}}