/* Anpassungen fürs Handy. Eigene Datei, weil stylesheets.css nicht zu den Quellen passt und sich beim Neuerzeugen mehr ändern würde. */
@media (max-width: 767px) {
	/* iOS zoomt beim Fokus auf Eingabefelder unter 16 px heran (z. B. Club-Login). Zoomen per Hand bleibt möglich. */
	input,
	select,
	textarea,
	.form-control {
		font-size: 16px;
	}

	/* Hauptpunkte direkt im roten Balken, eine Zeile, Menü nur als Burger (Timo 27.10.2026), Links in content/header.php */
	#main-menu .container {
		padding-left: 4px;
		padding-right: 4px;
	}
	#main-menu .navbar-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-left: 0;
		margin-right: 0;
	}
	/* Bootstrap-Clearfix würde sonst als Flex-Element Platz belegen */
	#main-menu .navbar-header:before,
	#main-menu .navbar-header:after {
		display: none;
	}
	#main-menu .mobile-quicklink,
	#main-menu .navbar-toggle {
		float: none;
		margin: 0;
		padding: 10px 3px;
		border: none;
		border-radius: 0;
		color: #fff;
		font-size: clamp(12px, 3.8vw, 17px);
		line-height: 20px;
		white-space: nowrap;
	}
	#main-menu .mobile-quicklink:hover,
	#main-menu .mobile-quicklink:focus {
		background: #fff;
		color: #000;
		text-decoration: none;
	}
	/* Nur das Burger-Icon, links (Thomas 28.10.); „Menü“ bleibt für Screenreader (sr-only) */
	#main-menu .navbar-toggle {
		order: -1;
		padding-left: 11px; /* Icon auf der Flucht des Seiteninhalts (15 px) */
	}
	#main-menu .mobile-quicklink:last-of-type {
		padding-right: 11px;
	}
	#main-menu .navbar-toggle .menu-text {
		display: none;
	}
}