Vorlage:Nachkommenliste/styles.css

/* Nachkommenliste – TemplateStyles
   Zielseite: Vorlage:Nachkommenliste/styles.css
   Einbindung im Artikel: 
   Farben in gedämpftem Gold passend zum Corporate Design; Texte erben die
   Skin-Textfarbe bzw. nutzen opacity, damit die Darstellung auch im Dark-Mode trägt. */

.nachkommen {
	line-height: 1.5;
	margin: 0.4em 0 1.4em;
}

/* Titelzeile und Zierlinie */
.nachkommen-titel {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 0.15em;
}
.nachkommen-regel {
	height: 0;
	border-top: 2px solid #a98b4b;
	margin: 0 0 0.9em;
}

/* Listengrundgerüst: eigene Aufzählung ohne Standard-Bullets */
.nachkommen ul {
	list-style: none;
	margin: 0;
	padding-left: 1.5em;
}
.nachkommen > ul {
	padding-left: 0;
}
.nachkommen li {
	position: relative;
	margin: 0;
	padding: 0.3em 0;
}

/* Verbindungslinien – nur ab der zweiten Ebene */
.nachkommen ul ul > li::before {
	content: "";
	position: absolute;
	left: -0.9em;
	top: 0.95em;
	width: 0.72em;
	border-top: 1.5px solid #a98b4b;
}
.nachkommen ul ul > li::after {
	content: "";
	position: absolute;
	left: -0.9em;
	top: 0;
	height: 100%;
	border-left: 1.5px solid #a98b4b;
}
/* letztes Kind: senkrechte Linie nur bis zum Ast führen */
.nachkommen ul ul > li:last-child::after {
	height: 0.95em;
}

/* Generationsmarke */
.nachkommen .gen {
	display: inline-block;
	min-width: 1.35em;
	margin-right: 0.4em;
	padding: 0 0.15em;
	font-size: 0.72em;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	border: 1px solid #a98b4b;
	border-radius: 1em;
	opacity: 0.85;
	vertical-align: 0.12em;
}

/* Personenname */
.nachkommen .person {
	font-weight: bold;
}

/* Lebensdaten dezent */
.nachkommen .dat {
	font-size: 0.92em;
	opacity: 0.72;
}
.nachkommen .sym {
	font-weight: bold;
	opacity: 0.85;
}

/* Ehepartner als eigene, leicht eingerückte Zeile */
.nachkommen .ehe {
	display: block;
	margin-top: 0.1em;
	padding-left: 0.1em;
}
.nachkommen .ehe .sym-ehe {
	color: #a98b4b;
	font-weight: bold;
	margin-right: 0.25em;
}

/* Schmale Bildschirme */
@media (max-width: 600px) {
	.nachkommen ul {
		padding-left: 1.15em;
	}
	.nachkommen .dat {
		font-size: 0.9em;
	}
}