/* Gemeinsames Erlebniswelten-Raster für die Städteübersicht. */
body:has(.qfe-location-overview-nav) {
  --location-world-wash: #f6f8f3;
  --location-world-muted: #5b6660;
  --location-world-line: #d9dfda;
}

body:has(.qfe-location-overview-nav) main.container > .section > .container,
body:has(.qfe-location-overview-nav) .qfe-visible-breadcrumb {
  box-sizing: border-box;
  max-width: 1180px;
  width: 100%;
  margin-inline: auto;
  padding-inline: clamp(20px, 5vw, 66px);
}

body:has(.qfe-location-overview-nav) .qfe-locations-hero.hero.hero-category-map {
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
  gap: clamp(28px, 4vw, 54px);
  padding: clamp(52px, 7vw, 92px) clamp(20px, 5vw, 66px) !important;
  box-shadow: none !important;
  clip-path: none;
}

body:has(.qfe-location-overview-nav) .qfe-locations-hero .hero-title {
  max-width: none;
  font-size: clamp(1.75rem, 3.2vw, 3.5rem) !important;
  -webkit-hyphens: none;
  hyphens: none;
  line-height: 1.04;
  overflow-wrap: anywhere;
}

@supports (container-type: inline-size) {
  body:has(.qfe-location-overview-nav) .hero-overlay {
    container-type: inline-size;
  }
  body:has(.qfe-location-overview-nav) .qfe-locations-hero .hero-title {
    font-size: clamp(1.5rem, 10.5cqi, 3.5rem) !important;
  }
}

body:has(.qfe-location-overview-nav) .qfe-locations-hero .hero-kicker {
  font-weight: 600;
  letter-spacing: .11em;
}

body:has(.qfe-location-overview-nav) main.container > .section:not(.qfe-locations-hero) {
  padding-block: clamp(56px, 7vw, 92px);
}

body:has(.qfe-location-overview-nav) .location-planning-options,
body:has(.qfe-location-overview-nav) .location-region-grid {
  gap: 18px;
}

body:has(.qfe-location-overview-nav) .location-option,
body:has(.qfe-location-overview-nav) .location-region-group,
body:has(.qfe-location-overview-nav) .location-alpha-panel {
  padding: 20px;
  border-radius: 20px;
}

body:has(.qfe-location-overview-nav) .location-city-groups h2 {
  max-width: none;
  font-size: clamp(1.9rem, 3.5vw, 3.15rem);
}

body:has(.qfe-location-overview-nav) .qfe-locations-hero .city-search-row input[type="text"] {
  min-width: 0;
  width: 100%;
}

@media (max-width: 820px) {
  body:has(.qfe-location-overview-nav) .qfe-locations-hero.hero.hero-category-map {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  body:has(.qfe-location-overview-nav) main.container > .section > .container,
  body:has(.qfe-location-overview-nav) .qfe-visible-breadcrumb {
    padding-inline: 18px;
  }
  body:has(.qfe-location-overview-nav) .qfe-locations-hero.hero.hero-category-map {
    padding: 44px 18px !important;
  }
  body:has(.qfe-location-overview-nav) main.container > .section:not(.qfe-locations-hero) {
    padding-block: 52px;
  }
}