/* Farben um Bereiche sichtbar zu machen des Designs
 * background:#ff0000; 
 * background:#00ff00;
 * background:#0000ff;
 * background:#00ffff;
 * background:#ffff00;
 * background:#ff00ff;
 * background:#ffffff;
 * background:#a3c7ed;
 */


/* Globale Einstellungen */
html {
	max-width:1920px;
}

body { 
	font-family: 'Lato', sans-serif;
	background:#ffffff;
        /*background-image: linear-gradient(to top, #40ffff, #ffffff);
	background-attachment:fixed;
	background-image: url("../bilder/hg/hg.png");*/
	font-size:16px;
	margin:0px;
	padding:auto;
	/*max-width:1920px;
	max-height:1080px;*/
	font-family: 'Lato', sans-serif;
	/*color:#e5eafe;*/
	z-index:01;
}

a {
	text-decoration:none;
}

li {
	list-style: none;
}

h1, h2, h4 {
/*	text-align:left;
	margin:0.5px;
	padding:0px;*/
        text-decoration: underline;
        text-align:center;
	color:#000000;
}

h3 {
	text-align:left;
	margin:4%;
	padding:0px;
       /* text-decoration: underline;
        text-align:center;*/
	color:#000000;
}

p {
	margin:4%;
	padding:0px;
	color:#000000;
}

p a {
        text-decoration:none;
	color:#000000;
}

/*Kopfzeile mit Logo und Menue der Mobilversion*/

#head {
	display:inline;
	/*background:#0000ff;
	max-width:1920px;
	max-height:30%;*/
	top:0px;
	/*position:fixed;
	background-image: linear-gradient(to top, #373f42, #9ca0a3);*/
	padding:0;
	margin:0;
	z-index:59;
}

#navi {
	background:#ffffff;
	display: inline;
	width:100%;
	padding:0;
	margin:0%;
	/*border-bottom:0px solid #c0c0c0;
	border-top:0px solid #c0c0c0;*/

}

#banner {
	/*<?php include("header/logo.php"); ?>*/
	display:inline;
	max-width:100%;
	top:0px;
	/*background-image: linear-gradient(to top, #373f42, #9ca0a3);*/
	padding:0;
	margin:0;
	z-index:9;
}

#banner ul {
	width:100%;
	margin:0px;
	padding-left:8%;
	padding-top:2%;
}

#banner li {
	max-width:100%;
	margin:0;
	padding:0;
}

#banner img {
	max-width:100%;
	margin:0;
	padding:0;
}


/* Mittelteil mit den Informationen*/

#inhalt {
        background:#ffffff;
        opacity:0.6;
	/*z-index:3;*/
	display:block;
	width:70%;
	/*height:70%;
	top:89px;*/
	position:relative;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
        margin-bottom:0px;
        
}

#inhalt p {
	text-align:left;
}

#inhalt a {
	text-decoration:#italic;
}

#impressum {
        /*display:static;*/
        width:100%;
	color:#000000;
	/*position:static;*/
        text-align:left;
	/*margin-top:15%;*/
}

#impressum p {
        text-align:left;
}

#kont {
	text-align:center;
}

#kont p {
	text-align:center;
}



/* Fußzeile */

footer {
	height:3%;
	background:#ffffff;
	/*position:fixed;*/
	bottom:1px;
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:30px;
	margin-left:0;
	margin-right:0;
        padding-top:1px;
  	z-index: 999;
	
}

footer ul {
	width:80%;
	background:#ffffff;
	display:inline;
	padding:0px;
        margin-left:10%;
}

footer ul li {
	color:#000000;
	background:#ffffff;
	display:inline;
	font-size:0.8em;
	margin:0px 3px 0px 3px;
	padding:0px;
}

footer ul li a {
	background:#ffffff;
	color:#000000;
	text-align:left;
	line-height:1.3em;	
}

#cr {
	background:#ffffff;
	float:right;
	margin-right:17.5%;
	text-align:center;
        
}

#men {
	background:#ffffff;
	float:left;
	margin-left:17.5%;
}


/* Stil für Mobilgeräte*/

@media screen and (max-width:1005px) {
			
    #inhalt {
        width:80%;
        margin:auto;
    }

@media screen and (max-width:800px) {
			
    #inhalt {
        width:90%;
        margin:auto;
    }

@media screen and (max-width:642px) {
			
	
	
	#header ul {
		display: none;

	}

}

@media screen and (max-width:542px) {
			
	
	
	#header ul {
		display: inline-block;

	}

}