.T3604 .maxwidth {
	background-color: #FFF;
	padding-bottom: 40px;
}


.T3604 .karte > div {
	height: 35vw !important;
}
.T3604 .karte #geodatamap_container {
	height: 100% !important;
}
.T3604 .karte #map_canvas {
	height: 100% !important;
}

.T3604 .elevation { margin-bottom: 30px; }


.T3604 .infos { padding: 50px 30px 20px 30px; background-color: #FFF; }
.T3604 .infos.nopaddingtop { padding-top: 0; }
.T3604 .infos:after { display: block; content: ""; clear: left; }
.T3604 .infos .infos_bar {
	float: left;
	width: 550px;
	margin: 0 30px 0 0;
}

.T3604 .infos .infos_bar.rightside { margin: 0; width: 270px; }
.T3604 .infos .infos_bar.rightside2 { margin: 0; width: 270px; }


.T3604 .item {
	margin: 0 0 15px 0;
}

.T3604 .float_elements:after { display: block; content: ""; clear: left; }
.T3604 .float_elements .item { float: left; margin-right: 10px; }

.T3604 .item label {
	display: block;
	font-weight: 700;
	margin: 0 0 3px 0;
}

.T3604 .wertung_box_outer:after { display: block; content: ""; clear: left; }

.T3604 .wertung_box {
	width: 20px;
	height: 10px;
	background-color: #CCC;
	float: left;
	margin: 1px 1px 0px 0px;
}


.T3604 .wertung_box.box1.aktiv { background-color: #36D900; }
.T3604 .wertung_box.box2.aktiv { background-color: #00A900; }
.T3604 .wertung_box.box3.aktiv { background-color: #FFBF00; }
.T3604 .wertung_box.box4.aktiv { background-color: #FF8000; }
.T3604 .wertung_box.box5.aktiv { background-color: #D90000; } 

.T3604 .item.monate .monat_wrapper:after { display: block; content: ""; clear: left; }
.T3604 .item.monate .monat_wrapper .monat {
	float: left;
	border: 1px solid #CCC;
	padding: 3px 8px;
	color: #333;
	width: 45px;
	text-align: center;
	font-size: 14px;
}
.T3604 .item.monate .monat_wrapper .monat:nth-child(7) { border-top-width: 0px; clear: left; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(8) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(9) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(10) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(11) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(12) { border-top-width: 0px; }

.T3604 .item.monate .monat_wrapper .monat.bgcolor {
	color: #FFF;
}
@media all and (min-width: 1000px) and (max-width: 1250px) {
	.T3604 .infos .infos_bar {
		width: 400px;
	}
	.T3604 .infos .infos_bar.rightside { margin: 0; width: 230px; }
	.T3604 .infos .infos_bar.rightside2 { margin: 0; width: 230px; }
}

@media all and (min-width: 768px) and (max-width: 999px) {
	.T3604 .infos { display: flex }
	.T3604 .infos .infos_bar {
		width: auto;
		flex: 1;
	}
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T3604 .infos .infos_bar {
		width: auto;
		float: none;
		margin: 0 0 0 0;
	}
}

@media all and (max-width: 567px) {
	.T3604 .infos .infos_bar {
		width: auto;
		float: none;
		margin: 0 0 0 0;
	}

	.T3604 .elevation > div {
		max-width: 335px;
		width: 100% !important;
	}
	.T3604 .elevation > div img {
		width: 100%;
		height: auto;
	}
}