#fotos {
	display: flex;
	justify-content: space-around;
	width: 100%;
	height: 20vh;
	overflow: hidden;
}
#fotos img {
	height: 100%;
}
#Overview {
}
.back_button {
	margin-top: 125px;
	width: 45px;
	margin-right: 5%;
	vertical-align: middle;
}
@media only screen and (max-width: 750px) {
	.back_button {
		margin-top: 68px;
	}
}

@media only screen and (max-width: 375px) {
	.back_button {
		height: 41px;
	}
}
.strecken_name {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 5%;
	font-size: 2.5em;
	font-weight: bold;
	padding-top: 50px;
	padding-bottom: 50px;
}
#strecken_details {
	display: flex;
	flex-wrap: wrap;
	gap: 5%;
}
.strecken_details_column {
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
}
.column_wide {
	width: 100%;
}
.column_half {
	width: 45%;
	min-width: 300px;
}
.column_small {
	width: 28%;
}
@media only screen and (max-width: 750px) {
	.column_small {
		width: 100%;
	}
}
@media only screen and (max-width: 375px) {
	.column_small {
		width: 100%;
	}
}
.strecken_details_property {
	font-weight: bold;
	margin-bottom: 10px;
	/* display flex so class ..._value can fill the remaining space */
	display: flex;
}
.strecken_details_value {
	font-weight: normal;
	text-align: right;
	padding-right: 5%;
	/* to fill the remaining space */
	flex: 1;
}
p, li {
	font-size: 1em;
	line-height: 1.35em;
}
.profil {
	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 60px;
}
#beschilderung {
	width: 80%;
	max-width: 320px;
}
#download a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: black;
}
.break {
	flex-basis: 100%;
	height: 0;
}