/* PATCH 1014 - finaler Hotfix vor LIVE
   Ziel:
   1) Abstand zwischen Hero-CTA und Warum-ONBOAT-Block reduzieren
   2) Update-Wert im Live-Revier zweizeilig/kompakt erlauben
   Keine Änderungen an Hero-Höhe, kein Abschneiden, keine Layout-Umbauten.
*/

/* Hero bleibt wie er ist, nur der folgende Brand-Block rückt näher heran */
.onb-home-brand-lead {
  margin-top: -125px !important;
  position: relative !important;
  z-index: 8 !important;
}

/* Desktop etwas stärker, weil dort der sichtbare Abstand am größten ist */
@media (min-width: 1100px) {
  .onb-home-brand-lead {
    margin-top: -145px !important;
  }
}

/* Tablet/Mobile vorsichtiger, damit nichts in den Hero läuft */
@media (max-width: 900px) {
  .onb-home-brand-lead {
    margin-top: -70px !important;
  }
}

@media (max-width: 640px) {
  .onb-home-brand-lead {
    margin-top: -35px !important;
  }
}

/* Live-Revier Wetterwerte: Update darf zweizeilig werden und nicht aus der Box laufen */
.onb-live-revier-final .onb-live-weather dl,
.onb-live-weather dl {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.onb-live-revier-final .onb-live-weather dl > div,
.onb-live-weather dl > div {
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 12px 10px !important;
}

.onb-live-revier-final .onb-live-weather dl dt,
.onb-live-weather dl dt {
  font-size: 11px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.onb-live-revier-final .onb-live-weather dl dd,
.onb-live-weather dl dd {
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  max-width: 100% !important;
}

/* Speziell die vierte Kachel = Update */
.onb-live-revier-final .onb-live-weather dl > div:nth-child(4) dd,
.onb-live-weather dl > div:nth-child(4) dd {
  font-size: 12px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;
}

/* Auf schmaleren Breiten lieber 2x2 statt Quetschen */
@media (max-width: 720px) {
  .onb-live-revier-final .onb-live-weather dl,
  .onb-live-weather dl {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}