/* PC Navigation */

.navigation {font-size:1.3em;font-family: 'BenchNine-Regular';border-top: 1px solid #000; background: #8b0000;color: #FFFFFF;cursor: default;height: 1.87em;left: 0;position: fixed;top: 0em;width: 100%;box-shadow: 0 0 0.8em 0 rgba(0, 0, 0, 1);z-index: 10000;}

.logo {display: block;position: absolute;top: 0px; border:0px;z-index:1;}

.brand {font-size: 1.5em;letter-spacing: 0.05em;position: absolute;padding-left: 10px;float: left;line-height: 1.5em; margin-top:-3px; text-shadow: 2px 2px 5px #0a2641;display: none;}
.brand a,.brand a:visited {text-decoration: none;display: none;}

.nav-container {max-width: 1400px;margin: 0 auto;width:85%;}
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: #8b0000; color: #FFFFFF; padding-left: 7px; padding-right: 7px;cursor: default;}
nav ul li a,
nav ul li a:visited {display: block; padding: 0 7px; line-height:45px; background: #c70000; color: #000; text-decoration: none;}
nav ul li a:hover,
nav ul li a:visited:hover {background: #ff0000; color: #ffffff;}
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;}

/* Pfeil, Fuss*/

#pfeil-hoch {position: fixed; bottom: 3px; margin-left:-30px;left: 50%;z-index: 4;}
#footer {border-top: 1px solid #ff1919;border-bottom: 2px solid #000;max-width:100%; background-color:#8b0000; position: fixed;bottom:0; left:0; width:100%; height:25px;z-index:1;}

@media only screen and (max-width: 800px) {
.nav-mobile {display: block;}
 nav {width: 50%;padding:1.87em 0 15px;}
 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: #69acdf;color: #000;text-decoration: none;}
 nav ul {list-style: none;margin: 0px;padding: 4px;background-color: #4d80b1;}
 
#footer {display: none;}
#pfeil-hoch {display: none;}

}

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

#nav-toggle {position: absolute;left: 28px;top: 10px;cursor: pointer;padding: 10px 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: #69acdf;color: #000;text-decoration: none;}
 nav ul {list-style: none;margin: 0px;padding: 4px;background-color: #8b0000;}
 
}