/* menu.css */

a.hbg {
    color:#0341bb;
}
a.hbg:before {
    float:left;
    font-size:150%;
    margin-right: 5px;
    /*font-weight:bold;*/
    content:"\f0c9"!important;
    font-family: FontAwesome !important;
}

a.hbg::after {
    float:left;
    font-size:110%;
   /* padding-left: 8px; padding-top: 6px;*/

content: 'Men\00fc';}


/* Hamburger Menü */
a.hbg:hover {
    color:#ffec00;
}

/* Hauptmenü */
.navigation ul {
    margin:18px 0 0;
    padding:0;
    font-size:110%;
    list-style-type:none;
}

/* Hauptmenü */
.navigation ul li {
    width:auto;
    float:left;
    display:block;
    margin-right:1px;
    list-style-type:none;
}

/* Hauptmenü */
.navigation ul li a {
    display:block;
    padding:3px 10px;
    background-color:#fff;
    text-decoration:none;
    color:#0341bb;
    text-transform:uppercase;
}

/* Hauptmenü */
.navigation ul li a:hover {
    display:block;
    background-color:#0341bb;
    color:#ffec00;
}

/* Hauptmenü */
.navigation ul li.active,
.navigation ul li.forward,
.navigation ul li.trail a.submenu {
    display:block;
    background-color:#0341bb;
    font-weight:bold;
    color:#ffec00;
    text-transform:uppercase;
}

/* Hauptmenü */
.navigation ul li  strong.active,
.navigation ul li  strong.forward {
    display:block;
    padding:3px 10px;
}

/* Hauptmenü */
.navigation ul.level_2 {
    float:left;
    display:none;
    list-style-type:none;
}

/* Hauptmenü */
.navigation ul li:hover > ul.level_2 {
    width:200px;
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    background-color:#fff;
    border:1px solid #3c5063;
    list-style-type:none;
    z-index:999;
}

/* Hauptmenü */
.navigation ul.level_2 li {
    width:100%;
    display:block;
    background-color:#fff;
    border-bottom:1px solid #3c5063;
}

/* Hauptmenü */
.navigation ul.level_2 li a,
.navigation ul.level_2 li.active {
    display:block;
    font-size:90%;
    text-decoration:none;
    color:#0341bb;
    text-transform:none;
}

/* Hauptmenü */
.navigation ul.level_2 li a {
    display:block;
    padding:10px;
    font-size:90%;
    text-decoration:none;
    color:#0341bb;
    text-transform:none;
}

/* Hauptmenü */
.navigation ul.level_2 li a.sibling span {
    font-weight:normal;
    text-decoration:none;
    text-transform:none;
}

/* Hauptmenü */
.navigation ul.level_2 li strong.active {
    width:100%;
    padding:10px;
}

/* Hauptmenü */
.navigation ul.level_2 li a:hover {
    display:block;
    background-color:#0341bb;
    color:#ffec00;
}

/* Mobiles Menü */
.mobile_menu {
    z-index: 999;
}

/* Mobiles Menü Hintergrund usw. | Breakpoints direkt im Modul */
.mobile_menu .inner {
    background-color:#363947;
    color:#fff;
    overflow-y: auto;
}

/* Mobiles Menü */
.mobile_navigation ul.level_1 {
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
}

/* Mobiles Menü */
.mobile_navigation ul.level_1 li {
    width:100%;
    float:none;
    list-style-type:none;
}

/* Mobiles Menü */
.mobile_navigation ul.level_1 li a {
    display:block;
    padding:10px 5px 10px 30px;
    background-color:#363947;
    border-bottom:1px solid #282b36;
    text-decoration:none;
    color:#e8e8e8;
}

/* Mobiles Menü */
.mobile_navigation ul.level_1 li a:hover {
    display:block;
    background-color:#89a8c5;
    color:#e8e8e8;
}

/* Mobiles Menü */
.mobile_navigation ul.level_1 li.active {
    display:block;
    padding:10px 5px 10px 30px;
    background-color:#282b36;
    color:#e8e8e8;
}

/* Mobiles Menü */
.mobile_navigation ul.level_1 li.active .submenu {
    display:block;
    margin:0;
    padding:0;
    background-color:#282b36;
    color:#e8e8e8;
}

/* Mobiles Menü */
.mobile_navigation ul.level_1 li.forward .trail {
    display:block;
    margin:5px 0 0;
    padding:10px 5px 10px 30px;
    border-bottom:1px solid #282b36;
    color:#e8e8e8;
    text-transform:uppercase;
}

/* Wenn Submenü, dann Pfeil */
.mobile_navigation ul.level_1 li.submenu > a::after,
.mobile_navigation ul.level_1 li.submenu .active > a::after,
.mobile_navigation ul.level_1 li.submenu_hide.forward .trail::after {
    float:right;
    display:inline-block;
    content: '›';
}

/* Wenn Submenü, dann Pfeil */
.mobile_navigation ul.level_1 li.submenu_show > a::after,
.mobile_navigation ul.level_1 li.submenu_show.forward .trail::after {
    float:right;
    display:inline-block;
    content: '›'; transform: rotate(90deg);
}

/* Mobiles Menü */
.mobile_navigation ul.level_2 {
    display:block;
    margin:0;
    padding:0;
    background-color:#323642;
    font-size:90%;
    color:#e8e8e8;
}

/* Mobiles Menü */
.mobile_navigation ul.level_2 li a,
.mobile_navigation ul.level_2 li.active {
    display:block;
    margin:0;
    padding:10px 10px 10px 40px;
}

/* Mobiles Menü */
.menue-schliessen {
    margin:0 0 0 30px;
    padding:0;
}