*{ 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: 80%;
	margin-left: 250px;
	margin-right: 50px;
	margin-top: 0px;
	border: 0px solid black;
}
#one    {
	padding-top: 200px;
	background-color: #FFFFFF;
	border: 0px solid black;
}
#two    {
	background-color: #A4A4A4;
	border: 0px solid black;
}
#three  {
	background-color: #FFFFFF;
	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: 100%;
		margin-top: 80px;
		margin-left: 5px;
	}
	#one    {
	padding-top: 20px;
	background-color: #FFFFFF;
	border: 0px solid black;
	}
	#two    {
	background-color: #A4A4A4;
	border: 0px solid black;
	}
	#three  {
	background-color: #FFFFFF;
	border: 0px solid black;
	}
}

/* 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%;
	}
p	{
	color: black;
	font-size: 25px;
	}
section {
	border-bottom: 0px solid black;
	font-family: arial,sans-serif;
	font-size: 17px;
	color: black;
	}
.h1b	{
	font-size: 20px;
	color: black;
	text-shadow: 0 0 15px black;
	}
.txt	{
	font-size: 15px;
	margin-left: 10px;
	color: black;
	text-shadow: 0 0 5px black;
	}
.lib	{
	font-size: 20px;
	margin-left: 10px;
	color: black;
	text-shadow: 0 0 15px black;
	}
.img_h	{
	width: 150px;
	height: auto;
	float: bottom left;
	}
.img_q	{
	height: 200px;
	width: auto;
	float: bottom left;
	}
.link	{
	font-size: 20px;
	color: blue;
	background-color: white;
	}
#fussbereich {
    float: bottom left;
    width: 100%;
    background-color: white;
    height: 2em;
    margin-top: 20px;
}

@media only screen and (max-width:600px) {
.gallery {
    float: left;
    width: 100%;
    border: 0px solid yellow;
    margin: 15px;
    }
.gallery_img {
    width: 20%;
    margin: 5px;
    border: 0px solid yellow;
    }
}