@charset "utf-8";
/* CSS Document */

/* ------------------------------
Hauptmenu
------------------------------ */
.o_nav_section { display:block; position:relative; z-index:2000; font-family:Raleway, Tahoma, Geneva; }

.o_mn_unit { display:table; width:100%; border-bottom:1px solid #eee; }
.o_mn_unit:last-child { border-bottom:0; }
.o_mn_icon { display:table-cell; text-align:center; vertical-align:middle; background-color:#47b; }
.o_mn_icon i { color:#fff; font-size:3em; }
.o_mn_list { display:table-cell; padding:.8em 0; }


/* Level I */
.o_nav { margin-top:8px; display:block; position:relative; list-style:none; }
.o_nav li { list-style:none; }
.o_nav > li { float:left; }
.o_nav li a { display:block; padding:.6em .8em; text-align:center; text-decoration:none; color:#666; }
.o_nav li a:hover { color:#000; background-color:#ddd; }
.o_nav li a.o_active { color:#fff; background-color:#47b; }
.o_nav > li > a {  }
.o_nav li:hover > ul { display:block; }
/* Level II */
.o_nav ul { display:none; position:absolute; top:100%; font-size:.9em; background-color:#fff; }
.o_nav ul li { position:relative; }
.o_nav ul li a { overflow:hidden; text-align:left; text-decoration:none; color:#158; font-size:1em; }
.o_nav ul li a:hover, .o_nav ul li a.o_active { color:#000; background-color:#ddd; border:0; }

.o_nav ul.o_start { left:10px; width:180px; }
.o_nav ul.o_start .o_mn_icon { width:30%; }
.o_nav ul.o_start .o_mn_list { width:70%; }
.o_nav ul.o_start li { display:block; }
.o_nav ul.o_start li a { padding:.4em .4em; }

.o_nav ul.o_endo { left:10px; width:190px; }
.o_nav ul.o_endo .o_mn_icon { width:20%; }
.o_nav ul.o_endo .o_mn_list { width:80%; }
.o_nav ul.o_endo li { display:block; }
.o_nav ul.o_endo li a { padding:.4em .4em; }

.o_nav ul.o_spezi { left:40px; width:150px; }
.o_nav ul.o_spezi .o_mn_icon { width:30%; }
.o_nav ul.o_spezi .o_mn_list { width:70%; }
.o_nav ul.o_spezi li { display:block; }
.o_nav ul.o_spezi li a { padding:.4em .4em; }

/* Level III */
.o_nav ul ul li { }
.o_nav ul ul li a { color:#79b; background-color:#258; }	
/* Level IV */
.o_nav ul ul ul li {  }
.o_nav ul ul ul li a { color:#79b; background-color:#369; }	
/* Trigger */
.o_nav_trigger { position:absolute; padding:0 .8em; left:10px; top:10px; background-color:#369; }
.o_nav_trigger:hover { background-color:#69c; }


/* ------------------------------
Submenu
------------------------------ */
.o_subnav_section { display:block; margin-bottom:2em; font-size:.9em; }

.o_subnav { display:block; padding-bottom:1em; list-style:none; background-color:#dc5 }
.o_subnav h3 { padding:1em .4em; text-align:center; color:#fff; background-color:#47b; }
.o_subnav h3 i { font-size:3em; }
.o_subnav li { list-style:none; }
.o_subnav li a { display:block; padding:.2em .4em; text-decoration:none; color:#333; }
.o_subnav li a:hover, .o_subnav li a.o_active { color:#000; background-color:#ddd; }



/* ------------------------------
Box Sizing
------------------------------ */
.o_nav_framework,
.o_nav,
.o_nav li,
.o_nav_trigger
{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }




/* ------------------------------
Clearfix
------------------------------ */
.o_section_header,
.o_nav,
.o_mn_unit
{ zoom:1; }

.o_section_header:before,
.o_nav:before,
.o_mn_unit:before
{ display:table; content:""; }

.o_section_header:after,
.o_nav:after,
.o_mn_unit:after
{ display:table; clear:both; content:""; }

/* ------------------------------
Shadow
------------------------------ */
.o_nav ul
{ -moz-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); }



@media screen and (min-width:320px) {

/* Level II */
.o_nav ul.o_start { left:10px; width:180px; }
.o_nav ul.o_endo { left:20px; width:200px; }
.o_nav ul.o_spezi { left:100px; width:150px; }

/* ------------------------------
Submenu
------------------------------ */
.o_subnav_section { margin-left:1em; padding-left:1em; border-left:1px solid #ccc; }

}



@media screen and (min-width:480px) {

.o_nav_section { width:80%; }


/* Level I */
.o_nav > li { margin-right:1em; }
.o_nav > li:last-child { margin-right:0; }
.o_nav > li > a { font-size:1.2em; }

/* Level II */
.o_nav ul.o_start { left:10px; width:180px; }
.o_nav ul.o_endo { left:30px; width:200px; }
.o_nav ul.o_spezi { left:150px; width:150px; }


}



@media screen and (min-width:620px) {

/* Level I */
.o_nav { margin-top:-52px; float:right; display:inline-block; }
/* Level II */
.o_nav ul {  }

.o_nav ul.o_start { left:-40px; width:200px; }
.o_nav ul.o_start li {  }
.o_nav ul.o_start li a {  }

.o_nav ul.o_endo { left:-150px; width:500px; }
.o_nav ul.o_endo li { float:left; width:48%; }
.o_nav ul.o_endo li:nth-child(odd) { margin-right:2%; }
.o_nav ul.o_endo li:nth-child(odd) a { padding:.4em .4em;  }

.o_nav ul.o_endo li:nth-child(even) { margin-left:2%; }
.o_nav ul.o_endo li:nth-child(even) a { padding:.4em .4em;  }

.o_nav ul.o_spezi { left:150px; width:200px; }
.o_nav ul.o_spezi li {  }
.o_nav ul.o_spezi li a {  }

/* Level III */
.o_nav ul ul { left:100%; top:0; }
/* Trigger */
.o_nav_trigger { display:none; }


/* ------------------------------
Transition
------------------------------ */
/* All */
.o_nav li a, .o_nav li a:hover,
.o_nav ul li a i, .o_nav ul li a:hover i,
.o_subnav li a, .o_subnav li a:hover
{ -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -ms-transition:all .5s ease-out; }


}



@media screen and (min-width:800px) {

/* Level II */
.o_nav ul.o_start { left:-20px; width:200px; }
.o_nav ul.o_endo { left:-250px; width:600px; }
.o_nav ul.o_spezi { left:150px; width:200px; }

}



@media screen and (min-width:960px) {

.o_nav_section { width:70%; }

/* Level II */
.o_nav ul.o_start { left:-80px; width:300px; }
.o_nav ul.o_endo { left:-200px; width:700px; }
.o_nav ul.o_spezi { left:140px; width:300px; }

}



@media screen and (min-width:1150px) {


/* Level II */
.o_nav ul.o_start { left:-80px; width:300px; }
.o_nav ul.o_endo { left:-200px; width:700px; }
.o_nav ul.o_spezi { left:180px; width:300px; }

}



@media screen and (min-width:1500px) {

/* Level II */
.o_nav ul.o_start { left:-80px; }
.o_nav ul.o_endo { left:-160px; }
.o_nav ul.o_spezi { left:200px; }


}