.water-cover{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:#03101a;box-shadow:var(--shadow);isolation:isolate}.water-cover-media{display:block}.water-cover img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.cover-control{margin-top:14px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);gap:12px 22px;align-items:end}.cover-control-copy h1{margin:4px 0 7px;font-size:clamp(1.25rem,2.3vw,2rem)}.cover-control-copy p{margin:0;color:var(--muted);line-height:1.55;font-size:.82rem}.cover-control .search-panel{margin-top:0;max-width:none}.cover-control .hero-actions{grid-column:1/-1;margin-top:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:820px){.cover-control{grid-template-columns:1fr;align-items:stretch}.cover-control .hero-actions{grid-column:auto}.water-cover{border-radius:18px}.water-cover img{object-fit:contain;background:#03101a}}@media(max-width:560px){.cover-control{padding:14px}.cover-control .hero-actions{display:grid;grid-template-columns:1fr}.cover-control .btn{width:100%}.water-cover img{min-height:205px;object-fit:cover;object-position:center}}
.live-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:14px;margin-top:16px}.live-summary{display:grid;gap:12px}.water-light{display:flex;align-items:center;gap:14px}.light{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;font-weight:900;background:var(--yellow);color:#221900;box-shadow:0 0 30px rgba(255,216,77,.26)}.light.good{background:var(--green);color:#00150d}.light.critical{background:var(--red);color:#230006}.interval-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.interval{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(3,16,27,.65)}.interval strong{display:block;font-size:1.2rem;margin-top:6px}.interval small{color:var(--muted)}.path{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.path-step{position:relative;text-align:center;border:1px solid var(--line);border-radius:14px;padding:15px 9px;background:rgba(4,18,29,.65)}.path-step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;transform:translate(50%,-50%);color:var(--cyan);z-index:2}.path-step b{display:block;margin-bottom:4px}.path-step small{color:var(--muted);line-height:1.35}.station-list{display:grid;gap:8px}.station{padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(2,13,22,.48)}.station header{display:flex;justify-content:space-between;gap:12px}.station small{color:var(--muted)}@media(max-width:950px){.live-layout{grid-template-columns:1fr}.interval-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.path{grid-template-columns:1fr 1fr}.path-step:nth-child(2):after{display:none}.interval-grid{grid-template-columns:1fr 1fr}}
.station-intro{margin:0 0 10px;color:var(--muted);font-size:.73rem;line-height:1.5}.station-intro strong{color:#dff6ff}.station header>div{min-width:0}.station header strong,.station header small{display:block}.station header small{margin-top:3px}.station-reading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border:1px solid rgba(146,205,236,.12);border-radius:10px;background:rgba(7,29,45,.58)}.station-reading>strong{font-size:1.12rem}.station-reading>strong small{font-size:.72rem;font-weight:650}.station-reading.unavailable>strong{font-size:.82rem;color:var(--muted)}.station-state{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:4px 7px;font-size:.62rem;font-weight:800;white-space:nowrap}.station-state.low{color:#8edfff;border-color:rgba(68,215,255,.38);background:rgba(68,215,255,.08)}.station-state.normal{color:#9ef0c9;border-color:rgba(84,230,167,.38);background:rgba(84,230,167,.08)}.station-state.high{color:#ffadba;border-color:rgba(255,95,115,.42);background:rgba(255,95,115,.09)}.station-state.warning{color:#ffe38a;border-color:rgba(255,216,77,.38);background:rgba(255,216,77,.08)}.station-state.unknown{color:var(--muted)}.station-reference{margin-top:7px;color:var(--muted);font-size:.65rem;line-height:1.45}.station-footnote{padding:8px 2px 0;color:var(--muted);font-size:.64rem;line-height:1.45}.station .notice small{display:block;margin-top:6px}@media(max-width:560px){.station header{align-items:flex-start}.station-reading{align-items:flex-start;flex-direction:column}.station-state{white-space:normal;text-align:center}}


/* v1.5.0: wichtige Live-Werte auf dem Handy früher sichtbar */
@media(max-width:620px){
  .water-cover{border-radius:15px}
  .water-cover img{height:156px;min-height:0;object-fit:cover;object-position:center 42%}
  .cover-control{margin-top:8px;padding:12px;gap:8px}
  .cover-control-copy h1{font-size:1.16rem;margin:2px 0 5px}
  .cover-control-copy p{display:none}
  .cover-control .search-panel{grid-template-columns:minmax(0,1fr) auto}
  .cover-control .search-panel input{height:41px;min-width:0}
  .cover-control .hero-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:2px;padding-bottom:5px;scrollbar-width:none}
  .cover-control .hero-actions::-webkit-scrollbar{display:none}
  .cover-control .hero-actions .btn{width:auto;min-width:max-content;scroll-snap-align:start}
  .live-layout{margin-top:9px;gap:9px}
  .live-summary{gap:9px}
  .water-light{align-items:flex-start;gap:10px}
  .light{width:48px;height:48px;flex:0 0 auto;font-size:1.05rem}
  .water-light h2{font-size:1.14rem;margin:3px 0 5px}
  .water-light p{font-size:.75rem;line-height:1.4}
  .interval-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .interval{padding:10px}
  .interval strong{font-size:1.08rem;margin-top:4px}
  .path{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72vw,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:5px;scrollbar-width:none}
  .path::-webkit-scrollbar{display:none}
  .path-step{scroll-snap-align:start;text-align:left;min-height:92px;padding:12px 13px}
  .path-step:not(:last-child):after{display:none}
  #driverList{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78vw,1fr);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:none}
  #driverList::-webkit-scrollbar{display:none}
  #driverList>*{scroll-snap-align:start}
  .station-list{gap:6px}
  .station{padding:10px}
  .chart-box{height:220px}
}