body {
	margin: 0;
	padding: 0; 
	font-family: helvetica,arial,sans-serif;
	font-size:11px;
	background-color: white;

}

	
header {
	position:sticky !important;
	position: -webkit-sticky !important;
	top: 0;

	z-index:1000;
	background-color: white;
	
	width: 100%;
	float: left;
	border-bottom: 1px solid silver;
}

.img_logo{
	height:7vh;
	margin-left:50px;
}
	
#bereichlogo {
	
	color: black;
	background-color: white;		
	display: block;
	padding: 0.5em;
	text-decoration: none;
	float: left;	
}

#bereichlogo {
	width: auto;
}
	
#steuerung li {
	list-style: none;
	float: left;
}
	
#steuerung a {
	text-align:center;
	width:120px;
	min-width:120px;
	font-size:1.75em;
	display: block;
	height: 100%;
	/*width: 100%;*/
	padding: 0.5em;
	text-decoration: none;
	color: black;
	background-color: white;
}	

.menue-button {
	display: none;
}		
	
#steuerung {
	float: right;
}
	
#steuerung a:hover {
	color: black;
	/*background: orange;*/
}	
.symbol_link{
	
	padding:5px !important;
	min-width:50px !important;
	width:50px !important;
	
}
.img_slider_angebote{
	
	width:20vw;
	margin-left:auto;
	margin-right:auto;
	
}
.text_slider_angebote{
	
	width:20vw;
	margin-left:auto;
	margin-right:auto;
	
}
.con_car{

	font-size:1.5em;
	padding-top:30px;
	height:520px;
	
	}

.img_aktuelles{
		width:25vw;
}
#bild_aktuelles_links{
	float:left;
	width:40vw
}
#text_aktuelles_rechts{
	float:left;
	width:40vw;
	padding-top:10px;
}
.element_mitwirken{
	width:22vw;

}
.div_mitwirken{
	float:left;
	padding:20px;
	height:520px;
}
.flex_container{
	display:flex;
}
.float_left{
	float:left;
}
.pic{
	margin:15px;
	width:15vw;
}

.img_show{
	
}
#bild {
	position: fixed;
	top:100px;
	width:660px;
	border-radius:5px;
	background-color:Gainsboro;
	border:1px solid darkgray;
	
	z-index:1001;

}
#galerie_img_text{
	max-width:660px;
	color:black;
	background-color:white;
	padding:3px;
}
#galerie_img_bild{
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;
}

.kontakt_element{
	width:25%;
	color:white;
	
}
.img_left{
	float:left;
}

/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 600px */


@media  (max-width:1340px) {
	#bereichlogo {
		width: 100%;
		}
}

@media  (max-width:900px) {
.img_left{
	float:none;
}
.kontakt_element{
	width:100%;
	color:white;
}
#bild {
	position: fixed;
	top:250px;
	max-width:100vw;
	left:0px !important;
	
	z-index:1001;

}
#anzeige_bild{
	margin-left:auto;
	margin-right:auto;
	width:90vw;
	max-width:90vw;
}	
#galerie_img_text{
	margin-left:auto;
	margin-right:auto;
	max-width:90vw;
	width:90vw;
}
	
	.pic{
	margin:25px;
	width:55vw;
}
	
	.float_left{
		float:none;
		margin-left:20vw;
	}
	
	.flex_container{
		display:block;
		text-align:center;
		
	}
	
	.element_mitwirken{
		
		width:80vw;
		
		

	}
	.div_mitwirken{
		
		width:80vw;
		clear:both;
		float:none;
		padding:10px;
		margin-left:auto;
		margin-right:auto;
	
	}
	.img_aktuelles{
		width:90%;
	}
	#bild_aktuelles_links{
		float:none;
		width:80vw
	}
	#text_aktuelles_rechts{
		float:none;
		width:80vw;
		padding-top:10px;
	}
	.con_car{
	
	font-size:1.5em;
	padding-top:30px;
	
	}
	.img_slider_angebote{
	
	width:50vw;
	margin-left:auto;
	margin-right:auto;
	
	}
	.text_slider_angebote{
	
	width:50vw;
	margin-left:auto;
	margin-right:auto;
	
	}
	
	.menue-button {
		display: block;
	}

	.menue-button {
		background-color: silver;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0.5em;
		color: white;
		cursor: pointer;
		text-decoration: none;
	}	

	#bereichlogo {
		width: 100%;
	}

.img_logo{
	height:5vh;
	margin-left:50px;
}


	#steuerung {
		float: left;
		width: 100%;
		display: none;
	}
	#steuerung a {
		width: 100%;
	}
	
	#steuerung a:hover {
	color: black;
	background: orange;
}	
	
	#steuerung li {
		width: 100%;
		border-bottom: 2px solid silver;
	}	

	.menue-button:hover {
		/*color: black;
		background: orange;*/
	}
	.symbol_link{
	
	padding:5px !important;
	width:100% !important;
	
	}
}

/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #steuerung {
	display: block;
}
	
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-menue:target .menue-button-beschr-open {
	display: none ; 
}	

.table_top { /* table cells */
			padding: 1vw;
		}
	.table_top:hover{
			cursor:pointer;
		}
	.po_ho{
			cursor:pointer;
			color:white;
			text-decoration:underline;
		}
	.po_ho:hover{
			cursor:pointer;
			color:white;
			
		}
	a	{
		color:rgb(0,45,85);
	}
	a:visited {
		color:rgb(0,45,85);
	}

	.topline{
	font-weight:bold;
	font-size:2em;
	}
.flow_text{
	font-weight:normal;
	font-size:1.5em;
	}
li a{
	color:rgb(0,45,85);
}
li a:visited{
	    color: rgb(0, 45, 85);
}


.hover_red:hover{
	background-color:red;
	color:white;
	cursor:pointer;
}
.pic:hover{
	cursor:pointer;
}

.block{
	hyphens: none;
    text-align: justify;
    text-align-last: left;
}
.block_li{
	font-size:1.45em;
    text-align: left;
	margin:30px 0;
	padding:30px 0;
}