/*
 * Globale Typografie aus dem Elementor-Kit 2582, ins Theme uebernommen.
 *
 * Das Kit-CSS laedt nur, solange Elementor auf der Seite etwas rendert. Seit
 * Header und Beitragsvorlage aus dem Theme kommen, fehlte es auf Beitraegen und
 * der Startseite - H2/H3 im Text fielen auf die OceanWP-Werte zurueck.
 *
 * Selektor `.mylook-kit h2` (Klasse am body) hat exakt die Spezifitaet des
 * Kits (0,1,1), und die Datei laedt vor allen anderen Theme-Styles. Damit
 * gewinnt jede bestehende Regel genauso wie gegen das Kit, auch das
 * tag-praefixierte Muster aus CLAUDE.md.
 */

.mylook-kit a:hover {
	color: #c3ae68;
}
.mylook-kit h1,
.mylook-kit h2,
.mylook-kit h3,
.mylook-kit h4 {
	font-family: "DM Serif Display", Raleway;
	font-weight: 400;
}
.mylook-kit h1 { font-size: 53px; }
.mylook-kit h2 { font-size: 44px; }
.mylook-kit h3 { font-size: 35px; }
.mylook-kit h4 { font-size: 30px; }

@media (max-width: 767px) {
	.mylook-kit p { margin-block-end: 25px; }
	.mylook-kit h1 { font-size: 37px; }
	.mylook-kit h2 { font-size: 28px; }
	.mylook-kit h3 { font-size: 24px; }
	.mylook-kit h4 { font-size: 20px; }
}