/* Startseite: Kacheln Ferienzeiten */
.neu-saison h2 {
	color: #419fce;
}
/* alle Kachelbilder im selben Format 3:2, sonst wird eine Kachel hoeher als die anderen (Karneval 4:3) */
.neu-saison .image-teaser img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
/* Beschriftung unter dem Bild statt als Band darueber: verdeckt nichts, besser lesbar */
.neu-saison .image-teaser .caption {
	position: relative;
	z-index: 1;
	background-color: #fff;
}
/* Unter 768 px stehen die Kacheln sonst untereinander und schieben das Karussell um fast 1000 px nach unten: Reihe zum Wischen, die naechste Kachel schaut hervor */
.neu-saison-pfeil {
	display: none;
}
@media (max-width: 767.98px) {
	.neu-saison .row {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.neu-saison .row::-webkit-scrollbar {
		display: none;
	}
	.neu-saison .row > .image-teaser {
		flex: 0 0 78%;
		max-width: 320px;
		scroll-snap-align: start;
	}
	/* Huelle und Pfeile setzt startseite.js; Pfeile nur, wo es weitergeht. Verlauf nur rechts: links liegt nach dem Einrasten die gerade gezeigte Kachel */
	.neu-saison-reihe {
		position: relative;
	}
	.neu-saison-reihe::after {
		content: "";
		position: absolute;
		top: 0;
		right: -15px;
		bottom: 0;
		z-index: 1;
		width: 56px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
		pointer-events: none;
	}
	.neu-saison-reihe.am-ende::after {
		display: none;
	}
	.neu-saison-pfeil {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 38%;
		z-index: 2;
		width: 44px;
		height: 44px;
		margin-top: -22px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #fff;
		color: #029be0;
		box-shadow: 0 1px 6px rgba(0, 0, 0, .35);
	}
	.neu-saison-pfeil svg {
		display: block;
		width: 22px;
		height: 22px;
	}
	/* Bootstrap setzt bei jedem Knopf im Fokus einen Rahmen, der nach dem Antippen stehen bleibt; Rahmen nur noch fuer Tastatur */
	.neu-saison-pfeil:focus {
		outline: 0;
	}
	.neu-saison-pfeil:focus-visible {
		outline: 2px solid #029be0;
		outline-offset: 2px;
	}
	.neu-saison-pfeil-zurueck {
		left: -6px;
	}
	.neu-saison-pfeil-vor {
		right: -6px;
	}
	.am-anfang .neu-saison-pfeil-zurueck,
	.am-ende .neu-saison-pfeil-vor {
		display: none;
	}
}

/* Startseite: Vorteile auf dem Handy in einer Reihe */
@media (max-width: 575.98px) {
	.neu-vorteile-kompakt > .row {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}
	.neu-vorteile-kompakt > .row > .safeslot {
		flex: 0 0 40%;
		max-width: 40%;
		scroll-snap-align: start;
		font-size: 13px;
		margin-bottom: .5rem !important;
	}
	.neu-vorteile-kompakt .safeimg {
		width: 42%;
		margin-bottom: 6px;
	}
}