@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

/* =========================================================
   HARD RESET GEGEN ELEMENTOR / THEME
   ========================================================= */

.rixes-site-header,
.rixes-site-header *,
.rixes-site-header *::before,
.rixes-site-header *::after {
    box-sizing: border-box;
}

.rixes-site-header a {
    text-decoration: none !important;
}

.rixes-site-header button {
    appearance: none !important;
    -webkit-appearance: none !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    outline: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
}


/* =========================================================
   HEADER WRAPPER
   ========================================================= */

.rixes-site-header {
    --rx-blue: #27395f;
    --rx-blue-dark: #1e2c49;
    --rx-gold: #B99162;
    --rx-cream: #f8f4f0;

    position: relative;

    z-index: 99990;

    width: 100%;

    font-family: "Montserrat", sans-serif !important;
}


/* Sticky normale Seiten */

.rixes-site-header--sticky:not(.rixes-site-header--transparent) {
    position: sticky;
    top: 0;
}


/* Transparent Startseite */

.rixes-site-header--transparent {
    position: absolute;

    top: 0;
    left: 0;
}


/* Beim Scrollen */

.rixes-site-header--transparent.is-scrolled {
    position: fixed;

    top: 0;
    left: 0;

    box-shadow:
        0 10px 35px
        rgba(20,27,39,.08);
}


/* WP Admin Bar */

body.admin-bar
.rixes-site-header--transparent,
body.admin-bar
.rixes-site-header--sticky {
    top: 32px;
}


/* =========================================================
   TOP BAR
   ========================================================= */

.rixes-topbar {
    width: 100%;

    min-height: 34px;

    display: flex;
    align-items: center;

    background:
        rgba(23,35,59,.96);

    border-bottom:
        1px solid
        rgba(255,255,255,.08);

    color: #fff;
}


.rixes-topbar__inner {
    width:
        min(
            1380px,
            calc(100% - 100px)
        );

    min-height: 34px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;
}


.rixes-topbar__left,
.rixes-topbar__right {
    font-size: 9px !important;

    line-height: 1.3 !important;

    font-weight: 500 !important;

    letter-spacing: 1.8px !important;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.72) !important;
}


.rixes-topbar__right {
    display: flex;

    align-items: center;

    gap: 22px;
}


.rixes-topbar__right a {
    color:
        var(--rx-gold) !important;

    transition:
        color .2s ease;
}


.rixes-topbar__right a:hover {
    color: #fff !important;
}


/* =========================================================
   MAIN HEADER
   ========================================================= */

.rixes-main-header {
    width: 100%;

    background:
        rgba(248,244,240,.98);

    border-bottom:
        1px solid
        rgba(49,70,119,.10);

    backdrop-filter:
        blur(18px);

    transition:
        background .3s ease,
        border-color .3s ease;
}


/* Transparent Startseite */

.rixes-site-header--transparent:not(.is-scrolled)
.rixes-main-header {
    background:
        linear-gradient(
            180deg,
            rgba(10,20,36,.45),
            rgba(10,20,36,.08)
        );

    border-bottom-color:
        rgba(255,255,255,.10);
}


/* gescrollt wieder hell */

.rixes-site-header--transparent.is-scrolled
.rixes-main-header {
    background:
        rgba(248,244,240,.98);

    border-bottom-color:
        rgba(49,70,119,.10);
}


/* =========================================================
   MAIN INNER
   ========================================================= */

.rixes-main-header__inner {
    width:
        min(
            1380px,
            calc(100% - 100px)
        );

    height: 80px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 42px;
}


/* =========================================================
   LOGO
   ========================================================= */

.rixes-header-logo {
    width: 235px;

    max-width: 30vw;

    flex: 0 0 auto;

    display: block;

    line-height: 0;
}


.rixes-header-logo img {
    display: block;

    width: 100% !important;
    height: auto !important;

    max-height: 68px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

.rixes-header-desktop {
    flex: 1;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 34px;
}


/* =========================================================
   MENU
   ========================================================= */

.rixes-header-menu {
    list-style: none !important;

    display: flex !important;

    align-items: center;

    gap: 31px;

    margin: 0 !important;
    padding: 0 !important;
}


.rixes-header-menu > li {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.rixes-header-menu > li > a {
    position: relative;

    display: block;

    padding: 32px 0 !important;

    font-family:
        "Montserrat",
        sans-serif !important;

    font-size: 10px !important;

    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 1.6px !important;

    text-transform: uppercase;

    color:
        var(--rx-blue) !important;

    transition:
        color .2s ease;
}


/* transparent weiß */

.rixes-site-header--transparent:not(.is-scrolled)
.rixes-header-menu > li > a {
    color: #fff !important;
}


.rixes-header-menu > li > a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 24px;

    width: 0;
    height: 1px;

    background:
        var(--rx-gold);

    transition:
        width .25s ease;
}


.rixes-header-menu > li:hover > a,
.rixes-header-menu > li.current-menu-item > a,
.rixes-header-menu > li.current-menu-ancestor > a {
    color:
        var(--rx-gold) !important;
}


.rixes-header-menu > li:hover > a::after,
.rixes-header-menu > li.current-menu-item > a::after,
.rixes-header-menu > li.current-menu-ancestor > a::after {
    width: 100%;
}


/* =========================================================
   SUB MENU
   ========================================================= */

.rixes-header-menu .sub-menu {
    position: absolute !important;

    z-index: 99999;

    top: calc(100% - 8px) !important;
    left: -20px !important;

    min-width: 225px !important;

    margin: 0 !important;

    padding: 11px !important;

    list-style: none !important;

    border:
        1px solid
        rgba(49,70,119,.08) !important;

    border-radius: 12px !important;

    background:
        rgba(250,247,244,.99) !important;

    box-shadow:
        0 18px 45px
        rgba(25,31,43,.13) !important;

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(8px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}


.rixes-header-menu li:hover > .sub-menu {
    opacity: 1;

    visibility: visible;

    transform:
        translateY(0);
}


.rixes-header-menu .sub-menu li {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.rixes-header-menu .sub-menu a {
    display: block !important;

    padding:
        10px
        12px !important;

    border-radius: 6px !important;

    font-size: 11px !important;

    line-height: 1.4 !important;

    font-weight: 500 !important;

    color:
        var(--rx-blue) !important;
}


.rixes-header-menu .sub-menu a:hover {
    background:
        rgba(185,145,98,.09) !important;

    color:
        var(--rx-gold) !important;
}


/* =========================================================
   CTA
   ========================================================= */

.rixes-header-actions {
    display: flex;

    align-items: center;
}


.rixes-header-cta {
    min-height: 43px;

    padding:
        0
        19px !important;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    border:
        1px solid
        var(--rx-gold) !important;

    border-radius: 4px !important;

    background:
        var(--rx-gold) !important;

    font-family:
        "Montserrat",
        sans-serif !important;

    font-size: 9px !important;

    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 1.5px !important;

    text-transform: uppercase;

    color: #fff !important;

    transition:
        background .25s ease,
        transform .25s ease;
}


.rixes-header-cta:hover {
    background:
        #c6a06f !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   MOBILE TOGGLE
   WIRKLICH NUR MOBIL
   ========================================================= */

.rixes-mobile-toggle {
    display: none !important;
}


/* =========================================================
   MOBILE PANEL
   ========================================================= */

.rixes-mobile-panel {
    display: none;
}


/* =========================================================
   MOBILE AB 920PX
   ========================================================= */

@media (max-width: 920px) {

    .rixes-topbar__inner,
    .rixes-main-header__inner {
        width:
            calc(100% - 50px);
    }


    .rixes-main-header__inner {
        height: 72px;
    }


    .rixes-header-logo {
        width: 202px;

        max-width: 62vw;
    }


    /* Desktop wirklich weg */

    .rixes-header-desktop {
        display: none !important;
    }


    /* Hamburger erst jetzt */

    .rixes-mobile-toggle {
        width: 42px !important;
        height: 42px !important;

        display: flex !important;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 5px;

        cursor: pointer;
    }


    .rixes-mobile-toggle span {
        display: block;

        width: 23px;
        height: 1px;

        background:
            var(--rx-blue);

        transition:
            transform .25s ease,
            opacity .25s ease;
    }


    .rixes-site-header--transparent:not(.is-scrolled)
    .rixes-mobile-toggle span {
        background: #fff;
    }


    /* PANEL */

    .rixes-mobile-panel {
        position: absolute;

        top: 100%;
        left: 0;
        right: 0;

        display: block;

        background:
            rgba(249,246,243,.99);

        border-top:
            1px solid
            rgba(49,70,119,.08);

        box-shadow:
            0 22px 45px
            rgba(25,31,43,.13);

        opacity: 0;

        visibility: hidden;

        transform:
            translateY(-8px);

        transition:
            opacity .25s ease,
            visibility .25s ease,
            transform .25s ease;
    }


    .rixes-site-header.is-menu-open
    .rixes-mobile-panel {
        opacity: 1;

        visibility: visible;

        transform:
            translateY(0);
    }


    .rixes-mobile-panel__inner {
        width:
            calc(100% - 50px);

        margin: 0 auto;

        padding:
            18px
            0
            26px;
    }


    .rixes-mobile-menu {
        list-style: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .rixes-mobile-menu li {
        list-style: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom:
            1px solid
            rgba(49,70,119,.08);
    }


    .rixes-mobile-menu > li > a {
        display: block;

        padding:
            14px
            2px !important;

        font-family:
            "Montserrat",
            sans-serif !important;

        font-size: 11px !important;

        line-height: 1.3 !important;

        font-weight: 600 !important;

        letter-spacing: 1.4px !important;

        text-transform: uppercase;

        color:
            var(--rx-blue) !important;
    }


    .rixes-mobile-menu .sub-menu {
        list-style: none !important;

        margin:
            -4px
            0
            9px !important;

        padding:
            0
            0
            0
            14px !important;
    }


    .rixes-mobile-menu .sub-menu li {
        border: 0;
    }


    .rixes-mobile-menu .sub-menu a {
        display: block;

        padding:
            8px
            2px !important;

        font-size: 10px !important;

        color:
            #656b78 !important;
    }


    .rixes-mobile-cta {
        width: 100%;

        min-height: 48px;

        margin-top: 20px;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 10px;

        border-radius: 4px;

        background:
            var(--rx-gold) !important;

        font-size: 10px !important;

        font-weight: 600 !important;

        letter-spacing: 1.6px !important;

        text-transform: uppercase;

        color: #fff !important;
    }


    /* Burger Animation */

    .rixes-site-header.is-menu-open
    .rixes-mobile-toggle span:nth-child(1) {
        transform:
            translateY(6px)
            rotate(45deg);
    }


    .rixes-site-header.is-menu-open
    .rixes-mobile-toggle span:nth-child(2) {
        opacity: 0;
    }


    .rixes-site-header.is-menu-open
    .rixes-mobile-toggle span:nth-child(3) {
        transform:
            translateY(-6px)
            rotate(-45deg);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .rixes-topbar__inner,
    .rixes-main-header__inner,
    .rixes-mobile-panel__inner {
        width:
            calc(100% - 32px);
    }


    .rixes-topbar__right > span {
        display: none;
    }


    .rixes-topbar__left,
    .rixes-topbar__right {
        font-size: 8px !important;

        letter-spacing: 1px !important;
    }


    .rixes-header-logo {
        width: 182px;
    }

}


/* WP Admin Bar Mobile */

@media (max-width: 782px) {

    body.admin-bar
    .rixes-site-header--transparent,
    body.admin-bar
    .rixes-site-header--sticky {
        top: 46px;
    }

}


/* =========================================================
   RIXES TOPBAR – ZENTRIERTE AKTION
   ========================================================= */

.rixes-topbar {
    min-height: 38px !important;

    background: #1f2f50 !important;
}

.rixes-topbar__inner {
    min-height: 38px !important;

    justify-content: center !important;
}

.rixes-topbar__promo {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 11px;

    text-align: center;

    white-space: nowrap;
}

.rixes-topbar__promo-text {
    font-family: "Montserrat", sans-serif !important;

    font-size: 9px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 1.8px !important;

    text-transform: uppercase;

    color: rgba(255,255,255,.82) !important;
}

.rixes-topbar__separator {
    font-size: 15px;
    line-height: 1;

    color: rgba(255,255,255,.30);
}


/* Coupon Button */

.rixes-topbar__coupon {
    min-height: 27px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    margin: 0 !important;

    padding: 0 10px !important;

    border:
        1px solid
        rgba(185,145,98,.55) !important;

    border-radius: 5px !important;

    background:
        rgba(185,145,98,.10) !important;

    box-shadow: none !important;

    color: #fff !important;

    cursor: pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.rixes-topbar__coupon:hover {
    border-color: #B99162 !important;

    background:
        rgba(185,145,98,.20) !important;

    transform: translateY(-1px);
}


/* Code */

.rixes-topbar__coupon-label {
    font-family: "Montserrat", sans-serif !important;

    font-size: 8px !important;
    line-height: 1 !important;

    font-weight: 500 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase;

    color: rgba(255,255,255,.55) !important;
}

.rixes-topbar__coupon-code {
    font-family: "Montserrat", sans-serif !important;

    font-size: 10px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 1.3px !important;

    color: #d7b489 !important;
}

.rixes-topbar__coupon-copy {
    font-family: "Montserrat", sans-serif !important;

    font-size: 7px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: .8px !important;

    text-transform: uppercase;

    color: rgba(255,255,255,.58) !important;
}


/* Copy Icon */

.rixes-topbar__copy-icon {
    width: 12px;
    height: 12px;

    flex: 0 0 12px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;

    color: rgba(255,255,255,.55);
}


/* nach Kopieren */

.rixes-topbar__coupon.is-copied {
    border-color: #B99162 !important;

    background:
        rgba(185,145,98,.24) !important;
}

.rixes-topbar__coupon.is-copied
.rixes-topbar__coupon-copy {
    color: #fff !important;
}


/* Mobile */

@media (max-width: 600px) {

    .rixes-topbar {
        min-height: 40px !important;
    }

    .rixes-topbar__inner {
        width: calc(100% - 20px) !important;

        min-height: 40px !important;
    }

    .rixes-topbar__promo {
        gap: 7px;
    }

    .rixes-topbar__promo-text {
        font-size: 8px !important;

        letter-spacing: 1px !important;
    }

    .rixes-topbar__separator {
        display: none;
    }

    .rixes-topbar__coupon {
        padding: 0 8px !important;
    }

    .rixes-topbar__coupon-label {
        display: none;
    }

    .rixes-topbar__coupon-copy {
        display: none;
    }

}



/* =========================================================
   TOPBAR FEINTUNING – HÖHER + CODE ALS BADGE
   ========================================================= */

.rixes-topbar {
    min-height: 46px !important;
}

.rixes-topbar__inner {
    min-height: 46px !important;
}

.rixes-topbar__promo {
    gap: 14px !important;
}

.rixes-topbar__promo-text {
    font-size: 10px !important;
    letter-spacing: 2px !important;
}


/* Coupon Button insgesamt etwas hochwertiger */

.rixes-topbar__coupon {
    min-height: 32px !important;

    padding: 0 12px !important;

    gap: 8px !important;

    border: 1px solid rgba(185,145,98,.42) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.05) !important;
}


/* "Code" links klein */

.rixes-topbar__coupon-label {
    font-size: 8px !important;
    letter-spacing: 1.1px !important;
}


/* DER EIGENTLICHE GUTSCHEINCODE ALS UMRANDETE PILL */

.rixes-topbar__coupon-code {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 22px !important;

    padding: 0 10px !important;

    border: 1px solid rgba(185,145,98,.65) !important;
    border-radius: 999px !important;

    background: rgba(185,145,98,.13) !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: 1.4px !important;

    color: #e0bd93 !important;
}


/* Kopieren rechts */

.rixes-topbar__coupon-copy {
    font-size: 7px !important;
    letter-spacing: 1px !important;
}


/* Hover */

.rixes-topbar__coupon:hover {
    border-color: rgba(185,145,98,.80) !important;
    background: rgba(255,255,255,.08) !important;
}

.rixes-topbar__coupon:hover .rixes-topbar__coupon-code {
    background: rgba(185,145,98,.20) !important;
    border-color: rgba(185,145,98,.85) !important;
}


/* Kopiert Zustand */

.rixes-topbar__coupon.is-copied .rixes-topbar__coupon-code {
    background: rgba(185,145,98,.24) !important;
    border-color: #B99162 !important;
    color: #fff !important;
}


/* Mobile */

@media (max-width: 600px) {

    .rixes-topbar {
        min-height: 44px !important;
    }

    .rixes-topbar__inner {
        min-height: 44px !important;
    }

    .rixes-topbar__promo {
        gap: 8px !important;
    }

    .rixes-topbar__promo-text {
        font-size: 8px !important;
        letter-spacing: 1px !important;
    }

    .rixes-topbar__coupon {
        min-height: 30px !important;
        padding: 0 10px !important;
    }

    .rixes-topbar__coupon-code {
        min-height: 20px !important;
        padding: 0 8px !important;
        font-size: 9px !important;
    }

}



/* =========================================================
   RIXES HEADER – GRÖSSER / HOCHWERTIGER
   ========================================================= */


/* Hauptleiste höher */

.rixes-main-header__inner {
    height: 96px !important;
}


/* Logo deutlich größer */

.rixes-header-logo {
    width: 235px !important;
    max-width: 28vw !important;
}

.rixes-header-logo img {
    width: 100% !important;
    height: auto !important;
    max-height: 72px !important;
}


/* =========================================================
   DESKTOP MENÜ
   ========================================================= */

.rixes-header-menu {
    gap: 34px !important;
}

.rixes-header-menu > li > a {
    padding: 41px 0 !important;

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 1.5px !important;
}


/* Unterstreichung passend zur höheren Leiste */

.rixes-header-menu > li > a::after {
    bottom: 31px !important;
}


/* =========================================================
   SUBMENU
   ========================================================= */

.rixes-header-menu .sub-menu {
    min-width: 235px !important;
}

.rixes-header-menu .sub-menu a {
    padding: 12px 14px !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   CTA BUTTON
   ========================================================= */

.rixes-header-cta {
    min-height: 50px !important;

    padding: 0 25px !important;

    gap: 10px !important;

    font-size: 11px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 1.5px !important;

    border-radius: 5px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 920px) {

    .rixes-main-header__inner {
        height: 82px !important;
    }

    .rixes-header-logo {
        width: 200px !important;
        max-width: 58vw !important;
    }

    .rixes-header-logo img {
        max-height: 62px !important;
    }

    .rixes-mobile-toggle {
        width: 46px !important;
        height: 46px !important;
    }

    .rixes-mobile-toggle span {
        width: 26px !important;
    }

    .rixes-mobile-menu > li > a {
        padding: 16px 3px !important;

        font-size: 12px !important;

        letter-spacing: 1.4px !important;
    }

    .rixes-mobile-menu .sub-menu a {
        font-size: 11px !important;
    }

    .rixes-mobile-cta {
        min-height: 50px !important;

        font-size: 11px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .rixes-main-header__inner {
        height: 78px !important;
    }

    .rixes-header-logo {
        width: 185px !important;
        max-width: 62vw !important;
    }

    .rixes-header-logo img {
        max-height: 58px !important;
    }

}



/* =========================================================
   RIXES HEADER – BALANCED FINAL FIX
   ========================================================= */

@media (min-width: 921px) {

    /* Hauptleiste wieder harmonisch */
    .rixes-main-header__inner {
        height: 88px !important;
        gap: 26px !important;
    }


    /* Logo größer als vorher, aber nicht überdimensioniert */
    .rixes-header-logo {
        width: 205px !important;
        max-width: 205px !important;
        flex: 0 0 205px !important;
    }

    .rixes-header-logo img {
        width: 100% !important;
        height: auto !important;
        max-height: 62px !important;
        object-fit: contain !important;
    }


    /* Desktop-Bereich darf sauber arbeiten */
    .rixes-header-desktop {
        min-width: 0 !important;
        gap: 24px !important;
    }


    /* Menü etwas kompakter */
    .rixes-header-menu {
        gap: 23px !important;
        flex-wrap: nowrap !important;
    }

    .rixes-header-menu > li {
        flex: 0 0 auto !important;
    }

    .rixes-header-menu > li > a {
        padding: 37px 0 !important;

        font-size: 10.5px !important;
        line-height: 1 !important;

        font-weight: 600 !important;
        letter-spacing: 1.35px !important;

        white-space: nowrap !important;
    }


    /* Unterstrich passend */
    .rixes-header-menu > li > a::after {
        bottom: 27px !important;
    }


    /* CTA nicht mehr so breit */
    .rixes-header-cta {
        min-height: 46px !important;

        padding: 0 21px !important;

        font-size: 9.5px !important;
        line-height: 1 !important;

        letter-spacing: 1.35px !important;

        white-space: nowrap !important;

        flex: 0 0 auto !important;
    }


    /* verhindert unnötige Umbrüche */
    .rixes-header-actions {
        flex: 0 0 auto !important;
    }

}


/* etwas kleinere Desktop-Breiten */

@media (min-width: 921px) and (max-width: 1250px) {

    .rixes-header-logo {
        width: 180px !important;
        max-width: 180px !important;
        flex-basis: 180px !important;
    }

    .rixes-header-menu {
        gap: 17px !important;
    }

    .rixes-header-menu > li > a {
        font-size: 9.5px !important;
        letter-spacing: 1.05px !important;
    }

    .rixes-header-cta {
        padding: 0 16px !important;
        font-size: 9px !important;
    }

}


/* RIXES – Desktop Menüschrift 12.5px */
@media (min-width: 921px) {

    .rixes-header-menu > li > a {
        font-size: 12.5px !important;
        letter-spacing: 1.15px !important;
    }

}


/* =========================================================
   RIXES HEADER – KOMPAKTER BEIM SCROLLEN
   ========================================================= */

@media (min-width: 921px) {

    /* weiche Übergänge */
    .rixes-main-header__inner,
    .rixes-header-logo,
    .rixes-header-logo img,
    .rixes-header-menu > li > a {
        transition:
            width .28s ease,
            height .28s ease,
            max-height .28s ease,
            font-size .28s ease,
            padding .28s ease;
    }


    /* Sticky / gescrollter Zustand */

    .rixes-site-header.is-scrolled
    .rixes-header-logo {
        width: 175px !important;
        max-width: 175px !important;
        flex-basis: 175px !important;
    }

    .rixes-site-header.is-scrolled
    .rixes-header-logo img {
        max-height: 52px !important;
    }

    .rixes-site-header.is-scrolled
    .rixes-header-menu > li > a {
        font-size: 10.5px !important;
        letter-spacing: 1.1px !important;
    }

}



/* =========================================================
   RIXES HEADER – SMOOTHER STICKY TRANSITION
   ========================================================= */

@media (min-width: 921px) {

    .rixes-main-header,
    .rixes-main-header__inner,
    .rixes-header-logo,
    .rixes-header-logo img,
    .rixes-header-menu,
    .rixes-header-menu > li > a {
        transition-timing-function:
            cubic-bezier(.22, 1, .36, 1) !important;
    }


    .rixes-main-header {
        transition:
            background-color .55s cubic-bezier(.22,1,.36,1),
            background .55s cubic-bezier(.22,1,.36,1),
            border-color .55s cubic-bezier(.22,1,.36,1),
            box-shadow .55s cubic-bezier(.22,1,.36,1) !important;
    }


    .rixes-main-header__inner {
        transition:
            height .55s cubic-bezier(.22,1,.36,1),
            gap .55s cubic-bezier(.22,1,.36,1) !important;
    }


    .rixes-header-logo {
        transition:
            width .55s cubic-bezier(.22,1,.36,1),
            max-width .55s cubic-bezier(.22,1,.36,1),
            flex-basis .55s cubic-bezier(.22,1,.36,1) !important;

        will-change:
            width,
            max-width,
            flex-basis;
    }


    .rixes-header-logo img {
        transition:
            max-height .55s cubic-bezier(.22,1,.36,1),
            transform .55s cubic-bezier(.22,1,.36,1) !important;

        transform: translateZ(0);
    }


    .rixes-header-menu {
        transition:
            gap .55s cubic-bezier(.22,1,.36,1) !important;
    }


    .rixes-header-menu > li > a {
        transition:
            font-size .55s cubic-bezier(.22,1,.36,1),
            letter-spacing .55s cubic-bezier(.22,1,.36,1),
            padding .55s cubic-bezier(.22,1,.36,1),
            color .25s ease !important;
    }

}



/* =========================================================
   RIXES – STARTSEITE HEADER TRANSPARENT
   Top-Bar bleibt blau, Logo-/Menüzeile liegt über dem Hero
   ========================================================= */


/* Hauptheader auf Startseite wirklich transparent */

.rixes-site-header--transparent:not(.is-scrolled)
.rixes-main-header {
    background: transparent !important;
    background-image: none !important;

    border-bottom-color: rgba(255,255,255,.10) !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* Menü auf dem dunklen Hero weiß */

.rixes-site-header--transparent:not(.is-scrolled)
.rixes-header-menu > li > a {
    color: #ffffff !important;
}


/* Aktiver Menüpunkt / Hover Gold */

.rixes-site-header--transparent:not(.is-scrolled)
.rixes-header-menu > li:hover > a,
.rixes-site-header--transparent:not(.is-scrolled)
.rixes-header-menu > li.current-menu-item > a,
.rixes-site-header--transparent:not(.is-scrolled)
.rixes-header-menu > li.current-menu-ancestor > a {
    color: #d7b489 !important;
}


/* Logo bleibt sauber sichtbar */

.rixes-site-header--transparent:not(.is-scrolled)
.rixes-header-logo {
    opacity: 1 !important;
}


/* Beim Scrollen wieder heller Header */

.rixes-site-header--transparent.is-scrolled
.rixes-main-header {
    background: rgba(248,244,240,.97) !important;

    border-bottom-color: rgba(49,70,119,.10) !important;

    box-shadow:
        0 10px 35px
        rgba(20,27,39,.08) !important;

    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}


/* Menü beim Scrollen wieder dunkel */

.rixes-site-header--transparent.is-scrolled
.rixes-header-menu > li > a {
    color: #27395f !important;
}


/* Top-Bar bewusst NICHT transparent */

.rixes-site-header--transparent
.rixes-topbar {
    background: #1f2f50 !important;
}


/* Mobile Hamburger auf transparentem Header weiß */

@media (max-width: 920px) {

    .rixes-site-header--transparent:not(.is-scrolled)
    .rixes-mobile-toggle span {
        background: #ffffff !important;
    }

    .rixes-site-header--transparent.is-scrolled
    .rixes-mobile-toggle span {
        background: #27395f !important;
    }

}