/* Meteozentrale Lagezentrum – v1.2: Dark, Full Width, Mobile First, keine Sidebars */
:root {
	--mz-lz-bg: #040911;
	--mz-lz-bg-2: #07111f;
	--mz-lz-panel: rgba(9, 19, 34, .96);
	--mz-lz-panel-2: rgba(13, 26, 45, .96);
	--mz-lz-soft: rgba(18, 35, 58, .92);
	--mz-lz-border: rgba(148, 163, 184, .18);
	--mz-lz-border-strong: rgba(56, 189, 248, .32);
	--mz-lz-ink: #f7fbff;
	--mz-lz-muted: #aebbd0;
	--mz-lz-muted-2: #8494aa;
	--mz-lz-blue: #38bdf8;
	--mz-lz-blue-2: #0ea5e9;
	--mz-lz-green: #22c55e;
	--mz-lz-orange: #fb923c;
	--mz-lz-red: #ef4444;
	--mz-lz-shadow: 0 22px 60px rgba(0, 0, 0, .42);
	--mz-lz-shadow-soft: 0 14px 34px rgba(0, 0, 0, .30);
}

body.mz-lagezentrum-home #content {
	margin-top: 0;
}

body.mz-lagezentrum-home #tie-wrapper {
	background: var(--mz-lz-bg) !important;
}

body.mz-lagezentrum-home.boxed-layout #tie-wrapper,
body.mz-lagezentrum-home.boxed-layout .fixed-nav {
	max-width: none;
	width: 100%;
}

body.mz-lagezentrum-home .container,
body.mz-lagezentrum-home .wide-next-prev-slider-wrapper,
body.mz-lagezentrum-home .section-wrapper {
	max-width: none;
}

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

.mz-lz {
	font-family: inherit;
	color: var(--mz-lz-ink);
	background:
		radial-gradient(circle at 16% 0%, rgba(14, 165, 233, .24), transparent 30rem),
		radial-gradient(circle at 88% 8%, rgba(239, 68, 68, .13), transparent 25rem),
		linear-gradient(180deg, #040911 0%, #07111f 45%, #040911 100%);
	min-height: 100vh;
	padding-bottom: 46px;
	overflow-x: clip;
}

.mz-lz a {
	text-decoration: none;
}

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

.mz-lz-section {
	margin-top: 18px;
}

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

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

.mz-lz-hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr);
	gap: 20px;
	align-items: end;
}

.mz-lz-kicker,
.mz-lz-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: .74rem;
	font-weight: 950;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.mz-lz-kicker {
	color: #c8f2ff;
	margin-bottom: 9px;
}

.mz-lz-eyebrow {
	color: var(--mz-lz-blue);
}

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

@keyframes mz-lz-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-lz-hero h1 {
	font-size: clamp(2.25rem, 4.8vw, 5rem);
	line-height: .9;
	letter-spacing: -.075em;
	font-weight: 950;
	color: #fff;
	margin: 0 0 12px;
}

.mz-lz-lead {
	max-width: 780px;
	font-size: clamp(1rem, 1.35vw, 1.22rem);
	line-height: 1.48;
	color: rgba(226, 232, 240, .86);
	margin: 0;
}

.mz-lz-quickbar {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.mz-lz-quickbar a,
.mz-lz-action-band a,
.mz-lz-map-links a,
.mz-lz-region-grid a,
.mz-lz-news-strip-item,
.mz-lz-lead-story,
.mz-lz-feature-card {
	transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.mz-lz-quickbar a {
	display: block;
	padding: 15px;
	border-radius: 18px;
	background: rgba(15, 23, 42, .74);
	border: 1px solid rgba(125, 211, 252, .22);
	color: #fff !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.mz-lz-quickbar a:hover,
.mz-lz-action-band a:hover,
.mz-lz-map-links a:hover,
.mz-lz-region-grid a:hover,
.mz-lz-news-strip-item:hover,
.mz-lz-lead-story:hover,
.mz-lz-feature-card:hover,
.mz-lz-mini-link:hover,
.mz-lz-inline-link:hover {
	transform: translateY(-2px);
}

.mz-lz-quickbar strong {
	display: block;
	font-size: .98rem;
	font-weight: 950;
	margin-bottom: 4px;
}

.mz-lz-quickbar span {
	display: block;
	font-size: .8rem;
	color: var(--mz-lz-muted);
}

.mz-lz-panel {
	background: var(--mz-lz-panel);
	border: 1px solid var(--mz-lz-border);
	border-radius: 26px;
	padding: 22px;
	box-shadow: var(--mz-lz-shadow);
	backdrop-filter: blur(14px);
	min-width: 0;
}

.mz-lz-panel-head {
	display: flex;
	gap: 16px;
	margin-bottom: 18px;
}

.mz-lz-panel-head-row {
	align-items: center;
	justify-content: space-between;
}

.mz-lz-panel h2,
.mz-lz-region-panel h2 {
	color: #fff;
	font-size: clamp(1.65rem, 2.2vw, 2.45rem);
	line-height: .96;
	letter-spacing: -.055em;
	font-weight: 950;
	margin: 5px 0 0;
}

.mz-lz-mini-link,
.mz-lz-inline-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 10px 15px;
	background: linear-gradient(135deg, #38bdf8, #0284c7);
	color: #03111f !important;
	font-size: .86rem;
	font-weight: 950;
	box-shadow: 0 14px 32px rgba(14,165,233,.22);
	white-space: nowrap;
}

.mz-lz-news-stage {
	border-color: rgba(56, 189, 248, .24);
}

.mz-lz-news-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
	gap: 16px;
	align-items: stretch;
}

.mz-lz-lead-story {
	display: grid;
	grid-template-rows: minmax(340px, 44vh) auto;
	overflow: hidden;
	border-radius: 24px;
	background: var(--mz-lz-panel-2);
	border: 1px solid rgba(148, 163, 184, .16);
	box-shadow: var(--mz-lz-shadow-soft);
	min-width: 0;
}

.mz-lz-lead-story-image,
.mz-lz-feature-card-image {
	display: block;
	position: relative;
	overflow: hidden;
	background: #0f172a;
}

.mz-lz-lead-story-image img,
.mz-lz-feature-card-image img,
.mz-lz-image-fallback {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.mz-lz-lead-story-image:after,
.mz-lz-feature-card-image:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 42%, rgba(3,7,18,.48));
	pointer-events: none;
}

.mz-lz-image-fallback {
	display: grid;
	place-items: center;
	min-height: 210px;
	background:
		radial-gradient(circle at 30% 25%, rgba(56,189,248,.42), transparent 28%),
		radial-gradient(circle at 75% 70%, rgba(239,68,68,.22), transparent 30%),
		linear-gradient(135deg, #0f172a, #082f49);
	color: #e0f2fe;
	font-weight: 950;
	letter-spacing: -.03em;
	font-size: clamp(1.2rem, 2vw, 2rem);
}

.mz-lz-lead-story-body {
	padding: 20px;
}

.mz-lz-meta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 9px;
}

.mz-lz-meta-row span,
.mz-lz-meta-row time {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	padding: 6px 9px;
	font-size: .72rem;
	font-weight: 950;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mz-lz-meta-row span {
	background: rgba(56, 189, 248, .16);
	color: #b7e9ff;
	border: 1px solid rgba(56, 189, 248, .24);
}

.mz-lz-meta-row time {
	background: rgba(148, 163, 184, .12);
	color: #d5e1ef;
	border: 1px solid rgba(148, 163, 184, .16);
}

.mz-lz-lead-story h2 {
	font-size: clamp(1.75rem, 3vw, 3.15rem);
	line-height: .98;
	letter-spacing: -.06em;
	font-weight: 950;
	margin: 0 0 10px;
}

.mz-lz-lead-story h2 a,
.mz-lz-feature-card h3 a,
.mz-lz-news-strip-item,
.mz-lz-news-strip-item strong {
	color: #fff !important;
}

.mz-lz-lead-story p {
	margin: 0;
	color: var(--mz-lz-muted);
	font-size: 1rem;
	line-height: 1.48;
}

.mz-lz-featured-news {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.mz-lz-feature-card {
	display: grid;
	grid-template-rows: 180px auto;
	overflow: hidden;
	border-radius: 22px;
	background: var(--mz-lz-panel-2);
	border: 1px solid rgba(148, 163, 184, .16);
	min-width: 0;
}

.mz-lz-feature-card-body {
	padding: 14px;
}

.mz-lz-meta-row-small {
	margin-bottom: 8px;
}

.mz-lz-meta-row-small span,
.mz-lz-meta-row-small time {
	font-size: .64rem;
	padding: 5px 7px;
}

.mz-lz-feature-card h3 {
	font-size: 1.05rem;
	line-height: 1.16;
	letter-spacing: -.025em;
	font-weight: 950;
	margin: 0;
}

.mz-lz-news-strip {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
}

.mz-lz-news-strip-item {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 12px;
	border-radius: 17px;
	background: rgba(15, 23, 42, .72);
	border: 1px solid rgba(148, 163, 184, .14);
}

.mz-lz-news-strip-item:hover,
.mz-lz-action-band a:hover,
.mz-lz-map-links a:hover,
.mz-lz-region-grid a:hover,
.mz-lz-lead-story:hover,
.mz-lz-feature-card:hover {
	border-color: rgba(56, 189, 248, .42);
	box-shadow: 0 16px 34px rgba(0,0,0,.24);
}

.mz-lz-news-strip-item span {
	font-size: .78rem;
	font-weight: 950;
	color: var(--mz-lz-blue);
}

.mz-lz-news-strip-item strong {
	font-size: .93rem;
	line-height: 1.22;
}

.mz-lz-empty-news {
	padding: 22px;
	border-radius: 22px;
	background: rgba(15, 23, 42, .72);
	border: 1px dashed rgba(56, 189, 248, .28);
}

.mz-lz-empty-news strong {
	display: block;
	font-size: 1.15rem;
	margin-bottom: 6px;
}

.mz-lz-empty-news p {
	color: var(--mz-lz-muted);
	line-height: 1.52;
	margin: 0;
}

.mz-lz-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 8px 11px;
	font-size: .72rem;
	font-weight: 950;
	letter-spacing: .07em;
	text-transform: uppercase;
	white-space: nowrap;
}

.mz-lz-badge-green {
	color: #04130a;
	background: linear-gradient(135deg, #22c55e, #86efac);
}

.mz-lz-action-band {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.mz-lz-action-band a,
.mz-lz-map-links a,
.mz-lz-region-grid a {
	display: block;
	padding: 16px;
	border-radius: 20px;
	background: rgba(15, 23, 42, .78);
	border: 1px solid rgba(148, 163, 184, .16);
	color: #fff !important;
	min-width: 0;
}

.mz-lz-action-band strong,
.mz-lz-region-grid strong {
	display: block;
	font-weight: 950;
	font-size: 1.03rem;
	margin-bottom: 4px;
}

.mz-lz-action-band span,
.mz-lz-region-grid span {
	display: block;
	font-size: .84rem;
	line-height: 1.3;
	color: var(--mz-lz-muted);
}

.mz-lz-plugin-frame {
	position: relative;
	border-radius: 20px;
	min-width: 0;
	width: 100%;
	overflow: visible;
}

.mz-lz-plugin-frame,
.mz-lz-plugin-frame * {
	box-sizing: border-box;
	max-width: 100%;
}

.mz-lz-plugin-frame iframe,
.mz-lz-plugin-frame canvas,
.mz-lz-plugin-frame svg,
.mz-lz-plugin-frame img,
.mz-lz-panel iframe,
.mz-lz-panel canvas,
.mz-lz-panel svg,
.mz-lz-panel img {
	max-width: 100% !important;
}

.mz-lz-plugin-frame img {
	height: auto;
}

.mz-lz-plugin-frame [style*="width"] {
	max-width: 100% !important;
}

.mz-lz-plugin-frame [style*="min-width"] {
	min-width: 0 !important;
}

.mz-lz-warn-frame,
.mz-lz-skyguard-frame,
.mz-lz-map-frame {
	background: rgba(3, 7, 18, .30);
	border: 1px solid rgba(148, 163, 184, .12);
}

.mz-lz-warn-frame {
	padding: 0;
}

.mz-lz-skyguard-frame {
	min-height: 360px;
}

.mz-lz-module-empty {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	border-radius: 18px;
	background: rgba(15, 23, 42, .74);
	border: 1px dashed rgba(56, 189, 248, .28);
	color: var(--mz-lz-ink);
}

.mz-lz-module-empty strong {
	font-size: 1rem;
	color: #fff;
}

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

.mz-lz-map-frame + .mz-lz-map-links {
	margin-top: 14px;
}

.mz-lz-map-links a {
	text-align: center;
	font-weight: 950;
}

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

/* Schutz gegen gequetschte Plugin-Ausgaben im Lagezentrum */
.mz-lz-warn-frame > *,
.mz-lz-skyguard-frame > *,
.mz-lz-map-frame > * {
	width: 100% !important;
	max-width: 100% !important;
}

.mz-lz-panel-has-error {
	outline: 3px solid rgba(239, 68, 68, .38);
}

@media (max-width: 1180px) {
	.mz-lz-hero-grid,
	.mz-lz-news-grid {
		grid-template-columns: 1fr;
	}

	.mz-lz-featured-news {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.mz-lz-map-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 780px) {
	.mz-lz-wrap {
		width: min(100% - 18px, 1520px);
	}

	.mz-lz-hero {
		padding: 24px 0 18px;
	}

	.mz-lz-quickbar,
	.mz-lz-featured-news,
	.mz-lz-news-strip,
	.mz-lz-action-band,
	.mz-lz-map-links,
	.mz-lz-region-grid {
		grid-template-columns: 1fr;
	}

	.mz-lz-panel-head-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.mz-lz-panel {
		border-radius: 22px;
		padding: 16px;
	}

	.mz-lz-lead-story {
		grid-template-rows: 230px auto;
		border-radius: 20px;
	}

	.mz-lz-feature-card {
		grid-template-columns: 120px minmax(0, 1fr);
		grid-template-rows: auto;
		min-height: 118px;
	}

	.mz-lz-feature-card-image {
		height: 100%;
	}

	.mz-lz-lead-story-body,
	.mz-lz-feature-card-body {
		padding: 14px;
	}

	.mz-lz-lead-story h2 {
		font-size: clamp(1.45rem, 8vw, 2.1rem);
	}

	.mz-lz-feature-card h3 {
		font-size: .98rem;
	}

	.mz-lz-news-strip-item {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.mz-lz-module-empty {
		align-items: flex-start;
		flex-direction: column;
	}

	/* Mobile: Plugin-Module nie als schmale Mehrspalten-Boxen erzwingen. */
	.mz-lz-warn-frame,
	.mz-lz-skyguard-frame,
	.mz-lz-map-frame {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mz-lz-warn-frame [class*="grid"],
	.mz-lz-warn-frame [class*="cards"],
	.mz-lz-warn-frame [class*="row"],
	.mz-lz-skyguard-frame [class*="grid"],
	.mz-lz-skyguard-frame [class*="cards"],
	.mz-lz-skyguard-frame [class*="row"] {
		max-width: 100% !important;
	}
}

@media (max-width: 480px) {
	.mz-lz-wrap {
		width: min(100% - 12px, 1520px);
	}

	.mz-lz-hero h1 {
		font-size: clamp(2rem, 12vw, 3rem);
	}

	.mz-lz-lead {
		font-size: .96rem;
	}

	.mz-lz-panel {
		padding: 13px;
	}

	.mz-lz-panel h2,
	.mz-lz-region-panel h2 {
		font-size: clamp(1.45rem, 9vw, 2rem);
	}

	.mz-lz-lead-story {
		grid-template-rows: 205px auto;
	}

	.mz-lz-feature-card {
		grid-template-columns: 104px minmax(0, 1fr);
	}

	.mz-lz-meta-row span,
	.mz-lz-meta-row time {
		font-size: .62rem;
		padding: 5px 7px;
	}

	.mz-lz-skyguard-frame {
		min-height: 280px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mz-lz-live-dot,
	.mz-lz * {
		animation: none !important;
		transition: none !important;
	}
}

/* v1.3 – mehr Leben: Livebilder, Ortslinks, keine schmalen Streifen */
.mz-lz-live-panel,
.mz-lz-map-section-panel,
.mz-lz-region-panel {
	position: relative;
	overflow: hidden;
}

.mz-lz-live-panel:before,
.mz-lz-map-section-panel:before,
.mz-lz-region-panel:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 9% 2%, rgba(56,189,248,.14), transparent 24rem),
		radial-gradient(circle at 88% 18%, rgba(251,146,60,.10), transparent 25rem);
	pointer-events: none;
}

.mz-lz-live-panel > *,
.mz-lz-map-section-panel > *,
.mz-lz-region-panel > * {
	position: relative;
	z-index: 1;
}

.mz-lz-live-time,
.mz-lz-region-note {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 9px 12px;
	background: rgba(15, 23, 42, .76);
	border: 1px solid rgba(125, 211, 252, .20);
	color: #dbeafe;
	font-size: .78rem;
	font-weight: 950;
	white-space: nowrap;
}

.mz-lz-live-card-grid,
.mz-lz-map-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.mz-lz-map-card-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mz-lz-live-card,
.mz-lz-map-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 250px;
	padding: 18px;
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid rgba(148, 163, 184, .18);
	background: linear-gradient(145deg, rgba(15, 23, 42, .92), rgba(8, 47, 73, .72));
	color: #fff !important;
	box-shadow: var(--mz-lz-shadow-soft);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mz-lz-live-card:hover,
.mz-lz-map-card:hover,
.mz-lz-place-chips a:hover {
	transform: translateY(-2px);
	border-color: rgba(56, 189, 248, .46);
	box-shadow: 0 18px 40px rgba(0,0,0,.34);
}

.mz-lz-live-card:before,
.mz-lz-map-card:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size: 34px 34px;
	opacity: .54;
}

.mz-lz-live-card:after,
.mz-lz-map-card:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(3,7,18,.04), rgba(3,7,18,.76));
}

.mz-lz-live-card > *,
.mz-lz-map-card > * {
	position: relative;
	z-index: 1;
}

.mz-lz-live-card-label {
	display: inline-flex;
	align-self: flex-start;
	border-radius: 999px;
	padding: 7px 10px;
	margin-bottom: auto;
	background: rgba(3, 7, 18, .62);
	border: 1px solid rgba(255,255,255,.16);
	color: #dff7ff;
	font-size: .72rem;
	font-weight: 950;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.mz-lz-live-card strong {
	display: block;
	font-size: clamp(1.42rem, 2.1vw, 2.35rem);
	line-height: .98;
	letter-spacing: -.055em;
	font-weight: 950;
	margin-top: 58px;
}

.mz-lz-live-card em {
	display: block;
	font-style: normal;
	color: rgba(226,232,240,.86);
	font-size: .94rem;
	line-height: 1.38;
	margin-top: 9px;
}

.mz-lz-live-card-badge {
	display: inline-flex;
	align-self: flex-start;
	margin-top: 16px;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.16);
	font-size: .72rem;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.mz-lz-live-card-radar,
.mz-lz-map-card-radar {
	background:
		radial-gradient(circle at 28% 30%, rgba(34,197,94,.52), transparent 12rem),
		radial-gradient(circle at 68% 45%, rgba(56,189,248,.58), transparent 13rem),
		linear-gradient(145deg, #06111f, #0b2545 55%, #07111f);
}

.mz-lz-live-card-warning,
.mz-lz-map-card-warning {
	background:
		radial-gradient(circle at 35% 28%, rgba(239,68,68,.62), transparent 12rem),
		radial-gradient(circle at 78% 65%, rgba(251,146,60,.50), transparent 12rem),
		linear-gradient(145deg, #13070a, #30111a 55%, #09111f);
}

.mz-lz-live-card-rain,
.mz-lz-map-card-rain {
	background:
		radial-gradient(circle at 24% 25%, rgba(14,165,233,.64), transparent 12rem),
		radial-gradient(circle at 70% 62%, rgba(59,130,246,.46), transparent 13rem),
		linear-gradient(145deg, #06111f, #082f49 55%, #020617);
}

.mz-lz-live-card-wind,
.mz-lz-map-card-wind {
	background:
		radial-gradient(circle at 25% 30%, rgba(125,211,252,.50), transparent 11rem),
		radial-gradient(circle at 77% 65%, rgba(168,85,247,.38), transparent 12rem),
		linear-gradient(145deg, #08111f, #18223a 55%, #020617);
}

.mz-lz-map-card-index {
	background:
		radial-gradient(circle at 25% 30%, rgba(251,146,60,.56), transparent 11rem),
		radial-gradient(circle at 78% 62%, rgba(239,68,68,.35), transparent 11rem),
		linear-gradient(145deg, #120b07, #251a11 55%, #020617);
}

.mz-lz-map-card-meteo {
	background:
		radial-gradient(circle at 25% 30%, rgba(34,211,238,.46), transparent 11rem),
		radial-gradient(circle at 78% 62%, rgba(34,197,94,.25), transparent 11rem),
		linear-gradient(145deg, #06111f, #0f172a 55%, #020617);
}

.mz-lz-map-card {
	min-height: 170px;
	padding: 16px;
}

.mz-lz-map-card span[aria-hidden="true"] {
	width: 42px;
	height: 42px;
	border-radius: 15px;
	margin-bottom: auto;
	background: rgba(255,255,255,.13);
	border: 1px solid rgba(255,255,255,.18);
}

.mz-lz-map-card strong {
	font-size: 1.06rem;
	line-height: 1.08;
	font-weight: 950;
}

.mz-lz-map-card em {
	font-style: normal;
	margin-top: 5px;
	font-size: .82rem;
	line-height: 1.24;
	color: rgba(226,232,240,.82);
}

.mz-lz-action-band a {
	min-height: 92px;
	background:
		radial-gradient(circle at 10% 0%, rgba(56,189,248,.16), transparent 12rem),
		linear-gradient(145deg, rgba(15, 23, 42, .88), rgba(8, 47, 73, .38));
}

/* Region: Region selbst ist keine URL mehr. Nur echte Orts-/Hashtag-Links sind anklickbar. */
.mz-lz-region-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mz-lz-region-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 18px;
	border-radius: 22px;
	background: rgba(15, 23, 42, .78);
	border: 1px solid rgba(148, 163, 184, .16);
	min-width: 0;
}

.mz-lz-region-card > strong {
	color: #fff;
	font-size: 1.12rem;
	font-weight: 950;
	line-height: 1.1;
}

.mz-lz-region-card > span {
	color: var(--mz-lz-muted);
	font-size: .84rem;
	line-height: 1.35;
}

.mz-lz-place-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 2px;
}

.mz-lz-place-chips a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(2, 132, 199, .16);
	border: 1px solid rgba(56, 189, 248, .24);
	color: #dff7ff !important;
	font-size: .82rem;
	font-weight: 900;
	line-height: 1;
}

@media (max-width: 1180px) {
	.mz-lz-live-card-grid,
	.mz-lz-map-card-grid,
	.mz-lz-region-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 780px) {
	.mz-lz-live-card-grid,
	.mz-lz-map-card-grid,
	.mz-lz-region-grid {
		grid-template-columns: 1fr;
	}

	.mz-lz-live-card {
		min-height: 210px;
	}

	.mz-lz-map-card {
		min-height: 130px;
	}

	.mz-lz-live-time,
	.mz-lz-region-note {
		white-space: normal;
		justify-content: flex-start;
	}
}

@media (max-width: 480px) {
	.mz-lz-live-card,
	.mz-lz-map-card,
	.mz-lz-region-card {
		border-radius: 19px;
		padding: 15px;
	}

	.mz-lz-live-card strong {
		font-size: clamp(1.35rem, 8vw, 1.95rem);
	}

	.mz-lz-place-chips a {
		flex: 1 1 calc(50% - 8px);
	}
}


/* V1.4 – echte Plugin-Liveflächen statt schmaler Streifen */
.mz-lz-section-sub {
	max-width: 920px;
	margin: 8px 0 0;
	color: var(--mz-lz-muted);
	font-size: .98rem;
	line-height: 1.5;
}

.mz-lz-recent-panel,
.mz-lz-risk-panel {
	border-color: rgba(34, 211, 238, .24);
	background:
		radial-gradient(circle at 10% 0%, rgba(34, 211, 238, .13), transparent 28rem),
		radial-gradient(circle at 92% 4%, rgba(192, 132, 252, .11), transparent 25rem),
		linear-gradient(145deg, rgba(8, 18, 33, .98), rgba(4, 9, 17, .96));
}

.mz-lz-risk-panel {
	border-color: rgba(251, 191, 36, .22);
	background:
		radial-gradient(circle at 8% 0%, rgba(251, 191, 36, .10), transparent 25rem),
		radial-gradient(circle at 88% 10%, rgba(248, 113, 113, .12), transparent 28rem),
		linear-gradient(145deg, rgba(8, 18, 33, .98), rgba(4, 9, 17, .96));
}

.mz-lz-recent-frame,
.mz-lz-risk-frame {
	margin-top: 12px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* Startseiten-Rhythmus-Plugin im Lagezentrum sauber breit ziehen */
.mz-lz-recent-frame .mz-recent {
	margin: 0 !important;
	border-radius: 24px !important;
	border-color: rgba(96, 165, 250, .22) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 50px rgba(0,0,0,.22) !important;
}

.mz-lz-recent-frame .mz-recent__title,
.mz-lz-risk-frame .mzlg-title {
	font-size: clamp(1.7rem, 2.8vw, 2.8rem) !important;
	line-height: .96 !important;
	letter-spacing: -.055em !important;
}

.mz-lz-recent-frame .mz-recent__sub,
.mz-lz-risk-frame .mzlg-subtitle {
	max-width: 860px !important;
	font-size: .96rem !important;
}

.mz-lz-recent-frame .mz-recent__grid {
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}

.mz-lz-recent-frame .mz-recent-card,
.mz-lz-recent-frame .mz-recent-stat,
.mz-lz-recent-frame .mz-recent-focus {
	min-width: 0 !important;
}

/* MeteoZ Live Grid: nicht als enger Streifen, sondern als Lage-Raster */
.mz-lz-risk-frame .mzlg-wrap {
	margin: 0 !important;
	width: 100% !important;
}

.mz-lz-risk-frame .mzlg-shell {
	border-radius: 24px !important;
	padding: clamp(16px, 2.6vw, 28px) !important;
	background:
		radial-gradient(circle at 6% 0%, rgba(251,191,36,.11), transparent 30%),
		radial-gradient(circle at 90% 0%, rgba(251,113,133,.12), transparent 34%),
		linear-gradient(180deg, rgba(15,23,42,.88), rgba(2,6,23,.94)) !important;
}

.mz-lz-risk-frame .mzlg-grid {
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
	gap: 14px !important;
}

.mz-lz-risk-frame .mzlg-card {
	min-height: 176px !important;
	padding: 16px !important;
}

.mz-lz-risk-frame .mzlg-card[hidden],
.mz-lz-risk-frame .mzlg-card[data-mz-risk-hidden="1"] {
	display: none !important;
}

.mz-lz-risk-note {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	padding: 9px 12px;
	border-radius: 999px;
	border: 1px solid rgba(45, 212, 191, .24);
	background: rgba(20, 184, 166, .10);
	color: #bff7ef;
	font-size: .78rem;
	font-weight: 900;
}

/* Schmale Streifen in echte mobile Karten verwandeln */
.mz-lz-tool-cards {
	gap: 14px;
}

.mz-lz-tool-cards a {
	position: relative;
	overflow: hidden;
	min-height: 132px;
	padding: 20px;
	border-color: rgba(56, 189, 248, .20);
	background:
		radial-gradient(circle at 0% 0%, rgba(56,189,248,.20), transparent 12rem),
		radial-gradient(circle at 100% 100%, rgba(251,146,60,.10), transparent 10rem),
		linear-gradient(145deg, rgba(15, 23, 42, .94), rgba(8, 47, 73, .44));
}

.mz-lz-tool-cards a:after {
	content: "";
	position: absolute;
	right: 18px;
	top: 18px;
	width: 42px;
	height: 42px;
	border-radius: 18px;
	background: rgba(56, 189, 248, .13);
	border: 1px solid rgba(56, 189, 248, .22);
}

.mz-lz-tool-cards strong {
	font-size: clamp(1.12rem, 2vw, 1.5rem);
	line-height: 1.02;
}

.mz-lz-tool-cards span {
	max-width: 240px;
	font-size: .92rem;
	line-height: 1.35;
}

@media (max-width: 900px) {
	.mz-lz-recent-frame .mz-recent__stage,
	.mz-lz-recent-frame .mz-recent__head,
	.mz-lz-recent-frame .mz-recent__tools,
	.mz-lz-risk-frame .mzlg-head {
		display: block !important;
	}

	.mz-lz-recent-frame .mz-recent__count,
	.mz-lz-risk-frame .mzlg-count {
		margin-top: 12px !important;
	}
}

@media (max-width: 640px) {
	.mz-lz-recent-frame .mz-recent,
	.mz-lz-risk-frame .mzlg-shell {
		border-radius: 20px !important;
		padding: 14px !important;
	}

	.mz-lz-recent-frame .mz-recent__grid,
	.mz-lz-risk-frame .mzlg-grid,
	.mz-lz-tool-cards {
		grid-template-columns: 1fr !important;
	}

	.mz-lz-recent-frame .mz-recent__filters {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.mz-lz-recent-frame .mz-recent__filters button,
	.mz-lz-recent-frame .mz-recent__search {
		width: 100% !important;
	}

	.mz-lz-risk-frame .mzlg-card {
		min-height: 0 !important;
	}

	.mz-lz-tool-cards a {
		min-height: 118px;
	}
}

/* V1.5 – Jannah-Kopfzeile als dunkles Lagezentrum statt weißem News-Header */
body.mz-lagezentrum-home #theme-header,
body.mz-lagezentrum-home .theme-header,
body.mz-lagezentrum-home #theme-header .logo-row,
body.mz-lagezentrum-home #theme-header .logo-container {
	background-color: #050b14 !important;
	color: #fff !important;
}

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

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

body.mz-lagezentrum-home #theme-header .logo-row:before,
body.mz-lagezentrum-home #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-lagezentrum-home #theme-header .logo-row:after,
body.mz-lagezentrum-home #theme-header .logo-container:after {
	content: "LIVE-LAGEZENTRUM · WARNUNGEN · RADAR · MODELLE";
	position: absolute;
	right: max(24px, calc((100vw - 1520px) / 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, .56);
	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-lagezentrum-home #theme-header #logo {
	position: relative;
	z-index: 2;
	margin-top: clamp(22px, 3.6vw, 46px) !important;
	margin-bottom: clamp(22px, 3.6vw, 46px) !important;
}

body.mz-lagezentrum-home #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-lagezentrum-home #theme-header #logo img {
	max-height: 112px !important;
	width: auto !important;
	max-width: min(740px, 52vw) !important;
	object-fit: contain;
}

/* Falls ein invertiertes Jannah-Logo gepflegt ist, wird es auf der Lagezentrum-Startseite bevorzugt. */
body.mz-lagezentrum-home #theme-header #tie-logo-inverted:not([src=""]),
body.mz-lagezentrum-home #theme-header #tie-sticky-logo-inverted:not([src=""]) {
	display: block;
}

body.mz-lagezentrum-home #theme-header #tie-logo-inverted:not([src=""]) + #tie-logo-default,
body.mz-lagezentrum-home #theme-header #tie-sticky-logo-inverted:not([src=""]) + #tie-sticky-logo-default {
	display: none;
}

body.mz-lagezentrum-home #theme-header .main-nav-wrapper,
body.mz-lagezentrum-home #main-nav,
body.mz-lagezentrum-home .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-lagezentrum-home .main-nav-light,
body.mz-lagezentrum-home .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-lagezentrum-home #main-nav .menu > li > a,
body.mz-lagezentrum-home .main-nav .menu > li > a,
body.mz-lagezentrum-home .main-nav .components li a {
	color: #dbeafe !important;
	font-weight: 850;
}

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

body.mz-lagezentrum-home #main-nav.fixed-nav,
body.mz-lagezentrum-home .main-nav.fixed-nav {
	background: rgba(5, 11, 20, .96) !important;
	backdrop-filter: blur(14px);
}

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

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

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

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

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

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

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

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