/* 1) Volles Menü (full-menu) zentrieren */
.header.style12 .small-12.columns > #full-menu,
.header.style12 #full-menu > .thb-full-menu,
.header.style12 #full-menu > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Falls UL noch Block- oder padding/margin hat */
.header.style12 #full-menu > ul {
    list-style: none;
    padding-left: 0;
}

/* Li als inline-flex, damit Items ordentlich nebeneinander stehen */
.header.style12 #full-menu > ul > li {
    display: inline-flex;
    align-items: center;
    margin: 0 12px; /* Abstand zwischen Menüpunkten, anpassen */
}

/* Link-Stil: weiß für alle normalen und hover Zustände */
.header.style12 #full-menu a,
.header.style12 #full-menu a:link,
.header.style12 #full-menu a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Hover-Farbe (leicht heller) */
.header.style12 #full-menu a:hover,
.header.style12 #full-menu li:hover > a {
    color: #f2f2f2;
}

/* 2) Aktive Menüpunkte: immer weiß, keine Hintergrund- oder Border-Akzentfarbe */
.header.style12 #full-menu .current-menu-item > a,
.header.style12 #full-menu .current_page_item > a,
.header.style12 #full-menu .current-menu-ancestor > a,
.header.style12 #full-menu .is-active > a,
.header.style12 #full-menu .current > a {
    color: #ffffff;
    background: none;
    border-color: transparent;
    box-shadow: none;
}

/* Optional: Wenn das Menü in einem flex-container sitzt, sicherstellen, dass es zentriert bleibt */
.header.style12 .row.align-middle:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}