/*---------- Wetter ----------*/

#zamg-weather span { display: block; }

#zamg-weather { clear: both; overflow: hidden; width: 100%; margin: 40px auto; }
#zamg-weather * { padding: 0; box-sizing: border-box; }
#zamg-weather h2 { text-align: center; font-size: 25px; }
#zamg-weather .day-view { float: left; margin-left: 5%; width: 30%; border: 2px solid #EEE; padding: 20px 0 0 0; }
#zamg-weather .day-view:first-child { margin-left: 0; }
#zamg-weather .day-view * { margin: 5px; }

#zamg-weather .part-view-wrapper { margin-bottom: 0; }
#zamg-weather .part-view-active { padding: 0 20px; text-align: center; height: 270px; }
#zamg-weather .part-view { clear: both; overflow: hidden; line-height: 30px; padding: 0 20px; border-top: 1px solid #EEE; position: relative; margin: 0 5px; }
#zamg-weather .part-view:after { display: block; content: " "; clear: both; float: none; }
#zamg-weather .part-view .part-time { float: left; }
#zamg-weather .part-view .part-image { position: absolute; left: 50%; margin-left: -15px; width: 30px; height: auto; }
#zamg-weather .part-view .part-temp { float: right; }
/* #zamg-weather .part-view:last-child { display: none; } */

#zamg-weather .active-text { font-size: 14px; }
#zamg-weather .active-image { width: 80px; }

@media only screen and (max-width: 719px) {
	
	#zamg-weather .day-view { float: none; clear: both; margin: 20px 0 0 0; width: 100%; }
	#zamg-weather .part-view-active { height: auto; }

}



.ga-weather {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.gaw-day {
	background: var(--color-bg-bright);
	border: 2px solid var(--color-border-thin);
	padding: 40px;
	border-radius: 20px;
	text-align: center;
}
.gaw-header {
	font-size: 2em;
}
.gaw-subheader {
	padding-top: 20px;
}
.gaw-temp {
	font-size: 1.6em;
}
.gaw-text {
	line-height: normal;
	padding: 20px 0;
}
.gaw-grid {}
.gaw-row {
	display: flex;
	align-items: center;
	border-top: solid 1px var(--color-border-thin);
}
.gaw-row div {
	flex-basis: 100%;
}
.gaw-grid-icon {
	padding: 4px 0;
}
.gaw-grid-icon img {
	display: block;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) {
	
	.ga-weather {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.gaw-text {
		font-size: 0.9em;
		height: 100px;
		padding: 20px 0 0 0;
	}
	
}