/* Unterseiten — Kopfbereich & Inhalt */

.d9-page-header {
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(1.75rem, 3vw, 2.5rem);
  border-bottom: 1px solid var(--border);
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.d9-page-header__title { margin: 0; }

.d9-page-content { padding-bottom: var(--section-y); }

.d9-page-content__inner {
  max-width: 76ch;
}

.d9-page-content__inner.wide { max-width: none; }

.d9-page-content__inner h2 {
  margin-top: 1.6em;
}

.d9-page-content__inner p { color: var(--ink); margin: 0 0 1.2em; }
.d9-page-content__inner ul,
.d9-page-content__inner ol { color: var(--ink); margin: 0 0 1.2em; padding-left: 1.3em; }
.d9-page-content__inner li { margin-bottom: 0.4em; }

.d9-page-content__inner figure { margin: 2em 0; }

/* Kontakt-Layout */

.d9-contact-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap);
  align-items: start;
}

.d9-contact-grid .d9-card { grid-column: span 5; }
.d9-contact-grid .d9-contact-form { grid-column: span 7; }

.d9-contact-grid .d9-icon-row + .d9-icon-row { margin-top: 1rem; }

.d9-map-frame {
  grid-column: 1 / -1;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
  aspect-ratio: 16 / 6;
}

.d9-map-frame iframe { width: 100%; height: 100%; border: 0; display: block; }

@media (max-width: 900px) {
  .d9-contact-grid .d9-card,
  .d9-contact-grid .d9-contact-form { grid-column: 1 / -1; }
  .d9-map-frame { aspect-ratio: 16 / 9; }
}
