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; right: 0; top: 40px; line-height: 40px; color: #8bc47d; }
.btn:hover { color: #53764b; cursor: pointer; }

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

nav ul { list-style: none; margin: 0; padding: 0; }
#nav { position: absolute; top: 80px; right: -4.347826%; z-index: 10; width: 80%; max-width: 15em; margin-left: 20%; text-align: left; background-color: #fff; }
#nav a { height: 0; line-height: 0; display: block; border-bottom-width: 0; padding: 0 10px 0 20px; overflow: hidden; font-size: 0.85em; color: #8bc47d; 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 #8bc47d; position: relative; z-index: 2; }
#toggle:checked ~ #nav a:hover { color: #8bc47d; background-color: #f1eee2; 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: #8bc47d; background-color: #f4f1e8; }
#nav li.current a { color: #8bc47d; background-color: #f4f1e8; }
.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 { width: auto; right: 0; top: 99px; }
#nav { top: 0; left: 0; width: 100%; max-width: none; margin-left: auto; }
#nav a { padding: 0 1.25em; transition-duration: 0.15s; }
#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 a,	#nav a { line-height: 34px; height: 34px; display: block; float: right; border: 0; font-weight: 400; letter-spacing: 0.015em; color: #8bc47d; background-color: #fff;	border-radius: 10px 10px 0 0; border-left: 1px solid #c1beb6; border-top: 2px solid #c1beb6; border-right: 1px solid #c1beb6; }
#toggle:checked ~ #nav li:nth-of-type(1) a,	#nav li:nth-of-type(1) a { border-left: 2px solid #c1beb6; }
#toggle:checked ~ #nav li:nth-of-type(4) a,	#nav li:nth-of-type(4) a { border-right: 2px solid #c1beb6; }


#toggle:checked ~ #nav a:hover { color: #8bc47d; background-color: #f1eee2; transition-duration: 0.1s; }
#nav a:hover { color: #8bc47d; background-color: #f1eee2; transition-duration: 0.1s; }

#toggle:checked ~ #nav li.current a { color: #8bc47d; background: none; background-color: #f4f1e8; }
#nav li.current a { color: #8bc47d; background: none; background-color: #f4f1e8; }

#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 2em; }
}