/* --- Header, Navigation ------------------------------------------------------------------------------------ */
header .is-layout-grid {
    margin-top: clamp(0.25rem, 1vw + 1rem, 2rem);;
    padding-top: clamp(0.25rem, 1vw + 1rem, 1rem);
    padding-bottom: clamp(0.25rem, 1vw + 1rem, 1rem);
    padding-left: clamp(0.5rem, 4vw + 1rem, 2.5rem);
    padding-right: clamp(0.5rem, 4vw + 1rem, 2.5rem);
    /* border-radius: clamp(0.5rem, 4vw + 1rem, 2.5rem); */
    /* box-shadow: var(--box-shadow--primary); */
    justify-content: space-between;
}

header .nav-inner {
    background-color: red;
    max-width: 100%;
    margin: auto;
}

header.wp-block-template-part {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    padding-left: 15px;
    padding-right: 15px;
    pointer-events: auto;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* -----------  Navigation ausblenden und Hamburger-Menü einblenden --------------  */
/* @media (max-width: 1180px) {
    header .wp-block-navigation {
        display: none;
    }
    nav button {
        display: block !important;
    }
} */
/* --------------------------------------------------------------------------------- */
header a {
    font-size: var(--font-size--small);
    font-family: var(--font-family--primary);
    font-weight: 800;
}

header .ubermenu-submenu ul:nth-child(1) a {
    font-weight: 800;
    color: #8C8C8C !important;
}

header .ubermenu-submenu ul:nth-child(2) a {
    font-size: var(--font-size--medium);
}

header .logo {
    height: clamp(0.9375rem, 0.851rem + 0.3692vw, 1.3125rem);
    aspect-ratio: 195.00/21.12;
    width: auto;
    overflow: visible;
}

header .is-layout-grid a:has(.logo) {
    grid-column: 1 / span 3;
    grid-row: 1;
    align-self: center;
    /* width: max-content; */
}

header .is-layout-grid button.ubermenu-responsive-toggle, 
header .is-layout-grid nav {
    grid-column: 4 / span 9;
    grid-row: 1;
    justify-self: end;
}

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times .fas {
    display: block;
    margin-left: auto;
}

.language-switch-group {
    width: fit-content;
    padding-left: clamp(0.5rem, 4vw + 1rem, 2.5rem);
}

.navigation-group {
    display: flex;
}

header.wp-block-template-part.header-hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

.wpml-language-switcher-block .wp-block-navigation__container {
    justify-content: center;
}

.ubermenu-wpml-ls-item.ubermenu-wpml-ls-current-language {
    cursor: pointer;
}

.ubermenu-wpml-ls-item.ubermenu-wpml-ls-current-language > a {
    pointer-events: none;
}


.ubermenu .ubermenu-column.ubermenu-wpml-ls-item,
.ubermenu .ubermenu-column.ubermenu-wpml-ls-item .ubermenu-submenu  {
    width: clamp(1.5625rem, 1.4615rem + 0.4308vw, 2rem) !important;
    height: clamp(1.5625rem, 1.4615rem + 0.4308vw, 2rem) !important;
    box-shadow: 0px 2.9px 8.7px rgba(60, 112, 221, 0.20);
    border-radius: var(--border-radius--medium);
    margin-bottom: clamp(0.375rem, 0.347rem + 0.1195vw, 0.5rem);
}

.ubermenu .ubermenu-wpml-ls-item>.ubermenu-submenu-type-flyout>.ubermenu-item {
    width: 100%;
    height: 100%;
}

.ubermenu-wpml-ls-item a.ubermenu-target.ubermenu-item-layout-default {
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ubermenu-wpml-ls-item a.ubermenu-target.ubermenu-item-layout-default i {
    display: none;
}

.ubermenu a.ubermenu-target {
    padding: clamp(0.375rem, 0.347rem + 0.1195vw, 0.5rem);
}

nav.ubermenu .ubermenu-submenu .ubermenu-column-auto {
    min-width: unset;
}

ul.ubermenu-nav {
    display: flex;
    gap: clamp(0.75rem, 0.708rem + 0.1793vw, 0.9375rem);
    align-items: flex-end;
}

ul.ubermenu-row {
    display: flex;
    justify-content: flex-end;
    gap: clamp(5px, 0.5vw + 0.25rem, 50px);
}

nav.ubermenu .ubermenu-row:after {
    content: unset;
}

nav.ubermenu .ubermenu-row {
    margin-bottom: 0;    
    gap: 1rem;
}

nav.ubermenu .ubermenu-submenu-type-stack {
    padding-bottom: 0;
}

div.ubermenu-submenu {
    margin-right: clamp(0.75rem, 0.708rem + 0.1793vw, 0.9375rem);
}

span.wpml-ls-native {
    font-size: var(--font-size--xx-small);
}

nav.ubermenu-transition-shift .ubermenu-item.ubermenu-active>.ubermenu-submenu-drop {
    margin-top: 0.5rem;
}

.ubermenu .ubermenu-column.ubermenu-wpml-ls-item .ubermenu-submenu a {
    font-weight: 400;
    color: var(--color--accent-1);
}

.ubermenu .ubermenu-target-text{
    transition: color 0.3s ease;
}

.ubermenu .ubermenu-target-text:hover {
    color: var(--color--primary-1);
    transition: color 0.3s ease;
}

.ubermenu .ubermenu-current-menu-item .ubermenu-target-text {
    color: var(--color--primary-1);
}

/* Horizontale Menü-Abstände */
header .wp-block-navigation__container {
    gap: clamp(5px, 2.5vw, 50px);
}

header > .wp-block-group > .wp-block-group {
    box-shadow: var(--box-shadow--primary);
    border-radius: var(--border-radius--medium);
    background-color: white;
}

/* -----------  Navigation responsive --------------  */
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times .fas:before {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='19' viewBox='0 0 35 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H34' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 10H34' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 18H34' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    height: 26px;
    width: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-close-icon-times.ubermenu-responsive-toggle-open .fas:before {
    content: '' !important;
    background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 14.5054L1.8456 25.6598C1.64715 25.8582 1.40334 25.9646 1.11416 25.9787C0.824991 25.9929 0.567004 25.8866 0.340202 25.6598C0.113401 25.433 0 25.1821 0 24.9071C0 24.6321 0.113401 24.3812 0.340202 24.1544L11.4946 13L0.340202 1.8456C0.141751 1.64715 0.0354373 1.40334 0.0212621 1.11416C0.00708703 0.824991 0.113401 0.567004 0.340202 0.340202C0.567004 0.113401 0.817904 0 1.0929 0C1.3679 0 1.6188 0.113401 1.8456 0.340202L13 11.4946L24.1544 0.340202C24.3529 0.141751 24.5974 0.0354373 24.888 0.0212621C25.1757 0.00708703 25.433 0.113401 25.6598 0.340202C25.8866 0.567004 26 0.817904 26 1.0929C26 1.3679 25.8866 1.6188 25.6598 1.8456L14.5054 13L25.6598 24.1544C25.8582 24.3529 25.9646 24.5974 25.9787 24.888C25.9929 25.1757 25.8866 25.433 25.6598 25.6598C25.433 25.8866 25.1821 26 24.9071 26C24.6321 26 24.3812 25.8866 24.1544 25.6598L13 14.5054Z" fill="black"/></svg>');
    height: 26px;
    width: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    scale: 0.92;
}

.footermetanav a:hover, .footermetanav a:active {
    color: var(--color--primary-1);
}

@media screen and (max-width: 959px) {

    header .is-layout-grid:has(.ubermenu-responsive-collapse) {
        gap: 0;
    }

    header .is-layout-grid nav {
        grid-column: 1 / span 12;
        grid-row: 2;
        justify-self: end;
    }

    .ubermenu .ubermenu-column.ubermenu-wpml-ls-item{
        margin-bottom: clamp(0.5rem, 0.347rem + 0.1195vw, 1rem);
        margin-top: 1rem;
    }
   
    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, .ubermenu-responsive-default.ubermenu.ubermenu-responsive li.ubermenu-column-auto {
        min-width: 80%;
    }

    .ubermenu-responsive-default.ubermenu-responsive.ubermenu ul.ubermenu-nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    div.ubermenu-submenu {
        display: flex;
        flex-direction: row-reverse;
    }

    ul.ubermenu-row {
        flex-wrap: wrap;
    }

    .ubermenu-wpml-ls-item .ubermenu-submenu {
        display: contents;
    }

    nav.ubermenu .ubermenu-item.ubermenu-active>.ubermenu-submenu-drop {
        display: contents;
    }

    .ubermenu .ubermenu-wpml-ls-item.ubermenu-item {
        display: flex;
        visibility: visible;
    }

    .ubermenu a.ubermenu-target {
        padding: 0;
    }


    .ubermenu-wpml-ls-item a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
        width: clamp(1.5625rem, 1.4615rem + 0.4308vw, 2rem) !important;
        height: clamp(1.5625rem, 1.4615rem + 0.4308vw, 2rem) !important;
        box-shadow: 0px 2.9px 8.7px rgba(60, 112, 221, 0.20) !important;
        border-radius: var(--border-radius--medium);
    }

    nav.ubermenu .ubermenu-wpml-ls-item>.ubermenu-submenu-type-flyout>.ubermenu-item {
            width: unset;
    }

    .ubermenu .ubermenu-column.ubermenu-wpml-ls-item, .ubermenu .ubermenu-column.ubermenu-wpml-ls-item .ubermenu-submenu{
        width: unset;
        height: unset;
        box-shadow:unset;
        border-radius:unset;
        gap: 1.5rem;
    }
}

@media screen and (max-width: 600px) {
    div.ubermenu-submenu {
        flex-direction: column-reverse;
    }
    
    div.ubermenu-submenu ul:nth-child(1) {
        margin-top: 1rem;
    }

    .footermetanav.wp-block-group p {
        margin-bottom: 0;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------*/