/* Kleiner Reset * * * * * * * * */
		* {
		padding: 0;
		margin: 0;
		}
		
		body {
			box-sizing: border-box;
			font-family: 'PT Sans', sans-serif;
			font-size: 100%;	
		}
		
		#wrapper {
			margin: 0 auto; /* Zentriert das Layout */
			max-width: 1300px; /* Definiert die maximale Gesamtbreite des Layouts */
			/*border-style:solid;*/
		}

		
		/* jetzt folgen einige Klassen-Selektoren*/
		/* Beim Klassen-Selektor kommt man weg von dem direkten Binden des Design an HTML-TAGs und definiert Klassen.*/
		/* Dem zu formatierenden HTML-TAG wird die Klasse zugewiesen und diese Klassen werden im der CSS mit dem entsprechenden Design definiert.*/
		
		/* In der CSS-Datei steht:*/
		/* 		.farbe1 { color: red; }*/
		/* 		In der HTML wird der HTML-TAG um das Attribute class="Klassennamen" erweitert.*/
		/* In der HTML-Datei steht dann:*/
		/* 		<h1 class="farbe1">*/
		
		/* Vorteil Klassen-Selektor
		/* Der Klassen-Selektor kann unabhängig vom HTML-TAG verwendet werden und verschiedenen HTML-TAGs zugewiesen werden, z.B.*/
		/* 			<h1 class="farbe1">*/
		/* 			<strong class="farbe1">*/


		.row_logo{
			/*box-sizing: border-box;*/
			display: flex; /* alle Elemente der Zeile verteilen sich */
			width:110%;
			margin-left: -10%;
			/*border-bottom-style: solid;
			border-bottom-width: 0.4px;
			border-bottom-color: #DCdCdC; /*#e0E0E0;E5E5E5*/
			/**/
			/*margin-bottom: 5%;*/
		}

		.row_logoplus1{
			/*box-sizing: border-box;*/
			/* display: flex; alle Elemente der Zeile verteilen sich */
			width:100%;
			margin-left: -5.5%;
			/*border-bottom-style: solid;
			border-bottom-width: 0.4px;
			border-bottom-color: #DCdCdC; /*#e0E0E0;E5E5E5*/
			/**/
			margin-bottom: 5%;
			
		}
				
		.cs-grid-row 
			{
			/*box-sizing: border-box;*/
			 display: flex;
			 width:90%;
			 }
			 

			 
			 
		.position_absolute
		{
			position:absolute;
		}

		.position_relative
		{
			position:relative;
		}

		 .div-hauptcontainer 
		 {
			width: 10%;
			float: left;
		}
		
		.marginleft_minus10proz
		{
			margin-left: -10px;
		}
			 
		.div_abstand_unten_2p
		{
		margin-bottom: 2%;
		}
			 
		.div_abstand_unten_5p
		{
		margin-bottom: 5%;
		}

		.div_abstand_unten_10p
		{
		margin-bottom: 10%;
		}

		.row_nach_links_105_5p		
		{
		width:104%;
		margin-left: -5.5%;
		}


		.row_nach_links_105p		
		{
		width:105%;
		margin-left: -6%;
		}

		.row_nach_links_108p		
		{
		width:107%;
		margin-left: -9%;
		}

		.row_nach_links_110p		
		{
		width:110%;
		margin-left: -10%;
		}
		
		.row_nach_rechts_110p		
		{
		margin-left: 1%;
		}
		
		.anzeige_flex
		{
		display: flex;			
		}
				
		.abstand_oben_5proz
		{
			margin-top: 5%;
		}

		.abstand_oben_10proz
		{
			margin-top: 10%;
		}

		.abstand_oben_5px
		{
			margin-top: 5px;
		}

		.abstand_oben_35px
		{
			margin-top: 35px;
		}
				
		.backcol_beige
		{
			background-color: #FFF9EA;
		}

		.backcol_sand
		{
			background-color: #F8F8F8;
		}
				
		.backcol_red
		{
			background-color: rgb(165,42,42);
		}
		
		.backcol_anthraz
		{
			background-color: rgb(25,25,25);
		}
		
		
		.content_zentrieren
		{
			justify-content: center;			
		}
		
		.content_rechtsbündig
		{
			justify-content: flex-end;			
		}
		
		
		.vertical_zentrieren
		{	
			align-items: center;		
		}
		
		.vertical_bottom
		{	
			/*align-items: center;	*/
			align-items: flex-end; 
		}
		
		.horizontal_rechts
		{	
			align-items: flex-end;	
		}
		
		.display_flex{
			display: flex;
			/*border-style:solid;*/
		}

		.active {
			background-color: rgb(165,42,42); /*rgb(184,31,61); rgb(159,4,39);*/
			color:white;
		}		


			
		IMG.displayedklein {
			width: 100%;
			height:  100%;
			}

		IMG.displayed {
			width: 120%;
			}
			
		IMG.displayed90proz {
			width: 90%;
			}

		IMG.displayed95proz {
			width: 95%;
			}

		IMG.displayed97proz {
			width: 97%;
			}

		IMG.displayed100proz {
			width: 100%;
			}

			
		.bildrahmen {
			border: 8px solid #fff;
			box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);	
		}	
		
		.link_generell{
			color: blue; 
			/* text-decoration: solid; */
					}
					
		.link_imtext{
			color:  rgb(85,85,85);
			text-align: center;
			padding: 8px 25px;
			/*text-decoration: none;*/
					}
					














/* Zeichensatz - Font Angaben  - ehemals styles_fonts.css	*/

		.font_italic {
		font-style: italic;
		}
			
		.font_bold {
		font-weight: bold;
		}
			



		.font_red { 
			color: rgb(165,42,42); /*rgb(159,4,10); rgb(184,31,61);*/
			}

		.font_lite_grey{ 
			color:  rgb(220,220,220);/*rgb(159,4,10); rgb(184,31,61);*/
			}

		.font_grey{ 
			color:  rgb(139,139,139);/*rgb(159,4,10); rgb(184,31,61);*/
			}
		
		.font_black{ 
			color:  rgb(0,0,0);/*rgb(159,4,10); rgb(184,31,61);*/
			}
		
		.font_dark_grey{ 
			color:  rgb(85,85,85);/*rgb(159,4,10); rgb(184,31,61);*/
			}
			
		.font_size_XL{
			font-size: 180%;
		}
		
		.font_size_L{
			font-size: 120%;
			font-weight: bold;
		}
		
		.font_size_Normal {
			font-size: 93%;
			font-weight: normal;
		}
		
		
		.font_size_ML{
			font-size: 110%;
			font-weight: bold;
		}
		
		.font_size_22
		{
			font-size: 36px;
		}
		
		/* jetzt folgen einige Typ-Selektoren*/
		/* Dabei steht "Selektor" für ein beliebiges Element, wie Beispielsweise h1, h2, p usw.*/
		/* Die Deklaration (auf deutsch Wertangabe) hat immer den selben Aufbau. */
		/* Die Deklaration ist aufgeteilt in „Eigenschaft: Wert;“. in CSS1 begrifflich auch der Elementselektoren*/

		/* Bsp: h1 { color: red; } */
		

		h1 {
			font-family: 'PT Sans', sans-serif;
			font-size: 100%;
			padding-top: 10px;
			margin-bottom: 0px;
			}				

		h2 {
			/*font-family: 'Playfair Display', serif;*/
			/*font-family: 'Cantata One', serif;*/
			font-family: 'Playfair Display', serif;
			font-size: 250%;
			/*font-family: 'PT Serif', serif;*/
			/*font-family: 'Vollkorn', serif;*/
			
			/*font-family: 'Tinos', serif;*/
			/*font-family: 'Yrsa', serif;*/
			/*font-family: 'Lustria', serif;*/
			/*font-family: 'Georgia', serif;*/
			padding-bottom: 30px;
			}

			
		h3 {
			font-family: 'PT Serif', serif;
			color: white;
			font-size: 250%;
			/*padding-bottom: 30px;*/
			}	

			
		.h3_sans_serif{
			font-family: 'PT Sans', sans-serif;
			font-size: 110%;
		}
		
		h5 {
			font-family: 'PT Sans', sans-serif;
			font-size: 80%;
			/*padding-bottom: 30px;*/
			}				

		h4 {
			font-family: 'PT Sans', sans-serif;
			font-size: 100%;
			padding-top: 10px;
			margin-bottom: 0px;
			margin-left:15px;			
			}				

		
		.h1_padding_top
			{
			padding-top: 30px;
			}
			
		.h2_margin_top
			{
			margin-top: 20px;
			}

		p {
			hyphens:auto
			}

		p.maintext_au2 {
			
			/*font-family: 'PT Sans', sans-serif;*/
			font-size: 95%;			
			line-height: 1.5;
			margin-bottom: 2%;
			}	
			
		p.maintext_au1 {
			
			/*font-family: 'PT Sans', sans-serif;*/
			font-size: 95%;			
			line-height: 1.5;
			margin-bottom: 3px;
			}	
			

			p.maintext_au05 {
			
			/*font-family: 'PT Sans', sans-serif;*/
			font-size: 95%;			
			line-height: 1.5;
			margin-bottom: 0.5%;
			}	
			
		p.menutext {
			font-size: small;
			line-height: 2;
			margin-bottom: 8%;
			}	
			
		p.footer 
		{
			font-family: 'PT Sans', sans-serif;
			font-size: 80%;					
			line-height: 1.5;			
		}

		p.einrueckung_5proz
		{
			font-family: 'PT Sans', sans-serif;
			font-size: 80%;					
			line-height: 1.5;	
			margin-left: 5%;		
		}

		p.einrueckung_10proz
		{
			font-family: 'PT Sans', sans-serif;
			font-size: 80%;					
			line-height: 1.5;	
			margin-left: 10%;		
		}

		p.bildunterschrift 
		{
			font-family: 'PT Sans', sans-serif;
			font-size: 80%;					
			margin-top:10px;
			margin-bottom:10px;
			padding-left: 10px;	
			line-height: 150%;			
		}
		
		.blocksatz 
		{ text-align: justify; 
		}


/* ehemals styles_menues.css*/

		.active {
			background-color: #A52A2A; /* rgb(165,42,42); rgb(184,31,61); rgb(159,4,39);*/
			color:white;
		}		

		.inactive {
			background-color: white; /* rgb(165,42,42); rgb(184,31,61); rgb(159,4,39);*/
			color: red;
		}		

		ul {
			list-style-type: none;
			overflow: hidden;
			background-color: #FFFFFF ;

	/*display: flex;*/
			/*flex-direction: row;*/
			}
		

		li {
			float: left;
			width: 24%;
			border-right:1px solid #DCdCdC;
			
			border-bottom-style: solid;
			border-bottom-width: 0.4px;
			border-bottom-color: #DCdCdC;	
		}


		li a, .dropbtn  {
			display: block;
			color: black;
			text-align: center;
			padding: 16px 20px; /*16px 30px;*/
			text-decoration: none;
 			}
			
			

		/*li.dropdown {
			display: inline-block;
			-webkit-transition: all 0.9s ease-out;

			}
*/

			
			
		li:last-child {
			/*border-right: none;*/
			border-right:1px solid #DCdCdC;
		}
		
		li:first-child {
			/*border-right: none;*/
			border-left:1px solid #DCdCdC;
		}		

l		i a:hover, .dropdown:hover .dropbtn {
			background-color: #F8F8F8; /*red;*/
}
		
		li a:hover:not(.active) {
			background-color: #F8F8F8;
		}
		

	.tooltip {
		position: relative;
		display: inline-block;
		/*border: 1px solid black;*/
		/*padding: 5px;*/
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 250px;
		background-color: white;
		color: black;
		text-align: center;
		border: 1px solid black;
		border-radius: 6px;
		padding: 5px 0;

		/* Position the tooltip */
		position: absolute;
		z-index: 1;
		top: -5px;
		left: 105%;
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

		

		.dropdown-content {
			display: none;
			position: absolute;
			background-color: white;
			font-size: 90%;
			min-width: 160px; /*140px;*/
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			-moz-box-shadow:0 8px 16px rgba(0,0,0, .2);
			-webkit-box-shadow:0 8px 16px rgba(0,0,0, .2);
			text-shadow:0 8px 16px rgba(255,255,255, 0.7);
	    
	    


		
			z-index: 1;
		}

		.dropdown-content a {
			color: black;
			padding: 9px 38px;
			text-decoration: none;
			display: block;
			text-align: left;
		}

		.dropdown-content a:hover {background-color: #F8F8F8}

		.dropdown:hover .dropdown-content {
			display: block;
		}
	

		
/* ehemals styles_spalten.css*/		

	
		.spalte_ganzebreite
		{
			
			width: 100%;
			/*border-style: solid;*/
		}
		
		.spalte_ganzebreiteflex
		{
			
			width: 100%;
			display: flex;
			/*border-style: solid;*/
		}

		.linke_spalte_bild_40_proz
		{
			max-width: 65%;
			width: 65%;
		}
		


		.linke_spalte_3_proz
		{
			max-width: 3%;
			width: 3%;
			/*border-style: solid;*/
			border-bottom-style: solid;
			border-bottom-width: 0.4px;
			border-bottom-color: #DCdCdC;			
		}
		
		.linke_spalte_7_proz
		{
			max-width: 7%;
			width: 7%;
			/*border-style: solid;*/
		}

		.linke_spalte_12_5_proz
		{
			max-width: 12.5%;
			width: 12.5%;
		}

		.linke_spalte_20_proz
		{
			max-width: 20%;
			width: 20%;
			/*display: flex;*/
		}
		
		.linke_spalte_25_proz
		{
			max-width: 15%;
			width: 15%;
			border-bottom-style: solid;
			border-bottom-width: 0.4px;
			border-bottom-color: #DCdCdC;			
		}

		.linke_spalte_33_proz
		{
			max-width: 33.3333%;
			width: 33.3333%;
			padding-left: 2.5%;
			padding-right: 2.5%;
			padding-top: 2.5%;
			padding-bottom: 2.5%;
			}


		.linke_spalte_42_proz
		{
			max-width: 52%;
			width: 52%;
			border-bottom-style: solid;
			border-bottom-width: 0.4px;
			border-bottom-color: #DCdCdC;			
		}

		.linke_spalte_50_proz
		{
			max-width: 50%;
			width: 50%;
			/*border-style: solid;*/
		}

		.linke_spalte_57_proz
		{
			max-width: 57%;
			width: 57%;
			/*border-style: solid;*/
		}

		.linke_spalte_65_proz
		{
			max-width: 65%;
			width: 65%;
		}

	
		.linke_spalte_67_proz
		{
			max-width: 67%;
			width: 67%;
			/*border-style: solid;*/
			border-bottom-style: solid;
			border-bottom-width: 0.4px;
			border-bottom-color: #DCdCdC;			
		}

		.linke_spalte_80_proz
		{
			max-width: 80%;
			width: 80%;
			/*border-style: solid;*/
		}

		.linke_spalte_90_proz
		{
			max-width: 90%;
			width: 90%;
		}

		

		.rechte_spalte_35_proz
		{
			/*box-sizing: border-box;*/
			max-width: 35%;
			width: 35%;
		}

		.rechte_spalte_50_proz
		{
			width: 50%;
			max-width: 50%;
			
		}
		

		
		.rechte_spalte_65_proz
		{
			/*box-sizing: border-box;*/
			max-width: 65%;
			width: 65%;
		}
		
		
		.rechte_spalte_28_proz
		{
			/*box-sizing: border-box;*/
			max-width: 47%;
			width: 47%;
			/*border-style: solid;*/
		}
		.rechte_spalte_10_proz
		{
			max-width: 10%;
			width: 10%;
		}

		.rechte_spalte_20_proz
		{
			max-width: 20%;
			width: 20%;
		}

		.rechte_spalte_33_proz
		{
			max-width: 32%;
			width: 32%;
		}

		.mittlere_spalte_47_5_proz
		{
			max-width: 47.5%;
			width: 47.5%;
			display: flex;
		}


		.rechte_spalte_bild_35_proz
		{
			max-width: 35%;
			width: 35%;
		}

		.rechte_spalte_bild_40_proz
		{
			/* width: 45%;*/
			max-width: 40%;
			width: 40%;
		}
		
		.rechte_spalte_bild_45_proz
		{
			/*  width: 45%;*/
			max-width: 45%;
			width: 45%;
		}
		
		.div_untereinander
		{
			float:both;
		}
		
		.spaltenhoehe_60px
		{
			height:60px;			
		}

		.spaltenhoehe_120px
		{
			height:120px;			
		}
		
		.spaltenhoehe_80px
		{
			height:80px;			
		}

		.spaltenhoehe_40px
		{
			height:40px;			
		}		
		
		.text_rechts_ausrueck_5proz
		{
			padding-right: -5%;
		}
		
		.text_rechts_einrueck_5proz
		{
			padding-right: 5%;
		}

		.text_rechts_einrueck_7proz
		{
			padding-right: 7%;
		}
		
		.text_rechts_einrueck_10proz
		{
			padding-right: 10%;
		}
	
		.text_rechts_einrueck_13proz
		{
			padding-right: 13%;
		}
	
		.text_rechts_einrueck_20proz
		{
			padding-right: 20%;
		}


		.text_links_einrueck_5proz
		{
			padding-left: 4%;
		}
		
		.text_links_einrueck_20proz
		{
			padding-left: 20 %;
		}
		

		a.eins {
		  text-decoration: none;
		  border-bottom: .1em dotted red;
		  color: rgb(165,42,42);
		}