/**
 * Magazin – entkoppelte Styles (Arbeitsbereich Denis).
 *
 * Wird ausschließlich auf Magazin-Nodes geladen (Library "magazin/magazin").
 * Hier gefahrlos anpassen – berührt keinen anderen Code.
 */

.magazin {
  /* Basis-Container des Magazin-Inhalts */
}

.magazin__title {
  margin: 0 0 0.5rem;
}

.magazin__content {
  /* Inhaltsbereich */
}

/* Breadcrumb wie Vorlage node/7 (14,4px, rote Links, 30px Abstand). */
.magazin__crumb {
  margin-bottom: 30px;
  font-size: 0.9rem;
  line-height: 100%;
}
.magazin__crumb a { color: #b32d2f; text-decoration: none; }

.tighterbox {
	max-width: 860px;
	margin: auto;
}

.msubtitle {
	font-weight:700;
	text-transform: uppercase;
	color:#b32d2f;
	letter-spacing: 0.1em;
}

/* Prüfhinweis, Datum, Autor, Inhaltsverzeichnis, Quellen, Redaktionsbox und
   "Noch mehr Wissenswertes" wie im alten Shop (Mail Denis 02.11.2026). */
.magazin-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 24px;
	margin-bottom: 1rem;
	font-size: 0.9rem;
}
.magazin-meta__geprueft {
	padding-left: 28px;
	background: url(../images/blog_haken.png) no-repeat 0 50%;
}
.magazin-meta__datum { font-weight: 700; }
.magazin-meta__autor { display: inline-flex; align-items: center; gap: 6px; }
.magazin-meta__autor a { color: #b32d2f; }
.magazin-redaktion-logo {
	display: inline-block;
	flex: none;
	width: 40px;
	height: 40px;
	background: url(../images/redaktion.jpg) no-repeat center / 100%;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.magazin-linie {
	width: 66%;
	height: 2px;
	margin: 30px auto;
	background: #416681;
}
.magazin-inhalt__titel,
.magazin-quellen__titel { margin-bottom: 8px; font-weight: 700; }
.magazin-about {
	padding: 25px;
	background: #f2f3f6;
	font-size: 0.9rem;
	scroll-margin-top: 20px;
}
.magazin-about__kopf {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
	font-weight: 700;
}
.magazin-about .magazin-redaktion-logo { width: 60px; height: 60px; }
/* Kacheln aus magazin-uebersicht.css, hier nur zwei nebeneinander. */
.magazin-mehr { margin-top: 30px; }
.magazin-mehr .magazin-featured__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767.98px) {
	.magazin-mehr .magazin-featured__grid { grid-template-columns: 1fr; }
}