/* Header Weather – bewusst eng gekapselt, damit Bridge und vorhandene Styles unberührt bleiben. */
.wetter-anzeige .hw-weather,
.hw-weather {
	display: inline-flex;
	align-items: center;
	gap: 22px;
	color: #fff;
	background: transparent;
	font-family: inherit;
	line-height: 1;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}

.wetter-anzeige .hw-weather__day,
.hw-weather__day {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-width: 74px;
}

.wetter-anzeige .hw-weather__icon,
.hw-weather__icon {
	display: inline-flex;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
}

.wetter-anzeige .hw-weather__icon svg,
.hw-weather__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.wetter-anzeige .hw-weather__data,
.hw-weather__data {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	white-space: nowrap;
}

.wetter-anzeige .hw-weather__weekday,
.hw-weather__weekday {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: .03em;
	opacity: .9;
}

.wetter-anzeige .hw-weather__temperature,
.hw-weather__temperature {
	font-size: 12px;
	font-weight: 400;
}

.wetter-anzeige .hw-weather__location,
.hw-weather__location {
	font-size: 11px;
	white-space: nowrap;
}

.wetter-anzeige .hw-weather--error,
.hw-weather--error {
	color: #fff;
}

@media (max-width: 767px) {
	.wetter-anzeige .hw-weather,
	.hw-weather { gap: 12px; }
	.wetter-anzeige .hw-weather__day:nth-child(n+3),
	.hw-weather__day:nth-child(n+3) { display: none; }
}