a.hbg {
    color:#f39200;
}
a.hbg:before {
    float:left;
    font-size:200%;
    font-weight:bold;
    content:"\f0c9"!important;
    font-family: FontAwesome !important;
}

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

/* Hauptmenü */
.navigation ul {
    display:inline;
    margin:0;
    padding:0;
    font-size:120%;
    text-transform:uppercase;
    list-style-type:none;
}

/* Hauptmenü */
.navigation ul li {
    position:relative;
    display:inline-block;
    list-style-type:none;
}

/* Hauptmenü */
.navigation ul li:last-child {
    margin-right:0;
    padding-right:0;
    border: none;
}
.navigation ul li:first-child a {
    margin-left:0;
}

/* Hauptmenü | mit Links langsam eingeblendet */
.navigation ul li a {
    display:block;
    padding:5px 8px;
    text-decoration:none;
    color:#000;
    -webkit-transition:color 0.4s linear, background 0.4s linear;
    -moz-transition:color 0.4s linear, background 0.4s linear;
    -o-transition:color 0.4s linear, background 0.4s linear;
    transition:color 0.4s linear, background 0.4s linear;
}

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

/* Hauptmenü */
.navigation ul li.active,
.navigation ul li.forward,
.navigation ul li.trail a.submenu {
    display:inline-block;
    color:#8ab4e1;
}

/* Hauptmenü */
.navigation ul li  strong.active,
.navigation ul li  strong.forward,
.navigation ul li.trail a.submenu {
    display:block;
    padding:5px 10px;
    background-color:#f39200;
    font-weight:normal;
    color:#fff;
}

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

/* Hauptmenü */
.navigation ul li:hover > ul.level_2 {
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    background-color:#fff;
    border:1px solid #303b24;
    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:#0060b4;
    text-transform:none;
}

/* Hauptmenü */
.navigation ul.level_2 li a {
    display:block;
    padding:10px;
    font-size:90%;
    text-decoration:none;
    color:#0060b4;
    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 {
    padding:10px;
}

/* Hauptmenü */
.navigation ul.level_2 li a:hover {
    display:block;
    background-color:#0060b4;
    color:#fff;
}

/* Untermenü */
.untermenue {
    clear:both;
    float:left!important;
}
#right .navigation {
    margin-top:20px;
}

/* Untermenü */
.navigation.untermenue ul li,
.navigation.untermenue ul li:first-child,
.navigation.untermenue ul li:last-child {
    width:100%;
    margin:0 0 2px;
    padding:0;
    border: none;
}

/* Untermenü */
.untermenue ul li a,
.untermenue ul li strong {
    display:block;
    margin:0;
    padding:5px;
    background-color:#fafafa;
    font-size:80%;
    color:#000;
}

/* Untermenü */
.untermenue ul li a:hover {
    display:block;
    background-color:#f39200;
    color:#fff;
    border: none;
}

/* Untermenü */
.untermenue ul li strong.active {
    margin:0;
    padding:5px;
    border: none;
}

/* 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:#f39200;
    color:#e8e8e8;
}

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

/* Mobiles Menü */
.mobile_navigation ul.level_1 li.active .submenu {
    display:block;
    margin:0 0 0 -10px;
    padding:0 10px 10px;
    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 .active ul.level_2 {
    margin:0 0 -10px -30px;
    padding:0;
}

/* 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ü */
.mobile_navigation ul.level_2 li.active {
    background-color:#f39200;
}

/* Mobiles Menü */
.menue-schliessen {
    margin:0 0 0 30px;
    padding:0 0 0 25px;
    background-repeat:no-repeat;
    font-size:90%;
    color:#fff;
    background-image:url("files/data/gfx/menu/schliessen.png");
}