body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }

/* Klasse für JS-Zuordnung der Reiterfarbe bei Roll-Over innerhalb Unternavigation   ======================= */
.hover {  }

/* The animation code */
@keyframes awesome {
    from { height: 0; line-height: 0; }
    to { height: 44px; line-height: 45px; }
}


/* Button   ======================= */
.btn { font-size: 1.5em; position: absolute; z-index: 100; bottom: 0; line-height: 40px; color: #fff; }
.btn:hover { color: #cc3300; cursor: pointer; }

/* Hauptnavigation   ======================= */
nav { width: 100%; transition-duration: 0s; }

nav ul { list-style: none; margin: 0; padding: 0; }
#nav { position: absolute; left: -4.347826%; z-index: 10; width: 75%; text-align: left; background-color: #fff; }
#nav a { height: 0; line-height: 0; display: block; border-bottom-width: 0; padding: 0 10px 0 6%; overflow: hidden; font-size: 0.85em; color: #666; text-decoration: none; }

#toggle { position: absolute; top: -9999px; left: -9999px; }
#toggle:checked ~ #nav { z-index: 101;
	-webkit-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	-moz-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	-ms-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	-o-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7); }
#toggle:checked ~ #nav a { height: 44px; line-height: 45px; animation-name: awesome; animation-duration: 0.25s; border-bottom: 1px solid #d9d9d9; position: relative; z-index: 2; }
#toggle:checked ~ #nav a:hover { color: #fc663d; background-color: #fff; transition-duration: 0.15s; }
#toggle:checked ~ #nav #close { position: relative; z-index: 0; }
#toggle:checked ~ #nav #close label { background: transparent; border-bottom: 0; position: absolute; left: -35%; right: 0; top: -100em; bottom: -100em; z-index: 0; }
#toggle:checked ~ nav #nav li.current a { color: #cc3300; background-color: #fff; }
#nav li.current a { color: #cc3300; background-color: #fff; }
.zwischentitel { display: none; }


/* Unternavigation   ======================= */
#nav .contains-sub i { line-height: 40px; float: right; padding-right: 2%; }
#nav .submenu a { padding-left: 12px; }

#toggle:checked ~ #nav .submenu li,
#toggle:checked ~ #nav .submenu a { height: 0; line-height: 0; border-bottom-width: 0; }
#toggle:checked ~ #nav .submenu a { background-color: #ffefe5; }
#toggle:checked ~ #nav .submenu.open li,
#toggle:checked ~ #nav .submenu.open a { height: 39px; line-height: 40px; color: #808080; border-bottom: 1px solid #e0cccc; }
#toggle:checked ~ #nav .submenu a:hover { color: #94c242; background-color: #fae6e8; }



/* =======================================
	Responsive
======================================= */
@media screen and (min-width: 1000px) {
.btn { display: none; }

/* Hauptnavigation   ======================= */
nav { position: absolute; bottom: -60px; border-bottom: 1px solid #999999; }
#nav { top: 0; left: 0; width: 100%; max-width: none; margin-left: auto; }
#nav a { padding: 0 2.5em 0 0; transition-duration: 0.5s; }
#nav > li { position: relative; }

#toggle:checked ~ #nav, #nav { position: relative; z-index: 10; list-style: none; text-align: left; 
	-webkit-box-shadow: 0 0 0 0;
	-moz-box-shadow: 0 0 0 0;
	-ms-box-shadow: 0 0 0 0;
	-o-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0; }
#toggle:checked ~ #nav li, #nav li { float: left; }

#toggle:checked ~ #nav li:nth-of-type(6), #nav li:nth-of-type(6) { float: right; }
#nav li:nth-of-type(6) a { padding: 0 1px; }

#toggle:checked ~ #nav a,	#nav a { line-height: 60px; height: 60px; display: block; border: 0; font-weight: 400; letter-spacing: 0.015em; color: #666; background-color: #transparent; }


#toggle:checked ~ #nav a:hover { color: #fc663d; background-color: transparent; transition-duration: 0.1s; }
#nav a:hover { color: #fc663d; background-color: transparent; transition-duration: 0.1s; }

#toggle:checked ~ #nav li.current a { color: #cc3300; background: none; background-color: transparent; }
#nav li.current a { color: #cc3300; background: none; background-color: transparent; }

#nav #close { display: none; }



/* Unternavigation   ======================= */
nav .contains-sub i { display: none; position: absolute; top: -999em; left: -999em; }
#nav .submenu a { padding-left: 0; transition-duration: 0s; }

#toggle:checked ~ #nav .submenu,
#nav .submenu { position: absolute; left: -999em; 
	-webkit-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	-moz-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	-ms-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	-o-box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7);
	box-shadow: 0px 10px 15px -5px rgba(25,0,0,0.7); }

#toggle:checked ~ #nav li:hover .submenu,
#nav li:hover .submenu { left: 0; top: 80px; z-index: 11; width: 12em; }
#toggle:checked ~ #nav li:hover .submenu li { float: none; }

#toggle:checked ~ #nav .submenu a { background: none; padding-left: 0.5em; width: 11em; }
#nav li:hover .submenu a {	padding-left: 0.5em; width: 11em; }
#toggle:checked ~ #nav li:hover .submenu a,
#nav li:hover .submenu a {	height: 49px; line-height: 50px; background-color: #FFF; border-bottom: 1px solid #e0cccc; }

#toggle:checked ~ #nav .submenu.open li,
#toggle:checked ~ #nav .submenu.open a { position: relative; height: 49px; line-height: 50px; }

#toggle:checked ~ #nav li:hover .submenu a:hover,
#nav li:hover .submenu a:hover { color: #cc9933; background-color: #fae6e8; }
}

@media screen and (min-width: 1400px) {
#nav a { padding: 0 5em 0 0; }
#nav li:nth-of-type(6) a { padding: 0 1px; }
}