/* Blog „Aktuell" — nur Blog-eigene Stile; alles andere kommt aus main.css. */
.blog-datum { font-size: 0.875rem; color: #5b6473; margin: 0 0 4px; }
.blog-geprueft { color: #5b6473; }
.aktuell-liste { list-style: none; margin: 32px 0 0; padding: 0; display: grid; gap: 20px; }
.aktuell-karte { border: 1px solid #dbe1e9; border-radius: 10px; padding: 20px 22px; background: #fff; }
.aktuell-karte h2 { margin: 4px 0 8px; font-size: 1.25rem; }
.aktuell-karte h2 a { color: #234f9e; text-decoration: none; }
.aktuell-karte h2 a:hover { text-decoration: underline; }
.aktuell-datum { font-size: 0.8125rem; color: #5b6473; margin: 0; }
.blog-spoke-bruecke { border: 1px solid #dbe1e9; border-left: 4px solid #a58b63; border-radius: 8px; padding: 18px 20px; margin: 28px 0; }
.blog-verwandt ul { list-style: none; padding: 0; }
.blog-verwandt li { margin: 6px 0; }
.blog-verwandt-datum { font-size: 0.8125rem; color: #5b6473; margin-left: 8px; }

/* Blog-Fragebogen (Checkliste als beantwortbare Fragen; Felder sofort sichtbar) */
.frage-intro { color: #5b6473; margin: 0 0 16px; }
.frage-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; counter-reset: frage; }
.frage-liste .frage { counter-increment: frage; padding-left: 30px; position: relative; }
.frage-liste .frage::before { content: counter(frage); position: absolute; left: 0; top: 1px;
	width: 22px; height: 22px; border-radius: 50%; background: #e9f0fb; color: #234f9e;
	font-size: 0.8125rem; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.frage-liste .frage-text { display: block; font-weight: 600; margin-bottom: 6px; }
.frage-liste input[type="text"], .frage-liste input[type="date"],
.frage-liste input[type="number"], .frage-liste textarea {
	width: 100%; max-width: 30rem; padding: 8px 10px; border: 1px solid #dbe1e9;
	border-radius: 6px; font: inherit; background: #fff; }
.frage-liste textarea { min-height: 3.2em; resize: vertical; }
.frage-liste fieldset { border: 0; margin: 0; padding: 0; }
.frage-liste .frage-optionen { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.frage-liste .frage-optionen label { font-weight: 400; display: inline-flex; align-items: center; gap: 6px; }