/*
 * Werkstattschlüssel-Tür auf den externen Seiten (Pforte 1.5.2, 16.10.2026; Grenze 18rem nach Live-Messung obd/ebike) — Gegenstück zur Tür im
 * Labyrinth (flwk.css „2.18“). QUELLE: _dev/pforte/tuer.css — in die Projekte kopieren, dort nicht ändern.
 * Passt sich der Seite an: Schrift und Textfarbe erbt sie, die Akzentfarbe kommt aus --pforte-akzent
 * (Standard #3A5259, das Petrol des Labyrinths). Dunkle Seiten setzen --pforte-akzent und --pforte-auf-akzent.
 */
.pforte-tuer {
	--pforte-akzent: #3A5259;
	--pforte-auf-akzent: #fff;
	display: grid;
	gap: .6rem;
	max-width: 36rem;
	container: pforte-tuer / inline-size;
}
.pforte-tuer p { margin: 0; text-wrap: balance; }
.pforte-tuer-frage { font-weight: 700; }
.pforte-tuer-wege {
	display: grid;
	/* 1.5.2: immer drei nebeneinander; in sehr schmalen Karten alle drei untereinander (nie 2 + 1) */
	grid-template-columns: repeat(3, 1fr);
	gap: .5rem;
}
.pforte-weg {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 3rem;
	overflow-wrap: normal;
	hyphens: none;
	padding: .6rem .25rem;
	border: 2px solid var(--pforte-akzent);
	border-radius: 10px;
	color: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}
.pforte-weg:hover { box-shadow: inset 0 0 0 1px var(--pforte-akzent); }
.pforte-weg:focus-visible { outline: 3px solid var(--pforte-akzent); outline-offset: 3px; }
.pforte-weg-rundbrief { background: var(--pforte-akzent); color: var(--pforte-auf-akzent); }
.pforte-weg-klein { font-size: .8125em; font-weight: 400; }
.pforte-tuer-fuss { font-size: .875em; }
.pforte-tuer-fuss a { color: inherit; white-space: nowrap; }
@container pforte-tuer (max-width: 18rem) { .pforte-tuer-wege { grid-template-columns: 1fr; } }