/*** ESSENTIAL STYLES ***/
.notresmenu .sf-menu, .notresmenu .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .notresmenu .sf-menu li {
        position: relative;
    }

    .notresmenu .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: -359px;
        z-index: 99;
    }

    .notresmenu .sf-menu > li {
        float: left;
    }

    .notresmenu .sf-menu li:hover > ul,
    .notresmenu .sf-menu li.sfHover > ul {
        display: block;
    }

    .notresmenu .sf-menu a {
        display: block;
        position: relative;
    }

        .notresmenu .sf-menu .mobnav-subarrow{
            display: none;
        }

        .notresmenu .sf-menu ul ul {
            top: 0;
            left: 100%;
        }


/*** DEMO SKIN ***/
.notresmenu .sf-menu {
    float: left;
    margin-bottom: 1em;
}

    .notresmenu .sf-menu ul {
        /*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
        min-width: 12em; /* allow long menu items to determine submenu width */
        *width: 12em; /* no auto sub width for IE7, see white-space comment below */
    }

    .notresmenu .sf-menu a {
        color: #0c3457;
    }

    .notresmenu .sf-menu li {
        /*background: #BDD2FF;*/
        /*white-space: nowrap;  no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
        -webkit-transition: background .2s;
        transition: background .2s;
    }

    .notresmenu .sf-menu ul li {
        /*background: #AABDE6;*/
    }

    .notresmenu .sf-menu ul ul li {
        /*background: #9AAEDB;*/
    }

    .notresmenu .sf-menu li:hover,
    .notresmenu .sf-menu li.sfHover {
        color: #D13010;
        -webkit-transition: none;
        transition: none;
    }

/*** arrows (for all except IE7) **/
.notresmenu .sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
    /* styling for both css and generated arrows */
    .notresmenu .sf-arrows .sf-with-ul:not(.mobnav-subarrow):after {
        content: '';
        position: absolute;
        right: 3px;
        top: 18px;
        display: block;
        width: 10px;
        height: 10px;
        border-top: 1px solid #8ea0b1;
        border-right: 1px solid #8ea0b1;
        border-width: 1px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }


.notresmenu .sf-arrows li.level1 > .sf-with-ul:after {
    content: none;
}


/* K&K Anpassungen */
.notresmenu .sf-menu li {
    position: static;
}

    .notresmenu .sf-menu li.level1 > a:not(.mobnav-subarrow) {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 20px;
        color: #0c3457;
        padding: 21px 10px 23px 10px;
        text-transform: uppercase;
        height: 67px;
        /*overflow: hidden;*/
        box-sizing: border-box;
        text-decoration: none;
        position: relative;
    }

    .notresmenu .sf-menu li.level1:first-child:hover > a:before {
        content: '';
        /*background-color: fuchsia;*/
        position: absolute;
        right: 85px;
        bottom: 0px;
        width: 172px;
        height: 50px;
        z-index: 1;
        border: none;
    }

    .notresmenu .sf-menu li.level1:first-child:hover > a:after {
        content: '';
        /*background-color: dodgerblue;*/
        position: absolute;
        right: 211px;
        top: 50px;
        width: 172px;
        height: 30px;
        z-index: 1;
        border: none;
        transform: rotate(0);
    }

    .notresmenu .sf-menu li.level1:nth-child(2):hover > a:before {
        content: '';
        /*background-color: #D13010;*/
        position: absolute;
        left: -22px;
        bottom: 0px;
        width: 56px;
        height: 50px;
        z-index: 1;
        border: none;
    }

    .notresmenu .sf-menu li.level1:nth-child(2):hover > a:after {
        content: '';
        /*background-color: greenyellow;*/
        position: absolute;
        left: -382px;
        top: 43px;
        width: 364px;
        height: 37px;
        z-index: 1;
        border: none;
        transform: rotate(0);
    }

    .notresmenu .sf-menu li.level1:nth-child(3):hover > a:before {
        content: '';
        /*background-color: #ffd800;*/
        position: absolute;
        left: -22px;
        bottom: 0px;
        width: 56px;
        height: 50px;
        z-index: 1;
        border: none;
    }

    .notresmenu .sf-menu li.level1:nth-child(3):hover > a:after {
        content: '';
        /*background-color: thistle;*/
        position: absolute;
        left: -510px;
        top: 43px;
        width: 493px;
        height: 37px;
        z-index: 1;
        border: none;
        transform: rotate(0);
    }

    .notresmenu .sf-menu li.level1:nth-child(4):hover > a:before {
        content: '';
        /*background-color: #b6ff00;*/
        position: absolute;
        left: -22px;
        bottom: 0px;
        width: 56px;
        height: 50px;
        z-index: 1;
        border: none;
    }

    .notresmenu .sf-menu li.level1:nth-child(4):hover > a:after {
        content: '';
        /*background-color: #b200ff;*/
        position: absolute;
        left: -691px;
        top: 43px;
        width: 672px;
        height: 37px;
        z-index: 1;
        border: none;
        transform: rotate(0);
    }

    .notresmenu .sf-menu li.level1:nth-child(5):hover > a:before {
        content: '';
        /*background-color: #00ff90;*/
        position: absolute;
        left: -22px;
        bottom: 0px;
        width: 56px;
        height: 50px;
        z-index: 1;
        border: none;
    }

    .notresmenu .sf-menu li.level1:nth-child(5):hover > a:after {
        content: '';
        /*background-color: #ff006e;*/
        position: absolute;
        left: -890px;
        top: 43px;
        width: 872px;
        height: 37px;
        z-index: 1;
        border: none;
        transform: rotate(0);
    }

    .notresmenu .sf-menu li.level1:last-child a {
        padding-right: 5px;
    }

    /*.sf-menu li.level1:nth-child(6):hover > a:before {
        content: '';
        background-color: blueviolet;
        position: absolute;
        left: -60px;
        bottom: -6px;
        width: 110px;
        height: 50px;
        z-index: 1;
    }

    .sf-menu li.level1:nth-child(6):hover > a:after {
        content: '';
        background-color: darkcyan;
        position: absolute;
        left: -370px;
        top: 43px;
        width: 321px;
        height: 50px;
        z-index: 1;
        transform: rotate(0);
    }*/

    .notresmenu .sf-menu li.level1 > a.extern:after {
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        font-display: auto;
        content: "\f35d";
        font-size: 17px;
        position: relative;
        left: 5px;
        top: -2px;
    }

.notresmenu .ul_level1 a:hover, .notresmenu .ul_level2 li.active > a {
    color: #D13010 !important;
}

.notresmenu .sf-menu li.level1 span.active {
    content: '';
    border-bottom: 10px solid #D13010;
    position: absolute;
    bottom: 0;
    left: 10px;
    /* Firefox */
    width: -moz-calc(100% - 20px);
    /* WebKit */
    width: -webkit-calc(100% - 20px);
    /* Opera */
    width: -o-calc(100% - 20px);
    /* Standard */
    width: calc(100% - 20px);
}

.con-yes.notresmenu .sf-menu li.level1 span.active {
    border-bottom-color: #fff;
}

.notresmenu .sf-menu li.level1 > ul {
    width: 853px;
    /*background-color: #fff;*/
}

.notresmenu .sf-menu li.level2, .notresmenu .sf-menu li.level3 {
    width: 265px;
}

.notresmenu .sf-menu ul ul {
    top: 0;
    left: 265px;
}

.notresmenu .sf-menu li.level2 a:not(.mobnav-subarrow) {
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    line-height: 20px;
    /*outline: medium none;*/
    padding: 14px 15px 14px 0;
    position: relative;
    color: #0c3457;
    font-size: 18px;
    text-decoration: none;
}

.notresmenu .sf-menu .ul_level2 li {
    border-bottom: 1px solid #dbe1e6;
}

.notresmenu .sf-menu .ul_level3 {
    left: 283px;
    border-left: 1px solid #dbe1e6;
    padding: 0 18px;
}

.notresmenu .sf-menu .ul_level4 {
    left: 301px !important;
    border-left: 1px solid #dbe1e6;
    padding: 0 18px;
}


.notresmenu .sf-menu .ul_level2 li:hover > a:before {
    content: '';
    /*background-color: fuchsia;*/
    position: absolute;
    right: -20px;
    top: -30px;
    width: 70px;
    height: 100px;
}

@media screen and (min-width: 1200px ) and (max-width: 1400px) {
    .notresmenu .sf-menu li.level2, .notresmenu .sf-menu li.level3 {
        width: 240px;
    }

    .notresmenu .sf-menu ul ul {
        top: 0;
        left: 240px;
    }

    .notresmenu .sf-menu .ul_level4 {
        left: 275px !important;
    }
}