* {
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif, Times, Arial;
}
h1 {
    font-size: 2.0em;
    line-height: 1.5em;
    font-weight: 100;
    color: #2f2d2c;
    text-align: center;
}
h2 {
    font-size: 1.5em;
    line-height: 2.0em;
    padding: 0.5em 0.4em;
    font-weight: 100;
    color: #2f2d2c;
    text-align: left
}
h3 {
    font-size: 1.0em;
    line-height: 1.0em; 
    font-weight: 100;    
    padding: 1.5em 0.5em 0em 0.5em;  /*top, right, bottom, left */
    text-align: center
}
h4 {
    font-size: 1.175em;
    line-height: 1.5em;
    padding: 0.5em 0.5em;
    font-weight: 100;
    color: #2f2d2c;
    text-align: left
}
p {
    font-size: 1.0em; 
    line-height: 1.5em;
    padding: 0.5em;
    text-align: left; 
}
#fett{
    line-height: 1.25em;
    font-weight: bold;     /* Fett */
    padding: 0.5em;
    text-align: justify;  /* Blocksatz */
}
section li { 
    font-size: 1.0em;
    line-height: 1.25em;
    margin-left: 5em;
    padding: 0.5em;
    list-style: square;
}
header {
	width: 100%;
	float: left;
	background-color: #127896;
/*	background-color: #0059AA;           */
/*	border-bottom: 1px solid black;       */
}
#logo {
	display: block;
   	width: auto; 
	padding: 1em;
	text-decoration: none;
   	color: white;
   	background-color: #004483;
	float: left;
}
nav {
	float: right;
}
nav li {
	list-style: none;       /* Aufzählungpunkte deaktivieren */
	float: left;
}
nav a {
	display: block;
	height: 100%;
	padding: 1em;
	text-decoration: none;
	color: white;
	background-color: #127896;
}
nav a:hover {
	color: black;
	background: #e5ba6d;
}
section {
    width: 96%;
	padding: 1em;
	float: left;
/*	background: #F6F6F6;      nur in mobiler Ansicht*/
}   
section img {
    width: 70%;
    display: block;
    margin: 1em auto;
    border-radius: 5px;
}
aside {
    width: 33%;
    float: left;
    }
/* Slider Start */
div#slider {
    width: 50%;
    margin: 1em auto;
	overflow: hidden;
}
div#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
}
div#slider figure img {
	width: 20%;
	height: auto;
 	float: left;
}
@keyframes slidy {
	0%  { left: 0%; }
	23% { left: 0%; }
	25% { left: -100%; }
	48% { left: -100%; }
	50% { left: -200%; }
	73% { left: -200%; }
	75% { left: -300%; }
	97% { left: -300%; }
	99% { left: -400%; }
	100% { left: -400%; }
}
div#slider figure {
	animation: 20s slidy infinite;
}
/* Ende Slider */
footer {
    clear: left;
    display: block;
    text-align: center;
/*    background-color: #2f2c2c;     schwarzer Hintergrund   */
}
footer ul {
    display: block;
    text-align: left;
    margin: 0 auto;
    padding: 1em;
}
footer ul li {
    display: inline;
    font-size: 0.8em;
    line-height: 2.8em;
/*    color: #E2DBDB;   bei schwarzem Hintergrund */
    color: #2f2c2c;
    padding:0 0.625em 0 0.625em;
}
footer ul li a {
/*    color: #E2DBDB;    bei schwarzem Hintergrund*/
    color: #2f2c2c;
}
/* Navigation on - off */
#nav-menu:target nav {
	display: block;
}
#nav-menu:target .menu-open {
	display: none ;
}
@media only screen and (max-width:780px) {
	.menubutton {
		display: block;
		content:"";
		position: absolute;
        top: 0.4em;
        right: 0.4em;
        width: 1.5em;
        height: 0.2em;
        font-size: 24px;
        border-top : 0.6em double #000000;
        border-bottom: 0.2em solid #000000;
 	}
	.menubutton:hover {
		color: black;
		background: #004483;
	}
	#logo {
	}
	nav {
		float: left;
		width: 100%;
		display: none;
	}
	nav li {
		width: 100%;
		border-bottom: 2px solid silver;
	}  
    section {  
        font-size: 86%;
    	padding: 0.2em;
        background: #F6F6F6;
    }
    section li {
        margin-left: 2.0em;
        padding: 0;
    }
    section img {
        width: 96%;
     } 
    div#slider {
        width: 96%;
     } 
    aside {
        width: 99%;
    }
}