:root
{
	--STANDARD_SCHRIFTART:				Calibri;
	--STANDARD_SCHRIFTFARBE:			rgba(0,0,0,1.0);
	--STANDARD_SCHRIFTGROESSE:			1em;
	--STANDARD_SCHRIFTDICKE:			100;
	--STANDARD_SCHRIFTSTIL:				normal;
	--STANDARD_SCHRIFTSTRETCH:			normal;
	--UEBERSCHRIFT_SCHRIFTFARBE:		rgba(30,80,160,1.0);
	--UEBERSCHRIFT1_SCHRIFTGROESSE:		1.2em;
	--UEBERSCHRIFT2_SCHRIFTGROESSE:		1.1em;
	--UEBERSCHRIFT3_SCHRIFTGROESSE:		1.0em;
	--UEBERSCHRIFT4_SCHRIFTGROESSE:		1.0em;
	--UEBERSCHRIFT_SCHRIFTDICKE:		100;
	--UEBERSCHRIFT1_HINTERGRUNDFARBE:	rgba(230,230,230,1.0);
	--UEBERSCHRIFT2_HINTERGRUNDFARBE:	rgba(220,220,220,1.0);
	--UEBERSCHRIFT3_HINTERGRUNDFARBE:	rgba(210,210,210,1.0);
	--UEBERSCHRIFT4_HINTERGRUNDFARBE:	rgba(200,200,200,1.0);
	--HINTERGRUNDFARBE:					linear-gradient(180deg,rgba(140,140,140,0.1),rgba(220,220,220,0.1));
	--AUFKLAPPELEMENT_BREITE:			3vh; /*vh weil mit vw das Ding zu breit wird, bzw. zu sehr abhängig von Bildschirmformat ist*/
	--AUFKLAPPELEMENT_BREITE_NEGATIV:	-3vh; /*vh weil mit vw das Ding zu breit wird, bzw. zu sehr abhängig von Bildschirmformat ist*/
}

body
{
	background-color:	rgba(255,255,255,1.0);
	width:				80vw; /*80vw = 100vw minus 2*Padding*/
	padding:			5vw 10vw 5vw 10vw; /*Top;Right;Down;Left*/
	text-align:			justify;
	/*Schrift*/
	color: 				var(--STANDARD_SCHRIFTFARBE,rgba(0,0,0,1.0));
	font-family: 		var(--STANDARD_SCHRIFTART,Calibri);
	font-size: 			var(--STANDARD_SCHRIFTGROESSE,1em);
	font-weight: 		var(--STANDARD_SCHRIFTDICKE,100);
	font-style: 		var(--STANDARD_SCHRIFTSTIL,normal);
	font-stretch: 		var(--STANDARD_SCHRIFTSTRETCH,normal);
}

h1
{
	/*Positionierung*/
	padding:			0 0 0 0;  	/*Top;Right;Down;Left*/
	margin:				3vw 0 0 0;  /*Top;Right;Down;Left*/
	text-align:			left;
	/*Schrift*/
	font-size: 			var(--UEBERSCHRIFT1_SCHRIFTGROESSE,1.4em);
	color: 				var(--UEBERSCHRIFT_SCHRIFTFARBE,rgba(30,80,160,1.0));
	font-weight: 		var(--UEBERSCHRIFT_SCHRIFTDICKE,100);
	text-decoration: 	none;
	/*Rahmen*/
	background-color: 	var(--UEBERSCHRIFT1_HINTERGRUNDFARBE,rgba(220,220,220,1.0));
	border-bottom:		0.15vw solid rgba(120,120,120,1.0);

}
h2
{
	/*Positionierung*/
	padding:			0 0 0 0;  	/*Top;Right;Down;Left*/
	margin:				1vw 0 0 0;  /*Top;Right;Down;Left*/
	text-align:			left;
	/*Schrift*/
	font-size: 			var(--UEBERSCHRIFT2_SCHRIFTGROESSE,1.2em);
	color: 				var(--UEBERSCHRIFT_SCHRIFTFARBE,rgba(30,80,160,1.0));
	font-weight: 		var(--UEBERSCHRIFT_SCHRIFTDICKE,100);
	text-decoration: 	none;
	/*Rahmen*/
	background-color: 	var(--UEBERSCHRIFT2_HINTERGRUNDFARBE,rgba(230,230,230,1.0));
	border-bottom:		0.1vw solid rgba(120,120,120,1.0);
}
ul
{
	/*Positionierung*/
	padding:			1vh 1vw 1vh 3vw;  /*Top;Right;Down;Left*/
	margin:				0 0 0 0;  	/*Top;Right;Down;Left*/
	/*Rahmen*/
	background:			var(--HINTERGRUNDFARBE,rgba(250,250,250,0.2));
	/*Schrift*/
	color: 				var(--STANDARD_SCHRIFTFARBE,rgba(0,0,0,1.0));
	font-family: 		var(--STANDARD_SCHRIFTART,Calibri);
	font-size: 			var(--STANDARD_SCHRIFTGROESSE,1.0em);
	font-weight: 		var(--STANDARD_SCHRIFTDICKE,100);
	font-style: 		var(--STANDARD_SCHRIFTSTIL,normal);
	font-stretch: 		var(--STANDARD_SCHRIFTSTRETCH,normal);
}
details /*Formatiert den Inhalt nach Aufklappen*/
{
	/*Positionierung*/
	padding:			1vh 0 0 0;  /*Top;Right;Down;Left*/
	margin:				0 0 0 0;  	/*Top;Right;Down;Left*/
	/*Rahmen*/
	background-color:	rgba(255,255,255,0.1);
	border-radius: 		1vw; 
	/*Text*/
	color: 				var(--STANDARD_SCHRIFTFARBE,rgba(0,0,0,1.0));
	font-family: 		var(--STANDARD_SCHRIFTART,Calibri);
	font-size: 			var(--STANDARD_SCHRIFTGROESSE,1.0em);
	font-style: 		var(--STANDARD_SCHRIFTSTIL,normal);
	font-weight: 		var(--STANDARD_SCHRIFTDICKE);
	font-stretch: 		var(--STANDARD_SCHRIFTSTRETCH,normal);
}
	details > summary /*Formatiert den Header*/
	{
		background:					linear-gradient(90deg, rgba(255,255,255,0.3), rgba(255,255,255,0.1));
		border-radius: 				1vw;
	}
	details.ERKLAERUNG_ebene1 > summary /*Formatiert den Header*/
	{
		text-align: 				left;
		margin: 					0 0 0 var(--AUFKLAPPELEMENT_BREITE,3vh);  /*Top;Right;Down;Left*/
		word-wrap: 					break-word;
	}
	details.ERKLAERUNG_ebene2 > summary /*Formatiert den Header*/
	{
		text-align: 				left;
		margin: 					0 0 0 var(--AUFKLAPPELEMENT_BREITE,3vh);  /*Top;Right;Down;Left*/
		word-wrap: 					break-word;
	}
	details.ERKLAERUNG_ebene3 > summary /*Formatiert den Header*/
	{
		text-align: 				left;
		margin: 					0 0 0 var(--AUFKLAPPELEMENT_BREITE,3vh);  /*Top;Right;Down;Left*/
		word-wrap: 					break-word;
	}
	details.ERKLAERUNG_ebene4 > summary /*Formatiert den Header*/
	{
		text-align: 				left;
		margin: 					0 0 0 var(--AUFKLAPPELEMENT_BREITE,3vh);  /*Top;Right;Down;Left*/
		word-wrap: 					break-word;
	}
		summary::marker /*ändert die Farbe des Browser-interne Dreieck-Aufklapp-Symbol...für Firefox wenigstens die Farbe ändern, wenn man's nicht unterdrücken kann*/
		{
			color:					rgba(255,255,255,0.3);
			width:					0;
			padding: 				0 0 0 0;  /*Top;Right;Down;Left*/
			margin: 				0 0 0 0;  /*Top;Right;Down;Left*/
			font-size: 				0;
		}
		summary::-webkit-details-marker /*unterdrückt das Browser-interne Dreieck-Aufklapp-Symbol*/
		{
			display: 				none;
			width:					0;
			padding: 				0 0 0 0;  /*Top;Right;Down;Left*/
			margin: 				0 0 0 0;  /*Top;Right;Down;Left*/
			font-size: 				0;
		}
		summary.ERKLAERUNG_ebene1::before /*Setzt vor den Text ein Element, wenn geschlossen*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			background-color: 		var(--UEBERSCHRIFT1_HINTERGRUNDFARBE,rgba(230,230,230,1.0));
			border-radius: 			0.5vh; 
			content: 				"+"; 
			float:					left;
			font-weight: 			bold; 
			margin: 				0 0 0 var(--AUFKLAPPELEMENT_BREITE_NEGATIV,-3vh);  /*Top;Right;Down;Left*/
			padding: 				0 0 0 0;  /*Top;Right;Down;Left*/
			width: 					var(--AUFKLAPPELEMENT_BREITE,3vh);
			/*Text*/
			text-align: 			center;
			color: 					var(--UEBERSCHRIFT_SCHRIFTFARBE,rgba(30,80,160,1.0));
			font-family: 			var(--STANDARD_SCHRIFTART,Calibri);
			font-size: 				var(--STANDARD_SCHRIFTGROESSE,1.0em);
			font-style: 			var(--STANDARD_SCHRIFTSTIL,normal);
			font-weight: 			var(--STANDARD_SCHRIFTDICKE);
			font-stretch: 			var(--STANDARD_SCHRIFTSTRETCH,normal);
		}
		summary.ERKLAERUNG_ebene2::before /*Setzt vor den Text ein Element, wenn geschlossen*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			background-color: 		var(--UEBERSCHRIFT2_HINTERGRUNDFARBE,rgba(220,220,220,1.0));
			border-radius: 			0.5vh;
			content: 				"+"; 
			color: 					rgba(255,255,255,0.8); 
			float:					left;
			font-weight: 			bold; 
			margin: 				0 0 0 var(--AUFKLAPPELEMENT_BREITE_NEGATIV,-3vh);  /*Top;Right;Down;Left*/
			padding: 				0 0 0 0;  /*Top;Right;Down;Left*/
			width: 					var(--AUFKLAPPELEMENT_BREITE,3vh);
			/*Text*/
			text-align: 			center; 
			color: 					var(--UEBERSCHRIFT_SCHRIFTFARBE,rgba(30,80,160,1.0));
			font-family: 			var(--STANDARD_SCHRIFTART,Calibri);
			font-size: 				var(--STANDARD_SCHRIFTGROESSE,1.0em);
			font-style: 			var(--STANDARD_SCHRIFTSTIL,normal);
			font-weight: 			var(--STANDARD_SCHRIFTDICKE);
			font-stretch: 			var(--STANDARD_SCHRIFTSTRETCH,normal);
		}
		summary.ERKLAERUNG_ebene3::before /*Setzt vor den Text ein Element, wenn geschlossen*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			background-color:		var(--UEBERSCHRIFT3_HINTERGRUNDFARBE,rgba(210,210,210,1.0));
			border-radius: 			0.5vh;
			content: 				"+"; 
			color: 					rgba(255,255,255,0.8); 
			float:					left;
			font-weight: 			bold; 
			margin: 				0 0 0 var(--AUFKLAPPELEMENT_BREITE_NEGATIV,-3vh);  /*Top;Right;Down;Left*/
			padding: 				0 0 0 0;  /*Top;Right;Down;Left*/ 
			width: 					var(--AUFKLAPPELEMENT_BREITE,3vh);
			/*Text*/
			text-align: 			center;
			color: 					var(--UEBERSCHRIFT_SCHRIFTFARBE,rgba(30,80,160,1.0));
			font-family: 			var(--STANDARD_SCHRIFTART,Calibri);
			font-size: 				var(--STANDARD_SCHRIFTGROESSE,1.0em);
			font-style: 			var(--STANDARD_SCHRIFTSTIL,normal);
			font-weight: 			var(--STANDARD_SCHRIFTDICKE);
			font-stretch: 			var(--STANDARD_SCHRIFTSTRETCH,normal);
		}
		summary.ERKLAERUNG_ebene4::before /*Setzt vor den Text ein Element, wenn geschlossen*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			background-color:		var(--UEBERSCHRIFT4_HINTERGRUNDFARBE,rgba(200,200,200,1.0));
			border-radius: 			0.5vh;
			content: 				"+"; 
			color: 					rgba(255,255,255,0.8); 
			float:					left;
			font-weight: 			bold; 
			margin: 				0 0 0 var(--AUFKLAPPELEMENT_BREITE_NEGATIV,-3vh);  /*Top;Right;Down;Left*/
			padding: 				0 0 0 0;  /*Top;Right;Down;Left*/
			width: 					var(--AUFKLAPPELEMENT_BREITE,3vh);
			/*Text*/
			text-align: 			center; 
			color: 					var(--UEBERSCHRIFT_SCHRIFTFARBE,rgba(30,80,160,1.0));
			font-family: 			var(--STANDARD_SCHRIFTART,Calibri);
			font-size: 				var(--STANDARD_SCHRIFTGROESSE,1.0em);
			font-style: 			var(--STANDARD_SCHRIFTSTIL,normal);
			font-weight: 			var(--STANDARD_SCHRIFTDICKE);
			font-stretch: 			var(--STANDARD_SCHRIFTSTRETCH,normal);
		}
		details[open].ERKLAERUNG_ebene1 summary.ERKLAERUNG_ebene1::before /*Setzt vor den Text ein Element, wenn geöffnet*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			content: 				"-";
		}
		details[open].ERKLAERUNG_ebene2 summary.ERKLAERUNG_ebene2::before /*Setzt vor den Text ein Element, wenn geöffnet*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			content: 				"-";
		}
		details[open].ERKLAERUNG_ebene3 summary.ERKLAERUNG_ebene3::before /*Setzt vor den Text ein Element, wenn geöffnet*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			content: 				"-";
		}
		details[open].ERKLAERUNG_ebene4 summary.ERKLAERUNG_ebene4::before /*Setzt vor den Text ein Element, wenn geöffnet*/
		{
			/*Hier wird ausschließlich das Aufklappelement definiert*/
			content: 				"-";
		}
.BILD_links
{
	width: 							30vw;
	float: 							left;
	margin: 						0 1vw 0 0;  /*Top;Right;Down;Left*/
}
.BILD_rechts
{
	width: 							30vw;
	float: 							right;
	margin: 						0 0 0 1vw;  /*Top;Right;Down;Left*/
}
.FORMULAR
{
	margin: 						0.5vh 0vw 0.5vh 0vw;  /*Top;Right;Down;Left*/
	background-color:				rgba(230,230,230,1.0);
	border-radius:					0.5vh;
}
video
{
	width:							28vw !important;
    max-width: 						28vw !important;
    height: 						auto !important;
}