#mainmenu {
    position: relative;
    margin: 47px 0 0;
    width: calc(100% - 145px);
}

#mainmenu ul {
    position: relative;
}

#mainmenu ul li {
    display: inline-block;
    position: static;
}

#mainmenu ul li a {
    color: #58585a;
    display: block;
    font-family: "klavikabold_italic", Verdana, sans-serif;
    font-size: 1.15em;
    /*font-style: italic;*/
    padding: 8px 10px;
    position: relative;
}

#mainmenu ul li.active a,
#mainmenu ul li:hover a,
#mainmenu ul li.active ul li.active a,
#mainmenu ul li.active ul li:hover a,
#mainmenu ul li:hover ul li:hover a {
    color: #EE7202;
}

/* gelb */
#mainmenu ul li.color-1.active a,
#mainmenu ul li.color-1:hover a,
#mainmenu ul li.color-1.active ul li.active a,
#mainmenu ul li.color-1.active ul li:hover a,
#mainmenu ul li.color-1:hover ul li:hover a {
    color: #efc100;
}

/* orange */
#mainmenu ul li.color-2.active a,
#mainmenu ul li.color-2:hover a,
#mainmenu ul li.color-2.active ul li.active a,
#mainmenu ul li.color-2.active ul li:hover a,
#mainmenu ul li.color-2:hover ul li:hover a {
    color: #f18800;
}

/* dunkel orange */
#mainmenu ul li.color-3.active a,
#mainmenu ul li.color-3:hover a,
#mainmenu ul li.color-3.active ul li.active a,
#mainmenu ul li.color-3.active ul li:hover a,
#mainmenu ul li.color-3:hover ul li:hover a {
    color: #e94f10;
}

/* rot */
#mainmenu ul li.color-4.active a,
#mainmenu ul li.color-4:hover a,
#mainmenu ul li.color-4.active ul li.active a,
#mainmenu ul li.color-4.active ul li:hover a,
#mainmenu ul li.color-4:hover ul li:hover a {
    color: #e60a14;
}

/* dunkel rot */
#mainmenu ul li.color-5.active a,
#mainmenu ul li.color-5:hover a,
#mainmenu ul li.color-5.active ul li.active a,
#mainmenu ul li.color-5.active ul li:hover a,
#mainmenu ul li.color-5:hover ul li:hover a {
    color: #b61918;
}

/* dunkel gold */
#mainmenu ul li.color-6.active a,
#mainmenu ul li.color-6:hover a,
#mainmenu ul li.color-6.active ul li.active a,
#mainmenu ul li.color-6.active ul li:hover a,
#mainmenu ul li.color-6:hover ul li:hover a {
    color: #b6a260;
}

#mainmenu ul li.color-1.active ul li a,
#mainmenu ul li.color-1:hover ul li a,
#mainmenu ul li.color-2.active ul li a,
#mainmenu ul li.color-2:hover ul li a,
#mainmenu ul li.color-3.active ul li a,
#mainmenu ul li.color-3:hover ul li a,
#mainmenu ul li.color-4.active ul li a,
#mainmenu ul li.color-4:hover ul li a,
#mainmenu ul li.color-5.active ul li a,
#mainmenu ul li.color-5:hover ul li a ,
#mainmenu ul li.color-6.active ul li a,
#mainmenu ul li.color-6:hover ul li a {
    color: #000000;
}

#mainmenu ul li ul {
    background-color: #ffffff;
    display: none;
    position: absolute;
}

#mainmenu ul li:hover ul,
#mainmenu ul li.active ul {
    display: block;
}

#mainmenu ul li:hover ul {
    z-index: 1;
}

#mainmenu ul li ul li {
    display: inline-block;
    position: relative;
}

#mainmenu ul li ul li a {
    color: #2c2f3e;
    font-family: "klavika_regularregular", Verdana, sans-serif;
    font-size: 0.94em;
    line-height: 0;
    font-style: unset;
    padding: 10px 10px 12px;
}

#mainmenu ul#menu2 {
    /* display: block; */
    left: 0;
    line-height: 1em;
    margin-top: -4px;
    padding-left: 2.5em;
    padding-top: 5px;
    width: 100%;
}