/* Autoankauf Stern – compact city-information layout
 * Scope: the local alternate section whose four-column grid contains the city facts.
 * No global heading, icon, or section rules are changed.
 */

/* City overview: reduce the section's vertical frame without removing any content. */
.l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title) {
  padding-block: 2.35rem;
}

/* Keep the overview heading readable, but stop it dominating the facts. */
  .l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
    > .l-section-h > .g-cols.cols_1
  > .vc_column_container > .vc_column-inner > .wpb_text_column h2 {
  margin: 0 0 .75rem;
  padding-top: 0;
  font-size: clamp(1.55rem, 2.2vw, 2.15rem);
  line-height: 1.2;
}

/* The inline grid gap is replaced only for this facts grid. */
.l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
  > .l-section-h > .g-cols.cols_1 .g-cols.cols_4 {
  --columns-gap: 1.15rem !important;
  row-gap: .85rem;
}

/* Normalize the eight fact tiles: modest icon, compact label, predictable value line. */
.l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
  .g-cols.cols_4 > .vc_column_container > .vc_column-inner {
  padding-block: .15rem;
}

.l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
  .g-cols.cols_4 .w-iconbox-icon {
  width: 1.15em;
  margin-inline-end: .6rem;
  font-size: 1.15rem !important;
}

.l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
  .g-cols.cols_4 .w-iconbox-title {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 600;
}

.l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
  .g-cols.cols_4 .w-iconbox-text {
  font-size: .95rem;
  line-height: 1.35;
}

.l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
  .g-cols.cols_4 .w-iconbox-text p {
  margin: .2rem 0 0;
  line-height: inherit;
}

/* Only the section directly before Further Services gets the matching bottom trim. */
.l-section:has(+ .l-section:not(.local-sec) > .l-section-h > .g-cols.cols_1 .g-cols.cols_2[style*="--columns-gap:6vh"] .w-iconbox-title) {
  padding-bottom: 2.25rem;
}

/* Services block: retain breathing room, but avoid the oversized lead-in gap. */
.l-section:not(.local-sec):has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_2[style*="--columns-gap:6vh"] .w-iconbox-title) {
  padding-top: 2.25rem;
}

@media (max-width: 1024px) {
  .l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title) {
    padding-block: 2rem;
  }

  .l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
    > .l-section-h > .g-cols.cols_1 .g-cols.cols_4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title) {
    padding-block: 1.5rem;
  }

  .l-section.local-sec.color_alternate:has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_4 .w-iconbox-title)
    > .l-section-h > .g-cols.cols_1 .g-cols.cols_4 {
    grid-template-columns: 1fr;
    row-gap: .7rem;
  }

  .l-section:has(+ .l-section:not(.local-sec) > .l-section-h > .g-cols.cols_1 .g-cols.cols_2[style*="--columns-gap:6vh"] .w-iconbox-title) {
    padding-bottom: 1.5rem;
  }

  .l-section:not(.local-sec):has(> .l-section-h > .g-cols.cols_1 .g-cols.cols_2[style*="--columns-gap:6vh"] .w-iconbox-title) {
    padding-top: 1.5rem;
  }
}