/* Page Header */

header.top {
    height: 270px;
    position: relative;
    border-bottom: 3px solid #990374;
}

/* Header Navigationen */

header nav.mainnav {
    text-transform: uppercase;
    top: 190px;
    position: absolute;
    left: 0;
    width: 100%;
    font-family: 'RobotoRegular', sans-serif;
}

.navbg {
    /* display: block; */
}

/* First Level */

header nav ul {
    margin: 0;
    padding: 0;
    /* float: right; */
}

header nav.mainnav ul {
    width: 100%;
}

header nav li {
    /* float: left; */
    font-size: 20px;
    list-style-type: none;
    /* padding: 0 23px 0 23px; */
    /* display: block; */
    /* height: auto; */
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsAQMAAACe6UAiAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADAzLzAyLzE2dUShAgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAMSURBVAiZY2CgDQAAAFgAAVZrqCUAAAAASUVORK5CYII=) 0 3px no-repeat;
}

header nav>ul li:first-child {
    padding-left: 0;
    background: transparent
}

header nav li:last-child {
    padding-right: 0;
}

header nav.mainnav li a {
    padding-top: 13px;
    /* color: #000000; */
    display: block;
    height: 64px;
    border-top: 3px solid #fff;
}

header nav.mainnav ul li.sfHover a header nav.mainnav ul li.open a, header nav.mainnav ul li.active a, header nav.mainnav ul li a:hover {
    /* color: #990374;
    border-top: 3px solid #990374; */
}

header nav ul .open ul {
    background: transparent;
}

header nav.mainnav ul li.open a, header nav.mainnav ul li.sfHover a {
    /* padding: 13px 0 0 0; */
}

header nav.mainnav>li.parent.active a {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAJCAYAAADQHRcxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8wMS8xNmfxDuwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAWUlEQVQokaXMQQrAIAxE0UF7T72DXqbdtDeNm7RgNRlLP4QQCA8iAjZ7LHnlL4B0bPUCcOp2czEFkp6JgSb2gu5ccIoZEAUHjEAu2GGLkAk+2EdoCoYf0AA24a5YO1vUhRgAAAAASUVORK5CYII=) center bottom no-repeat;
}

/* 2nd Level */

header nav ul ul, header nav ul .open ul, header nav ul .sfHover ul {
    display: none;
    position: absolute;
    padding: 45px 0 0 0;
    margin-top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    /* min-height: 400px; */
    /* background: #990374; */
}

header nav ul ul li, header nav ul .open ul li, header nav ul .sfHover ul li {
    float: none;
    /*padding:0;*/
    /* margin-right: 0; */
    /*10px*/
    border: 0;
    /* width: 350px; */
    border-bottom: 1px solid #A82989;
    /*background:transparent;*/
}

header nav ul ul li.parent {
    /* background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARBAMAAAAWDSDWAAAAA3NCSVQICAjb4U/gAAAAMFBMVEWZA3SjHIKcCninJ4ifEXynJYebB3ahF3+lIYSdDnqoKYmZBHWdDHmfE32nJoebCXcVwHuvAAAAEHRSTlMA////////////////////wFCLQwAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8wMi8xNnVEoQIAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAM0lEQVQImWP4wAACb8DkKgcwuRxMrpIGkysSQOSqRWBy1QQwuRaJnACXhaiURpjgADcZAIAqIS/NW1WGAAAAAElFTkSuQmCC) center right no-repeat; */
}

header nav ul ul li.parent.active, header nav ul ul li.parent.open, header nav ul ul li.parent.sfHover {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARBAMAAAAWDSDWAAAAA3NCSVQICAjb4U/gAAAAKlBMVEVdAUeVA3FqBlJ9B2CIBmh2B1uEB2aRBG9hA0uZA3SPBm1uBlWBB2N2CFs9/te4AAAADnRSTlP///////////8A/////6Km9MkAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMDIvMTZ1RKECAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAADRJREFUCJlj8JwJBAw8YJIhEkxyS4JIBnUwybESRDKwgUkGSzDJi0RawmUhKtURJkTCTQYAgD0Vkjzy898AAAAASUVORK5CYII=) center right no-repeat;
}

header nav ul ul li:first-child {
    padding: 0;
}

header nav.mainnav li.open li a, header nav.mainnav li.sfHover li a, header nav.mainnav li.active li a {
    background: transparent;
    padding: 11px 0 10px 0;
    border-top: 0;
}

header nav.mainnav ul ul li a {
    color: #fff!important;
    display: block;
    font-family: 'RobotoLight', sans-serif;
    font-size: 20px;
    height: auto;
    /* line-height: 25px; */
    padding: 10px 0;
    border-top: 0;
}

header nav ul ul li.open a, header nav ul ul li.sfHover a, header nav.mainnav ul ul li.active a, header nav.mainnav ul ul li.open a, header nav.mainnav ul ul li.sfHover a, header nav.mainnav ul ul li a:hover {
    font-family: 'RobotoBlack', sans-serif;
}

header nav ul ul li:last-child {
    border-bottom: 0;
    padding: 0;
}

/* 3rd Level */

header nav ul ul ul.level3, header nav ul .open ul .open ul.level3 {
    /* display: none;
    position: absolute;
    margin-left: 360px;
    top: 114px;
    background: transparent;
    width: 370px;
    height: 380px;
    padding: 0;
    text-transform: none;
    border-left: 1px solid #A82989;
    border-right: 1px solid #A82989; */
}

header nav ul ul li.open ul.level3, header nav ul ul li.sfHover ul.level3 {
    display: block;
}

header nav ul ul ul li, header nav ul ul ul li:first-child, header nav ul ul ul li:last-child, header nav ul ul ul.open li, header nav ul ul ul.sfHover li, header nav ul .open ul ul li, header nav ul .open ul ul li:first-child, header nav ul .open ul ul li:last-child, header nav ul .open ul ul.open li, header nav ul .open ul ul.sfHover li {
    /* width: 350px;
    padding: 0 10px; */
    background: #890368
}

header nav ul ul ul li.parent, header nav ul ul ul li.active, header nav ul ul ul li.open, header nav ul ul ul li.sfHover {
    width: 350px;
    background: #890368;
    padding: 0 10px;
}

header nav.mainnav li.parent.open>li a, header nav.mainnav li.parent.sfHover>li a, header nav.mainnav li.parent.active>li a {
    background: transparent;
}

header nav ul ul li.active ul.level3 a {
    font-family: 'RobotoLight', sans-serif;
}

header nav ul ul li.active ul.level3 a {
    font-family: 'RobotoLight', sans-serif;
}

header nav.mainnav ul li.active li li a, header nav.mainnav ul li li li a:hover {
    border-top: 1px solid #990374;
}

header nav.mainnav ul li.active li li a:first-child, header nav.mainnav ul li li li a:first-child:hover {
    border-top: 0;
}

header nav ul li.active ul li.open ul.level3 li a, header nav ul li.active ul li.sfHover ul.level3 li a {
    font-family: 'RobotoLight', sans-serif;
    background: transparent;
}

header nav ul li ul li ul.level3 li.active a, header nav ul li.active ul li.open ul.level3 li.open a, header nav ul li.active ul li.sfHover ul.level3 li.sfHover a, header nav ul li.active ul li.open ul.level3 li.wasopen a, , header nav ul li.active ul li.sfHover ul.level3 li.wasopen a, header nav ul li.active ul li.open ul.level3 li a:hover, header nav ul li.active ul li.sfHover ul.level3 li a:hover {
    font-family: 'RobotoBlack', sans-serif;
}

/* Separate focus-behaviour of mouse- and keyboard-navigation */
a.sf-with-ul:focus, span.innerNav:focus {
    outline: none;
}

a.sf-with-ul:focus > span.innerNav {
    outline: 3px #736d72 dashed;
}