/* familyflair Reiseinfo – Farben hier an die familyflair CI anpassen */
.ff-reiseinfo {
	--ff-navy: #1c2544;        /* „Family“ – Text, Hauptknopf      */
	--ff-gelb: #ffc239;        /* „flair“ – Akzentlinie             */
	--ff-blau: #5776a1;        /* Kreis im Logo – zweiter Knopf     */
	--ff-flaeche: #eef2f8;     /* helles familyflair-Blau als Box   */
	--ff-akzent: var(--ff-navy);
	--ff-akzent-text: #ffffff;
	--ff-text: var(--ff-navy);

	background: var(--ff-flaeche);
	color: var(--ff-text);
	border-left: 6px solid var(--ff-gelb);
	border-radius: 12px;
	padding: 1.1em 1.25em;
	margin: 2em 0;
	font-family: inherit;
}
.ff-reiseinfo__titel {
	font-weight: 700;
	font-size: 1.15em;
	margin: 0 0 .6em;
}
.ff-reiseinfo__jetzt {
	display: flex;
	align-items: center;
	gap: .7em;
	margin-bottom: .7em;
}
.ff-reiseinfo__icon { font-size: 2.2em; line-height: 1; }
.ff-reiseinfo__temp { font-size: 1.4em; }
.ff-reiseinfo__tage {
	list-style: none;
	margin: 0 0 .6em;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
	gap: .5em;
}
.ff-reiseinfo__tage li {
	background: #fff;
	border-radius: 8px;
	padding: .5em;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: .15em;
	margin: 0;
}
.ff-reiseinfo__tag { font-weight: 700; }
.ff-reiseinfo__route {
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
	margin: .9em 0 .4em;
}
.ff-reiseinfo__knopf {
	display: inline-block;
	background: var(--ff-akzent);
	color: var(--ff-akzent-text) !important;
	text-decoration: none !important;
	padding: .6em 1.1em;
	border-radius: 999px;
	font-weight: 700;
}
.ff-reiseinfo__knopf--zwei {
	background: #fff;
	color: var(--ff-navy) !important;
	border: 2px solid var(--ff-blau);
}
.ff-reiseinfo__klein {
	font-size: .8em;
	opacity: .75;
	margin: .3em 0 0;
}
.ff-reiseinfo .screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(1px,1px,1px,1px);
}
.ff-reiseinfo__klein a { color: var(--ff-blau); }