body, input, select, textarea {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin:0; padding:0; border:0;}

/* Navigation */
html {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin:0; padding:0; border:0;height: 100%;}

html {background:  url(../../grafik/hintergrund.png);background-color: #5e5e5e;}

.navigation {font-size:1.4em;font-family: 'BenchNine-Regular'; border-top: 1px solid #000; cursor: default; height: 39px; left: 0; position: fixed; top: 0em; width: 100%; box-shadow: 0 0 0.8em 0 rgba(0, 0, 0, 1); background: #5f6b5f; z-index: 5;}

.logo-1 {display: block; position: absolute; top: 0px; border:0px; height: 60px; width: auto; z-index:1;}
.logo-2 {display: none; position: absolute; top: 0px; border:0px; height: 50px; width: auto; z-index:1;}

.nav-container {max-width: 1400px; margin: 0 auto; width:85%;z-index: 6;}
nav {float: right;}
nav ul {list-style: none; margin: 0;padding: 0;}
nav ul li {float: left; position: relative;}
nav ul li a.active {background-color: #8b21aa; color: #FFFFFF; padding-left: 7px; padding-right: 7px; cursor: default;z-index: 1000;}
nav ul li a,
nav ul li a:visited {display: block; padding: 0 7px; line-height:39px; background-color: #9fbe92; color: #000; text-decoration: none;z-index: 1000;}
nav ul li a:hover,
nav ul li a:visited:hover {background: #333; color: #ffffff;transition: background-color .5s;}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {padding-left: 3px; content: ' ▾';}
nav ul li ul li {min-width: 185px;}
nav ul li ul li a {padding: 16px; line-height: 9px;}
.nav-dropdown {position: absolute; display: none; z-index: 1; -webkit-box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4); -moz-box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4); box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4);}

/* Aufzählungen */

ul {list-style: disc; margin: 0 0 0.6em 0;padding-left: 1em;cursor: default;}
ul i {	padding-left: 0.5em; color:#000;}

/* Mobile Navigation */

.nav-mobile {display: none; position: absolute; top: 0; right: 0; background: none; height:1.87em; width: 70px; border-top: 0px solid #000;}

@media only screen and (max-width: 800px) {
.logo-1 {display: none; position: absolute; top: 0px; border:0px; height: 60px; width: auto;  z-index:1;}
.logo-2 {display: block; position: absolute; top: -3px; margin-left: -13px; border:0px; height: 50px; width: auto; z-index:1;}
.nav-mobile {display: block;}
 nav {width: 40%; padding: 39px 30px 35px;}
 nav ul { text-align: center; display: none;-webkit-box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4);-moz-box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4);box-shadow: -1px 6px 6px 0px rgba(0,0,0,0.4);}
 nav ul li {float: none;}
 nav ul li a {padding-top:10px; padding-bottom:11px; line-height: 20px;}
 nav ul li ul li a {padding-left: 30px ;padding-top:10px; padding-bottom:11px; line-height: 20px;}
.nav-dropdown {position: static;}
 
 nav ul li a:visited {display:  block;padding: 0 7px;line-height:12px;background: #9fbe92;color: #000;text-decoration: none;}
 nav ul {list-style: none;margin: 0px;padding: 4px;background-color: #697b5f;}
}

@media screen and (min-width: 800px) {.nav-list {display: block !important;}}

#nav-toggle {position: absolute; left: 28px; top: 10px;cursor: pointer; padding: 8px 35px 18px 0px;}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {cursor: pointer; border-radius: 1px; height: 3px;width: 32px; background: #ffffff;position: absolute; display: block;content: ''; transition: all 400ms ease-in-out;}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}

article {max-width: 1400px; margin: 0 auto; padding: 10px;}

@media screen and (max-width: 480px) {
 nav ul li a:visited {display:  block; padding: 0 7px; line-height:12px; background: #9fbe92; color: #000; text-decoration: none;}
 nav ul {list-style: none; margin: 0px; padding: 4px; background-color: #697b5f;}
}

/* Pfeil, Fuss*/

#pfeil-hoch {position: fixed; bottom: -4px; margin-left:-37px; left: 50%;z-index: 4;}
#footer {border-top: 1px solid #777777; border-bottom: 2px solid #000; max-width:100%; background: #414d3f; position: fixed; bottom:0; left:0; width:100%; height:25px; z-index:1;}