/* Block «Schnelleinstiege» — Figma «quick-links» 2214:3193 (gleich 2121:3182): Verlauf von unten blau 50
   nach oben blau 100, Abstand 32, Karten p 20 */

.gw-quicklinks {
  padding-block: var(--sektion);
  background: var(--blau-50);
  /* blau 100 #d5e7ff fehlt in tokens.css (Figma «gradient-light-blule», bg-gradient-to-t) */
  background: linear-gradient(to top, var(--blau-50), #d5e7ff);
}
.gw-quicklinks--weiss { background: var(--weiss); }

/* Letzter Block vor dem Fuss (Kontaktseite ohne Kontaktaufruf): Platz für die Bildmarke wie kontakt-aufruf.css */
.gw-quicklinks:last-child { padding-bottom: max(var(--sektion), 75px + var(--abstand-xl)); }

/* Ohne Silbentrennung und ausgeglichen: sonst «INTERESSIEREN» allein bzw. «INTERESSIE-/REN» (Firefox) */
.gw-quicklinks__titel { margin-bottom: var(--abstand-xl); color: var(--blau-700); hyphens: manual; text-wrap: balance; }

.gw-quicklinks__raster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--abstand-lg);
  margin: 0;
  padding: 0;
  list-style: none;
}
.gw-quicklinks__raster > li { display: flex; flex: 1 1 200px; }

/* Nie 3 + 1 und keine dreizeiligen Etiketten: bis 1100 zwei je Zeile, schmal eine */
@media (max-width: 1100px) {
  .gw-quicklinks__raster > li { flex-basis: calc((100% - var(--abstand-lg)) / 2); }
}
/* Drei Karten (Einstieg zur aktuellen Seite fällt weg): eine Reihe oder untereinander, nie 2 + 1 */
@media (min-width: 800px) and (max-width: 1100px) {
  .gw-quicklinks__raster:not(:has(> li:nth-child(4))) > li { flex-basis: calc((100% - 2 * var(--abstand-lg)) / 3); }
}
@media (max-width: 799px) {
  .gw-quicklinks__raster:not(:has(> li:nth-child(4))) > li { flex-basis: 100%; }
}
@media (max-width: 520px) {
  .gw-quicklinks__raster > li { flex-basis: 100%; }
}

/* Karte: weiss, Rahmen hellgrau innen, Drop Shadow/300 — 80 hoch: Rahmen 1 + 19 = Figma p 20 */
.gw-quicklink {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 80px;
  padding: calc(var(--abstand-md) - 1px);
  border: 1px solid var(--hellgrau);
  background: var(--weiss);
  box-shadow: var(--schatten-300);
  text-decoration: none;
  color: #111827;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.gw-quicklink:hover { box-shadow: var(--schatten-400); transform: translateY(-2px); }

.gw-quicklink__icon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; }

/* Inter Bold 14 */
.gw-quicklink__label { flex: 1; font-weight: 700; font-size: 14px; line-height: normal; }

.gw-quicklink--hervor { border-color: var(--blau-700); background: var(--blau-700); color: var(--weiss); }
.gw-quicklink--hervor .gw-icon { filter: brightness(0) invert(1); }

@media (prefers-reduced-motion: reduce) {
  .gw-quicklink { transition: none; }
  .gw-quicklink:hover { transform: none; }
}