
/* UV-Widget Redesign: aktueller Wert gross + Pfeil, Tagesmax-Hinweis, dunklerer Aktuell-Hinweis */
.tw-fc-uv-scale-wrap{position:relative;padding-top:21px;}
.tw-fc-uv-arrow{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;transition:left .45s cubic-bezier(.4,0,.2,1);}
.tw-fc-uv-arrow-cap{font-size:8px;font-weight:800;letter-spacing:.05em;color:#1f2937;text-transform:uppercase;line-height:1;margin-bottom:3px;}
.tw-fc-uv-arrow-tri{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #1f2937;}
.tw-fc-uv-live-note{color:#475569;font-weight:500;}
.tw-fc-uv-class-name{color:#111827;}
.tw-fc-uv-class-note{color:#475569;}
.tw-fc-uv-live-label{color:#1f2937;font-weight:700;}
.tw-fav-chip.tw-in-app .tw-fav-card-remove{display:none;}
/* 7.10.2026 (David): „×“ Favorit entfernen auf Handys/Touch-Geräten IMMER ausblenden – die App teilt sich den Browser-Speicher mit Chrome, ein Klick im Handy-Browser würde auch den Ort der App löschen; gilt auch für die Ortsseiten (übernehmen dieses CSS) */
@media (max-width:1023px), (hover:none) and (pointer:coarse){ .tw-fav-card-remove{display:none!important;} } /* 12.9.2026: „×“ entfernt Ort + beide Widgets; in der App verwaltet die App den Ort, dort bleibt es versteckt */
.tw-fc-uv-now{display:flex;flex-direction:column;align-items:flex-start;}
.tw-fc-uv-nowtag{font-size:11px;font-weight:800;color:#2563eb;text-transform:uppercase;letter-spacing:.06em;line-height:1;margin-bottom:1px;}
@media (max-width:560px){.tw-fc-uv-live{flex-wrap:wrap;} .tw-fc-uv-live-note{flex-basis:100%;margin-left:0;}}
/* Reihenfolge der Mittelspalte, ALLE Geräte gleich (30.9.2026, vorher nur bis 1023 px; K/OT und AT gleich):
   Widget (0) -> Bergwetter (1) -> Prognosekarten (2) -> Wetterbericht (3) -> [Ortsseiten K/OT: Ausführlicher Wetterbericht 4] -> Rest (5, DOM-Reihenfolge) -> [Ortsseiten: Klima 6]. Gleiche Nummern in /js/tw_bergwetter_banner.js und ortsseiten_generator. */
.center-column{display:flex;flex-direction:column;gap:2rem;}
.center-column > *{margin-top:0 !important;}
.center-column > .tw-bw-banner{order:1;}
#pk-card{order:5;} /* 11.10.2026 (David, Schritt 5): Windströmungs-Teaser nach unten hinter die Wetterübersicht (Ortsseiten: ohne Wirkung, dort liegt er im .lw-Block an der alten Radar-Stelle) */
.center-column > section.twnc{order:2;} /* 11.10.2026: Niederschlagsradar oben an der alten Teaser-Stelle – gleiche Nummer im ortsseiten_generator (nowcast_section) */
.center-column:not(:has(> .ot)) > #tw-fc-card ~ *{order:4;} /* Startseite + BL-Startseiten (Ortsseiten haben die Tageskarte .ot): Prognosevideos, News, Wetterübersicht vor dem Teaser … */
.center-column:not(:has(> .ot)) > :is(#pk-card, .card:has(img[src*="/warnkarte/"], #tw-at-warn), .card:has(img[src*="/warnkarte/"], #tw-at-warn) ~ *){order:5;} /* … dann Teaser, Warnkarte und der Rest in DOM-Reihenfolge */
.center-column > div:has(#wetterbericht-heute-content, #tw-bl-wb, #tw-at-wb){order:1;} /* 7.10.2026 (David): Wetterbericht vor Bergwetter – gleiche Nummer 1, DOM-Reihenfolge entscheidet (Bericht steht vor dem Bergwetter-Banner); Widget (0) bleibt davor */
#tw-fc-card ~ *{order:5;}
/* Detail-Widget IMMER Tag-Theme (kein dunkles Nacht-Blau mehr) */
.tw-fc-hero.tw-fc-hero-night{background:linear-gradient(168deg, #2e5a85 0%, #1a3d62 55%, #0d2540 100%);}
.tw-fc-hero.tw-fc-hero-night .tw-fc-hero-mountains{color:rgba(255,255,255,0.10);}
