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 {  }


/* Button   ======================= */
.btn { font-size: 2.5em; position: absolute; z-index: 100; right: 40px; top: 5px; line-height: 40px; color: #535353; }
.btn:hover { color: #e9501d; cursor: pointer; }

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

nav ul { list-style: none; margin: 0; padding: 0; }
#nav { position: absolute; top: 50px; right: -4.347826%; z-index: 10; width: 80%; max-width: 15em; margin-left: 20%; text-align: left; }
#nav a { height: 0; line-height: 0; display: block; border-bottom-width: 0; padding: 0 10px 0 20px; overflow: hidden; font-family: "Montserrat-Medium"; font-weight: 500; font-size: 1em; color: #333; text-decoration: none; }

#toggle { position: absolute; top: -9999px; left: -9999px; }
#toggle:checked ~ #nav { z-index: 101;
	-webkit-box-shadow: 0px 15px 15px -5px rgba(25,0,0,0.5);
	-moz-box-shadow: 0px 15px 15px -5px rgba(25,0,0,0.5);
	-ms-box-shadow: 0px 15px 15px -5px rgba(25,0,0,0.5);
	-o-box-shadow: 0px 15px 15px -5px rgba(25,0,0,0.5);
	box-shadow: 0px 15px 15px -5px rgba(25,0,0,0.5); }
#toggle:checked ~ #nav a { height: 59px; line-height: 60px; background-color: #fff; border-bottom: 1px solid #ccc; position: relative; z-index: 2; }
#toggle:checked ~ #nav a:hover { color: #e9501d; 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: ; }
#nav li.current a { color: ; }
.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: 1024px) {
.btn { display: none; }

/* Hauptnavigation   ======================= */
nav { width: auto; left: 0px; }
#nav { top: 0; left: 0; width: 100%; max-width: none; margin-left: auto; }
#nav a { font-size: 1.375em; padding: 0 6.85em 0 0; transition-duration: 0.5s; }
#nav li:nth-of-type(1) a { padding-left: 70px; }
#nav li:nth-of-type(4n) a { padding: 0; }
    
#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; top: 2px; }
#toggle:checked ~ #nav a,	#nav a { line-height: 70px; height: 70px; display: block; float: right; border: 0; color: #333; background-color: transparent; }

#toggle:checked ~ #nav a:hover { color: #e9501d; transition-duration: 0.15s; }
#nav a:hover { color: #e9501d; transition-duration: 0.15s; }

#toggle:checked ~ #nav li.current a { color: ; }
#nav li.current a { color: ; }

#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: 1050px) {
#nav a { padding: 0 7.9em 0 0; }
#nav li:nth-of-type(1) a { padding-left: 0; }
}