.pl-nav atomic-dropdown:not(:defined){
    display:none;
}
.pl-nav{
    margin-left: calc(var(--plnav-shift-left-mobile, 0px) * -1);
}
@media screen and (min-width: 578px){
    .pl-nav{
        margin-left: calc(var(--plnav-shift-left, 0px) * -1);
    }
}
.pl-nav .action-link{
    line-height:1em;
}
.pl-nav > ul.pl-nav-list{
    display: flex;
    margin: 0;
    font-family: var(--plate-nav-l0-font, Arial);
    gap: var(--plate-nav-l0-gap, 10px) !important;
}
.pl-nav > ul ul{
    font-family: var(--plate-nav-l0-font, Arial);
}
.plate-mainNavigation{
    --acn-click-el-color: var(--plate-nav-l0-color, white);
}
.pl-nav.-vertical > ul{
    flex-direction: column;
}
.pl-nav.-vertical > ul > li{
    line-height: 1em;
}
.pl-nav li{list-style-type: none;}
.pl-nav atomic-dropdown{
    --atomic-dropdown-content-background: var(--plate-nav-l1-background, white) !important;
}
.pl-nav atomic-dropdown::part(slide-inner){
    box-shadow: var(--plate-nav-dropdown-shadow, none);
}
.pl-nav atomic-dropdown{
    --atomic-dropdown-space-top: var(--plate-nav--dropdown-space-top, 30px);
}
[stuck] .pl-nav atomic-dropdown{
    --atomic-dropdown-space-top: var( --plate-nav--dropdown-space-top-stuck, 30px) !important;
}
.pl-nav atomic-dropdown .pl-subnav.-simple{
    width: var(--plate-nav-l1-megamenu-width, 200px);
    max-width: 100%;
}
.pl-nav atomic-dropdown .pl-subnav.-megamenu{
    width: var(--plate-nav-l1-megamenu-width, 500px);
    max-width: 100%;
    hyphens: auto;
}
.pl-nav-entry.-homelink .pl-nav-link{
    margin-left: -5px;
    --bs-icon-color: var(--plate-nav-homelink-color, white);
}
.pl-nav-link{
    display: flex;
    align-items: center;
    background: var(--atomic-button-background, #22509a);
    color: var(--atomic-button-color, inherit);
    padding: var(--atomic-button-padding, 10px);
    border-radius: var(--atomic-button-radius, 2px);
    cursor: pointer;
}
.pl-nav-link.-with-icon > div{
    gap: var(--plate-nav-iconlink-gap, 3px);
}
.pl-nav-link > span.label{
    white-space: nowrap;
}
.pl-nav-link.-homelink:hover{
    --bs-icon-color: var(--plate-nav-homelink-hover-color, white);
}

.pl-nav-link.-l0 {
    font-size: var(--plate-nav-l0-fontsize, inherit);
    font-weight: var(--plate-nav-l0-fontweight, inherit);
    --atomic-button-color: var(--plate-nav-l0-color, white);
    --atomic-button-background: var(--plate-nav-l0-btn-background, var(--bs-primary));
    --atomic-button-background-hover: var(--plate-nav-l0-btn-hover-background, transparent);
    transition: font-size 0.25s ease-in-out;
    --vars-icon-size: var(--pl-nav-link-l0-iconsize, inherit);
}
.pl-nav-link.-l0{
    color: var(--plate-nav-l0-color, white);
    background: var(--plate-nav-l0-background, transparent);
    --bs-icon-color: var(--plate-nav-l0-iconcolor, white);
}
.pl-nav-link.-l0:hover,
.pl-nav-link.-l0:hover > div > span{
    --atomic-button-color-hover: var(--plate-nav-l0-hover-color, #eee);
    color: var(--plate-nav-l0-hover-color, #eee);
}
.pl-nav-link.-l0.btn:hover{
    background: var(--plate-nav-l0-hover-background, transparent);
}
.pl-nav-link.-l0:hover{
    --bs-icon-color: var(--plate-nav-l0-hover-color, #eee);
}
.pl-subnav{
    gap: var(--plate-nav-l1-gap, 0) !important;
}
.pl-subnav.-simple{
    display: flex;
    flex-direction: column;
}
.pl-subnav .pl-nav-link.linkHasImage{
    display: flex;
    gap: 10px;
}
.pl-subnav .pl-nav-link.linkHasImage .text-element{
    order: 2;
}
.pl-subnav .pl-nav-link.linkHasImage .figure-element{
    order: 1;
}
/* li1 */
.pl-nav .pl-nav-link.-l1{
    font-size: var(--plate-nav-l1-fontsize, inherit);
    font-weight: var(--plate-nav-l1-fontweight, inherit);
    color: var(--plate-nav-l1-color, inherit);
    background: var(--plate-nav-l1-btn-background, white);
    --atomic-button-background-hover: var(--plate-nav-l1-btn-hover-background, inherit);
    --vars-icon-size: var(--pl-nav-link-l1-iconsize, inherit);
}
.pl-nav .pl-nav-link.-l1:hover{
    color: var(--plate-nav-l1-hover-color, #eee);
    background: var(--plate-nav-l1-hover-background, transparent);
}
/* stuck */
[stuck] .pl-nav-link.-l0{
    background: var(--plate-nav-l0-stuck-background, transparent);
}
[stuck] .pl-nav.-stuckable .pl-nav-link.-l0{
    color: var(--plate-nav-l0-stuck-color, inherit);
    background: var(--plate-nav-l0-stuck-btn-background, inherit);
    --atomic-button-background-hover: var(--plate-nav-l0-stuck-btn-hover-background, inherit);
}
[stuck] .pl-nav.-stuckable .pl-nav-link.-l0,
[stuck] .pl-nav.-stuckable .pl-nav-link-wrapper.-l0 > atomic-click{
    --bs-icon-color: var(--bs-icon-stuck-color, black) !important;
    color: var(--plate-nav-l0-stuck-color, inherit);
    background: var(--plate-nav-l0-stuck-background, inherit);
}
[stuck] .pl-nav.-stuckable .pl-nav-link.-l0:hover{
    --bs-icon-hover-color: var(--bs-icon-stuck-hover-color, black);
}
[stuck] .pl-nav.-stuckable .pl-nav-link.-l0:hover{
    color: var(--plate-nav-l0-stuck-hover-color, inherit);
}
/* responsive */
@media (max-width:767px){
    .pl-nav.nav-m-column > ul{
        flex-direction: column;
    }
}
