@media only screen and (min-width: 990px) { 

    /* Stadtbus */
    #main-navigation ul.level_1 li.submenu:nth-of-type(1) ul.level_2  {
        width: 1140px;
        width: calc(95vw - 10px);
        column-count: 4;
    }
    /* OVA Reisen */
    #main-navigation ul.level_1 li.submenu:nth-of-type(2) ul.level_2  {
        width: 1140px;
        width: calc(95vw - 10px);
        column-count: 4;
    }
    /* Reisebüro, Aktuell, Info, Kontakt */
    #main-navigation ul.level_1 li.submenu:nth-of-type(3) ul.level_2,
    #main-navigation ul.level_1 li.submenu:nth-of-type(4) ul.level_2,
    #main-navigation ul.level_1 li.submenu:nth-of-type(5) ul.level_2,
    #main-navigation ul.level_1 li.submenu:nth-of-type(6) ul.level_2  {
        width: 310px;
        column-count: 1;
    }

    #main-navigation li.submenu:nth-of-type(1):hover .level_2, 
    #main-navigation li.submenu:nth-of-type(1):focus .level_2, 
    #main-navigation li.submenu:nth-of-type(1).debug .level_2 {
        left: -390px;
        left: calc(-24vw + 55px);
    }
    #main-navigation li.submenu:nth-of-type(2):hover .level_2, 
    #main-navigation li.submenu:nth-of-type(2):focus .level_2, 
    #main-navigation li.submenu:nth-of-type(2).debug .level_2 {
        left: -490px;
        left: calc(-24vw - 43px);
    }

    #main-navigation ul.level_1 > li.submenu:hover > a {
        background-color: #2169b9;
    }

    #main-navigation ul.level_1 > li.submenu:after {
        content: '';
        height: 30px;
        width: 30px;
        background: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        bottom: -36px;
        z-index: 2;
        opacity: 0;
        /*transition: opacity 300ms ease-in-out;*/
    }

    #main-navigation li.submenu:hover .level_2, 
    #main-navigation li.submenu:focus .level_2, 
    #main-navigation li.submenu.debug .level_2 {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    #main-navigation ul.level_1 > li.submenu:hover:after {
        opacity: 1;
    }

    #main-navigation input.menu_toggler {
        display: none;
    }

    #main-navigation li.submenu {
        text-transform: none;
    }

    #main-navigation .level_1 ul:after {
        display: none;
    }

    #main-navigation li.submenu ul.level_2 {
        z-index: 1;        
        background: #fff !important;
        background: linear-gradient(transparent 0, transparent 20px, #fff 20px, #fff 100%) !important;
        padding-top: 50px;
        column-gap: 0;
        padding-bottom: 30px;
    }
    #main-navigation li.submenu ul.level_2:after {
        content: '';
        width: 100%;
        height: calc(100% - 20px);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        z-index: -1;
        border: 0;
        box-shadow: 0px 6px 12px 2px rgba(0,0,0,.5);
    }

    #main-navigation li.submenu:nth-of-type(1) ul.level_2:before,
    #main-navigation li.submenu:nth-of-type(2) ul.level_2:before {
        content: '';
        width: 100%;
        height: calc(100% - 80px);
        position: absolute;
        left: 0;
        right: 0;
        top: 50px;
        display: block;
        z-index: -1;
        border: 0;
        background: linear-gradient(to right, transparent 0, transparent 25%, #005db0 25%, #005db0 calc(25% + 1px), transparent calc(25% + 1px), transparent 50%, #005db0 50%, #005db0 calc(50% + 1px), transparent calc(50% + 1px), transparent 75%, #005db0 75%, #005db0 calc(75% + 1px), transparent calc(75% + 1px), transparent 100%);
    }    

    #main-navigation li.submenu ul.level_2 li {
        float: none;
        width: auto;
        background: none;
        margin-left: 30px;
        margin-right: 30px;
    }
    #main-navigation li.submenu ul.level_2 li a {
        text-transform: none;
        color: #005db0;
        font-weight: bold;
        line-height: 1.25 !important;
        border-right: 0;
    }

    #main-navigation ul.level_2 li.submenu {
        break-inside: avoid;
    }

    #main-navigation ul.level_3 {
        margin: 0;
        padding: 0;
        width: auto;
        letter-spacing: normal;
        border-right: 0;
        
    }

    #main-navigation li.submenu ul.level_3 li {
        margin-left: 0;
        margin-right: 0;
    }

    #main-navigation li.submenu ul.level_3 li a {
        color: #000;
        font-weight: normal;
    }

    #main-navigation li.submenu ul.level_4 li {
        padding-left: 40px;
    }    

}

@media only screen and (min-width: 1181px) { 
    /* Stadtbus */
    #main-navigation ul.level_1 li.submenu:nth-of-type(1) ul.level_2  {
        width: 1140px;
    }
    /* OVA Reisen */
    #main-navigation ul.level_1 li.submenu:nth-of-type(2) ul.level_2  {
        width: 1140px;
    }

    #main-navigation li.submenu:nth-of-type(1):hover .level_2, 
    #main-navigation li.submenu:nth-of-type(1):focus .level_2, 
    #main-navigation li.submenu:nth-of-type(1).debug .level_2 {
        left: -390px;
    }
    #main-navigation li.submenu:nth-of-type(2):hover .level_2, 
    #main-navigation li.submenu:nth-of-type(2):focus .level_2, 
    #main-navigation li.submenu:nth-of-type(2).debug .level_2 {
        left: -490px;
    }
}