/* ID-Selektor */
/* Responsive Steuerung */
@media (max-device-width: 1920px) { 
#complete-site {
	/*background-image:url(../bilder/hintergrund/background.jpg); no-repeat;*/
	background-image:url(../bilder/hintergrund/background03N.jpg); no-repeat;
	background-size: 100%;
	max-width: 100%;
	font-size: small;
	
	}
	}
@media (max-device-width: 1600px) { 
#complete-site {
	/*background-image:url(../bilder/hintergrund/background.jpg); no-repeat;*/
	background-image:url(../bilder/hintergrund/background03N.jpg); no-repeat;
	background-size: 106%;
	max-width: 100%;
	
	}
	}
@media (max-device-width: 1000px) { 
#complete-site {
	/*background-image:url(../bilder/hintergrund/background.jpg); no-repeat;*/
	background-image:url(../bilder/hintergrund/background03N.jpg); no-repeat;
	
	background-size: 100%;
	max-width: 80%;
	}
	}
@media (max-device-width: 300px) { 
#complete-site {
	/*background-image:url(../bilder/hintergrund/background.jpg); no-repeat;*/
	background-image:url(../bilder/hintergrund/background03N.jpg); no-repeat;
	
	background-size: 100%;
	max-width: 30%;
	}
	}
h4, h1	{
	color:white
	}
a:hover {
	color:#C00;
	}
ul  {
	/*Entfernen führender Punkte im Link*/
	list-style:none;
	}
	/* Gesamter Kopfbereich */
.complete-site-header {
	justify-content: center;
	/*max-width: 100%;*/
	display: flex;
}
	/* Links */
.complete-site-flag {
	/*max-width: 16%;
	margin-left: -2%;
	margin-right: 5%;*/
}
	/* Mitte */
.complete-site-nav-txt h3 {
	color: white;
	padding: 8px;
	border-style: solid; 
    border-color: white;
	border-radius: 10px;
    border-width: 1px;
	margin: auto;
	/*margin-top: 10px;	*/
	}
	/* Rechts */
.complete-site-right {
	color: white;
	margin-top: 16px;
}	
.sprache {
	margin-top: 40px;
}
.sprache label {
	/*margin-left: 2%;
	width: 5px;
	margin-right: 2%;*/
	margin-left: -40%;
	color: white;
}
/**************************************************/
/* Kopfnavigation horizontal Auswahl */
/**************************************************/
.nav-class-ul {
	justify-content: center;
	display: flex;
	margin-top: -20px;
}
.nav-class-ul-00 {
	text-decoration:none;
}
.nav-class-ul li {
	/* Das einzelne Element */
	margin: 5px;
	xpadding: 8px;
	background-color:#00008B;
	background-color:white;
	border-style:solid;
	border-width: 1px;
	border-radius: 10px;
	padding:4px;
}
/*******************************************/
/***Login - Bereich*************************/
/*******************************************/
.login-logout {
	/*background-color: gray;*/
	/*flex-direction: row;*/
	justify-content: center;
	display: flex;
	margin-top: -30px;
	margin-left: -10px;
	}
	
	
.login {
	/*background-color: gray;*/
	max-width: 40%;
	padding:10px;
	border-style:solid; 
    border-color:white;
	border-radius: 10px;
    border-width: 10px;
}
/*******************************************************************/
/*******************************************************************/
.footer-login-logout {
	/* Waagrechter Strich unten */
	border-top: solid 1px;
	border-color: white;
	margin-top: 5px;
	font-size: 16px;
}
.footer-login-logout li:first-of-type {
	color: white;
	margin-right: 100px;
}

.footer-login-logout a {	
	font-family: Bookman;
	/* Entfernen Aufzählungspunkt */
	list-style-type:none;
	/* Entfernen Unterstreichen */
	text-decoration:none;
	/* Das einzelne Element */
	width: 10%;
    margin: 12px;
	padding: 3px;
	color: white;
	border-style:solid;
	border-width: 1px;
	border-radius: 10px;
	}	
.footer-login-logout li {
	position: relative;
    left: -30px;
	/* reagiert auf den Bereich */
	display: inline;
	float: left;
}
/****************************************/