/* Lokale IONOS-Korrekturen vom 25.08.2026 */

/* Sekundäre, silberne Schaltflächen: klarer Farbwechsel statt reinem Glanz. */
html[data-theme="dark"] .text-link:hover,
html[data-theme="dark"] .text-link:focus-visible,
html[data-theme="light"] .text-link:hover,
html[data-theme="light"] .text-link:focus-visible {
  color: #ffffff;
  background: linear-gradient(120deg, #002b5c 0%, #064a80 48%, #002b5c 100%);
  border-color: #95b51b;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.42),
    0 10px 26px rgba(0, 43, 92, 0.3);
  transform: translateY(-2px);
}

html[data-theme="dark"] .text-link:hover span,
html[data-theme="dark"] .text-link:focus-visible span,
html[data-theme="light"] .text-link:hover span,
html[data-theme="light"] .text-link:focus-visible span {
  color: #cfe66f;
}

/* Der Spiegelglanz bleibt dezent sichtbar, überlagert aber nie die Schrift. */
.text-link::before {
  z-index: 0;
}

.text-link > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .text-link,
  .text-link::before {
    animation: none !important;
    transition: none !important;
  }
}

/* Mobile Startseite: Der Vorteilsblock nimmt am Seitenfluss teil. Dadurch
   bleibt die Ortsbeschriftung frei und kann nicht mehr überlagert werden. */
@media (max-width: 640px) {
  .hero-visual {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 18px 14px 28px !important;
    box-sizing: border-box;
  }

  .hero-badge {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    box-sizing: border-box;
    z-index: 2;
  }

  .hero-caption {
    position: relative !important;
    inset: auto !important;
    margin: clamp(125px, 40vw, 175px) 8px 0 !important;
    width: auto !important;
    z-index: 2;
  }
}