/* CLAUDE: Fliesstext, Aufzaehlungen, Nachbarorte und CTA der Standort-Einzelseiten */
/* CLAUDE: Kopfbereich liegt in standort.css, die FAQ-Aufklapper in standort-faq.css */
/* CLAUDE: Aus standort.css herausgeloest, um die 200-Zeilen-Konvention zu halten */
/* CLAUDE: Farbgrundsatz wie dort: Gold ist Flaeche und Linie, nie Text auf Hell. */

/* ============================================================
   CLAUDE: FLIESSTEXT
   ============================================================ */

/* CLAUDE: Vertikaler Rhythmus des Inhaltsbereichs */
.standort-inhalt {
	padding-block: var(--spacing-xl);
}

/* CLAUDE: Lesbare Zeilenlänge; Bilder dürfen breiter stehen */
.standort-inhalt p,
.standort-inhalt ul,
.standort-inhalt ol,
.standort-inhalt h2,
.standort-inhalt h3 {
	max-width: 68ch;
}

/* CLAUDE: Zwischenüberschriften mit Luft davor – trennt die Abschnitte sichtbar */
.standort-inhalt h2 {
	font-size: clamp(1.3rem, 1.05rem + 0.8vw, 1.7rem);
	line-height: 1.25;
	margin-block: var(--spacing-xl) var(--spacing-sm);
	color: var(--color-dark-umber);
	text-wrap: balance;
}

/* CLAUDE: Bilder im Fliesstext dürfen die Textspalte überragen – sie sind die Zäsur */
.standort-inhalt .wp-block-image {
	margin-block: var(--spacing-lg);
	max-width: 52rem;
}

/* CLAUDE: Gleiche Bildsprache wie im Hero: weiche Ecken, dezenter Schatten */
.standort-inhalt .wp-block-image img {
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	display: block;
	width: 100%;
	height: auto;
}

/* ============================================================
   CLAUDE: AUFZÄHLUNGEN – Linienführung statt Punkte
   ============================================================ */

/* CLAUDE: Punktaufzählungen wirken in einem Beratungstext beliebig. Stattdessen
   CLAUDE: ein Goldstrich je Eintrag – Gold als LINIE, nicht als Schrift. */
.standort-inhalt ul:not(.standort-nachbarn__liste) {
	list-style: none;
	padding-left: 0;
	display: grid;
	gap: var(--spacing-xs);
}

/* CLAUDE: Der Marker sitzt als Pseudo-Element links, der Text rückt entsprechend ein */
.standort-inhalt ul:not(.standort-nachbarn__liste) > li {
	position: relative;
	padding-left: 1.75rem;
	line-height: 1.65;
}

/* CLAUDE: Ändern: Länge/Stärke des Strichs hier anpassen */
.standort-inhalt ul:not(.standort-nachbarn__liste) > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.75em;
	inline-size: 1rem;
	block-size: 2px;
	background: var(--brand-accent);
}

/* ============================================================
   CLAUDE: NACHBARORTE – Weiter-Navigation statt Tag-Streifen
   ============================================================ */

.standort-nachbarn {
	padding-block: var(--spacing-lg);
	border-top: 1px solid var(--color-porous-stone);
}

.standort-nachbarn__titel {
	font-size: 1.25rem;
	margin: 0 0 var(--spacing-sm);
	color: var(--color-dark-umber);
}

/* CLAUDE: Raster statt Pillenreihe – auto-fit ohne Media Query */
.standort-nachbarn__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: var(--spacing-sm);
}

/* CLAUDE: Text in Dunkelumbra (13,71:1) – NICHT in Gold. Gold bleibt der Rahmen. */
.standort-nachbarn__item a {
	display: block;
	padding: var(--spacing-sm) var(--spacing-md);
	border: 1px solid var(--brand-accent);
	border-radius: var(--radius-sm);
	color: var(--color-dark-umber);
	text-decoration: none;
	font-weight: 600;
	transition: var(--transition-fast);
}

/* CLAUDE: Kreisangabe unter dem Ortsnamen – ordnet den Nachbarn ein */
.standort-nachbarn__kreis {
	display: block;
	margin-top: 0.15em;
	font-size: 0.8rem;
	font-weight: 400;
	color: var(--color-chestnut);
}

/* CLAUDE: Hover/Focus: Gold als FLAECHE, Schrift Dunkelumbra (5,29:1) */
.standort-nachbarn__item a:hover,
.standort-nachbarn__item a:focus-visible {
	background: var(--brand-accent);
	color: var(--color-dark-umber);
}

.standort-nachbarn__item a:hover .standort-nachbarn__kreis,
.standort-nachbarn__item a:focus-visible .standort-nachbarn__kreis {
	color: var(--color-dark-umber);
}

/* ============================================================
   CLAUDE: CTA – Beratungsanfrage
   ============================================================ */

.standort-cta {
	padding-block: var(--spacing-xl);
	background: var(--color-marble);
	border-top: 2px solid var(--brand-accent);
}

.standort-cta__titel {
	font-size: clamp(1.4rem, 1.1rem + 1.1vw, 1.9rem);
	margin: 0 0 var(--spacing-xs);
	color: var(--color-dark-umber);
	text-wrap: balance;
}

.standort-cta__text {
	max-width: 58ch;
	margin: 0 0 var(--spacing-md);
	color: var(--color-brown);
}

/* CLAUDE: Formularbreite begrenzen – volle Breite wirkt auf Desktop verloren */
.standort-cta__formular {
	max-width: 640px;
}