:root{--text:#eadfce;--muted:#aa9c8b;--gold:#c89c69;--line:#59402d;--panel:rgba(8,7,6,.82);--serif:Georgia,"Times New Roman",serif;--ui:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050403;color:var(--text);font-family:var(--ui)}body{min-height:100vh;background:radial-gradient(circle at 50% 20%,rgba(122,63,33,.16),transparent 36%),linear-gradient(180deg,#0b0806,#040302);opacity:0;animation:fade .5s ease forwards}.reduced-header{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px max(20px,4vw)}.small-control{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:1px solid #433124;background:rgba(7,5,4,.74);color:#cfb79c;padding:10px 13px;text-decoration:none;cursor:pointer}.brand{justify-self:center;font:700 21px/1 var(--serif);letter-spacing:.14em;color:var(--gold);text-decoration:none}.language-control{justify-self:end}.full-main{min-height:100vh;display:grid;place-items:center;padding:105px 20px 42px}.center-panel{width:min(760px,100%);padding:34px;background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 0 35px rgba(0,0,0,.5),0 30px 80px rgba(0,0,0,.4)}.center-panel h1{margin:0;text-align:center;font:700 clamp(40px,7vw,70px)/1 var(--serif);letter-spacing:.06em}.center-panel .lead{text-align:center;color:#b8aa9a;margin:16px auto 26px;max-width:600px}.language-list{display:grid;gap:8px}.language-option{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid #34271f;background:#0c0907;color:#d8c9b8;text-align:left;cursor:pointer}.language-option:hover,.language-option:focus-visible{border-color:#775035;background:#120d0a}.language-option.current{border-color:#a66a3d;box-shadow:0 0 24px rgba(173,78,35,.12)}.language-option strong{font-weight:600}.language-option small{color:#c8955e}.loading{display:none;text-align:center;padding:24px}.loading.show{display:block}.spinner{width:30px;height:30px;border:2px solid #543b2a;border-top-color:#cf8b4d;border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}:focus-visible{outline:2px solid #c77943;outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{to{opacity:1}}@media(max-width:600px){.reduced-header{grid-template-columns:auto 1fr auto;padding:12px}.brand{font-size:16px}.small-control{padding:9px}.center-panel{padding:25px 18px}.language-option{grid-template-columns:30px 1fr}.language-option small{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}body{opacity:1}.spinner{border-top-color:#cf8b4d}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-footer{border-top:1px solid #2b211a;background:#050403}.footer-top{padding:30px max(32px,5vw);display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:38px;align-items:center}.footer-heading{font:600 18px/1.2 var(--serif);color:#dfc5a3}.newsletter{display:flex;gap:8px;margin-top:10px}.newsletter input{min-width:0;flex:1;background:#0c0907;color:#eee0ce;border:1px solid #493224;padding:12px 14px}.newsletter button{border:1px solid #7d4b2c;background:#16100c;color:#d8b188;padding:0 16px;cursor:pointer}.footer-links,.footer-social{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer-links a,.footer-social a{font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:#a99988}.footer-right{text-align:right}.language-link{display:inline-block;margin-top:10px;color:#bd946b;font-size:12px}.disabled-link{opacity:.45;pointer-events:none}.footer-legal{border-top:1px solid #211915;padding:18px max(32px,5vw);display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#877b6f;font-size:11px}.footer-legal a{color:#9b8b79;text-decoration:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;z-index:100;background:#120e0b;border:1px solid #88522f;color:#e7d4bc;padding:12px 16px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1024px){.footer-top{display:none}.footer-legal{padding:22px 20px}}@media(prefers-reduced-motion:reduce){.toast{transform:translate(-50%,0)}}
/* =========================================================
   YASHARIEL FINAL HEADER + FOOTER ALIGNMENT FIX
   ========================================================= */

/* ---------- HEADER ---------- */

.site-header {
    min-height: 74px !important;
}

.site-header .header-inner {
    display: grid !important;
    grid-template-columns: minmax(200px, 1fr) auto minmax(260px, 1fr) !important;
    align-items: center !important;
    gap: 24px !important;
    min-height: 74px !important;
}

.site-header .brand {
    grid-column: 1 !important;
    justify-self: start !important;
}

.site-header .main-navigation {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
}

.site-header .header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;

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

    gap: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .header-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 10px 0 !important;

    color: #e5d5c1 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}

.site-header .header-login:hover,
.site-header .header-login:focus-visible {
    color: #ffc471 !important;
}

.site-header .header-button {
    position: static !important;

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

    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 24px !important;

    border: 1px solid #934220 !important;
    background: rgba(10, 7, 5, 0.55) !important;

    color: #f1deca !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: .7px !important;

    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    transform: none !important;
    inset: auto !important;
}

.site-header .header-button:hover,
.site-header .header-button:focus-visible {
    border-color: #c46330 !important;
    background: rgba(130, 47, 24, .20) !important;
}


/* ---------- DESKTOP FOOTER ---------- */

.integrated-site-footer {
    width: 100% !important;
    margin-top: auto !important;

    border-top: 1px solid rgba(177, 128, 72, .28) !important;
    background: #050403 !important;

    color: #c8c0b6 !important;
    font-size: 14px !important;
}

.integrated-site-footer .isf-top {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        minmax(420px, 1.25fr)
        minmax(300px, auto)
        minmax(420px, 1.25fr) !important;

    align-items: center !important;
    gap: 40px !important;

    padding: 28px clamp(32px, 5vw, 96px) !important;
}

.integrated-site-footer .isf-title {
    margin: 0 0 9px !important;

    color: #dfc5a3 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;

    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.integrated-site-footer .isf-newsletter {
    display: flex !important;
    align-items: stretch !important;

    width: min(100%, 430px) !important;
    height: 42px !important;

    margin: 0 !important;
}

.integrated-site-footer .isf-newsletter input {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #493224 !important;
    border-right: 0 !important;

    background: #0c0907 !important;
    color: #eee0ce !important;

    font-size: 14px !important;
}

.integrated-site-footer .isf-newsletter button {
    flex: 0 0 auto !important;

    height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;

    border: 1px solid #7d4b2c !important;
    background: #16100c !important;
    color: #d8b188 !important;

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

    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.integrated-site-footer .isf-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 24px !important;

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

    white-space: nowrap !important;
}

.integrated-site-footer .isf-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 28px !important;

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

    text-align: right !important;
}

.integrated-site-footer .isf-social {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 20px !important;

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

    white-space: nowrap !important;
}

.integrated-site-footer .isf-language {
    display: inline-block !important;

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

    color: #d2b27e !important;

    white-space: nowrap !important;
}

.integrated-site-footer .isf-links a,
.integrated-site-footer .isf-social span,
.integrated-site-footer .isf-social a,
.integrated-site-footer .isf-language {
    font-size: 12px !important;
    line-height: 1.3 !important;
}


/* ---------- LEGAL FOOTER: EINE LINIE ---------- */

.integrated-site-footer .isf-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 18px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 15px clamp(32px, 5vw, 96px) 17px !important;

    border-top: 1px solid rgba(177, 128, 72, .18) !important;

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

    text-align: center !important;
}

.integrated-site-footer .isf-legal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

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

    white-space: nowrap !important;
}

.integrated-site-footer .isf-copyright {
    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* ---------- KLEINERE DESKTOPS ---------- */

@media (max-width: 1450px) {

    .site-header .header-inner {
        grid-template-columns: minmax(170px, .8fr) auto minmax(230px, .8fr) !important;
        gap: 18px !important;
    }

    .site-header .main-navigation {
        gap: 24px !important;
    }

    .site-header .main-navigation a {
        font-size: 12px !important;
    }

    .site-header .header-actions {
        gap: 14px !important;
    }

    .site-header .header-login {
        font-size: 14px !important;
    }

    .site-header .header-button {
        min-height: 42px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
    }

    .integrated-site-footer .isf-top {
        grid-template-columns: minmax(350px, 1fr) auto minmax(350px, 1fr) !important;
        gap: 26px !important;
    }
}


/* ---------- TABLET / MOBILE ---------- */

@media (max-width: 1050px) {

    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;
    }

    .site-header .brand {
        margin-right: auto !important;
    }

    .site-header .header-actions {
        display: none !important;
    }

    .site-header .menu-toggle {
        display: block !important;
        margin-left: auto !important;
    }

    .site-header .main-navigation {
        position: absolute !important;

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

        display: none !important;
        width: 100% !important;

        padding: 10px 24px 18px !important;

        background: rgba(4, 4, 3, .99) !important;
    }

    .site-header .main-navigation.open,
    .site-header .main-navigation.is-open {
        display: grid !important;
    }

    .integrated-site-footer .isf-top {
        display: none !important;
    }

    .integrated-site-footer .isf-bottom {
        display: flex !important;
        flex-direction: column !important;

        gap: 12px !important;

        padding: 20px 18px !important;
    }

    .integrated-site-footer .isf-legal {
        flex-wrap: wrap !important;
    }
}


/* ---------- REDUCED MOTION ---------- */

@media (prefers-reduced-motion: reduce) {
    .site-header *,
    .integrated-site-footer * {
        transition: none !important;
    }
}

/* =========================================================
   END YASHARIEL FINAL HEADER + FOOTER ALIGNMENT FIX
   ========================================================= */


/* ============================================================
   YASHARIEL HEADER + FOOTER FINAL FIX
   ============================================================ */

/* ---------- HEADER ---------- */

.site-header {
    width: 100%;
    min-height: 94px !important;
    background: rgba(2, 2, 2, .97) !important;
    border-bottom: 1px solid rgba(164, 101, 49, .28);
}

.site-header .header-inner {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns:
        minmax(260px, 1fr)
        auto
        minmax(360px, 1fr) !important;

    align-items: center !important;

    min-height: 94px !important;

    padding-left: clamp(22px, 2.5vw, 58px) !important;
    padding-right: clamp(22px, 2.5vw, 42px) !important;

    gap: 30px !important;
}

.site-header .brand {
    justify-self: start !important;
    margin: 0 !important;
}

.site-header .main-navigation {
    justify-self: center !important;

    display: flex !important;
    align-items: center !important;

    gap: clamp(25px, 2.3vw, 52px) !important;

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

.site-header .main-navigation a {
    white-space: nowrap !important;
}


/* ---------- RIGHT HEADER AREA ---------- */

.site-header .header-actions {
    justify-self: end !important;

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

    gap: 26px !important;

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

.site-header .header-login {
    position: static !important;

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

    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 19px !important;

    border: 1px solid rgba(145, 102, 55, .45) !important;
    background:
        linear-gradient(
            180deg,
            rgba(36, 27, 18, .48),
            rgba(10, 8, 6, .68)
        ) !important;

    color: #dfc7a4 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    letter-spacing: .11em !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;

    transition:
        border-color .25s ease,
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}

.site-header .header-login:hover,
.site-header .header-login:focus-visible {
    color: #f5d8aa !important;
    border-color: rgba(206, 130, 66, .8) !important;

    background:
        linear-gradient(
            180deg,
            rgba(64, 38, 20, .58),
            rgba(15, 9, 6, .82)
        ) !important;

    box-shadow:
        0 0 18px rgba(177, 72, 25, .12),
        inset 0 0 14px rgba(198, 117, 55, .04) !important;
}

.site-header .header-button {
    position: static !important;

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

    min-height: 60px !important;

    margin: 0 !important;
    padding: 0 30px !important;

    border: 1px solid #8d3519 !important;

    background:
        linear-gradient(
            180deg,
            rgba(35, 16, 10, .35),
            rgba(5, 4, 3, .78)
        ) !important;

    color: #f1dec7 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    letter-spacing: .09em !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    white-space: nowrap !important;

    inset: auto !important;
    transform: none !important;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease !important;
}

.site-header .header-button:hover,
.site-header .header-button:focus-visible {
    border-color: #c35b29 !important;

    background:
        linear-gradient(
            180deg,
            rgba(95, 35, 16, .35),
            rgba(12, 6, 4, .88)
        ) !important;

    box-shadow:
        0 0 24px rgba(185, 67, 25, .12) !important;
}


/* ============================================================
   FOOTER
   ============================================================ */

.integrated-site-footer {
    width: 100% !important;
    max-width: none !important;

    margin-top: auto !important;

    background:
        linear-gradient(
            180deg,
            rgba(8, 7, 6, .98),
            #030303
        ) !important;

    border-top:
        1px solid rgba(162, 110, 59, .28) !important;

    color: #bdb4aa !important;
}


/* ---------- MAIN FOOTER ROW ---------- */

.integrated-site-footer .isf-top {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        minmax(390px, 1.2fr)
        auto
        minmax(390px, 1.2fr) !important;

    align-items: center !important;

    gap: 48px !important;

    padding:
        28px
        clamp(34px, 5vw, 110px) !important;
}


/* NEWSLETTER LEFT */

.integrated-site-footer .isf-newsletter-wrap {
    justify-self: start !important;
}

.integrated-site-footer .isf-title {
    margin: 0 0 8px !important;

    color: #d6bb96 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
}

.integrated-site-footer .isf-newsletter {
    display: flex !important;
    align-items: stretch !important;

    width: 400px !important;
    max-width: 100% !important;

    height: 40px !important;

    margin: 0 !important;
}

.integrated-site-footer .isf-newsletter input {
    flex: 1 !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #413126 !important;
    border-right: 0 !important;

    background: #0b0908 !important;
    color: #e3d9cb !important;

    font-size: 13px !important;
}

.integrated-site-footer .isf-newsletter button {
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 1px solid #764529 !important;

    background: #17100c !important;

    color: #d4aa7d !important;

    font-size: 11px !important;
    letter-spacing: .06em !important;

    text-transform: uppercase !important;
}


/* CENTER */

.integrated-site-footer .isf-links {
    justify-self: center !important;

    display: flex !important;
    align-items: center !important;

    gap: 26px !important;

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

    white-space: nowrap !important;
}


/* RIGHT */

.integrated-site-footer .isf-right {
    justify-self: end !important;

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

    gap: 27px !important;

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

.integrated-site-footer .isf-social {
    display: flex !important;
    align-items: center !important;

    gap: 20px !important;

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

    white-space: nowrap !important;
}

.integrated-site-footer .isf-language {
    margin: 0 !important;

    color: #c9a978 !important;

    white-space: nowrap !important;
}


/* SMALL FOOTER TYPOGRAPHY */

.integrated-site-footer a,
.integrated-site-footer span {
    font-size: 12px !important;
}


/* ============================================================
   LEGAL ROW — ONE SINGLE LINE
   ============================================================ */

.integrated-site-footer .isf-bottom {
    width: 100% !important;

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

    gap: 20px !important;

    margin: 0 !important;

    padding:
        14px
        clamp(30px, 5vw, 110px)
        16px !important;

    border-top:
        1px solid rgba(162, 110, 59, .14) !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
}

.integrated-site-footer .isf-legal {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 11px !important;

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

    white-space: nowrap !important;
}

.integrated-site-footer .isf-copyright {
    display: inline-block !important;

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

    white-space: nowrap !important;
}


/* ============================================================
   1440PX
   ============================================================ */

@media (max-width: 1500px) {

    .site-header .header-inner {
        grid-template-columns:
            minmax(210px, .75fr)
            auto
            minmax(300px, .75fr) !important;

        gap: 20px !important;
    }

    .site-header .main-navigation {
        gap: 28px !important;
    }

    .site-header .main-navigation a {
        font-size: 12px !important;
    }

    .site-header .header-actions {
        gap: 14px !important;
    }

    .site-header .header-login {
        min-height: 46px !important;
        padding: 0 14px !important;
        font-size: 12px !important;
    }

    .site-header .header-button {
        min-height: 52px !important;
        padding: 0 20px !important;
        font-size: 12px !important;
    }

    .integrated-site-footer .isf-top {
        grid-template-columns:
            minmax(330px, 1fr)
            auto
            minmax(330px, 1fr) !important;

        gap: 28px !important;
    }
}


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

@media (max-width: 1050px) {

    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;

        min-height: 72px !important;
    }

    .site-header .brand {
        margin-right: auto !important;
    }

    .site-header .header-actions {
        display: none !important;
    }

    .site-header .main-navigation {
        position: absolute !important;

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

        display: none !important;

        width: 100% !important;

        padding: 15px 24px 22px !important;

        background: rgba(3, 3, 3, .99) !important;
    }

    .site-header .main-navigation.open,
    .site-header .main-navigation.is-open {
        display: grid !important;
    }

    /* bestätigt:
       Mobile Footer nur Legal + Copyright */

    .integrated-site-footer .isf-top {
        display: none !important;
    }

    .integrated-site-footer .isf-bottom {
        flex-direction: column !important;

        gap: 11px !important;

        padding: 19px 16px !important;
    }

    .integrated-site-footer .isf-legal {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    .site-header *,
    .integrated-site-footer * {
        transition: none !important;
        animation: none !important;
    }
}

/* ============================================================
   END HEADER + FOOTER FIX
   ============================================================ */