.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;}
#fw-weatherwarn-card,#fw-osm-card,#fw-wbi-card,#fw-glfi-card{
  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";}
#fw-weatherwarn-card::before,#fw-osm-card::before,#fw-wbi-card::before,#fw-glfi-card::before{
  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 Website Footer – v1.6.2
   Muss zu folgendem HTML passen:
   <footer class="fw-site-footer">
     <div class="fw-footer-brand">🔥 FEUERwetter.de</div>
     <div class="fw-footer-subtitle">Wald- & Vegetationsbrandanalyse</div>
     <nav class="fw-footer-links">...</nav>
     <div class="fw-footer-copy">...</div>
   </footer>
   ========================================================= */

#fw-widget .fw-site-footer{
  margin:22px -4px -4px !important;
  padding:22px 16px 20px !important;
  text-align:center !important;
  border-top:1px solid #dbe7f3 !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  border-radius:0 0 18px 18px !important;
  color:#64748b !important;
  font-family:Arial,sans-serif !important;
}

#fw-widget .fw-footer-brand{
  color:#0f172a !important;
  font-size:19px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}

#fw-widget .fw-footer-subtitle{
  margin-top:5px !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#64748b !important;
}

#fw-widget .fw-footer-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:12px !important;
  flex-wrap:wrap !important;
}

#fw-widget .fw-footer-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#eef4ff !important;
  border:1px solid #dbe7f3 !important;
  color:#1d4ed8 !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

#fw-widget .fw-footer-links a:hover{
  background:#dbeafe !important;
  text-decoration:none !important;
  transform:translateY(-1px) !important;
}

#fw-widget .fw-footer-links span{
  color:#94a3b8 !important;
  font-weight:900 !important;
}

#fw-widget .fw-footer-copy{
  margin-top:12px !important;
  font-size:11px !important;
  line-height:1.35 !important;
  color:#94a3b8 !important;
}

/* Footer im Dashboardmodus ausblenden, damit der Monitor-/ELW-Modus frei bleibt */
#fw-widget.fw-firemode .fw-site-footer,
#fw-widget:fullscreen .fw-site-footer{
  display:none !important;
}

@media(max-width:700px){
  #fw-widget .fw-site-footer{
    margin:18px -2px -2px !important;
    padding:20px 12px calc(20px + env(safe-area-inset-bottom)) !important;
  }

  #fw-widget .fw-footer-brand{
    font-size:18px !important;
  }

  #fw-widget .fw-footer-subtitle{
    font-size:12px !important;
  }

  #fw-widget .fw-footer-links{
    gap:8px !important;
  }

  #fw-widget .fw-footer-links a{
    flex:1 1 130px !important;
    min-width:130px !important;
    padding:10px 12px !important;
    font-size:14px !important;
  }
}

/* =========================================================
   v2.1.1 – Rauch-Ausbreitung / Lagekarte
   ========================================================= */
.fw-smoke-plume-panel{
  margin-top:12px !important;
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
  border-left:8px solid #64748b !important;
}
.fw-smoke-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:10px;
}
.fw-smoke-head span{
  display:block;
  font-size:12px;
  color:#64748b;
  font-weight:900;
  margin-bottom:4px;
}
.fw-smoke-head strong{
  display:block;
  font-size:20px;
  color:#0f172a;
}
.fw-smoke-head em{
  max-width:420px;
  text-align:right;
  color:#64748b;
  font-size:12px;
  font-style:normal;
  line-height:1.35;
}
.fw-smoke-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.fw-smoke-actions .fw-link-btn{
  min-width:220px;
  background:#ffffff !important;
  border:1px solid #dbe7f3 !important;
  color:#0f172a !important;
  padding:10px 14px !important;
  border-radius:999px !important;
}
.fw-smoke-map{
  height:min(58vh,520px);
  min-height:360px;
  border:1px solid #dbe7f3;
  border-radius:18px;
  overflow:hidden;
  background:#e2e8f0;
}
.fw-smoke-legend{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  margin:10px 0;
  color:#334155;
  font-size:13px;
  font-weight:800;
}
.fw-smoke-dot{
  display:inline-block;
  width:13px;
  height:13px;
  border-radius:999px;
  margin-right:6px;
  vertical-align:-2px;
}
.fw-smoke-30{background:#f97316}.fw-smoke-60{background:#ea580c}.fw-smoke-90{background:#dc2626}.fw-smoke-120{background:#7f1d1d}
.fw-smoke-result{
  margin-top:8px;
  padding:10px 12px;
  border-radius:14px;
  background:#f1f5f9;
  color:#334155;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}
.fw-smoke-disclaimer{
  margin-top:8px;
  padding:10px 12px;
  border-radius:14px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#7c2d12;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
}
.fw-firemode .fw-smoke-plume-panel{
  background:#0f172a !important;
  border-color:#334155 !important;
  color:#e5eefb !important;
}
.fw-firemode .fw-smoke-head strong{color:#fff !important}.fw-firemode .fw-smoke-head span,.fw-firemode .fw-smoke-head em{color:#cbd5e1 !important}
.fw-firemode .fw-smoke-result{background:#111827;color:#e5eefb;border:1px solid #334155}
@media(max-width:700px){
  .fw-smoke-head{display:block}.fw-smoke-head em{text-align:left;display:block;margin-top:6px}
  .fw-smoke-actions .fw-link-btn{width:100%;min-width:0}
  .fw-smoke-map{height:420px;min-height:320px}
}


/* =========================================================
   Rauch-Ausbreitung v2.1.1 – mehrere Brandorte
   ========================================================= */
.fw-smoke-fire-marker{
  background:transparent!important;
  border:0!important;
}
.fw-smoke-fire-marker div{
  width:38px;
  height:38px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  background:#fff;
  border:3px solid var(--fw-fire-color,#dc2626);
  box-shadow:0 8px 20px rgba(15,23,42,.24);
  font-size:20px;
}
.fw-smoke-fire-marker span{
  position:absolute;
  right:-10px;
  bottom:-8px;
  min-width:24px;
  height:20px;
  padding:1px 5px;
  border-radius:999px;
  background:var(--fw-fire-color,#dc2626);
  color:#fff;
  font-size:11px;
  font-weight:950;
  line-height:18px;
  text-align:center;
  border:2px solid #fff;
}
.fw-smoke-distance-label{
  background:transparent!important;
  border:0!important;
}
.fw-smoke-distance-label div{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:98px;
  padding:4px 7px;
  border:2px solid;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 6px 16px rgba(15,23,42,.16);
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}
.fw-smoke-tooltip{
  max-width:280px;
  white-space:normal;
  font-size:12px;
  line-height:1.4;
}
.fw-smoke-result ul{
  margin:6px 0 8px 18px;
  padding:0;
}
.fw-smoke-result li{
  margin:2px 0;
}
.fw-smoke-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0;
}
.fw-smoke-actions .fw-link-btn{
  min-width:220px;
  text-align:center;
  justify-content:center;
}




/* =========================================================
   v2.3.1 – Rauch-Ausbreitung Bedienung / Dashboard
   ========================================================= */
#fw-widget.fw-firemode #fw-smoke-plume-panel,
#fw-widget.fw-firemode #fw-smoke-open-btn{
  display:none!important;
}

#fw-widget.fw-firemode .fw-fire-dashboard{
  font-size:clamp(18px,2.2vw,32px);
  line-height:1.35;
}
#fw-widget.fw-firemode .fw-fire-track span{
  padding-inline:34px;
  font-weight:900;
  letter-spacing:.2px;
}

.fw-smoke-delete-source{
  border:0;
  border-radius:999px;
  padding:7px 10px;
  background:#fee2e2;
  color:#991b1b;
  font-weight:900;
  cursor:pointer;
}
.fw-smoke-delete-source:hover{
  background:#fecaca;
}

.fw-smoke-map{
  min-height:420px;
}
@media(max-width:700px){
  .fw-smoke-map{
    min-height:360px;
  }
}


/* =========================================================
   v2.3.1 – Brandherde & Rauchintensität
   ========================================================= */
.fw-smoke-active{
  background:#dc2626!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.16)!important;
}
.fw-smoke-source-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:10px 0;
}
.fw-smoke-source-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:9px 10px;
  border:1px solid #dbe7f3;
  border-left:6px solid var(--fw-source-color,#dc2626);
  border-radius:12px;
  background:#fff;
}
.fw-smoke-source-row strong{
  color:var(--fw-source-color,#dc2626);
  font-size:16px;
}
.fw-smoke-source-row span{
  font-size:12px;
  color:#334155;
}
.fw-smoke-source-row button,
.fw-smoke-intensity,
.fw-smoke-delete-source{
  border:0;
  border-radius:999px;
  padding:6px 10px;
  font-weight:950;
  cursor:pointer;
}
.fw-smoke-source-row button,
.fw-smoke-intensity{
  background:#eef4ff;
  color:#1d4ed8;
}
.fw-smoke-delete-source,
.fw-smoke-source-row button:last-child{
  background:#fee2e2;
  color:#991b1b;
}
.fw-smoke-source-row button:hover,
.fw-smoke-intensity:hover{
  background:#dbeafe;
}
.fw-smoke-delete-source:hover,
.fw-smoke-source-row button:last-child:hover{
  background:#fecaca;
}
.fw-smoke-fire-marker{
  background:transparent!important;
  border:0!important;
}
.fw-smoke-fire-marker div{
  width:38px;
  height:38px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  background:#fff;
  border:3px solid var(--fw-fire-color,#dc2626);
  box-shadow:0 8px 20px rgba(15,23,42,.24);
  font-size:20px;
}
.fw-smoke-fire-marker span{
  position:absolute;
  right:-10px;
  bottom:-8px;
  min-width:24px;
  height:20px;
  padding:1px 5px;
  border-radius:999px;
  background:var(--fw-fire-color,#dc2626);
  color:#fff;
  font-size:11px;
  font-weight:950;
  line-height:18px;
  text-align:center;
  border:2px solid #fff;
}
.fw-smoke-distance-label{
  background:transparent!important;
  border:0!important;
}
.fw-smoke-distance-label div{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  padding:4px 7px;
  border:2px solid;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 16px rgba(15,23,42,.16);
  font-size:10.5px;
  font-weight:950;
  white-space:nowrap;
}
.fw-smoke-map{
  min-height:440px;
}
@media(max-width:700px){
  .fw-smoke-map{min-height:360px;}
  .fw-smoke-source-row{align-items:flex-start;}
  .fw-smoke-distance-label div{min-width:92px;font-size:9.5px;padding:3px 5px;}
}


/* =========================================================
   v2.3.1 – Rauch-Ortschaften & Animation
   ========================================================= */
.fw-smoke-places{
  margin:10px 0;
  padding:10px;
  background:#f8fafc;
  border:1px solid #dbe7f3;
  border-radius:12px;
}
.fw-smoke-places div{
  margin-top:5px;
  font-size:13px;
}
.fw-smoke-place-marker{
  background:transparent!important;
  border:0!important;
}
.fw-smoke-place-marker div{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:170px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  border:2px solid #2563eb;
  color:#1e3a8a;
  font-size:11px;
  font-weight:950;
  box-shadow:0 6px 18px rgba(15,23,42,.18);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fw-smoke-animation-note{
  margin:8px 0;
  padding:9px 10px;
  border-radius:12px;
  background:#ecfeff;
  border:1px solid #67e8f9;
  color:#155e75;
  font-weight:900;
}


/* =========================================================
   v2.3.1 final – sichere Header-Icons & Rauchlage-Seite
   Header-Grundlayout bleibt unverändert.
   ========================================================= */

.fw-header-icon-actions{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.fw-header-icon-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:19px!important;
  line-height:1!important;
}

.fw-share-export-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

.fw-share-export-actions #fw-smoke-open-btn{
  min-width:220px!important;
  text-align:center!important;
  justify-content:center!important;
}

/* Rauchlage als eigener Arbeitsmodus, ohne Header-Umbau */
.fw-widget.fw-smoke-mode > :not(.fw-header):not(#fw-smoke-plume-panel){
  display:none!important;
}

.fw-widget.fw-smoke-mode #fw-smoke-plume-panel{
  display:block!important;
  margin-top:12px!important;
  min-height:calc(100vh - 170px);
}

.fw-widget.fw-smoke-mode .fw-smoke-map{
  height:calc(100vh - 410px);
  min-height:520px;
  border-radius:18px;
}

.fw-smoke-exit-btn{
  background:#0f172a!important;
  color:#fff!important;
  padding-inline:16px!important;
}

@media(max-width:800px){
  .fw-header-icon-btn{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }

  .fw-widget.fw-smoke-mode .fw-smoke-map{
    height:58vh;
    min-height:420px;
  }
}

@media(max-width:520px){
  .fw-header-icon-actions{
    gap:6px;
  }

  .fw-widget.fw-smoke-mode .fw-smoke-map{
    min-height:360px;
    height:55vh;
  }

  .fw-widget.fw-smoke-mode .fw-smoke-actions{
    gap:6px;
  }

  .fw-widget.fw-smoke-mode .fw-smoke-actions .fw-link-btn{
    flex:1 1 150px;
    min-width:140px!important;
  }
}


/* =========================================================
   v2.3.1 – Rauchlage-Button im Header
   ========================================================= */

#fw-smoke-open-btn{
  white-space:nowrap;
}

#fw-smoke-header-exit-btn{
  white-space:nowrap;
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
}

.fw-widget.fw-smoke-mode #fw-smoke-open-btn{
  display:none!important;
}

.fw-widget.fw-smoke-mode #fw-smoke-header-exit-btn{
  display:inline-flex!important;
}

.fw-widget.fw-smoke-mode #fw-firemode-btn{
  display:inline-flex!important;
}

.fw-widget.fw-smoke-mode .fw-share-export-actions{
  display:none!important;
}

/* Rauchlage-Seite: Header bleibt sichtbar, restliche Wetterbereiche ausgeblendet */
.fw-widget.fw-smoke-mode > :not(.fw-header):not(#fw-smoke-plume-panel){
  display:none!important;
}

.fw-widget.fw-smoke-mode #fw-smoke-plume-panel{
  display:block!important;
  margin-top:12px!important;
  min-height:calc(100vh - 170px);
}

.fw-widget.fw-smoke-mode .fw-smoke-map{
  height:calc(100vh - 410px);
  min-height:520px;
  border-radius:18px;
}

@media(max-width:800px){
  #fw-smoke-open-btn,
  #fw-smoke-header-exit-btn{
    min-width:auto!important;
  }
}

@media(max-width:520px){
  #fw-smoke-open-btn,
  #fw-smoke-header-exit-btn{
    flex:1 1 140px;
  }
}


/* =========================================================
   v2.4.2 – Smoke-Modul, iOS-Overflow & Scroll-Jitter Fixes
   ========================================================= */
html,
body{
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

#fw-widget,
.fw-widget{
  max-width:100%;
  overflow-x:clip;
  overscroll-behavior-x:none;
}

.fw-chart-scroll{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
  contain:layout paint;
}

.fw-chart-scroll canvas{
  display:block;
  max-width:none!important;
}

.fw-popup{
  align-items:flex-start;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding-top:max(14px, env(safe-area-inset-top));
  padding-bottom:max(14px, env(safe-area-inset-bottom));
}

.fw-popup-box{
  max-height:none!important;
  max-width:calc(100vw - 24px);
  overflow-x:hidden;
  overflow-y:visible!important;
  margin:auto 0;
}

.fw-suggestions{
  max-height:min(52vh, 360px);
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}

.fw-smoke-plume-panel{
  max-width:100%;
  overflow-x:hidden;
  contain:layout paint;
}

.fw-smoke-actions{
  align-items:stretch;
}

.fw-smoke-actions .fw-link-btn{
  flex:1 1 220px;
  min-width:0!important;
  white-space:normal;
  overflow-wrap:anywhere;
}

.fw-smoke-map{
  width:100%;
  max-width:100%;
  height:clamp(360px, 58vh, 560px);
  min-height:0!important;
  overflow:hidden;
  touch-action:pan-x pan-y;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
}

.fw-smoke-result,
.fw-smoke-disclaimer,
.fw-smoke-source-row,
.fw-smoke-places{
  max-width:100%;
  overflow-wrap:anywhere;
}

.fw-smoke-source-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto auto;
}

.fw-smoke-source-row span{
  min-width:0;
}

.fw-smoke-distance-label div,
.fw-smoke-place-marker div{
  max-width:min(180px, 42vw);
}

.fw-widget.fw-smoke-mode{
  overflow-x:hidden;
}

.fw-widget.fw-smoke-mode #fw-smoke-plume-panel{
  min-height:auto!important;
}

.fw-widget.fw-smoke-mode .fw-smoke-map{
  height:clamp(360px, 58vh, 620px)!important;
  min-height:0!important;
}

#fw-widget:fullscreen,
#fw-widget:fullscreen.fw-firemode{
  max-width:100vw;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
}

@media(max-width:700px){
  .fw-widget{padding-left:12px!important;padding-right:12px!important;}
  .fw-smoke-actions{display:grid!important;grid-template-columns:1fr;}
  .fw-smoke-actions .fw-link-btn{width:100%!important;flex-basis:auto!important;}
  .fw-smoke-map{height:54vh!important;min-height:340px!important;}
  .fw-smoke-source-row{grid-template-columns:auto minmax(0,1fr) auto auto!important;}
  .fw-smoke-source-row button:last-child{grid-column:1 / -1;justify-self:start;}
  .fw-popup{padding-left:10px;padding-right:10px;}
  .fw-popup-box{width:100%;padding:18px 14px;}
}

@supports not (overflow: clip){
  #fw-widget,
  .fw-widget{overflow-x:hidden;}
}

/* =========================================================
   v2.4.2 Header, Footer und Rauchmodul-Feinschliff
   ========================================================= */
.fw-logo-area .fw-subtitle{
  font-size:clamp(15px,1.25vw,20px) !important;
  font-weight:850 !important;
  color:#334155 !important;
  margin-top:4px !important;
}
.fw-logo-area #fw-clock,
.fw-firemode .fw-logo-area #fw-clock,
#fw-widget:fullscreen .fw-logo-area #fw-clock,
#fw-widget:fullscreen.fw-firemode .fw-logo-area #fw-clock{
  width:100% !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-top:5px !important;
  line-height:1 !important;
  color:#334155 !important;
}
.fw-clock-date{
  display:inline-flex !important;
  align-items:center !important;
  min-width:0 !important;
  font-size:clamp(13px,1vw,16px) !important;
  font-weight:750 !important;
  opacity:.9 !important;
  white-space:nowrap !important;
}
.fw-clock-time{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  font-size:clamp(30px,4vw,58px) !important;
  font-weight:1000 !important;
  letter-spacing:-1.8px !important;
  line-height:.9 !important;
  color:#0f172a !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}
.fw-firemode .fw-logo-area .fw-subtitle,
#fw-widget:fullscreen .fw-logo-area .fw-subtitle{
  color:#dbeafe !important;
}
.fw-firemode .fw-logo-area #fw-clock,
#fw-widget:fullscreen .fw-logo-area #fw-clock,
#fw-widget:fullscreen.fw-firemode .fw-logo-area #fw-clock{
  color:#dbeafe !important;
}
.fw-firemode .fw-clock-time,
#fw-widget:fullscreen .fw-clock-time,
#fw-widget:fullscreen.fw-firemode .fw-clock-time{
  color:#fff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.35) !important;
}
.fw-smoke-source-row{
  display:grid !important;
  grid-template-columns:auto minmax(150px,1.3fr) minmax(135px,.9fr) auto auto auto auto auto !important;
  align-items:center !important;
  gap:8px !important;
}
.fw-smoke-name-input,
.fw-smoke-popup-name{
  width:100% !important;
  min-width:0 !important;
  border:1px solid #cbd5e1 !important;
  border-radius:10px !important;
  padding:8px 10px !important;
  font:inherit !important;
  font-weight:850 !important;
  color:#0f172a !important;
  background:#fff !important;
}
.fw-smoke-popup-label{
  display:block;
  margin:8px 0 6px;
  font-weight:850;
}
.fw-smoke-rename-source{
  margin-top:4px;
}
.fw-smoke-actions{
  gap:7px !important;
}
.fw-smoke-actions .fw-link-btn{
  padding:8px 10px !important;
  min-height:36px !important;
  line-height:1.1 !important;
}
@media(max-width:780px){
  .fw-logo-area #fw-clock,
  .fw-firemode .fw-logo-area #fw-clock,
  #fw-widget:fullscreen .fw-logo-area #fw-clock{
    gap:10px !important;
  }
  .fw-clock-date{font-size:12px !important; white-space:normal !important;}
  .fw-clock-time{font-size:34px !important; letter-spacing:-1px !important;}
  .fw-smoke-source-row{
    grid-template-columns:auto 1fr auto auto !important;
  }
  .fw-smoke-source-row > span:nth-of-type(1),
  .fw-smoke-source-row > span:nth-of-type(2){
    grid-column:2 / -1;
    font-size:12px;
  }
}
@media(max-width:520px){
  .fw-logo-area #fw-clock,
  .fw-firemode .fw-logo-area #fw-clock,
  #fw-widget:fullscreen .fw-logo-area #fw-clock{
    align-items:flex-start !important;
  }
  .fw-clock-time{font-size:30px !important;}
}

/* =========================================================
   v2.4.2 HEADER CLOCK FIX
   Uhrzeit steht nicht mehr unter dem Titel, sondern separat
   rechts neben dem Logo-/Titelbereich. Sekunden entfernt.
   ========================================================= */
.fw-header,
.fw-firemode .fw-header,
#fw-widget:fullscreen:not(.fw-firemode) .fw-header,
#fw-widget:fullscreen.fw-firemode .fw-header{
  display:grid !important;
  grid-template-columns:minmax(360px, 560px) auto minmax(0, 1fr) !important;
  align-items:center !important;
  gap:12px !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{
  display:grid !important;
  grid-template-columns:clamp(145px, 14vw, 220px) minmax(180px, 1fr) !important;
  grid-template-areas:"logo subtitle" "logo date" !important;
  align-items:center !important;
  gap:2px 14px !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
}

.fw-logo-area .fw-subtitle,
.fw-firemode .fw-logo-area .fw-subtitle,
#fw-widget:fullscreen .fw-logo-area .fw-subtitle{
  grid-area:subtitle !important;
  max-width:none !important;
  margin:0 !important;
  line-height:1.12 !important;
  white-space:normal !important;
}

.fw-header-date,
.fw-firemode .fw-header-date,
#fw-widget:fullscreen .fw-header-date{
  grid-area:date !important;
  font-size:clamp(11px, .8vw, 14px) !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  color:#64748b !important;
  opacity:.95 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  min-width:0 !important;
}

.fw-header-clock,
.fw-firemode .fw-header-clock,
#fw-widget:fullscreen .fw-header-clock,
#fw-widget:fullscreen.fw-firemode .fw-header-clock{
  justify-self:end !important;
  align-self:center !important;
  min-width:105px !important;
  text-align:right !important;
  font-size:clamp(34px, 3.1vw, 54px) !important;
  line-height:.95 !important;
  font-weight:1000 !important;
  letter-spacing:-1.8px !important;
  color:#0f172a !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
  margin:0 !important;
}

.fw-firemode .fw-header-date,
#fw-widget:fullscreen.fw-firemode .fw-header-date{
  color:#bfdbfe !important;
}
.fw-firemode .fw-header-clock,
#fw-widget:fullscreen.fw-firemode .fw-header-clock{
  color:#fff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.35) !important;
}

.fw-actions,
.fw-firemode .fw-actions,
#fw-widget:fullscreen .fw-actions{
  justify-content:flex-end !important;
  align-items:center !important;
  min-width:0 !important;
}

@media(max-width:1100px){
  .fw-header,
  .fw-firemode .fw-header,
  #fw-widget:fullscreen:not(.fw-firemode) .fw-header,
  #fw-widget:fullscreen.fw-firemode .fw-header{
    grid-template-columns:minmax(320px, 1fr) auto !important;
  }
  .fw-actions{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
  }
}

@media(max-width:700px){
  .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 auto !important;
    gap:8px !important;
  }
  .fw-logo-area,
  .fw-firemode .fw-logo-area,
  #fw-widget:fullscreen .fw-logo-area{
    grid-template-columns:clamp(110px, 34vw, 160px) minmax(0,1fr) !important;
    gap:2px 10px !important;
  }
  .fw-logo{
    width:clamp(110px, 34vw, 160px) !important;
  }
  .fw-header-clock,
  .fw-firemode .fw-header-clock,
  #fw-widget:fullscreen .fw-header-clock{
    min-width:76px !important;
    font-size:clamp(28px, 9vw, 38px) !important;
    letter-spacing:-1px !important;
  }
  .fw-header-date{
    font-size:11px !important;
  }
}

/* FIRMS-Statuskachel mit Popup-Info oben rechts */
.fw-status-with-info{position:relative;padding-right:44px!important}
.fw-status-label{display:block!important;font-size:16px!important;color:inherit!important;margin:0!important;line-height:1.35}
.fw-status-info{position:absolute!important;top:10px;right:10px;background:rgba(255,255,255,.82)!important;border:1px solid rgba(15,23,42,.12)!important;border-radius:999px!important;width:26px;height:26px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.fw-status-info:hover{transform:translateY(-1px)}

/* =========================================================
   FEUERwetter.de – Einsatzsession v3.0.0
   ========================================================= */
.fw-bottom-actions{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:12px !important;
}
.fw-bottom-actions .fw-link-btn{
  flex:1 1 220px !important;
  min-width:220px !important;
  width:auto !important;
}
@media(max-width:700px){.fw-bottom-actions .fw-link-btn{flex:1 1 100% !important;min-width:0 !important;width:100% !important;}}
#fw-widget:fullscreen:not(.fw-firemode) .fw-bottom-actions{flex-direction:row !important;align-items:center !important;}
#fw-widget:fullscreen:not(.fw-firemode) .fw-bottom-actions .fw-link-btn{width:auto !important;min-width:220px !important;}
.fw-session-modal{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}.fw-session-modal.fw-hidden{display:none!important}.fw-session-box{width:min(980px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.35);border:1px solid #dbe7f3;color:#0f172a}.fw-session-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.fw-session-head strong{display:block;font-size:22px;font-weight:950}.fw-session-head span{display:block;font-size:13px;color:#64748b;font-weight:800}.fw-session-head button{border:0;background:#fee2e2;color:#991b1b;border-radius:999px;width:36px;height:36px;font-size:24px;font-weight:900;cursor:pointer}.fw-session-body{padding:18px 20px;display:grid;gap:14px}.fw-session-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fw-session-body section{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#f8fafc}.fw-session-body h3{margin:0 0 10px;font-size:18px}.fw-session-body label{display:grid;gap:6px;margin:10px 0;font-size:13px;font-weight:900;color:#334155}.fw-session-body input{box-sizing:border-box;width:100%;border:1px solid #cbd5e1;border-radius:13px;padding:11px 12px;font:800 14px Arial,sans-serif}.fw-primary-btn,.fw-secondary-btn,.fw-danger-btn,.fw-mini-btn{border:0;border-radius:999px;padding:11px 15px;font-weight:950;cursor:pointer}.fw-primary-btn{background:#dc2626;color:#fff}.fw-secondary-btn,.fw-mini-btn{background:#eef2ff;color:#1d4ed8}.fw-danger-btn{background:#fee2e2;color:#991b1b}.fw-session-hint,.fw-session-status,.fw-session-body small{color:#64748b;font-size:12px;font-weight:800}.fw-session-status{background:#ecfeff;border:1px solid #bae6fd;border-radius:14px;padding:10px 12px;color:#0369a1}.fw-session-list{display:grid;gap:8px;padding-left:0;list-style:none}.fw-session-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.fw-session-active{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.fw-session-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.fw-session-qr{text-align:center;display:grid;gap:8px}.fw-session-qr img{width:220px;height:220px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;padding:8px}.fw-firemode .fw-session-box{background:#111827;color:#fff;border-color:rgba(255,255,255,.16)}.fw-firemode .fw-session-head{background:linear-gradient(180deg,#1f2937,#111827);border-color:rgba(255,255,255,.12)}.fw-firemode .fw-session-head span,.fw-firemode .fw-session-body label,.fw-firemode .fw-session-hint,.fw-firemode .fw-session-body small{color:#cbd5e1}.fw-firemode .fw-session-body section,.fw-firemode .fw-session-list li{background:#0f172a;border-color:rgba(255,255,255,.14)}.fw-firemode .fw-session-body input{background:#0f172a;color:#fff;border-color:rgba(255,255,255,.18)}@media(max-width:760px){.fw-session-grid,.fw-session-active{grid-template-columns:1fr}.fw-session-qr img{width:180px;height:180px}}

/* FEUERwetter.de – Einsatzsession v3.0.2: Live-Sync + Logbuch */
.fw-session-log{
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:12px 14px;
  background:#f8fafc;
}
.fw-session-log summary{
  cursor:pointer;
  font-weight:950;
  color:#0f172a;
}
.fw-session-log ul{
  list-style:none;
  padding:0;
  margin:10px 0 0;
  display:grid;
  gap:8px;
}
.fw-session-log li{
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
  font-size:13px;
  color:#334155;
}
.fw-session-log li small{
  display:block;
  margin-top:3px;
  color:#64748b;
}
.fw-firemode .fw-session-log{
  background:#0f172a;
  border-color:rgba(255,255,255,.14);
}
.fw-firemode .fw-session-log summary{color:#fff;}
.fw-firemode .fw-session-log li{
  background:#111827;
  border-color:rgba(255,255,255,.14);
  color:#e5e7eb;
}

/* v3.0.3 Session-Toast */
.fw-session-toast{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%) translateY(20px);
  z-index:99999;
  max-width:min(92vw,520px);
  padding:12px 18px;
  border-radius:999px;
  background:#10233f;
  color:#fff;
  font-weight:900;
  box-shadow:0 18px 48px rgba(15,23,42,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.fw-session-toast.is-visible{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* FEUERwetter.de – v3.0.4 Sessionstatus im Header */
.fw-session-header-badge{
  order:99;
  flex:1 1 100%;
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin-top:8px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid #fed7aa;
  background:linear-gradient(135deg,#fff7ed,#ffedd5);
  color:#7c2d12;
  font-weight:950;
  text-align:left;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.fw-session-header-badge.fw-hidden{display:none!important;}
.fw-session-header-badge .fw-session-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.16);
  flex:0 0 auto;
}
.fw-session-header-badge .fw-session-badge-main{
  display:block;
  font-size:14px;
  line-height:1.2;
}
.fw-session-header-badge small{
  display:block;
  margin-left:auto;
  color:#9a3412;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.fw-session-header-badge.is-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#991b1b;}
.fw-session-header-badge.is-error .fw-session-dot{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.18);}
.fw-session-header-badge.is-warn{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a;color:#92400e;}
.fw-firemode .fw-session-header-badge{
  background:linear-gradient(135deg,rgba(251,146,60,.20),rgba(220,38,38,.16));
  border-color:rgba(251,146,60,.45);
  color:#fff;
}
.fw-firemode .fw-session-header-badge small{color:#fed7aa;}
@media(max-width:760px){
  .fw-session-header-badge{align-items:flex-start;flex-direction:column;gap:4px;}
  .fw-session-header-badge .fw-session-dot{position:absolute;right:16px;margin-top:4px;}
  .fw-session-header-badge small{margin-left:0;white-space:normal;}
}

/* =========================================================
   Orientierung & Rettungspunkte – v3.1.1
   ========================================================= */
.fw-rescue-panel{
  margin-top:18px;
  background:linear-gradient(135deg,#f0fdf4,#eff6ff) !important;
  border-color:#bbf7d0 !important;
}
.fw-rescue-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:12px;
}
.fw-rescue-head span{
  display:block;
  color:#14532d !important;
  font-weight:950;
  margin-bottom:4px;
}
.fw-rescue-head strong{
  display:block;
  color:#0f172a;
  font-size:22px;
  line-height:1.2;
}
.fw-rescue-head em{
  max-width:620px;
  color:#475569;
  font-style:normal;
  font-size:13px;
  line-height:1.4;
  text-align:right;
}
.fw-rescue-actions,
.fw-rescue-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 12px;
}
.fw-rescue-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.fw-rescue-card{
  background:rgba(255,255,255,.92);
  border:1px solid #dbeafe;
  border-radius:16px;
  padding:13px;
  box-shadow:0 8px 20px rgba(15,23,42,.06);
}
.fw-rescue-card span{
  display:block;
  font-size:12px;
  font-weight:900;
  color:#64748b;
  margin-bottom:6px;
}
.fw-rescue-card strong{
  display:block;
  font-size:20px;
  color:#0f172a;
  line-height:1.22;
}
.fw-rescue-card em{
  display:block;
  color:#475569;
  font-size:13px;
  font-style:normal;
  margin-top:5px;
}
.fw-rescue-map{
  height:460px;
  min-height:340px;
  border-radius:18px;
  border:1px solid #bfdbfe;
  overflow:hidden;
  background:#e0f2fe;
  margin-top:12px;
}
.fw-rescue-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:8px;
  margin-top:12px;
  color:#475569;
  font-size:14px;
}
.fw-rescue-list-item{
  border:1px solid #bbf7d0;
  background:#fff;
  border-radius:14px;
  padding:11px 12px;
  text-align:left;
  cursor:pointer;
  color:#0f172a;
  box-shadow:0 6px 14px rgba(15,23,42,.05);
}
.fw-rescue-list-item:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(15,23,42,.09);
}
.fw-rescue-list-item b,
.fw-rescue-list-item span,
.fw-rescue-list-item small{
  display:block;
}
.fw-rescue-list-item b{font-size:15px;color:#14532d;}
.fw-rescue-list-item span{font-size:13px;color:#334155;margin-top:3px;font-weight:800;}
.fw-rescue-list-item small{font-size:12px;color:#64748b;margin-top:3px;}
.fw-rescue-disclaimer{
  margin-top:12px;
  border-radius:14px;
  border:1px solid #fde68a;
  background:#fffbeb;
  color:#713f12;
  padding:11px 12px;
  font-size:13px;
  line-height:1.42;
  font-weight:700;
}
.fw-rescue-point-icon,
.fw-rescue-center-icon{
  background:transparent;
  border:0;
}
.fw-rescue-point-icon span{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#16a34a;
  border:3px solid #ffffff;
  color:#ffffff;
  font-size:15px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(22,163,74,.35),0 0 0 2px rgba(22,163,74,.18);
}
.fw-rescue-center-icon span{
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#2563eb;
  border:3px solid #ffffff;
  box-shadow:0 8px 18px rgba(37,99,235,.28);
}
.fw-disabled{
  pointer-events:none;
  opacity:.48;
  filter:grayscale(.35);
}
.fw-firemode .fw-rescue-panel{
  background:#0f172a !important;
  border-color:#334155 !important;
  color:#e5e7eb !important;
}
.fw-firemode .fw-rescue-head strong,
.fw-firemode .fw-rescue-card strong{color:#f8fafc !important;}
.fw-firemode .fw-rescue-head span,
.fw-firemode .fw-rescue-head em,
.fw-firemode .fw-rescue-card span,
.fw-firemode .fw-rescue-card em{color:#cbd5e1 !important;}
.fw-firemode .fw-rescue-card{background:#111827;border-color:#334155;}
@media(max-width:900px){
  .fw-rescue-head{display:block;}
  .fw-rescue-head em{display:block;text-align:left;margin-top:6px;}
  .fw-rescue-grid{grid-template-columns:1fr;}
  .fw-rescue-actions .fw-link-btn,
  .fw-rescue-nav .fw-link-btn{width:100%;min-width:0;}
  .fw-rescue-map{height:420px;}
}

/* =========================================================
   v3.1.5 – Rettungspunkte als eigene Seite + Info-Header
   ========================================================= */
.fw-widget.fw-rescue-mode > :not(.fw-header):not(#fw-rescue-panel){
  display:none!important;
}
.fw-widget.fw-rescue-mode #fw-rescue-panel{
  display:block!important;
  margin-top:12px!important;
  min-height:calc(100vh - 170px);
}
.fw-widget.fw-rescue-mode .fw-rescue-map{
  height:calc(100vh - 430px);
  min-height:520px;
  border-radius:18px;
}
.fw-widget.fw-rescue-mode #fw-rescue-open-btn{
  display:none!important;
}
.fw-widget.fw-rescue-mode #fw-rescue-header-exit-btn{
  display:inline-flex!important;
}
.fw-widget.fw-rescue-mode .fw-share-export-actions{
  display:none!important;
}
#fw-rescue-header-exit-btn{
  white-space:nowrap;
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
}
.fw-section-title-with-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.fw-section-title-with-info .fw-section-info-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:999px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1d4ed8;
  font-size:17px;
  box-shadow:0 6px 14px rgba(29,78,216,.10);
}
@media(max-width:800px){
  #fw-rescue-open-btn,
  #fw-rescue-header-exit-btn{min-width:auto!important;}
  .fw-widget.fw-rescue-mode .fw-rescue-map{height:58vh;min-height:420px;}
}
@media(max-width:520px){
  #fw-rescue-open-btn,
  #fw-rescue-header-exit-btn{flex:1 1 140px;}
  .fw-widget.fw-rescue-mode .fw-rescue-map{height:55vh;min-height:360px;}
  .fw-widget.fw-rescue-mode .fw-rescue-actions .fw-link-btn{flex:1 1 150px;min-width:140px!important;}
}

/* =========================================================
   FEUERwetter.de v3.2.0 – aufgeräumte Navigation / Tabs
   ========================================================= */
.fw-header-primary-actions{align-items:center!important;justify-content:flex-end!important;}
.fw-header-primary-actions .fw-risk-pill{order:20;}
.fw-action-panel{margin-top:12px;background:linear-gradient(180deg,#ffffff,#f8fafc)!important;border-color:#dbeafe!important;}
.fw-action-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;}
.fw-action-panel-head strong{font-size:15px;color:#0f172a;}
.fw-action-panel-head span{font-size:12px;color:#64748b;font-weight:700;}
.fw-action-list,.fw-tools-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.fw-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 14px!important;border-radius:999px!important;background:#fff!important;border:1px solid #dbe7f3!important;color:#1d4ed8!important;font-weight:900!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;text-decoration:none!important;}
.fw-action-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.10)!important;}
.fw-tools-menu{margin-top:10px;}
.fw-tools-menu summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;border-radius:999px;background:#0f172a;color:#fff;padding:10px 14px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.12);}
.fw-tools-menu[open] summary{margin-bottom:10px;}
.fw-tools-grid{padding:10px;border:1px dashed #cbd5e1;border-radius:16px;background:#ffffff;}
.fw-tab-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:8px;border-radius:18px;background:#f1f5f9;border:1px solid #dbe7f3;}
.fw-tab-btn{flex:1 1 150px;border:1px solid transparent;background:#fff;color:#334155;border-radius:999px;padding:11px 14px;font-weight:950;cursor:pointer;box-shadow:0 6px 16px rgba(15,23,42,.05);}
.fw-tab-btn.is-active{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;border-color:#fb923c;box-shadow:0 10px 22px rgba(249,115,22,.20);}
.fw-tab-panel{margin-top:12px;}
.fw-tab-panel:not(.is-active){display:none!important;}
.fw-tab-panel.is-active{display:block;}
.fw-legacy-actions{display:none!important;}
.fw-mobile-bottom-nav{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:9999;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid #dbe7f3;border-radius:24px;padding:7px;box-shadow:0 20px 50px rgba(15,23,42,.22);}
.fw-mobile-bottom-nav button{flex:1;border:0;background:transparent;border-radius:18px;padding:7px 4px;font-weight:950;color:#334155;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;font-size:18px;}
.fw-mobile-bottom-nav button span{font-size:11px;}
.fw-mobile-bottom-nav button.is-active{background:#0f172a;color:#fff;}
@media(max-width:760px){
  body{padding-bottom:78px;}
  .fw-actions button{width:auto!important;}
  .fw-header-primary-actions{justify-content:flex-start!important;}
  .fw-header-primary-actions .fw-risk-pill{width:100%!important;}
  .fw-action-panel-head{display:block;}
  .fw-action-list,.fw-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .fw-action-btn{min-height:44px;padding:10px!important;font-size:13px!important;white-space:normal;text-align:center;}
  .fw-tab-nav{display:none;}
  .fw-mobile-bottom-nav{display:flex;}
}
@media(max-width:420px){.fw-action-list,.fw-tools-grid{grid-template-columns:1fr;}}

/* FEUERwetter.de v3.2.1 – klare Tab-Struktur und Tools-Hub */
.fw-action-panel details#fw-tools-menu{display:none!important;}
.fw-command-panel,.fw-tools-hub,.fw-tool-card{margin-top:12px;}
.fw-command-grid,.fw-tool-launch-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.fw-tool-list{display:grid;gap:10px;color:#334155;font-size:15px;line-height:1.45;}
.fw-tool-card h3{margin:0 0 10px;font-size:22px;color:#0f172a;}
.fw-tool-card label{display:block;font-weight:800;color:#64748b;margin:8px 0 4px;}
.fw-tool-card input{width:100%;border:1px solid var(--fw-border);border-radius:14px;padding:12px 14px;font-size:16px;font-weight:800;color:#0f172a;background:#fff;}
.fw-tool-result{margin-top:10px;padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-weight:700;line-height:1.45;}
.fw-compass-display{font-size:44px;font-weight:950;text-align:center;padding:18px;border-radius:20px;background:#0f172a;color:white;margin:10px 0;}
.fw-tool-highlight{outline:4px solid rgba(37,99,235,.25);box-shadow:0 0 0 8px rgba(37,99,235,.08)!important;}
.fw-tab-panel-tools #fw-rescue-panel{margin-top:12px;}
.fw-tab-panel-einsatz #fw-smoke-plume-panel{margin-top:12px;}
.fw-tab-panel-wetter #fw-pro{margin-top:12px;}
.fw-tab-panel-wetter #fw-region-panel-weather{margin-top:12px;}
@media(max-width:640px){.fw-command-grid,.fw-tool-launch-grid{grid-template-columns:1fr}.fw-tool-card h3{font-size:20px}}

/* v3.2.2 – Einsatz-/Tool-Nachschärfung */
.fw-jump-tile{width:100%;text-align:left;cursor:pointer;border:1px solid var(--fw-border,#dbe7f3);background:#fff;border-radius:18px;padding:16px;appearance:none;color:inherit;font:inherit;}
.fw-jump-tile:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.10);}
.fw-jump-tile em{display:block;margin-top:6px;color:#64748b;font-size:.82em;font-style:normal;font-weight:800;}
.fw-pinpoint-map{width:100%;height:360px;min-height:300px;border-radius:20px;overflow:hidden;border:1px solid #dbe7f3;background:#eef6ff;margin-top:12px;}
.fw-pinpoint-actions,.fw-tool-button-row{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;}
.fw-coord-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:10px 0;}
.fw-coord-tool-grid label,.fw-tool-card label{display:flex;flex-direction:column;gap:6px;font-weight:900;color:#64748b;}
.fw-coord-tool-grid input,.fw-coord-tool-grid select,.fw-tool-card input{border:1px solid #dbe7f3;border-radius:14px;padding:12px 14px;font-size:16px;font-weight:850;color:#0f172a;background:#fff;}
.fw-tool-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;font-weight:900;}
.fw-tool-result div{margin:4px 0;}
@media(max-width:700px){.fw-pinpoint-map{height:300px}.fw-pinpoint-actions .fw-link-btn,.fw-tool-button-row .fw-link-btn{width:100%;}}

/* =========================================================
   FEUERwetter.de v3.2.5 – Ort-Feinjustierung + Rettungspunkte-Fix
   ========================================================= */
.fw-widget.fw-rescue-mode > :not(.fw-header):not(.fw-tab-panel-tools){display:none!important;}
.fw-widget.fw-rescue-mode .fw-tab-panel-tools{display:block!important;}
.fw-widget.fw-rescue-mode .fw-tab-panel-tools #fw-rescue-panel{display:block!important;margin-top:12px!important;}
.fw-widget.fw-rescue-mode .fw-tools-hub,
.fw-widget.fw-rescue-mode .fw-tool-card:not(#fw-rescue-panel){display:none!important;}
.fw-widget.fw-rescue-mode #fw-rescue-header-exit-btn{display:inline-flex!important;}
.fw-measure-map{height:520px;border:1px solid var(--fw-border,#dbe7f3);border-radius:18px;overflow:hidden;background:#eef2f7;margin:12px 0;}
.fw-measure-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
.fw-measure-toolbar .fw-link-btn.is-active{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;}
.fw-tool-links a{font-weight:800;color:#1d4ed8;text-decoration:none;}
.fw-firemode [data-fw-tab="tools"],
.fw-firemode .fw-tab-panel-tools,
.fw-firemode .fw-rescue-mode,
.fw-firemode .fw-bottom-nav [data-fw-tab="tools"]{display:none!important;}
.fw-firemode .fw-action-panel-head:has(strong){display:none;}
.fw-firemode .fw-main-grid,.fw-firemode .fw-info-row,.fw-firemode .fw-status-grid{gap:8px;}
.fw-firemode .fw-fire-dashboard{display:block!important;}
.fw-firemode .fw-fire-ticker-row{height:38px;}
@media(max-width:640px){.fw-measure-map{height:430px}.fw-measure-toolbar .fw-link-btn{flex:1 1 145px;min-width:0!important;}}

/* v3.2.5: Rettungspunkte bleiben im Tools-Tab, kein globaler Leer-Seiten-Modus */
#fw-rescue-header-exit-btn{display:none!important;}
.fw-tab-panel-tools #fw-rescue-panel:not(.fw-hidden){display:block!important;}
#fw-tool-pinpoint{margin-top:12px;}

/* FEUERwetter.de v3.2.5 – Feinjustierung als Popup, Messobjektliste, mobile Kompassanzeige */
.fw-modal{position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.58);display:flex;align-items:center;justify-content:center;padding:18px;}
.fw-modal.fw-hidden{display:none!important;}
.fw-modal-box{width:min(960px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(15,23,42,.35);padding:18px;}
.fw-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px;}
.fw-modal-head strong{display:block;font-size:20px;color:#0f172a;}
.fw-modal-head span{display:block;color:#64748b;font-size:14px;margin-top:3px;}
.fw-pinpoint-modal-box .fw-tool-card{box-shadow:none;border:0;padding:0;margin:0;}
.fw-measure-objects{margin-top:12px;border:1px solid #dbe7f3;border-radius:18px;background:#f8fafc;padding:12px;color:#334155;}
.fw-measure-objects>strong{display:block;margin-bottom:8px;color:#0f172a;}
.fw-measure-object{display:grid;grid-template-columns:1.4fr 1fr auto auto;gap:8px;align-items:center;padding:8px;border-radius:14px;border:1px solid transparent;}
.fw-measure-object.is-selected{background:#eff6ff;border-color:#93c5fd;}
.fw-measure-object button{border:1px solid #dbe7f3;border-radius:999px;background:#fff;padding:8px 10px;font-weight:800;color:#1d4ed8;cursor:pointer;}
.fw-measure-object span{font-size:13px;color:#475569;}
@media(min-width:761px) and (hover:hover) and (pointer:fine){#fw-tool-compass,[data-fw-tool-focus="compass"]{display:none!important;}}
@media(max-width:700px){.fw-modal{padding:8px;align-items:flex-end}.fw-modal-box{max-height:94vh;border-radius:22px 22px 0 0}.fw-measure-object{grid-template-columns:1fr}.fw-measure-object button{width:100%;}}

/* FEUERwetter.de v3.2.6 – mobile Header, Tool-Aufräumung, Risiko-Popups/PWA */
.fw-mobile-menu-toggle{display:none;border:1px solid #dbe7f3;background:#fff;color:#0f172a;border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.fw-tool-card.fw-tool-collapsed{display:none!important}.fw-tool-launch-grid .fw-link-btn{min-height:52px}.fw-clickable{cursor:pointer}.fw-clickable:active{transform:scale(.99)}
.fw-explain-modal h2{margin:0 0 12px;font-size:clamp(22px,5vw,34px);line-height:1.05}.fw-explain-modal p{font-size:16px;line-height:1.45;color:#334155}.fw-explain-score{background:#0f172a;color:#fff;border-radius:18px;padding:14px 16px;font-size:20px;font-weight:950;margin:12px 0}.fw-explain-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:14px}.fw-explain-table th{text-align:left;color:#64748b;font-size:12px;text-transform:uppercase}.fw-explain-table td{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:10px 8px}.fw-explain-table td:first-child{border-left:1px solid #e2e8f0;border-radius:12px 0 0 12px;font-weight:900}.fw-explain-table td:last-child{border-right:1px solid #e2e8f0;border-radius:0 12px 12px 0}.fw-explain-table tr.is-hit td{background:#fff7ed;border-color:#fdba74}.fw-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.fw-rule-grid>div{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:12px;display:grid;gap:6px}.fw-rule-grid>div.is-hit{border-color:#fd7e14;background:#fff7ed}.fw-rule-grid span{font-weight:900;color:#64748b}.fw-rule-grid b{font-size:22px}.fw-rule-grid em{font-style:normal;color:#64748b;font-size:13px}.fw-explain-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px;color:#1e3a8a!important;font-weight:800}
body.fw-popup-open{overflow:hidden}.fw-popup{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(15,23,42,.62)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important}.fw-popup.fw-hidden{display:none!important}.fw-popup-box{width:min(760px,100%)!important;max-height:min(88vh,900px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:26px!important;padding:22px!important;background:#fff!important;box-shadow:0 24px 80px rgba(15,23,42,.35)!important}.fw-popup-close{position:sticky!important;top:0!important;float:right!important;z-index:2!important;min-width:44px!important;min-height:44px!important;border-radius:999px!important}
@media(max-width:760px){
  .fw-header{position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:start!important;padding:14px!important}.fw-logo-area{min-width:0}.fw-logo{max-width:160px!important}.fw-subtitle{display:none!important}.fw-header-date{font-size:13px!important}.fw-header-clock{font-size:clamp(36px,12vw,58px)!important;line-height:.95!important;text-align:right!important}.fw-mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;grid-column:2;justify-self:end;min-height:44px}.fw-header-primary-actions{display:none!important;grid-column:1/-1!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:6px!important;padding:10px!important;border:1px dashed #dbe7f3;border-radius:18px;background:rgba(255,255,255,.72)}.fw-header-primary-actions.is-open{display:grid!important}.fw-header-primary-actions button,.fw-header-primary-actions .fw-risk-pill{width:100%!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;font-size:15px!important}.fw-header-primary-actions .fw-risk-pill{grid-column:1/-1!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}.fw-details-grid{gap:10px!important}.fw-action-panel{margin-top:10px!important}.fw-tool-launch-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.fw-tool-launch-grid .fw-link-btn{font-size:17px!important;padding:14px 10px!important}.fw-tool-card h3{font-size:28px!important}.fw-tool-card p{font-size:18px!important;line-height:1.35}.fw-popup{align-items:flex-end!important;padding:0!important}.fw-popup-box{width:100%!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important;padding:18px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.fw-explain-table{font-size:13px}.fw-explain-table th:nth-child(4),.fw-explain-table td:nth-child(4){display:none}.fw-rule-grid{grid-template-columns:1fr}.fw-rule-grid b{font-size:24px}.fw-modal{padding:0!important;align-items:flex-end!important}.fw-modal-box{width:100%!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.fw-feedback-modal{align-items:flex-end!important;padding:0!important}.fw-feedback-box{width:100%!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}}
@media(max-width:420px){.fw-tool-launch-grid{grid-template-columns:1fr!important}.fw-header-primary-actions{grid-template-columns:1fr!important}}
@media(max-width:760px){
  .fw-header-primary-actions:not(.is-open){display:grid!important;grid-column:1/-1!important;grid-template-columns:1fr!important;background:transparent!important;border:0!important;padding:0!important;margin-top:0!important}.fw-header-primary-actions:not(.is-open)>button{display:none!important}.fw-header-primary-actions:not(.is-open)>.fw-risk-pill{display:flex!important;grid-column:1/-1!important;width:100%!important;min-height:42px!important;margin:0!important;font-size:15px!important}.fw-header-primary-actions.is-open{display:grid!important}.fw-header-primary-actions.is-open>button{display:inline-flex!important}
}

/* FEUERwetter.de v3.2.7 – mobile Header/PWA Feinschliff */
@media(max-width:760px){
  .fw-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand clock" "risk risk" "menu menu"!important;
    align-items:center!important;
    gap:10px!important;
  }
  .fw-logo-area{grid-area:brand!important;justify-self:start!important;max-width:100%!important;justify-items:start!important;text-align:left!important;}
  .fw-logo{width:min(44vw,185px)!important;max-width:185px!important;justify-self:start!important;}
  .fw-header-clock{grid-area:clock!important;font-size:clamp(42px,13vw,66px)!important;line-height:.9!important;white-space:nowrap!important;justify-self:end!important;text-align:right!important;display:block!important;}
  .fw-header-date{display:block!important;font-size:clamp(16px,4.2vw,23px)!important;font-weight:950!important;line-height:1.05!important;color:#667085!important;text-align:right!important;}
  .fw-mobile-menu-toggle{grid-area:menu!important;display:inline-flex!important;width:100%!important;min-height:48px!important;font-size:18px!important;align-items:center!important;justify-content:center!important;}
  .fw-header-primary-actions{grid-area:menu!important;margin-top:58px!important;}
  .fw-header-primary-actions:not(.is-open){display:grid!important;grid-template-columns:1fr!important;margin-top:0!important;}
  .fw-header-primary-actions:not(.is-open)>button{display:none!important;}
  .fw-header-primary-actions:not(.is-open)>.fw-risk-pill{display:flex!important;grid-column:1/-1!important;min-height:48px!important;font-size:17px!important;border-radius:999px!important;background:#0f172a!important;color:#fff!important;}
  .fw-header-primary-actions.is-open{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:58px!important;}
  .fw-header-primary-actions.is-open>.fw-risk-pill{grid-column:1/-1!important;}
  .fw-header-primary-actions.is-open>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
}
@media(max-width:430px){
  .fw-header-primary-actions.is-open{grid-template-columns:1fr!important;}
  .fw-header-clock{font-size:clamp(38px,12vw,56px)!important;}
  .fw-logo{width:min(42vw,165px)!important;}
}

/* v3.2.7 override: mobile header rows are brand/clock, risk, menu, expanded actions */
@media(max-width:760px){
  .fw-header{grid-template-areas:"brand clock" "risk risk" "menu menu" "actions actions"!important;}
  .fw-mobile-menu-toggle{grid-area:menu!important;}
  .fw-header-primary-actions:not(.is-open){grid-area:risk!important;margin-top:0!important;}
  .fw-header-primary-actions.is-open{grid-area:actions!important;margin-top:0!important;}
}

/* FEUERwetter.de v3.2.8 – DWD-Indizes, Tageswerte und dezentere Aktionen */
.fw-day-values{margin-top:10px!important;}
.fw-day-values .fw-mini strong{font-size:14px!important;}
.fw-action-panel{padding:10px 12px!important;box-shadow:0 4px 12px rgba(15,23,42,.035)!important;}
.fw-action-panel-head{margin-bottom:7px!important;}
.fw-action-panel-head span:empty{display:none!important;}
.fw-action-panel-head strong{font-size:14px!important;}
.fw-action-list{gap:7px!important;}
.fw-action-btn{padding:7px 10px!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;background:#f8fafc!important;border-color:#e2e8f0!important;color:#334155!important;}
.fw-action-btn:hover{transform:none!important;box-shadow:0 6px 14px rgba(15,23,42,.06)!important;background:#fff!important;color:#1d4ed8!important;}
#fw-fwi-card em,#fw-ffmc-card em,#fw-isi-card em{display:block;font-size:12px;color:#64748b;font-style:normal;line-height:1.35;margin-top:5px;}
#fw-fwi-card strong,#fw-ffmc-card strong,#fw-isi-card strong{font-size:18px;line-height:1.25;}
.fw-firemode .fw-action-panel{background:rgba(15,23,42,.65)!important;border-color:#334155!important;}
.fw-firemode .fw-action-btn{background:#111827!important;border-color:#334155!important;color:#dbeafe!important;}
@media(max-width:760px){
  .fw-action-panel{padding:9px!important;}
  .fw-action-btn{min-height:38px!important;padding:8px 10px!important;font-size:12px!important;}
}

/* FEUERwetter.de v3.2.9 – einheitliche mobile Popups */
#fw-popup-content{clear:both;}
#fw-popup-content h2{margin:0 0 12px;font-size:clamp(22px,5vw,34px);line-height:1.05;color:#0f172a;}
#fw-popup-content h3{margin:18px 0 8px;font-size:clamp(18px,4vw,24px);line-height:1.1;color:#0f172a;}
#fw-popup-content p{font-size:16px;line-height:1.45;color:#334155;}
#fw-popup-content table{width:100%;border-collapse:separate!important;border-spacing:0 8px!important;font-size:14px!important;margin:12px 0 16px!important;}
#fw-popup-content th{background:transparent!important;border:0!important;text-align:left;color:#64748b!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.02em;padding:0 8px 2px!important;}
#fw-popup-content td{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;padding:10px 8px!important;vertical-align:top;}
#fw-popup-content td:first-child{border-left:1px solid #e2e8f0!important;border-radius:12px 0 0 12px!important;font-weight:900;color:#0f172a;}
#fw-popup-content td:last-child{border-right:1px solid #e2e8f0!important;border-radius:0 12px 12px 0!important;}
#fw-popup-content tr.is-hit td{background:#fff7ed!important;border-color:#fdba74!important;}
@media(max-width:760px){
  .fw-popup-box{overscroll-behavior:contain!important;}
  #fw-popup-content{padding-top:2px;}
  #fw-popup-content h2{padding-right:50px;font-size:clamp(24px,6vw,32px);}
  #fw-popup-content p{font-size:16px;}
  #fw-popup-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-spacing:0 8px!important;}
  #fw-popup-content thead,#fw-popup-content tbody,#fw-popup-content tr{width:100%;}
  #fw-popup-content th,#fw-popup-content td{font-size:13px!important;line-height:1.3;}
  #fw-popup-content th:nth-child(n+4),#fw-popup-content td:nth-child(n+4){display:none;}
  #fw-popup-content td{min-width:92px;}
  #fw-popup-content td:first-child{min-width:112px;}
  #fw-popup-content .fw-popup-map{height:min(48dvh,360px)!important;min-height:260px!important;border-radius:18px!important;}
  #fw-popup-content .fw-popup-list{grid-template-columns:1fr!important;}
}

/* v3.2.11: Alle Wertkacheln öffnen Popups per Tap/Klick; Info-Icons entfernt */
.fw-tile[data-info-card]{
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.fw-tile[data-info-card]:hover,
.fw-tile[data-info-card]:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
  outline:none;
}
.fw-tile[data-info-card]:focus-visible{
  border-color:#93c5fd !important;
}
.fw-status-with-info{
  padding-right:13px !important;
}
.fw-tile[data-info-card] span{
  padding-right:0 !important;
}
.fw-mini[data-info-card]{cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.fw-mini[data-info-card]:hover,.fw-mini[data-info-card]:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)!important;outline:none;border-color:#93c5fd!important;}
.fw-explain-score span{display:block;font-size:13px;line-height:1.2;opacity:.75;margin-bottom:4px;}
.fw-explain-score b{display:block;font-size:clamp(20px,4vw,28px);line-height:1.15;}
.fw-explain-score em{display:block;font-style:normal;font-size:13px;line-height:1.3;opacity:.8;margin-top:6px;}

/* v3.2.12: Wertkachel-Popups per Tipp/Klick */
[data-info-card].fw-clickable{cursor:pointer;touch-action:manipulation;}
[data-info-card].fw-clickable:active{transform:scale(.995);}
.fw-value[data-info-card],.fw-mini[data-info-card],.fw-info-tile[data-info-card]{position:relative;}
.fw-value[data-info-card]::after,.fw-mini[data-info-card]::after,.fw-info-tile[data-info-card]::after{
  content:"Tippen für Info";
  position:absolute;
  right:12px;
  bottom:8px;
  font-size:11px;
  font-weight:800;
  color:#64748b;
  opacity:.0;
  pointer-events:none;
  transition:opacity .15s ease;
}
.fw-value[data-info-card]:hover::after,.fw-value[data-info-card]:focus-visible::after,
.fw-mini[data-info-card]:hover::after,.fw-mini[data-info-card]:focus-visible::after,
.fw-info-tile[data-info-card]:hover::after,.fw-info-tile[data-info-card]:focus-visible::after{opacity:.75;}
@media (max-width:760px),(hover:none) and (pointer:coarse){
  .fw-value[data-info-card]::after,.fw-mini[data-info-card]::after,.fw-info-tile[data-info-card]::after{opacity:.55;content:"Info";font-size:10px;right:10px;bottom:7px;}
}

/* FEUERwetter.de v3.2.15 – Standort-Kachel öffnet Standort-/Aktionspopup */
#fw-pinpoint-open-top[hidden], #fw-pinpoint-open-top.fw-hidden{display:none!important;}
.fw-location-popup-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;}
.fw-location-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px;}
.fw-location-popup-btn{min-height:46px!important;justify-content:center!important;font-weight:900!important;}
.fw-location-popup-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2);}
@media(max-width:760px){
  .fw-location-popup-summary,.fw-location-popup-actions{grid-template-columns:1fr;}
  .fw-location-popup-btn{min-height:50px!important;font-size:16px!important;}
}

/* v3.2.15: Standortaktionen aus dem Header in das Standort-Kachel-Popup verschoben */
.fw-header-primary-actions #fw-location-btn,
.fw-header-primary-actions #fw-search-toggle{
  display:none !important;
}
.fw-location-popup-search{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:18px;
  background:rgba(248,250,252,.86);
}
.fw-location-popup-search input{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(148,163,184,.65);
  border-radius:14px;
  padding:12px 14px;
  font-size:16px;
  font-weight:800;
  background:#fff;
  color:#0f172a;
}
.fw-location-popup-suggestions{
  position:relative;
  display:block;
  margin-top:8px;
  max-height:240px;
  overflow:auto;
  border-radius:14px;
  box-shadow:none;
}
.fw-location-popup-primary{
  border-color:rgba(220,38,38,.28) !important;
  background:rgba(254,242,242,.95) !important;
  color:#991b1b !important;
}


/* v3.2.15 – Einsatzwert- und UX-Kacheln */
.fw-priority-row{margin-top:12px;}
.fw-critical-tile strong,.fw-tactical-tile strong,.fw-vegetation-state-tile strong{font-size:clamp(18px,2.2vw,24px);line-height:1.15;}
.fw-fuel-bar{display:block;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:1px;font-size:14px;opacity:.95;white-space:nowrap;}
.fw-fuel-value{display:block;}
.fw-fuel-label{display:block;margin-top:2px;font-size:13px;font-weight:800;opacity:.8;text-transform:uppercase;letter-spacing:.02em;}
.fw-value[data-info-card="temp"]{border-left:5px solid rgba(239,68,68,.55);}
.fw-value[data-info-card="rh"]{border-left:5px solid rgba(37,99,235,.45);}
.fw-value[data-info-card="dew"]{border-left:5px solid rgba(20,184,166,.45);}
.fw-value[data-info-card="wind"],.fw-value[data-info-card="gust"]{border-left:5px solid rgba(100,116,139,.5);}
.fw-value[data-info-card="rain24"],.fw-value[data-info-card="rain7"]{border-left:5px solid rgba(30,64,175,.45);}
.fw-value[data-info-card="fuel"],.fw-value[data-info-card="soil"],.fw-vegetation-state-tile{border-left:5px solid rgba(34,197,94,.45);}
.fw-firemode .fw-priority-row{grid-template-columns:repeat(2,minmax(0,1fr));}
.fw-firemode .fw-priority-row .fw-tile{font-size:1.08rem;}
@media (max-width:700px){
  .fw-priority-row{grid-template-columns:1fr!important;}
  .fw-fuel-bar{font-size:13px;}
}

/* v3.2.16 Standort-Hinweis */
.fw-tile-hint{display:block!important;margin-top:4px!important;font-size:12px!important;line-height:1.25!important;color:#64748b!important;font-weight:800!important}


/* v3.2.17 – Standort-Hinweis robust sichtbar */
#fw-place .fw-tile-hint{display:block!important;margin-top:4px!important;margin-bottom:0!important;font-size:12px!important;line-height:1.25!important;color:#64748b!important;font-weight:800!important;white-space:normal!important;}
.fw-firemode #fw-place .fw-tile-hint{color:#cbd5e1!important;}


/* =========================================================
   v3.3.0 – Rauchkarten-Optimierung / iPhone-Fix
   ========================================================= */
#fw-smoke-header-exit-btn,
.fw-smoke-header-exit{
  display:none !important;
}

.fw-smoke-optimizer{
  display:grid;
  gap:10px;
  margin:10px 0 12px;
  padding:10px;
  border:1px solid #dbe7f3;
  border-radius:16px;
  background:#f8fafc;
}

.fw-smoke-layer-controls{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.fw-smoke-layer-controls label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border:1px solid #dbe7f3;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.fw-smoke-layer-controls input{
  accent-color:#dc2626;
}

.fw-smoke-time-control{
  display:grid;
  gap:6px;
  font-size:12px;
  color:#334155;
  font-weight:850;
}

.fw-smoke-time-control input[type="range"]{
  width:100%;
}

.fw-smoke-time-ticks{
  display:flex;
  justify-content:space-between;
  gap:6px;
  color:#64748b;
  font-size:11px;
  font-weight:900;
}

.fw-smoke-index,
.fw-smoke-layer-summary{
  padding:9px 10px;
  border-radius:12px;
  background:#fff;
  border:1px solid #dbe7f3;
  color:#0f172a;
  font-size:13px;
  font-weight:950;
}

.fw-smoke-index-green{border-color:#86efac;background:#f0fdf4;color:#14532d;}
.fw-smoke-index-yellow{border-color:#fde68a;background:#fffbeb;color:#713f12;}
.fw-smoke-index-orange{border-color:#fed7aa;background:#fff7ed;color:#7c2d12;}
.fw-smoke-index-red{border-color:#fecaca;background:#fef2f2;color:#7f1d1d;}

.fw-tab-panel-einsatz #fw-smoke-plume-panel{
  display:block;
  width:100%;
}

.fw-tab-panel-einsatz #fw-smoke-plume-panel.fw-hidden,
.fw-tab-panel-einsatz #fw-smoke-plume-panel[hidden]{
  display:none !important;
}

.fw-tab-panel-einsatz .fw-smoke-map,
#fw-smoke-map.fw-smoke-map{
  width:100% !important;
  min-height:360px !important;
  height:clamp(380px, 56vh, 620px) !important;
  background:#dbe7f3;
  isolation:isolate;
  contain:layout paint size;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.fw-smoke-map .leaflet-container,
.fw-smoke-map .leaflet-pane,
.fw-smoke-map .leaflet-tile-pane{
  transform:translateZ(0);
}

@media (max-width: 760px){
  .fw-smoke-optimizer{
    padding:9px;
    border-radius:14px;
  }

  .fw-smoke-layer-controls{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .fw-smoke-layer-controls label{
    width:100%;
    justify-content:flex-start;
  }

  .fw-tab-panel-einsatz .fw-smoke-map,
  #fw-smoke-map.fw-smoke-map{
    height:58vh !important;
    min-height:390px !important;
    max-height:620px !important;
  }
}

@media (max-width: 420px){
  .fw-smoke-layer-controls{
    grid-template-columns:1fr;
  }

  .fw-tab-panel-einsatz .fw-smoke-map,
  #fw-smoke-map.fw-smoke-map{
    height:60vh !important;
    min-height:380px !important;
  }
}

/* =========================================================
   v3.4.0 – Recast/Forecast UX
   ========================================================= */
.fw-forecast-card{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(148,163,184,.32);
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  overflow:hidden;
}
.fw-forecast-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.fw-forecast-head h3{margin:0 0 4px!important;}
.fw-forecast-head p{margin:0;color:#64748b;font-size:14px;line-height:1.35;font-weight:650;}
.fw-forecast-badge{
  flex:0 0 auto;
  padding:8px 12px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
  border:1px solid #fecaca;
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
}
.fw-forecast-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:12px 0 14px;
}
.fw-forecast-summary>div{
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
.fw-forecast-summary span{display:block;color:#64748b;font-size:12px;font-weight:800;margin-bottom:5px;}
.fw-forecast-summary strong{display:block;color:#0f172a;font-size:17px;line-height:1.25;}
.fw-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 10px;}
.fw-chart-range,.fw-chart-metrics{display:flex;gap:8px;flex-wrap:wrap;}
.fw-chart-toolbar button{
  appearance:none;
  border:1px solid #dbe7f3;
  background:#fff;
  color:#1e293b;
  border-radius:999px;
  padding:9px 13px;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(15,23,42,.045);
}
.fw-chart-toolbar button.is-active{
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
}
.fw-forecast-card .fw-chart-hint{
  padding:10px 12px;
  border-radius:16px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
  font-weight:700;
}
.fw-forecast-card .fw-chart-scroll{
  margin-top:10px;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
.fw-chart-scroll.is-dragging{cursor:grabbing;}
@media(max-width:900px){
  .fw-forecast-card{padding:12px;border-radius:20px;margin-left:-2px;margin-right:-2px;}
  .fw-forecast-head{display:block;}
  .fw-forecast-badge{display:inline-flex;margin-top:10px;}
  .fw-forecast-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .fw-forecast-summary>div{padding:10px;border-radius:16px;}
  .fw-forecast-summary strong{font-size:15px;}
  .fw-chart-toolbar{position:sticky;top:0;z-index:4;align-items:flex-start;background:rgba(248,250,252,.92);backdrop-filter:blur(10px);padding:8px 0;}
  .fw-chart-range,.fw-chart-metrics{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none;}
  .fw-chart-range::-webkit-scrollbar,.fw-chart-metrics::-webkit-scrollbar{display:none;}
  .fw-chart-toolbar button{white-space:nowrap;padding:10px 12px;font-size:12px;}
  .fw-forecast-card .fw-chart-scroll{padding:8px;border-radius:18px;}
}
@media(max-width:520px){
  .fw-forecast-summary{grid-template-columns:1fr 1fr;}
  .fw-forecast-head p{font-size:13px;}
}

/* FEUERwetter.de v3.5.0 – Klartext-Lagehilfe & Vegetationsanalyse */
.fw-meaning-hero{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:stretch;
  border:1px solid #dbe7f3;
  border-radius:22px;
  padding:16px;
  margin:10px 0 14px;
  background:linear-gradient(135deg,#f8fafc,#eff6ff);
}
.fw-meaning-hero span{display:inline-flex;font-weight:950;color:#1e3a8a;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;margin-bottom:8px;}
.fw-meaning-hero h3{margin:0 0 6px!important;font-size:clamp(20px,4vw,28px)!important;line-height:1.1;color:#0f172a;}
.fw-meaning-hero p{margin:0;color:#334155;font-weight:750;}
.fw-meaning-hero>strong{min-width:94px;border-radius:20px;background:#0f172a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:38px;font-weight:950;line-height:1;box-shadow:0 16px 34px rgba(15,23,42,.22)}
.fw-meaning-hero>strong small{font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;color:#cbd5e1;}
.fw-trend-box,.fw-explain-card{border:1px solid #e2e8f0;border-radius:20px;padding:14px;background:#fff;margin:12px 0;}
.fw-trend-box h3,.fw-explain-card h3{margin:0 0 8px!important;color:#0f172a;}
.fw-trend-box p{margin:0 0 12px;color:#334155;font-weight:750;}
.fw-trend-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
.fw-trend-step{border:1px solid #e2e8f0;border-radius:16px;padding:11px;background:#f8fafc;min-width:120px;}
.fw-trend-step span{display:block;color:#64748b;font-size:12px;font-weight:900;margin-bottom:6px;}
.fw-trend-step b{display:block;color:#0f172a;font-size:18px;font-weight:950;}
.fw-trend-step em{display:block;color:#475569;font-size:12px;font-style:normal;font-weight:800;margin-top:5px;}
.fw-meaning-list{display:grid;gap:8px;margin:0;padding-left:20px;}
.fw-meaning-list li{font-weight:800;color:#334155;}
.fw-meaning-list small{display:block;color:#64748b;font-weight:750;margin-top:2px;}
.fw-veg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;}
.fw-veg-meter{border:1px solid #e2e8f0;border-radius:18px;padding:13px;background:#f8fafc;}
.fw-veg-meter span{display:block;color:#64748b;font-size:12px;font-weight:950;margin-bottom:8px;}
.fw-veg-meter b{display:block;color:#0f172a;font-size:22px;font-weight:950;line-height:1.1;}
.fw-veg-meter em{display:block;margin-top:6px;font-style:normal;font-weight:950;color:#334155;}
.fw-veg-meter small{display:block;margin-top:8px;color:#64748b;font-weight:750;line-height:1.35;}
.fw-band-green{background:#dcfce7;border-color:#86efac;}
.fw-band-yellow{background:#fef9c3;border-color:#fde047;}
.fw-band-orange{background:#ffedd5;border-color:#fdba74;}
.fw-band-red{background:#fee2e2;border-color:#fca5a5;}
.fw-band-neutral{background:#f1f5f9;border-color:#cbd5e1;}
.fw-veg-hero{background:linear-gradient(135deg,#f0fdf4,#ecfeff);}
@media(max-width:700px){
  .fw-meaning-hero{flex-direction:column;padding:14px;border-radius:20px;}
  .fw-meaning-hero>strong{min-width:0;min-height:74px;align-self:stretch;}
  .fw-trend-grid{grid-template-columns:repeat(5,132px);margin-left:-2px;margin-right:-2px;}
  .fw-veg-grid{grid-template-columns:1fr;}
  .fw-veg-meter b{font-size:20px;}
}
.fw-firemode .fw-meaning-hero,.fw-firemode .fw-trend-box,.fw-firemode .fw-explain-card,.fw-firemode .fw-veg-meter{background:#111827;border-color:rgba(255,255,255,.14);color:#fff;}
.fw-firemode .fw-meaning-hero h3,.fw-firemode .fw-trend-box h3,.fw-firemode .fw-explain-card h3,.fw-firemode .fw-veg-meter b{color:#fff;}
.fw-firemode .fw-meaning-hero p,.fw-firemode .fw-trend-box p,.fw-firemode .fw-meaning-list li,.fw-firemode .fw-veg-meter em{color:#e2e8f0;}
.fw-firemode .fw-trend-step{background:#0f172a;border-color:rgba(255,255,255,.12);}
.fw-firemode .fw-trend-step b{color:#fff;}
.fw-lage-intro{display:grid;gap:4px;margin:0 0 12px;padding:14px 16px;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:16px;background:#eff6ff;color:#1e3a8a}.fw-lage-intro strong{font-size:17px}.fw-lage-intro span{font-size:13px;line-height:1.45;font-weight:700}.fw-priority-row #fw-tactical-hint-card{order:-2}.fw-priority-row #fw-critical-today-card{order:-1}.fw-firemode .fw-lage-intro{background:#172554;color:#dbeafe;border-color:#1d4ed8}
/* Einsatzblick: priorisierte, rollenunabhängige Kurzlage */
.fw-operational-brief{margin:14px 0 16px;padding:18px;border:1px solid rgba(15,23,42,.12);background:linear-gradient(145deg,#fff 0%,#f8fafc 100%)}
.fw-operational-brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}
.fw-operational-brief h2{margin:2px 0 0;font-size:clamp(1.25rem,2.5vw,1.7rem);line-height:1.15}
.fw-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#64748b}
.fw-brief-state{flex:0 0 auto;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;background:#e2e8f0;color:#334155}
.fw-brief-state-low{background:#dcfce7;color:#166534}.fw-brief-state-watch{background:#fef3c7;color:#92400e}.fw-brief-state-high{background:#ffedd5;color:#9a3412}.fw-brief-state-critical{background:#fee2e2;color:#991b1b}
.fw-brief-summary{margin:0 0 14px;font-size:1rem;line-height:1.48;color:#1e293b}
.fw-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fw-brief-grid>div{padding:12px;border-radius:12px;background:#f1f5f9;min-width:0}
.fw-brief-grid span,.fw-quality-grid span,.fw-official-warning span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}
.fw-brief-grid strong{display:block;margin:4px 0;font-size:.96rem;color:#0f172a}.fw-brief-grid small{display:block;line-height:1.35;color:#475569}
.fw-official-warning{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:12px;border-left:5px solid #94a3b8;background:#f8fafc}
.fw-official-warning p{grid-column:1/2;margin:2px 0;color:#475569;font-size:.88rem}.fw-official-warning a{grid-column:2;grid-row:1/3;color:#1d4ed8;font-weight:700;font-size:.82rem}
.fw-official-warning-none{border-left-color:#16a34a;background:#f0fdf4}.fw-official-warning-active{border-left-color:#dc2626;background:#fff1f2}.fw-official-warning-unavailable{border-left-color:#d97706;background:#fffbeb}
.fw-data-quality{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:10px}.fw-data-quality summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:.84rem;color:#475569}.fw-data-quality summary strong{color:#0f172a}
.fw-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.fw-quality-grid>div{padding:9px;border-radius:10px;background:#fff;border:1px solid #e2e8f0}.fw-quality-grid strong{display:block;margin-top:3px;font-size:.8rem;line-height:1.3}
@media(max-width:720px){.fw-operational-brief{padding:14px;margin-top:10px}.fw-operational-brief-head{display:block}.fw-brief-state{display:inline-block;margin-top:8px}.fw-brief-grid{grid-template-columns:1fr}.fw-official-warning{display:block}.fw-official-warning p{margin:5px 0 8px}.fw-official-warning a{display:inline-block}.fw-quality-grid{grid-template-columns:1fr 1fr}}

/* =========================================================
   v3.6.1 - entkoppeltes, performantes Einsatz-Dashboard
   ========================================================= */
body.fw-dashboard-open{background:#07101d}
body.fw-fullscreen-open{overflow:hidden!important}

.fw-widget.fw-dashboard-active,
.fw-widget.fw-fullscreen-fallback{
  --fw-dashboard-bg:#07101d;
  --fw-dashboard-panel:#101c2c;
  --fw-dashboard-line:rgba(148,163,184,.22);
  --fw-dashboard-muted:#9fb0c7;
}

.fw-widget.fw-dashboard-active{
  background:
    radial-gradient(circle at 88% 3%,rgba(37,99,235,.16),transparent 31%),
    linear-gradient(155deg,#0a1423 0%,#07101d 58%,#091523 100%);
  color:#f8fafc;
  border-top:5px solid #ef4444;
  border-radius:20px;
  box-shadow:0 24px 70px rgba(2,6,23,.36);
  padding:14px;
}

.fw-dashboard-active .fw-header{
  position:sticky;
  top:0;
  z-index:1000;
  padding:10px 12px!important;
  margin:-2px -2px 10px!important;
  border:1px solid var(--fw-dashboard-line)!important;
  border-radius:16px!important;
  background:rgba(7,16,29,.94)!important;
  box-shadow:0 12px 28px rgba(2,6,23,.22);
  backdrop-filter:blur(14px);
}
.fw-dashboard-active .fw-header-date,
.fw-dashboard-active .fw-subtitle{color:var(--fw-dashboard-muted)!important}
.fw-dashboard-active .fw-header-clock{color:#fff!important}
.fw-dashboard-active .fw-actions{gap:6px!important}
.fw-dashboard-active .fw-actions button{
  min-height:44px!important;
  padding:9px 13px!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:12px!important;
  color:#e2e8f0!important;
  background:#172437!important;
}
.fw-dashboard-active #fw-firemode-btn{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
.fw-dashboard-active #fw-fullscreen-btn{background:#dbeafe!important;color:#1e3a8a!important;border-color:#bfdbfe!important}
.fw-dashboard-active .fw-risk-pill{background:#111d2d!important;color:#fff!important;border-color:var(--fw-dashboard-line)!important}

.fw-dashboard-active .fw-details-grid{
  grid-template-columns:1.2fr 1.15fr .85fr .85fr!important;
  gap:8px!important;
  margin:0 0 9px!important;
}
.fw-dashboard-active .fw-mini{
  min-height:66px!important;
  padding:10px 12px!important;
  border:1px solid var(--fw-dashboard-line)!important;
  border-radius:14px!important;
  background:var(--fw-dashboard-panel)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.fw-dashboard-active .fw-mini span{color:var(--fw-dashboard-muted)!important;margin-bottom:3px!important}
.fw-dashboard-active .fw-mini strong{color:#fff!important;font-size:15px!important}
.fw-dashboard-active .fw-coord-select{background:#162438!important;color:#fff!important;border-color:var(--fw-dashboard-line)!important}
.fw-dashboard-active .fw-tab-nav,
.fw-dashboard-active .fw-lage-intro,
.fw-dashboard-active .fw-lage-export-row,
.fw-dashboard-active .fw-tab-panel-lage>.fw-info-row:not(.fw-priority-row),
.fw-dashboard-active .fw-data-quality,
.fw-dashboard-active #fw-region-grid,
.fw-dashboard-active .fw-tab-panel:not(.fw-tab-panel-lage){display:none!important}
.fw-dashboard-active .fw-tab-panel-lage{display:block!important}

.fw-dashboard-active .fw-fire-dashboard{
  display:block!important;
  margin:0 0 9px!important;
  padding:8px!important;
  border:1px solid var(--fw-dashboard-line)!important;
  border-radius:14px!important;
  background:#050c17!important;
  box-shadow:none!important;
}
.fw-dashboard-active .fw-fire-ticker-title{margin:0 0 5px!important;color:#91a4bd!important;font-size:10px!important;letter-spacing:.08em!important}
.fw-dashboard-active .fw-fire-ticker-row{height:31px!important;margin-top:4px!important;border-radius:9px!important;background:rgba(30,64,175,.14)!important;border-color:rgba(96,165,250,.18)!important}
.fw-dashboard-active .fw-fire-ticker-row-alt{background:rgba(180,83,9,.12)!important;border-color:rgba(251,191,36,.16)!important}
.fw-dashboard-active .fw-fire-track{gap:22px!important;animation-duration:55s!important;will-change:auto!important}
.fw-dashboard-active .fw-fire-track-slow{animation-duration:72s!important}
.fw-dashboard-active .fw-fire-track span{font-size:12px!important;line-height:1!important;padding:0 4px!important;color:#f8fafc!important;text-shadow:none!important}
.fw-dashboard-active .fw-fire-track b{color:#93c5fd!important}.fw-dashboard-active .fw-fire-track em{color:#fde68a!important}

.fw-dashboard-active .fw-operational-brief{
  margin:0 0 9px!important;
  padding:13px!important;
  border:1px solid var(--fw-dashboard-line)!important;
  border-left:4px solid #3b82f6!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(30,41,59,.96),rgba(15,27,43,.96))!important;
  color:#fff!important;
  box-shadow:none!important;
}
.fw-dashboard-active .fw-operational-brief h2,
.fw-dashboard-active .fw-brief-grid strong{color:#fff!important}
.fw-dashboard-active .fw-brief-summary,
.fw-dashboard-active .fw-brief-grid small{color:#cbd5e1!important}
.fw-dashboard-active .fw-brief-grid{gap:7px!important}
.fw-dashboard-active .fw-brief-grid>div{padding:9px 10px!important;background:rgba(2,6,23,.35)!important;border:1px solid rgba(148,163,184,.15)!important}
.fw-dashboard-active .fw-official-warning{margin-top:8px!important;padding:9px 11px!important;background:rgba(248,250,252,.96)!important;color:#0f172a!important}
.fw-dashboard-active .fw-official-warning p{margin:1px 0!important}

.fw-dashboard-active .fw-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:0!important}
.fw-dashboard-active .fw-status{
  min-height:68px!important;
  padding:10px!important;
  border-radius:14px!important;
  font-size:clamp(13px,1.1vw,17px)!important;
  line-height:1.2!important;
  display:flex!important;
  align-items:center!important;
  box-shadow:none!important;
}
.fw-dashboard-active .fw-priority-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}
.fw-dashboard-active .fw-priority-row .fw-tile{
  min-height:104px!important;
  padding:11px!important;
  border-radius:14px!important;
  border-color:var(--fw-dashboard-line)!important;
  background:var(--fw-dashboard-panel)!important;
  color:#f8fafc!important;
  box-shadow:none!important;
}
.fw-dashboard-active .fw-priority-row .fw-tile span,
.fw-dashboard-active .fw-priority-row .fw-tile em{color:#aebdd0!important}
.fw-dashboard-active .fw-priority-row .fw-tile strong{color:#fff!important;font-size:clamp(15px,1.35vw,20px)!important}
.fw-dashboard-active .fw-region-panel{
  margin-top:8px!important;padding:11px 13px!important;border-radius:14px!important;
  border-color:var(--fw-dashboard-line)!important;background:#101c2c!important;color:#fff!important;box-shadow:none!important
}
.fw-dashboard-active .fw-region-panel span,.fw-dashboard-active .fw-region-panel em{color:#9fb0c7!important}
.fw-dashboard-active .fw-region-top3{margin-top:5px!important;color:#e2e8f0!important;font-size:13px!important}
.fw-dashboard-active [data-info-card]{touch-action:manipulation}
.fw-dashboard-active [data-info-card]:focus-visible{outline:3px solid #60a5fa!important;outline-offset:2px}

.fw-widget.fw-fullscreen-fallback{
  position:fixed!important;inset:0!important;z-index:2147482000!important;
  width:100vw!important;height:100dvh!important;max-width:none!important;
  margin:0!important;border-radius:0!important;overflow:auto!important;
  overscroll-behavior:contain!important
}
#fw-widget:fullscreen{overflow:auto!important;overscroll-behavior:contain!important}

@media(max-width:900px){
  .fw-dashboard-active .fw-details-grid{grid-template-columns:1fr 1fr!important}
  .fw-dashboard-active .fw-status-grid,.fw-dashboard-active .fw-priority-row{grid-template-columns:1fr 1fr!important}
  .fw-dashboard-active .fw-header{position:relative}
}
@media(max-width:600px){
  .fw-widget.fw-dashboard-active{padding:9px;border-radius:0}
  .fw-dashboard-active .fw-header{grid-template-columns:1fr auto!important;padding:8px!important}
  .fw-dashboard-active .fw-logo-area{grid-template-columns:100px minmax(0,1fr)!important}
  .fw-dashboard-active .fw-logo{width:100px!important}
  .fw-dashboard-active .fw-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .fw-dashboard-active .fw-actions #fw-watch-open-btn,.fw-dashboard-active .fw-risk-pill{display:none!important}
  .fw-dashboard-active .fw-details-grid{grid-template-columns:1fr 1fr!important}
  .fw-dashboard-active .fw-mini{min-height:58px!important;padding:8px!important}
  .fw-dashboard-active .fw-brief-grid{grid-template-columns:1fr!important}
  .fw-dashboard-active .fw-official-warning{display:block!important}
  .fw-dashboard-active .fw-status-grid,.fw-dashboard-active .fw-priority-row{grid-template-columns:1fr!important}
  .fw-dashboard-active .fw-status{min-height:54px!important}
  .fw-dashboard-active .fw-priority-row .fw-tile{min-height:82px!important}
}
@media(prefers-reduced-motion:reduce){.fw-dashboard-active .fw-fire-track{animation:none!important}}

/* v3.6.1 - komplett eigenständiges Dashboard; verändert die Website-DOM nicht */
body.fw-command-dashboard-open{overflow:hidden!important}
.fw-command-dashboard{
  --db-bg:#060d18;--db-panel:#0e1929;--db-panel2:#132238;--db-line:rgba(148,163,184,.18);--db-muted:#91a4bc;
  position:fixed;inset:0;z-index:2147483000;display:none;overflow:auto;overscroll-behavior:contain;
  color:#f8fafc;background:radial-gradient(circle at 88% 0,rgba(37,99,235,.18),transparent 34%),linear-gradient(150deg,#0a1423,#060d18 62%,#0a1725);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased
}
.fw-command-dashboard.is-open{display:block}
.fw-db-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px clamp(14px,2vw,30px);border-bottom:1px solid var(--db-line);background:rgba(6,13,24,.94);backdrop-filter:blur(16px)}
.fw-db-brand b{display:block;font-size:clamp(20px,2vw,29px);letter-spacing:-.03em}.fw-db-brand span{display:block;color:var(--db-muted);font-size:12px;font-weight:750}.fw-db-brand em{color:#dbeafe;font-style:normal}
.fw-db-clock{text-align:center}.fw-db-clock strong{display:block;font-size:clamp(28px,3.5vw,52px);line-height:.9;font-variant-numeric:tabular-nums}.fw-db-clock span{display:block;margin-top:4px;color:var(--db-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.fw-db-actions{justify-self:end;display:flex;gap:8px}.fw-db-actions button{min-height:44px;border:1px solid var(--db-line);border-radius:12px;padding:9px 13px;background:#14243a;color:#e2e8f0;font-weight:850;cursor:pointer}.fw-db-actions .fw-db-close{background:#fee2e2;color:#991b1b;border-color:#fecaca;font-size:19px}.fw-db-actions .fw-db-close span{font-size:13px}
.fw-db-main{width:min(1600px,100%);margin:0 auto;padding:clamp(12px,1.6vw,24px);display:grid;gap:10px}
.fw-db-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);gap:12px;align-items:stretch}.fw-db-hero>div{border:1px solid var(--db-line);border-radius:18px;padding:clamp(15px,2vw,24px);background:linear-gradient(140deg,rgba(20,36,58,.96),rgba(11,24,40,.96))}.fw-db-kicker{display:block;color:#93c5fd;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.fw-db-hero h1{margin:5px 0 6px;font-size:clamp(25px,3vw,45px);line-height:1.04;letter-spacing:-.035em}.fw-db-hero p{margin:0;color:#cbd5e1;font-size:clamp(13px,1.1vw,17px);font-weight:700;line-height:1.4}
.fw-db-risk{display:flex;flex-direction:column;justify-content:center;border-left:5px solid #64748b!important}.fw-db-risk span{color:var(--db-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.fw-db-risk strong{display:block;margin:7px 0;font-size:clamp(20px,2.3vw,35px);line-height:1.08}.fw-db-risk small{color:#aebdd0}.fw-db-risk[data-tone="low"]{border-left-color:#22c55e!important}.fw-db-risk[data-tone="watch"]{border-left-color:#eab308!important}.fw-db-risk[data-tone="high"]{border-left-color:#f97316!important}.fw-db-risk[data-tone="critical"]{border-left-color:#ef4444!important}
.fw-db-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fw-db-card{appearance:none;text-align:left;min-width:0;min-height:92px;border:1px solid var(--db-line);border-left:4px solid #64748b;border-radius:16px;padding:12px 14px;background:var(--db-panel);color:#f8fafc;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.13);transition:transform .14s ease,border-color .14s ease,background .14s ease}.fw-db-card:hover,.fw-db-card:focus-visible{transform:translateY(-1px);background:var(--db-panel2);outline:2px solid #60a5fa;outline-offset:2px}.fw-db-card>span{display:block;color:var(--db-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.fw-db-card>strong{display:block;margin-top:7px;font-size:clamp(15px,1.35vw,21px);line-height:1.15;overflow-wrap:anywhere}.fw-db-card>small{display:block;margin-top:6px;color:#aebdd0;font-size:11px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.fw-db-card[data-tone="low"]{border-left-color:#22c55e}.fw-db-card[data-tone="watch"]{border-left-color:#eab308}.fw-db-card[data-tone="high"]{border-left-color:#f97316}.fw-db-card[data-tone="critical"]{border-left-color:#ef4444}
.fw-db-now{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fw-db-now>div{padding:11px 13px;border:1px solid var(--db-line);border-radius:14px;background:rgba(14,25,41,.84)}.fw-db-now span{display:block;color:#93c5fd;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.fw-db-now strong{display:block;margin:5px 0 3px;font-size:clamp(14px,1.25vw,19px)}.fw-db-now small{display:block;color:#aebdd0;font-size:11px;line-height:1.25}
.fw-db-rotation{border:1px solid var(--db-line);border-radius:18px;padding:12px;background:rgba(7,17,30,.82)}.fw-db-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.fw-db-section-head span{display:block;color:var(--db-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.fw-db-section-head strong{display:block;margin-top:2px;font-size:17px}.fw-db-tabs{display:flex;gap:6px}.fw-db-tabs button{width:34px;height:34px;border:1px solid var(--db-line);border-radius:10px;background:#132238;color:#aebdd0;font-weight:900;cursor:pointer}.fw-db-tabs button.is-active{background:#2563eb;color:#fff;border-color:#60a5fa}.fw-db-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fw-db-page .fw-db-card{display:none}.fw-db-page .fw-db-card.is-visible{display:block}.fw-db-progress{height:3px;margin-top:10px;border-radius:99px;background:rgba(148,163,184,.15);overflow:hidden}.fw-db-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#22d3ee);border-radius:inherit}@keyframes fwDbProgress{from{width:0}to{width:100%}}
.fw-db-ticker{display:grid;grid-template-columns:minmax(130px,20%) minmax(0,1fr);gap:12px;align-items:center;min-height:46px;padding:9px 13px;border:1px solid var(--db-line);border-radius:14px;background:#0b1626}.fw-db-ticker span{color:#93c5fd;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.fw-db-ticker strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-command-dashboard:fullscreen{width:100vw;height:100vh}
@media(max-width:900px){.fw-db-header{grid-template-columns:1fr auto}.fw-db-clock{display:none}.fw-db-hero{grid-template-columns:1fr}.fw-db-primary,.fw-db-page{grid-template-columns:1fr 1fr}.fw-db-now{grid-template-columns:1fr}.fw-db-card{min-height:82px}}
@media(max-width:560px){.fw-db-header{gap:8px;padding:10px}.fw-db-brand b{font-size:19px}.fw-db-brand span{font-size:10px}.fw-db-actions #fw-db-fullscreen{display:none}.fw-db-actions .fw-db-close span{display:none}.fw-db-actions .fw-db-close{width:44px;padding:0}.fw-db-main{padding:9px}.fw-db-primary,.fw-db-page{grid-template-columns:1fr}.fw-db-card{min-height:70px}.fw-db-hero>div{padding:14px}.fw-db-section-head{align-items:flex-end}.fw-db-ticker{grid-template-columns:1fr;gap:2px}}
@media(prefers-reduced-motion:reduce){.fw-db-progress i{animation:none!important;width:100%!important}.fw-db-card{transition:none}}

/* Monitor-Dashboard 3.6.1: klare Messwerte, Datenstand, Countdown und Datenqualität */
.fw-command-dashboard{
  --db-bg:#06101c;
  --db-panel:#0d1a2b;
  --db-panel2:#12233a;
  --db-line:#24364d;
  --db-text:#f8fafc;
  --db-muted:#a8b7c9;
  --db-blue:#60a5fa;
  --db-green:#34d399;
  --db-yellow:#facc15;
  --db-orange:#fb923c;
  --db-red:#f87171;
  position:fixed;
  inset:0;
  z-index:9999998;
  display:none;
  overflow:auto;
  background:linear-gradient(180deg,#09172a 0,#06101c 48%,#040914 100%);
  color:var(--db-text);
  font-family:Arial,sans-serif;
}
.fw-command-dashboard.is-open{display:block}
.fw-db-header{
  position:sticky;
  top:0;
  z-index:5;
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(360px,auto) minmax(300px,1fr);
  align-items:center;
  gap:18px;
  min-height:88px;
  padding:14px clamp(18px,2.4vw,38px);
  border-bottom:1px solid var(--db-line);
  background:rgba(6,16,28,.96);
  backdrop-filter:blur(14px);
}
.fw-db-brand b{display:block;font-size:clamp(24px,2vw,34px);letter-spacing:0;font-weight:950}
.fw-db-brand span{display:block;margin-top:4px;color:var(--db-muted);font-size:13px;font-weight:800}
.fw-db-brand em{color:#dbeafe;font-style:normal}
.fw-db-timegroup{text-align:center;display:grid;gap:4px}
.fw-db-timegroup span{color:#dbeafe;font-size:clamp(16px,1.2vw,22px);font-weight:850}
.fw-db-timegroup strong{font-size:clamp(38px,4.2vw,68px);line-height:1;font-variant-numeric:tabular-nums;font-weight:950}
.fw-db-timegroup small{color:var(--db-muted);font-size:clamp(12px,.95vw,15px);font-weight:800}
.fw-db-actions{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.fw-db-actions button{
  min-height:42px;
  border:1px solid var(--db-line);
  border-radius:10px;
  padding:9px 13px;
  background:#14243a;
  color:#e2e8f0;
  font-weight:850;
  cursor:pointer;
}
.fw-db-actions .fw-db-close{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.fw-db-refresh{
  min-height:42px;
  display:flex;
  align-items:center;
  border:1px solid var(--db-line);
  border-radius:10px;
  padding:8px 12px;
  background:#0b1626;
  color:#dbeafe;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.fw-db-main{
  width:min(1760px,100%);
  min-height:calc(100vh - 88px);
  margin:0 auto;
  padding:clamp(14px,1.4vw,24px);
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  gap:12px;
}
.fw-db-assessment{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,24%);
  gap:12px;
}
.fw-db-assessment>div,
.fw-db-data-state{
  border:1px solid var(--db-line);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(18,35,58,.96),rgba(8,19,33,.96));
  padding:clamp(16px,1.7vw,26px);
}
.fw-db-kicker{display:block;color:#93c5fd;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.fw-db-assessment h1{margin:6px 0 7px;font-size:clamp(30px,3.1vw,56px);line-height:1.02;letter-spacing:0}
.fw-db-assessment p{margin:0;max-width:1100px;color:#dbeafe;font-size:clamp(16px,1.2vw,22px);font-weight:760;line-height:1.38}
.fw-db-data-state{display:flex;flex-direction:column;justify-content:center;border-left:6px solid #64748b}
.fw-db-data-state strong{font-size:13px;color:var(--db-muted);text-transform:uppercase;letter-spacing:.08em}
.fw-db-data-state span{display:block;margin:8px 0 6px;font-size:clamp(20px,1.6vw,30px);font-weight:950;line-height:1.1}
.fw-db-data-state small{color:#cbd5e1;font-size:13px;font-weight:800;line-height:1.35}
.fw-db-data-state[data-state="ok"]{border-left-color:var(--db-green)}
.fw-db-data-state[data-state="stale"]{border-left-color:var(--db-orange)}
.fw-db-data-state[data-state="missing"]{border-left-color:var(--db-yellow)}
.fw-db-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.fw-db-metric{
  min-width:0;
  min-height:244px;
  display:grid;
  grid-template-rows:auto auto 1fr auto auto;
  gap:10px;
  border:1px solid var(--db-line);
  border-top:5px solid #64748b;
  border-radius:8px;
  padding:clamp(14px,1.3vw,20px);
  background:linear-gradient(180deg,rgba(13,26,43,.98),rgba(8,18,32,.98));
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}
.fw-db-metric[data-tone="low"]{border-top-color:var(--db-green)}
.fw-db-metric[data-tone="watch"]{border-top-color:var(--db-yellow)}
.fw-db-metric[data-tone="high"]{border-top-color:var(--db-orange)}
.fw-db-metric[data-tone="critical"]{border-top-color:var(--db-red)}
.fw-db-metric-head{display:flex;align-items:center;gap:10px}
.fw-db-icon{
  flex:0 0 auto;
  min-width:50px;
  min-height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(148,163,184,.24);
  border-radius:8px;
  background:#07111f;
  color:#bfdbfe;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
}
.fw-db-metric h2{margin:0;color:#dbeafe;font-size:clamp(17px,1.18vw,22px);line-height:1.16}
.fw-db-value{display:flex;align-items:baseline;gap:10px;min-width:0}
.fw-db-value strong{font-size:clamp(42px,4.2vw,76px);line-height:.98;font-weight:950;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fw-db-value span{color:#e2e8f0;font-size:clamp(19px,1.5vw,28px);font-weight:900}
.fw-db-interpretation{margin:0;color:#f8fafc;font-size:clamp(14px,1vw,18px);font-weight:830;line-height:1.28}
.fw-db-metric dl{display:grid;gap:6px;margin:0}
.fw-db-metric dl>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(148,163,184,.16);padding-top:7px}
.fw-db-metric dt{color:var(--db-muted);font-size:12px;font-weight:850}
.fw-db-metric dd{margin:0;text-align:right;color:#e2e8f0;font-size:12px;font-weight:850}
.fw-db-trend{display:block;color:#bfdbfe;font-size:12px;font-weight:900}
.fw-db-additional{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.fw-db-info{
  min-height:96px;
  border:1px solid var(--db-line);
  border-radius:8px;
  padding:12px 14px;
  background:#0b1626;
}
.fw-db-info span,
.fw-db-card>span,
.fw-db-section-head span{
  display:block;
  color:#93c5fd;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.fw-db-info strong{display:block;margin:6px 0 5px;font-size:clamp(15px,1vw,19px);line-height:1.2;overflow-wrap:anywhere}
.fw-db-info small{color:var(--db-muted);font-size:12px;font-weight:800;line-height:1.32}
.fw-db-rotation{
  min-height:0;
  border:1px solid var(--db-line);
  border-radius:8px;
  padding:12px;
  background:rgba(7,17,30,.82);
}
.fw-db-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.fw-db-section-head strong{display:block;margin-top:3px;font-size:20px}
.fw-db-tabs{display:flex;gap:7px}
.fw-db-tabs button{
  width:38px;
  height:38px;
  border:1px solid var(--db-line);
  border-radius:8px;
  background:#132238;
  color:#dbeafe;
  font-weight:950;
  cursor:pointer;
}
.fw-db-tabs button.is-active{background:#2563eb;color:#fff;border-color:#60a5fa}
.fw-db-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fw-db-card{
  display:none;
  min-height:104px;
  border:1px solid var(--db-line);
  border-left:5px solid #64748b;
  border-radius:8px;
  padding:12px 14px;
  background:var(--db-panel);
  color:#f8fafc;
  text-align:left;
  cursor:pointer;
  transition:transform .14s ease,background .14s ease;
}
.fw-db-card.is-visible{display:block}
.fw-db-card:hover,
.fw-db-card:focus-visible{transform:translateY(-1px);background:var(--db-panel2);outline:2px solid var(--db-blue);outline-offset:2px}
.fw-db-card>strong{display:block;margin-top:7px;font-size:clamp(18px,1.4vw,24px);line-height:1.15;overflow-wrap:anywhere}
.fw-db-card>small{display:block;margin-top:6px;color:#b7c5d6;font-size:12px;font-weight:800;line-height:1.28;overflow-wrap:anywhere}
.fw-db-card[data-tone="low"]{border-left-color:var(--db-green)}
.fw-db-card[data-tone="watch"]{border-left-color:var(--db-yellow)}
.fw-db-card[data-tone="high"]{border-left-color:var(--db-orange)}
.fw-db-card[data-tone="critical"]{border-left-color:var(--db-red)}
.fw-db-progress{height:4px;margin-top:10px;border-radius:99px;background:rgba(148,163,184,.15);overflow:hidden}
.fw-db-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#22d3ee);border-radius:inherit}
@keyframes fwDbProgress{from{width:0}to{width:100%}}
.fw-command-dashboard:fullscreen{width:100vw;height:100vh}
@media(max-width:1200px){
  .fw-db-header{grid-template-columns:1fr;align-items:start}
  .fw-db-timegroup{text-align:left}
  .fw-db-actions{justify-self:start}
  .fw-db-assessment,.fw-db-metrics,.fw-db-additional,.fw-db-page{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .fw-db-main{grid-template-rows:auto}
  .fw-db-assessment,.fw-db-metrics,.fw-db-additional,.fw-db-page{grid-template-columns:1fr}
  .fw-db-actions #fw-db-fullscreen{display:none}
  .fw-db-value strong{font-size:42px}
  .fw-db-metric{min-height:210px}
}
@media(prefers-reduced-motion:reduce){
  .fw-db-progress i{animation:none!important;width:100%!important}
  .fw-db-card{transition:none}
}

/* Dashboard-Querformat: HD-Monitor, 4K-TV und Tablets ohne unnötiges Scrollen */
@media (orientation: landscape) and (min-width: 700px){
  .fw-command-dashboard{
    overflow:hidden;
  }
  .fw-db-header{
    --db-header-h:clamp(58px,7.4vh,92px);
    position:relative;
    grid-template-columns:minmax(190px,1fr) minmax(300px,auto) minmax(260px,1fr);
    min-height:var(--db-header-h);
    max-height:var(--db-header-h);
    gap:clamp(8px,1vw,18px);
    padding:clamp(8px,1.2vh,14px) clamp(12px,1.6vw,34px);
  }
  .fw-db-brand b{font-size:clamp(19px,1.7vw,34px)}
  .fw-db-brand span{font-size:clamp(10px,.75vw,13px)}
  .fw-db-timegroup{gap:2px}
  .fw-db-timegroup span{font-size:clamp(13px,1vw,20px)}
  .fw-db-timegroup strong{font-size:clamp(30px,3.3vw,70px)}
  .fw-db-timegroup small{font-size:clamp(10px,.78vw,14px)}
  .fw-db-actions{gap:clamp(5px,.65vw,9px)}
  .fw-db-actions button,
  .fw-db-refresh{
    min-height:clamp(34px,4.2vh,44px);
    padding:clamp(6px,.8vh,9px) clamp(8px,.85vw,13px);
    font-size:clamp(11px,.8vw,14px);
  }
  .fw-db-main{
    width:min(100%,2560px);
    height:calc(100dvh - var(--db-header-h, 76px) - 4px);
    min-height:0;
    box-sizing:border-box;
    padding:clamp(8px,1.05vh,20px) clamp(10px,1.1vw,28px);
    gap:clamp(7px,.95vh,12px);
    grid-template-rows:minmax(78px,.78fr) minmax(168px,1.45fr) minmax(72px,.58fr) minmax(126px,1fr);
  }
  .fw-db-assessment{
    grid-template-columns:minmax(0,1fr) minmax(220px,24%);
    gap:clamp(7px,.8vw,12px);
    min-height:0;
  }
  .fw-db-assessment>div,
  .fw-db-data-state{
    padding:clamp(10px,1.15vh,18px) clamp(12px,1.1vw,22px);
    min-height:0;
  }
  .fw-db-kicker{font-size:clamp(9px,.68vw,12px)}
  .fw-db-assessment h1{
    margin:3px 0 4px;
    font-size:clamp(22px,2.4vw,52px);
    line-height:1.02;
  }
  .fw-db-assessment p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:clamp(12px,1vw,20px);
    line-height:1.28;
  }
  .fw-db-data-state span{
    margin:5px 0 4px;
    font-size:clamp(16px,1.35vw,28px);
  }
  .fw-db-data-state small{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:clamp(10px,.78vw,13px);
  }
  .fw-db-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(7px,.8vw,12px);
    min-height:0;
  }
  .fw-db-metric{
    min-height:0;
    height:100%;
    gap:clamp(5px,.75vh,10px);
    padding:clamp(9px,1.05vh,17px) clamp(10px,1vw,18px);
    grid-template-rows:auto auto minmax(28px,1fr) auto auto;
  }
  .fw-db-icon{
    min-width:clamp(34px,3.3vw,50px);
    min-height:clamp(28px,3.5vh,42px);
    font-size:clamp(9px,.72vw,12px);
  }
  .fw-db-metric h2{
    font-size:clamp(13px,1vw,21px);
  }
  .fw-db-value strong{
    font-size:clamp(28px,3.45vw,78px);
  }
  .fw-db-value span{
    font-size:clamp(14px,1.25vw,28px);
  }
  .fw-db-interpretation{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:clamp(11px,.84vw,17px);
    line-height:1.22;
  }
  .fw-db-metric dl{
    gap:3px;
  }
  .fw-db-metric dl>div{
    padding-top:4px;
  }
  .fw-db-metric dt,
  .fw-db-metric dd,
  .fw-db-trend{
    font-size:clamp(9px,.72vw,12px);
    line-height:1.18;
  }
  .fw-db-additional{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(7px,.8vw,12px);
    min-height:0;
  }
  .fw-db-info{
    min-height:0;
    height:100%;
    padding:clamp(8px,.9vh,12px) clamp(10px,.9vw,14px);
  }
  .fw-db-info span,
  .fw-db-card>span,
  .fw-db-section-head span{
    font-size:clamp(9px,.68vw,11px);
  }
  .fw-db-info strong{
    margin:4px 0 3px;
    font-size:clamp(12px,.92vw,18px);
  }
  .fw-db-info small{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:clamp(9px,.72vw,12px);
  }
  .fw-db-rotation{
    min-height:0;
    padding:clamp(8px,.9vh,12px);
    overflow:hidden;
  }
  .fw-db-section-head{
    margin-bottom:clamp(5px,.7vh,10px);
  }
  .fw-db-section-head strong{
    font-size:clamp(14px,1vw,20px);
  }
  .fw-db-tabs button{
    width:clamp(30px,2.8vw,38px);
    height:clamp(30px,4vh,38px);
  }
  .fw-db-page{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(7px,.8vw,10px);
  }
  .fw-db-card{
    min-height:0;
    height:100%;
    padding:clamp(8px,.9vh,12px) clamp(10px,.9vw,14px);
  }
  .fw-db-card>strong{
    margin-top:4px;
    font-size:clamp(14px,1.08vw,23px);
  }
  .fw-db-card>small{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-top:4px;
    font-size:clamp(9px,.72vw,12px);
  }
  .fw-db-progress{
    margin-top:clamp(5px,.65vh,10px);
  }
}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 760px){
  .fw-db-header{
    --db-header-h:58px;
  }
  .fw-db-main{
    grid-template-rows:minmax(66px,.68fr) minmax(138px,1.35fr) minmax(58px,.52fr) minmax(102px,.92fr);
    padding:7px 9px;
    gap:6px;
  }
  .fw-db-actions #fw-db-fullscreen{
    display:none;
  }
  .fw-db-brand span,
  .fw-db-timegroup small,
  .fw-db-data-state small,
  .fw-db-info small{
    -webkit-line-clamp:1;
  }
  .fw-db-metric{
    padding:8px 9px;
    gap:4px;
  }
  .fw-db-metric dl>div:nth-child(2){
    display:none;
  }
  .fw-db-trend{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 620px){
  .fw-db-header{
    --db-header-h:50px;
  }
  .fw-db-brand span,
  .fw-db-data-state strong,
  .fw-db-metric dl,
  .fw-db-trend,
  .fw-db-info small{
    display:none;
  }
  .fw-db-main{
    grid-template-rows:minmax(54px,.6fr) minmax(112px,1.2fr) minmax(48px,.44fr) minmax(88px,.78fr);
    gap:5px;
    padding:5px 7px;
  }
  .fw-db-assessment h1{
    font-size:clamp(17px,2vw,32px);
  }
  .fw-db-assessment p,
  .fw-db-interpretation,
  .fw-db-card>small{
    -webkit-line-clamp:1;
  }
  .fw-db-value strong{
    font-size:clamp(23px,3vw,48px);
  }
  .fw-db-value span{
    font-size:clamp(12px,1.1vw,20px);
  }
  .fw-db-info strong,
  .fw-db-card>strong{
    font-size:clamp(11px,1vw,18px);
  }
}