/* Meteozentrale Editorial – dunkle Full-Width-Artikelseiten ohne Sidebar */
:root {
	--mz-art-bg: #040911;
	--mz-art-bg-2: #07111f;
	--mz-art-panel: rgba(9, 19, 34, .97);
	--mz-art-panel-2: rgba(13, 26, 45, .97);
	--mz-art-border: rgba(148, 163, 184, .18);
	--mz-art-border-strong: rgba(56, 189, 248, .32);
	--mz-art-ink: #f7fbff;
	--mz-art-muted: #adbad0;
	--mz-art-blue: #38bdf8;
	--mz-art-orange: #fb923c;
	--mz-art-red: #ef4444;
	--mz-art-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

body.mz-dark-editorial,
body.mz-dark-editorial #tie-wrapper {
	background: var(--mz-art-bg) !important;
	color: var(--mz-art-ink) !important;
}

body.mz-dark-editorial .container,
body.mz-dark-editorial .site-content,
body.mz-dark-editorial .section-wrapper {
	max-width: none !important;
}

body.mz-no-sidebar .sidebar,
body.mz-no-sidebar #sidebar,
body.mz-no-sidebar .side-aside,
body.mz-no-sidebar .mag-box-options,
body.mz-no-sidebar .post-components > .sidebar {
	display: none !important;
}

body.mz-no-sidebar .main-content,
body.mz-no-sidebar #main-content,
body.mz-no-sidebar .content,
body.mz-no-sidebar .container .main-content {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

/* Jannah-Kopfzeile auch auf Artikel-/Archivseiten passend zum Lagezentrum */
body.mz-dark-editorial #theme-header,
body.mz-dark-editorial .theme-header,
body.mz-dark-editorial #theme-header .logo-row,
body.mz-dark-editorial #theme-header .logo-container {
	background-color: #050b14 !important;
	color: #fff !important;
}

body.mz-dark-editorial #theme-header {
	position: relative;
	z-index: 1000;
	box-shadow: 0 18px 55px rgba(0, 0, 0, .35) !important;
}

body.mz-dark-editorial #theme-header .logo-row,
body.mz-dark-editorial #theme-header .logo-container {
	position: relative;
	overflow: hidden;
	background-image:
		linear-gradient(90deg, rgba(3, 7, 18, .88), rgba(3, 7, 18, .55) 48%, rgba(3, 7, 18, .94)),
		url('../img/mz-header-pro-bg.jpg') !important;
	background-size: cover !important;
	background-position: center !important;
}

body.mz-dark-editorial #theme-header .logo-row:before,
body.mz-dark-editorial #theme-header .logo-container:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
	background-size: 48px 48px;
	pointer-events: none;
	opacity: .55;
}

body.mz-dark-editorial #theme-header .logo-row:after,
body.mz-dark-editorial #theme-header .logo-container:after {
	content: "WETTERBERICHTE · WARNLAGE · RADAR · MODELLE";
	position: absolute;
	right: max(24px, calc((100vw - 1480px) / 2));
	top: 50%;
	transform: translateY(-50%);
	max-width: 420px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid rgba(125, 211, 252, .26);
	background: rgba(2, 6, 23, .58);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 42px rgba(0,0,0,.20);
	backdrop-filter: blur(12px);
	color: #dff7ff;
	font-size: .78rem;
	font-weight: 950;
	letter-spacing: .09em;
	text-transform: uppercase;
	white-space: nowrap;
}

body.mz-dark-editorial #theme-header #logo {
	position: relative;
	z-index: 2;
	margin-top: clamp(18px, 3vw, 40px) !important;
	margin-bottom: clamp(18px, 3vw, 40px) !important;
}

body.mz-dark-editorial #theme-header #logo a {
	display: inline-flex !important;
	align-items: center;
	padding: clamp(10px, 1.2vw, 18px) clamp(14px, 2vw, 26px);
	border-radius: 26px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(255,255,255,.72);
	box-shadow: 0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.95);
}

body.mz-dark-editorial #theme-header #logo img {
	max-height: 104px !important;
	width: auto !important;
	max-width: min(700px, 52vw) !important;
	object-fit: contain;
}

body.mz-dark-editorial #theme-header .main-nav-wrapper,
body.mz-dark-editorial #main-nav,
body.mz-dark-editorial .main-nav {
	background: linear-gradient(180deg, rgba(9, 17, 30, .98), rgba(5, 11, 20, .98)) !important;
	border-color: rgba(125, 211, 252, .14) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.mz-dark-editorial .main-nav-light,
body.mz-dark-editorial .main-nav-dark {
	--main-nav-background: #07111f;
	--main-nav-secondry-background: rgba(15, 23, 42, .98);
	--main-nav-primary-color: #38bdf8;
	--main-nav-contrast-primary-color: #03111f;
	--main-nav-text-color: #dbeafe;
	--main-nav-secondry-text-color: rgba(219, 234, 254, .68);
	--main-nav-main-border-color: rgba(125, 211, 252, .14);
	--main-nav-secondry-border-color: rgba(125, 211, 252, .10);
}

body.mz-dark-editorial #main-nav .menu > li > a,
body.mz-dark-editorial .main-nav .menu > li > a,
body.mz-dark-editorial .main-nav .components li a {
	color: #dbeafe !important;
	font-weight: 850;
}

body.mz-dark-editorial #main-nav .menu > li:hover > a,
body.mz-dark-editorial .main-nav .menu > li:hover > a,
body.mz-dark-editorial .main-nav .components li a:hover {
	color: #7dd3fc !important;
}

body.mz-dark-editorial .top-nav,
body.mz-dark-editorial .topbar-wrapper {
	background: #07111f !important;
	color: #dbeafe !important;
	border-color: rgba(125, 211, 252, .12) !important;
}

body.mz-dark-editorial .rainbow-line {
	height: 4px;
	box-shadow: 0 0 22px rgba(56, 189, 248, .28);
}

.mz-article-page,
.mz-article-page * {
	box-sizing: border-box;
}

.mz-article-page {
	font-family: inherit;
	color: var(--mz-art-ink);
	background:
		radial-gradient(circle at 12% 0%, rgba(14, 165, 233, .22), transparent 31rem),
		radial-gradient(circle at 88% 4%, rgba(239, 68, 68, .11), transparent 27rem),
		linear-gradient(180deg, #040911 0%, #07111f 42%, #040911 100%);
	min-height: 100vh;
	padding-bottom: 54px;
	overflow-x: clip;
}

.mz-article-page a {
	color: inherit;
	text-decoration: none;
}

.mz-article-wrap {
	width: min(1080px, calc(100% - 32px));
	margin-left: auto;
	margin-right: auto;
}

.mz-article-hero,
.mz-archive-hero {
	position: relative;
	padding: clamp(28px, 4vw, 64px) 0 24px;
	background:
		linear-gradient(135deg, rgba(3, 7, 18, .96), rgba(8, 47, 73, .75)),
		linear-gradient(45deg, #030712, #0f172a);
	border-bottom: 1px solid rgba(148, 163, 184, .16);
	overflow: hidden;
}

.mz-article-hero:before,
.mz-archive-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.72), transparent 86%);
	pointer-events: none;
}

.mz-article-hero-inner,
.mz-archive-hero .mz-article-wrap {
	position: relative;
	z-index: 1;
}

.mz-article-kicker-row,
.mz-article-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: .76rem;
	font-weight: 950;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #bfeeff;
}

.mz-article-kicker-row time {
	color: rgba(219, 234, 254, .74);
	letter-spacing: .04em;
}

.mz-article-live-dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--mz-art-red);
	box-shadow: 0 0 0 0 rgba(239, 68, 68, .75);
	animation: mz-art-pulse 1.6s infinite;
}

@keyframes mz-art-pulse {
	0% { box-shadow: 0 0 0 0 rgba(239,68,68,.75); }
	70% { box-shadow: 0 0 0 12px rgba(239,68,68,0); }
	100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
}

.mz-article-hero h1,
.mz-archive-hero h1 {
	max-width: 1040px;
	margin: 12px 0 14px;
	font-size: clamp(2.15rem, 5vw, 4.9rem);
	line-height: .94;
	letter-spacing: -.07em;
	font-weight: 950;
	color: #fff;
}

.mz-article-dek,
.mz-archive-hero p,
.mz-archive-description {
	max-width: 880px;
	margin: 0;
	font-size: clamp(1.02rem, 1.45vw, 1.22rem);
	line-height: 1.55;
	color: rgba(226, 232, 240, .86);
}

.mz-article-meta-card {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	max-width: 760px;
	margin-top: 20px;
}

.mz-article-meta-card > div {
	padding: 14px 16px;
	border: 1px solid rgba(125, 211, 252, .18);
	border-radius: 18px;
	background: rgba(15, 23, 42, .66);
}

.mz-article-meta-card span,
.mz-archive-card-meta,
.mz-article-action-grid span,
.mz-tag-actions a {
	font-size: .72rem;
	font-weight: 950;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--mz-art-muted);
}

.mz-article-meta-card strong {
	display: block;
	margin-top: 4px;
	font-size: .98rem;
	color: #fff;
}

.mz-article-layout {
	padding-top: 22px;
}

.mz-article-featured-media,
.mz-article-action-grid,
.mz-article-shell,
.mz-article-box {
	box-shadow: var(--mz-art-shadow);
}

.mz-article-featured-media {
	margin: 0 0 18px;
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, .18);
	background: var(--mz-art-panel);
}

.mz-article-featured-media img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: 620px;
	object-fit: cover;
}

.mz-article-featured-media figcaption {
	padding: 10px 16px 14px;
	color: var(--mz-art-muted);
	font-size: .9rem;
}

.mz-article-action-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
	padding: 14px;
	border: 1px solid var(--mz-art-border);
	border-radius: 26px;
	background: rgba(9, 19, 34, .82);
}

.mz-article-action-grid a {
	padding: 14px 15px;
	border: 1px solid rgba(125, 211, 252, .16);
	border-radius: 18px;
	background: rgba(15, 23, 42, .82);
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mz-article-action-grid a:hover,
.mz-article-tag-cloud a:hover,
.mz-archive-card:hover,
.mz-article-button:hover,
.mz-tag-actions a:hover,
.mz-archive-headline-row a:hover {
	transform: translateY(-2px);
	border-color: rgba(56, 189, 248, .46);
}

.mz-article-action-grid strong {
	display: block;
	margin-top: 4px;
	font-size: .96rem;
	color: #fff;
}

.mz-article-shell,
.mz-article-box {
	border: 1px solid var(--mz-art-border);
	border-radius: 30px;
	background: var(--mz-art-panel);
}

.mz-article-shell {
	padding: clamp(20px, 3vw, 42px);
}

.mz-article-content {
	width: 100%;
	max-width: 100%;
	font-size: clamp(1.08rem, 1.25vw, 1.2rem);
	line-height: 1.72;
	color: rgba(246, 251, 255, .93);
}

.mz-article-content > *:first-child {
	margin-top: 0 !important;
}

.mz-article-content p,
.mz-article-content ul,
.mz-article-content ol,
.mz-article-content blockquote,
.mz-article-content .wp-block-group,
.mz-article-content .wp-block-columns {
	max-width: 100%;
}

.mz-article-content p {
	margin: 0 0 1.3em;
}

.mz-article-content p:first-of-type {
	font-size: clamp(1.15rem, 1.55vw, 1.34rem);
	line-height: 1.62;
	font-weight: 760;
	color: #fff;
}

.mz-article-content p:first-of-type:first-letter {
	float: left;
	font-size: 4.2em;
	line-height: .82;
	padding: .08em .1em 0 0;
	font-weight: 950;
	color: #fff;
}

.mz-article-content h2,
.mz-article-content h3,
.mz-article-content h4 {
	line-height: 1.08;
	letter-spacing: -.035em;
	color: #fff;
	margin: 1.35em 0 .55em;
}

.mz-article-content h2 { font-size: clamp(1.7rem, 2.7vw, 2.65rem); }
.mz-article-content h3 { font-size: clamp(1.35rem, 2vw, 2rem); }

/* Modellkarten, Kartenbilder, Videos und Grafiken exakt auf Containerbreite bringen */
.mz-article-content img,
.mz-article-content figure,
.mz-article-content .wp-caption,
.mz-article-content .wp-block-image,
.mz-article-content .wp-block-embed,
.mz-article-content video,
.mz-article-content iframe,
.mz-article-content canvas,
.mz-article-content svg,
.mz-article-content .highcharts-container,
.mz-article-content .highcharts-root,
.mz-article-content [class*="map"],
.mz-article-content [class*="karte"],
.mz-article-content [class*="modell"],
.mz-article-content [class*="forecast"],
.mz-article-content [class*="radar"] {
	max-width: 100% !important;
}

.mz-article-content p > img,
.mz-article-content figure img,
.mz-article-content .wp-block-image img,
.mz-article-content .wp-caption img,
.mz-article-content img.size-full,
.mz-article-content img.size-large,
.mz-article-content img[class*="wp-image-"],
.mz-article-content a > img {
	display: block;
	width: 100% !important;
	height: auto !important;
	margin: 1.15rem 0 !important;
	border-radius: 22px;
	border: 1px solid rgba(125, 211, 252, .16);
	box-shadow: 0 18px 50px rgba(0,0,0,.32);
	object-fit: contain;
}

.mz-article-content .aligncenter,
.mz-article-content .alignnone,
.mz-article-content .alignwide,
.mz-article-content .alignfull {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mz-article-content iframe,
.mz-article-content video {
	width: 100% !important;
	border-radius: 22px;
	border: 1px solid rgba(125, 211, 252, .16);
	background: #020617;
}

.mz-article-content blockquote {
	margin: 1.4rem 0;
	padding: 18px 22px;
	border-left: 4px solid var(--mz-art-blue);
	border-radius: 18px;
	background: rgba(15, 23, 42, .78);
	color: #dff7ff;
}

.mz-article-content a {
	color: #7dd3fc;
	text-decoration: underline;
	text-decoration-color: rgba(125, 211, 252, .45);
	text-underline-offset: .18em;
}

.mz-article-tags,
.mz-article-author-box,
.mz-article-related,
.mz-article-comments {
	margin-top: 18px;
	padding: clamp(18px, 2.5vw, 28px);
}

.mz-article-tags h2,
.mz-article-author-box h2,
.mz-article-related h2,
.mz-archive-headline-row h2 {
	margin: 6px 0 14px;
	font-size: clamp(1.45rem, 2.3vw, 2.2rem);
	line-height: 1.05;
	letter-spacing: -.045em;
	color: #fff;
}

.mz-article-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mz-article-tag-cloud a,
.mz-article-button,
.mz-tag-actions a,
.mz-archive-headline-row a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	border: 1px solid rgba(125, 211, 252, .22);
	background: rgba(15, 23, 42, .85);
	color: #e5f7ff !important;
	font-weight: 900;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mz-article-tag-cloud a {
	padding: 9px 13px;
	font-size: .9rem;
}

.mz-article-button,
.mz-archive-headline-row a {
	padding: 10px 16px;
}

.mz-article-author-box {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 18px;
	align-items: center;
}

.mz-article-author-avatar img,
.mz-author-avatar img {
	border-radius: 50%;
	border: 2px solid rgba(125, 211, 252, .32);
	box-shadow: 0 14px 38px rgba(0,0,0,.32);
}

.mz-article-author-box p {
	margin: 0 0 14px;
	color: var(--mz-art-muted);
	line-height: 1.55;
}

.mz-archive-hero h1 {
	margin-bottom: 10px;
}

.mz-archive-results {
	padding-top: 22px;
}

.mz-archive-headline-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 16px;
}

.mz-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.mz-archive-card {
	overflow: hidden;
	border: 1px solid var(--mz-art-border);
	border-radius: 24px;
	background: var(--mz-art-panel);
	box-shadow: 0 14px 42px rgba(0,0,0,.30);
	transition: transform .18s ease, border-color .18s ease;
}

.mz-archive-card-media {
	display: block;
	aspect-ratio: 16 / 9;
	background:
		radial-gradient(circle at 20% 10%, rgba(56, 189, 248, .28), transparent 18rem),
		linear-gradient(135deg, #0f172a, #07111f);
	overflow: hidden;
}

.mz-archive-card-media img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.mz-archive-card-media span {
	display: grid;
	place-items: center;
	height: 100%;
	font-weight: 950;
	color: #dff7ff;
}

.mz-archive-card-body {
	padding: 16px;
}

.mz-archive-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
	color: var(--mz-art-blue);
}

.mz-archive-card h3 {
	margin: 0 0 8px;
	font-size: 1.15rem;
	line-height: 1.15;
	letter-spacing: -.025em;
	color: #fff;
}

.mz-archive-card p {
	margin: 0;
	color: var(--mz-art-muted);
	line-height: 1.5;
	font-size: .95rem;
}

.mz-author-hero-grid,
.mz-tag-hero-grid {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 22px;
	align-items: center;
}

.mz-tag-hero-grid {
	grid-template-columns: minmax(0, 1fr) auto;
}

.mz-tag-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.mz-tag-actions a {
	padding: 11px 16px;
	font-size: .82rem;
}

.navigation.pagination,
.mz-article-page .pagination {
	margin-top: 24px;
	text-align: center;
}

.mz-article-page .page-numbers {
	display: inline-flex;
	min-width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	margin: 3px;
	border-radius: 999px;
	border: 1px solid rgba(125, 211, 252, .20);
	background: rgba(15, 23, 42, .82);
	color: #e5f7ff !important;
	font-weight: 900;
}

.mz-article-page .page-numbers.current {
	background: var(--mz-art-blue);
	color: #03111f !important;
}

@media (max-width: 1100px) {
	.mz-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mz-article-action-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	body.mz-dark-editorial #theme-header .logo-row:after,
	body.mz-dark-editorial #theme-header .logo-container:after {
		display: none;
	}

	body.mz-dark-editorial #theme-header #logo {
		margin-top: 14px !important;
		margin-bottom: 14px !important;
	}

	body.mz-dark-editorial #theme-header #logo a {
		border-radius: 18px;
		padding: 9px 12px;
	}

	body.mz-dark-editorial #theme-header #logo img {
		max-width: min(70vw, 320px) !important;
		max-height: 76px !important;
	}

	body.mz-dark-editorial #theme-header .logo-row,
	body.mz-dark-editorial #theme-header .logo-container {
		background-position: 35% center !important;
	}
}

@media (max-width: 720px) {
	.mz-article-wrap {
		width: min(100% - 20px, 1080px);
	}

	.mz-article-hero,
	.mz-archive-hero {
		padding-top: 24px;
	}

	.mz-article-kicker-row {
		flex-wrap: wrap;
		gap: 7px;
	}

	.mz-article-meta-card,
	.mz-article-action-grid,
	.mz-archive-grid,
	.mz-author-hero-grid,
	.mz-tag-hero-grid {
		grid-template-columns: 1fr;
	}

	.mz-tag-actions {
		justify-content: flex-start;
	}

	.mz-article-shell {
		padding: 18px;
		border-radius: 24px;
	}

	.mz-article-content {
		font-size: 1.04rem;
		line-height: 1.68;
	}

	.mz-article-content p:first-of-type:first-letter {
		float: none;
		font-size: inherit;
		line-height: inherit;
		padding: 0;
	}

	.mz-article-featured-media,
	.mz-article-content p > img,
	.mz-article-content figure img,
	.mz-article-content .wp-block-image img,
	.mz-article-content .wp-caption img,
	.mz-article-content img.size-full,
	.mz-article-content img.size-large,
	.mz-article-content img[class*="wp-image-"],
	.mz-article-content a > img {
		border-radius: 18px;
	}

	.mz-article-author-box {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.mz-archive-headline-row {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 479px) {
	body.mz-dark-editorial #theme-header #logo img {
		max-width: min(74vw, 260px) !important;
		max-height: 62px !important;
	}

	.mz-article-wrap {
		width: min(100% - 14px, 1080px);
	}

	.mz-article-shell,
	.mz-article-box,
	.mz-article-action-grid {
		border-radius: 20px;
	}

	.mz-article-action-grid a {
		padding: 13px;
	}
}

/* V8: Beitragsbild nicht doppeln, Gutenberg-Autorenprofil sauber setzen */
.mz-article-action-grid-first {
	margin-top: 0;
}

.mz-article-author-bio {
	max-width: 920px;
	color: rgba(226, 232, 240, .88);
	font-size: .98rem;
	line-height: 1.72;
}

.mz-article-author-bio p {
	margin: 0 0 .85rem;
}

.mz-article-author-bio p:last-child {
	margin-bottom: 0;
}

.mz-article-author-bio strong {
	color: #fff;
	font-weight: 900;
}

.mz-author-archive-bio {
	font-size: clamp(1rem, 1.25vw, 1.14rem);
}

/* Jannah-Metaleiste auf dunklem Artikelkopf robuster lesbar halten */
.mz-dark-editorial .entry-header .post-meta,
.mz-dark-editorial .single-post-title .post-meta,
.mz-dark-editorial .post-meta,
.mz-dark-editorial .post-meta a {
	color: rgba(255,255,255,.86) !important;
}

.mz-dark-editorial .post-meta img,
.mz-dark-editorial .post-meta .author-avatar img {
	border-radius: 999px;
	box-shadow: 0 0 0 2px rgba(56,189,248,.35);
}

@media (max-width: 760px) {
	.mz-article-author-bio {
		font-size: .95rem;
		line-height: 1.62;
	}
}

/* V10: normale WordPress-Seiten an den Meteozentrale-Stil anbinden */
body.mz-single-page-template .entry,
body.mz-single-page-template .page,
body.mz-single-page-template .entry-content,
body.mz-single-page-template .container-wrapper {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

.mz-page-template {
	background:
		radial-gradient(circle at 18% 0%, rgba(56, 189, 248, .18), transparent 28rem),
		radial-gradient(circle at 88% 10%, rgba(251, 146, 60, .10), transparent 26rem),
		linear-gradient(180deg, #040911 0%, #07111f 42%, #040911 100%);
}

.mz-page-hero {
	position: relative;
	padding: clamp(30px, 4.5vw, 72px) 0 clamp(22px, 3vw, 42px);
	background:
		linear-gradient(135deg, rgba(3, 7, 18, .96), rgba(8, 47, 73, .80)),
		linear-gradient(45deg, #030712, #0f172a);
	border-bottom: 1px solid rgba(148, 163, 184, .16);
	overflow: hidden;
}

.mz-page-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.78), transparent 88%);
	pointer-events: none;
}

.mz-page-hero-inner {
	position: relative;
	z-index: 1;
}

.mz-page-hero h1 {
	max-width: 1060px;
	margin: 12px 0 14px;
	font-size: clamp(2.25rem, 5.2vw, 5.05rem);
	line-height: .94;
	letter-spacing: -.075em;
	font-weight: 950;
	color: #fff;
}

.mz-page-dek {
	max-width: 940px;
}

.mz-page-toolrow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	max-width: 820px;
	margin-top: 22px;
}

.mz-page-toolrow a,
.mz-page-next-grid a {
	border: 1px solid rgba(125, 211, 252, .18);
	background: rgba(15, 23, 42, .70);
	border-radius: 18px;
	padding: 14px 16px;
	text-decoration: none !important;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mz-page-toolrow a:hover,
.mz-page-next-grid a:hover {
	transform: translateY(-2px);
	border-color: rgba(56, 189, 248, .46);
	background: rgba(15, 23, 42, .92);
}

.mz-page-toolrow span,
.mz-page-next-grid span {
	display: block;
	font-size: .72rem;
	font-weight: 950;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--mz-art-blue);
}

.mz-page-toolrow strong,
.mz-page-next-grid strong {
	display: block;
	margin-top: 4px;
	color: #fff;
	font-size: .98rem;
}

.mz-page-layout {
	padding-top: 24px;
	padding-bottom: 54px;
}

.mz-page-shell {
	border: 1px solid var(--mz-art-border);
	border-radius: 30px;
	background: rgba(9, 19, 34, .96);
	box-shadow: var(--mz-art-shadow);
	padding: clamp(20px, 3.1vw, 46px);
}

.mz-page-content {
	width: 100%;
	max-width: 100%;
	font-size: clamp(1.04rem, 1.18vw, 1.16rem);
	line-height: 1.72;
	color: rgba(246, 251, 255, .92);
}

.mz-page-content > *:first-child {
	margin-top: 0 !important;
}

.mz-page-content p,
.mz-page-content ul,
.mz-page-content ol,
.mz-page-content blockquote,
.mz-page-content .wp-block-group,
.mz-page-content .wp-block-columns {
	max-width: 100%;
}

.mz-page-content p {
	margin: 0 0 1.15em;
}

.mz-page-content h2,
.mz-page-content h3,
.mz-page-content h4 {
	line-height: 1.08;
	letter-spacing: -.035em;
	color: #fff;
	margin: 1.25em 0 .55em;
}

.mz-page-content h2 { font-size: clamp(1.65rem, 2.55vw, 2.55rem); }
.mz-page-content h3 { font-size: clamp(1.35rem, 2vw, 2rem); }

.mz-page-content a {
	color: #7dd3fc;
	text-decoration: underline;
	text-decoration-color: rgba(125, 211, 252, .45);
	text-underline-offset: .18em;
}

.mz-page-content img,
.mz-page-content figure,
.mz-page-content iframe,
.mz-page-content video,
.mz-page-content canvas,
.mz-page-content svg,
.mz-page-content .wp-caption,
.mz-page-content .wp-block-image,
.mz-page-content .wp-block-embed,
.mz-page-content .highcharts-container,
.mz-page-content [class*="map"],
.mz-page-content [class*="karte"],
.mz-page-content [class*="modell"],
.mz-page-content [class*="radar"] {
	max-width: 100% !important;
}

.mz-page-content .wp-block-image img,
.mz-page-content .wp-caption img,
.mz-page-content img.size-full,
.mz-page-content img.size-large {
	display: block;
	width: 100% !important;
	height: auto !important;
	border-radius: 22px;
	border: 1px solid rgba(125, 211, 252, .16);
	box-shadow: 0 18px 50px rgba(0,0,0,.32);
	object-fit: contain;
}

.mz-page-content blockquote {
	margin: 1.4rem 0;
	padding: 18px 22px;
	border-left: 4px solid var(--mz-art-blue);
	border-radius: 18px;
	background: rgba(15, 23, 42, .78);
	color: #dff7ff;
}

.mz-page-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.4rem 0;
	overflow: hidden;
	border-radius: 18px;
	border: 1px solid rgba(125, 211, 252, .16);
}

.mz-page-content th,
.mz-page-content td {
	padding: 12px 14px;
	border-bottom: 1px solid rgba(125, 211, 252, .12);
	text-align: left;
}

.mz-page-content th {
	background: rgba(56, 189, 248, .10);
	color: #fff;
}

.mz-page-content tr:nth-child(even) td {
	background: rgba(255, 255, 255, .025);
}

/* Redaktion-/Team-Seiten: alte Listen und Autorboxen als Kartenraster auffangen */
.mz-page-content .authors-list,
.mz-page-content .author-list,
.mz-page-content .tie-authors,
.mz-page-content .authors-wrap,
.mz-page-content .wp-block-latest-posts,
.mz-page-content ul[class*="author"],
.mz-page-content ul[class*="team"] {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	padding-left: 0 !important;
	list-style: none !important;
}

.mz-page-content .authors-list > li,
.mz-page-content .author-list > li,
.mz-page-content .tie-authors > li,
.mz-page-content .authors-wrap > li,
.mz-page-content ul[class*="author"] > li,
.mz-page-content ul[class*="team"] > li,
.mz-page-content .author-info,
.mz-page-content .team-member,
.mz-page-content [class*="author-box"] {
	border: 1px solid rgba(125, 211, 252, .16) !important;
	border-radius: 22px !important;
	background: rgba(15, 23, 42, .66) !important;
	padding: 16px !important;
	box-shadow: 0 14px 38px rgba(0,0,0,.22);
}

.mz-page-content .authors-list img,
.mz-page-content .author-list img,
.mz-page-content .tie-authors img,
.mz-page-content .authors-wrap img,
.mz-page-content [class*="author"] img,
.mz-page-content [class*="team"] img {
	width: 78px !important;
	height: 78px !important;
	max-width: 78px !important;
	object-fit: cover;
	border-radius: 999px !important;
	border: 2px solid rgba(56, 189, 248, .32);
	box-shadow: 0 10px 26px rgba(0,0,0,.28);
}

.mz-page-next {
	margin-top: 20px;
	padding: clamp(18px, 2.4vw, 28px);
}

.mz-page-next-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.mz-page-next-grid em {
	display: block;
	margin-top: 8px;
	font-style: normal;
	font-size: .88rem;
	line-height: 1.45;
	color: var(--mz-art-muted);
}

@media (max-width: 1050px) {
	.mz-page-toolrow,
	.mz-page-next-grid,
	.mz-page-content .authors-list,
	.mz-page-content .author-list,
	.mz-page-content .tie-authors,
	.mz-page-content .authors-wrap,
	.mz-page-content ul[class*="author"],
	.mz-page-content ul[class*="team"] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.mz-page-hero h1 {
		font-size: clamp(2.1rem, 12vw, 3.15rem);
	}

	.mz-page-toolrow,
	.mz-page-next-grid,
	.mz-page-content .authors-list,
	.mz-page-content .author-list,
	.mz-page-content .tie-authors,
	.mz-page-content .authors-wrap,
	.mz-page-content ul[class*="author"],
	.mz-page-content ul[class*="team"] {
		grid-template-columns: 1fr;
	}

	.mz-page-shell {
		padding: 18px;
		border-radius: 24px;
	}

	.mz-page-content {
		font-size: 1.02rem;
		line-height: 1.66;
	}
}

/* Social Sharing für Artikel */
.mz-article-share {
	margin-top: 22px;
}

.mz-article-share-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 16px;
}

.mz-article-share-head h2 {
	margin-bottom: 0;
}

.mz-article-share-head p {
	max-width: 460px;
	margin: 0;
	color: var(--mz-art-muted);
	font-size: .98rem;
}

.mz-article-share-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.mz-share-btn {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 13px;
	border-radius: 999px;
	border: 1px solid rgba(125, 211, 252, .18);
	background: rgba(255,255,255,.055);
	color: #eaf7ff !important;
	font: inherit;
	font-weight: 950;
	font-size: .92rem;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.mz-share-btn:hover,
.mz-share-btn:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(56, 189, 248, .55);
	background: rgba(56, 189, 248, .14);
	color: #fff !important;
	outline: none;
}

.mz-share-whatsapp { background: linear-gradient(135deg, rgba(34,197,94,.22), rgba(255,255,255,.045)); }
.mz-share-facebook { background: linear-gradient(135deg, rgba(59,130,246,.22), rgba(255,255,255,.045)); }
.mz-share-x { background: linear-gradient(135deg, rgba(148,163,184,.18), rgba(255,255,255,.045)); }
.mz-share-telegram { background: linear-gradient(135deg, rgba(56,189,248,.22), rgba(255,255,255,.045)); }
.mz-share-email { background: linear-gradient(135deg, rgba(251,146,60,.20), rgba(255,255,255,.045)); }
.mz-share-copy.is-copied { background: rgba(34,197,94,.20); border-color: rgba(34,197,94,.52); color: #dcfce7 !important; }

@media (max-width: 980px) {
	.mz-article-share-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.mz-article-share-head {
		display: block;
	}

	.mz-article-share-head p {
		margin-top: 8px;
	}

	.mz-article-share-grid {
		grid-template-columns: 1fr 1fr;
	}
}