Vorlage:Hausnummer/styles.css

/* ===========================================================
   TemplateStyles für Vorlage:Hausnummer
   Speichern unter:  Vorlage:Hausnummer/styles.css
   Aufgerufen aus:   Vorlage:Hausnummer
   =========================================================== */

/* Container, der Schild und Begleittext nebeneinander setzt */
.hausnr-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
	margin: 0.6em 0 1em;
}

/* Das Schild selbst – blaue Außenfläche */
.hausnr {
	background: #005FA8;             /* Verkehrsblau RAL 5017 */
	padding: 4px;                    /* Abstand zwischen Schildkante und weißem Rand */
	border-radius: 3px;
	box-shadow: 1px 2px 6px rgba( 0, 0, 0, 0.3 );
	display: inline-block;
	flex: 0 0 auto;
	max-width: 100%;
}

/* Weißer Innenrand (typisches Merkmal deutscher Hausnummernschilder) */
.hausnr__inner {
	border: 1.5px solid #ffffff;
	border-radius: 2px;
	padding: 6px 10px;
	text-align: center;
	min-width: 30px;                 /* macht einstellige Nummern fast quadratisch */
}

/* Beschriftung */
.hausnr__num {
	font-family: "DIN 1451 Std", "DIN Mittelschrift", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.1;
	letter-spacing: 0.02em;
	color: #ffffff;
	white-space: nowrap;             /* "12–14" oder "47a" bleibt zusammen */
}

/* Optionaler Begleittext rechts vom Schild */
.hausnr__text {
	flex: 1 1 220px;
	color: #2c2c2a;
	font-size: 14px;
	line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media ( max-width: 600px ) {
	.hausnr__inner {
		padding: 5px 8px;
		min-width: 26px;
	}
	.hausnr__num {
		font-size: 18px;
	}
}

/* ---------- Druckansicht ---------- */
@media print {
	.hausnr {
		box-shadow: none;
	}
}

/* ---------- Dunkler Modus ---------- */
@media ( prefers-color-scheme: dark ) {
	.hausnr__text {
		color: #f1efe8;
	}
	/* Das Schild bleibt absichtlich blau/weiß. */
}