/* Hallenseiten im CI (Schnitt 8.7b, Robs Auftrag 21.10.: „wie /ansprechpartner/“). Kopf und Karten nach dem Vorbild des
   Bausteins auf /ansprechpartner/ (mtvkontakt-*), eigene Klassen mtvhalle-*. Überschriften und Absätze mit einer Klasse
   mehr: kit.css (Theme) lädt danach und gewönne sonst bei gleicher Spezifität; dort stehen die Stile im Baustein. */
.mtvhalle-hero {
	--mtvhalle-hero-bild: none;
	position: relative; display: flex; align-items: center; width: 100%; min-height: 255px; overflow: hidden;
	background:
		linear-gradient(90deg, rgba(36,18,67,.96) 0%, rgba(36,18,67,.84) 38%, rgba(36,18,67,.34) 70%, rgba(36,18,67,.50) 100%),
		var(--mtvhalle-hero-bild) center 53% / cover no-repeat;
	color: #fff;
}
.mtvhalle-hero-inner { position: relative; z-index: 1; width: min(calc(100% - 40px), 1100px); margin: 0 auto; padding: 48px 0; }
.mtvhalle-hero-copy { width: min(62%, 650px); }
.mtvhalle-eyebrow { display: block; margin-bottom: 10px; color: #33cccc !important; font-size: 13px; font-weight: 750; line-height: 1.2; letter-spacing: .11em; text-transform: uppercase; }
.mtvhalle-hero .mtvhalle-hero-copy h1 { margin: 0; color: #fff !important; font-family: inherit; font-size: clamp(36px, 4.4vw, 54px); font-weight: 700; line-height: 1.05; letter-spacing: -.025em; }
.mtvhalle-hero-line { display: block; width: 68px; height: 3px; margin-top: 15px; border-radius: 999px; background: #33cccc; }

.mtvhalle {
	--lila-950: #241243; --lila-800: #3b2270; --lila-600: #5b3aa6; --tuerkis: #33cccc; --ink: #221a33; --muted: #6c6480; --line: #e1d9f0;
	max-width: 1100px; margin: 0 auto; padding: 34px 4px 58px; color: var(--ink); font-family: inherit;
}
.mtvhalle *, .mtvhalle *::before, .mtvhalle *::after { box-sizing: border-box; }
.mtvhalle-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 16px; }
.mtvhalle-group { overflow: hidden; border: 1.5px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 7px 22px rgba(36,18,67,.05); }
.mtvhalle-group-head { position: relative; padding: 18px 20px 16px; background: var(--lila-800); }
.mtvhalle-group-head::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: linear-gradient(90deg, var(--tuerkis), rgba(51,204,204,.15)); }
.mtvhalle .mtvhalle-group-head h2 { margin: 0; color: #fff !important; font-family: inherit; font-size: 20px; font-weight: 700; line-height: 1.2; }
.mtvhalle .mtvhalle-group-head p { margin: 5px 0 0; color: rgba(255,255,255,.72) !important; font-size: 13px; line-height: 1.4; }
.mtvhalle-anschrift { padding: 20px; }
.mtvhalle .mtvhalle-anschrift p { margin: 0 0 18px; color: var(--lila-950); font-size: 18px; font-weight: 750; line-height: 1.45; }
.mtvhalle-route, .mtvhalle-route:visited {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 11px 18px;
	border: 1.5px solid var(--tuerkis); border-radius: 999px; background: var(--tuerkis); color: var(--lila-950) !important;
	font-size: 14px; font-weight: 750; line-height: 1; text-decoration: none !important; white-space: nowrap;
	transition: background .16s ease, border-color .16s ease;
}
.mtvhalle-route:hover, .mtvhalle-route:focus-visible { border-color: #70e0e0; background: #70e0e0; }
.mtvhalle-route svg { width: 16px; height: 16px; }
.mtvhalle-karte iframe { display: block; width: 100%; height: 340px; border: 0; }
@media (max-width: 820px) {
	.mtvhalle-grid { grid-template-columns: 1fr; }
	.mtvhalle-hero-copy { width: 100%; }
}
@media (max-width: 620px) {
	/* Kopf am Handy wie /ansprechpartner/: zentriert, niedriger (Robs Wunsch 21.10.) */
	.mtvhalle-hero { min-height: 205px; background-position: 0 0, 56% 53%; }
	.mtvhalle-hero-inner { padding: 38px 0; text-align: center; }
	.mtvhalle-hero-copy { width: 100%; }
	.mtvhalle-hero-line { margin: 15px auto 0; }
	.mtvhalle-group-head { padding: 16px 17px 15px; }
	.mtvhalle-anschrift { padding: 17px; }
	.mtvhalle-karte iframe { height: 280px; }
}
@media (prefers-reduced-motion: reduce) { .mtvhalle-route { transition: none; } }