/*************************************************
partnavigation-2
*************************************************/

/* horizontal */

    /* fundementals */
    .partNavigation.horizontal {
        text-align: left;
    }

    .partNavigation.horizontal ul li {
        position: relative;
        transition-duration: 0.5s;
    }

    .partNavigation.horizontal ul li a {
        text-decoration: none;
    }

    .partNavigation.horizontal li a:focus {
        cursor: pointer;
    }

    .partNavigation.horizontal li:focus,
    .partNavigation.horizontal li a:focus {
        outline: none;
    }

    /* level 0 */
    .partNavigation.horizontal ul.level-0 {
        display: flex; 
        position: relative;
        z-index: 20;
        line-height: 1.3em;
    }

    .partNavigation.horizontal ul.level-0 > li {
        margin-left: 30px;
    }

    .partNavigation.horizontal ul.level-0 > li > a {
        color: #000;
        display: flex;
        align-items: center;
        padding-bottom:5px;
        font-weight: 600;
        font-size: 18px;
    }

    .partNavigation.horizontal ul.level-0 > li:first-child {
        margin-left: 0;
    }
        
        /* icon */
        .partNavigation.horizontal .navigationIcon {
            margin-right: 6px;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }
        
        .partNavigation.horizontal .navigationIcon svg, .partNavigation.horizontal .navigationIcon img { 
            fill:#000;
            height:12px;
        }

        /* dropdown icon */
        .partNavigation.horizontal .navigationIconDropdown {
            margin-left: 6px;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }

        .partNavigation.horizontal .navigationIconDropdown svg {
            margin-top: 2px; /* align arrow better with text */
            width: 10px; 
            height:5px;
            fill:#000;
        }
        
        /* hover & focus */
        .partNavigation.horizontal ul.level-0 > li > a:hover,
        .partNavigation.horizontal ul.level-0 > li > a:focus {
            border-bottom: 3px solid #ee7217;
        }

        /* selected */
        .partNavigation.horizontal ul.level-0 > li.selected > a {
            color: #000;
            border-bottom: 3px solid #55c3e8;
        }

    /* level 1 */
        
        /* dropdown container */
        .partNavigation.horizontal ul li ul {
            visibility: hidden;
            opacity: 0;
            min-width: 260px;
            position: absolute;
            top:100%;
            left: 0;
            transition: 0.2s 0s; /* first value fade in, second value fade out */
            font-weight: 300;
            font-size:16px;
        }
        
        .partNavigation.horizontal ul.level-0 > li:last-child ul {
            left:initial; right:0;
        }
        
        /* showing menu on focus/hover */
        .partNavigation.horizontal ul li:hover > ul,
        .partNavigation.horizontal ul li a:focus + ul,
        .partNavigation.horizontal ul li ul:hover,
        .partNavigation.horizontal ul li ul:focus {
            visibility: visible;
            opacity: 1;
            transition-delay: 0s; /* react immediately on hover */
            z-index: 2; /* fixes a bug with overlay because of visibile */
        }

        .partNavigation.horizontal ul li:focus-within > ul {
            visibility: visible;
            opacity: 1;
        }

        .partNavigation.horizontal ul.level-1 {
            background: #fff;
            box-shadow: 0 0 4px rgba(0,0,0,0.15);
            z-index: 10;
        }

        .partNavigation.horizontal ul.level-1 li a {
            color: #000;
            padding:10px;
            display: flex;
            align-items: center;
        }

        .partNavigation.horizontal ul.level-1 > li.selected > a svg {
            fill: #fff;
        }

        .partNavigation.horizontal ul.level-1 > li > a:hover svg,
        .partNavigation.horizontal ul.level-1 > li > a:focus svg {
        fill: #fff;
        }

        /* arrow */
        .partNavigation.horizontal ul.level-1 > li .navigationIconDropdown  {
            margin-left: auto;
        }

        .partNavigation.horizontal ul.level-1 > li .navigationIconDropdown svg {
            height:5px; width: 10px; transform: rotate(-90deg);
        }
    
        /* hover & focus */
        .partNavigation.horizontal ul.level-1 > li > a:hover,
        .partNavigation.horizontal ul.level-1 > li > a:focus {
            background: #ee7217;
            color: #fff;
        }

        /* selected */
        .partNavigation.horizontal ul.level-1 > li.selected > a {
            background: #55c3e8;
            color: #fff;
        }

    /* level 2 */
        .partNavigation.horizontal ul.level-2 {
            top:0;
            left:100%;
            background: #fff;
            box-shadow: 0 0 4px rgba(0,0,0,0.15);
        }

        .partNavigation.horizontal ul.level-2 li a {
            color: #000;
            padding:10px;
            display: flex;
            align-items: center;
        }

        /* hover & focus */
        .partNavigation.horizontal ul.level-2 > li > a:hover,
        .partNavigation.horizontal ul.level-2 > li > a:focus {
            background: #55c3e8;
            color: #fff;
        }

        /* selected */
        .partNavigation.horizontal ul.level-2 > li.selected > a {
            background: #000;
            color: #fff;
        }

/* vertical */

    /* fundementals */
    .partNavigation.vertical {
        text-align: left;
    }   

    .partNavigation.vertical ul li {
        position: relative;
        transition-duration: 0.5s;
    }

    .partNavigation.vertical ul li a {
        text-decoration: none;
    }

    .partNavigation.vertical li a:focus {
        cursor: pointer;
    }

    .partNavigation.vertical li:focus,
    .partNavigation.vertical li a:focus {
        outline: none;
    }

    /* level 0 */
    .partNavigation.vertical ul.level-0 {
        display: flex; 
        flex-direction: column;
        line-height: 1.3em;
    }

    .partNavigation.vertical ul.level-0 > li {
        background-color: #f0f0f0;
    }

    .partNavigation.vertical ul.level-0 > li > a {
        color: #000;
        display: flex;
        align-items: center;
        padding:15px;
    }

        /* icon */
        .partNavigation.vertical .navigationIcon {
            margin-right: 6px;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }
        
        .partNavigation.vertical .navigationIcon svg { 
            fill:#000;
            height:10px;
        }

        /* dropdown icon */
        .partNavigation.vertical .navigationIconDropdown {
            margin-left: auto;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }

        .partNavigation.vertical .navigationIconDropdown svg {
            width: 5px; 
            height:10px;
            fill:#000;
        }
        
        .partNavigation.vertical ul.level-0 > li.selected > a svg {
            fill: #fff;
        }

        .partNavigation.vertical ul.level-0 > li > a:hover svg,
        .partNavigation.vertical ul.level-0 > li > a:focus svg {
        fill: #fff;
        }

        /* hover & focus */
        .partNavigation.vertical ul.level-0 > li > a:hover,
        .partNavigation.vertical ul.level-0 > li > a:focus {
            background: #555;
            color: #fff;
        }

        /* selected */
        .partNavigation.vertical ul.level-0 > li.selected > a {
            background: #000;
            color: #fff;
        }

    /* level 1 */

        /* dropdown container */
        .partNavigation.vertical ul li ul {
            visibility: hidden;
            opacity: 0;
            min-width: 200px;
            position: absolute;
            top:0;
            left: 100%;
            transition: 0.2s 0s; /* first value fade in, second value fade out */
        }

        /* showing menu on focus/hover */
        .partNavigation.vertical ul li:hover > ul,
        .partNavigation.vertical ul li a:focus + ul,
        .partNavigation.vertical ul li ul:hover,
        .partNavigation.vertical ul li ul:focus {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s; /* react immediately on hover */
        }

        .partNavigation.vertical ul li:focus-within > ul {
            visibility: visible;
            opacity: 1;
        }

    .partNavigation.vertical ul.level-1 {
        background: #fff;
        box-shadow: 0 0 4px rgba(0,0,0,0.15);
        z-index:10;
    }

    .partNavigation.vertical ul.level-1 li a {
        color: #000;
        padding:15px;
        display: flex;
    }

        /* arrow */
        .partNavigation.vertical ul.level-1 > li .navigationIconDropdown svg  {
            width: 5px; height:10px; margin-left: auto;
        }

        .partNavigation.vertical ul.level-1 > li > a:hover svg,
        .partNavigation.vertical ul.level-1 > li > a:focus svg {
        fill: #fff;
        }

        .partNavigation.vertical ul.level-1 > li.selected > a .navigationIconDropdown svg {
            fill: #fff;
        }

        /* hover & focus */
        .partNavigation.vertical ul.level-1 > li > a:hover,
        .partNavigation.vertical ul.level-1 > li > a:focus {
            background: #999;
            color: #fff;
        }

        /* selected */
        .partNavigation.vertical ul.level-1 > li.selected > a {
            background: #777;
            color: #fff;
        }

    /* level 2 */
    .partNavigation.vertical ul.level-2 {
        top:0;
        left:100%;
        background: #fff;
        box-shadow: 0 0 4px rgba(0,0,0,0.15);
    }

    .partNavigation.vertical ul.level-2 li a {
        color: #000;
        padding:10px;
        display: flex;
        align-items: center;
    }

        /* hover & focus */
        .partNavigation.vertical ul.level-2 > li > a:hover,
        .partNavigation.vertical ul.level-2 > li > a:focus {
            background: #555;
            color: #fff;
        }

        /* selected */
        .partNavigation.vertical ul.level-2 > li.selected > a {
            background: #000;
            color: #fff;
        }

/* vertical no dropdown */

    /* fundementals */
    .partNavigation.verticalNoDropdown ul li a {
        text-decoration: none;
    }

    .partNavigation.verticalNoDropdown li a:focus {
        cursor: pointer;
    }

    .partNavigation.verticalNoDropdown li:focus,
    .partNavigation.verticalNoDropdown li a:focus {
        outline: none;
    }

    .partNavigation.verticalNoDropdown ul li ul {

    }

    /* level 0 */
    .partNavigation.verticalNoDropdown ul.level-0 {
        display: flex; 
        flex-direction: column;
        line-height: 1.3em;
    }

    .partNavigation.verticalNoDropdown ul.level-0 > li {
        background-color: #f0f0f0;
    }

    .partNavigation.verticalNoDropdown ul.level-0 > li > a {
        color: #000;
        display: flex;
        padding:15px;
    }
        /* icon */
        .partNavigation.verticalNoDropdown .navigationIcon {
            margin-right: 6px;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }
        
        .partNavigation.verticalNoDropdown .navigationIcon svg { 
            fill:#000;
            height:10px;
        }

        /* dropdown icon */
        .partNavigation.verticalNoDropdown .navigationIconDropdown {
            margin-left: auto;
            display: flex; 
            justify-content: center; 
            align-items: center;
        }

        .partNavigation.verticalNoDropdown .navigationIconDropdown svg {
            width: 5px; 
            height:10px;
            fill:#000;
        }
        
        .partNavigation.verticalNoDropdown ul.level-0 > li.selected > a svg {
            fill: #fff;
        }

        .partNavigation.verticalNoDropdown ul.level-0 > li > a:hover svg,
        .partNavigation.verticalNoDropdown ul.level-0 > li > a:focus svg {
        fill: #fff;
        }

        /* hover & focus */
        .partNavigation.verticalNoDropdown ul.level-0 > li > a:hover,
        .partNavigation.verticalNoDropdown ul.level-0 > li > a:focus {
            background: #555;
            color: #fff;
        }

        /* selected */
        .partNavigation.verticalNoDropdown ul.level-0 > li.selected > a {
            background: #000;
            color: #fff;
        }

    /* level 1 */
    .partNavigation.verticalNoDropdown ul.level-1 {
        background: #fff;
    }

    .partNavigation.verticalNoDropdown ul.level-1 li a {
        color: #000;
        padding:10px;
        display: block;
        border-left: solid 5px #000;
    }

        /* hover & focus */
        .partNavigation.verticalNoDropdown ul.level-1 > li > a:hover,
        .partNavigation.verticalNoDropdown ul.level-1 > li > a:focus {
            background: #999;
            color: #fff;
        }

        /* selected */
        .partNavigation.verticalNoDropdown ul.level-1 > li.selected > a {
            background: #777;
            color: #fff;
        }