#backgrounddiv {
	padding-top:30px;
	color:#615f5f;
}

#Informationsdistancedivtoscrollimg{
	height:200px;
}

#mobilchecksymbolinhaltsverzeichnis{
	position:fixed;
	left:-1px;
	top:421px; /*270*/
	width:60px;
	height:60px;
	background:#e6e6e6 url(../svg/contentssymbol.svg);
	border: 1px solid #870000;
	background-size:80%;	
	background-repeat:no-repeat;
	background-position:50% 55%;
	display:block;
	border-radius:0px 15px 15px 0px;
}

#Infoinhaltsverzeichnis{
	float:left;
	background-color:#e6e6e6;
	font-size:1.1em;
	padding-bottom:30px;	
	display:none;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:200;
	width:250%;
	min-height:244%;
	margin:0px;
	padding-top:10px;	
}

#Infoinhaltsverzeichnisclosediv{
		border-radius: 0px 5px 5px 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		width: 60px;
		top: 20px;
		right: 20px;
		position: absolute;
		z-index: 5;
	}

#Infoinhaltsverzeichnistitle{
	text-align:center;
	color:#870000;
	margin-top:20px;
	font-size:4em;
	margin-bottom:40px;
	text-decoration:underline;
}

#InfoinhaltsverzeichnisUlList{
	font-size:2.8em;
	text-align:center;
	letter-spacing:2px;
	margin:0;
	padding:0;
}

.BulletPoint{
	margin:1px 5px 1px -25px;
	color:#870000;	
}

.InfoinhaltsverzeichnisFirstUnderUlList{
		list-style:none;
}

.InfoinhaltsverzeichnisLiPoint{
display: inline-block;
		margin-bottom:10px;	
}

.InfoinhaltsverzeichnisFirstUnderLiPoint{
		display: inline-block;
		margin-left:-10px;
		margin-bottom:10px;	
}

#InfopStarttitle{
	color:#870000;
	font-weight:600;
	font-size:3em;
	margin-left:9%;	
}

#InfopStart{
	margin:15px 9% 0px 9%;
	text-align: justify;
	font-size:2em;
}

#Informationchapterwrapper{
	clear:left;
}

.Informationchapter{
	padding-top:20px;
	margin-left:9%;
	margin-right:70px;
	width:82%;
}

.Informationchaptertitle{
	font-size:2.5em;
	color:#870000;
	margin-bottom:5px;
	margin-left:-15px;
}

.chapterline{
	height:1px;
	width:calc(100% + 40px);
	margin-left:-20px;
	margin-bottom:15px;
}

.chaptercontent{
	margin-top:-5px;
	margin-left: 0px;
	 margin-right:0px;
	 margin-bottom:50px;
	 width:100%;
	 text-align: justify;
	 font-size:2em;
	 height:auto;
	 word-wrap: break-word;
}

.InformationUnderchaptertitle{
	font-size:2.1em;
	color:#870000;
	font-weight:600;
	margin-left:-12px;
	margin-bottom:10px;
	margin-top:-10px;
}

.Underchaptercontent{
	width:100%;
	margin-left:0%; 
	margin-bottom:50px;
	text-align:justify;
	font-size:2em;
}
		
#Infoinhaltsverzeichnisclosesvg{
	width: 100%;
	height: 100%;
	background: url(../svg/kreuz.svg);
	background-size: 100%;
	cursor: pointer;
}

.zahlenfaktenwrapper{
	
}

.zahlenfakten{
	margin-bottom:15px;
}

.struktureinheitwrapper{
	margin-top:20px;
}

.struktureinheiteins{
	margin-bottom:30px;
}

.struktureinheitzwei{
	margin-bottom:30px;	
}

.struktureinheittitel{
	font-weight:600;
	text-align:center;
	font-size:1.1em;
	margin-bottom:14px;
}

.struktureinheitinhalt{
	text-align:center;
	margin-bottom:10px;
}

#massstabtabelle{
	width:100%;
	max-width:100%;
	border: 1px solid black;
	border-collapse: collapse;
}

#massstabtabelle th,#massstabtabelle td{
	border: 1px solid black;
	padding:5px;
	font-size:0.55em;
}

#massstabtabelle th{
	text-align:center;
	font-size:0.6em;
}

@media all and (min-width: 451px) {	
	#backgrounddiv {
		padding-top:30px;
	}

	#mobilchecksymbolinhaltsverzeichnis{
		display:none;
	}
	
	#InfopStarttitle{
		margin-left:0px;
		font-size: 2em;
		margin-top:7px;
	}
	
	#InfopStart{
			font-size:1.2em;
			margin:20px 70px 0px 0px;
	}
	
	.Informationchaptertitle{
		margin-left:0px;
		margin-bottom:0px;
		font-size:1.8em;
	}
	
	.Informationchapter{
		margin-left:3%;
		width:94%;
		margin-right:0px;
	}
	
	.chaptercontent{
		 margin-right:0px;
		 margin-bottom:0px;
		width:98%;
		margin-left:1%; 
		font-size:1.2em;
	}
	
	.Underchaptercontent{
		 margin-bottom:0px;
		 width:97%;
		 margin-left:1.5%;
	}
	
	.chapterline{
		width:100%;
		margin-left:0px;
	}
	
	.InformationUnderchaptertitle{
		margin-left:10px;
		margin-bottom:0px;
		margin-top:10px;
		font-size:1.2em;
	}

	#Infoinhaltsverzeichnis{
		display:block;
		position:static;
		z-index:0;
		width:300px;
		height:auto;
		margin:0px 40px 0px 50px;
		border-radius:15px;
		border:solid 1px #870000;
		padding-top:0px;
		padding-bottom: 10px;
	}	
	
	#Infoinhaltsverzeichnisclosediv{
		display:none;
	}
	
	#Infoinhaltsverzeichnistitle{
		font-size:1.4em;
		margin-bottom:5px;
		text-decoration:unset;
		margin-top: 10px;
	}
	
	#InfoinhaltsverzeichnisUlList{		
		list-style:none;
		font-size:1em;
		text-align:left;
		letter-spacing:0px;
		padding:unset;
		padding-left:40px;
	}
		
	.InfoinhaltsverzeichnisLiPoint:hover, .InfoinhaltsverzeichnisFirstUnderLiPoint:hover{
		color:#f0ba20;
		text-decoration:underline;
		cursor:pointer;
	}

	.InfoinhaltsverzeichnisLiPoint:hover .BulletPoint, .InfoinhaltsverzeichnisFirstUnderLiPoint:hover .BulletPoint{
		color:#870000;
		text-decoration:underline;
	}
	
	.InfoinhaltsverzeichnisLiPoint, .InfoinhaltsverzeichnisFirstUnderLiPoint {
		margin-bottom: 0px;
	} 
	
	.Underchaptercontent{
		font-size:1.2em;
	}
	
	.zahlenfaktenwrapper{
		
	}
	
	.zahlenfaktenmoreheight{
		height:50px;
	}

	.zahlenfakten{
		text-align:left;
		margin-bottom:15px;
	}

	.zahlenfaktenfirst{
		float:left;
		width:300px;
	}
	
	.struktureinheitwrapper{
		display:grid;
		grid-template-columns: 1fr 1fr;
		padding-right:30px;
	}

	.struktureinheiteins{
		margin-bottom:30px;
	}

	.struktureinheitzwei{
		margin-bottom:30px;	
	}

	.struktureinheittitel{
		font-weight:600;
		text-align:center;
		font-size:1.1em;
		margin-bottom:14px;
	}

	.struktureinheitinhalt{
		text-align:center;
		margin-bottom:10px;
	}
	
	#massstabtabelle th,#massstabtabelle td{
		border: 1px solid black;
		padding:5px;
		font-size:0.9em;
	}

	#massstabtabelle th{
		text-align:center;
		font-size:1em;
	}
	
}