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: 1.5em; position: absolute; z-index: 100; right: 0; top: 60px; line-height: 40px; color: #1d1d1d; }
.btn:hover { color: #0267ad; cursor: pointer; }

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

nav ul { list-style: none; margin: 0; padding: 0; }
#nav { position: absolute; top: 111px; right: -4.347826%; z-index: 10; width: 85%; max-width: 15em; margin-left: 15%; text-align: left; }
#nav a { height: 0; line-height: 0; display: block; border-bottom-width: 0; padding: 0 10px 0 20px; overflow: hidden; font-size: 0.75em; color: #1d1d1d; 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: 49px; line-height: 50px; background-color: #fff; border-bottom: 1px solid #ccc; position: relative; z-index: 2; }
#toggle:checked ~ #nav a:hover { color: #0267ad; background-color: #f3f5fa; 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: #0267ad; }
#nav li.current a { color: #0267ad; }
.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: #e0e5f3; }
#toggle:checked ~ #nav .submenu.open li,
#toggle:checked ~ #nav .submenu.open a { height: 39px; line-height: 40px; color: #1d1d1d; border-bottom: 1px solid #e0cccc; }
#toggle:checked ~ #nav .submenu a:hover { color: #0267ad; background-color: #e0e5f3; }



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

/* Hauptnavigation   ======================= */
nav { width: auto; right: 0; top: 50px; }
#nav { top: 0; left: 0; width: 100%; max-width: none; margin-left: auto; }
#nav a { padding: 0 0.5em 0 0.5em; 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 a,	#nav a { line-height: 60px; height: 60px; display: block; float: right; border: 0; color: #1d1d1d; background-color: transparent; }

#toggle:checked ~ #nav a:hover { color: #0267ad; background-color: rgba(255,255,255,0.75); transition-duration: 0.15s; }
#nav a:hover { color: #0267ad; background-color: rgba(255,255,255,0.75); transition-duration: 0.15s; }

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

#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: #0267ad; background-color: #e0e5f3; }
}

@media screen and (min-width: 1400px) {
#nav a { padding: 0 1.5em; }

}