.fw-widget{--fw-border:#dbe3ef;--fw-soft:#f8fafc;--fw-blue:#1f6feb;--fw-text:#172033;width:100%;max-width:100%;box-sizing:border-box;font-family:Arial,sans-serif;background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 36px rgba(15,23,42,.08);border-top:8px solid #22c55e;color:var(--fw-text)}
.fw-widget *{box-sizing:border-box}.fw-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.fw-header h3{margin:0;font-size:24px}.fw-subtitle{font-size:14px;color:#64748b}.fw-meta{font-size:13px;color:#64748b;margin-top:3px}.fw-clock-display{font-size:15px;font-weight:900;color:#0f172a;letter-spacing:.2px}.fw-error{color:#b91c1c;font-weight:700;margin:8px 0}.fw-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fw-actions button,.fw-link-btn{border:0;border-radius:12px;padding:10px 14px;background:var(--fw-blue);color:#fff;cursor:pointer;font-weight:700}.fw-actions .secondary{background:#eef4ff;color:#1f4fbf}.fw-link-btn{background:transparent;color:#1f4fbf;padding:9px 0}.fw-risk-pill{background:#fff;border:1px solid var(--fw-border);border-radius:14px;padding:10px 14px;font-weight:700;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.fw-countdown-pill{background:#f8fafc;border:1px solid var(--fw-border);border-radius:14px;padding:10px 12px;font-weight:800;color:#334155;white-space:nowrap;box-shadow:0 4px 14px rgba(15,23,42,.035)}

.fw-coord-head{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.fw-coord-select{max-width:170px;border:1px solid var(--fw-border);border-radius:9px;background:#fff;color:#334155;font-size:11px;font-weight:700;padding:4px 6px}.fw-coords-note{display:block;margin-top:5px;color:#64748b;font-size:11px;font-weight:700}.fw-coord-tile strong{font-variant-numeric:tabular-nums}
.fw-search{display:none;position:relative;margin:12px 0}.fw-search.fw-active{display:block}.fw-search input{width:100%;padding:13px;border-radius:12px;border:1px solid #cfd8e3;font-size:16px}.fw-suggestions{position:absolute;z-index:99999;top:100%;left:0;right:0;background:#fff;border:1px solid var(--fw-border);border-radius:12px;overflow:hidden;box-shadow:0 16px 28px rgba(0,0,0,.14)}.fw-suggestion{padding:11px 13px;cursor:pointer;border-bottom:1px solid #edf2f7}.fw-suggestion:hover{background:#f5f8fc}
.fw-details-grid,.fw-status-grid,.fw-info-row,.fw-main-grid{display:grid;gap:10px;margin-top:12px}.fw-details-grid{grid-template-columns:repeat(4,1fr)}.fw-status-grid{grid-template-columns:repeat(2,1fr)}.fw-info-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.fw-main-grid{grid-template-columns:repeat(3,1fr)}
.fw-tile,.fw-mini{background:var(--fw-soft);border:1px solid #edf2f7;border-radius:16px;padding:13px;box-shadow:0 4px 14px rgba(15,23,42,.035)}.fw-mini span,.fw-tile span{display:block;font-size:12px;color:#64748b;margin-bottom:6px}.fw-mini strong,.fw-info-tile strong{display:block;font-size:14px;line-height:1.35}.fw-value strong{font-size:24px;line-height:1.2}.fw-info-tile em{display:block;font-size:12px;color:#64748b;font-style:normal;line-height:1.35;margin-top:5px}.fw-status{font-weight:800;font-size:16px}.fw-green{background:#dcfce7;border-color:#86efac;color:#14532d}.fw-yellow{background:#fef9c3;border-color:#fde047;color:#713f12}.fw-orange{background:#ffedd5;border-color:#fdba74;color:#7c2d12}.fw-red{background:#fee2e2;border-color:#fca5a5;color:#7f1d1d}.fw-purple{background:#f3e8ff;border-color:#c084fc;color:#581c87}.fw-blue{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}.fw-hidden{display:none!important}.fw-pro h3{margin:18px 0 8px;font-size:22px}.fw-info-btn{border:0;background:transparent;color:var(--fw-blue);font-weight:900;cursor:pointer;font-size:14px;padding:0 3px}.fw-wind-line{display:block;font-size:18px;font-weight:800}.fw-wind-sub{display:block;font-size:12px;color:#64748b;margin-top:4px;font-weight:700}.fw-chart-hint{font-size:13px;color:#64748b;margin:5px 0 8px}.fw-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--fw-border);border-radius:16px;padding:12px;background:#fff;cursor:grab}.fw-map-wrap{margin-top:12px}.fw-map{height:300px;border-radius:16px;border:1px solid var(--fw-border);overflow:hidden}.fw-popup{position:fixed;inset:0;z-index:9999999;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.fw-popup.fw-hidden{display:none!important}.fw-popup-box{width:min(1100px,94vw);max-height:84vh;overflow-y:auto;background:#fff;border-radius:20px;border:1px solid var(--fw-border);padding:24px;color:#334155;font-size:14px;line-height:1.55;box-shadow:0 25px 80px rgba(0,0,0,.35);position:relative}.fw-popup-close{position:absolute;top:12px;right:12px;border:0;background:#0f172a;color:white;border-radius:999px;width:34px;height:34px;cursor:pointer;font-size:24px;line-height:1}.fw-popup h2{margin:0 44px 12px 0;color:#0f172a}.fw-popup table{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:12px}.fw-popup th,.fw-popup td{border:1px solid #e2e8f0;padding:8px;text-align:left;vertical-align:top}.fw-popup th{background:#f1f5f9;color:#0f172a}.fw-firemode .fw-status{font-size:24px;padding:18px}.fw-firemode .fw-value strong{font-size:30px}.fw-firemode .fw-pro h3{font-size:26px}
@media(max-width:900px){.fw-details-grid,.fw-status-grid,.fw-info-row,.fw-main-grid{grid-template-columns:1fr}.fw-header{display:block}.fw-actions{margin-top:10px}.fw-risk-pill{width:100%}.fw-widget{padding:14px}.fw-chart-scroll canvas{max-width:none}}
#fw-widget:fullscreen{width:100vw;height:100vh;overflow:auto;border-radius:0;padding:12px}#fw-widget:fullscreen .fw-header h3{font-size:20px}#fw-widget:fullscreen .fw-main-grid{grid-template-columns:repeat(6,1fr)}#fw-widget:fullscreen .fw-info-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}#fw-widget:fullscreen .fw-tile{padding:8px}#fw-widget:fullscreen .fw-value strong{font-size:18px}


/* Dashboardmodus */
.fw-fire-dashboard{display:none;margin-top:14px;background:#0f172a;border:1px solid #1e293b;border-radius:20px;padding:12px;box-shadow:0 14px 38px rgba(15,23,42,.20);overflow:hidden}
.fw-fire-ticker-title{color:#e2e8f0;font-weight:900;font-size:14px;letter-spacing:.02em;margin:0 0 8px;text-transform:uppercase}
.fw-fire-ticker-row{position:relative;overflow:hidden;white-space:nowrap;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;margin-top:8px;height:46px;display:flex;align-items:center}
.fw-fire-ticker-row-alt{background:rgba(30,41,59,.85)}
.fw-fire-track{display:inline-flex;align-items:center;gap:26px;min-width:max-content;animation:fwTickerLeftToRight 42s linear infinite;will-change:transform}
.fw-fire-track-slow{animation-duration:56s}
.fw-fire-track span{display:inline-flex;align-items:center;gap:6px;color:#ffffff;font-size:20px;font-weight:900;padding:0 4px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.fw-fire-track b{color:#93c5fd}
.fw-fire-track em{font-style:normal;color:#fde68a}
@keyframes fwTickerLeftToRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.fw-firemode{background:#08111f;color:#e5eefb;border-top-color:#ef4444;min-height:100vh}
.fw-firemode .fw-header{align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px;margin-bottom:8px}
.fw-firemode .fw-header h3{font-size:30px;color:#fff}
.fw-firemode .fw-subtitle,.fw-firemode .fw-meta{color:#bfdbfe}.fw-firemode .fw-clock-display{color:#fff;font-size:clamp(18px,1.6vw,28px);font-weight:1000;letter-spacing:.4px;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.fw-firemode .fw-actions button{font-size:15px;padding:12px 16px;border-radius:14px}
.fw-firemode .fw-risk-pill{background:#111827;color:#fff;border-color:#334155;font-size:18px;padding:13px 16px}
.fw-firemode .fw-details-grid{grid-template-columns:repeat(4,1fr)}
.fw-firemode .fw-status-grid{grid-template-columns:repeat(4,1fr)}
.fw-firemode .fw-info-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.fw-firemode .fw-main-grid{grid-template-columns:repeat(6,1fr)}
.fw-firemode .fw-tile,.fw-firemode .fw-mini{border-color:#334155;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.fw-firemode .fw-mini{background:#111827;color:#e5eefb}
.fw-firemode .fw-mini span,.fw-firemode .fw-tile span{font-size:13px}
.fw-firemode .fw-mini strong{color:#fff;font-size:16px}
.fw-firemode .fw-status{font-size:21px;line-height:1.2;min-height:86px;display:flex;align-items:center}
.fw-firemode .fw-info-tile strong{font-size:20px;color:inherit}
.fw-firemode .fw-info-tile em{font-size:13px;color:inherit;opacity:.85}
.fw-firemode .fw-value strong{font-size:30px}
.fw-firemode .fw-fire-dashboard{display:block}
.fw-firemode #fw-toggle-pro,.fw-firemode #fw-pro{display:none!important}
.fw-firemode .fw-search.fw-active{background:#fff;border-radius:16px;padding:8px}
#fw-widget:fullscreen.fw-firemode{height:100vh;overflow:hidden;padding:12px}
#fw-widget:fullscreen.fw-firemode .fw-header h3{font-size:26px}
#fw-widget:fullscreen.fw-firemode .fw-status{font-size:18px;min-height:70px;padding:12px}
#fw-widget:fullscreen.fw-firemode .fw-value strong{font-size:24px}
#fw-widget:fullscreen.fw-firemode .fw-fire-track span{font-size:18px}
#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row{height:42px}
@media(max-width:900px){.fw-firemode .fw-status-grid,.fw-firemode .fw-info-row,.fw-firemode .fw-main-grid,.fw-firemode .fw-details-grid{grid-template-columns:1fr}.fw-fire-track span{font-size:16px}.fw-firemode{min-height:auto}}


/*Style für fuer fuer logo

*/
.fw-logo-area{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.fw-logo{
  height:55px;
  max-width:100%;
  width:auto;
  display:block;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));
}

.fw-firemode .fw-logo{
  height:75px;
}
#fw-widget:fullscreen .fw-logo{
  height:90px;
}

/* =========================================================
   Dashboardmodus – optimiertes ELW-/Leitstellen-Dashboard
   ========================================================= */
.fw-firemode {
  --fw-fire-bg: #06101f;
  --fw-fire-panel: #0d1b2f;
  --fw-fire-panel-2: #111f35;
  --fw-fire-border: #29415f;
  --fw-fire-text: #f8fafc;
  --fw-fire-muted: #9fb3ca;
  --fw-fire-blue: #60a5fa;
  background: radial-gradient(circle at top left, #12233c 0, #06101f 42%, #030914 100%);
  color: var(--fw-fire-text);
  border-top-color: #ef4444;
}

.fw-firemode .fw-header {
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, .22);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.fw-firemode .fw-header h3 {
  color: #fff;
  font-size: clamp(24px, 2.3vw, 38px);
  letter-spacing: .02em;
  margin-bottom: 2px;
}

.fw-firemode .fw-subtitle,
.fw-firemode .fw-meta {
  color: #c7d2fe;
  font-size: clamp(12px, 1vw, 16px);
}

.fw-firemode .fw-actions {
  align-items: center;
  gap: 10px;
}

.fw-firemode .fw-actions button {
  font-size: clamp(13px, 1vw, 17px);
  font-weight: 800;
  padding: 12px 17px;
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.fw-firemode .fw-risk-pill {
  background: rgba(15, 23, 42, .96);
  color: #fff;
  border: 1px solid #334155;
  font-size: clamp(15px, 1.2vw, 21px);
  font-weight: 900;
  padding: 13px 18px;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0,0,0,.24);
  white-space: nowrap;
}

/* Im Dashboardmodus Lageort, Koordinaten und Messzeit zeigen – Datenquellen bleiben im Normalmodus. */
.fw-firemode .fw-details-grid {
  grid-template-columns: 1.2fr 1.15fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.fw-firemode .fw-details-grid .fw-mini:nth-child(4) {
  display: none;
}

.fw-firemode .fw-mini,
.fw-firemode .fw-tile {
  border-radius: 18px;
  border: 1px solid var(--fw-fire-border);
  box-shadow: 0 14px 32px rgba(0,0,0,.24);
}

.fw-firemode .fw-mini,
.fw-firemode .fw-value,
.fw-firemode .fw-info-tile:not(.fw-green):not(.fw-yellow):not(.fw-orange):not(.fw-red):not(.fw-purple) {
  background: linear-gradient(180deg, rgba(17, 31, 53, .96), rgba(10, 20, 36, .96));
  color: var(--fw-fire-text);
}

.fw-firemode .fw-mini span,
.fw-firemode .fw-tile span {
  color: var(--fw-fire-muted);
  font-size: clamp(12px, .95vw, 15px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.fw-firemode .fw-mini strong {
  color: #fff;
  font-size: clamp(18px, 1.45vw, 26px);
  line-height: 1.12;
}

/* Große Lagekacheln */
.fw-firemode .fw-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.fw-firemode .fw-status {
  min-height: 112px;
  padding: 18px;
  display: flex;
  align-items: center;
  font-size: clamp(20px, 1.7vw, 31px);
  line-height: 1.13;
  font-weight: 950;
  letter-spacing: -.01em;
}

.fw-firemode .fw-green,
.fw-firemode .fw-yellow,
.fw-firemode .fw-orange,
.fw-firemode .fw-red,
.fw-firemode .fw-purple {
  box-shadow: 0 16px 34px rgba(0,0,0,.28);
}

.fw-firemode .fw-green { background: linear-gradient(180deg,#dcfce7,#bbf7d0); border-color:#86efac; color:#064e3b; }
.fw-firemode .fw-yellow { background: linear-gradient(180deg,#fef9c3,#fde68a); border-color:#facc15; color:#713f12; }
.fw-firemode .fw-orange { background: linear-gradient(180deg,#ffedd5,#fed7aa); border-color:#fb923c; color:#7c2d12; }
.fw-firemode .fw-red { background: linear-gradient(180deg,#fee2e2,#fecaca); border-color:#f87171; color:#7f1d1d; }
.fw-firemode .fw-purple { background: linear-gradient(180deg,#f3e8ff,#e9d5ff); border-color:#c084fc; color:#581c87; }
.fw-firemode .fw-blue { background: linear-gradient(180deg,#dbeafe,#bfdbfe); border-color:#93c5fd; color:#1e3a8a; }

/* Lagezusatz: Gefährliche Zeitfenster, DWD-WBI, GLFI, OSM */
.fw-firemode .fw-info-row {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.fw-firemode .fw-info-tile {
  min-height: 118px;
  padding: 16px;
}

.fw-firemode .fw-info-tile strong {
  font-size: clamp(18px, 1.45vw, 25px);
  line-height: 1.22;
  color: inherit;
}

.fw-firemode .fw-info-tile em {
  margin-top: 8px;
  font-size: clamp(12px, .95vw, 15px);
  line-height: 1.28;
  color: inherit;
  opacity: .88;
}

/* Wetter-Eingangswerte als kompakte Instrumentenleiste */
.fw-firemode .fw-main-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.fw-firemode .fw-value {
  min-height: 92px;
  padding: 13px 14px;
}

.fw-firemode .fw-value strong {
  color: #fff;
  font-size: clamp(24px, 1.75vw, 34px);
  line-height: 1.1;
}

.fw-firemode .fw-wind-line {
  color: #fff;
  font-size: clamp(18px, 1.35vw, 25px);
}

.fw-firemode .fw-wind-sub {
  color: #cbd5e1;
  font-size: clamp(11px, .85vw, 14px);
  margin-top: 3px;
}

/* Großes Laufband unten */
.fw-firemode .fw-fire-dashboard {
  display: block;
  margin-top: 14px;
  background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,17,31,.98));
  border: 1px solid #334155;
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 20px 48px rgba(0,0,0,.32);
}

.fw-firemode .fw-fire-ticker-title {
  color: #e0f2fe;
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 950;
  letter-spacing: .08em;
  margin-bottom: 10px;
}

.fw-firemode .fw-fire-ticker-row {
  height: clamp(58px, 5.2vh, 78px);
  border-radius: 18px;
  background: rgba(96,165,250,.10);
  border: 1px solid rgba(147,197,253,.26);
  margin-top: 10px;
}

.fw-firemode .fw-fire-ticker-row-alt {
  background: rgba(250,204,21,.08);
  border-color: rgba(253,230,138,.24);
}

.fw-firemode .fw-fire-track {
  gap: 42px;
  animation-duration: 48s;
}

.fw-firemode .fw-fire-track-slow {
  animation-duration: 64s;
}

.fw-firemode .fw-fire-track span {
  font-size: clamp(22px, 1.75vw, 34px);
  font-weight: 950;
  color: #f8fafc;
  text-shadow: 0 2px 4px rgba(0,0,0,.35);
}

.fw-firemode .fw-fire-track b {
  color: #93c5fd;
}

.fw-firemode .fw-fire-track em {
  color: #fde68a;
}

.fw-firemode #fw-toggle-pro,
.fw-firemode #fw-pro {
  display: none !important;
}

.fw-firemode .fw-search.fw-active {
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  padding: 8px;
  box-shadow: 0 18px 44px rgba(0,0,0,.25);
}

/* Vollbild: als Monitor-Dashboard ohne Scrollen optimiert */
#fw-widget:fullscreen.fw-firemode {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

#fw-widget:fullscreen.fw-firemode .fw-header {
  flex: 0 0 auto;
}

#fw-widget:fullscreen.fw-firemode .fw-details-grid,
#fw-widget:fullscreen.fw-firemode .fw-status-grid,
#fw-widget:fullscreen.fw-firemode .fw-info-row,
#fw-widget:fullscreen.fw-firemode .fw-main-grid,
#fw-widget:fullscreen.fw-firemode .fw-fire-dashboard {
  flex: 0 0 auto;
}

#fw-widget:fullscreen.fw-firemode .fw-header h3 {
  font-size: clamp(22px, 2vw, 32px);
}

#fw-widget:fullscreen.fw-firemode .fw-actions button {
  padding: 10px 14px;
  font-size: clamp(12px, .9vw, 15px);
}

#fw-widget:fullscreen.fw-firemode .fw-risk-pill {
  font-size: clamp(14px, 1vw, 18px);
  padding: 11px 15px;
}

#fw-widget:fullscreen.fw-firemode .fw-details-grid {
  margin-bottom: 8px;
}

#fw-widget:fullscreen.fw-firemode .fw-mini {
  padding: 11px 13px;
}

#fw-widget:fullscreen.fw-firemode .fw-status {
  min-height: 86px;
  padding: 14px;
  font-size: clamp(18px, 1.35vw, 25px);
}

#fw-widget:fullscreen.fw-firemode .fw-info-tile {
  min-height: 98px;
  padding: 13px;
}

#fw-widget:fullscreen.fw-firemode .fw-info-tile strong {
  font-size: clamp(16px, 1.15vw, 21px);
}

#fw-widget:fullscreen.fw-firemode .fw-value {
  min-height: 74px;
  padding: 10px 12px;
}

#fw-widget:fullscreen.fw-firemode .fw-value strong {
  font-size: clamp(20px, 1.35vw, 27px);
}

#fw-widget:fullscreen.fw-firemode .fw-fire-dashboard {
  margin-top: auto;
  padding: 12px;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row {
  height: clamp(50px, 4.6vh, 66px);
}

#fw-widget:fullscreen.fw-firemode .fw-fire-track span {
  font-size: clamp(19px, 1.42vw, 28px);
}

@media (max-width: 1100px) {
  .fw-firemode .fw-status-grid,
  .fw-firemode .fw-info-row,
  .fw-firemode .fw-main-grid,
  .fw-firemode .fw-details-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .fw-firemode .fw-header,
  .fw-firemode .fw-actions {
    align-items: stretch;
  }

  .fw-firemode .fw-status-grid,
  .fw-firemode .fw-info-row,
  .fw-firemode .fw-main-grid,
  .fw-firemode .fw-details-grid {
    grid-template-columns: 1fr;
  }

  .fw-firemode .fw-fire-track span {
    font-size: 18px;
  }
}



/* =========================================================
   FEUERwetter Logo – proportional, nicht verzerren
   Untertitel/Uhrzeit nutzen exakt die Logo-Breite
   ========================================================= */
.fw-logo-area{
  --fw-logo-width: clamp(260px, 34vw, 520px);
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  width:var(--fw-logo-width) !important;
  max-width:100% !important;
  flex:0 1 var(--fw-logo-width) !important;
}

.fw-logo{
  height:65px;
  width:auto;
  max-width:100%;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));
}

.fw-logo-area .fw-subtitle{
  width:100% !important;
  max-width:100% !important;
  margin-top:4px !important;
  text-align:center !important;
  font-size:14px !important;
  line-height:1.25 !important;
  color:#64748b;
  font-weight:800 !important;
}

.fw-logo-area #fw-clock{
  width:100% !important;
  max-width:100% !important;
  text-align:center !important;
  margin-top:5px !important;
  font-weight:800 !important;
}

.fw-firemode .fw-logo-area{
  --fw-logo-width: clamp(300px, 30vw, 620px);
}

.fw-firemode .fw-logo-area .fw-subtitle{
  font-size:clamp(15px, 1.1vw, 19px) !important;
  font-weight:900 !important;
  color:#c7d2fe !important;
}

.fw-firemode .fw-logo-area #fw-clock{
  font-size:clamp(18px, 1.45vw, 26px) !important;
  font-weight:1000 !important;
  color:#fff !important;
  letter-spacing:.3px;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}

#fw-widget:fullscreen .fw-logo-area{
  --fw-logo-width: clamp(340px, 32vw, 760px);
}

#fw-widget:fullscreen .fw-logo-area .fw-subtitle{
  font-size:clamp(16px, 1.2vw, 22px) !important;
}

#fw-widget:fullscreen .fw-logo-area #fw-clock{
  font-size:clamp(19px, 1.55vw, 28px) !important;
}

@media(max-width:700px){
  .fw-logo-area{
    --fw-logo-width:min(100%, 360px);
  }

  .fw-logo-area .fw-subtitle{
    font-size:13px !important;
  }

  .fw-logo-area #fw-clock{
    font-size:13px !important;
  }
}



/* =========================================================
   Dynamische regionale Lageübersicht + Header kompakt
   ========================================================= */
.fw-region-panel{
  margin-top:12px;
  padding:13px;
}
.fw-region-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}
.fw-region-head span{
  display:block;
  font-size:12px;
  color:#64748b;
  margin-bottom:4px;
  font-weight:800;
}
.fw-region-head strong{
  display:block;
  font-size:18px;
  line-height:1.2;
}
.fw-region-head em{
  font-size:12px;
  color:#64748b;
  font-style:normal;
  text-align:right;
  max-width:420px;
}
.fw-region-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.fw-region-card{
  border:1px solid #dbe3ef;
  border-radius:14px;
  padding:10px;
  min-height:94px;
  background:#f8fafc;
}
.fw-region-card b{
  display:block;
  font-size:15px;
  line-height:1.2;
  margin-bottom:6px;
}
.fw-region-card span{
  display:block;
  font-size:12px;
  color:#334155;
  line-height:1.35;
}
.fw-region-card small{
  display:block;
  margin-top:5px;
  font-size:11px;
  color:#64748b;
}
.fw-region-loading{
  grid-column:1/-1;
  color:#64748b;
  font-weight:700;
}

/* Header: Logo, Buttons und Risikopille möglichst in einer Zeile */
.fw-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
}
.fw-actions{
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  min-width:0 !important;
}
.fw-actions button{
  white-space:nowrap !important;
}
.fw-risk-pill{
  white-space:nowrap !important;
}
.fw-logo-area{
  --fw-logo-width:clamp(210px, 22vw, 360px) !important;
  flex:0 0 var(--fw-logo-width) !important;
  width:var(--fw-logo-width) !important;
}
.fw-logo{
  height:46px !important;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}
.fw-logo-area .fw-subtitle{
  font-size:12px !important;
  line-height:1.15 !important;
  margin-top:2px !important;
}
.fw-logo-area #fw-clock{
  font-size:13px !important;
  margin-top:2px !important;
}

/* Dashboardmodus bleibt flach und einzeilig */
.fw-firemode .fw-header{
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:12px !important;
}
.fw-firemode .fw-logo-area{
  --fw-logo-width:clamp(210px, 20vw, 340px) !important;
  flex:0 0 var(--fw-logo-width) !important;
}
.fw-firemode .fw-logo{
  height:44px !important;
}
.fw-firemode .fw-logo-area .fw-subtitle{
  font-size:12px !important;
}
.fw-firemode .fw-logo-area #fw-clock{
  font-size:14px !important;
}
.fw-firemode .fw-actions{
  flex-wrap:nowrap !important;
}
.fw-firemode .fw-actions button{
  padding:9px 12px !important;
  font-size:13px !important;
}
.fw-firemode .fw-risk-pill{
  padding:9px 12px !important;
  font-size:14px !important;
}
.fw-firemode .fw-region-panel{
  background:linear-gradient(180deg, rgba(17,31,53,.96), rgba(10,20,36,.96));
  border-color:#29415f;
  color:#f8fafc;
}
.fw-firemode .fw-region-head span,
.fw-firemode .fw-region-head em{
  color:#9fb3ca;
}
.fw-firemode .fw-region-card{
  border-color:#334155;
  background:#111827;
  color:#f8fafc;
}
.fw-firemode .fw-region-card span,
.fw-firemode .fw-region-card small{
  color:#cbd5e1;
}

#fw-widget:fullscreen.fw-firemode .fw-logo-area{
  --fw-logo-width:clamp(200px, 18vw, 320px) !important;
}
#fw-widget:fullscreen.fw-firemode .fw-logo{
  height:40px !important;
}
#fw-widget:fullscreen.fw-firemode .fw-logo-area .fw-subtitle{
  font-size:11px !important;
}
#fw-widget:fullscreen.fw-firemode .fw-logo-area #fw-clock{
  font-size:13px !important;
}
#fw-widget:fullscreen.fw-firemode .fw-actions button{
  padding:8px 10px !important;
  font-size:12px !important;
}
#fw-widget:fullscreen.fw-firemode .fw-risk-pill{
  padding:8px 10px !important;
  font-size:13px !important;
}
#fw-widget:fullscreen.fw-firemode .fw-region-panel{
  padding:10px;
}
#fw-widget:fullscreen.fw-firemode .fw-region-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
#fw-widget:fullscreen.fw-firemode .fw-region-card{
  min-height:72px;
  padding:8px;
}
#fw-widget:fullscreen.fw-firemode .fw-region-card b{
  font-size:13px;
  margin-bottom:3px;
}
#fw-widget:fullscreen.fw-firemode .fw-region-card span,
#fw-widget:fullscreen.fw-firemode .fw-region-card small{
  font-size:10px;
}

@media(max-width:1050px){
  .fw-header{flex-wrap:wrap !important;}
  .fw-actions{justify-content:flex-start !important;flex-wrap:wrap !important;}
  .fw-region-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .fw-logo-area{--fw-logo-width:min(100%, 320px) !important;}
  .fw-region-grid{grid-template-columns:1fr;}
  .fw-region-head{display:block;}
  .fw-region-head em{text-align:left;display:block;margin-top:6px;}
}



/* =========================================================
   Regionale Lageübersicht – kompakt über Erweiterter Analyse
   + Dashboardmodus als drittes Laufband unten
   ========================================================= */
.fw-region-panel{
  margin-top:12px !important;
  margin-bottom:4px !important;
  padding:10px !important;
}
.fw-region-head{
  margin-bottom:8px !important;
  gap:8px !important;
}
.fw-region-head strong{
  font-size:15px !important;
}
.fw-region-head em{
  font-size:11px !important;
  max-width:360px !important;
}
.fw-region-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
}
.fw-region-card{
  min-height:68px !important;
  padding:8px !important;
  border-radius:12px !important;
}
.fw-region-card b{
  font-size:13px !important;
  margin-bottom:3px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fw-region-card span,
.fw-region-card small{
  font-size:10.5px !important;
  line-height:1.25 !important;
}
.fw-region-loading{
  font-size:12px;
}

.fw-firemode .fw-region-panel{
  display:none !important;
}
.fw-fire-ticker-row-region{
  background:rgba(34,197,94,.08) !important;
  border-color:rgba(134,239,172,.24) !important;
}
.fw-fire-track-region{
  animation-duration:72s !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-dashboard{
  margin-top:auto !important;
}
#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row-region{
  height:clamp(42px, 4.1vh, 58px) !important;
}
#fw-widget:fullscreen.fw-firemode .fw-fire-track-region span{
  font-size:clamp(17px, 1.25vw, 24px) !important;
}

@media(max-width:1050px){
  .fw-region-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .fw-region-grid{grid-template-columns:1fr !important;}
}



/* =========================================================
   Dashboardmodus responsiv / iPad-Optimierung
   Ziel: Laufbänder bleiben sichtbar, Dashboard bleibt lesbar
   ========================================================= */

/* Im Vollbild-Dashboard darf die Seite bei geringerer Höhe scrollen.
   Dadurch verschwindet das unterste Laufband auf iPad/iPad Pro nicht mehr. */
#fw-widget:fullscreen.fw-firemode{
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* Laufband nicht mehr künstlich ganz nach unten drücken,
   sondern direkt nach den Hauptdaten anzeigen. */
#fw-widget:fullscreen.fw-firemode .fw-fire-dashboard{
  margin-top:10px !important;
  margin-bottom:8px !important;
}

/* Kompaktere Dashboarddarstellung bei geringerer Bildschirmhöhe,
   typisch iPad / iPad Pro im Vollbild oder Browser-Kiosk. */
@media (max-height: 900px){
  #fw-widget:fullscreen.fw-firemode{
    overflow-y:auto !important;
    padding:10px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-header{
    padding-bottom:6px !important;
    margin-bottom:6px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-details-grid{
    margin-top:6px !important;
    margin-bottom:6px !important;
    gap:6px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-status-grid,
  #fw-widget:fullscreen.fw-firemode .fw-info-row,
  #fw-widget:fullscreen.fw-firemode .fw-main-grid{
    gap:6px !important;
    margin-top:6px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-mini{
    padding:8px 10px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-mini span,
  #fw-widget:fullscreen.fw-firemode .fw-tile span{
    font-size:10px !important;
    margin-bottom:3px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-mini strong{
    font-size:14px !important;
    line-height:1.1 !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-status{
    min-height:64px !important;
    font-size:clamp(14px, 1.2vw, 19px) !important;
    padding:9px !important;
    line-height:1.1 !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-info-tile{
    min-height:74px !important;
    padding:9px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-info-tile strong{
    font-size:clamp(13px, 1.05vw, 18px) !important;
    line-height:1.15 !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-info-tile em{
    font-size:10px !important;
    line-height:1.15 !important;
    margin-top:4px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-value{
    min-height:58px !important;
    padding:7px 8px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-value strong{
    font-size:clamp(17px, 1.2vw, 23px) !important;
    line-height:1.05 !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-wind-line{
    font-size:clamp(15px, 1.05vw, 20px) !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-wind-sub{
    font-size:9px !important;
    margin-top:1px !important;
    line-height:1.05 !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-fire-dashboard{
    margin-top:8px !important;
    padding:8px !important;
    border-radius:16px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-fire-ticker-title{
    font-size:11px !important;
    margin-bottom:5px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row,
  #fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row-region{
    height:38px !important;
    margin-top:5px !important;
    border-radius:12px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-fire-track span,
  #fw-widget:fullscreen.fw-firemode .fw-fire-track-region span{
    font-size:15px !important;
    line-height:1 !important;
  }
}

/* Bei sehr schmalen Geräten nicht erzwingen, dass alles in eine Zeile muss. */
@media (max-width: 900px){
  #fw-widget:fullscreen.fw-firemode{
    overflow-y:auto !important;
  }
}

/* Zusatzmodule: Warnlage, Top-3 und kompakter Dashboard-Ticker */
.fw-region-top3{margin:4px 0 10px;padding:8px 10px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:#334155;font-size:12px;font-weight:800;line-height:1.35}
.fw-region-top3 b{color:#0f172a}
.fw-firemode .fw-region-panel{display:none!important}
.fw-firemode .fw-countdown-pill{background:#111827;color:#fff;border-color:#334155;font-size:14px;padding:9px 12px}
@media (max-width: 760px){
  .fw-widget{
    padding:12px !important;
  }

  .fw-logo-area{
    max-width:220px !important;
  }

  .fw-logo{
    height:36px !important;
  }

  .fw-actions{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .fw-actions button,
  .fw-risk-pill,
  .fw-countdown-pill{
    width:100% !important;
    text-align:center !important;
    justify-content:center !important;
    font-size:13px !important;
    padding:9px 8px !important;
  }

  .fw-risk-pill,
  .fw-countdown-pill{
    grid-column:1 / -1 !important;
    white-space:normal !important;
  }
}

/* Dashboardmodus: kompakt, aber ohne Überlagerungen */
.fw-firemode .fw-header{
  display:grid !important;
  grid-template-columns:minmax(150px, 220px) minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  padding-bottom:8px !important;
  margin-bottom:8px !important;
}

.fw-firemode .fw-logo-area{
  max-width:220px !important;
  justify-self:start !important;
}

.fw-firemode .fw-logo{
  height:38px !important;
}

.fw-firemode .fw-logo-area .fw-subtitle{
  font-size:10px !important;
  line-height:1.1 !important;
}

.fw-firemode .fw-logo-area #fw-clock{
  font-size:11px !important;
  line-height:1.1 !important;
}

.fw-firemode .fw-actions{
  justify-content:flex-end !important;
  gap:6px !important;
  flex-wrap:wrap !important;
}

.fw-firemode .fw-actions button,
.fw-firemode .fw-risk-pill,
.fw-firemode .fw-countdown-pill{
  padding:8px 10px !important;
  font-size:12px !important;
  border-radius:12px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-header{
  grid-template-columns:minmax(135px, 190px) minmax(0,1fr) !important;
  gap:8px !important;
  padding-bottom:6px !important;
  margin-bottom:6px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-logo-area{
  max-width:190px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-logo{
  height:34px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-logo-area .fw-subtitle{
  font-size:9px !important;
  line-height:1.05 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-logo-area #fw-clock{
  font-size:10px !important;
  line-height:1.05 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-actions{
  justify-content:flex-end !important;
  gap:5px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-actions button,
#fw-widget:fullscreen.fw-firemode .fw-risk-pill,
#fw-widget:fullscreen.fw-firemode .fw-countdown-pill{
  padding:7px 9px !important;
  font-size:11px !important;
  border-radius:10px !important;
}

/* iPad Pro / iPad im Dashboard-Vollbild: lieber sauber zweizeilig als überlagert */
@media (max-width: 1180px), (max-height: 820px){
  #fw-widget:fullscreen.fw-firemode .fw-header,
  .fw-firemode .fw-header{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-logo-area,
  .fw-firemode .fw-logo-area{
    justify-self:center !important;
    max-width:190px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-actions,
  .fw-firemode .fw-actions{
    justify-content:center !important;
  }
}



/* =========================================================
   Countdown in Messwerte-Kachel statt im Header
   ========================================================= */
.fw-countdown-inline{
  display:block;
  margin-top:7px;
  font-size:12px;
  font-weight:800;
  color:#64748b;
  line-height:1.25;
}
.fw-measure-tile strong{
  margin-bottom:0;
}
.fw-firemode .fw-countdown-inline{
  color:#93c5fd;
  font-size:clamp(12px, .9vw, 15px);
  font-weight:900;
}
#fw-widget:fullscreen.fw-firemode .fw-countdown-inline{
  font-size:clamp(11px, .82vw, 14px);
  margin-top:5px;
}
@media(max-width:900px){
  .fw-countdown-inline{
    font-size:12px;
  }
}


/* Klickbare Kacheln / Popups */
.fw-clickable{cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
.fw-clickable:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.10)}
.fw-dashboard-map-btn{width:100%;border:1px solid rgba(147,197,253,.32);background:rgba(96,165,250,.14);color:#e0f2fe;border-radius:16px;padding:10px 14px;font-size:15px;font-weight:900;cursor:pointer;margin:0 0 8px;text-align:center}
.fw-dashboard-map-btn:hover{background:rgba(96,165,250,.22)}
.fw-popup-map{height:min(52vh,460px);min-height:320px;border:1px solid #dbe3ef;border-radius:16px;overflow:hidden;margin:12px 0}
.fw-popup-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}
.fw-popup-list-item{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#f8fafc}
.fw-popup-list-item b{display:block;margin-bottom:4px;color:#0f172a}
.fw-popup-list-item small{display:block;color:#64748b;margin-top:3px}
.fw-warning-item{border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin:10px 0;background:#f8fafc}
.fw-warning-item h3{margin:0 0 6px!important;font-size:17px!important;color:#0f172a!important}
.fw-warning-item p{margin:6px 0}
.fw-warning-meta{font-size:12px;color:#64748b;font-weight:700}
.fw-warning-source{display:inline-block;background:#eef4ff;color:#1f4fbf;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;margin:0 6px 6px 0}
.fw-firemode .fw-dashboard-map-btn{display:block}
@media(max-width:700px){.fw-popup-map{height:360px}.fw-dashboard-map-btn{font-size:13px;padding:9px 12px}}



/* Wetterlage sauber responsiv */
.fw-clickable{cursor:pointer}
.fw-clickable:hover{filter:brightness(.985)}
.fw-info-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.fw-weatherwarn-list{margin:10px 0 0;padding-left:18px}
.fw-weatherwarn-list li{margin:5px 0}
@media(max-width:900px){.fw-info-row{grid-template-columns:1fr!important}}



/* =========================================================
   FEUERwetter.de – finale Neugestaltung 2026
   Fokus: Logo links, Bedienung daneben, Warnlage sauber getrennt,
   Vegetationsanalyse als eigene Fachkachel.
   ========================================================= */
.fw-widget{
  --fw-bg:#f7fafc;
  --fw-card:#ffffff;
  --fw-card-soft:#f8fafc;
  --fw-line:#dbe7f3;
  --fw-text:#101828;
  --fw-muted:#667085;
  --fw-primary:#0f766e;
  --fw-primary-2:#115e59;
  --fw-warn:#f97316;
  --fw-danger:#dc2626;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  border:1px solid var(--fw-line) !important;
  border-top:8px solid #ef4444 !important;
  border-radius:26px !important;
  padding:20px !important;
  box-shadow:0 18px 55px rgba(15,23,42,.10) !important;
  color:var(--fw-text) !important;
}
.fw-header{
  display:grid !important;
  grid-template-columns:minmax(260px,440px) 1fr !important;
  align-items:center !important;
  gap:18px !important;
  background:linear-gradient(135deg,#fff7ed 0%,#ffffff 44%,#ecfeff 100%) !important;
  border:1px solid #fed7aa !important;
  border-radius:22px !important;
  padding:14px !important;
}
.fw-logo-area{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  grid-template-areas:"logo subtitle" "logo clock" !important;
  align-items:center !important;
  justify-content:start !important;
  gap:4px 14px !important;
  width:auto !important;
  max-width:100% !important;
  flex:none !important;
  text-align:left !important;
  margin:0 !important;
}
.fw-logo{
  grid-area:logo !important;
  width:clamp(150px,18vw,260px) !important;
  max-width:260px !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
  object-fit:contain !important;
}
.fw-logo-area .fw-subtitle{
  grid-area:subtitle !important;
  text-align:left !important;
  font-size:clamp(13px,1.2vw,16px) !important;
  font-weight:800 !important;
  color:#7c2d12 !important;
  line-height:1.25 !important;
  margin:0 !important;
}
.fw-logo-area #fw-clock{
  grid-area:clock !important;
  text-align:left !important;
  font-size:13px !important;
  color:#475467 !important;
  margin:0 !important;
}
.fw-actions{
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
}
.fw-actions button,.fw-link-btn{
  border-radius:999px !important;
  padding:11px 15px !important;
  font-weight:900 !important;
  box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
}
.fw-actions button:not(.secondary){background:linear-gradient(135deg,#dc2626,#f97316) !important;color:#fff !important;}
.fw-actions .secondary{background:#ffffff !important;border:1px solid var(--fw-line) !important;color:#0f172a !important;}
.fw-risk-pill{background:#0f172a !important;color:#fff !important;border:0 !important;border-radius:999px !important;}
.fw-details-grid,.fw-status-grid,.fw-info-row,.fw-main-grid{gap:12px !important;}
.fw-tile,.fw-mini{
  background:var(--fw-card) !important;
  border:1px solid var(--fw-line) !important;
  border-radius:18px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.055) !important;
}
.fw-mini span,.fw-tile span{color:var(--fw-muted) !important;font-weight:800 !important;letter-spacing:.01em !important;}
.fw-status{font-size:17px !important;border-left:8px solid currentColor !important;}
  position:relative !important;
  overflow:hidden !important;
}
#fw-weatherwarn-card::before{content:"WETTER";}
#fw-osm-card::before{content:"VEGETATION";}
#fw-wbi-card::before{content:"WBI";}
#fw-glfi-card::before{content:"GLFI";}
  position:absolute;right:-18px;top:10px;transform:rotate(12deg);font-size:11px;font-weight:1000;letter-spacing:.12em;opacity:.12;color:#0f172a;
}
#fw-osm-card{border-left:8px solid #16a34a !important;}
#fw-weatherwarn-card{border-left:8px solid #2563eb !important;}
.fw-fire-dashboard{border-radius:22px !important;background:linear-gradient(135deg,#020617,#111827) !important;}
.fw-region-panel{background:linear-gradient(180deg,#ffffff,#f0fdf4) !important;border-color:#bbf7d0 !important;}
.fw-firemode .fw-header{background:linear-gradient(135deg,#111827,#1f2937) !important;border-color:#334155 !important;}
.fw-firemode .fw-logo-area .fw-subtitle{color:#fed7aa !important;}
.fw-firemode .fw-logo-area #fw-clock{color:#cbd5e1 !important;}
.fw-firemode .fw-actions .secondary{background:#1f2937 !important;color:#e5e7eb !important;border-color:#475569 !important;}
.fw-firemode .fw-tile,.fw-firemode .fw-mini{background:#111827 !important;color:#e5e7eb !important;border-color:#334155 !important;}
.fw-firemode #fw-osm-card{background:linear-gradient(135deg,#052e16,#111827) !important;}
@media(max-width:900px){
  .fw-header{grid-template-columns:1fr !important;}
  .fw-logo-area{grid-template-columns:1fr !important;grid-template-areas:"logo" "subtitle" "clock" !important;}
  .fw-logo{width:min(82vw,290px) !important;}
  .fw-actions{justify-content:flex-start !important;}
}
@media(max-width:560px){
  .fw-actions button,.fw-risk-pill{width:100% !important;justify-content:center !important;text-align:center !important;}
}


/* =========================================================
   FINAL-FIX 2026-05-31 – Dashboard 16:9 + kompakter Header
   Änderungen:
   - Dashboard/Vollbild passt auf einen 16:9-Monitor ohne Scrollen
   - dunkler Dashboard-Hintergrund
   - deutlich kleinere Kachelabstände und Kachelhöhen
   - Wasserzeichen/Pseudo-Labels in Kacheln entfernt
   - Normalmodus-Header flacher
   ========================================================= */

/* Wasserzeichen/Pseudo-Labels in allen Fachkacheln entfernen */
#fw-weatherwarn-card::before,
#fw-osm-card::before,
#fw-wbi-card::before,
#fw-glfi-card::before,
.fw-tile::before,
.fw-mini::before {
  content:none !important;
  display:none !important;
}

/* Normalmodus: Header flacher und aufgeräumter */
.fw-widget {
  padding:14px !important;
  border-radius:20px !important;
}

.fw-header {
  min-height:0 !important;
  padding:8px 10px !important;
  border-radius:16px !important;
  gap:10px !important;
  grid-template-columns:minmax(220px,360px) 1fr !important;
}

.fw-logo-area {
  gap:2px 10px !important;
}

.fw-logo {
  width:clamp(130px,15vw,210px) !important;
  max-width:210px !important;
}

.fw-logo-area .fw-subtitle {
  font-size:11px !important;
  line-height:1.1 !important;
}

.fw-logo-area #fw-clock {
  font-size:11px !important;
  line-height:1.1 !important;
}

.fw-actions {
  gap:6px !important;
}

.fw-actions button,
.fw-risk-pill {
  padding:7px 10px !important;
  font-size:12px !important;
  line-height:1.1 !important;
}

/* Grundabstände kompakter */
.fw-details-grid,
.fw-status-grid,
.fw-info-row,
.fw-main-grid {
  gap:8px !important;
  margin-top:8px !important;
}

.fw-tile,
.fw-mini {
  padding:10px !important;
  border-radius:14px !important;
}

.fw-mini span,
.fw-tile span {
  margin-bottom:4px !important;
}

.fw-value strong {
  font-size:21px !important;
}

/* Dashboard allgemein dunkel halten */
.fw-firemode {
  background:#020617 !important;
  background-image:linear-gradient(180deg,#020617 0%,#08111f 100%) !important;
  color:#e5eefb !important;
  border-radius:0 !important;
}

.fw-firemode .fw-header {
  background:#07111f !important;
  border-color:#1f2937 !important;
  padding:6px 8px !important;
  margin-bottom:5px !important;
  border-radius:12px !important;
}

.fw-firemode .fw-logo {
  width:clamp(120px,13vw,185px) !important;
  max-width:185px !important;
}

.fw-firemode .fw-logo-area .fw-subtitle {
  font-size:9px !important;
  line-height:1.05 !important;
}

.fw-firemode .fw-logo-area #fw-clock {
  font-size:10px !important;
  line-height:1.05 !important;
}

.fw-firemode .fw-actions button,
.fw-firemode .fw-risk-pill {
  padding:6px 8px !important;
  font-size:11px !important;
  border-radius:10px !important;
}

/* Dashboard-Kacheln kompakter */
.fw-firemode .fw-details-grid,
.fw-firemode .fw-status-grid,
.fw-firemode .fw-info-row,
.fw-firemode .fw-main-grid {
  gap:6px !important;
  margin-top:6px !important;
}

.fw-firemode .fw-mini,
.fw-firemode .fw-tile {
  border-radius:12px !important;
  padding:7px 8px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.22) !important;
}

.fw-firemode .fw-mini span,
.fw-firemode .fw-tile span {
  font-size:9px !important;
  line-height:1.05 !important;
  margin-bottom:3px !important;
}

.fw-firemode .fw-mini strong {
  font-size:13px !important;
  line-height:1.08 !important;
}

.fw-firemode .fw-status {
  min-height:52px !important;
  padding:8px !important;
  font-size:clamp(13px,1.05vw,18px) !important;
  line-height:1.08 !important;
}

.fw-firemode .fw-info-tile {
  min-height:62px !important;
}

.fw-firemode .fw-info-tile strong {
  font-size:clamp(12px,1vw,17px) !important;
  line-height:1.1 !important;
}

.fw-firemode .fw-info-tile em {
  font-size:9px !important;
  line-height:1.12 !important;
  margin-top:3px !important;
}

.fw-firemode .fw-value {
  min-height:52px !important;
}

.fw-firemode .fw-value strong {
  font-size:clamp(16px,1.15vw,23px) !important;
  line-height:1.02 !important;
}

.fw-firemode .fw-wind-line {
  font-size:clamp(13px,1vw,18px) !important;
  line-height:1.02 !important;
}

.fw-firemode .fw-wind-sub,
.fw-firemode .fw-countdown-inline {
  font-size:8.5px !important;
  line-height:1.05 !important;
  margin-top:1px !important;
}

/* Dashboard-Laufband kompakter */
.fw-firemode .fw-fire-dashboard {
  margin-top:6px !important;
  padding:7px !important;
  border-radius:14px !important;
  background:#020617 !important;
  border-color:#1f2937 !important;
}

.fw-firemode .fw-fire-ticker-title {
  font-size:10px !important;
  margin:0 0 4px !important;
  line-height:1 !important;
}

.fw-firemode .fw-dashboard-map-btn {
  padding:6px 8px !important;
  font-size:11px !important;
  margin-bottom:4px !important;
  border-radius:10px !important;
}

.fw-firemode .fw-fire-ticker-row,
.fw-firemode .fw-fire-ticker-row-region {
  height:32px !important;
  margin-top:4px !important;
  border-radius:10px !important;
}

.fw-firemode .fw-fire-track {
  gap:24px !important;
}

.fw-firemode .fw-fire-track span,
.fw-firemode .fw-fire-track-region span {
  font-size:13px !important;
  line-height:1 !important;
}

/* 16:9-Fullscreen: eine Bildschirmhöhe, keine Scrollbar */
#fw-widget:fullscreen.fw-firemode {
  width:100vw !important;
  height:100vh !important;
  max-height:100vh !important;
  overflow:hidden !important;
  padding:8px !important;
  display:grid !important;
  grid-template-rows:auto auto auto auto auto 1fr !important;
  gap:0 !important;
  background:#020617 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-header {
  grid-template-columns:minmax(130px,190px) minmax(0,1fr) !important;
  padding:5px 7px !important;
  margin:0 0 4px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-logo {
  width:clamp(110px,12vw,165px) !important;
  max-width:165px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-logo-area .fw-subtitle {
  font-size:8px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-logo-area #fw-clock {
  font-size:9px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-actions {
  gap:4px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-actions button,
#fw-widget:fullscreen.fw-firemode .fw-risk-pill {
  padding:5px 7px !important;
  font-size:10px !important;
  line-height:1 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-details-grid {
  grid-template-columns:1.1fr 1.25fr 1fr !important;
  gap:5px !important;
  margin:0 0 5px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-status-grid {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:5px !important;
  margin-top:0 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-info-row {
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:5px !important;
  margin-top:5px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-main-grid {
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:5px !important;
  margin-top:5px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-mini,
#fw-widget:fullscreen.fw-firemode .fw-tile {
  padding:6px !important;
  border-radius:10px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-mini span,
#fw-widget:fullscreen.fw-firemode .fw-tile span {
  font-size:8px !important;
  margin-bottom:2px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-mini strong {
  font-size:11px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-status {
  min-height:42px !important;
  padding:6px !important;
  font-size:clamp(11px,.92vw,15px) !important;
}

#fw-widget:fullscreen.fw-firemode .fw-info-tile {
  min-height:54px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-info-tile strong {
  font-size:clamp(10px,.85vw,14px) !important;
}

#fw-widget:fullscreen.fw-firemode .fw-info-tile em {
  font-size:7.5px !important;
  line-height:1.05 !important;
  margin-top:2px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-value {
  min-height:44px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-value strong {
  font-size:clamp(13px,.95vw,18px) !important;
}

#fw-widget:fullscreen.fw-firemode .fw-wind-line {
  font-size:clamp(11px,.85vw,16px) !important;
}

#fw-widget:fullscreen.fw-firemode .fw-wind-sub,
#fw-widget:fullscreen.fw-firemode .fw-countdown-inline {
  font-size:7px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-dashboard {
  align-self:stretch !important;
  margin:5px 0 0 !important;
  padding:6px !important;
  min-height:0 !important;
  overflow:hidden !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-title {
  font-size:9px !important;
  margin-bottom:3px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-dashboard-map-btn {
  padding:5px 7px !important;
  font-size:10px !important;
  margin-bottom:3px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row,
#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row-region {
  height:27px !important;
  margin-top:3px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-track span,
#fw-widget:fullscreen.fw-firemode .fw-fire-track-region span {
  font-size:11px !important;
}

/* Besonders wichtig: auf typischen 16:9 Full-HD-Monitoren alles weiter verdichten */
@media (min-aspect-ratio: 16/10) and (min-width: 1200px) {
  #fw-widget:fullscreen.fw-firemode .fw-info-row {
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-status {
    min-height:40px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-info-tile {
    min-height:50px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-value {
    min-height:42px !important;
  }
}

/* Mobile/Tablet normal weiterhin lesbar und scrollbar */
@media (max-width: 900px) {
  .fw-header {
    grid-template-columns:1fr !important;
  }

  .fw-actions {
    justify-content:center !important;
  }

  .fw-firemode,
  #fw-widget:fullscreen.fw-firemode {
    overflow-y:auto !important;
    display:block !important;
  }

  .fw-firemode .fw-status-grid,
  .fw-firemode .fw-info-row,
  .fw-firemode .fw-main-grid,
  .fw-firemode .fw-details-grid {
    grid-template-columns:1fr !important;
  }
}

  /* =========================================================
     FINAL RESPONSIVE CLEANUP – ohne amtliche Warnlage
     ========================================================= */
  .fw-info-row {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 8px !important;
  }

  .fw-main-grid,
  .fw-status-grid,
  .fw-details-grid {
    gap: 8px !important;
  }

  .fw-widget {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .fw-header {
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  .fw-logo {
    width: clamp(130px, 16vw, 220px) !important;
  }

  .fw-actions {
    gap: 7px !important;
  }

  .fw-actions button,
  .fw-risk-pill {
    padding: 8px 11px !important;
    font-size: 13px !important;
  }

  .fw-tile,
  .fw-mini {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .fw-value strong {
    font-size: clamp(18px, 2vw, 24px) !important;
  }

  .fw-firemode {
    background: #050b14 !important;
  }

  .fw-firemode .fw-header {
    background: #0b1220 !important;
    padding: 7px 9px !important;
    margin-bottom: 6px !important;
  }

  .fw-firemode .fw-status-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .fw-firemode .fw-info-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .fw-firemode .fw-main-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .fw-firemode .fw-details-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #fw-widget:fullscreen.fw-firemode {
    height: 100vh !important;
    width: 100vw !important;
    overflow: hidden !important;
    padding: 8px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-logo {
    width: clamp(110px, 13vw, 180px) !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-subtitle {
    font-size: 10px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-details-grid,
  #fw-widget:fullscreen.fw-firemode .fw-status-grid,
  #fw-widget:fullscreen.fw-firemode .fw-info-row,
  #fw-widget:fullscreen.fw-firemode .fw-main-grid {
    gap: 5px !important;
    margin-top: 5px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-tile,
  #fw-widget:fullscreen.fw-firemode .fw-mini {
    padding: 7px !important;
    border-radius: 11px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-status {
    min-height: 58px !important;
    font-size: clamp(13px, 1.05vw, 18px) !important;
    line-height: 1.08 !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-info-tile {
    min-height: 64px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-info-tile strong {
    font-size: clamp(12px, .95vw, 16px) !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-info-tile em {
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-value {
    min-height: 50px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-value strong,
  #fw-widget:fullscreen.fw-firemode .fw-wind-line {
    font-size: clamp(15px, 1.05vw, 21px) !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-fire-dashboard {
    margin-top: 6px !important;
    padding: 7px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row,
  #fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row-region {
    height: clamp(30px, 3.5vh, 42px) !important;
    margin-top: 4px !important;
  }

  #fw-widget:fullscreen.fw-firemode .fw-fire-track span,
  #fw-widget:fullscreen.fw-firemode .fw-fire-track-region span {
    font-size: clamp(12px, 1vw, 17px) !important;
  }

  @media (max-width: 1180px) {
    .fw-firemode .fw-status-grid,
    .fw-firemode .fw-info-row,
    .fw-firemode .fw-main-grid,
    .fw-firemode .fw-details-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #fw-widget:fullscreen.fw-firemode {
      overflow-y: auto !important;
    }
  }

  @media (max-width: 760px) {
    .fw-header {
      grid-template-columns: 1fr !important;
    }

    .fw-logo-area {
      grid-template-columns: 1fr !important;
      grid-template-areas: "logo" "subtitle" "clock" !important;
      justify-items: center !important;
      text-align: center !important;
    }

    .fw-logo-area .fw-subtitle,
    .fw-logo-area #fw-clock {
      text-align: center !important;
    }

    .fw-actions {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      width: 100% !important;
    }

    .fw-actions button,
    .fw-risk-pill {
      width: 100% !important;
      white-space: normal !important;
    }

    .fw-risk-pill {
      grid-column: 1 / -1 !important;
    }

    .fw-details-grid,
    .fw-status-grid,
    .fw-info-row,
    .fw-main-grid,
    .fw-firemode .fw-details-grid,
    .fw-firemode .fw-status-grid,
    .fw-firemode .fw-info-row,
    .fw-firemode .fw-main-grid {
      grid-template-columns: 1fr !important;
    }
  }



/* =========================================================
   LOGO-/HEADER-FIX + LESBARKEIT DASHBOARD 2026-05-31
   Fix: Logo sitzt links sauber, Text daneben ohne Überlappung.
   Fullscreen/Dashboard: stärkere Typografie und bessere Kontraste.
   ========================================================= */

/* Header im Normalmodus: linke Markenzone groß genug, damit Logo und Text nicht kollidieren */
.fw-header{
  grid-template-columns:minmax(430px, 540px) minmax(0, 1fr) !important;
  align-items:center !important;
  padding:10px 12px !important;
  gap:14px !important;
}

.fw-logo-area{
  display:grid !important;
  grid-template-columns:minmax(150px, 220px) minmax(190px, 1fr) !important;
  grid-template-areas:"logo subtitle" "logo clock" !important;
  align-items:center !important;
  column-gap:14px !important;
  row-gap:2px !important;
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
  justify-self:start !important;
}

.fw-logo{
  grid-area:logo !important;
  width:100% !important;
  max-width:220px !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 !important;
  display:block !important;
}

.fw-logo-area .fw-subtitle{
  grid-area:subtitle !important;
  width:auto !important;
  max-width:none !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  font-size:clamp(14px, 1.05vw, 18px) !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  color:#7c2d12 !important;
  margin:0 !important;
}

.fw-logo-area #fw-clock{
  grid-area:clock !important;
  width:auto !important;
  max-width:none !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  font-size:clamp(15px, 1.15vw, 22px) !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  color:#334155 !important;
  margin:0 !important;
}

.fw-actions{
  min-width:0 !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

/* Vollbild im normalen Modus: Header nicht quetschen, Texte deutlich lesbarer */
#fw-widget:fullscreen:not(.fw-firemode){
  background:#f8fafc !important;
  padding:10px !important;
  overflow-y:auto !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-header{
  grid-template-columns:minmax(440px, 560px) minmax(0,1fr) !important;
  padding:8px 12px !important;
  min-height:0 !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area{
  grid-template-columns:minmax(145px, 220px) minmax(210px, 1fr) !important;
  column-gap:16px !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-logo{
  max-width:220px !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area .fw-subtitle{
  font-size:clamp(15px, 1.15vw, 20px) !important;
  line-height:1.12 !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area #fw-clock{
  font-size:clamp(17px, 1.28vw, 24px) !important;
  line-height:1.12 !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-actions button,
#fw-widget:fullscreen:not(.fw-firemode) .fw-risk-pill{
  font-size:clamp(13px, .95vw, 16px) !important;
  padding:8px 12px !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-tile,
#fw-widget:fullscreen:not(.fw-firemode) .fw-mini{
  padding:11px 12px !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-tile span,
#fw-widget:fullscreen:not(.fw-firemode) .fw-mini span{
  font-size:clamp(13px, .95vw, 16px) !important;
  line-height:1.2 !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-mini strong,
#fw-widget:fullscreen:not(.fw-firemode) .fw-info-tile strong{
  font-size:clamp(16px, 1.1vw, 21px) !important;
  line-height:1.22 !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-value strong{
  font-size:clamp(24px, 1.7vw, 34px) !important;
  line-height:1.1 !important;
}

#fw-widget:fullscreen:not(.fw-firemode) .fw-status{
  font-size:clamp(18px, 1.35vw, 26px) !important;
  line-height:1.15 !important;
}

/* Dashboardmodus: dunkler Hintergrund, hoher Kontrast, größere Schrift */
.fw-firemode,
#fw-widget:fullscreen.fw-firemode{
  background:#020617 !important;
  color:#f8fafc !important;
}

.fw-firemode .fw-header,
#fw-widget:fullscreen.fw-firemode .fw-header{
  grid-template-columns:minmax(380px, 500px) minmax(0,1fr) !important;
  background:#07111f !important;
  border-color:#26364d !important;
  padding:8px 10px !important;
  gap:12px !important;
}

.fw-firemode .fw-logo-area,
#fw-widget:fullscreen.fw-firemode .fw-logo-area{
  grid-template-columns:minmax(130px, 195px) minmax(190px, 1fr) !important;
  grid-template-areas:"logo subtitle" "logo clock" !important;
  column-gap:14px !important;
  max-width:none !important;
  width:100% !important;
  justify-self:start !important;
  overflow:visible !important;
}

.fw-firemode .fw-logo,
#fw-widget:fullscreen.fw-firemode .fw-logo{
  width:100% !important;
  max-width:195px !important;
  height:auto !important;
}

.fw-firemode .fw-logo-area .fw-subtitle,
#fw-widget:fullscreen.fw-firemode .fw-logo-area .fw-subtitle{
  font-size:clamp(13px, 1vw, 17px) !important;
  line-height:1.12 !important;
  color:#fed7aa !important;
  font-weight:950 !important;
  text-align:left !important;
}

.fw-firemode .fw-logo-area #fw-clock,
#fw-widget:fullscreen.fw-firemode .fw-logo-area #fw-clock{
  font-size:clamp(15px, 1.15vw, 21px) !important;
  line-height:1.12 !important;
  color:#ffffff !important;
  font-weight:1000 !important;
  text-align:left !important;
}

.fw-firemode .fw-actions button,
.fw-firemode .fw-risk-pill,
#fw-widget:fullscreen.fw-firemode .fw-actions button,
#fw-widget:fullscreen.fw-firemode .fw-risk-pill{
  font-size:clamp(13px, .95vw, 16px) !important;
  padding:8px 12px !important;
  line-height:1.15 !important;
}

.fw-firemode .fw-tile,
.fw-firemode .fw-mini{
  background:#0f172a !important;
  color:#f8fafc !important;
  border-color:#334155 !important;
}

.fw-firemode .fw-tile span,
.fw-firemode .fw-mini span{
  color:#cbd5e1 !important;
  font-size:clamp(12px, .95vw, 15px) !important;
  line-height:1.2 !important;
}

.fw-firemode .fw-mini strong,
.fw-firemode .fw-info-tile strong{
  color:#ffffff !important;
  font-size:clamp(16px, 1.18vw, 23px) !important;
  line-height:1.2 !important;
}

.fw-firemode .fw-info-tile em{
  color:#dbeafe !important;
  font-size:clamp(12px, .9vw, 15px) !important;
  line-height:1.25 !important;
}

.fw-firemode .fw-value strong{
  color:#ffffff !important;
  font-size:clamp(22px, 1.6vw, 32px) !important;
  line-height:1.08 !important;
}

.fw-firemode .fw-status{
  font-size:clamp(17px, 1.35vw, 26px) !important;
  line-height:1.14 !important;
  font-weight:1000 !important;
}

/* Wenn wenig Breite vorhanden ist: sauber stapeln statt quetschen */
@media(max-width:1180px){
  .fw-header,
  #fw-widget:fullscreen:not(.fw-firemode) .fw-header,
  .fw-firemode .fw-header,
  #fw-widget:fullscreen.fw-firemode .fw-header{
    grid-template-columns:1fr !important;
  }

  .fw-logo-area,
  #fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area,
  .fw-firemode .fw-logo-area,
  #fw-widget:fullscreen.fw-firemode .fw-logo-area{
    grid-template-columns:minmax(130px, 210px) minmax(220px, 1fr) !important;
    width:min(100%, 560px) !important;
    justify-self:center !important;
  }

  .fw-actions,
  .fw-firemode .fw-actions,
  #fw-widget:fullscreen.fw-firemode .fw-actions{
    justify-content:center !important;
  }
}

@media(max-width:700px){
  .fw-logo-area,
  #fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area,
  .fw-firemode .fw-logo-area,
  #fw-widget:fullscreen.fw-firemode .fw-logo-area{
    grid-template-columns:1fr !important;
    grid-template-areas:"logo" "subtitle" "clock" !important;
    width:100% !important;
    max-width:330px !important;
    justify-self:center !important;
    text-align:center !important;
  }

  .fw-logo{
    justify-self:center !important;
    max-width:260px !important;
  }

  .fw-logo-area .fw-subtitle,
  .fw-logo-area #fw-clock,
  .fw-firemode .fw-logo-area .fw-subtitle,
  .fw-firemode .fw-logo-area #fw-clock{
    text-align:center !important;
  }
}



/* =========================================================
   FINALER RESPONSIVE-/DASHBOARD-FIX 2026-05-31
   Logo sauber links, Header ohne Überlagerung, Dashboard lesbarer:
   kleinere leere Kacheln, größere Laufbänder, bessere Schriftgrößen.
   ========================================================= */

/* Grundlayout Header: Logo links als eigene Spalte, Text sauber daneben */
.fw-header{
  display:grid !important;
  grid-template-columns:minmax(390px, 520px) minmax(0, 1fr) !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 14px !important;
  min-height:0 !important;
}

.fw-logo-area{
  display:grid !important;
  grid-template-columns:clamp(160px, 16vw, 235px) minmax(180px, 1fr) !important;
  grid-template-areas:"logo subtitle" "logo clock" !important;
  align-items:center !important;
  justify-items:start !important;
  gap:3px 16px !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  overflow:visible !important;
}

.fw-logo{
  grid-area:logo !important;
  width:clamp(160px, 16vw, 235px) !important;
  max-width:235px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  object-position:left center !important;
  justify-self:start !important;
  align-self:center !important;
  margin:0 !important;
}

.fw-logo-area .fw-subtitle{
  grid-area:subtitle !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  max-width:280px !important;
  font-size:clamp(13px, 1vw, 17px) !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  margin:0 !important;
}

.fw-logo-area #fw-clock{
  grid-area:clock !important;
  text-align:left !important;
  max-width:280px !important;
  white-space:normal !important;
  font-size:clamp(14px, 1vw, 20px) !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  margin:0 !important;
}

.fw-actions{
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}

.fw-actions button,
.fw-risk-pill{
  font-size:clamp(12px, .9vw, 15px) !important;
  padding:8px 12px !important;
  line-height:1.12 !important;
  white-space:nowrap !important;
}

/* Normales Vollbild: Logo nicht mehr in Text schieben */
#fw-widget:fullscreen:not(.fw-firemode) .fw-header{
  grid-template-columns:minmax(390px, 520px) minmax(0,1fr) !important;
  padding:8px 12px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area{
  grid-template-columns:clamp(150px, 15vw, 220px) minmax(180px, 1fr) !important;
  gap:2px 16px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-logo{
  width:clamp(150px, 15vw, 220px) !important;
  max-width:220px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area .fw-subtitle,
#fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area #fw-clock{
  max-width:300px !important;
}

/* Dashboard: Header kompakt, Logo links gut sichtbar, Text daneben */
.fw-firemode .fw-header,
#fw-widget:fullscreen.fw-firemode .fw-header{
  grid-template-columns:minmax(330px, 430px) minmax(0,1fr) !important;
  background:#07111f !important;
  border-color:#27364f !important;
  padding:8px 10px !important;
  gap:12px !important;
}

.fw-firemode .fw-logo-area,
#fw-widget:fullscreen.fw-firemode .fw-logo-area{
  grid-template-columns:clamp(115px, 12vw, 170px) minmax(170px, 1fr) !important;
  grid-template-areas:"logo subtitle" "logo clock" !important;
  gap:2px 12px !important;
  justify-self:start !important;
  width:100% !important;
  max-width:none !important;
}

.fw-firemode .fw-logo,
#fw-widget:fullscreen.fw-firemode .fw-logo{
  width:clamp(115px, 12vw, 170px) !important;
  max-width:170px !important;
  height:auto !important;
}

.fw-firemode .fw-logo-area .fw-subtitle,
#fw-widget:fullscreen.fw-firemode .fw-logo-area .fw-subtitle{
  max-width:230px !important;
  font-size:clamp(11px, .9vw, 15px) !important;
  line-height:1.1 !important;
  color:#fed7aa !important;
  font-weight:950 !important;
}

.fw-firemode .fw-logo-area #fw-clock,
#fw-widget:fullscreen.fw-firemode .fw-logo-area #fw-clock{
  max-width:230px !important;
  font-size:clamp(12px, .95vw, 16px) !important;
  line-height:1.08 !important;
  color:#ffffff !important;
  font-weight:1000 !important;
}

/* Dashboard generell: weniger leere Fläche, dafür stärkere Lesbarkeit */
.fw-firemode,
#fw-widget:fullscreen.fw-firemode{
  background:#020617 !important;
  color:#f8fafc !important;
}

#fw-widget:fullscreen.fw-firemode{
  overflow:hidden !important;
  padding:8px !important;
  display:grid !important;
  grid-template-rows:auto auto auto auto auto auto 1fr !important;
  gap:7px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-details-grid,
#fw-widget:fullscreen.fw-firemode .fw-status-grid,
#fw-widget:fullscreen.fw-firemode .fw-info-row,
#fw-widget:fullscreen.fw-firemode .fw-main-grid{
  margin-top:0 !important;
  gap:7px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-details-grid{
  grid-template-columns:1fr 1.15fr .9fr !important;
}

#fw-widget:fullscreen.fw-firemode .fw-status-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}

#fw-widget:fullscreen.fw-firemode .fw-info-row{
  grid-template-columns:1fr 1.05fr 1.05fr 1.05fr 1.05fr !important;
}

#fw-widget:fullscreen.fw-firemode .fw-main-grid{
  grid-template-columns:repeat(6, minmax(0,1fr)) !important;
}

#fw-widget:fullscreen.fw-firemode .fw-tile,
#fw-widget:fullscreen.fw-firemode .fw-mini{
  background:#101827 !important;
  border:1px solid #334155 !important;
  color:#f8fafc !important;
  border-radius:12px !important;
  padding:10px 12px !important;
  box-shadow:none !important;
}

#fw-widget:fullscreen.fw-firemode .fw-mini{
  min-height:72px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-status{
  min-height:68px !important;
  font-size:clamp(17px, 1.25vw, 24px) !important;
  line-height:1.12 !important;
  font-weight:1000 !important;
  display:flex !important;
  align-items:center !important;
}

#fw-widget:fullscreen.fw-firemode .fw-info-tile{
  min-height:88px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-value{
  min-height:96px !important;
  display:block !important;
}

#fw-widget:fullscreen.fw-firemode .fw-tile span,
#fw-widget:fullscreen.fw-firemode .fw-mini span{
  color:#cbd5e1 !important;
  font-size:clamp(10px, .78vw, 13px) !important;
  line-height:1.15 !important;
  margin-bottom:5px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

#fw-widget:fullscreen.fw-firemode .fw-mini strong,
#fw-widget:fullscreen.fw-firemode .fw-info-tile strong{
  color:#ffffff !important;
  font-size:clamp(14px, 1vw, 19px) !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-info-tile em{
  color:#dbeafe !important;
  font-size:clamp(10px, .78vw, 13px) !important;
  line-height:1.18 !important;
  margin-top:5px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-value strong{
  color:#ffffff !important;
  font-size:clamp(22px, 1.55vw, 32px) !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-wind-line{
  font-size:clamp(14px, .95vw, 19px) !important;
  font-weight:950 !important;
}

#fw-widget:fullscreen.fw-firemode .fw-wind-sub{
  color:#dbeafe !important;
  font-size:clamp(10px, .75vw, 13px) !important;
  line-height:1.15 !important;
  margin-top:3px !important;
}

/* Große Kachelreihe nicht mehr riesig leer wirken lassen */
#fw-widget:fullscreen.fw-firemode .fw-main-grid .fw-value{
  min-height:110px !important;
}

/* Laufband deutlich größer und wichtiger */
#fw-widget:fullscreen.fw-firemode .fw-fire-dashboard{
  margin-top:0 !important;
  padding:10px !important;
  border-radius:16px !important;
  background:#030b18 !important;
  border:1px solid #334155 !important;
  align-self:stretch !important;
  overflow:hidden !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-title{
  font-size:clamp(13px, .9vw, 17px) !important;
  line-height:1.1 !important;
  margin:0 0 8px !important;
  color:#f8fafc !important;
  letter-spacing:.06em !important;
}

#fw-widget:fullscreen.fw-firemode .fw-dashboard-map-btn{
  font-size:clamp(13px, .95vw, 17px) !important;
  padding:9px 12px !important;
  margin-bottom:7px !important;
  border-radius:12px !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row,
#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row-region{
  height:clamp(45px, 5.4vh, 64px) !important;
  margin-top:7px !important;
  border-radius:13px !important;
  background:rgba(96,165,250,.12) !important;
  border-color:rgba(147,197,253,.35) !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-track span,
#fw-widget:fullscreen.fw-firemode .fw-fire-track-region span{
  font-size:clamp(19px, 1.45vw, 29px) !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  padding:0 12px !important;
  color:#ffffff !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-track b,
#fw-widget:fullscreen.fw-firemode .fw-fire-track-region b{
  color:#bfdbfe !important;
}

#fw-widget:fullscreen.fw-firemode .fw-fire-track em,
#fw-widget:fullscreen.fw-firemode .fw-fire-track-region em{
  color:#fde68a !important;
  font-style:normal !important;
}

/* Dashboard auf iPad-Höhe: scrollen erlauben, aber trotzdem lesbar bleiben */
@media (max-height: 850px){
  #fw-widget:fullscreen.fw-firemode{
    overflow-y:auto !important;
    display:block !important;
  }
  #fw-widget:fullscreen.fw-firemode .fw-value,
  #fw-widget:fullscreen.fw-firemode .fw-main-grid .fw-value{
    min-height:82px !important;
  }
  #fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row,
  #fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row-region{
    height:44px !important;
  }
  #fw-widget:fullscreen.fw-firemode .fw-fire-track span,
  #fw-widget:fullscreen.fw-firemode .fw-fire-track-region span{
    font-size:18px !important;
  }
}

/* Schmale Tablets: Header zweizeilig, Logo trotzdem ordentlich */
@media(max-width:1180px){
  .fw-header,
  .fw-firemode .fw-header,
  #fw-widget:fullscreen:not(.fw-firemode) .fw-header,
  #fw-widget:fullscreen.fw-firemode .fw-header{
    grid-template-columns:1fr !important;
  }
  .fw-logo-area,
  .fw-firemode .fw-logo-area,
  #fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area,
  #fw-widget:fullscreen.fw-firemode .fw-logo-area{
    width:min(100%, 540px) !important;
    justify-self:center !important;
  }
  .fw-actions,
  .fw-firemode .fw-actions,
  #fw-widget:fullscreen.fw-firemode .fw-actions{
    justify-content:center !important;
  }
}

@media(max-width:760px){
  .fw-logo-area,
  .fw-firemode .fw-logo-area,
  #fw-widget:fullscreen:not(.fw-firemode) .fw-logo-area,
  #fw-widget:fullscreen.fw-firemode .fw-logo-area{
    grid-template-columns:1fr !important;
    grid-template-areas:"logo" "subtitle" "clock" !important;
    justify-items:center !important;
    text-align:center !important;
    max-width:330px !important;
  }
  .fw-logo,
  .fw-firemode .fw-logo,
  #fw-widget:fullscreen.fw-firemode .fw-logo{
    width:min(78vw, 240px) !important;
    max-width:240px !important;
    justify-self:center !important;
  }
  .fw-logo-area .fw-subtitle,
  .fw-logo-area #fw-clock,
  .fw-firemode .fw-logo-area .fw-subtitle,
  .fw-firemode .fw-logo-area #fw-clock{
    text-align:center !important;
    max-width:100% !important;
  }
  .fw-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
  }
  .fw-actions button,
  .fw-risk-pill{
    width:100% !important;
    white-space:normal !important;
    text-align:center !important;
  }
  .fw-risk-pill{grid-column:1 / -1 !important;}
}


/* =========================================================
   FINAL 2026-05-31 – Regionale Kreise einklappbar
   - Top-3 bleibt immer sichtbar
   - alle umliegenden Kreise per separatem Button ein-/ausblendbar
   - Buttons im Normal-Vollbild untereinander
   - Dashboardtexte und Laufbänder besser lesbar
   ========================================================= */
.fw-region-grid.fw-region-collapsed{
  display:none !important;
}
.fw-bottom-actions{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:10px;
  margin-top:12px;
  flex-wrap:wrap;
}
.fw-bottom-actions .fw-link-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:280px;
  width:auto;
  flex:0 0 auto;
.fw-bottom-actions .fw-link-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(15,23,42,.12) !important;
}
.fw-region-panel{
  margin-bottom:0 !important;
}
.fw-region-top3{
  font-size:clamp(13px, 1.05vw, 16px) !important;
  padding:10px 12px !important;
}
.fw-region-grid{
  margin-top:10px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-bottom-actions{
  align-items:flex-start !important;
  gap:8px !important;
  margin-top:10px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-bottom-actions .fw-link-btn{
  width:min(360px, 32vw) !important;
  min-width:300px !important;
  font-size:15px !important;
  padding:11px 16px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-region-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-region-card{
  min-height:64px !important;
  padding:8px 10px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-region-card b{
  font-size:14px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-region-card span,
#fw-widget:fullscreen:not(.fw-firemode) .fw-region-card small{
  font-size:12px !important;
}
/* Im Dashboardmodus werden die normalen Detail-Buttons ausgeblendet,
   die regionale Lage läuft dort weiter im großen Ticker. */
.fw-firemode .fw-bottom-actions{
  display:none !important;
}
/* Dashboard: kleine leere Kacheln vermeiden, Laufbänder präsenter machen */
.fw-firemode .fw-main-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
.fw-firemode .fw-value{
  min-height:clamp(92px, 12vh, 135px) !important;
  padding:14px 16px !important;
}
#fw-widget:fullscreen.fw-firemode .fw-value{
  min-height:clamp(86px, 11vh, 120px) !important;
}
.fw-firemode .fw-value strong{
  font-size:clamp(26px, 2.05vw, 38px) !important;
}
.fw-firemode .fw-value span{
  font-size:clamp(13px, 1.05vw, 16px) !important;
}
.fw-firemode .fw-fire-dashboard{
  padding:14px !important;
  margin-top:12px !important;
}
.fw-firemode .fw-fire-ticker-title{
  font-size:clamp(16px, 1.25vw, 22px) !important;
  margin-bottom:10px !important;
}
.fw-firemode .fw-dashboard-map-btn{
  font-size:clamp(15px, 1.15vw, 20px) !important;
  padding:12px 18px !important;
}
.fw-firemode .fw-fire-ticker-row{
  height:clamp(54px, 5.7vh, 78px) !important;
  margin-top:9px !important;
}
.fw-firemode .fw-fire-track span{
  font-size:clamp(22px, 1.75vw, 34px) !important;
  line-height:1.1 !important;
}
#fw-widget:fullscreen.fw-firemode .fw-fire-ticker-row{
  height:clamp(52px, 5.8vh, 74px) !important;
}
#fw-widget:fullscreen.fw-firemode .fw-fire-track span{
  font-size:clamp(21px, 1.7vw, 32px) !important;
}
/* Dashboard-Header/Logo: sauber links, nicht gequetscht */
.fw-firemode .fw-logo-area{
  grid-template-columns:auto 1fr !important;
  grid-template-areas:"logo subtitle" "logo clock" !important;
  align-items:center !important;
  justify-self:start !important;
  min-width:260px !important;
}
.fw-firemode .fw-logo{
  width:clamp(120px, 10vw, 170px) !important;
  max-width:170px !important;
}
.fw-firemode .fw-logo-area .fw-subtitle,
.fw-firemode .fw-logo-area #fw-clock{
  text-align:left !important;
}
@media(max-width:900px){
  .fw-bottom-actions{align-items:stretch !important;}
  .fw-bottom-actions .fw-link-btn{width:100% !important;min-width:0 !important;}
  .fw-region-top3{font-size:12px !important;}
  .fw-region-grid{grid-template-columns:1fr !important;}
}



/* =========================================================
   FIX: Alle umliegenden Kreise wirklich standardmäßig ausblenden
   Top-3 bleibt sichtbar. Der Button unterhalb blendet nur das Grid ein/aus.
   ========================================================= */
#fw-region-grid.fw-region-collapsed,
.fw-region-grid.fw-region-collapsed{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
}
#fw-region-grid:not(.fw-region-collapsed){
  display:grid !important;
  visibility:visible !important;
  height:auto !important;
  max-height:none !important;
  margin-top:10px !important;
}
.fw-bottom-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
}
#fw-widget:fullscreen:not(.fw-firemode) .fw-bottom-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}


/* =========================================================
   DEFINITIVER FIX: Regionale Lageübersicht
   Standardansicht zeigt NUR Top-3.
   Die komplette Kreisliste bleibt unsichtbar, bis der Button
   „Alle umliegenden Kreise einblenden“ gedrückt wird.
   ========================================================= */
#fw-region-panel #fw-region-grid[hidden],
#fw-region-panel #fw-region-grid[data-expanded="false"],
#fw-region-panel #fw-region-grid.fw-region-collapsed{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
#fw-region-panel #fw-region-grid[data-expanded="true"]{
  display:grid !important;
  visibility:visible !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin-top:10px !important;
  padding:0 !important;
  overflow:visible !important;
}
#fw-region-panel .fw-region-top3{
  display:block !important;
  margin-bottom:0 !important;
}
#fw-toggle-region::before{
  content:"🌍 ";
}
#fw-toggle-pro::before{
  content:"📈 ";
}
.fw-bottom-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
  margin-top:12px !important;
}
@media(max-width:700px){
  .fw-bottom-actions .fw-link-btn{
    width:100% !important;
    min-width:0 !important;
  }
}
/* ===================================
   FEUERwetter Disclaimer Modal
=================================== */

.fw-modal-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  background:rgba(15,23,42,.82);
  backdrop-filter:blur(8px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.fw-modal{
  width:min(1150px,95vw);
  max-height:92vh;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(0,0,0,.35);
  position:relative;
}

.fw-modal-header{
  text-align:center;
  padding:25px;
  border-bottom:1px solid #e2e8f0;
}

.fw-modal-logo{
  max-width:260px;
  margin-bottom:15px;
}

.fw-modal-version{
  color:#64748b;
  font-size:13px;
}

.fw-modal-content{
  max-height:58vh;
  overflow-y:auto;
  padding:15px;
}

.fw-modal-footer{
  padding:20px;
  border-top:1px solid #e2e8f0;
  text-align:center;
}

.fw-disclaimer-check{
  display:block;
  margin-bottom:15px;
  font-weight:600;
}

.fw-accept-btn{
  background:#16a34a;
  color:#fff;
  border:none;
  border-radius:999px;
  padding:14px 28px;
  font-weight:700;
  cursor:pointer;
}

.fw-accept-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.fw-legal-links{
  margin-top:15px;
}

.fw-legal-links a{
  color:#1d4ed8;
  text-decoration:none;
}

.fw-modal-close{
  position:absolute;
  right:15px;
  top:15px;
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  cursor:pointer;
}