.wetter-container{
	background:#ffffff;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 4px 18px rgba(0,0,0,0.12);
	border:1px solid #dddddd;
	width:90%;
	margin: 20px;
}

.wetter-header{
background:#2e4672;
color:#f6ce00;
padding:16px 40px;
font-size:28px;
font-weight:700;
letter-spacing:0.5px;
text-align:center;
text-transform:uppercase;
}

.wetter-hero{
position:relative;
height:200px;
background:url('../img/partly-cloudy-day.jpg') center center/cover no-repeat;
}

.wetter-overlay{
position:absolute;
inset:0;
background:linear-gradient(to bottom,
rgba(0,0,0,0.0),
rgba(0,0,0,0.1),
rgba(0,0,0,0.3));
}

.wetter-temp{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#ffffff;
font-size:88px;
font-weight:700;
line-height:1;
text-shadow:0 3px 12px rgba(0,0,0,0.45);
z-index:2;
}

.wetter-status{
position:absolute;
right:0;
bottom:0;
padding:20px;
color:#ffffff;
text-align:right;
z-index:2;
}

.wetter-status-icon{
font-size:42px;
line-height:1;
margin-bottom:8px;
}

.wetter-status-text{
font-size:18px;
font-weight:700;
text-shadow:0 2px 8px rgba(0,0,0,0.35);
}

.wetter-etappe{
background:#f2f2f2;
color:#2e4672;
padding:16px 40px;
font-size:20px;
font-weight:700;
letter-spacing:0.5px;
text-align:center;
border-bottom:1px solid #d8d8d8;
}

.wetter-content{
padding:18px 24px;
}

.wetter-tage{
display:flex;
flex-direction:column;
gap:14px;
}

.wetter-tag{
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #ececec;
padding-bottom:12px;
}

.wetter-tag:last-child{
border-bottom:none;
padding-bottom:0;
}

.wetter-tag-name{
font-size:15px;
font-weight:700;
color:#2e4672;
width:110px;
}

.wetter-tag-icon{
font-size:24px;
width:40px;
text-align:center;
}

.wetter-tag-temp{
font-size:14px;
color:#444444;
font-weight:700;
}