@charset "utf-8";
@font-face { 
font-family: "Poiret One"; 
src: url("../Poiret One regular.ttf"); 
}

header {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	
	background-color: rgba(0,0,0,0.40);

	z-index:2;
}
.bereichlogo-klein {
	position:relative;
	width:10em;
	margin:0.5em 0.5em 0.3em 0.5em;
	}
#steuerung{
	display:inline-block;
	float: right;
	margin-right: 1em;
	
}
#steuerung li {
	list-style: none;
	float: right;
	font-family: Poiret One;
	font-size: 1.5em;
	color: rgba(113,124,235,1.00);
}
#steuerung a {
	display: block;
	width: 100%;
	padding: 0 0.4em 0.5em 0.4em;
	text-decoration: none;  /* keine Unterstreichung */
	color: rgba(255,255,255,1.00);  /* Schriftfarbe weiß */
	
}	
.menue-button {
	display: none;
}	
#steuerung a:hover {
	color: rgba(113,124,236,1.00);
	transition: 0.5s;
	
	
}
 nav li[aria-current] a:focus,
    nav li[aria-current] a:hover {    
      color: darkblue; 
}

/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 870px */
@media only screen and (max-width:950px) {
	header{
		
		text-align: center;
	}
.menue-button {
	padding: 0.5em ;
	display: block;
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	cursor: pointer;
	border-radius: 0.5em;
}
	.bereichlogo-klein {
	position:relative;
	width:11em;
		margin-bottom: 0.5em;
	}
	


#steuerung li {
	background-color: rgba(0,0,0,0.20);
	width: 100%;
	border-bottom: 1px solid silver;
	
}
#steuerung {
	width: 100%;
	display:none ;
}	
.menue-button:hover {
	background: rgba(255,255,255,0.3);
	border-radius: 0.5em;
	transition: background 1s;
}
	
}

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

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

/* Footer Navigation */
footer {
	text-align: center;
	position:fixed;
	background-color: rgba(0,0,0,0.50);
	width: 100%;
	bottom: 0;
	left: 0;
	height: auto;
	
	
}

#steuerung_footer{
	width:100%;
	font-family: Poiret One;
	font-size: 1.4em;
	color: rgba(113,124,236,1.00);
}

#steuerung_footer li {
	list-style: none;
	display:inline-block;
	
}
#steuerung_footer a {
	display: block;
	width: 100%;
	padding: 0 1em 0 0;
	text-decoration: none;  /* keine Unterstreichung */
	color: rgba(255,255,255,1.00);  /* Schriftfarbe weiß */
	
	
}	

.menue-button_footer {
	display: none;
}	

#steuerung_footer a:hover {
	color: rgba(113,124,236,1.00);
	transition: 0.5s;
	
}

.impressum-datenschutz-agb {
	
	float:left;
	font-size: 1.1em;
	}
.impressum-datenschutz-agb a{
	padding: 0 ;
}
	
.kontakt {
	
	margin-left: auto;
	font-size: 1.4em;
	}
.kontakt a{
	padding: 0;
}
.mail {
	font-size: 1.1em;
	margin-right:2em;
	float:right;
	}
.mail a{
	padding: 0;
}
	


/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 850px */
@media only screen and (max-width:950px) {

.menue-button_footer {
	display: block;
	position: absolute;
	left: 0.5em;
	bottom: 0.5em;
	padding: 0.5em;
	cursor: pointer;
	text-decoration: none;
}

.mail {
	
	margin-right:0em;
	}
#steuerung_footer li {
	width: 100%;
	height:auto;
	padding: 0 0.5em 1em 0;
	border-top: 1px solid silver;
}
#steuerung_footer {
	width: 100%;
	display: none;
}	
.menue-button_footer:hover {
	border-radius: 0.5em;
	background: rgba(0,0,0,0.10);
	transition: background 1s;
}

}
.kontakt {
	margin-left: auto;
	font-size: 1.4em;
	}


#footer_menue:target #steuerung_footer {
	display: block;
}

#footer_menue:target .menue-button_footer-beschr-open {
	display: none ; 
}