nav {width:90%; top:0; background:#ffffff; margin:0px; padding-left:5%; padding-right:5%; line-height:1; display:block; font-family:'SansPro-Regular'; z-index:1000; border-top:1px solid #5f5f5f;
	 border-bottom:1px solid #5f5f5f; position:relative;}
nav ul {list-style:none; margin:0px; padding:0px; display:block;}
nav ul:after, nav:after {content:" "; display:block; font-size:0px; height:0px; clear:both; visibility:hidden;}
nav ul li {margin:0px; padding:0px; display:block; position:relative;}
nav ul li a {text-decoration:none; display:block; margin:0px; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease;
			 transition:color .2s ease; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
nav ul li a.visit2 {text-decoration:none; display:block; margin:0px; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease;
			        transition:color .2s ease; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* Hintergrundfarbe Hauptmenü inaktiv */
#visit {background:#f96310; color:#ffffff; padding:10px 20px; display:block; margin:0; font-weight:normal; text-transform:uppercase; font-size:17px; z-index:2;}
nav > ul > li.wht:after {content:""; display:block; width:100%; height:0px; top:0px; z-index:0; background:transparent; position:absolute;}
nav ul li ul {left:-9999px; top:auto; border-left:1px solid #5f5f5f; border-right:1px solid #5f5f5f; border-bottom:1px solid #5f5f5f; position:absolute;}
/* Hintergrundfarbe Submenü */
nav ul li ul li {max-height:0px; -webkit-transition:max-height 0.4s ease-out; -moz-transition:max-height 0.4s ease-out; -ms-transition:max-height 0.4s ease-out; -o-transition:max-height 0.4s ease-out;
				 transition:max-height 0.4s ease-out; background:#ffffff; position:absolute;}
nav ul li ul li.has-sub:after {display:block; content:""; height:10px; width:10px; border-radius:5px; background:#000000; z-index:1; top:13px; right:15px; position:absolute;}
nav.align-right ul li ul li.has-sub:after {right:auto; left:15px;}
nav ul li ul li.has-sub:before {display:block; content:""; height:0; width:0; border:3px solid transparent; border-left-color:#ffffff; z-index:2; top:15px; right:15px; position:absolute;}
/* Fontsize + Width Submenü */
nav ul li ul li a {font-size:16px; font-weight:normal; text-transform:none; color:#000000; letter-spacing:0; display:block; width:195px; padding:11px 10px 11px 20px;}
/* Hover: Font Color + Background Color Submenü */
nav ul li ul li:hover > a, nav ul li ul li.active > a {color:#000000; background:#ededed;}
nav ul li ul li:hover:after, nav ul li ul li.active:after {background:#4cb6ea;}
nav ul li ul li:hover > ul {left:100%; top:0;}
nav ul li ul li:hover > ul > li {max-height:72px; position:relative;}
nav > ul > li {float:left;}
/* Background Hover Hauptmenü */
nav > ul > li:after {content:""; display:block; width:100%; height:0; top:0; z-index:0; background:#ffffff; -webkit-transition:height .2s; -moz-transition:height .2s; -ms-transition:height .2s;
						  -o-transition:height .2s; transition: height .2s; position:absolute;}
/* Fontsize Hauptmenü */
nav > ul > li > a {color:#000000; padding:10px 20px; font-weight:normal; font-size:17px; text-transform:uppercase; z-index:2; position:relative;}
nav > ul > li > a.visit2 {color:#ffffff; background:#f96310; padding:10px 20px; font-weight:normal; font-size:17px; text-transform:uppercase; z-index:2; position:relative;}
nav > ul > li:hover:after, nav > ul > li.active:after {height:100%;}
nav > ul > li:hover > a, nav > ul > li.active > a {color:#ffffff; background:#f96310;}
nav > ul > li:hover > a.visit2, nav > ul > li.active > a.visit2 {color:#ffffff; background:#f96310;}
nav > ul > li:hover > a:after, nav > ul > li.active > a:after {background:#000000;}
nav > ul > li:hover > a:before, nav > ul > li.active > a:before {border-top-color:#ffffff;}
nav > ul > li:hover > ul {left:0px;}
nav > ul > li:hover > ul > li {max-height:72px; position:relative;}
nav #menu-button {display:none;}
nav > ul > li > a {display:block;}
nav > ul > li {width:auto;}
nav > ul > li > ul {width:195px; display:block;}
nav > ul > li > ul > li {width:195px; display:block;}
@media (max-width:1100px) {
nav {width:94%; padding-left:3%; padding-right:3%;}
nav > ul > li > a, nav > ul > li > a.visit2, #visit {font-size:16px;}
nav ul li ul li a {font-size:15px; width:186px;}
nav > ul > li > ul {width:186px;}
nav > ul > li > ul > li {width:186px;}
}
@media (max-width:800px) {
nav {width:100%; padding-left:0px; padding-right:0px; border-top:0px; border-bottom:0px; position:relative;}
nav > ul {max-height:0; overflow:hidden; -webkit-transition:max-height 0.35s ease-out; -moz-transition:max-height 0.35s ease-out; -ms-transition:max-height 0.35s ease-out;
		  -o-transition:max-height 0.35s ease-out; transition:max-height 0.35s ease-out;}
nav > ul > li > ul {width:100%; display:block; border-left:0px; border-right:0px; border-bottom:0px;}
nav > ul > li > ul > li {width:100%; display:block;}
nav > ul > li > ul > li > a {width:100%; display:block;}
nav ul li ul li a {width:100%;}
/* Bottom-Linienfarbe Menü offen */
nav > ul.open {max-height:1000px; border-bottom:1px solid #dedede;}
nav ul {width:100%;}
nav ul > li {float:none; width:100%;}
/* Padding + Color + Background Hauptmenü */
nav ul li a {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:12px 15px; color:#555555; background:#ffffff; border-top:1px solid #dedede;}
nav ul li a.visit2 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:12px 15px; color:#ffffff; background:#f96310; border-top:1px solid #f96310;}
nav ul li ul li a {border-top:none;}
/* Hover: Color + Background Hauptmenü */
nav ul li:hover > a {color:#000000; background:#ededed;}
nav ul > li:after {display:none;}
nav ul li.has-sub > a:after, nav ul li.has-sub > a:before, nav ul li ul li.has-sub:after, nav ul li ul li.has-sub:before {display:none;}
nav ul li ul, nav ul li ul li ul, nav ul li ul li:hover > ul {left:0; right:auto; position:relative;}
nav ul li ul li, nav ul li:hover > ul > li {max-height:999px; background:none; position:relative;}
/* Padding + Color + Background Submenü */
nav ul li ul li a {padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:10px; color:#333333; background:#ffffff;}
nav ul li ul li ul li a {padding-top:10px; padding-bottom:10px; padding-left:60px; padding-right:10px; color:#333333; background:#ffffff;}
nav ul li ul li ul {border-bottom:0px;}
/* Hover: Color + Background Submenü */
nav ul li ul li:hover > a {color:#000000; background:#ededed;}
nav ul li ul ul li a {padding:11px 10px 11px 20px;}
/* Button Menü */
nav #menu-button {display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:15px; text-transform:lowercase; font-weight:700; font-size:16px;
				  letter-spacing:1px; color:#777777; background:#285318; cursor:pointer;}
nav #menu-button:after {display:block; content:''; height:4px; width:30px; border-top:3px solid #ffffff; border-bottom:3px solid #ffffff; right:15px; top:16px; position:absolute;}
nav #menu-button:before {display:block; content:''; height:4px; width:30px; border-top:3px solid #ffffff; right:15px; top:30px; position:absolute;}
}
@media print {
nav {display:none;}
}