/* BBFL */

body {
background-color: white;
background-image: url("");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
}

* {
margin: 0;
padding: 0;
font-family: Verdana, Arial, serif;
}

header {
background-color: rgba(245,245,245,1.0);		
width: 100%;
float: left;
border-bottom: 1px solid silver;
}

#logo {
background-color: rgba(245,245,245,1.0);		
color: black;
font-weight: bold;
display: block;
padding: 0.5em 0em 0.5em 0.75em;
float: left;
}

#bereichlogo {
width: auto;
}

#steuerung li {
list-style: none;
float: left;
}

#steuerung a {
display: block;
height: 100%;
width: 100%;
padding: 0.5em 0em 0.5em 0em;
margin: 0em 0em 0em 0em;
}

.menue-button {
display: none;
}		

#steuerung {
float: right;
}

#steuerung a:hover {
color: green;
}	

@media only screen and (max-width:780px) {

.menue-button {
display: block;
}
	
.menue-button {
background-color: rgba(245,245,245,1.0);		
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0.5em;
margin: 0;
color: red;
cursor: pointer;
text-decoration: none;
}	

#steuerung {
float: left;
width: 100%;
display: none;
}	
	
#steuerung li {
width: 100%;
border-top: 1px dotted silver;
border-shadow: #666 0px 0px 0px;
}
	
.menue-button:hover {
color: green;
background: none;
}

}

#nav-menue:target #steuerung {
display: block;
}

#nav-menue:target .menue-button-beschr-open {
display: none;
}	

section {
background-color: none;
color: rgba(64,64,64,1.0);
float: left;
width: 100%;
border-bottom: 0px solid silver;
}

footer {
position: fixed;
border-top: 1px solid silver;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(245,245,245,1.0);		
color: black;
font-size: 85%;
text-align: center;
width: 100%;
float: left;
}

@media screen {

h1 {
padding: 1em 0em 0em 0em;
font-size: 1.2em;
}	

h2 {
padding: 1em 0em 0em 0em;
font-size: 1.1em;
}	

h3 {
padding: 1em 0em 0em 0em;
}	

p {
padding: 1em 0em 0em 0em;
}	

div {
padding: 1em 1.5em 1em 1.5em;
}}

article img {
width: 100%;
padding: 0em 0em 1.5em 0em;
}}	

@media all and (min-width: 35em) {

article img {
width: 50%;
padding: 2.25em 2.5em 1.5em 1.5em;
}} 

@media all and (min-width: 50em) {

article img {
width: 33%;
padding: 2.25em 2.5em 1.5em 1.5em;
}}

.verweis { 
color: green; 
}

.Bildtext { 
color: grey; 
font-size: 75%;
text-align: center;
padding: 0.5em 1.5em 0em 1.5em;
}

a:hover {
	text-decoration: none;
	}

a:link { 
	color: green;
	text-decoration: none;
	}

a:visited { 
	color: green;
	text-decoration: none;
	}

a:active { 
	color: green;
	text-decoration: none;
	}

a:focus { 
	color: green;
	text-decoration: none;
	}

#top {
	position: fixed;
	bottom: 17%;
	right: 7%;
	background-color: lightgrey;
	z-index: 1;
	opacity: .9;
	width: 2.0em;
	height: 2.0em;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 0.35em 0.2em 0em 0.2em;
	border-radius: 50%;
	}