@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;&display=swap');

/* Mobile Layout: 480px and below. */

@media only screen and (min-width: 0px) and (max-width: 670px) {
	.gridContainer {
		margin-left: auto;
		margin-right: auto;
		width: 87.9666%;
		padding-left: 1.5166%;
		padding-right: 1.5166%;
	}

	#d01 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d02 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding-top: 25px;
		padding-bottom: 25px;
		margin-top: 25px;
		text-align: center;
	}

	#d03 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d04 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d05 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d06 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d07 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d08 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#d09 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#zur {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	#impress {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}

	.d01 {
		margin-top: 20px;
		padding-top: 255px;
	}

	th, td {
		padding: 10px;
	}
}

	/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

	@media only screen and (min-width: 671px) and (max-width:1319px) {
		.gridContainer {
			width: 90.675%;
			padding-left: 1.1625%;
			padding-right: 1.1625%;
		}

		#d01 {
			clear: both;
			float: left;
			margin-left: 0;
			margin-top: 223px;
			width: 100%;
			display: block;
		}

		#d02 {
			clear: both;
			float: left;
			margin-left: 0;
			margin-top: 50px;
			width: 100%;
			display: block;
			padding-top: 25px;
			padding-bottom: 15px;
			text-align: center;
		}

		#d03 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 48.7179%;
			display: block;
		}

		#d04 {
			clear: none;
			float: left;
			margin-left: 2.5641%;
			width: 48.7179%;
			display: block;
		}

		#d05 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 48.7179%;
			display: block;
		}

		#d06 {
			clear: none;
			float: left;
			margin-left: 2.5641%;
			width: 48.7179%;
			display: block;
		}

		#d07 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#d08 {
			clear: both;
			float: left;
			margin-left: 0;
			width: 48.7179%;
			display: block;
		}

		#d09 {
			clear: none;
			float: left;
			margin-left: 2.5641%;
			width: 48.7179%;
			display: block;
		}

		#zur {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

		#impress {
			clear: both;
			float: left;
			margin-left: 0;
			width: 100%;
			display: block;
		}

	th, td {
		padding: 6px;
	}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1320px) and (max-width:3000px) {
.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
}
	#d01 {
		clear: both;
		float: left;
		margin-left: 0;
		margin-top: 358px;
		width: 100%;
		display: block;
	}
	#d02 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding-top: 10px;
		padding-bottom: 0;
		text-align: center;
	}
#d03 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.7288%;
	display: block;
}
#d04 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#d05 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#d06 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 23.7288%;
	display: block;
}
#d07 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#d08 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1525%;
	display: block;
}
#d09 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#zur {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#impress {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	
.d01 {
	margin-top: 100px;
}
	
th, td{
	padding: 5px;}



}

/* _____________________________________________________________ */

img, object, embed, video {
	max-width: 100%;
}

.nav {
	margin-top: 20px;
	text-align: center;
	padding-bottom: 20px;
}	

.nav_btn {
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgba(0,0,0,.3);
}
	
.d10{
	margin-top: 20px;
	padding-bottom: 20px;
	text-align:right;}

td, p {
	font-family: 'Ubuntu', sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

html body div.gridContainer.clearfix {
	color: #5e685e;
}
html body div.gridContainer.clearfix div#d05.nav div#stadt table tbody tr th {
	color: #d2d2d2;
}

h2 {
	font-family: 'Ubuntu', sans-serif;
	line-height: 135%;
	display: inline;
	font-size: 14pt;
}
	
.nav table{
	margin-top: 15px;
	height: 100%;
	width: 100%;}
	
.d10 p{
	font-size: 11pt;
	font-weight:400;
	padding-top: 20px;
	color: #666;}
	
.point {
	cursor: pointer;}