/* CARLO Design — gemeinsame Ergänzungen für alle Seiten (27.10.2026)
   Wird nach den Inline-Styles geladen.
   1. "Passend dazu" hat höchstens 3 Karten: auf dem Desktop als ruhige Dreierreihe statt Wischreihe
   2. "Für jede Aufgabe eine Seite" (Mallorca, Berlin): kompakte Linklisten statt Karten */

/* ---------- 1. Passend dazu ---------- */
@media (min-width: 721px) {
  .related:not(.loc-links) .related__grid {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
    padding-bottom: 0;
  }
}

/* ---------- 2. Leistungen und Orte als Liste ---------- */
.loc-links__cols {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 0 var(--space-lg, 2.5rem);
  margin-top: var(--space-md, 1.5rem);
}
.loc-links__label {
  font-family: var(--font-sans);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--c-ink-soft, #8A7F73);
  padding-bottom: 0.6rem;
  border-bottom: 0.5px solid var(--c-line, #e6e1d7);
}
.loc-links__list { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 1.75rem; }
.loc-links__list li { break-inside: avoid; border-bottom: 0.5px solid var(--c-line, #e6e1d7); }
.loc-links__list a {
  display: block;
  padding: 0.55rem 0;
  font-family: var(--font-display);
  font-size: 1.08rem;
  line-height: 1.3;
  color: var(--c-navy, #422515);
  text-decoration: none;
  transition: color 0.2s;
}
.loc-links__list a:hover, .loc-links__list a:focus-visible { color: var(--c-copper-deep, #8C5B3F); }

@media (max-width: 720px) {
  .loc-links__cols { grid-template-columns: 1fr; gap: var(--space-md, 1.5rem); }
  .loc-links__list { column-gap: 1.25rem; }
  .loc-links__list a { font-size: 1rem; padding: 0.65rem 0; }
}