:root{--app-blue:#087eb5;--app-ink:#083952;--app-muted:#587585;--app-line:#d5e6ef;--app-bg:#f1f7fb}body{background:var(--app-bg);color:var(--app-ink)}*{box-sizing:border-box}button,select,input,a{touch-action:manipulation}button,select{min-height:44px}button{font:inherit}header .nav{min-height:76px;padding-top:12px;padding-bottom:12px}.logo strong{font-size:23px}.logo small{font-size:12px}.topbar{font-size:12px}body>.hero{display:none}.main{padding-top:22px;min-height:60vh}.main>section{display:none}.app-panel[hidden]{display:none!important}.app-panel>.section,.app-panel>section{margin-bottom:22px}.app-tabs{position:sticky;top:0;z-index:1000;display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;background:#fff;border-bottom:1px solid var(--app-line);padding-top:8px;padding-bottom:8px;max-width:none;padding-left:max(16px,calc((100vw - 1200px)/2));padding-right:16px}.app-tabs a{flex:none;display:flex;align-items:center;min-height:46px;padding:10px 17px;border-radius:9px;color:#436577;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none}.app-tabs a[aria-selected=true]{color:white;background:var(--app-blue);box-shadow:0 3px 10px #087eb51c}.app-tabs a:hover{background:#e6f3fa;color:#086998}.app-panel h1{font-size:clamp(25px,4vw,38px);letter-spacing:-.8px;line-height:1.15;margin:6px 0 12px}.app-panel h2{font-size:23px;line-height:1.2}.app-panel p{line-height:1.6}.live-section>.section-head{align-items:flex-start}.live-section>.section-head p{font-size:13px;color:var(--app-muted);max-width:650px}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-tile{background:#fff;border:1px solid var(--app-line);border-radius:15px;padding:17px 14px;box-shadow:0 5px 20px #153b5010;min-width:0}.live-tile .live-label{font-size:13px;font-weight:700}.live-tile strong{display:block;font-size:clamp(24px,4vw,36px);line-height:1.25;margin:10px 0;letter-spacing:-.7px;overflow-wrap:anywhere}.live-tile small{font-size:12px;line-height:1.5;display:block;color:var(--app-muted)}#tile-warning strong,#tile-updated strong{font-size:21px}.editorial{margin-top:22px;border-left:5px solid #0c90b8;background:#e8f5fa}.editorial .eyebrow{color:#087393;font-size:11px;letter-spacing:1.2px}.editorial h2{margin:10px 0}.editorial p{font-size:17px;margin-bottom:0;white-space:pre-line}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0}.event-grid[hidden]{display:none}.event-tile{padding:16px;border:1px solid #efd296;border-left:4px solid #e9a620;border-radius:12px;background:#fff8e9;font-weight:600}.event-tile small{display:block;font-weight:400;margin-top:6px}.quick-links{display:flex;gap:12px;flex-wrap:wrap}.quick-links a{padding:14px 17px;background:white;border:1px solid var(--app-line);border-radius:10px;font-weight:700}.hour-chart{height:280px;position:relative}.hour-cards{display:flex;overflow-x:auto;gap:9px;padding:12px 0;scroll-snap-type:x proximity}.hour-card{flex:0 0 115px;border:1px solid var(--app-line);border-radius:10px;padding:12px;text-align:center;scroll-snap-align:start;background:#fff}.hour-card b,.hour-card span{display:block;margin:5px 0}.hour-card .hour-temp{font-size:23px}.hour-card small{font-size:12px;color:#526875;display:block;line-height:1.6}.forecast7{display:grid;grid-template-columns:1fr;gap:12px}.forecast7 .day{padding:16px;text-align:left;min-width:0}.day-top{display:flex;align-items:center;gap:14px}.day-top .dayicon{font-size:35px;margin:0}.day-top .daytemp{margin-left:auto;font-size:25px;white-space:nowrap}.day-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;font-size:14px}.day-metrics small{display:block;color:#64808e;font-size:11px}.day details summary{min-height:44px;color:#0877a7}.day details .hour-cards{max-width:100%}.tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-panel .grid2{grid-template-columns:1fr}.app-panel .card{min-width:0}.app-panel .controlrow{gap:10px;flex-wrap:wrap}.app-panel .controlrow label{min-width:0}.app-panel .controlrow select{max-width:100%}.digest-grid{display:grid;grid-template-columns:1fr;gap:12px}.digest-tile{padding:18px;background:#f1f8fc;border:1px solid var(--app-line);border-radius:12px}.digest-tile strong{display:block;font-size:24px;margin:10px 0}.digest-tile small{color:var(--app-muted)}#panel-radar #radarMap{height:65vh;min-height:400px;max-height:820px}#panel-radar .radar-card:fullscreen #radarMap,#panel-radar .radar-card.radar-expanded #radarMap{height:100%;min-height:200px;max-height:none}#panel-radar .radar-options{gap:12px}#panel-radar .radar-options label{min-height:44px}#panel-warnungen .warn{padding:20px;border-radius:12px;border-left:5px solid #e7bb38;background:#fff9e8;margin:12px 0}#panel-warnungen .level2{border-color:#ee8d24;background:#fff1df}#panel-warnungen .level3{border-color:#d43c3c;background:#fff0ef}#panel-warnungen .level4{border-color:#942888;background:#faedfa}.live-tile.has-warning{border-color:#e6a639;background:#fff7e7}.ticker{display:block}.ticker .tick{position:relative;padding:17px 18px 17px 25px;margin:0 0 12px;border-left:3px solid #1599c4;border-radius:0 12px 12px 0;background:white}.tick small{display:block;color:#0879a8;font-weight:700;margin-bottom:7px}.tick b{font-size:17px}.tick p{margin-bottom:0}.app-status{font-size:13px;color:#526875}footer{margin-top:30px}.footgrid{gap:18px}#appRefresh{background:#087eb5;color:white;border:0;border-radius:9px;padding:10px 14px;font-weight:700}.road-hero{display:none}.model-choice{min-width:0}.model-choice small{overflow-wrap:anywhere}@media(min-width:760px){.live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.digest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast7{grid-template-columns:repeat(2,minmax(0,1fr))}.app-panel .grid2{grid-template-columns:1.3fr 1fr}.hour-chart{height:320px}}@media(min-width:1100px){.forecast7{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.app-tabs{width:100%;padding-left:10px}.app-tabs a{padding:10px 13px;font-size:14px}.logo img{width:43px;height:43px}.logo strong{font-size:20px}.app-panel .card{padding:16px}.radar-card{padding:0!important}.live-section>.section-head{display:block}#appRefresh{margin-bottom:12px}.app-panel h2{font-size:21px}#panel-radar #radarMap{min-height:360px;height:60vh}.weather-brand{width:44px;height:44px}.model-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.model-choice{padding:10px}.model-choice strong{font-size:13px}.private-wall{padding:18px}.footgrid{grid-template-columns:1fr}.day-top .daytemp{font-size:22px}.app-panel #modelMap{height:60vh;min-height:360px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

header{position:relative}.app-tabs{width:100%;margin:0}.app-panel .eyebrow{color:#08779f}.day-top>div{display:flex;flex-direction:column;gap:4px}.hourly-section{overflow:hidden}.live-label{display:block}.app-panel .no-warn{font-size:16px;padding:20px}.app-panel .overview{grid-template-columns:repeat(2,minmax(0,1fr))}