/* CLAUDE: Styles der Standort-Uebersichtsseite (Archiv /denkmalimmobilien/) */
/* CLAUDE: Geladen von inc/assets.php – NUR auf dem Archiv, nicht auf Einzelseiten */
/* CLAUDE: Aus standort.css herausgeloest, um die 200-Zeilen-Konvention zu halten */

/* ============================================================
   CLAUDE: ÜBERSICHTSSEITE (Archiv) – Kachelraster aller Standorte
   ============================================================ */

/* CLAUDE: Kopfbereich der Übersicht */
.standort-archiv__kopf {
	padding-block: var(--spacing-xl) var(--spacing-md);
}

/* CLAUDE: H1 der Übersicht */
.standort-archiv__titel {
	font-size: clamp(1.9rem, 1.2rem + 2.4vw, 2.9rem);
	margin: 0 0 var(--spacing-sm);
	color: var(--color-dark-umber);
}

/* CLAUDE: Einordnender Text unter der H1 */
.standort-archiv__vorspann {
	max-width: 68ch;
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--color-brown);
}

/* CLAUDE: Rasterliste – auto-fit füllt die Breite ohne Media Queries */
.standort-karten {
	list-style: none;
	margin: 0;
	padding: 0 0 var(--spacing-xl);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: var(--spacing-md);
}

/* CLAUDE: Kachel als Karte mit weicher Erhebung */
.standort-karte__link {
	display: block;
	height: 100%;
	background: var(--color-white);
	border-radius: var(--radius-md);
	overflow: hidden;              /* CLAUDE: Beschneidet das Bild an den Kartenecken */
	box-shadow: var(--shadow-sm);
	text-decoration: none;
	color: inherit;
	transition: var(--transition-fast);
}

/* CLAUDE: Anheben bei Hover/Focus – Fokus bewusst gleichwertig behandelt */
.standort-karte__link:hover,
.standort-karte__link:focus-visible {
	box-shadow: var(--shadow-md);
	transform: translateY(-2px);
}

/* CLAUDE: Feste Bildhöhe je Kachel – hält das Raster ruhig */
.standort-karte__img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
}

/* CLAUDE: Textteil der Kachel */
.standort-karte__text {
	padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md);
}

/* CLAUDE: Ortsname – als H2 semantisch, optisch aber Kartentitel */
.standort-karte__titel {
	font-size: 1.15rem;
	margin: 0 0 0.25em;
	color: var(--color-dark-umber);
}

/* CLAUDE: Kreiszeile unter dem Ortsnamen */
.standort-karte__region {
	margin: 0;
	font-size: 0.85rem;
	color: var(--color-umber);
}

/* CLAUDE: Bewegung abschalten, wenn der Nutzer das im System eingestellt hat */
@media (prefers-reduced-motion: reduce) {
	.standort-karte__link {
		transition: none;
	}
	.standort-karte__link:hover,
	.standort-karte__link:focus-visible {
		transform: none;
	}
}