/*
 * Zerbin-Adapter für das zentrale eazyCMS-Kontaktmodul.
 * Struktur, Formularverarbeitung und Basiskomponenten kommen aus
 * themes/default/css/modules/kontakt.css.
 */
.contact-page {
  --contact-page-bg: #f4f7fb;
  --contact-text: #071322;
  --contact-muted: #526072;
  --contact-surface: #ffffff;
  --contact-surface-alt: #f7faff;
  --contact-border: #d9e0e8;
  --contact-accent: #075ed7;
  --contact-accent-contrast: #ffffff;
  --contact-radius: 4px;
  --contact-control-radius: 4px;
  --contact-shadow: 0 24px 62px rgba(8, 30, 55, 0.11);
  --contact-hero-height: 600px;
  --contact-hero-image: url("../../img/reichstag.jpg");
  --contact-hero-position: center;
  --contact-hero-overlay: linear-gradient(90deg, rgba(1, 18, 36, 0.98) 0%, rgba(1, 18, 36, 0.86) 44%, rgba(1, 18, 36, 0.36) 100%);
  --contact-hero-text: #ffffff;
  --contact-content-width: 1280px;
}

.contact-page .contact-hero__title,
.contact-page .contact-sidebar__intro h2,
.contact-page .contact-form-card__header h2 {
  font-family: var(--serif);
  font-weight: 600;
}

.contact-page .contact-hero__title {
  max-width: 820px;
  font-size: clamp(3rem, 5.2vw, 5rem);
  line-height: 1;
}

.contact-page .contact-hero__kicker,
.contact-page .contact-eyebrow {
  font-weight: 900;
}

.contact-page .contact-submit {
  min-height: 3.25rem;
  border-radius: 4px;
  font-weight: 900;
}

@media (max-width: 991.98px) {
  .contact-page {
    --contact-hero-height: 520px;
  }
}