.br-jahr{position:relative}.br-jahr__licht{position:absolute;inset:calc(-1 * var(--sr-auslauf)) 0;pointer-events:none;background:radial-gradient(ellipse 36% 40% at 20% 55%,rgba(var(--br-kalt-rgb),calc(.12 * var(--br-deko-staerke))),transparent 70%),radial-gradient(ellipse 36% 40% at 80% 55%,rgba(var(--br-warm-rgb),calc(.12 * var(--br-deko-staerke))),transparent 70%);-webkit-mask-image:var(--sr-auslauf-maske);mask-image:var(--sr-auslauf-maske)}.br-jahr__tafel{margin:0;padding:clamp(18px,3vw,34px) clamp(14px,3vw,36px) clamp(16px,2.4vw,26px)}.br-jahr__legende{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:clamp(36px,5vw,56px);font-size:.86rem;font-weight:550;color:var(--sr-ink)}.br-jahr__legende .sr-beispiel{margin-left:auto}.br-jahr__schild{display:inline-flex;align-items:center;gap:9px}.br-jahr__schild:before{content:"";width:22px;height:4px;border-radius:4px;box-shadow:0 0 10px rgba(var(--br-s),.8);background:rgb(var(--br-s))}.br-jahr__schild--kuehl{--br-s:var(--br-kalt-rgb)}.br-jahr__schild--heiz{--br-s:var(--br-warm-rgb)}.br-jahr__flaeche{position:relative;height:clamp(190px,26vw,300px)}.br-jahr__bild{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.br-jahr__raster{stroke:var(--sr-line);stroke-width:1;stroke-dasharray:2 6;vector-effect:non-scaling-stroke}.br-jahr__stop--kuehl{stop-color:rgb(var(--br-kalt-rgb));stop-opacity:.32}.br-jahr__stop--heiz{stop-color:rgb(var(--br-warm-rgb));stop-opacity:.32}.br-jahr__stop--leer{stop-color:rgb(var(--sr-bg-rgb));stop-opacity:0}.br-jahr__fl--kuehl{fill:url(#br-jahr-kuehl)}.br-jahr__fl--heiz{fill:url(#br-jahr-heiz)}.br-jahr__kurve{fill:none;stroke-width:3.5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.br-jahr__kurve--kuehl{stroke:rgb(var(--br-kalt-rgb));filter:drop-shadow(0 0 8px rgba(var(--br-kalt-rgb),.7))}.br-jahr__kurve--heiz{stroke:rgb(var(--br-warm-rgb));filter:drop-shadow(0 0 8px rgba(var(--br-warm-rgb),.7))}@media (prefers-reduced-motion:no-preference){.sr--js .br-jahr__tafel .br-jahr__kurve{stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--sr-ease) .3s}.sr--js .br-jahr__tafel .br-jahr__kurve--heiz{transition-delay:.6s}.sr--js .br-jahr__tafel .br-jahr__fl{opacity:0;transition:opacity 1.4s var(--sr-ease) 1.2s}.sr--js .br-jahr__tafel[data-sichtbar] .br-jahr__kurve{stroke-dashoffset:0}.sr--js .br-jahr__tafel[data-sichtbar] .br-jahr__fl{opacity:1}}.br-jahr__nadel{position:absolute;left:var(--br-x);top:-26px;bottom:0;width:0;z-index:2}.br-jahr__nadel--kuehl{--br-s:var(--br-kalt-rgb)}.br-jahr__nadel--heiz{--br-s:var(--br-warm-rgb)}.br-jahr__nadel-schild{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:1px;padding:7px 11px 8px;border-radius:10px;background:var(--sr-surface);box-shadow:0 0 0 1px rgba(var(--br-s),.55),0 10px 30px -12px rgba(var(--br-s),.75);transform:translateX(-50%);white-space:nowrap;font-size:.78rem;line-height:1.25;color:var(--sr-muted)}.br-jahr__nadel-schild b{font-size:.84rem;font-weight:650;color:var(--sr-ink)}.br-jahr__nadel-stab{position:absolute;left:-1px;top:48px;bottom:0;width:2px;background:repeating-linear-gradient(180deg,rgb(var(--br-s)) 0 5px,transparent 5px 9px);opacity:.85}.br-jahr__nadel-stab:after{content:"";position:absolute;left:-5px;bottom:-6px;width:12px;height:12px;border-radius:50%;background:rgb(var(--br-s));box-shadow:0 0 0 4px rgba(var(--br-s),.2),0 0 16px 2px rgba(var(--br-s),.8)}@media (prefers-reduced-motion:no-preference){.sr--js .br-jahr__tafel .br-jahr__nadel{opacity:0;transform:translateY(-14px);transition:opacity .7s var(--sr-ease),transform .7s var(--sr-ease);transition-delay:calc(1.6s + var(--sr-i, 0) * .26s)}.sr--js .br-jahr__tafel[data-sichtbar] .br-jahr__nadel{opacity:1;transform:none}.br-jahr__nadel-stab:after{animation:br-puls 2.4s ease-in-out infinite}}@keyframes br-puls{50%{box-shadow:0 0 0 9px rgba(var(--br-s),0),0 0 22px 4px rgba(var(--br-s),.9)}}.br-jahr__jetzt{position:absolute;left:var(--br-x);top:0;bottom:-14px;width:0;z-index:1}.br-jahr__jetzt-stab{position:absolute;left:-1px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--sr-accent) 30%,var(--sr-accent));box-shadow:0 0 14px rgba(var(--sr-glow-rgb),.7)}.br-jahr__jetzt-schild{position:absolute;top:-6px;left:6px;padding:2px 8px;border-radius:var(--sr-radius-pill);background:var(--sr-accent-soft);box-shadow:inset 0 0 0 1px var(--sr-accent-edge);font-family:var(--sr-font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--sr-accent-text)}.br-jahr__monate{display:grid;grid-template-columns:repeat(12,1fr);margin:10px 0 0;padding:10px 0 0;list-style:none;border-top:1px solid var(--sr-line)}.br-jahr__monate li{text-align:center;font-family:var(--sr-font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sr-muted)}.br-jahr__jetzt[data-seite=l] .br-jahr__jetzt-schild{left:auto;right:6px}@media (max-width:640px){.br-jahr__nadel-schild span{display:none}.br-jahr__monate li{font-size:0}.br-jahr__monate li:first-letter{font-size:.72rem}.br-jahr__legende .sr-beispiel{margin-left:0}.br-jahr__nadel-schild{padding:5px 8px 6px;font-size:.66rem}.br-jahr__nadel-schild b{font-size:.72rem}.br-jahr__nadel-stab{top:40px}.br-jahr__nadel[data-rand=l] .br-jahr__nadel-schild{transform:translateX(-30%)}.br-jahr__nadel[data-rand=r] .br-jahr__nadel-schild{transform:translateX(-70%)}}