/* Korrekturen Fuchstrick, 22.10.2026: Mobilmenü und Filme */

/* Mobilmenü (unter 768 px klappt Bootstrap das Menü ein) */
.lietz-menu-toggle { display: none; }

@media (max-width: 767px) {
	/* Button an der Navigationsleiste ausrichten, nicht an der Spalte */
	.navleiste .col-md-7 { position: static; }
	.navleiste .lietz-menu-toggle {
		display: block;
		position: absolute;
		top: 28px;
		right: 15px;
		z-index: 100001;
		margin: 0;
		padding: 11px 10px;
		background: rgba(14, 29, 48, 0.75);
		border: 1px solid #6df6e3;
		border-radius: 4px;
		cursor: pointer;
	}
	.navleiste .lietz-menu-toggle .icon-bar {
		display: block;
		width: 24px;
		height: 3px;
		background: #6df6e3;
		border-radius: 1px;
	}
	.navleiste .lietz-menu-toggle .icon-bar + .icon-bar { margin-top: 5px; }

	.navleiste #lietz-hauptmenue {
		float: none;
		clear: both;
		margin: 10px -15px 0;
		padding: 0;
		background: #0e1e30;
		border-top: 2px solid #6df6e3;
		max-height: 75vh;
		overflow-y: auto;
	}
	.navleiste #lietz-hauptmenue ul.navbar-nav { margin: 0; float: none; }
	.navleiste #lietz-hauptmenue ul.navbar-nav > li { float: none; }
	.navleiste #lietz-hauptmenue ul.navbar-nav > li:after { content: none; }
	.navleiste #lietz-hauptmenue ul.navbar-nav > li > a {
		float: none;
		display: block;
		padding: 12px 20px;
		font-size: 1.15em;
		margin: 0;
	}
	/* Untermenüs mobil immer offen */
	.navleiste #lietz-hauptmenue .dropdown-menu {
		position: static;
		float: none;
		display: block;
		width: auto;
		margin: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
	}
	.navleiste #lietz-hauptmenue ul.nav li.dropdown > ul.dropdown-menu > li > a {
		background: transparent;
		padding: 8px 20px 8px 38px;
		font-size: 15px;
	}
	.navleiste #lietz-hauptmenue .caret { display: none; }
	.navleiste #lietz-hauptmenue,
	.navleiste #lietz-hauptmenue ul.navbar-nav > li > a { text-align: left; }
	/* Menü liegt über dem Pfeil im Header */
	.navleiste { z-index: 100000000; }
}

/* Filme: responsiv, mit Vorschaubild */
.lietz-film {
	max-width: 1000px;
	margin: 100px auto 1em;
	padding: 10px;
	border: 2px solid #6df6e3;
	box-sizing: border-box;
}
.lietz-film video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	background: #0e1e30;
}
.lietz-film-weiss {
	background: #fff;
	padding: 60px 0;
}
.lietz-film-weiss .lietz-film { margin-top: 0; margin-bottom: 0; }

@media (max-width: 992px) {
	.lietz-film { margin-top: 40px; padding: 6px; }
	.lietz-film-weiss { padding: 30px 0; }
}