/* Schmale Wetterleiste über der Navigation, passend zu Hahne mit Herz. */
.hmh-weather {
  position: relative;
  z-index: 51;
  color: #f7f2e6;
  background: linear-gradient(100deg, #092b34 0%, #12473f 55%, #092b34 100%);
  border-bottom: 1px solid rgba(222, 188, 105, .38);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
.hmh-weather-inner {
  width: min(1200px, calc(100% - 40px));
  min-height: 38px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: .78rem;
  line-height: 1.2;
}
.hmh-weather-live { display: inline-flex; align-items: center; gap: 7px; color: #e5ca89; font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; white-space: nowrap; }
.hmh-weather-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #7cdbb4; box-shadow: 0 0 0 4px rgba(124, 219, 180, .12); animation: hmh-weather-pulse 3s ease-in-out infinite; }
.hmh-weather.is-error .hmh-weather-dot { background: #cbb993; box-shadow: none; animation: none; }
.hmh-weather-place { font-weight: 750; white-space: nowrap; }
.hmh-weather-divider { width: 1px; height: 15px; background: rgba(245, 223, 157, .35); }
.hmh-weather-icon { width: 22px; height: 22px; color: #f5df9d; display: inline-grid; place-items: center; }
.hmh-weather-icon svg { width: 22px; height: 22px; display: block; }
.hmh-weather-temp { color: #fff; font-size: .99rem; font-weight: 800; white-space: nowrap; }
.hmh-weather-condition { color: #e5ede9; white-space: nowrap; }
.hmh-weather-updated { margin-left: auto; color: #bdcfca; font-size: .7rem; white-space: nowrap; }
.hmh-weather-source { color: #e3cc99; font-size: .68rem; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(227, 204, 153, .45); white-space: nowrap; }
.hmh-weather-source:hover, .hmh-weather-source:focus-visible { color: #fff; text-decoration-color: currentColor; }
@keyframes hmh-weather-pulse { 50% { opacity: .55; box-shadow: 0 0 0 7px rgba(124, 219, 180, 0); } }
@media (max-width: 760px) { .hmh-weather-inner { width: min(100% - 30px, 1200px); gap: 8px; } .hmh-weather-updated { display: none; } .hmh-weather-source { margin-left: auto; } }
@media (max-width: 480px) { .hmh-weather-inner { min-height: 36px; } .hmh-weather-live span:last-child, .hmh-weather-divider, .hmh-weather-condition { display: none; } .hmh-weather-source { font-size: .61rem; } }
@media (prefers-reduced-motion: reduce) { .hmh-weather-dot { animation: none; } }
@media print { .hmh-weather { display: none; } }