/* ---------------------------------------------------------------
   Turnus-Selector
   --------------------------------------------------------------- */
.brkfm-turnus-selector {
	display: inline-flex !important;
	align-items: center !important;
	background: #ffffff !important;
	border-radius: 50px !important;
	padding: 4px !important;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12) !important;
	gap: 0 !important;
}

.brkfm-turnus-btn {
	display: inline-block !important;
	padding: 14px 24px !important;
	border-radius: 50px !important;
	border: none !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #6b7280 !important;
	transition: background 0.18s ease, color 0.18s ease !important;
	white-space: nowrap !important;
	line-height: 1 !important;
}

.brkfm-turnus-btn.is-active {
	background: #1e3464 !important;
	background-color: #1e3464 !important;
	background-image: none !important;
	color: #ffffff !important;
}

.brkfm-turnus-btn:hover:not(.is-active) {
	color: #374151 !important;
	background: transparent !important;
}

.brkfm-turnus-btn:focus,
.brkfm-turnus-btn:focus-visible,
.brkfm-turnus-btn:active {
	outline: none !important;
	box-shadow: none !important;
}

/* Mobil: Vier Buttons nebeneinander sprengen die Zeile (nowrap + 24px
   Innenabstand je Button). Deshalb 2x2-Raster ueber die volle Breite.
   Der Container-Radius wird kleiner, weil die 50px-Pille bei zwei Zeilen
   unruhig wirkt. */
@media (max-width: 640px) {
	.brkfm-turnus-selector {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 4px !important;
		width: 100% !important;
		border-radius: 24px !important;
	}

	.brkfm-turnus-btn {
		padding: 12px 8px !important;
		font-size: 12px !important;
		letter-spacing: 0.04em !important;
		text-align: center !important;
	}
}