/* steigart.de: Ergänzungen zu GeneratePress. Die Grundfarben kommen aus der GeneratePress-Palette
   (--contrast Text, --accent Waldgrün, --base-2 Sand, --akzent-2 Ocker), gesetzt mit server_steigart.py design. */

/* Schrift: Systemschriften von GeneratePress, etwas größer und luftiger */
body {
	font-size: 18px;
	line-height: 1.7;
}

h1, h2, h3, h4 {
	color: var(--contrast);
	font-weight: 700;
	line-height: 1.25;
}
h1 { font-size: 2.2rem; }
h2 { font-size: 1.65rem; margin-top: 1.6em; }
h3 { font-size: 1.3rem; }

/* Text-Logo mit Untertitel */
.main-title {
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 0.02em;
}
.main-title a,
.main-title a:hover {
	color: var(--accent);
}
.site-description {
	font-size: 15px;
	color: var(--contrast-2);
	letter-spacing: 0.03em;
}
.site-header {
	border-bottom: 3px solid var(--accent);
}

/* Lesebreite bei Beiträgen und Seiten */
.single .site-main,
.page .site-main {
	max-width: 50rem;
	margin-left: auto;
	margin-right: auto;
}

/* Links im Text klar erkennbar */
.entry-content a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Buttons in Waldgrün */
.wp-block-button__link,
button,
input[type="submit"] {
	background-color: var(--accent);
	color: #ffffff;
}
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
	background-color: #244a37;
	color: #ffffff;
}

/* Fußzeile dunkelgrün */
.site-info {
	background-color: #1f3a2c;
	color: #e9e4d8;
}
.site-info a {
	color: #ffffff;
}

/* Labels für Wegseiten: „Selbst gegangen“ und „Recherche“ */
.steigart-label {
	display: inline-block;
	padding: 0.15em 0.7em;
	border-radius: 999px;
	font-size: 0.85rem;
	font-weight: 600;
}
.steigart-label--gegangen {
	background-color: #e3efe7;
	color: #1f4d35;
}
.steigart-label--recherche {
	background-color: #f3e9da;
	color: #6b4a22;
}