*{ font-family: Arial, sans-serif; color: black; padding: 0; margin: 0;}

header {
	background-color: yellow;
	width: 100%;
	float: left;
	border-bottom: 0px solid black;
	margin-left: 155px;
	margin-right: 5px;
}
#bereichlogo {
	display: block;
	background-color: white;
	text-decoration: none;
  	background-size: 1200px 150px;
	background-image: url("./assets/Firmenlogo_webseite_.png");
        background-repeat: no-repeat;
 	width: 90vw;
  	height: 160px;
}
menu {
	background-color: gray;
	border-bottom: 0px solid black;
	width: 160px;
	position: absolute;
	top: 252px;
}
#steuerung li {
	list-style: none;
	float: left;

}
#steuerung a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.5em;
	text-decoration: none;
	color: white;
	background-color: gray;
}	
.menue-button {
	display: none;
}		
#steuerung {
	float: left;
	width: 100%;
}
#steuerung a:hover {
	color: black;
	background: orange;
}
#inhalt {
	width: 77%;
	margin-left: 250px;
	margin-right: 50px;
	margin-top: 0px;
	height: 200px;
	border: 0px solid black;
}


	
/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 600px */
@media only screen and (max-width:600px) {
	.menue-button {
		display: block;
	}

menu {  
	background-color: white;
	background-image: url("./assets/Firmenlogo_webseite_klein.png");
  	background-size: cover;
        position: absolute;
        top: 0px;
        left:0px;
	width: 100%;
	height: 50px;
	border-bottom: 0px solid black;
	}
	.menue-button {
		background-color: white;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 30px;
		padding: 0.5em;
		color: white;
		cursor: pointer;
		text-decoration: none;
	}
	#bereichlogo {
		display: none;
	}
	#steuerung {
		background-color: gray;
		display: none;
		position: absolute;
		top: 50px;
		left: 0px;
		width: 100%;
		height: 200px;
	}	
	.menue-button:hover {
		color: black;
		background: red;
	}
	#inhalt {
		width: 90%;
		margin-top: 80px;
		margin-left: 5px;
	}
}

/* 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 ; 
}
	
/* Allgemein Anweisungen */

h1      {
	margin-left: 30%;
	}
hilfe   { 
	color: red;
	font-size: 20px;
	font-weight: bold;
	}
p	{
	color: black;
	font-size: 20px;
	}
section {
	border-bottom: 0px solid black;
	font-family: arial,sans-serif;
	font-size: 17px;
	color: black;
	}
.h1w	{
	color: white;
	}
.h1b	{
	color: black;
	}
.tittelseite {
        float: left;
        }
.bildhilfe {
	width: 25px;
	hight: auto;
	border: 0px solid yellow;
	font-size: 18px;
	float: left;
	margin: 10px;
        }
#fussbereich {
    float: bottom left;
    width: 100%;
    background-color: white;
    height: 2em;
    margin-top: 20px;
}