/* Eifelradio weather 1.60. Scene, forecast and controls share one visual system. */
.weather-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px 24px;border-top:1px solid var(--line)}
.weather-head h1{font-size:clamp(32px,4vw,47px);letter-spacing:-1.6px;line-height:1.1}.weather-head p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:12px;line-height:1.6}.weather-heading-date{max-width:160px;text-align:right;font-size:13px;line-height:1.6;color:var(--muted)}
.weather-shell{--wx-dark:#183f37;--wx-accent:#dbeaa6;--wx-line:#d9e0d5;padding-bottom:26px}.weather-shell [hidden]{display:none!important}.weather-shell button{font:inherit;cursor:pointer}.weather-shell button:focus-visible,.weather-shell input:focus-visible{outline:3px solid #699c40;outline-offset:4px}.weather-shell button:disabled{cursor:wait;opacity:.6}
.weather-stage{position:relative;isolation:isolate;overflow:hidden;min-height:450px;background:linear-gradient(115deg,#163c36 20%,#597d7a);border-radius:var(--radius);color:#fff;box-shadow:0 16px 38px #1c493013;transition:background 1s}.weather-landscape{position:absolute;z-index:-3;right:0;bottom:66px;width:100%;height:85%;object-fit:cover;object-position:50% 69%;opacity:.48;mask-image:linear-gradient(0deg,#000 30%,transparent 100%)}.weather-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#143e36 0%,#143e36ee 20%,#143e3610 78%),linear-gradient(0deg,#163f34bb,transparent 55%);z-index:-2;pointer-events:none}
.weather-stage-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 32px 0}.weather-observation-label{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#dbe8d7}.weather-observation-label:before{content:'';display:inline-block;width:7px;height:7px;background:#ddeb9c;border-radius:50%;margin-right:10px}.weather-motion{border:1px solid #ffffff40;background:#163d3550;color:#f3f8e9;padding:9px 12px;border-radius:var(--control-radius);font-size:11px!important;min-height:38px;white-space:nowrap}.weather-motion:disabled{cursor:default}.weather-motion:hover{background:#143a35}
.weather-now{padding:25px 32px 30px;max-width:70%;position:relative;z-index:1;min-height:270px}.weather-now h2{color:white;font-size:clamp(29px,3.3vw,43px);line-height:1.15;letter-spacing:-1.2px;overflow-wrap:anywhere}.weather-now #weather-region{font-size:13px;color:#dae5dd;line-height:1.5;margin-top:5px}.weather-reading{display:flex;gap:25px;align-items:center;margin-top:18px}.weather-reading>strong{font-size:110px;line-height:1;letter-spacing:-6px;font-weight:600;font-variant-numeric:tabular-nums}.weather-reading>div{padding-top:5px;max-width:230px}.weather-reading #weather-icon{display:block;width:40px;height:40px;color:#e1edaf;margin-bottom:7px}.weather-glyph{display:block;width:100%;height:100%}.weather-reading p{font-size:17px;color:#fff;font-weight:600;line-height:1.4}.weather-reading small{display:block;color:#d3e2d6;font-size:11px;margin-top:7px}
.weather-scene-note{display:flex;gap:12px;position:absolute;right:32px;bottom:143px;max-width:260px;padding:14px 16px;background:#173d34b8;backdrop-filter:blur(8px);border:1px solid #ffffff30;border-radius:var(--control-radius)}.weather-scene-note>span{font-size:25px;line-height:1.1;color:#e4eeb8}.weather-scene-note small{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#dfe9c4}.weather-scene-note p{font-size:13px;line-height:1.6;margin-top:5px;color:white}
.weather-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#10372ed9;border-top:1px solid #ffffff26;position:relative;padding:20px 32px;gap:20px;min-height:112px}.weather-facts article{position:relative;border-right:1px solid #ffffff26;padding:0 15px 0 0}.weather-facts article:last-child{border-right:0}.weather-facts article>span:first-child{display:block;font-size:11px;letter-spacing:.6px;color:#d5e2d7;font-weight:600;line-height:1.6;margin-bottom:8px}.weather-facts strong{font-size:26px;letter-spacing:-.6px;white-space:nowrap;color:white}.weather-wind-lines{display:block;position:absolute;right:24px;bottom:7px;width:24px;height:23px;opacity:.55}.weather-wind-lines i{display:block;background:#dbeaa6;height:1px;width:20px;margin-bottom:6px;animation:wx-wind 2.7s ease-in-out infinite}.weather-wind-lines i:nth-child(2){width:13px;animation-delay:-.9s}.weather-wind-lines i:nth-child(3){width:17px;animation-delay:-1.6s}
.weather-scenery{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 25%,#000 65%)}.weather-orb{position:absolute;right:15%;top:65px;width:130px;aspect-ratio:1;border-radius:50%;background:#f2d578;box-shadow:0 0 0 20px #f1d67a0c,0 0 0 42px #f1d67a08,0 0 80px #efda8640;opacity:0;transition:opacity 1s}.weather-cloud{position:absolute;top:115px;right:11%;width:150px;height:44px;border-radius:100px;background:#c0d1cd;box-shadow:0 16px 25px #17322e12;opacity:.55;animation:wx-cloud 26s ease-in-out infinite alternate;transition:opacity 1s}.weather-cloud:before,.weather-cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;bottom:10px;width:75px;height:75px;left:20px}.weather-cloud:after{width:56px;height:56px;left:85px;bottom:3px}.weather-cloud-two{right:25%;top:210px;width:110px;scale:.75;opacity:.25;animation-delay:-13s;animation-duration:35s}.weather-cloud-three{right:0;top:220px;scale:1.2;opacity:.2;animation-delay:-8s;animation-duration:42s}
.weather-precipitation{display:none;position:absolute;inset:130px 2% 80px 52%;opacity:0;transition:opacity .8s}.weather-precipitation i{position:absolute;left:calc(var(--i) * 5.5%);top:-20px;width:1px;height:22px;background:#ecf5f5;opacity:.6;animation:wx-rain 1.3s linear infinite;animation-delay:calc(var(--i) * -.17s)}
[data-sky='clear-day'] .weather-orb,[data-sky='partly-cloudy-day'] .weather-orb{opacity:1;animation:wx-sun 9s ease-in-out infinite}[data-sky='clear-day'] .weather-cloud{display:none}[data-sky='partly-cloudy-day'] .weather-cloud-one{opacity:.9}[data-sky='clear-day'] .weather-stage{background:linear-gradient(115deg,#173e34 25%,#729385)}
[data-sky$='night'] .weather-stage{background:linear-gradient(115deg,#142d35,#344c67)}[data-sky$='night'] .weather-orb{animation:wx-moon 10s ease-in-out infinite;opacity:1;background:#f1ead1;box-shadow:0 0 42px #e8eddf20;width:96px;right:18%}[data-sky$='night'] .weather-orb:after{content:'';position:absolute;right:-10px;top:-12px;width:83px;height:83px;border-radius:50%;background:#344c60}[data-sky='clear-night'] .weather-cloud{display:none}
[data-sky='rain'] .weather-precipitation,[data-sky='thunderstorm'] .weather-precipitation,[data-sky='sleet'] .weather-precipitation,[data-sky='snow'] .weather-precipitation,[data-sky='hail'] .weather-precipitation{display:block;opacity:.8}[data-sky='rain'] .weather-stage,[data-sky='thunderstorm'] .weather-stage{background:linear-gradient(115deg,#193936,#4e686b)}[data-sky='rain'] .weather-cloud-one,[data-sky='thunderstorm'] .weather-cloud-one{opacity:.8;background:#829c9b}
[data-sky='snow'] .weather-precipitation i,[data-sky='hail'] .weather-precipitation i{width:5px;height:5px;border-radius:50%;animation-name:wx-snow;animation-duration:5s}[data-sky='fog'] .weather-cloud{filter:blur(14px);scale:2;opacity:.25}[data-sky='wind'] .weather-cloud{animation-duration:11s}[data-sky='unknown'] .weather-scenery,[data-sky='unknown'] .weather-wind-lines{visibility:hidden}
.weather-status-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0 32px;color:var(--muted);font-size:12px;line-height:1.6}.weather-station{font-size:11px;margin-top:3px}.weather-refresh{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--forest);padding:10px 3px;min-height:44px;font-size:12px!important;white-space:nowrap}
.weather-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:18px}.weather-section-head .eyebrow{font-size:10px;margin-bottom:8px}.weather-section-head h2{font-size:27px;line-height:1.2;letter-spacing:-.7px}.weather-section-head>p,.weather-section-head>a{font-size:13px;line-height:1.6;color:var(--muted);max-width:310px}.weather-section-head>a{text-decoration:underline}.weather-hour-section,.weather-alert-section{margin-top:34px}
.weather-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-block:1px solid var(--wx-line);padding:8px 0;gap:5px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.weather-day{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;text-align:left;min-width:0;padding:15px 12px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--ink);scroll-snap-align:start;transition:background .2s,color .2s,transform .2s}.weather-day>strong{font-size:14px}.weather-day>small{font-size:10px;color:var(--muted)}.weather-day-icon{width:32px;height:32px;color:var(--forest);margin:5px 0}.weather-day-temps{display:flex;flex-direction:column;gap:2px;text-align:right}.weather-day-temps b{font-size:23px;letter-spacing:-1px}.weather-day-temps>span{font-size:13px;color:var(--muted)}.weather-day-rain{font-size:10px;color:var(--muted);grid-column:1/-1}.weather-day[aria-pressed=true]{background:var(--wx-dark);color:#fff;box-shadow:0 3px 8px #183f3717}.weather-day[aria-pressed=true] :is(small,.weather-day-icon,.weather-day-temps>span,.weather-day-rain){color:#e4eccf}.weather-day:hover:not([aria-pressed=true]){background:#edf0e5}
.weather-explorer{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid var(--wx-line);border-radius:var(--radius);overflow:hidden;background:#fffef9}.weather-hour-focus{padding:24px;background:#eef1e3;position:relative}.weather-hour-focus>p:first-child{font-size:12px;font-weight:700;color:var(--forest);line-height:1.6}.weather-hour-focus>#weather-hour-symbol{width:53px;height:53px;color:#648648;margin:23px 0 10px}.weather-hour-focus>strong{display:block;font-size:62px;letter-spacing:-3px;line-height:1.1}.weather-hour-focus>#weather-hour-condition{font-size:14px;color:var(--muted);margin-top:7px}.weather-hour-detail{font-size:13px;margin-top:20px;display:grid;gap:12px}.weather-hour-detail>strong{font-size:14px;font-weight:700;border-bottom:1px solid #d2dcc4;padding-bottom:10px}.weather-hour-detail>span{display:flex;justify-content:space-between;gap:10px;font-weight:700}.weather-hour-detail small{font-size:12px;font-weight:400;color:var(--muted)}
.weather-timeline{padding:24px;min-width:0}.weather-chart-heading{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:14px}.weather-chart-heading>span{font-size:12px;color:var(--muted)}.weather-chart{width:100%;min-height:180px;touch-action:pan-y;cursor:crosshair}.weather-chart svg{display:block;width:100%;overflow:visible;max-height:235px}.weather-chart text{font-family:inherit;font-size:11px;fill:#65725f}.weather-chart-grid{stroke:#e8eadf;stroke-dasharray:3 4}.weather-chart-area{fill:#b4d382;opacity:.2}.weather-chart-line{fill:none;stroke:#537f3e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.weather-chart-point{fill:#537f3e;stroke:#fffef9;stroke-width:2}.weather-chart-point:not(.is-selected){opacity:.3}.weather-chart-point.is-selected{fill:#284e32;stroke-width:3}.weather-chart-guide{stroke:#73965d;stroke-dasharray:3 4;opacity:.65}
.weather-scrubber{padding:20px 2px 8px}.weather-scrubber label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}.weather-scrubber output{color:var(--forest);font-size:14px;font-weight:750}.weather-scrubber input{display:block;width:100%;height:38px;margin:5px 0;accent-color:#4e713b;cursor:ew-resize}.weather-slider-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.weather-hours{display:flex;gap:6px;overflow-x:auto;padding:15px 3px 7px;scrollbar-width:thin;scroll-snap-type:x proximity}.weather-hour{flex:0 0 65px;padding:10px 5px;border:1px solid #dbe2d2;border-radius:var(--control-radius);background:transparent;color:var(--ink);font-size:12px!important;scroll-snap-align:start;display:grid;gap:6px;justify-items:center}.weather-hour small{font-size:10px}.weather-hour-icon{width:23px;height:23px;color:#648648}.weather-hour>strong{font-size:16px}.weather-hour>span:last-child{font-size:9px;color:var(--muted)}.weather-hour[aria-pressed=true]{background:#eaf0dc;border-color:#759352;box-shadow:inset 0 -2px #759352}
.weather-alert-clear,.weather-alert-unavailable,.weather-alert{padding:20px 23px;border-radius:var(--radius);font-size:14px;line-height:1.7;background:#edf2e4;border:1px solid #dbe3ce}.weather-alert-clear:before{content:'✓';display:inline-grid;place-items:center;width:27px;height:27px;margin-right:12px;border-radius:50%;background:#d5e4bc;color:#355333;font-weight:800}.weather-alert-unavailable{background:#faf0dc;border-color:#e5d5b3}.weather-alert{border-color:#e6c69c;background:#fff4e5;margin-top:12px;border-left:4px solid #c98b3e}.weather-alert h3{font-size:19px;margin-bottom:10px}.weather-alert p{margin-top:8px}.weather-alert small{display:block;margin-top:12px;color:var(--muted)}.weather-source{font-size:11px;color:var(--muted);line-height:1.7;padding:23px 0 10px}.weather-source a{text-decoration:underline;text-underline-offset:3px}
@keyframes wx-moon{50%{transform:translateY(-5px)}}
@keyframes wx-cloud{from{transform:translateX(-35px)}to{transform:translateX(40px)}}@keyframes wx-sun{50%{transform:scale(1.055);box-shadow:0 0 0 25px #f1d67a0c,0 0 0 50px #f1d67a08,0 0 90px #efda8640}}@keyframes wx-rain{from{transform:translate(10px,-15px);opacity:0}15%{opacity:.55}to{transform:translate(-25px,185px);opacity:0}}@keyframes wx-snow{from{transform:translate(0,-15px);opacity:0}25%{opacity:.8}to{transform:translate(22px,185px);opacity:0}}@keyframes wx-wind{50%{transform:translateX(5px);opacity:.5}}
.weather-motion-paused .weather-stage *,.weather-offscreen .weather-stage *{animation-play-state:paused!important}
.tube-mode .weather-shell{--wx-dark:#59492e;--wx-line:#c6b58e}.tube-mode #inhalt .weather-stage{border:4px solid #9c8357;box-shadow:0 0 0 2px #e0c89b;border-radius:3px}.tube-mode #inhalt .weather-facts{background:#302c22e8}.tube-mode #inhalt .weather-facts article{border:0;border-right:1px solid #cfbd9260;background:transparent;box-shadow:none}.tube-mode #inhalt .weather-facts strong{color:#fff1ce}.tube-mode #inhalt .weather-facts span{color:#e5d1ab}.tube-mode #inhalt .weather-now h2{color:#fff4d9}.tube-mode .weather-explorer{background:#faf4e5;border-color:#c6b58e;border-radius:3px}.tube-mode .weather-hour-focus{background:#e8debf}.tube-mode .weather-day[aria-pressed=true]{background:#59492e}.tube-mode .weather-chart-line{stroke:#8d723c}.tube-mode .weather-chart-area{fill:#b79a5d}
@media(max-width:1000px){.weather-day{grid-template-columns:1fr;padding:12px 9px}.weather-day>small{display:none}.weather-day-temps{flex-direction:row;text-align:left;align-items:baseline;gap:7px}.weather-scene-note{right:24px;max-width:210px;font-size:12px}.weather-now{max-width:74%}.weather-explorer{grid-template-columns:210px minmax(0,1fr)}.weather-wind-lines{display:none}}
@media(max-width:700px){.weather-head{padding-block:24px 20px}.weather-heading-date{display:none}.weather-head h1{font-size:34px}.weather-head p:not(.eyebrow){font-size:14px}.weather-stage{min-height:0}.weather-stage-top{padding:18px 18px 0;gap:8px}.weather-observation-label{font-size:9px;letter-spacing:.4px}.weather-observation-label:before{width:5px;height:5px;margin-right:6px}.weather-motion{font-size:10px!important;min-height:40px;padding:7px 9px}.weather-now{padding:25px 22px 20px;max-width:100%;min-height:247px}.weather-now h2{font-size:31px;max-width:92%}.weather-reading{gap:22px;margin-top:23px}.weather-reading>strong{font-size:89px;letter-spacing:-5px}.weather-reading #weather-icon{width:31px;height:31px}.weather-reading p{font-size:15px}.weather-reading small{font-size:10px}.weather-scenery{mask-image:linear-gradient(90deg,transparent 25%,#000)}[data-sky$='night'] .weather-orb{right:6%;top:88px;width:75px}[data-sky$='night'] .weather-orb:after{width:66px;height:66px}.weather-orb{right:6%;top:105px;width:95px}.weather-cloud-one{right:-22%;top:175px}.weather-cloud-two{right:0;top:92px}.weather-cloud-three{display:none}.weather-landscape{height:74%;width:100%;bottom:100px;opacity:.32}.weather-scene-note{position:relative;right:auto;bottom:auto;max-width:none;margin:0 18px 18px;padding:10px 12px;align-items:center}.weather-scene-note p{margin-top:2px;font-size:12px}.weather-scene-note small{font-size:8px}.weather-facts{grid-template-columns:1fr 1fr;padding:18px 22px;gap:18px 22px}.weather-facts article:nth-child(2){border-right:0}.weather-facts strong{font-size:24px}.weather-facts article>span:first-child{font-size:10px;margin-bottom:5px}.weather-status-row{align-items:start;margin:14px 0 26px;font-size:11px}.weather-station{font-size:10px}.weather-refresh{font-size:11px!important}.weather-section-head{gap:12px;margin-bottom:15px}.weather-section-head h2{font-size:24px}.weather-section-head>p{display:none}.weather-section-head>a{font-size:11px;max-width:130px}.weather-days{grid-template-columns:repeat(7,89px);padding:7px 1px}.weather-day{padding:11px}.weather-day>small{display:block}.weather-day-icon{width:29px;height:29px}.weather-day-temps b{font-size:22px}.weather-hour-section,.weather-alert-section{margin-top:27px}.weather-explorer{grid-template-columns:1fr}.weather-hour-focus{display:grid;grid-template-columns:65px 1fr;column-gap:15px;padding:19px 20px;align-items:center}.weather-hour-focus>p:first-child{grid-column:1/-1;margin-bottom:15px;font-size:12px}.weather-hour-focus>#weather-hour-symbol{grid-column:1;grid-row:2/4;width:52px;height:52px;margin:0}.weather-hour-focus>strong{font-size:46px;grid-column:2;grid-row:2;letter-spacing:-2px}.weather-hour-focus>#weather-hour-condition{grid-column:2;grid-row:3;margin-top:3px;font-size:13px}.weather-hour-detail{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:16px}.weather-hour-detail>strong{grid-column:1/-1;padding-bottom:8px;font-size:12px}.weather-hour-detail>span{font-size:12px;gap:5px}.weather-hour-detail small{font-size:11px}.weather-timeline{padding:19px 14px}.weather-chart-heading{font-size:12px;margin-bottom:10px}.weather-chart{min-height:155px}.weather-chart svg{min-height:160px}.weather-scrubber{padding-top:10px}.weather-hours{padding-top:12px}.weather-alert-clear,.weather-alert-unavailable,.weather-alert{padding:16px;font-size:13px}.weather-source{font-size:10px}}
@media(prefers-reduced-motion:reduce){.weather-shell *, .weather-shell *:before,.weather-shell *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}