/* ==========================================================================
   Unterseiten: Page-Header, Leistungen-Detail, Kontakt, Legal
   ========================================================================== */

.page-header {
	padding-block: clamp(3rem, 8vw, 5.5rem) var(--space-lg);
	border-bottom: 1px solid var(--color-line);
	background: var(--color-surface-sunken);
}
.page-header h1 { max-width: 40rem; }
.page-header .lede { margin-top: var(--space-xs); max-width: 40rem; }

/* Leistungen-Übersicht: Karten mit größerem Icon + Link */
.leistungen-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1px;
	background: var(--color-line);
	border: 1px solid var(--color-line);
}

/* Leistungs-Detailseite */
.service-detail-head {
	display: grid;
	gap: var(--space-lg);
	align-items: start;
}
@media (min-width: 981px) {
	.service-detail-head { grid-template-columns: 1.1fr 0.9fr; }
}
.service-detail-image { border: 1.5px solid var(--color-ink); aspect-ratio: 16/10; overflow: hidden; }
.service-detail-image img { width: 100%; height: 100%; object-fit: cover; }

.service-other-list { display: grid; gap: 0.75rem; margin-top: var(--space-sm); }
.service-other-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	border: 1.5px solid var(--color-line-strong);
	font-weight: var(--fw-semibold);
	transition: border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}
.service-other-list a:hover { border-color: var(--color-accent); background: var(--color-accent-soft); }
.service-other-list .icon { width: 18px; height: 18px; color: var(--color-accent); }

/* Kontakt */
.contact-grid {
	display: grid;
	gap: var(--space-lg);
}
@media (min-width: 981px) {
	.contact-grid { grid-template-columns: 0.9fr 1.1fr; }
}
.contact-map {
	border: 1.5px solid var(--color-ink);
	aspect-ratio: 4/3;
	overflow: hidden;
}
.contact-map iframe { width: 100%; height: 100%; border: 0; display: block; filter: grayscale(0.35) contrast(1.05); }

/* Legal-Seiten (Impressum/Datenschutz) */
.legal-page .container { max-width: 860px; }

/* Über-uns Stats innerhalb Prose */
.founders-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-sm); margin-top: var(--space-md); }
.founder-card { border: 1.5px solid var(--color-line-strong); padding: var(--space-sm); }
.founder-card strong { display: block; font-size: 1.05rem; margin-bottom: 0.3rem; }
.founder-card span { color: var(--color-ink-soft); font-size: 0.9rem; }

/* Standard-Content für Seiten ohne eigenes Template */
.default-page-content { padding-block: var(--space-xl); }