/*
 * Überschriften in richtiger Reihenfolge, Optik unverändert (11/2026)
 *
 * Templates sprangen von h1 direkt auf h3, h4 oder h5. Die Ebenen sind jetzt
 * lückenlos, das Element behält aber das Aussehen seiner alten Ebene über die
 * Klasse wie-hN. Die Regeln hier gleichen nur aus, was im Theme-CSS am Tag
 * hängt und nicht an einer Klasse (Größen, Klub07-Schrift für h1–h3,
 * Unterstreichung von Links in h1/h2).
 *
 * Spezifität bewusst 0,0,1 (Tag + :where): schlägt die Tag-Regeln des Themes
 * durch die spätere Reihenfolge, verliert aber gegen jede Klassen-Regel wie
 * .title oder .collapser-title, genau wie vorher.
 *
 * Wird nach child-theme.min.css geladen (functions.php). Beim neuen
 * Build-Prozess in die SCSS-Quellen übernehmen.
 */

/* wie h3 */
:is(h1, h2):where(.wie-h3) {
	margin-top: 0rem;
	margin-bottom: 1.3333333rem;
	font-family: "Klub07-Bold", serif;
	font-weight: 500;
	font-size: 1.7777778rem;
	line-height: 2rem;
	letter-spacing: 1px;
	width: 100%;
	word-wrap: inherit;
	overflow-wrap: inherit;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* wie h4 */
:is(h1, h2, h3):where(.wie-h4) {
	margin-top: 1.3333333rem;
	margin-bottom: 0rem;
	font-family: inherit;
	font-weight: 700;
	font-size: 1.33rem;
	line-height: 1.5rem;
	letter-spacing: inherit;
	width: auto;
	word-wrap: inherit;
	overflow-wrap: inherit;
	-webkit-hyphens: inherit;
	-ms-hyphens: inherit;
	hyphens: inherit;
}

/* wie h5 */
:is(h1, h2, h3, h4):where(.wie-h5) {
	margin-top: 1.3333333rem;
	margin-bottom: 0rem;
	font-family: inherit;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.3333333rem;
	letter-spacing: inherit;
	width: auto;
	word-wrap: inherit;
	overflow-wrap: inherit;
	-webkit-hyphens: inherit;
	-ms-hyphens: inherit;
	hyphens: inherit;
}

/* wie h6 */
:is(h1, h2, h3, h4, h5):where(.wie-h6) {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-family: inherit;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.2;
	letter-spacing: inherit;
	width: auto;
	word-wrap: inherit;
	overflow-wrap: inherit;
	-webkit-hyphens: inherit;
	-ms-hyphens: inherit;
	hyphens: inherit;
}

/* h1 und h2 haben im Theme größere Werte ab 992 und 1200 px */
@media (min-width: 992px) {
	h1:where(.wie-h4) { font-size: 1.33rem; line-height: 1.5rem; margin-bottom: 0rem; }
}
@media (min-width: 1200px) {
	:is(h1, h2):where(.wie-h3) { font-size: 2.333333rem; line-height: 2.333333rem; }
	:is(h1, h2, h3):where(.wie-h4) { font-size: 1.33rem; line-height: 1.5rem; }
	:is(h1, h2, h3, h4):where(.wie-h5) { font-size: 1rem; line-height: 1.3333333rem; }
	:is(h1, h2, h3, h4, h5):where(.wie-h6) { font-size: 1rem; line-height: 1.2; }
}

/* Links in h1/h2 bekommen im Theme eine dicke Unterstreichung, in h3–h6 gilt die
   normale Link-Regel (a, a:hover): 1px gepunktet, beim Überfahren durchgezogen */
:is(h1, h2):where(.wie-h3, .wie-h4, .wie-h5, .wie-h6) a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: currentColor;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
:is(h1, h2):where(.wie-h3, .wie-h4, .wie-h5, .wie-h6) a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: currentColor;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

/* Tag-gebundene Sonderfälle des Themes */
h2:where(.wie-h3).klub09-black {
	font-size: 2rem;
	line-height: 1.5rem;
}
@media (max-width: 767.98px) {
	.teaser-box-wrapper .teaser-box .teaser-box-inner h2:where(.wie-h3) {
		font-size: 1.333rem;
		line-height: 1.333rem;
	}
}

/* Zitat-Kachel der Startseite: war h1, ist jetzt div.h1. Die Schrift Klub09
   hing im Theme am Tag h1, nicht an der Klasse .h1 */
.wie-h1 {
	font-family: "Klub09-Black", serif;
	letter-spacing: 1px;
}