:root{--ink:#172b35;--muted:#71838a;--line:#e2e9e9;--paper:#fff;--canvas:#f3f7f6;--navy:#102d39;--teal:#0b877e;--teal-dark:#076c66;--mint:#dff5ef;--blue:#e9f1fb;--amber:#fff2d8;--rose:#fff0f2;--shadow:0 10px 30px rgba(19,48,57,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}.app-shell{max-width:1680px;margin:0 auto;padding:0 34px 28px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebea}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#d9f4ee;color:#087c74}.brand-mark svg{width:30px;height:30px}.brand-copy{display:flex;flex-direction:column;line-height:1.12}.brand-copy strong{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.5px}.brand-copy small{font-size:11px;color:var(--muted);margin-top:4px}.source-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:50px;border:1px solid #dce8e5;background:#f9fcfb;color:#587078;font-size:11px;font-weight:700;letter-spacing:.06em}.pulse-dot,.live-indicator{width:8px;height:8px;border-radius:50%;background:#24b88c;box-shadow:0 0 0 4px #e1f6ef}.header-actions{display:flex;align-items:center;gap:13px}.refresh-label{font-size:12px;color:var(--muted)}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:white;color:#4c666f;transition:.18s}.icon-button:hover{background:#eaf8f5;color:var(--teal);border-color:#c5e8df}.icon-button svg{width:19px;height:19px}.icon-button.is-loading svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}main{padding-top:26px}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 22px}.eyebrow{margin:0 0 7px;color:#7c8e94;font-size:10px;font-weight:800;letter-spacing:.12em}.intro-row h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-1.4px;line-height:1.18}.intro-row h1 span{color:var(--teal)}.intro-copy{margin:8px 0 0;color:#71838a;font-size:14px}.live-note{display:flex;align-items:center;gap:13px;min-width:255px;padding:14px 17px;background:#e8f6f1;border:1px solid #d9eee7;border-radius:15px}.live-indicator{width:9px;height:9px;flex:none}.live-note div{display:flex;flex-direction:column}.live-note strong{font-size:12px;color:#226858}.live-note small{margin-top:3px;color:#66877f;font-size:11px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.summary-card{min-height:74px;display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:0 3px 12px rgba(19,48,57,.025)}.summary-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-size:22px;font-weight:700}.icon-blue{background:var(--blue);color:#527eaf}.icon-green{background:var(--mint);color:#1b8e72}.icon-amber{background:var(--amber);color:#bd8734}.icon-teal{background:#e9f5f5;color:#39858b}.summary-card div{display:flex;flex-direction:column}.summary-card small{color:var(--muted);font-size:11px}.summary-card strong{margin-top:2px;font-family:Manrope,sans-serif;font-size:21px;line-height:1.2}.alert{padding:11px 14px;margin:0 0 14px;border:1px solid #f0dcb7;background:#fff8e9;color:#7c5c21;border-radius:12px;font-size:12px}.alert.error{border-color:#f0c6c8;background:#fff2f2;color:#903d48}.alert.hidden{display:none}.toolbar{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);margin-bottom:15px}.search-box{height:40px;min-width:250px;flex:1;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #e4ebeb;border-radius:10px;background:#f9fbfb;color:#829197}.search-box svg{width:17px;height:17px;flex:none}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search-box input::placeholder{color:#95a4a8}.search-box kbd{font-size:12px;color:#9ba9ad}select{height:40px;max-width:190px;padding:0 31px 0 11px;border:1px solid #e4ebeb;border-radius:10px;background-color:#fff;color:#526971;font-size:11px;outline:0}select:focus,.search-box:focus-within{border-color:#9ed7cb;box-shadow:0 0 0 3px #e4f4ef}.filter-button{height:40px;white-space:nowrap;padding:0 14px;border:1px solid #e4ebeb;border-radius:10px;background:#fff;color:#566c73;font-size:11px;font-weight:700}.filter-button span{margin-right:4px;color:#d19a37;font-size:16px;vertical-align:-1px}.filter-button[aria-pressed="true"]{background:#fff7e6;border-color:#f2d99f;color:#795a24}.view-tabs{display:none}.workbench{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:16px;align-items:start}.station-panel,.map-panel,.detail-panel{border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:var(--shadow)}.station-panel{overflow:hidden}.panel-heading{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #edf1f1}.panel-heading .eyebrow{margin-bottom:3px}.panel-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.4px}.panel-heading h2 span{margin-left:5px;color:#91a0a4;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500}.sort-caption{color:#8b9a9e;font-size:10px}.station-list{max-height:630px;overflow:auto;overscroll-behavior:contain}.station-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px 12px;width:100%;padding:13px 15px 12px;border:0;border-bottom:1px solid #edf1f1;background:white;text-align:left;color:var(--ink);transition:background .15s}.station-row:hover{background:#f7fbfa}.station-row.selected{background:#ecf7f4;box-shadow:inset 3px 0 var(--teal)}.station-top{display:flex;align-items:center;gap:8px;min-width:0}.station-marker{width:8px;height:8px;flex:none;border-radius:50%;background:#20a985;box-shadow:0 0 0 3px #e2f5ee}.station-marker.high{background:#e1a53f;box-shadow:0 0 0 3px #fff0d3}.station-marker.stale{background:#93a0a5;box-shadow:0 0 0 3px #eef1f2}.station-marker.none{background:#ca737b;box-shadow:0 0 0 3px #ffeff0}.station-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.station-water{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:16px;color:#71838a;font-size:10px}.station-value{grid-column:2;grid-row:1;align-self:center;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.4px;text-align:right;white-space:nowrap}.station-value small{margin-left:3px;color:#7d8c91;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;letter-spacing:0}.station-meta{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#8b989d;font-size:9px;white-space:nowrap}.station-meta .status-tag{max-width:95px;overflow:hidden;text-overflow:ellipsis}.status-tag,.status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:50px;background:#e9f6f0;color:#347864;font-size:9px;font-weight:700}.status-tag.high,.status-pill.high{background:#fff3db;color:#93681e}.status-tag.stale,.status-pill.stale{background:#eef1f2;color:#64747a}.status-tag.missing,.status-pill.missing{background:#fff0f1;color:#9c4953}.status-tag.comment,.status-pill.comment{background:#fff3e7;color:#9b6335}.favorite-button{display:grid;place-items:center;width:29px;height:29px;flex:none;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#a9b3b7;font-size:18px;line-height:1}.favorite-button:hover{background:#fff6e4;color:#ca9530}.favorite-button.active{color:#d49c33}.station-top .favorite-button{margin-left:auto;margin-right:1px}.loading-card{display:flex;align-items:center;gap:12px;padding:20px 16px;color:#63777d}.loading-card strong,.loading-card small{display:block}.loading-card strong{font-size:12px}.loading-card small{margin-top:4px;color:#91a0a4;font-size:10px}.spinner{width:19px;height:19px;border:2px solid #dcebe7;border-top-color:#188a80;border-radius:50%;animation:spin .8s linear infinite}.empty-list{padding:30px 20px;color:#87979b;text-align:center;font-size:12px}.map-and-detail{display:flex;flex-direction:column;gap:15px;min-width:0}.map-panel{overflow:hidden}.map-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #edf1f1}.map-toolbar>div:first-child{display:flex;flex-direction:column}.map-toolbar strong{font-size:12px}.map-toolbar small{margin-top:3px;color:#849398;font-size:10px}.map-legend{display:flex;align-items:center;gap:13px;color:#71838a;font-size:9px}.map-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.legend-dot{width:7px;height:7px;border-radius:50%;background:#20a985}.dot-high{background:#e1a53f}.dot-stale{background:#93a0a5}#map{height:570px;background:#e5edeb}.map-unavailable{height:570px;display:grid;place-items:center;padding:30px;color:#71838a;text-align:center}.map-unavailable.hidden{display:none}.detail-panel{min-height:225px;padding:19px}.detail-panel.empty{display:grid;place-items:center}.detail-empty{display:flex;align-items:center;gap:14px;color:#8b9a9f}.empty-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#ecf4f3;color:#36867e;font-size:27px}.detail-empty strong{color:#50666e;font-size:13px}.detail-empty p{margin:4px 0 0;max-width:360px;font-size:11px}.detail-content.hidden{display:none}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-heading .eyebrow{margin-bottom:4px;color:#258779}.detail-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.6px}.detail-meta{margin:4px 0 0;color:#71838a;font-size:11px}.favorite-button.large{width:37px;height:37px;border:1px solid #e7eded;background:#fff;font-size:22px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.reading-card{min-height:87px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 14px;border:1px solid #e3efec;border-radius:12px;background:#f1faf7}.reading-card.secondary{border-color:#e7edef;background:#f7f9fa}.reading-card>small{color:#809096;font-size:9px;font-weight:800;letter-spacing:.09em}.reading-card>strong{margin:3px 0 4px;font-family:Manrope,sans-serif;font-size:22px;line-height:1.1}.reading-card>span{color:#71838a;font-size:10px}.reading-card .status-pill{font-size:9px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}.chart-heading>div:first-child{display:flex;flex-direction:column}.chart-heading strong{font-size:12px}.chart-heading small{margin-top:3px;color:#8a999d;font-size:10px}.chart-wrap{position:relative;height:165px;border-radius:10px;background:linear-gradient(180deg,#fbfdfd,#f8faf9);overflow:hidden}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;padding:14px;color:#849398;text-align:center;font-size:11px}.chart-empty.hidden{display:none}.detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#849398;font-size:10px}.detail-footer a{white-space:nowrap;font-weight:700}.detail-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:22px 4px 4px;color:#819095;font-size:10px}.site-footer p{max-width:730px;margin:0;line-height:1.6}.site-footer p strong{color:#50666d}.site-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;text-align:right}.site-footer a{color:#527b7d;text-decoration:underline}.list-end{height:2px}.hidden{display:none!important}.leaflet-container{font:inherit}.leaflet-popup-content-wrapper{border-radius:12px}.leaflet-popup-content{margin:12px 14px}.map-popup strong{display:block;font-size:12px}.map-popup span{display:block;margin-top:3px;color:#61777c;font-size:11px}.leaflet-control-attribution{font-size:9px!important}
@media(max-width:1100px){.app-shell{padding-right:22px;padding-left:22px}.workbench{grid-template-columns:minmax(290px,340px) minmax(0,1fr)}.toolbar{flex-wrap:wrap}.search-box{min-width:230px}select{flex:1}.filter-button{flex:none}.map-legend{gap:8px}.map-legend span{font-size:8px}}
@media(max-width:760px){.app-shell{padding:0 13px 20px}.topbar{height:66px}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:17px}.source-badge{padding:7px 9px;font-size:9px}.source-badge .pulse-dot{width:6px;height:6px}.header-actions{gap:7px}.refresh-label{display:none}.icon-button{width:35px;height:35px}.intro-row{align-items:flex-start;flex-direction:column;gap:14px;margin-top:19px}.intro-row h1{font-size:29px}.intro-copy{font-size:12px}.live-note{min-width:0;width:100%;padding:11px 13px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.summary-card{min-height:64px;padding:10px}.summary-icon{width:32px;height:32px;font-size:18px}.summary-card small{font-size:9px}.summary-card strong{font-size:18px}.toolbar{gap:7px;padding:9px;border-radius:13px}.search-box{min-width:100%;height:39px;flex-basis:100%}.toolbar select{max-width:none;min-width:calc(50% - 5px);height:37px;font-size:10px}.filter-button{height:37px;padding:0 10px;font-size:10px}.view-tabs{display:flex;gap:5px;margin:0 0 10px;padding:4px;border-radius:10px;background:#e7efed}.view-tab{flex:1;height:34px;border:0;border-radius:8px;background:transparent;color:#71838a;font-size:11px;font-weight:700}.view-tab.active{background:#fff;color:#167f76;box-shadow:0 1px 4px #17353b16}.view-tab span{margin-left:4px;color:#9ba8ab}.workbench{display:block}.station-panel{margin-bottom:11px}.station-list{max-height:490px}.workbench.view-map .station-panel{display:none}.workbench.view-list .map-and-detail{display:none}.map-toolbar{height:58px;padding:0 11px}.map-toolbar strong{font-size:10px}.map-toolbar small{font-size:9px}.map-legend{gap:7px}.map-legend span{gap:3px;font-size:8px}.map-legend span:last-child{display:none}#map{height:min(62vh,500px);min-height:330px}.map-unavailable{height:330px}.detail-panel{padding:14px;min-height:190px}.detail-heading h2{font-size:19px}.detail-metrics{gap:7px;margin:12px 0}.reading-card{min-height:77px;padding:10px}.reading-card>strong{font-size:20px}.detail-footer{align-items:flex-start;flex-direction:column;gap:6px}.site-footer{flex-direction:column;padding-top:17px;font-size:9px}.site-footer>div{justify-content:flex-start;text-align:left}.sort-caption{font-size:9px}}
@media(max-width:380px){.source-badge{display:none}.map-legend span:nth-child(2){display:none}.station-row{padding-right:10px;padding-left:11px}.station-value{font-size:14px}}
/* Vorhersage und kompakte Bedienung */
.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.forecast-filter[aria-pressed="true"]{background:#fff4e7;border-color:#efd2aa;color:#8e612b}
.forecast-tag{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 5px;border-radius:5px;background:#fff2df;color:#9a672b;font-size:8px;font-weight:800;letter-spacing:.04em}
.forecast-section{margin-top:19px;padding-top:13px;border-top:1px solid #e8eeee}
.forecast-heading{margin-top:0}
.forecast-badge{display:inline-flex;align-items:center;flex:none;padding:5px 9px;border-radius:30px;background:#eef1f2;color:#617178;font-size:9px;font-weight:800}
.forecast-badge.pending{background:#edf3f5;color:#637b86}
.forecast-badge.available{background:#e7f5ee;color:#287457}
.forecast-badge.unavailable{background:#f1f3f4;color:#6d7e83}
.forecast-badge.error{background:#fff0ef;color:#a34d45}
.forecast-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;margin:7px 0 8px;color:#71838a;font-size:9px}
.forecast-legend span{display:inline-flex;align-items:center;gap:6px}
.legend-line{display:inline-block;width:19px;border-top:2px solid #3d7fa6}
.legend-line.predicted{border-color:#dc9140}
.legend-line.estimate{border-color:#8d79bd;border-top-style:dashed}
.legend-band{display:inline-block;width:17px;height:9px;border-radius:3px;background:rgba(222,151,67,.22);border:1px solid rgba(222,151,67,.35)}
.forecast-chart-wrap{height:205px}
#forecast-chart{display:block;width:100%;height:100%}
.forecast-note{margin:8px 0 0;color:#849398;font-size:9px;line-height:1.5}
.station-meta{gap:6px}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-chart-wrap{height:190px}.forecast-legend{gap:7px 11px;font-size:8px}.forecast-heading{align-items:flex-start}.forecast-badge{max-width:125px;white-space:normal;text-align:center;line-height:1.25}}
/* Fahrtvorbereitung, 14-Tage-Auswahl und interaktive Diagramme */
.service-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(19,48,57,.025)}
.service-heading{flex:none}.service-heading .eyebrow{margin-bottom:3px}.service-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.35px}
.service-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1}
.service-link{min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e8eeee;border-radius:11px;background:#fbfdfd;color:#526971;transition:background .15s,border-color .15s}
.service-link:hover{background:#eef8f5;border-color:#cde8df;text-decoration:none}
.service-link>span{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:8px;background:#e7f4f0;color:#168477;font-size:15px;font-weight:800}
.service-link>div{display:flex;flex-direction:column;min-width:0}
.service-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3}
.service-link small{margin-top:3px;color:#8b9a9e;font-size:8px;line-height:1.3}
.service-link>b{margin-left:auto;color:#92a4a8;font-size:11px}
.detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.reading-card.reference{border-color:#e2ecec;background:#f8fbfb}
.reading-card.reference>strong{font-size:17px}
.reference-note{margin:8px 0 0;color:#829195;font-size:9px;line-height:1.5}
.forecast-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0;color:#859397;font-size:10px}
.horizon-tabs{display:flex;gap:3px;padding:3px;border-radius:9px;background:#f0f4f3}
.horizon-tabs button{padding:5px 9px;border:0;border-radius:7px;background:transparent;color:#74868c;font-size:10px;font-weight:700}
.horizon-tabs button.active{background:#fff;color:#147e73;box-shadow:0 1px 3px #172b3518}
.chart-tooltip{position:absolute;z-index:5;display:flex;flex-direction:column;gap:5px;max-width:min(310px,calc(100% - 16px));padding:10px 12px;border:1px solid #dce8e5;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(19,48,57,.16);color:#526971;font-size:10px;line-height:1.35;pointer-events:none}
.chart-tooltip[hidden]{display:none}
.chart-tooltip>strong{margin-bottom:2px;color:#19333d;font-size:11px}
.chart-tooltip>span{display:flex;align-items:flex-start;gap:7px}
.chart-tooltip>span i{width:8px;height:8px;flex:none;margin-top:3px;border-radius:50%}
.chart-tooltip>span small{display:block}
@media(max-width:1100px){.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.service-shortcuts{align-items:flex-start;flex-direction:column;gap:10px}.service-links{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-shortcuts{padding:12px}.service-link{padding:8px}.service-link strong{font-size:9px}.service-link small{font-size:8px}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-card.reference{grid-column:auto}.forecast-controls{font-size:9px}.horizon-tabs button{padding:5px 7px;font-size:9px}.chart-tooltip{max-width:min(250px,calc(100% - 16px));font-size:9px}}
.detail-footer{flex-wrap:wrap}.detail-footer a{white-space:normal}


/* Schnellnavigation und ELWIS-Meldungen */
.top-nav{display:flex;align-items:center;gap:7px}
.top-nav a{padding:8px 11px;border:1px solid #e2ebea;border-radius:10px;background:#fff;color:#526971;font-size:11px;font-weight:700}
.top-nav a:hover{background:#eef8f5;border-color:#cde8df;text-decoration:none}
.forecast-chart-wrap.no-data{height:auto;min-height:50px;padding:12px 13px;background:#f7faf9}
.forecast-chart-wrap.no-data .chart-empty{position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;color:#63777d;text-align:left}
.forecast-chart-wrap.no-data .chart-empty.hidden{display:none}
.forecast-chart-wrap.no-data #forecast-empty-text{font-size:11px;line-height:1.45}
#forecast-retry{height:32px;flex:none;padding:0 10px;font-size:10px}
.news-section{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:var(--shadow)}
.news-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.news-heading-row h2{margin:0;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.65px}
.news-intro{margin:7px 0 0;color:#71838a;font-size:12px}
.news-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.news-updated{color:#819095;font-size:10px}
.news-source-link{padding:8px 10px;border:1px solid #dceae6;border-radius:9px;background:#f4faf8;font-size:10px;font-weight:800;white-space:nowrap}
.news-toolbar{display:flex;align-items:center;gap:9px;margin:16px 0 7px}
.news-search{min-width:250px;max-width:520px;height:39px;flex:1}
.news-search>span{font-size:17px}
.news-toolbar select{max-width:190px}
.news-count{margin-left:auto;color:#7e8d92;font-size:10px;white-space:nowrap}
.news-status{margin:0 0 10px;color:#819095;font-size:10px}
.news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.news-card{min-width:0;padding:14px;border:1px solid #e3ecea;border-radius:13px;background:#fff}
.news-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.news-location{color:#258779;font-size:10px;font-weight:800;line-height:1.4}
.news-status-pill{display:inline-flex;align-items:center;flex:none;padding:4px 8px;border-radius:30px;background:#e7f5ee;color:#287457;font-size:9px;font-weight:800}
.news-status-pill.upcoming{background:#fff4df;color:#93681e}
.news-status-pill.expired{background:#eef1f2;color:#6d7e83}
.news-card h3{margin:8px 0 10px;color:#263e46;font-size:13px;line-height:1.45}
.news-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:#74858a;font-size:9px}
.news-card-meta b{margin-right:3px;color:#526971;font-weight:800}
.news-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid #eef2f1}
.news-read-button{padding:7px 10px;border:0;border-radius:8px;background:#e9f6f1;color:#177c70;font-size:10px;font-weight:800}
.news-read-button:hover{background:#d9f0e7}
.news-card-actions>a,.news-detail>a{font-size:10px;font-weight:800}
.news-id{margin-left:auto;color:#97a3a6;font-size:9px}
.news-detail{margin-top:11px;padding:12px;border:1px solid #e7eeee;border-radius:10px;background:#f8fbfa}
.news-detail pre{max-height:440px;overflow:auto;margin:0;color:#526971;font-family:inherit;font-size:10px;line-height:1.6;white-space:pre-wrap}
.news-detail>a{display:inline-block;margin-top:10px}
.news-detail-error{margin:0 0 8px;color:#9b4d4d;font-size:10px}
.news-detail-loading,.news-loading{display:flex;align-items:center;gap:10px;color:#71838a;font-size:11px}
.news-loading{grid-column:1/-1;min-height:90px;justify-content:center;border:1px dashed #dce8e5;border-radius:12px}
.news-loading .spinner,.news-detail-loading .spinner{width:16px;height:16px}
.news-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;border:1px dashed #dce8e5;border-radius:12px;color:#71838a;font-size:11px}
.news-empty strong{color:#526971;font-size:13px}
.news-empty a{margin-top:4px;font-weight:800}
.news-source-note{margin:12px 0 0;color:#89979b;font-size:9px;line-height:1.5}
.news-more{display:block;margin:12px auto 0}
@media(max-width:1100px){.news-heading-row{flex-direction:column;gap:12px}.news-heading-actions{justify-content:flex-start}.news-list{grid-template-columns:1fr}.news-toolbar{flex-wrap:wrap}.news-search{max-width:none}}
@media(max-width:760px){.top-nav{display:none}.news-section{margin-top:12px;padding:14px}.news-heading-row h2{font-size:19px}.news-heading-actions{align-items:flex-start}.news-updated{width:100%}.news-toolbar{align-items:stretch;gap:7px}.news-search{min-width:100%;max-width:none;flex-basis:100%}.news-toolbar select{max-width:none;flex:1}.news-count{margin-left:auto;align-self:center}.news-card{padding:12px}.news-card-meta{gap:6px 10px}.news-card-actions{gap:9px}.forecast-chart-wrap.no-data{min-height:48px;padding:10px}.forecast-chart-wrap.no-data .chart-empty{align-items:flex-start}.forecast-chart-wrap.no-data #forecast-empty-text{font-size:10px}}
/* Unified measured-water and forecast chart */
.unified-water-chart{margin-top:14px;padding-top:0;border-top:0}.unified-water-chart .forecast-heading{margin-bottom:9px}.unified-water-chart #forecast-caption{max-width:760px;line-height:1.4}.unified-water-chart .forecast-chart-wrap{height:clamp(225px,30vh,330px)}.unified-water-chart .forecast-chart-wrap.no-data{height:auto;min-height:58px}.unified-water-chart .forecast-note{max-width:980px}
@media(max-width:760px){.unified-water-chart .forecast-chart-wrap{height:240px}.unified-water-chart #forecast-caption{max-width:100%}}

/* Priority list and map tile feedback */
.station-group-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f1f7f5;border-bottom:1px solid #e2ece9;color:#31575a;font-size:10px;letter-spacing:.02em}
.station-group-heading span{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:20px;background:#e0efea;color:#4d7772;font-size:9px;font-weight:700}
.map-load-status{display:flex;align-items:center;gap:7px;color:#71838a;font-size:9px;white-space:nowrap}
.map-load-status .filter-button{height:28px;padding:0 9px;font-size:9px}
.map-panel .leaflet-tile{background:#e8efed}
.draft-panel{margin-top:16px;padding:14px;border:1px solid #e4ecea;border-radius:13px;background:#fbfdfc}
.draft-heading h3{margin:0;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.25px}
.draft-heading>div>p:last-child{margin:4px 0 0;color:#71838a;font-size:10px}
.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}
.draft-grid label{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #e3ebea;border-radius:10px;background:#fff;color:#667a7e;font-size:10px;font-weight:700}
.draft-grid input{width:100%;height:36px;padding:0 9px;border:1px solid #dfe8e6;border-radius:8px;color:#243a42;font-size:13px;font-weight:700}
.draft-grid input:focus{outline:2px solid #bde4d8;border-color:#72beaa}
.depth-output{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:10px 11px;border:1px solid #dfece7;border-radius:10px;background:#f0f8f4}
.depth-output.secondary{border-color:#e3e9eb;background:#f5f7f8}
.depth-output small{color:#72858a;font-size:9px;font-weight:700}
.depth-output strong{margin:3px 0;font-family:Manrope,sans-serif;font-size:19px;line-height:1.2}
.depth-output span{color:#78898d;font-size:9px;line-height:1.35}
.draft-note{margin:10px 0 0;color:#71838a;font-size:9px;line-height:1.55}
.draft-note a{font-weight:700;text-decoration:underline}
@media(max-width:760px){.map-toolbar{height:auto;min-height:58px;flex-wrap:wrap;padding:8px 11px}.map-toolbar>div:first-child{flex:1;min-width:120px}.map-legend{order:3;width:100%;justify-content:flex-start}.map-load-status{margin-left:auto;font-size:8px}.draft-panel{padding:11px}.draft-grid{gap:7px}.draft-grid label{padding:8px;font-size:9px}.draft-grid input{height:35px;font-size:12px}.depth-output{min-height:72px;padding:9px}.depth-output strong{font-size:17px}.draft-note{font-size:9px}}
@media(max-width:380px){.map-load-status{width:100%;margin:0}.draft-grid{grid-template-columns:1fr}.draft-grid label{min-height:62px}.depth-output{min-height:65px}}
/* Separate map, wind card and transparent gauge-corridor planner */
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:34px 2px 13px}.section-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.5px}.section-heading p:not(.eyebrow){margin:5px 0 0;color:#71838a;font-size:12px;max-width:760px}.text-link{font-size:11px;font-weight:700;white-space:nowrap}.map-section,.planner-section{scroll-margin-top:16px}.map-section .map-panel{margin-top:0}.map-section #map{height:min(66vh,650px);min-height:390px}.wind-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:14px 16px;border:1px solid #dbe9e8;border-radius:13px;background:linear-gradient(110deg,#f1faf8,#f7fafc)}.wind-card h3{margin:0;font-family:Manrope,sans-serif;font-size:15px}.wind-card p:not(.eyebrow){margin:4px 0 0;color:#667c82;font-size:11px}.wind-card .eyebrow{margin-bottom:3px}.wind-reading{display:flex;flex-direction:column;text-align:right}.wind-reading strong{font-family:Manrope,sans-serif;font-size:24px;white-space:nowrap}.wind-reading span{color:#71838a;font-size:10px}.wind-card>a{padding:8px 11px;border:1px solid #dce9e7;border-radius:9px;background:white;font-size:10px;font-weight:700}.planner-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.planner-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;padding:16px;border-bottom:1px solid #edf1f1;background:#f8fbfa}.planner-controls label{display:flex;flex-direction:column;gap:6px;color:#61767c;font-size:10px;font-weight:700}.planner-controls select{width:100%;max-width:none;height:43px;font-size:12px}.planner-result{padding:16px}.planner-result>div{color:#435d64;font-size:12px;font-weight:700}.route-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;padding:0;list-style:none}.route-stations li{min-width:0}.route-stations button{display:flex;flex-direction:column;gap:4px;width:100%;height:100%;padding:11px 12px;border:1px solid #e5edeb;border-radius:10px;background:#fbfdfc;color:#30484f;text-align:left}.route-stations button:hover{border-color:#a7d4c8;background:#f1faf6}.route-stations strong{font-size:12px}.route-stations span{color:#75868b;font-size:10px}.planner-caveat{margin:12px 0 0;color:#78898e;font-size:10px;line-height:1.55}.legend-line.bfg{border-top:2px solid #286f86}.forecast-legend{flex-wrap:wrap;row-gap:6px}.map-panel .leaflet-container{font:inherit}.map-panel .leaflet-control-attribution{font-size:9px}.map-panel .leaflet-control-zoom a{width:38px;height:38px;line-height:38px;font-size:20px}
@media(max-width:760px){.section-heading{align-items:flex-start;flex-direction:column;gap:7px;margin-top:25px}.section-heading h2{font-size:21px}.section-heading p:not(.eyebrow){font-size:11px}.section-heading .text-link{white-space:normal}.map-section #map{height:58vh;min-height:350px;max-height:560px}.wind-card{gap:8px 11px;padding:12px}.wind-reading{flex:none}.wind-card>a{justify-self:start}.planner-controls{grid-template-columns:1fr;padding:12px;gap:10px}.planner-controls select{height:46px;font-size:16px}.planner-result{padding:12px}.route-stations{grid-template-columns:1fr}.route-stations button{min-height:52px}.planner-caveat{font-size:10px}.map-toolbar{align-items:flex-start}.map-legend{gap:10px}.map-panel .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}}
@media(max-width:380px){.map-section #map{min-height:320px}.wind-reading strong{font-size:20px}.forecast-legend{font-size:9px}}
@media(max-width:760px){.topbar{height:auto;min-height:66px;flex-wrap:wrap;padding:8px 0 9px;gap:7px}.top-nav{display:flex;order:4;width:100%;overflow-x:auto;gap:5px;padding-bottom:2px;scrollbar-width:thin}.top-nav a{flex:none;padding:8px 10px;font-size:10px}.header-actions{margin-left:auto}.view-tabs{display:none!important}.workbench{display:block}.workbench .station-panel{margin-bottom:11px}.workbench .detail-panel{margin-top:0}.map-section #map{touch-action:pan-x pan-y}.chart-wrap.forecast-chart-wrap{height:255px}.detail-panel{overflow:hidden}.detail-footer{overflow-wrap:anywhere}.site-footer>div span{overflow-wrap:anywhere}}

/* Pegelblick navigation and page layout refresh */
.app-shell{padding-bottom:100px}.page-section{display:none!important}body[data-page="dashboard"] .page-section[data-page="dashboard"],body[data-page="pegel"] .page-section[data-page="pegel"],body[data-page="route"] .page-section[data-page="route"],body[data-page="news"] .page-section[data-page="news"],body[data-page="tiefenkarte"] .page-section[data-page="tiefenkarte"]{display:block!important}
.bottom-nav{position:fixed;z-index:1200;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px;width:min(700px,calc(100vw - 32px));padding:8px;border:1px solid #dce6e7;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 38px rgba(18,46,58,.18);backdrop-filter:blur(12px)}.bottom-nav button{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:transparent;color:#668087;font-weight:700}.bottom-nav button>span{font-size:19px;line-height:1}.bottom-nav button small{font-size:11px}.bottom-nav button.active{background:#1262b2;color:#fff}.bottom-nav button:focus-visible{outline:3px solid #86c5ef;outline-offset:2px}
body[data-page="pegel"] .workbench{grid-template-columns:minmax(280px,350px) minmax(0,1fr)}body[data-page="route"] .planner-section>.section-heading{margin-bottom:16px}.planner-section>.map-panel{margin-top:16px}.planner-section #map{height:min(68vh,680px);min-height:380px}.forecast-chart-wrap{height:300px}.forecast-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.forecast-controls>span{color:#71838a;font-size:11px;font-weight:700}.horizon-tabs{display:flex;gap:5px}.horizon-tabs button{height:34px;padding:0 12px;border:1px solid #e2e9eb;border-radius:9px;background:#fff;color:#5e747b;font-size:11px;font-weight:700}.horizon-tabs button.active{border-color:#b6d5ec;background:#edf6fc;color:#176cbd}.forecast-legend{margin:8px 0;color:#617881;font-size:11px}.legend-line.observed{background:#176cbd}.chart-tooltip{max-width:min(320px,calc(100% - 16px));padding:10px 12px;border:1px solid #dbe6eb;border-radius:10px;background:#fff;box-shadow:0 8px 26px #15344322}.chart-tooltip strong{display:block;margin-bottom:5px;color:#1c3a4b;font-size:11px}.chart-tooltip span{display:block;margin-top:3px}.detail-heading+.detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-card{min-width:0}.reading-card>strong{overflow-wrap:anywhere}.planner-caveat a{font-weight:800;text-decoration:underline}.site-footer{padding-bottom:20px}
@media(max-width:760px){.app-shell{padding:0 12px 100px}.bottom-nav{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 18px);gap:3px;padding:6px;border-radius:16px}.bottom-nav button{min-height:49px;flex-direction:column;gap:1px;border-radius:11px}.bottom-nav button>span{font-size:17px}.bottom-nav button small{font-size:9px}.forecast-chart-wrap{height:260px}.forecast-controls{align-items:flex-start;flex-direction:column}.horizon-tabs{width:100%}.horizon-tabs button{flex:1}.detail-heading+.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-section>.map-panel{margin-top:12px}.planner-section #map{height:58vh;min-height:340px}.news-section{padding-bottom:12px}.news-heading-row{align-items:flex-start;flex-direction:column}.planner-card{grid-template-columns:1fr}.planner-controls{grid-template-columns:1fr}.planner-controls select{max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bottom-nav button{transition:none}}
body[data-page="dashboard"] .summary-grid{display:grid!important}body[data-page="pegel"] .toolbar{display:flex!important}body[data-page="pegel"] .workbench{display:grid!important}body[data-page="route"] .planner-section{display:block!important}body[data-page="news"] .news-section{display:block!important}
@media(max-width:760px){body[data-page="pegel"] .workbench{display:block!important}}
body[data-page="pegel"] .summary-grid{display:grid!important}

/* Pegelstand-Ansicht: große, kontrastreiche Werte und klare Diagramm-Hoverkarten */
.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.forecast-chart-wrap{height:390px;background:linear-gradient(180deg,#fff 0%,#fcfefe 100%);border:1px solid #e2eaec;border-radius:16px;box-shadow:0 5px 18px rgba(24,55,66,.045)}
.forecast-chart-wrap canvas{touch-action:pan-y;cursor:crosshair}
.detail-heading+.detail-metrics .reading-card>strong{font-size:clamp(23px,2vw,30px);letter-spacing:-.7px}
.station-value{font-size:19px;color:#163e58}.station-value small{font-size:12px;color:#647983}
.chart-tooltip{z-index:4;min-width:190px;max-width:min(290px,calc(100% - 16px));padding:12px;border:1px solid #cbdbe3;border-radius:13px;background:rgba(255,255,255,.98);box-shadow:0 12px 32px #17394d30;pointer-events:none}
.chart-tooltip>strong{display:block;margin:0 0 7px;padding-bottom:7px;border-bottom:1px solid #e8eef1;color:#506a77;font-size:12px}
.chart-tooltip .tooltip-reading{display:grid;grid-template-columns:10px 1fr;align-items:center;gap:2px 8px;margin:7px 0 0}
.chart-tooltip .tooltip-reading>i{grid-column:1;grid-row:1/4;width:8px;height:8px;border-radius:50%}
.chart-tooltip .tooltip-reading>small{grid-column:2;color:#6e818a;font-size:11px}
.chart-tooltip .tooltip-reading>strong{grid-column:2;color:#123f60;font-family:Manrope,system-ui,sans-serif;font-size:23px;line-height:1.15;letter-spacing:-.4px}
.chart-tooltip .tooltip-reading>time,.chart-tooltip .tooltip-reading>.tooltip-range{grid-column:2;color:#75868d;font-size:10px;font-style:normal}
.chart-tooltip>span:not(.tooltip-reading){display:block;padding:7px;color:#556d77;font-size:12px}
@media(max-width:900px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast-chart-wrap{height:340px}}
@media(max-width:760px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-chart-wrap{height:330px}.chart-tooltip{min-width:170px;padding:10px}.chart-tooltip .tooltip-reading>strong{font-size:21px}.detail-heading+.detail-metrics .reading-card>strong{font-size:24px}}
@media(max-width:380px){.forecast-chart-wrap{height:300px}.chart-tooltip{max-width:calc(100% - 12px)}}

/* Desktop-Gefuehl wie eine Pegel-Detailseite: Liste links, Auswahl stets rechts daneben. */
@media(min-width:641px){body[data-page="pegel"] .workbench{display:grid!important;grid-template-columns:minmax(250px,340px) minmax(0,1fr)!important;gap:16px;align-items:start}.workbench .station-list{max-height:min(70vh,780px)}.workbench .detail-panel{min-width:0}.workbench .detail-panel .chart-wrap{min-width:0}}
@media(max-width:640px){body[data-page="pegel"] .workbench{display:block!important}.workbench .station-list{max-height:45vh}.workbench .detail-panel{margin-top:12px}}
@media(max-width:980px){body[data-page="pegel"] .toolbar{flex-wrap:wrap}.toolbar .search-box{flex:1 1 100%;min-width:0}.toolbar select{flex:1 1 145px;max-width:none}.toolbar .filter-button{flex:1 1 auto}.forecast-controls{align-items:flex-start;flex-wrap:wrap}.horizon-tabs{flex-wrap:wrap}}
.bottom-nav-external{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:transparent;color:#668087;font-weight:700;text-decoration:none!important}.bottom-nav-external:hover{background:#edf5fb;color:#145fae}.bottom-nav-external>span{font-size:19px;line-height:1}.bottom-nav-external small{font-size:11px}.bottom-nav-external b{font-size:10px;color:#81939b}.forecast-legend .legend-line.observed{border-color:#3d7fa6;border-top-style:solid}.forecast-legend .legend-line.predicted{border-color:#176cbd;border-top-style:solid}.legend-band{display:inline-block;width:19px;height:8px;border:1px solid #8ab7c5;background:rgba(40,111,134,.10);border-radius:3px}
@media(max-width:760px){.bottom-nav-external{min-height:49px;flex-direction:column;gap:1px}.bottom-nav-external>span{font-size:17px}.bottom-nav-external small{font-size:9px}.bottom-nav-external b{display:none}.forecast-legend{font-size:10px}.horizon-tabs{width:100%}.horizon-tabs button{flex:1 1 auto}}

/* Startansicht: Pegel zuerst; Details öffnen sich erst nach Auswahl. */
body[data-page="pegel"] .service-shortcuts,body[data-page="pegel"] .summary-grid{display:none!important}
body[data-page="pegel"] .workbench:not(.has-selection){display:block!important}
.workbench:not(.has-selection) .detail-panel{display:none!important}
.workbench:not(.has-selection) .station-panel{width:100%;overflow:hidden}
.workbench:not(.has-selection) .station-list{display:block;max-height:none;overflow:visible;padding:0 8px 8px}
.station-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}
.station-group-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 3px 4px;color:#5f757d;font-size:12px;font-weight:800}
.workbench:not(.has-selection) .station-row{min-height:82px;padding:12px;border:1px solid #e4eceb;border-radius:12px;box-shadow:0 2px 8px rgba(24,53,61,.035)}
.workbench:not(.has-selection) .station-row:hover{border-color:#a8d8cc;background:#f5fbf8;transform:translateY(-1px)}
.workbench.has-selection{display:grid!important;grid-template-columns:minmax(260px,340px) minmax(0,1fr)!important;gap:16px;align-items:start}
.workbench.has-selection .station-list{max-height:min(74vh,820px);overflow:auto}
.workbench.has-selection .station-group{display:block;padding:0}
.workbench.has-selection .station-group-heading{padding:10px 13px 7px}
.workbench.has-selection .station-row{border:0;border-bottom:1px solid #edf1f1;border-radius:0;box-shadow:none;transform:none;padding:11px 12px}
.workbench.has-selection .detail-panel{min-width:0;scroll-margin-top:14px}
.detail-actions{display:flex;align-items:center;gap:6px}
.detail-close{display:none;width:37px;height:37px;border:1px solid #e1e9eb;border-radius:11px;background:white;color:#3c5964;font-size:25px;line-height:1}
@media(max-width:1000px){.station-group{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench.has-selection{grid-template-columns:minmax(235px,290px) minmax(0,1fr)!important}}
@media(max-width:800px){body[data-page="pegel"] .workbench.has-selection{display:block!important}.workbench.has-selection .station-panel{width:100%;margin:0}.workbench.has-selection .station-list{max-height:none;overflow:visible}.workbench.has-selection .detail-panel:not(.empty){position:fixed;z-index:2000;inset:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));height:auto;max-height:none;overflow:auto;margin:0;padding:14px;border-radius:18px;background:#fff;box-shadow:0 14px 44px rgba(10,34,45,.3);overscroll-behavior:contain}.detail-close{display:grid;place-items:center}.detail-heading{position:sticky;top:-14px;z-index:2;margin:-14px -14px 0;padding:14px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid #edf1f1}.detail-metrics{margin-top:12px}.forecast-chart-wrap{height:290px}.workbench:not(.has-selection) .station-list{padding:0 6px 8px}.station-group{grid-template-columns:1fr;padding:8px 4px}.station-group-heading{padding:9px 5px 4px}.workbench:not(.has-selection) .station-row{min-height:74px;padding:10px 11px}.detail-heading+.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body.detail-open{overflow:hidden}body.detail-open::after{content:"";position:fixed;z-index:1999;inset:0;background:rgba(12,32,43,.5);backdrop-filter:blur(2px);pointer-events:auto}.bottom-nav{z-index:1200}}
@media(max-width:420px){.workbench.has-selection .detail-panel:not(.empty){inset:max(4px,env(safe-area-inset-top)) 4px max(4px,env(safe-area-inset-bottom));padding:11px}.detail-heading{top:-11px;margin:-11px -11px 0;padding:11px}.forecast-chart-wrap{height:260px}.detail-heading+.detail-metrics .reading-card>strong{font-size:22px}}
.detail-close{display:grid;place-items:center;flex:none}
@media(max-width:1100px){body[data-page="pegel"] .toolbar{flex-wrap:wrap}.toolbar .search-box{flex:1 1 100%;min-width:0}.toolbar select{flex:1 1 150px;max-width:none}.toolbar .filter-button{flex:1 1 auto}}

/* Pegelblick Übersicht und direkt sichtbares Detailfenster */
.dashboard-section{padding-bottom:24px}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:3px 0 20px}.dashboard-hero h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(28px,3.6vw,42px);letter-spacing:-1.4px;line-height:1.15}.dashboard-hero h1 span{color:var(--teal)}.dashboard-live{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #d9eee7;border-radius:14px;background:#eaf7f2;white-space:nowrap}.dashboard-live>div{display:flex;flex-direction:column}.dashboard-live strong{font-size:12px;color:#226858}.dashboard-live small{margin-top:3px;color:#66877f;font-size:10px}.dashboard-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dashboard-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.dashboard-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.dashboard-card-heading .eyebrow{margin-bottom:3px;color:#798d92}.dashboard-card-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.45px}.dashboard-link{padding:7px 10px;border:1px solid #e5eded;border-radius:9px;background:#fff;color:#16796f;font-size:10px;font-weight:800;white-space:nowrap}.dashboard-link:hover{background:#eff9f5;border-color:#c8e5dc}.dashboard-gauges{display:flex;flex-direction:column;gap:7px}.dashboard-gauge{width:100%;min-height:64px;display:grid;grid-template-columns:31px minmax(0,1fr) auto 14px;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e8eeee;border-radius:12px;background:#fbfdfd;color:var(--ink);text-align:left;transition:background .15s,border-color .15s,transform .15s}.dashboard-gauge:hover{border-color:#b8ded2;background:#f2faf7;transform:translateY(-1px)}.dashboard-rank{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e8f5f1;color:#138476;font-size:11px;font-weight:900}.dashboard-gauge-main{display:flex;flex-direction:column;min-width:0}.dashboard-gauge-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dashboard-gauge-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#809095;font-size:9px}.dashboard-gauge-value{font-family:Manrope,sans-serif;font-size:16px;font-weight:900;text-align:right;white-space:nowrap}.dashboard-gauge-value small{display:block;margin-top:2px;color:#839297;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:500}.dashboard-arrow{color:#8ba0a3;font-size:15px}.dashboard-placeholder{padding:18px 12px;color:#7d8e93;font-size:11px}.dashboard-placeholder a{font-weight:800}.dashboard-news-card{margin-top:15px}.dashboard-news-list{display:flex;flex-direction:column}.dashboard-news-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:11px 5px;border:0;border-top:1px solid #edf1f1;background:#fff;color:var(--ink);text-align:left}.dashboard-news-row:hover{background:#f7fbfa}.dashboard-news-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fff2dc;color:#a26b14;font-weight:900}.dashboard-news-copy{min-width:0;display:flex;flex-direction:column}.dashboard-news-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dashboard-news-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#829196;font-size:10px}.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.dashboard-tip{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,#f9fcfb,#fff)}.dashboard-tip-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;background:#e5f4f0;color:#158276;font-size:19px}.dashboard-tip .eyebrow{margin-bottom:3px}.dashboard-tip strong{font-family:Manrope,sans-serif;font-size:13px}.dashboard-tip p:not(.eyebrow){margin:5px 0 7px;color:#71838a;font-size:10px}.dashboard-tip a{font-size:10px;font-weight:800}.workbench.has-selection .detail-panel:not(.empty){position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.workbench.has-selection .detail-panel:not(.empty) .detail-content{padding-bottom:4px}
@media(max-width:900px){.dashboard-gauge{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.dashboard-gauge>.dashboard-arrow{display:none}.dashboard-gauge-value{font-size:14px}}
@media(max-width:800px){.dashboard-hero{align-items:flex-start;flex-direction:column;gap:13px}.dashboard-live{padding:10px 12px}.dashboard-top-grid,.dashboard-bottom-grid{grid-template-columns:1fr;gap:11px}.dashboard-card{padding:14px}.dashboard-card-heading h2{font-size:18px}.dashboard-gauge{min-height:66px;grid-template-columns:30px minmax(0,1fr) auto}.dashboard-gauge-value{font-size:16px}.dashboard-gauge>.dashboard-arrow{display:block}.workbench.has-selection .detail-panel:not(.empty){position:fixed;top:max(8px,env(safe-area-inset-top));max-height:none;overflow:auto;scrollbar-gutter:auto}}
@media(max-width:420px){.dashboard-hero h1{font-size:29px}.dashboard-live{width:100%}.dashboard-gauge{grid-template-columns:27px minmax(0,1fr) auto;gap:6px;padding:8px}.dashboard-gauge-main strong{font-size:12px}.dashboard-gauge-value{font-size:14px}.dashboard-gauge-value small{font-size:8px}.dashboard-card-heading{align-items:flex-start}.dashboard-link{font-size:9px}}

/* Pegelauswahl: fester Splitbereich; der Chart füllt den verfügbaren Restplatz. */
@media(min-width:801px){
  body.detail-open{overflow:hidden!important}
  body.desktop-gauge-open .intro-row,body.desktop-gauge-open .toolbar,body.desktop-gauge-open #alert{display:none!important}
  body[data-page="pegel"] .workbench.has-selection{position:fixed!important;z-index:1100;top:86px;bottom:82px;left:max(34px,calc((100vw - 1612px)/2));right:max(34px,calc((100vw - 1612px)/2));width:auto;height:auto;max-height:none;overflow:hidden;display:grid!important;grid-template-columns:minmax(255px,300px) minmax(0,1fr)!important;align-items:stretch;gap:14px}
  body.desktop-gauge-open .station-panel{height:100%;min-height:0;display:flex;flex-direction:column}
  body.desktop-gauge-open .station-list{flex:1;min-height:0;max-height:none!important;overflow:auto;overscroll-behavior:contain}
  body.desktop-gauge-open .detail-panel:not(.empty){position:relative;top:auto;display:flex;flex-direction:column;height:100%;min-height:0;max-height:none;overflow:hidden;padding:12px}
  body.desktop-gauge-open #detail-content:not(.hidden){display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
  body.desktop-gauge-open .detail-heading{flex:none;align-items:center;margin:0}
  body.desktop-gauge-open .detail-heading h2{font-size:20px}
  body.desktop-gauge-open .detail-meta{margin-top:2px;font-size:10px}
  body.desktop-gauge-open .detail-metrics{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0}
  body.desktop-gauge-open .reading-card{min-height:56px;padding:7px 8px}
  body.desktop-gauge-open .reading-card>small{font-size:8px}
  body.desktop-gauge-open .reading-card>strong{margin:2px 0;font-size:19px}
  body.desktop-gauge-open .reading-card>span{font-size:9px}
  body.desktop-gauge-open .wind-card{flex:none;gap:4px 10px;margin:6px 0;padding:7px 10px}
  body.desktop-gauge-open .wind-card .eyebrow{display:none}
  body.desktop-gauge-open .wind-card h3{font-size:12px}
  body.desktop-gauge-open .wind-card p:not(.eyebrow){font-size:9px}
  body.desktop-gauge-open .wind-reading strong{font-size:19px}
  body.desktop-gauge-open .wind-source{display:none}
  body.desktop-gauge-open .forecast-section{display:flex;flex:1;flex-direction:column;min-height:0;margin:5px 0 0;overflow:hidden}
  body.desktop-gauge-open .forecast-heading{flex:none;margin:0 0 3px}
  body.desktop-gauge-open .forecast-heading strong{font-size:12px}
  body.desktop-gauge-open .forecast-heading small{font-size:9px}
  body.desktop-gauge-open .forecast-controls{flex:none;margin:3px 0}
  body.desktop-gauge-open .forecast-controls>span{font-size:9px}
  body.desktop-gauge-open .horizon-tabs{gap:3px}
  body.desktop-gauge-open .horizon-tabs button{height:26px;padding:0 8px;font-size:9px}
  body.desktop-gauge-open .forecast-legend{flex:none;margin:2px 0;font-size:9px}
  body.desktop-gauge-open .forecast-chart-wrap{flex:1;min-height:160px;max-height:clamp(220px,34vh,330px);height:auto!important}
  body.desktop-gauge-open .forecast-chart-wrap.no-data{flex:1;min-height:100px;max-height:clamp(180px,30vh,290px);height:auto!important}
  body.desktop-gauge-open .forecast-note,body.desktop-gauge-open .reference-note,body.desktop-gauge-open .detail-footer{display:none}
}
@media(max-width:800px){
  body[data-page="pegel"] .workbench.has-selection{position:static!important;inset:auto!important;width:auto;height:auto!important;max-height:none!important;overflow:visible!important;display:block!important}
  .workbench.has-selection .station-panel{height:auto;min-height:0;display:block}
  .workbench.has-selection .station-list{max-height:none!important;overflow:visible}
  .workbench.has-selection .detail-panel:not(.empty){position:fixed;top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));left:8px;right:8px;height:auto;max-height:none;overflow:auto}
}
/* Hard night-mode override for the gauge overlay and range controls. */
html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-panel:not(.empty){background:#14272f!important;border:1px solid #263f46!important;outline:0!important;box-shadow:0 16px 48px rgba(0,0,0,.72)!important}
html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-heading{background:#14272f!important;border-color:#263f46!important}
html[data-theme="dark"] body[data-page="pegel"] .forecast-chart-wrap{background:#14272f!important;border:1px solid #263f46!important;outline:0!important;box-shadow:none!important}
html[data-theme="dark"] body[data-page="pegel"] .horizon-tabs{background:#14272f!important;border:1px solid #263f46!important}
html[data-theme="dark"] body[data-page="pegel"] .horizon-tabs button{background:#203740!important;border:1px solid #405a62!important;color:#e4eff1!important;opacity:1!important}
html[data-theme="dark"] body[data-page="pegel"] .horizon-tabs button.active{background:#31556a!important;border-color:#72a7c5!important;color:#fff!important;box-shadow:0 0 0 2px rgba(114,167,197,.18)!important}
.forecast-source-note{padding:3px 7px;border:1px solid #dce6e6;border-radius:8px;background:#f3f7f6;color:#526970;font-size:10px!important;font-weight:700}
html[data-theme="dark"] .forecast-source-note{border-color:#3b555d;background:#1a3039;color:#c3d1d4}
@media(min-width:801px) and (max-height:640px){
  body.desktop-gauge-open .detail-panel:not(.empty){padding:10px}
  body.desktop-gauge-open .detail-heading h2{font-size:18px}
  body.desktop-gauge-open .detail-meta{display:none}
  body.desktop-gauge-open .detail-metrics{gap:5px;margin:6px 0}
  body.desktop-gauge-open .reading-card{min-height:50px;padding:5px 6px}
  body.desktop-gauge-open .reading-card>strong{font-size:17px}
  body.desktop-gauge-open .wind-card{margin:4px 0;padding:5px 8px}
  body.desktop-gauge-open .wind-card p:not(.eyebrow){display:none}
  body.desktop-gauge-open .forecast-heading{margin-bottom:1px}
  body.desktop-gauge-open .forecast-heading small{display:none}
  body.desktop-gauge-open .forecast-controls{margin:1px 0}
  body.desktop-gauge-open .forecast-legend{margin:1px 0;font-size:8px}
  body.desktop-gauge-open .forecast-chart-wrap{min-height:145px}
}
/* Zusatzdaten je Messstelle: Abfluss, regionale ELWIS-Filter und lokale Pegelalarme */
.detail-actions{gap:6px}
.detail-news-button,.detail-alarm-button{min-height:34px;padding:0 10px;border:1px solid #dce9e6;border-radius:10px;background:#f7fbfa;color:#47636a;font-size:10px;font-weight:800;white-space:nowrap}
.detail-news-button:hover,.detail-alarm-button:hover{border-color:#b7ddd1;background:#edf8f4;color:#137c70}
.detail-alarm-button{background:#eef7f4;color:#137c70}
.detail-freshness{display:block;margin-top:3px;color:#52766d;font-size:9px;line-height:1.25}
.detail-freshness.stale{color:#a65f42;font-weight:800}
.reading-card.discharge{min-width:0;border-color:#d8e8e5;background:#f4faf8}
.reading-card.discharge>strong{font-size:clamp(16px,1.5vw,22px);white-space:nowrap}
.reading-card.discharge>span{overflow-wrap:anywhere}
.news-scope{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:1px solid #cfe6df;border-radius:10px;background:#f1f9f6;color:#35675f;font-size:10px}
.news-scope[hidden],.news-scope.hidden{display:none}
.news-scope button{flex:none;border:0;background:transparent;color:#16796f;font-size:10px;font-weight:800}
.alarm-dialog{width:min(430px,calc(100% - 24px));padding:0;border:1px solid #dce8e5;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #102c3740}
.alarm-dialog::backdrop{background:#102c3770;backdrop-filter:blur(3px)}
.alarm-dialog form{padding:20px}
.alarm-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.alarm-dialog-heading .eyebrow{margin:0 0 3px;color:#788c91;font-size:9px}
.alarm-dialog-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:22px}
.alarm-station-name{margin:10px 0 18px;color:#557078;font-size:12px;font-weight:700}
.alarm-form-label{display:block;margin-bottom:7px;color:#526971;font-size:11px;font-weight:700}
.alarm-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,130px) auto;align-items:center;gap:8px}
.alarm-form-row select,.alarm-form-row input{height:42px;min-width:0;padding:0 10px;border:1px solid #dce7e5;border-radius:10px;background:#fff;color:var(--ink)}
.alarm-form-row>span{color:#70858a;font-size:12px;font-weight:800}
.alarm-dialog-note{margin:13px 0 16px;color:#76898d;font-size:10px;line-height:1.55}
.alarm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.alarm-dialog-actions .primary{border-color:#157f73;background:#157f73;color:#fff}
.alarm-toast{position:fixed;z-index:3200;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));width:min(480px,calc(100% - 24px));padding:12px 15px;border:1px solid #c5e3d7;border-radius:13px;background:#f1fbf6;color:#205d4e;box-shadow:0 12px 34px #193d3024;font-size:12px;font-weight:800;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.alarm-toast.visible{transform:translate(-50%,0);opacity:1}
@media(min-width:801px){body.desktop-gauge-open .detail-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:800px){.detail-actions{gap:4px}.detail-news-button,.detail-alarm-button{min-height:32px;padding:0 8px;font-size:9px}.detail-heading+.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-card.discharge{grid-column:1/-1}.alarm-dialog form{padding:16px}}
@media(max-width:380px){.detail-actions{gap:3px}.detail-news-button,.detail-alarm-button{padding:0 6px;font-size:8px}.alarm-dialog-heading h2{font-size:19px}}
/* Zusatzdaten je Messstelle: Abfluss, regionale ELWIS-Filter und lokale Pegelalarme */
.detail-actions{gap:6px}
.detail-news-button,.detail-alarm-button{min-height:34px;padding:0 10px;border:1px solid #dce9e6;border-radius:10px;background:#f7fbfa;color:#47636a;font-size:10px;font-weight:800;white-space:nowrap}
.detail-news-button:hover,.detail-alarm-button:hover{border-color:#b7ddd1;background:#edf8f4;color:#137c70}
.detail-alarm-button{background:#eef7f4;color:#137c70}
.detail-freshness{display:block;margin-top:3px;color:#52766d;font-size:9px;line-height:1.25}
.detail-freshness.stale{color:#a65f42;font-weight:800}
.reading-card.discharge{min-width:0;border-color:#d8e8e5;background:#f4faf8}
.reading-card.discharge>strong{font-size:clamp(16px,1.5vw,22px);white-space:nowrap}
.reading-card.discharge>span{overflow-wrap:anywhere}
.news-scope{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:1px solid #cfe6df;border-radius:10px;background:#f1f9f6;color:#35675f;font-size:10px}
.news-scope[hidden],.news-scope.hidden{display:none}
.news-scope button{flex:none;border:0;background:transparent;color:#16796f;font-size:10px;font-weight:800}
.alarm-dialog{width:min(430px,calc(100% - 24px));padding:0;border:1px solid #dce8e5;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #102c3740}
.alarm-dialog::backdrop{background:#102c3770;backdrop-filter:blur(3px)}
.alarm-dialog form{padding:20px}
.alarm-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.alarm-dialog-heading .eyebrow{margin:0 0 3px;color:#788c91;font-size:9px}
.alarm-dialog-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:22px}
.alarm-station-name{margin:10px 0 18px;color:#557078;font-size:12px;font-weight:700}
.alarm-form-label{display:block;margin-bottom:7px;color:#526971;font-size:11px;font-weight:700}
.alarm-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,130px) auto;align-items:center;gap:8px}
.alarm-form-row select,.alarm-form-row input{height:42px;min-width:0;padding:0 10px;border:1px solid #dce7e5;border-radius:10px;background:#fff;color:var(--ink)}
.alarm-form-row>span{color:#70858a;font-size:12px;font-weight:800}
.alarm-dialog-note{margin:13px 0 16px;color:#76898d;font-size:10px;line-height:1.55}
.alarm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.alarm-dialog-actions .primary{border-color:#157f73;background:#157f73;color:#fff}
.alarm-toast{position:fixed;z-index:3200;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));width:min(480px,calc(100% - 24px));padding:12px 15px;border:1px solid #c5e3d7;border-radius:13px;background:#f1fbf6;color:#205d4e;box-shadow:0 12px 34px #193d3024;font-size:12px;font-weight:800;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.alarm-toast.visible{transform:translate(-50%,0);opacity:1}
@media(min-width:801px){body.desktop-gauge-open .detail-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:800px){.detail-actions{gap:4px}.detail-news-button,.detail-alarm-button{min-height:32px;padding:0 8px;font-size:9px}.detail-heading+.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-card.discharge{grid-column:1/-1}.alarm-dialog form{padding:16px}}
@media(max-width:380px){.detail-actions{gap:3px}.detail-news-button,.detail-alarm-button{padding:0 6px;font-size:8px}.alarm-dialog-heading h2{font-size:19px}}
/* Abgeleitete Fahrrinnentiefe: kompakt in der vorhandenen Pegel-Kachel */
.reading-card.fairway{border-color:#d8e8e5;background:linear-gradient(145deg,#f0faf7,#f7fbfa)}
.reading-card.fairway>strong{color:#176f63;font-size:clamp(20px,1.7vw,24px);font-variant-numeric:tabular-nums}
.reading-card.fairway>span{font-size:10px;font-weight:700;color:#526f70}
.reading-card.fairway>.fairway-basis{margin-top:3px;color:#879797;font-size:8px;font-weight:600;letter-spacing:0}
.reading-card.fairway.unavailable{background:#f7f9f9;border-color:#e6ebeb}
.reading-card.fairway.unavailable>strong{color:#839195}
.reading-card.fairway.stale{border-style:dashed}
@media(max-width:760px){.reading-card.fairway>strong{font-size:20px}.reading-card.fairway>.fairway-basis{font-size:8px}}
.reading-card.fairway>span:not(.fairway-basis){font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.reading-card.fairway>.fairway-basis{font-size:9px}
@media(max-width:760px){.reading-card.fairway>span:not(.fairway-basis){font-size:11px}.reading-card.fairway>.fairway-basis{font-size:8px}}
.language-picker{position:relative;z-index:40;flex:none}
.language-trigger{height:40px;min-width:70px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;border:1px solid #dbe7e5;border-radius:12px;background:#fff;color:#34515a;box-shadow:0 2px 7px rgba(18,46,58,.045);transition:background .16s,border-color .16s,box-shadow .16s}
.language-trigger:hover,.language-trigger[aria-expanded=true],.language-trigger:focus-visible{border-color:#9bcfc3;background:#f8fcfa;box-shadow:0 0 0 3px rgba(18,132,119,.1);outline:0}
.language-trigger:active{transform:translateY(1px)}
#language-current-label{min-width:18px;color:#36555d;font-size:11px;font-weight:850;letter-spacing:.045em;text-align:center}
.language-flag{width:19px;height:13px;display:block;flex:none;overflow:hidden;border:1px solid rgba(20,47,57,.14);border-radius:3px;box-shadow:0 1px 2px rgba(10,30,36,.14)}
.language-flag[data-language=de]{background:linear-gradient(to bottom,#171717 0 33.33%,#d82f43 33.33% 66.66%,#f4c347 66.66%)}
.language-flag[data-language=nl]{background:linear-gradient(to bottom,#c93446 0 33.33%,#fff 33.33% 66.66%,#28558c 66.66%)}
.language-flag[data-language=en]{background-color:#234679;background-image:linear-gradient(33deg,transparent 39%,#fff 39% 45%,#c8102e 45% 49%,#fff 49% 54%,transparent 54% 60%),linear-gradient(-33deg,transparent 39%,#fff 39% 45%,#c8102e 45% 49%,#fff 49% 54%,transparent 54% 60%),linear-gradient(90deg,transparent 39%,#fff 39% 61%,transparent 61%),linear-gradient(0deg,transparent 34%,#fff 34% 66%,transparent 66%),linear-gradient(90deg,transparent 45%,#c8102e 45% 55%,transparent 55%),linear-gradient(0deg,transparent 41%,#c8102e 41% 59%,transparent 59%)}
.language-chevron{color:#819198;font-size:13px;line-height:1;transition:transform .16s}
.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;width:184px;padding:5px;border:1px solid #e1eae8;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(20,48,58,.17);transform-origin:top right;animation:language-menu-in .14s ease-out}
.language-menu[hidden]{display:none!important}
@keyframes language-menu-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.language-menu button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#405c64;text-align:left;font-size:12px;font-weight:650}
.language-menu button:hover,.language-menu button:focus-visible{outline:0;background:#f2f8f6;color:#146f65}
.language-menu button[aria-selected=true]{background:#edf7f4;color:#126f64;font-weight:800}
.language-check{margin-left:auto;color:#128477;opacity:0}
.language-menu button[aria-selected=true] .language-check{opacity:1}
@media(max-width:760px){.source-badge{display:none}.language-trigger{height:37px;min-width:66px;gap:6px;padding:0 8px}.language-flag{width:18px;height:12px}.language-menu{width:176px}.header-actions{gap:7px}}
@media(max-width:380px){.brand-copy small{display:none}.brand-copy strong{font-size:16px}.language-trigger{height:35px;min-width:62px;gap:5px;padding:0 6px}.language-flag{width:17px;height:11px}.language-menu{width:164px}}

/* Übersicht: kompakte Pegeltrends mit Messzeit und Prognosestatus */
.dashboard-gauge{grid-template-columns:30px minmax(0,1fr) 88px auto 12px;gap:9px;min-height:80px;padding:9px 10px}
.dashboard-gauge-main{gap:0}
.dashboard-gauge-main>small{font-size:9px}
.dashboard-forecast-row{display:flex;margin-top:4px}
.dashboard-forecast{display:inline-flex;align-items:center;min-height:17px;padding:1px 6px;border:1px solid #e6eceb;border-radius:99px;background:#f7f9f9;color:#75868a;font-size:8px;font-weight:700;white-space:nowrap}
.dashboard-forecast.available{border-color:#cce8dc;background:#edf8f2;color:#28745e}
.dashboard-gauge-trend{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.dashboard-trend-data{width:100%;display:flex;flex-direction:column;align-items:center;gap:1px}
.dashboard-sparkline{width:78px;height:24px;display:block;overflow:visible}
.dashboard-sparkline polyline{fill:none;stroke:#168c7c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dashboard-sparkline.down polyline{stroke:#397ca4}
.dashboard-sparkline.steady polyline{stroke:#74888d}
.dashboard-sparkline-empty{width:100%;height:24px;display:grid;place-items:center;color:#a0adaf;font-size:14px}
.dashboard-gauge-delta{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:800;line-height:1.1;white-space:nowrap;color:#267561}
.dashboard-gauge-delta.down{color:#426e89}
.dashboard-gauge-delta.steady{color:#718388}
.dashboard-trend-caption{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#849397;font-size:8px;line-height:1.15}
.dashboard-gauge-value{font-size:16px}
.dashboard-gauge-value small{font-variant-numeric:tabular-nums}
.dashboard-live{max-width:100%}
@media(max-width:900px){.dashboard-gauge{grid-template-columns:28px minmax(0,1fr) 78px auto;gap:7px}.dashboard-gauge>.dashboard-arrow{display:none}.dashboard-sparkline{width:70px}.dashboard-trend-caption{max-width:78px}}
@media(max-width:800px){.dashboard-gauge{grid-template-columns:28px minmax(0,1fr) 78px auto;min-height:78px}.dashboard-gauge>.dashboard-arrow{display:none}.dashboard-sparkline{width:70px}}
@media(max-width:420px){.dashboard-gauge{grid-template-columns:23px minmax(0,1fr) 58px auto;gap:5px;min-height:74px;padding:8px 7px}.dashboard-rank{width:23px;height:25px;font-size:10px}.dashboard-gauge-main strong{font-size:11px}.dashboard-gauge-main>small{font-size:8px}.dashboard-forecast{min-height:15px;padding:1px 5px;font-size:7px}.dashboard-gauge-trend{max-width:58px}.dashboard-sparkline{width:54px;height:22px}.dashboard-sparkline-empty{height:22px}.dashboard-gauge-delta{font-size:8px}.dashboard-trend-caption{max-width:56px;font-size:7px}.dashboard-gauge-value{font-size:13px}.dashboard-gauge-value small{font-size:8px}}

/* Autosteiger: eingebettete Originalkarte mit klarer Quellkennzeichnung und mobilem Layout */
body[data-page="autosteiger"] .page-section[data-page="autosteiger"]{display:block!important}
.autosteiger-section{padding:2px 0 28px}
.autosteiger-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:3px 0 16px}
.autosteiger-heading h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,38px);letter-spacing:-1px;line-height:1.15}
.autosteiger-heading .intro-copy{max-width:620px}
.autosteiger-open{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;padding:0 16px;border-radius:12px;background:#1262b2;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 14px rgba(18,98,178,.16)}
.autosteiger-open:hover{background:#0d5299;color:#fff;text-decoration:none;transform:translateY(-1px)}
.autosteiger-open span{font-size:16px}
.autosteiger-source-note{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px;padding:12px 14px;border:1px solid #dce9e6;border-radius:12px;background:#f5faf8;color:#61767b;font-size:11px;line-height:1.5}
.autosteiger-source-note p{margin:0}.autosteiger-source-note strong{color:#345d5b}.autosteiger-source-dot{width:9px;height:9px;flex:none;margin-top:4px;border-radius:50%;background:#238a74;box-shadow:0 0 0 4px #e5f3ee}
.autosteiger-frame-wrap{height:min(76dvh,850px);min-height:560px;overflow:hidden;border:1px solid #dce6e5;border-radius:17px;background:#e9f0ee;box-shadow:var(--shadow)}
.autosteiger-frame-wrap iframe{width:100%;height:100%;display:block;border:0;background:#eef4f2}
.autosteiger-credit{margin:8px 3px 0;color:#859397;font-size:9px;line-height:1.5}
@media(max-width:800px){.autosteiger-heading{align-items:stretch;flex-direction:column;gap:12px}.autosteiger-open{width:100%;min-height:46px}.autosteiger-source-note{font-size:10px}.autosteiger-frame-wrap{height:68dvh;min-height:520px;border-radius:14px}}
@media(max-width:420px){.autosteiger-frame-wrap{height:65dvh;min-height:460px}.bottom-nav button small,.bottom-nav-external small{font-size:8px}.bottom-nav{gap:2px}.bottom-nav button>span,.bottom-nav-external>span{font-size:16px}}

/* Kleine footer-links met aufklappbare, mobil lesbare Rechtshinweise */
/* Rechtliche Links: eine kompakte Footer-Leiste und ein einzelner lesbarer Dialog */
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 22px;padding-bottom:24px}
.site-footer>p:first-child{grid-column:1;grid-row:1}.site-footer>div:not(.legal-disclosures){grid-column:2;grid-row:1;max-width:520px}
.site-footer>.legal-links{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 7px;width:100%;margin:4px 0 0;padding:9px 10px;border:1px solid #e2eae9;border-radius:13px;background:linear-gradient(110deg,#f8fbfa,#fff)}
.legal-links-label{padding:0 6px;color:#859498;font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap}
.legal-links button{min-height:30px;padding:5px 10px;border:1px solid #e3ebea;border-radius:999px;background:#fff;color:#526d73;font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.legal-links button:hover{border-color:#b9ded5;background:#edf8f4;color:#126f64}.legal-links button:focus-visible{outline:3px solid #81c5bb;outline-offset:2px}
.legal-dialog:not([open]){display:none!important}
.legal-dialog{display:flex;flex-direction:column;width:min(860px,calc(100vw - 32px));height:min(88dvh,900px);max-height:min(88dvh,900px);padding:0;overflow:hidden;border:1px solid #dce7e5;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(10,35,45,.3)}
.legal-dialog::backdrop{background:rgba(12,32,43,.58);backdrop-filter:blur(3px)}
.legal-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #e7eeee;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.legal-dialog-header .eyebrow{margin:0 0 3px}.legal-dialog-header .detail-close{display:grid;place-items:center;flex:none}.legal-dialog-header h2{margin:0;color:#25434c;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.4px;line-height:1.25}
.legal-documents{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:7px 20px 20px;scrollbar-gutter:stable}
.legal-document[hidden]{display:none!important}.legal-copy{max-width:100%;padding:4px 2px 6px;color:#586d73;font-size:13px;line-height:1.7;text-align:left}
.legal-copy p{margin:10px 0}.legal-copy ul{padding-left:20px;margin:10px 0}.legal-copy li{margin:6px 0}.legal-copy a{font-weight:750;text-decoration:underline;text-underline-offset:2px}.legal-copy strong{color:#334f56}
.legal-copy h3{margin:17px 0 4px;color:#334e55;font-family:Manrope,sans-serif;font-size:13px;line-height:1.4}
.legal-copy .terms-status{padding:10px 12px;border:1px solid #f0dfb9;border-radius:10px;background:#fff9eb;color:#735c2b}
.legal-draft-note{margin:4px 20px 14px;color:#89979b;font-size:10px;line-height:1.5;text-align:center}
@media(max-width:760px){
  .site-footer{grid-template-columns:1fr;gap:10px}.site-footer>p:first-child,.site-footer>div:not(.legal-disclosures){grid-column:1;grid-row:auto}.site-footer>div:not(.legal-disclosures){max-width:none}
  .site-footer>.legal-links{gap:5px;padding:8px}.legal-links-label{flex-basis:100%;padding:0 3px 2px}.legal-links button{min-height:36px;padding:6px 11px;font-size:10px}
  .legal-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}
  .legal-dialog-header{min-height:70px;padding:12px 14px}.legal-dialog-header h2{font-size:19px}.legal-dialog-header .eyebrow{font-size:8px}
  .legal-documents{height:auto;max-height:none;padding:5px 15px 24px;scrollbar-gutter:auto}.legal-copy{font-size:13px;line-height:1.65}.legal-copy h3{font-size:14px}.legal-draft-note{margin:2px 14px 12px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.legal-links button{transition:none}}
/* Desktop: geöffnete Pegeldetails als fokussierter Split-Dialog mit klarer Abdunklung */
@media(min-width:801px){
  body.desktop-gauge-open::after{content:"";position:fixed;inset:0;z-index:1090;background:rgba(10,27,37,.58);backdrop-filter:blur(4px);pointer-events:auto}
  body.desktop-gauge-open .bottom-nav{z-index:1080!important}
  body[data-page="pegel"] .workbench.has-selection{padding:10px!important;border:1px solid rgba(255,255,255,.74);border-radius:22px!important;background:#f1f6f5!important;box-shadow:0 24px 80px rgba(5,23,32,.32)!important}
  body.desktop-gauge-open .station-panel,body.desktop-gauge-open .detail-panel:not(.empty){border-radius:15px;box-shadow:0 4px 16px rgba(18,46,58,.08)}
}
/* Übersicht: Datenfrische, niedrige relative Pegelstände und Favoriten */
.dashboard-freshness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.dashboard-freshness-item{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px 14px;border:1px solid #e2ecea;border-radius:14px;background:linear-gradient(145deg,#fbfdfc,#f4f9f8)}
.dashboard-freshness-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.dashboard-freshness-item strong{font-size:9px;letter-spacing:.09em;color:#71858a}
.dashboard-freshness-value{overflow-wrap:anywhere;font-size:12px;font-weight:800;color:#245d55;font-variant-numeric:tabular-nums}
.dashboard-freshness-value.stale{color:#a45c39}
.dashboard-freshness-item small{font-size:9px;line-height:1.35;color:#809095}
.freshness-dot{flex:none;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#24a47d;box-shadow:0 0 0 3px #e4f5ed}
.dashboard-freshness-value.stale~small,.dashboard-freshness-item:has(.dashboard-freshness-value.stale) .freshness-dot{color:#a45c39;background:#d78148;box-shadow:0 0 0 3px #fff1e5}
.dashboard-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}
.dashboard-section-note{margin:-3px 0 10px;color:#75878c;font-size:10px;line-height:1.45}
.dashboard-short-list{display:flex;flex-direction:column}
.dashboard-short-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto 14px;align-items:center;gap:9px;width:100%;min-height:54px;padding:8px 5px;border:0;border-top:1px solid #edf1f1;background:#fff;color:var(--ink);text-align:left;cursor:pointer}
.dashboard-short-row:hover,.dashboard-short-row:focus-visible{background:#f5faf8}
.dashboard-short-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e8f5f1;color:#168272;font-size:10px;font-weight:900}
.dashboard-short-rank.favorite{font-size:14px;color:#bd8c2e;background:#fff7e6}
.dashboard-short-main{display:flex;flex-direction:column;min-width:0}
.dashboard-short-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.dashboard-short-main small{margin-top:3px;color:#819095;font-size:9px}
.dashboard-short-value{font-size:12px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.dashboard-favorites-empty{width:100%;min-height:54px;padding:12px;border:1px dashed #d6e4e0;border-radius:11px;background:#f8fbfa;color:#53716c;text-align:left;font-size:11px;line-height:1.5;cursor:pointer}
.dashboard-news-updated{display:block;margin-top:4px;color:#879599;font-size:9px;font-variant-numeric:tabular-nums}
.dashboard-news-note{margin:0 0 5px}
#wind-status.stale{color:#a45c39;font-weight:700}
@media(max-width:800px){.dashboard-freshness{grid-template-columns:1fr;gap:7px;margin-bottom:12px}.dashboard-freshness-item{padding:10px 12px}.dashboard-extra-grid{grid-template-columns:1fr;gap:11px;margin-top:11px}.dashboard-short-row{min-height:52px}}
@media(max-width:420px){.dashboard-freshness-value{font-size:11px}.dashboard-short-row{grid-template-columns:24px minmax(0,1fr) auto 10px;gap:6px;padding:8px 3px}.dashboard-short-rank{width:23px;height:24px}.dashboard-short-main strong{font-size:11px}.dashboard-short-value{font-size:11px}.dashboard-section-note{font-size:9px}}.dashboard-news-row.is-old .dashboard-news-copy{opacity:.72}.dashboard-news-row.is-old .dashboard-news-mark{background:#f0f3f2;color:#738286}
.dashboard-freshness-value.stale{color:#813a1f}.dashboard-freshness-item small.stale{display:block;width:fit-content;max-width:100%;margin-top:4px;padding:4px 8px;border:1px solid #f0c7aa;border-radius:8px;background:#fff1e8;color:#713518;font-size:11px;font-weight:800;line-height:1.4}.dashboard-trend-row{grid-template-columns:28px minmax(0,1fr) auto 14px}.dashboard-trend-change{font-size:12px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap;color:#576e79}.dashboard-trend-change.up{color:#a26035}.dashboard-trend-change.down{color:#267569}.dashboard-trend-change.steady{color:#708188}@media(max-width:420px){.dashboard-trend-row{grid-template-columns:23px minmax(0,1fr) auto 10px;gap:6px;padding:8px 3px}.dashboard-trend-change{font-size:10px}}

/* Compact, accessible add-ons for gauge details; the chart canvas and forecast scales stay unchanged. */
.detail-share-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #dce9e6;border-radius:10px;background:#f7fbfa;color:#47636a;font-size:18px;font-weight:800;line-height:1}
.detail-share-button:hover{border-color:#b8ded3;background:#eaf7f3;color:#087d73}
.detail-quality{display:flex;align-items:flex-start;gap:9px;margin:-4px 0 9px;padding:9px 11px;border:1px solid #f0dfbf;border-radius:11px;background:#fff9ec;color:#765c2b}
.detail-quality.hidden{display:none}
.quality-mark{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#f3e6c7;font-weight:900;font-size:12px}
.detail-quality strong{font-size:10px}
.detail-quality p{margin:2px 0 0;font-size:10px;overflow-wrap:anywhere}
.detail-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}
.detail-extra{min-width:0;border:1px solid #e4eceb;border-radius:10px;background:#fbfdfc;overflow:hidden}
.detail-extra summary{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;list-style:none;cursor:pointer}
.detail-extra summary::-webkit-details-marker{display:none}
.detail-extra summary>span:first-child{display:flex;min-width:0;flex-direction:column}
.detail-extra summary strong{font-size:10px;line-height:1.3}
.detail-extra summary small{margin-top:2px;color:#829196;font-size:9px}
.extra-chevron{color:#78908e;font-size:17px;transition:transform .16s}
.detail-extra[open] .extra-chevron{transform:rotate(180deg)}
.extra-content{padding:0 10px 10px;color:#61757a;font-size:10px;line-height:1.45}
.extra-reading{display:flex;flex-direction:column;gap:3px}
.extra-reading>strong{color:#194e63;font-family:Manrope,sans-serif;font-size:19px;line-height:1.2}
.extra-reading>small,.extra-reading>span{color:#71838a;font-size:9px}
.extra-footnote{margin:6px 0 0;color:#849397;font-size:9px}
.nearby-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #edf1f1}
.nearby-row:last-of-type{border-bottom:0}
.nearby-row>span{display:flex;min-width:0;flex-direction:column}
.nearby-row strong{overflow:hidden;color:#35545c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.nearby-row small{margin-top:2px;color:#829196;font-size:9px}
.nearby-row b{flex:none;color:#187e70;font-family:Manrope,sans-serif;font-size:13px;white-space:nowrap}
.nearby-row b.falling{color:#3979a2}.nearby-row b.steady{color:#677a7e}.nearby-row b.unavailable{color:#9aa6a8;font-size:11px}
.forecast-heading{flex-wrap:wrap}
.forecast-extremes{display:flex;align-items:center;gap:10px;padding:5px 8px;border:1px solid #e4eeeb;border-radius:10px;background:#f7fbf9}
.forecast-extremes.hidden{display:none}
.forecast-extremes-source{max-width:94px;color:#75878b;font-size:8px!important;line-height:1.2;text-align:right}
.forecast-extremes>div{display:flex;min-width:0;flex-direction:column}
.forecast-extremes>div+div{padding-left:9px;border-left:1px solid #dfe9e6}
.forecast-extremes>div small{margin:0;color:#7e8e91;font-size:8px;line-height:1.2}
.forecast-extremes>div strong{margin-top:1px;color:#18566c;font-family:Manrope,sans-serif;font-size:13px;line-height:1.1;white-space:nowrap}
.forecast-extremes>div span{margin-top:2px;color:#89969a;font-size:8px;line-height:1.2}
@media(min-width:801px){body.desktop-gauge-open .detail-extras{flex:none;gap:5px;margin-bottom:5px}body.desktop-gauge-open .detail-extra summary{min-height:34px;padding:4px 8px}body.desktop-gauge-open .detail-extra summary small{font-size:8px}body.desktop-gauge-open .extra-content{padding:0 8px 7px;font-size:9px}body.desktop-gauge-open .extra-reading>strong{font-size:16px}body.desktop-gauge-open .nearby-row{padding:4px 0}body.desktop-gauge-open .nearby-row strong{font-size:10px}body.desktop-gauge-open .detail-quality{flex:none;margin:-3px 0 5px;padding:5px 8px}body.desktop-gauge-open .forecast-extremes{gap:6px;padding:3px 6px}body.desktop-gauge-open .forecast-extremes-source{max-width:72px}body.desktop-gauge-open .forecast-extremes>div strong{font-size:11px}body.desktop-gauge-open .forecast-extremes>div span{font-size:7px}}
@media(max-width:800px){.detail-actions{flex-wrap:nowrap}.detail-share-button{width:32px;height:32px}.detail-extras{grid-template-columns:1fr;gap:6px;margin:8px 0}.detail-extra summary{min-height:46px}.detail-quality{margin:8px 0}.forecast-heading{align-items:flex-start}.forecast-extremes{order:3;width:100%;justify-content:space-between}.forecast-extremes-source{max-width:none;text-align:left}.forecast-extremes>div{flex:1}.forecast-extremes>div strong{font-size:15px}.forecast-extremes>div span{font-size:9px}}
@media(max-width:420px){.detail-heading{gap:6px}.detail-heading h2{font-size:18px}.detail-actions{gap:3px}.detail-news-button,.detail-alarm-button{padding:0 6px;font-size:8px}.detail-share-button{width:29px;height:30px}.favorite-button.large{width:31px;height:31px}.forecast-extremes{gap:5px;padding:6px}.forecast-extremes>div+div{padding-left:6px}.forecast-extremes>div strong{font-size:13px}.forecast-extremes>div span{font-size:8px}}



/* Tiefenkarten: kuratierte Originalquellen, keine kopierten Tiefendaten */
.dashboard-depth-preview{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);align-items:center;gap:17px;margin-top:15px;padding:0;overflow:hidden}
.depth-preview-art{min-height:132px;background:linear-gradient(135deg,#e7f4ef,#f5faf7)}.depth-preview-art svg{display:block;width:100%;height:132px}
.dashboard-depth-copy{padding:15px 16px 15px 0;min-width:0}.dashboard-depth-copy .eyebrow{margin-bottom:5px}.dashboard-depth-copy h2{margin:0;font:800 18px Manrope,sans-serif;letter-spacing:-.35px}.dashboard-depth-copy p:not(.eyebrow){margin:6px 0 10px;color:#71838a;font-size:11px;line-height:1.5}
.depth-section{padding:2px 0 30px}.depth-heading{margin:3px 0 16px}.depth-heading h1{margin:0;font:800 clamp(28px,3vw,38px)/1.15 Manrope,sans-serif;letter-spacing:-1px}.depth-heading .intro-copy{max-width:760px}
.depth-disclaimer{display:flex;gap:12px;padding:15px 17px;border:1px solid #ecdcb9;border-radius:15px;background:#fff9ed;color:#745d30}.depth-disclaimer>span{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#f2e6c9;font-weight:900}.depth-disclaimer strong{font-size:12px}.depth-disclaimer p{margin:4px 0 0;font-size:11px;line-height:1.55}
.depth-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0}.depth-source-card{position:relative;display:flex;min-height:272px;flex-direction:column;align-items:flex-start;padding:19px;border:1px solid #e0e9e7;border-radius:17px;background:linear-gradient(150deg,#fff,#f7fbfa);box-shadow:var(--shadow);overflow:hidden}.depth-source-card:before{position:absolute;content:"";inset:0 0 auto;height:4px;background:linear-gradient(90deg,#148d7e,#74c4ad)}.depth-source-rhineplanner:before{background:linear-gradient(90deg,#176cbd,#70b4e9)}
.depth-source-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;margin-bottom:17px}.depth-source-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e8f5f1;color:#138476;font-size:25px;font-weight:800}.depth-source-rhineplanner .depth-source-icon{background:#edf5fc;color:#176cbd}.depth-source-tag{color:#70858a;font-size:8px;font-weight:900;letter-spacing:.08em;text-align:right}.depth-source-card .eyebrow{margin:0 0 4px;color:#71858a}.depth-source-card h2{margin:0;font:800 21px Manrope,sans-serif;letter-spacing:-.5px}.depth-source-card>p:not(.eyebrow){margin:7px 0 15px;color:#71838a;font-size:11px;line-height:1.55;max-width:520px}.depth-source-button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:0 15px;border-radius:11px;background:#1262b2;color:#fff!important;font-size:11px;font-weight:850}.depth-source-button:hover{background:#0c529a;text-decoration:none}.depth-source-card>small{margin-top:8px;color:#87969a;font-size:9px;line-height:1.4}
.depth-reading-guide{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:7px 24px;padding:19px;border:1px solid #e0e9e7;border-radius:16px;background:#fff}.depth-reading-guide .eyebrow{margin:0 0 4px}.depth-reading-guide h2{margin:0;font:800 18px/1.3 Manrope,sans-serif}.depth-reading-guide>p{margin:0;color:#657b80;font-size:11px;line-height:1.6}.depth-reading-guide .depth-source-credit{grid-column:2;color:#829196;font-size:10px}
.legal-translation-note{margin:0 0 10px;padding:9px 11px;border:1px solid #dce9e6;border-radius:10px;background:#f5faf8;color:#59716d;font-size:12px;line-height:1.5}.legal-translation-note[hidden]{display:none!important}
@media(max-width:760px){.dashboard-depth-preview{grid-template-columns:1fr}.depth-preview-art{min-height:104px}.depth-preview-art svg{height:104px}.dashboard-depth-copy{padding:0 14px 15px}.depth-source-grid{grid-template-columns:1fr;gap:11px}.depth-source-card{min-height:245px;padding:16px}.depth-source-card h2{font-size:19px}.depth-reading-guide{grid-template-columns:1fr;gap:9px;padding:15px}.depth-reading-guide .depth-source-credit{grid-column:1}.depth-disclaimer{padding:12px;font-size:10px}}


.depth-live-map{margin:15px 0;border:1px solid #dce8e6;border-radius:17px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.depth-live-map-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #edf2f1}.depth-live-map-heading .eyebrow{margin:0 0 4px;color:#71858a}.depth-live-map-heading h2{margin:0;font:800 20px Manrope,sans-serif;letter-spacing:-.4px}.depth-live-map-heading p:not(.eyebrow){margin:5px 0 0;color:#71838a;font-size:11px;line-height:1.5}.depth-external-badge{flex:none;padding:6px 9px;border:1px solid #dbe9e6;border-radius:999px;background:#f4faf8;color:#5f7a74;font-size:9px;font-weight:800}
.depth-map-placeholder{display:flex;align-items:center;gap:17px;min-height:195px;padding:22px;background:radial-gradient(ellipse at 15% 40%,#e2f2ed,transparent 45%),linear-gradient(120deg,#f7fbfa,#eef6f5)}.depth-map-placeholder-icon{display:grid;place-items:center;flex:none;width:56px;height:56px;border:1px solid #cde3dc;border-radius:17px;background:#fff;color:#18877b;font-size:34px}.depth-map-placeholder strong{font:800 16px Manrope,sans-serif}.depth-map-placeholder p{max-width:620px;margin:5px 0 10px;color:#71838a;font-size:11px;line-height:1.5}.depth-map-placeholder>div{min-width:0}.depth-map-placeholder a{margin-left:10px;color:#52716e;font-size:10px;font-weight:800}.depth-map-frame{display:block;width:100%;height:min(75vh,820px);min-height:520px;border:0;background:#f2f6f5}.depth-map-frame[hidden]{display:none!important}.depth-map-frame-footer[hidden]{display:none!important}.depth-map-frame-footer{display:flex;justify-content:space-between;gap:10px;padding:9px 13px;color:#829196;font-size:9px}.depth-map-frame-footer a{font-weight:800}
@media(max-width:760px){.depth-live-map{border-radius:14px}.depth-live-map-heading{padding:14px;flex-direction:column}.depth-map-placeholder{align-items:flex-start;min-height:210px;padding:16px;gap:12px}.depth-map-placeholder-icon{width:44px;height:44px;border-radius:13px;font-size:27px}.depth-map-placeholder p{font-size:10px}.depth-map-placeholder .depth-source-button{min-height:44px;width:100%}.depth-map-placeholder a{display:block;margin:10px 0 0}.depth-map-frame{height:68dvh;min-height:430px}.depth-map-frame-footer{font-size:8px}}


.depth-live-map{border-color:#d6e5e2;background:linear-gradient(180deg,#fff,#fbfdfc)}.depth-live-map-heading{align-items:center;padding:18px 20px;background:linear-gradient(110deg,#f6fbf9,#fff)}.depth-live-map-heading>div{min-width:0}.depth-live-map-heading h2{font-size:22px}.depth-external-badge{display:inline-flex;align-items:center;gap:6px}.depth-external-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#27a27d;box-shadow:0 0 0 3px #e4f5ed}
.depth-map-controls{display:flex;align-items:center;gap:9px;min-height:54px;padding:8px 12px;border-bottom:1px solid #e7eeec;background:#f8fbfa}.depth-map-controls[hidden]{display:none!important}.depth-map-controls>[role=status]{display:flex;align-items:center;gap:7px;flex:1;min-width:0;color:#55706e;font-size:10px;font-weight:750}.depth-map-controls>[role=status]:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#2ca27c;box-shadow:0 0 0 3px #e1f4ec}.depth-map-open-link,.depth-map-close{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #dce7e5;border-radius:10px;background:#fff;color:#47646b;font-size:10px;font-weight:800;white-space:nowrap}.depth-map-close{border-color:#d7e5e2;background:#eef6f3;color:#275d58;cursor:pointer}.depth-map-close:hover,.depth-map-open-link:hover{border-color:#a8d1c6;background:#e8f5f1;text-decoration:none}.depth-map-close span{font-size:17px;line-height:1}.depth-map-frame{height:min(76vh,860px);min-height:560px}.depth-map-frame-footer{padding:9px 14px;background:#fafcfb}
@media(max-width:760px){.depth-live-map-heading{align-items:flex-start;padding:15px}.depth-live-map-heading h2{font-size:19px}.depth-map-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px}.depth-map-controls>[role=status]{grid-column:1/-1;min-height:20px;font-size:9px}.depth-map-open-link,.depth-map-close{width:100%;min-height:44px;padding:0 7px;font-size:9px}.depth-map-frame{height:68dvh;min-height:430px}.depth-map-frame-footer{flex-direction:column;gap:4px;padding:8px 10px;font-size:8px}}


.mobile-more-toggle{display:none}
.mobile-more-menu[hidden]{display:none!important}
.mobile-more-menu{position:fixed;z-index:1215;left:50%;bottom:82px;transform:translateX(-50%);width:min(360px,calc(100vw - 24px));padding:9px;border:1px solid #dce6e7;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 16px 48px rgba(18,46,58,.24);backdrop-filter:blur(14px)}
.mobile-more-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 5px 9px 9px;color:#637a80;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.mobile-more-heading button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e2eaea;border-radius:10px;background:#fff;color:#49646a;font-size:21px;line-height:1}
.mobile-more-item{width:100%;min-height:47px;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:6px 10px;border:0;border-top:1px solid #edf1f1;border-radius:10px;background:transparent;color:#34545d;text-align:left;text-decoration:none!important}
.mobile-more-item.active{background:#eaf5f1;color:#126c61}.mobile-more-item:hover,.mobile-more-item:focus-visible{background:#f0f8f5;color:#145f58;outline:2px solid #b8ddd2;outline-offset:-2px}
.mobile-more-item>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf5f3;color:#197f73;font-size:16px}.mobile-more-item strong{font-size:12px}.mobile-more-item>b{color:#819297;text-align:center;font-size:16px}
@media(max-width:760px){
 .app-shell{padding-bottom:104px}
 .bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:4px;width:calc(100vw - 20px);padding:6px;border-radius:17px}
 .bottom-nav button{width:100%;min-width:0;min-height:53px;gap:2px;border-radius:11px}
 .bottom-nav button[data-view="autosteiger"],.bottom-nav button[data-view="news"],.bottom-nav .bottom-nav-external{display:none!important}
 .bottom-nav #mobile-more-toggle{display:flex}
 .bottom-nav button>span{font-size:19px;line-height:1}
 .bottom-nav button small{max-width:100%;font-size:10px;line-height:1.1;white-space:nowrap;letter-spacing:0}
 .mobile-more-menu{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 68px)}
}
@media(max-width:360px){.bottom-nav{width:calc(100vw - 14px);gap:3px;padding:5px}.bottom-nav button{min-height:51px}.bottom-nav button small{font-size:9px}.mobile-more-menu{width:calc(100vw - 18px)}}

/* Mobile depth map: full-screen workspace gives the external map and its info panels room. */
@media(max-width:760px){
 body.depth-map-mobile-open{overflow:hidden;overscroll-behavior:none}
 body.depth-map-mobile-open .depth-map-frame{position:fixed;z-index:3000;inset:0;width:100vw;height:100dvh;min-height:100dvh;max-height:none;border:0;border-radius:0}
 body.depth-map-mobile-open .depth-map-controls{position:fixed;z-index:3010;top:env(safe-area-inset-top,0px);right:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:7px;padding:8px 10px max(8px,env(safe-area-inset-bottom));border:0;border-bottom:1px solid #dce7e5;border-radius:0 0 14px 14px;background:rgba(255,255,255,.97);box-shadow:0 5px 18px rgba(18,46,58,.18);backdrop-filter:blur(14px)}
 body.depth-map-mobile-open .depth-map-controls>[role=status]{grid-column:1/-1;min-height:20px;font-size:10px}
 body.depth-map-mobile-open .depth-map-open-link,body.depth-map-mobile-open .depth-map-close{min-width:0;min-height:44px;padding:5px 8px;white-space:normal;text-align:center;line-height:1.2}
 body.depth-map-mobile-open .depth-map-frame-footer{display:none!important}
}

/* Accessible night/day theme. The external provider map keeps its own original appearance. */
html[data-theme="dark"]{color-scheme:dark;--ink:#e8f0f1;--muted:#a6b7bb;--line:#344b52;--paper:#1a3039;--canvas:#0f2027;--navy:#102c37;--teal:#56c5b1;--teal-dark:#79d4c3;--mint:#223c3a;--blue:#26394b;--amber:#493b27;--rose:#452f35;--shadow:0 12px 32px rgba(0,0,0,.25)}
html[data-theme="dark"] body{background:var(--canvas);color:var(--ink)}
html[data-theme="dark"] .topbar{border-color:var(--line)}
html[data-theme="dark"] :is(.summary-card,.toolbar,.station-panel,.map-panel,.detail-panel,.service-shortcuts,.news-section,.news-card,.dashboard-card,.dashboard-freshness-item,.depth-live-map,.depth-source-card,.depth-reading-guide,.legal-dialog,.alarm-dialog,.bottom-nav,.mobile-more-menu,.language-menu,.chart-tooltip,.detail-extra,.forecast-extremes,.reading-card,.forecast-controls,.toolbar,.top-nav a,.view-tabs,.horizon-tabs,.depth-disclaimer){background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.icon-button,.language-trigger,.search-box,select,.filter-button,.service-link,.station-row,.favorite-button.large,.detail-share-button,.mobile-more-heading button,.mobile-more-item,.mobile-more-item>span,.depth-map-open-link,.depth-map-close,.legal-links button,.alarm-form-row input,.alarm-form-row select){background-color:#203740;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .icon-button:hover,html[data-theme="dark"] .language-trigger:hover,html[data-theme="dark"] .language-trigger[aria-expanded=true]{background:#29434c;border-color:#55777d;color:#f1fbfb}
html[data-theme="dark"] :is(.station-row:hover,.service-link:hover,.mobile-more-item:hover,.mobile-more-item:focus-visible,.language-menu button:hover,.language-menu button:focus-visible,.top-nav a:hover){background:#243c44;color:var(--ink)}
html[data-theme="dark"] .station-row.selected,html[data-theme="dark"] .mobile-more-item.active,html[data-theme="dark"] .view-tab.active,html[data-theme="dark"] .language-menu button[aria-selected=true]{background:#244841;color:#d9fff2}
html[data-theme="dark"] :is(.brand,.station-name,.panel-heading h2,.dashboard-card h2,.news-card h3,.detail-heading h2,.depth-heading h1,.depth-source-card h2,.depth-reading-guide h2,.mobile-more-item strong,.legal-dialog h2,.alarm-dialog h2,.reading-card>strong){color:var(--ink)}
html[data-theme="dark"] :is(.eyebrow,.intro-copy,.brand-copy small,.refresh-label,.summary-card small,.panel-heading h2 span,.station-water,.station-meta,.dashboard-section-note,.dashboard-freshness-item small,.depth-source-card>p,.depth-source-card>small,.depth-reading-guide>p,.depth-live-map-heading p,.depth-map-frame-footer,.detail-footer,.detail-extra summary small,.extra-content,.extra-reading>small,.extra-reading>span,.forecast-extremes-source,.forecast-extremes>div small,.nearby-row small,.site-footer,.site-footer p,.site-footer>div,.news-card p,.news-card small,.dashboard-news-copy,.dashboard-short-main small,.mobile-more-heading){color:var(--muted)}
html[data-theme="dark"] :is(a,.site-footer a,.detail-footer a){color:#7ed2c2}
html[data-theme="dark"] :is(.search-box input,.search-box input::placeholder,input,textarea){color:var(--ink)}
html[data-theme="dark"] :is(.search-box input::placeholder){color:#9aafb4}
html[data-theme="dark"] :is(.source-badge,.search-box,.station-row,.service-link,.reading-card,.chart-wrap,.forecast-chart-wrap,.chart-tooltip,.view-tabs,.horizon-tabs,.forecast-extremes,.depth-map-controls,.depth-map-frame-footer,.mobile-more-menu,.language-menu,.detail-extra,.extra-content,.depth-reading-guide,.depth-disclaimer){background-color:#1d343d}
html[data-theme="dark"] .live-note{background:#1d3b38;border-color:#315750}
html[data-theme="dark"] .live-note strong{color:#b2f0d8}html[data-theme="dark"] .live-note small{color:#a5c9bb}
html[data-theme="dark"] :is(.summary-icon,.empty-icon,.depth-preview-art,.depth-map-placeholder,.depth-map-placeholder-icon,.depth-source-icon,.mobile-more-item>span){background-color:#263f46;color:#b6e9db}
html[data-theme="dark"] :is(.icon-blue,.depth-source-rhineplanner .depth-source-icon){background-color:#283d50;color:#b6d5f5}
html[data-theme="dark"] :is(.icon-green,.icon-teal){background-color:#24453e;color:#a8e4cf}
html[data-theme="dark"] :is(.icon-amber,.alert,.detail-quality,.depth-disclaimer){background-color:#403824;border-color:#695b36;color:#f1dba8}
html[data-theme="dark"] .alert.error{background:#432f34;border-color:#70464c;color:#ffc3c8}
html[data-theme="dark"] :is(.status-tag,.status-pill,.forecast-badge,.forecast-tag){background:#263d3b;color:#b9e8d7}
html[data-theme="dark"] :is(.status-tag.high,.status-pill.high,.forecast-filter[aria-pressed=true]){background:#433a28;color:#f5d891}
html[data-theme="dark"] :is(.status-tag.stale,.status-pill.stale,.forecast-badge.pending,.forecast-badge.unavailable){background:#2b3a40;color:#b9c7ca}
html[data-theme="dark"] :is(.status-tag.missing,.status-pill.missing,.forecast-badge.error){background:#432f34;color:#ffc3c8}
html[data-theme="dark"] .reading-card.secondary{background:#203039}
html[data-theme="dark"] .chart-wrap,html[data-theme="dark"] .forecast-chart-wrap{background:linear-gradient(180deg,#172c34,#14272f)}
html[data-theme="dark"] .chart-tooltip{background:rgba(22,42,50,.98);border-color:#405a62}
html[data-theme="dark"] .chart-tooltip :is(strong,span,small){color:var(--ink)}
html[data-theme="dark"] .depth-live-map-heading,html[data-theme="dark"] .depth-map-placeholder{background:linear-gradient(135deg,#1a3039,#203740)}
html[data-theme="dark"] .depth-map-controls{background:#1a3039;border-color:var(--line)}
html[data-theme="dark"] .depth-map-controls>[role=status]{color:#acd8ce}
html[data-theme="dark"] .depth-map-frame{background:#f2f6f5}
html[data-theme="dark"] .legal-links button{color:#b7d6d0}
html[data-theme="dark"] .language-menu button{color:var(--ink)}
html[data-theme="dark"] .mobile-more-item>b,html[data-theme="dark"] .mobile-more-heading button{color:#adbdc1}
html[data-theme="dark"] .detail-share-button:hover,html[data-theme="dark"] .favorite-button.large:hover{background:#3f3b2a;color:#f4d58b}
html[data-theme="dark"] .forecast-extremes>div strong,html[data-theme="dark"] .extra-reading>strong,html[data-theme="dark"] .nearby-row b{color:#95dfcf}
html[data-theme="dark"] .nearby-row{border-color:var(--line)}
html[data-theme="dark"] .reading-card>span,html[data-theme="dark"] .detail-extra summary{color:var(--muted)}
html[data-theme="dark"] .leaflet-popup-content-wrapper,html[data-theme="dark"] .leaflet-popup-tip{background:#1a3039;color:var(--ink)}
html[data-theme="dark"] .leaflet-popup-content span{color:var(--muted)}
html[data-theme="dark"] .leaflet-bar a,html[data-theme="dark"] .leaflet-bar a:hover{background:#1a3039;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .mobile-more-menu{box-shadow:0 16px 48px rgba(0,0,0,.48)}
html[data-theme="dark"] .theme-icon-sun{display:block}html[data-theme="dark"] .theme-icon-moon{display:none}
html[data-theme="light"] .theme-icon-sun{display:none}
.theme-toggle svg{width:20px;height:20px}
@media(max-width:760px){.theme-toggle{width:37px;height:37px;flex:none}}
@media(max-width:380px){.theme-toggle{width:35px;height:35px}}
html[data-theme="dark"] .source-badge{color:#b7c9cd}
html[data-theme="dark"] :is(.dashboard-news-row,.dashboard-short-row,.dashboard-trend-row){background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .dashboard-freshness-item{background:linear-gradient(145deg,#1a3039,#203740)}
html[data-theme="dark"] .wind-card{background:linear-gradient(110deg,#1d3b38,#203740);border-color:#355650}
html[data-theme="dark"] :is(.planner-card,.draft-panel,.news-source-link,.news-filter,.dashboard-favorites-empty){background:#1d343d;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .dashboard-trend-change.up{color:#f0bd75}html[data-theme="dark"] .dashboard-trend-change.down{color:#86d6bd}html[data-theme="dark"] .dashboard-trend-change.steady{color:#bac9cc}
html[data-theme="dark"] .chart-tooltip :is(.tooltip-time,.tooltip-series){color:#c1d0d3}
/* Contrast refinements for readings, small labels, and map surfaces in night mode. */
html[data-theme="dark"] .station-row{background-color:#192d35}
html[data-theme="dark"] .station-row.selected{background:#244940;box-shadow:inset 3px 0 #59c7b2}
html[data-theme="dark"] .station-row :is(.station-value,.station-name){color:#eef6f6}
html[data-theme="dark"] .station-value small,html[data-theme="dark"] .panel-heading h2 span,html[data-theme="dark"] .sort-caption,html[data-theme="dark"] .map-toolbar small{color:#a9bbc0}
html[data-theme="dark"] .panel-heading,html[data-theme="dark"] .detail-heading,html[data-theme="dark"] .news-card,html[data-theme="dark"] .dashboard-news-row,html[data-theme="dark"] .dashboard-short-row{border-color:#344b52}
html[data-theme="dark"] .quality-mark,html[data-theme="dark"] .depth-disclaimer>span{background:#55482c;color:#f5dfa9}
html[data-theme="dark"] :is(.chart-empty,.map-unavailable){background:#172c34;color:#bac9cc}
html[data-theme="dark"] .station-row:focus-visible,html[data-theme="dark"] .icon-button:focus-visible,html[data-theme="dark"] button:focus-visible{outline-color:#82d7c7}
html[data-theme="dark"] .bottom-nav button.active{background:#23564d;color:#e1fff5}
html[data-theme="dark"] .leaflet-tile{filter:brightness(.78) invert(.86) hue-rotate(180deg) saturate(.78) contrast(.94)}
html[data-theme="dark"] .leaflet-marker-icon,html[data-theme="dark"] .leaflet-marker-shadow{filter:none}
html[data-theme="dark"] .news-source-note,html[data-theme="dark"] .depth-source-credit{color:#a8b8bc}
html[data-theme="dark"] :is(.language-trigger,#language-current-label,.theme-toggle){color:#e3eff0}
html[data-theme="dark"] :is(.depth-map-placeholder-icon,.depth-source-icon,.mobile-more-item>span){box-shadow:none}
html[data-theme="dark"] select:focus,html[data-theme="dark"] .search-box:focus-within{border-color:#65bbaa;box-shadow:0 0 0 3px rgba(101,187,170,.18)}
/* Remaining light widgets: keep utility states, pegel details and small controls readable at night. */
html[data-theme="dark"] :is(.station-group-heading,.station-group-heading span,.dashboard-rank,.dashboard-news-mark,.dashboard-tip-icon,.dashboard-short-rank,.quality-mark,.depth-preview-art,.depth-map-placeholder-icon,.depth-source-icon){background:#263f46;color:#d6e6e8}
html[data-theme="dark"] :is(.draft-panel,.draft-grid label,.depth-output,.depth-output.secondary,.planner-controls,.route-stations button,.news-detail,.news-scope,.news-read-button,.news-source-note,.legal-translation-note,.dashboard-favorites-empty,.dashboard-forecast,.dashboard-forecast.available,.dashboard-link,.detail-news-button,.detail-alarm-button,.alarm-toast,.legal-links button,.depth-external-badge,.autosteiger-source-note,.autosteiger-frame-wrap){background:#1d343d;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .dashboard-live{background:#24453e;border-color:#355950}
html[data-theme="dark"] :is(.dashboard-link:hover,.route-stations button:hover,.detail-news-button:hover,.detail-alarm-button:hover,.legal-links button:hover,.news-read-button:hover){background:#29434b;color:#eaf5f5}
html[data-theme="dark"] .dashboard-gauge{background:#192f37;border-color:var(--line)}
html[data-theme="dark"] .dashboard-gauge:hover{background:#223b43}
html[data-theme="dark"] .dashboard-gauge.selected{background:#244940}
html[data-theme="dark"] .dashboard-short-rank.favorite{background:#51432a;color:#f4d993}
html[data-theme="dark"] .dashboard-news-mark{background:#403824;color:#f1dba8}
html[data-theme="dark"] .news-status-pill.upcoming{background:#493b27;color:#f2d99e}
html[data-theme="dark"] .news-status-pill.expired{background:#2b3a40;color:#b9c7ca}
html[data-theme="dark"] .dashboard-freshness-item small.stale{background:#493526;border-color:#77553c;color:#ffd4ad}
html[data-theme="dark"] .legal-copy .terms-status{background:#403824;border-color:#695b36;color:#f1dba8}
html[data-theme="dark"] .detail-close{background:#203740;color:#e6f0f1;border-color:var(--line)}
html[data-theme="dark"] .workbench.has-selection .detail-panel:not(.empty){background:var(--paper);border-color:var(--line)}
html[data-theme="dark"] .favorite-button:hover{background:#443b28;color:#f3d58b}
html[data-theme="dark"] .filter-button[aria-pressed="true"]{background:#493b27;border-color:#77633b;color:#f3d895}
html[data-theme="dark"] .news-card :is(h3,a){color:#e3f2f2}
html[data-theme="dark"] .dashboard-gauge-main strong,html[data-theme="dark"] .dashboard-short-rank{color:#e7f2f2}
html[data-theme="dark"] .detail-news-button,html[data-theme="dark"] .detail-alarm-button{color:#cee5e0}
html[data-theme="dark"] .autosteiger-frame-wrap iframe{background:#f1f3f4}
html[data-theme="dark"] .map-unavailable{border-color:var(--line)}
html[data-theme="dark"] .reading-card.fairway.unavailable{background:#263237;border-color:#43565b;color:#c5d0d2}
html[data-theme="dark"] .reading-card.discharge,html[data-theme="dark"] .reading-card.reference{background:#1d343d;border-color:var(--line)}
html[data-theme="dark"] .bottom-nav-external:hover{background:#263f46;color:#e8f5f5}
/* Final night-mode contrast: footer/legal panels, live count, and hover/focus states. */
html[data-theme="dark"] .site-footer>.legal-links{background:linear-gradient(110deg,#172b33,#1b3038);border-color:#3b535a;box-shadow:0 6px 18px rgba(0,0,0,.18)}
html[data-theme="dark"] .legal-links-label{color:#b2c4c8}
html[data-theme="dark"] .legal-links button{background:#243b43;border-color:#3c555d;color:#d9e8e9}
html[data-theme="dark"] .legal-links button:hover,html[data-theme="dark"] .legal-links button:focus-visible{background:#2d4a50;border-color:#5e9186;color:#effff9}
html[data-theme="dark"] .legal-dialog{background:#172a32;border-color:#40575d;color:#e6eff0}
html[data-theme="dark"] .legal-dialog-header{background:rgba(20,38,45,.98);border-color:#3b5158}
html[data-theme="dark"] .legal-dialog-header h2{color:#eaf3f4}
html[data-theme="dark"] .legal-copy{color:#c2d0d3}
html[data-theme="dark"] .legal-copy strong,html[data-theme="dark"] .legal-copy h3{color:#e2eeee}
html[data-theme="dark"] .legal-copy a{color:#85d8c8}
html[data-theme="dark"] .legal-draft-note{color:#e8ca8c}
html[data-theme="dark"] .dashboard-live strong{color:#e2fff4}
html[data-theme="dark"] .dashboard-live small{color:#b7d8cd}
html[data-theme="dark"] .workbench:not(.has-selection) .station-row:hover,html[data-theme="dark"] .workbench:not(.has-selection) .station-row:focus-visible{background:#263e46;border-color:#52746f;color:#f0f7f7;transform:translateY(-1px)}
html[data-theme="dark"] .workbench .station-row.selected:hover,html[data-theme="dark"] .workbench .station-row.selected:focus-visible{background:#2b5148;border-color:#65a99a;color:#f0fff8}
html[data-theme="dark"] .workbench .station-row :is(.station-name,.station-value){color:#f0f7f7}
html[data-theme="dark"] .workbench .station-row :is(.station-water,.station-meta,.station-value small){color:#c2d0d3}
@media(min-width:761px){.mobile-more-toggle,.mobile-more-menu{display:none!important}}
/* Dark-mode polish for dashboard travel tips and the mobile selected-gauge sheet. */
html[data-theme="dark"] .dashboard-tip{background:linear-gradient(120deg,#172c34,#1e363e);border-color:#3c545a;box-shadow:0 8px 22px rgba(0,0,0,.18)}
html[data-theme="dark"] .dashboard-tip strong{color:#e7f1f2}
html[data-theme="dark"] .dashboard-tip p:not(.eyebrow){color:#bdcdd0}
html[data-theme="dark"] .dashboard-tip .eyebrow{color:#9db2b7}
html[data-theme="dark"] .dashboard-tip a{color:#82d9c8}
html[data-theme="dark"] .dashboard-tip a:hover,html[data-theme="dark"] .dashboard-tip a:focus-visible{color:#b4f3e4;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){
 html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-panel:not(.empty){background:#14272f;border-color:#3b535a;box-shadow:0 16px 48px rgba(0,0,0,.62);color:#e6eff0}
 html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-heading{background:rgba(20,39,47,.98);border-color:#3b535a;color:#e6eff0;backdrop-filter:blur(12px)}
 html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-heading .eyebrow{color:#7bd0bf}
 html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-heading h2{color:#f0f7f7}
 html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-meta{color:#bfd0d3}
 html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection .detail-heading .detail-close{background:#243b43;border-color:#425d63;color:#e8f1f2}
}

/* Geöffnete Meldungen behalten das normale Kartenraster der Nachrichtenübersicht bei. */
.news-card:has(.news-detail){border-color:#cfe5df;box-shadow:0 10px 28px rgba(25,73,66,.08)}
.news-card:has(.news-detail) .news-card-actions>a{display:none}
.news-detail{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:clamp(15px,2.2vw,24px);border:1px solid #dce9e6;border-radius:14px;background:#f8fbfa}
.news-detail-heading{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid #e1ebe8}
.news-detail-heading>div{display:flex;flex-direction:column;gap:3px}
.news-detail-heading strong{color:#243d44;font-size:14px;font-weight:800}
.news-detail-heading small{color:#6d8287;font-size:11px}
.news-detail-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e5f3ee;color:#167d70;font-size:20px;font-weight:800}
.news-detail-text{max-width:92ch;color:#354d54;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.news-detail-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid #e1ebe8}
.news-detail-source{color:#71848a;font-size:11px}
.news-original-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid #cce4dc;border-radius:10px;background:#edf7f3;color:#14796d;font-size:12px;font-weight:800;text-decoration:none}
.news-original-link:hover,.news-original-link:focus-visible{background:#dff1e9;border-color:#9fcec0}
.news-detail-state{min-height:72px;justify-content:center}
.news-detail-state .news-detail-footer{justify-content:flex-start}
.news-detail-error{color:#963f47}
html[data-theme="dark"] .news-card:has(.news-detail){background:#192e36;border-color:#49665f;box-shadow:0 12px 30px rgba(0,0,0,.22)}
html[data-theme="dark"] .news-card:has(.news-detail) .news-card-actions{border-color:#3a5057}
html[data-theme="dark"] .news-card:has(.news-detail) .news-read-button{background:#294940;color:#c8f1e4}
html[data-theme="dark"] .news-detail{background:#14272f;border-color:#3b535a;color:#e2eeee}
html[data-theme="dark"] .news-detail-heading{border-color:#354b53}
html[data-theme="dark"] .news-detail-heading strong{color:#edf6f6}
html[data-theme="dark"] .news-detail-heading small,html[data-theme="dark"] .news-detail-source{color:#afc2c6}
html[data-theme="dark"] .news-detail-mark{background:#25443e;color:#9ce1ce}
html[data-theme="dark"] .news-detail-text{color:#d4e1e3}
html[data-theme="dark"] .news-detail-footer{border-color:#354b53}
html[data-theme="dark"] .news-original-link{background:#203b3c;border-color:#42675e;color:#a8e9d7}
html[data-theme="dark"] .news-original-link:hover,html[data-theme="dark"] .news-original-link:focus-visible{background:#294b47;border-color:#639487;color:#d9fff2}
html[data-theme="dark"] .news-detail-error{color:#ffb9bd}
html[data-theme="dark"] .news-detail-loading{color:#c1d1d4}
@media(max-width:760px){.news-detail{gap:12px;margin-top:12px;padding:14px}.news-detail-text{font-size:14px;line-height:1.75}.news-detail-footer{align-items:stretch;flex-direction:column}.news-original-link{width:100%}}

/* Tiefenkarte: großzügige, gut bedienbare Desktopfläche. */
@media(min-width:1100px){
 .depth-section{padding:4px 0 40px}
 .depth-heading{margin-bottom:20px}
 .depth-heading .intro-copy{max-width:920px;font-size:15px;line-height:1.65}
 .depth-disclaimer{max-width:none;padding:17px 20px}
 .depth-disclaimer p{font-size:12px}
 .depth-live-map{margin:22px 0 26px;border-radius:20px}
 .depth-live-map-heading{padding:22px 26px}
 .depth-live-map-heading h2{font-size:24px}
 .depth-live-map-heading p:not(.eyebrow){max-width:820px;font-size:13px}
 .depth-map-controls{position:sticky;top:0;z-index:5;min-height:62px;padding:10px 16px;box-shadow:0 4px 12px rgba(26,57,64,.06)}
 .depth-map-controls>[role=status]{font-size:12px}
 .depth-map-open-link,.depth-map-close{min-height:42px;padding:0 15px;font-size:12px}
 .depth-map-frame{height:clamp(620px,calc(100dvh - 280px),980px);min-height:620px}
 .depth-map-frame-footer{padding:12px 16px;font-size:10px}
 .depth-source-grid{gap:18px;margin:20px 0}
 .depth-source-card{min-height:290px;padding:23px}
 .depth-source-card h2{font-size:23px}
 .depth-source-card>p:not(.eyebrow){font-size:13px;line-height:1.65}
 .depth-source-button{min-height:46px;padding:0 17px;font-size:12px}
 .depth-reading-guide{gap:10px 30px;padding:22px}
 .depth-reading-guide h2{font-size:20px}
 .depth-reading-guide>p{font-size:12px}
}

/* Meldungsdetails kompakt halten, mit eigenem klar erkennbarem Lesefeld. */
.news-detail{gap:9px;margin-top:10px;padding:11px;border-radius:12px}
.news-detail-heading{gap:9px;padding-bottom:8px}
.news-detail-heading strong{font-size:13px}
.news-detail-heading small{font-size:10px}
.news-detail-mark{width:29px;height:29px;border-radius:9px;font-size:17px}
.news-detail-text{width:100%;max-width:100%;max-height:220px;overflow:auto;overscroll-behavior:contain;padding:10px 12px;border:1px solid #e1ebe8;border-radius:10px;background:#fff;color:#354d54;font-size:12px;line-height:1.65;scrollbar-color:#b7cbc5 #f1f6f4}
.news-detail-footer{gap:8px;padding-top:8px}
.news-detail-source{font-size:10px}
.news-original-link{min-height:34px;padding:7px 10px;font-size:11px}
.news-detail-state{min-height:68px}
.news-detail-error{font-size:12px;line-height:1.55}
html[data-theme="dark"] .news-detail-text{background:#192e36;border-color:#3d555b;color:#d8e5e7;scrollbar-color:#526f73 #1b3037}
html[data-theme="dark"] .news-detail-error{color:#ffd0a3}
@media(max-width:760px){.news-detail{gap:8px;padding:10px}.news-detail-text{max-height:200px;padding:9px 10px;font-size:12px;line-height:1.6}.news-detail-footer{gap:8px}.news-detail-footer .news-original-link{width:100%}}

/* Geöffnete Meldung als einzelnes, kompaktes Dialogfenster über der Liste. */
body.news-detail-open{overflow:hidden}
body.news-detail-open::before{content:"";position:fixed;inset:0;z-index:2600;background:rgba(13,32,40,.62);backdrop-filter:blur(3px)}
.news-card-open{position:fixed;z-index:2601;top:50%;left:50%;width:min(700px,calc(100vw - 36px));max-height:min(86dvh,820px);overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%,-50%);padding:16px;border-color:#b9d8cf;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(4,19,25,.34)}
.news-card-open .news-card-actions{position:sticky;top:-16px;z-index:2;margin:0 -16px 10px;padding:10px 16px;background:#fff;border-bottom:1px solid #e5eeeb;border-top:0}
.news-card-open .news-detail{margin-top:0}
html[data-theme="dark"] body.news-detail-open::before{background:rgba(0,0,0,.74)}
html[data-theme="dark"] .news-card-open{background:#192e36;border-color:#49665f;box-shadow:0 24px 80px rgba(0,0,0,.56)}
html[data-theme="dark"] .news-card-open .news-card-actions{background:#192e36;border-color:#3a5057}
@media(max-width:760px){
 body.news-detail-open{overscroll-behavior:none}
 .news-card-open{top:max(8px,env(safe-area-inset-top));right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;width:auto;max-height:none;transform:none;padding:13px;border-radius:16px}
 .news-card-open .news-card-actions{top:-13px;margin:0 -13px 8px;padding:9px 13px}
 .news-card-open .news-card-meta{gap:5px 10px}
 .news-card-open .news-detail-text{max-height:min(32dvh,250px)}
}

/* Pegel in der Nähe: aktuellen Stand und 24-h-Änderung getrennt und klar anzeigen. */
.nearby-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto);align-items:center;gap:12px;padding:9px 0}
.nearby-station-info{display:flex;min-width:0;flex-direction:column}
.nearby-station-info>strong{overflow:hidden;color:#35545c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.nearby-station-info>small{margin-top:3px;color:#829196;font-size:9px}
.nearby-readings{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.nearby-current-block,.nearby-trend-block{display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:3px}
.nearby-current{display:inline-flex;padding:4px 8px;border:1px solid #d7ebe3;border-radius:8px;background:#eaf6f1;color:#176c5e;font-family:Manrope,sans-serif;font-size:15px;font-weight:900;line-height:1.15;white-space:nowrap}
.nearby-current-block>small,.nearby-trend-block>small{max-width:220px;color:#74878b;font-size:8px;line-height:1.35;text-align:right}
.nearby-trend-block>b{font-size:12px}
html[data-theme="dark"] .nearby-station-info>strong{color:#e6f1f2}
html[data-theme="dark"] .nearby-current{background:#24443d;border-color:#3f665b;color:#b7f1dc}
html[data-theme="dark"] .nearby-current-block>small,html[data-theme="dark"] .nearby-trend-block>small{color:#b4c5c8}
html[data-theme="dark"] .nearby-row{border-color:#3a5057}
@media(min-width:801px){body.desktop-gauge-open .nearby-row{grid-template-columns:minmax(0,1fr) minmax(160px,auto);gap:8px;padding:6px 0}body.desktop-gauge-open .nearby-current{font-size:13px;padding:4px 6px}body.desktop-gauge-open .nearby-current-block>small,body.desktop-gauge-open .nearby-trend-block>small{font-size:7px}}
@media(max-width:480px){.nearby-row{grid-template-columns:minmax(0,1fr) minmax(120px,auto);gap:7px}.nearby-readings{gap:7px}.nearby-current{padding:4px 6px;font-size:13px}.nearby-current-block>small,.nearby-trend-block>small{max-width:140px;font-size:7px}.nearby-trend-block>b{font-size:10px}}

/* Pegel-Details als explizites Accordion: nur der gewählte Bereich ist sichtbar. */
.detail-extra-toggle{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:0;background:transparent;color:var(--ink);text-align:left}
.detail-extra-toggle>span:first-child{display:flex;min-width:0;flex-direction:column}
.detail-extra-toggle strong{font-size:12px;line-height:1.35}
.detail-extra-toggle small{margin-top:3px;color:#71858a;font-size:10px}
.detail-extra-toggle:hover{background:#f1f8f5}
.detail-extra-toggle:focus-visible{outline:3px solid rgba(39,143,124,.35);outline-offset:-3px}
.detail-extra.is-open{border-color:#aacfc3;background:#f9fcfb}
.detail-extra.is-open .extra-chevron{transform:rotate(180deg)}
.extra-content[hidden]{display:none!important}
.detail-extra .extra-content:not([hidden]){display:block;padding:8px 11px 11px;border-top:1px solid #e6eeeb;color:#354c52;font-size:12px;line-height:1.6}
html[data-theme="dark"] .detail-extra-toggle{color:#e2eeee}
html[data-theme="dark"] .detail-extra-toggle small{color:#b6c6c9}
html[data-theme="dark"] .detail-extra-toggle:hover{background:#263f46}
html[data-theme="dark"] .detail-extra.is-open{background:#192f36;border-color:#52766d}
html[data-theme="dark"] .detail-extra .extra-content:not([hidden]){border-color:#3a5258;color:#d6e3e5}
@media(min-width:801px){body.desktop-gauge-open .detail-extra-toggle{min-height:40px;padding:5px 9px}body.desktop-gauge-open .detail-extra-toggle strong{font-size:11px}body.desktop-gauge-open .detail-extra-toggle small{font-size:9px}body.desktop-gauge-open .detail-extra .extra-content:not([hidden]){padding:8px 10px 10px;font-size:11px}}
@media(max-width:800px){.detail-extra-toggle{min-height:48px;padding:9px 11px}.detail-extra-toggle strong{font-size:12px}.detail-extra-toggle small{font-size:10px}.detail-extra .extra-content:not([hidden]){padding:9px 11px 11px;font-size:12px}}
@media(min-width:801px) and (max-height:640px){body.desktop-gauge-open .detail-extras{max-height:200px;overflow:auto}}
/* Nearby readings: each station is a clear compact card with current level and measured trend. */
.nearby-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:6px 0;padding:9px 10px;border:1px solid #e2ece9;border-radius:11px;background:#fff}
.nearby-station-info{display:flex;min-width:0;flex-direction:column}
.nearby-station-info>strong{overflow:hidden;color:#294a53;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.nearby-station-info>small{margin-top:4px;color:#71858a;font-size:10px}
.nearby-readings{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.nearby-current-block,.nearby-trend-block{display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:3px}
.nearby-current{display:inline-flex;padding:5px 8px;border:1px solid #d5eae1;border-radius:8px;background:#eaf6f1;color:#176c5e;font-family:Manrope,sans-serif;font-size:15px;font-weight:900;line-height:1.15;white-space:nowrap}
.nearby-current-block>small,.nearby-trend-block>small{max-width:220px;color:#61787e;font-size:9px;line-height:1.35;text-align:right}
.nearby-trend-block>b{font-size:12px}
html[data-theme="dark"] .nearby-row{border-color:#3c555b;background:#1d343d}
html[data-theme="dark"] .nearby-station-info>strong{color:#ecf5f5}
html[data-theme="dark"] .nearby-station-info>small,html[data-theme="dark"] .nearby-current-block>small,html[data-theme="dark"] .nearby-trend-block>small{color:#bdcdd0}
html[data-theme="dark"] .nearby-current{background:#25463e;border-color:#466d61;color:#c5f3e2}
@media(min-width:801px){body.desktop-gauge-open .nearby-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:5px 0;padding:8px}body.desktop-gauge-open .nearby-current{font-size:14px}}
@media(max-width:480px){.nearby-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:5px 0;padding:8px}.nearby-readings{gap:7px}.nearby-station-info>strong{font-size:11px}.nearby-current{padding:4px 6px;font-size:13px}.nearby-current-block>small,.nearby-trend-block>small{max-width:130px;font-size:8px}.nearby-trend-block>b{font-size:10px}}

/* Full-width detail accordions keep station readings from being cramped. */
.detail-extras{grid-template-columns:minmax(0,1fr);gap:7px}
.nearby-current-block>small,.nearby-trend-block>small{font-size:10px}
@media(min-width:801px){body.desktop-gauge-open .nearby-current-block>small,body.desktop-gauge-open .nearby-trend-block>small{font-size:9px}}
@media(max-width:480px){.nearby-current-block>small,.nearby-trend-block>small{max-width:145px;font-size:9px}}

/* Site-wide typography pass: secondary information stays readable at a glance. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:15px}
:is(.eyebrow,.sort-caption,.station-water,.station-value small,.station-meta,.status-tag,.status-pill,.summary-card small,.reading-card>small,.reading-card>span,.detail-meta,.detail-footer,.detail-freshness,.detail-extra-toggle small,.extra-content,.extra-footnote,.forecast-controls,.horizon-tabs button,.forecast-badge,.forecast-legend,.forecast-note,.news-updated,.news-source-link,.news-count,.news-status,.news-location,.news-status-pill,.news-card-meta,.news-read-button,.news-card-actions>a,.news-id,.news-detail-source,.news-detail-heading small,.news-source-note,.dashboard-live small,.dashboard-gauge-main small,.dashboard-gauge-value small,.dashboard-news-copy small,.dashboard-tip p:not(.eyebrow),.dashboard-tip a,.dashboard-freshness-item strong,.dashboard-freshness-item small,.dashboard-section-note,.dashboard-short-main small,.dashboard-news-updated,.dashboard-trend-change,.autosteiger-credit,.autosteiger-source-note,.site-footer,.site-footer p,.legal-links-label,.legal-links button,.legal-draft-note,.depth-source-tag,.depth-source-card>small,.depth-reading-guide .depth-source-credit,.depth-disclaimer,.depth-external-badge,.depth-map-placeholder a,.depth-map-placeholder p,.depth-map-controls>[role=status],.depth-map-open-link,.depth-map-close,.depth-map-frame-footer,.mobile-more-heading,.bottom-nav button small,.bottom-nav-external small,.news-scope,.news-scope button,.alarm-dialog-note,.detail-quality strong,.detail-quality p,.nearby-station-info>small,.nearby-current-block>small,.nearby-trend-block>small){font-size:11px!important}
:is(.chart-tooltip,.forecast-controls,.news-card-meta,.detail-meta,.detail-footer,.extra-content,.detail-extra-toggle small,.legal-links button,.depth-disclaimer,.depth-reading-guide>p,.news-detail-text){line-height:1.5}
.reading-card.fairway>.fairway-basis{font-size:10px!important;line-height:1.35}
.forecast-extremes-source{font-size:9px!important;line-height:1.3}
.forecast-extremes>div small,.forecast-extremes>div span{font-size:10px!important;line-height:1.3}
.leaflet-control-attribution,.map-legend,.map-legend span{font-size:10px!important}
.dashboard-forecast,.dashboard-gauge-delta,.dashboard-trend-caption{font-size:10px!important;line-height:1.35}
.detail-news-button,.detail-alarm-button{font-size:10px!important}
@media(max-width:800px){
 body{font-size:15px}
 :is(.station-meta,.status-tag,.status-pill,.summary-card small,.reading-card>small,.reading-card>span,.detail-meta,.detail-footer,.detail-freshness,.detail-extra-toggle small,.extra-content,.extra-footnote,.news-card-meta,.news-location,.news-status-pill,.news-source-note,.site-footer,.site-footer p,.legal-links-label,.legal-links button,.depth-disclaimer,.depth-map-controls>[role=status],.depth-map-open-link,.depth-map-close,.depth-map-frame-footer,.dashboard-gauge-main small,.dashboard-gauge-value small,.dashboard-news-copy small,.dashboard-freshness-item small,.nearby-station-info>small,.nearby-current-block>small,.nearby-trend-block>small){font-size:11px!important}
 .bottom-nav button small,.bottom-nav-external small{font-size:10px!important}
 .forecast-extremes-source{font-size:10px!important}
}
@media(max-width:380px){.bottom-nav button small,.bottom-nav-external small{font-size:9.5px!important}.detail-news-button,.detail-alarm-button{font-size:9.5px!important}}

/* Pegelchart: chart controls and legend stay readable in night mode. */
html[data-theme="dark"] .forecast-legend,
html[data-theme="dark"] #forecast-caption,
html[data-theme="dark"] .forecast-controls>span{color:#bdcdd0}
html[data-theme="dark"] .forecast-legend .legend-line.observed{border-color:#8fc8e8}
html[data-theme="dark"] .forecast-legend .legend-line.predicted{border-color:#91caff}
html[data-theme="dark"] .legend-band{border-color:#6f97a5;background:rgba(145,202,255,.14)}
html[data-theme="dark"] .horizon-tabs{border:1px solid #344b52;background:#172c34}
html[data-theme="dark"] .horizon-tabs button{color:#bdcdd0}
html[data-theme="dark"] .horizon-tabs button.active{background:#29434c;color:#c4e1ff;box-shadow:0 1px 4px rgba(0,0,0,.28)}
/* Selected gauge and chart controls: remove bright light-theme edges. */
html[data-theme="dark"] .forecast-chart-wrap{border-color:#3b555d;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
html[data-theme="dark"] .workbench.has-selection .detail-panel:not(.empty){background:#1a3039;border-color:#3b555d;box-shadow:0 14px 44px rgba(0,0,0,.55)}

/* Forecast chart: distinguish official runs from estimates and flag aging data. */
.forecast-legend .legend-line.observed{border-color:#3d7fa6}
.forecast-legend .legend-line.predicted{border-color:#e88935}
.forecast-legend .legend-line.unified{border-color:#e88935}
.forecast-legend .legend-line.estimate{border-color:#b17a16}
.forecast-legend .legend-line.bfg{border-color:#6d65d8}
.forecast-badge.stale{background:#fff1d8;color:#805a18}
html[data-theme="dark"] .forecast-legend .legend-line.observed{border-color:#8fc8e8}
html[data-theme="dark"] .forecast-legend .legend-line.predicted{border-color:#f2a65a}
html[data-theme="dark"] .forecast-legend .legend-line.estimate{border-color:#f2c76e}
html[data-theme="dark"] .forecast-legend .legend-line.bfg{border-color:#b6adff}
html[data-theme="dark"] .forecast-legend .legend-line.unified{border-color:#f2a65a}
html[data-theme="dark"] .forecast-badge.stale{background:#403824;color:#f1dba8}
@media(min-width:801px) and (max-width:1000px){
  body.desktop-gauge-open .detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0}
  body.desktop-gauge-open .detail-metrics .reading-card{min-height:58px;padding:6px 7px;justify-content:center}
  body.desktop-gauge-open .detail-metrics .reading-card>small{font-size:8px;line-height:1.15;letter-spacing:.055em}
  body.desktop-gauge-open .detail-metrics .reading-card>strong{margin:2px 0;font-size:18px;line-height:1.05;overflow-wrap:anywhere}
  body.desktop-gauge-open .detail-metrics .reading-card>span{font-size:8px;line-height:1.15}
  body.desktop-gauge-open .detail-metrics .reading-card .status-pill{white-space:nowrap;font-size:8px}
  body.desktop-gauge-open .detail-metrics .reading-card .detail-freshness,
  body.desktop-gauge-open .detail-metrics .reading-card .fairway-basis{display:none}
  body.desktop-gauge-open .detail-extras{gap:5px;margin:0 0 5px}
  body.desktop-gauge-open .detail-extra summary{min-height:32px;padding-top:3px;padding-bottom:3px}
  body.desktop-gauge-open .detail-heading .detail-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.desktop-gauge-open .wind-card{min-height:36px;margin:3px 0;padding:5px 8px}
  body.desktop-gauge-open .forecast-section{min-height:0}
  body.desktop-gauge-open .forecast-legend{gap:3px 8px;font-size:9px}
  body.desktop-gauge-open .forecast-chart-wrap{flex:1 1 140px;min-height:140px;max-height:none}
}
@media(min-width:801px) and (max-height:900px){
  body.desktop-gauge-open .forecast-extremes{display:none!important}
  body.desktop-gauge-open .forecast-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 8px}
  body.desktop-gauge-open .forecast-heading>div:first-child{grid-column:1;min-width:0}
  body.desktop-gauge-open .forecast-heading>.forecast-badge{grid-column:2;grid-row:1;max-width:125px}
  body.desktop-gauge-open #forecast-caption{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
  body.desktop-gauge-open .forecast-chart-wrap{min-height:140px;max-height:clamp(180px,30vh,280px)}
}
@media(min-width:801px) and (max-height:700px){body.desktop-gauge-open .forecast-chart-wrap{min-height:110px;max-height:190px}}
@media(min-width:801px) and (max-height:800px){
  body[data-page="pegel"] .workbench.has-selection{bottom:16px}
  body.desktop-gauge-open .bottom-nav{display:none!important}
}
html[data-theme="dark"] body[data-page="pegel"] .workbench.has-selection{background:#14272f!important;border-color:#344b52!important;box-shadow:0 24px 80px rgba(0,0,0,.6)!important}
html[data-theme="dark"] .detail-heading{background:rgba(26,48,57,.97);border-bottom-color:#344b52}
html[data-theme="dark"] .detail-close{background:#203740;border-color:#405a62;color:#e0ebed}
@media(min-width:801px){body.desktop-gauge-open .horizon-tabs button{height:30px;min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:8px;font-size:10px;font-weight:800}}
@media(max-width:800px){
 .horizon-tabs{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:5px;padding:4px;border-radius:12px}
 .horizon-tabs button{min-height:40px;padding:0 7px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:800}
 .horizon-tabs button.active{border-color:#b6d5ec;background:#fff;color:#176cbd;box-shadow:0 2px 6px rgba(23,108,189,.12)}
 html[data-theme="dark"] .workbench.has-selection .detail-panel:not(.empty){background:#1a3039;border-color:#3b555d;box-shadow:0 14px 44px rgba(0,0,0,.7)}
 html[data-theme="dark"] .detail-heading{background:rgba(26,48,57,.97);border-bottom-color:#344b52}
 html[data-theme="dark"] .horizon-tabs{border-color:#344b52;background:#172c34}
 html[data-theme="dark"] .horizon-tabs button{border-color:transparent;background:#203740;color:#d2dfe1}
 html[data-theme="dark"] .horizon-tabs button.active{border-color:#527c91;background:#29434c;color:#c4e1ff;box-shadow:0 2px 8px rgba(0,0,0,.3)}
 html[data-theme="dark"] .detail-close{background:#203740;border-color:#405a62;color:#e0ebed}
}

/* Ruhiges, kontrastreiches Blau für Messwerte; WSV bleibt orange. */
.forecast-legend .legend-line.observed{border-color:#3d7fa6}
html[data-theme="dark"] .forecast-legend .legend-line.observed{border-color:#8fc8e8}


/* High-contrast chart legend: measurements blue, official forecast orange. */
#forecast-legend{gap:8px 14px!important;color:#49616b!important;font-size:12px!important;line-height:1.4!important}
#forecast-legend>span{min-height:24px}
#forecast-legend .observed{border-color:#327fa5!important;border-top-width:3px!important}
#forecast-legend .predicted,#forecast-legend .unified{border-color:#df7627!important;border-top-width:3px!important}
html[data-theme=dark] #forecast-legend{color:#d1e0e3!important}
html[data-theme=dark] #forecast-legend .observed{border-color:#85c9ed!important}
html[data-theme=dark] #forecast-legend .predicted,html[data-theme=dark] #forecast-legend .unified{border-color:#ffad5a!important}
@media(max-width:800px){#forecast-legend{gap:8px 12px!important;font-size:12px!important}}
@media(max-width:380px){#forecast-legend{gap:6px 9px!important;font-size:11px!important}}