/* ==========================================================
   YASHARIEL GLOBAL SHELL FIX
   Header / Footer consistency
   ========================================================== */


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

.site-header {
    position: relative !important;
    z-index: 1000 !important;

    width: 100% !important;

    box-sizing: border-box !important;
}


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

    min-height: 76px !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: clamp(16px, 1.6vw, 30px) !important;

    margin: 0 !important;

    padding:
        13px
        clamp(26px, 3vw, 58px) !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   YASHARIEL BRAND
   ---------------------------------------------------------- */

.site-header .brand,
.site-header .site-brand,
.site-header .logo-text {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;

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

    white-space: nowrap !important;
}


/* ----------------------------------------------------------
   MAIN NAV
   ---------------------------------------------------------- */

.site-header .main-navigation,
.site-header .main-nav,
.site-header nav.main-navigation {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

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

    gap: clamp(15px, 1.65vw, 32px) !important;

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


.site-header .main-navigation a,
.site-header .main-nav a {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding: 8px 0 !important;

    white-space: nowrap !important;
}


/* ----------------------------------------------------------
   LOG IN + WISHLIST
   ---------------------------------------------------------- */

.site-header .header-actions {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 10px !important;

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


.site-header .header-login,
.site-header .header-button,
.site-header .wishlist-button,
.site-header .wishlist-link,
.site-header a.header-login,
.site-header a.header-button {
    flex: 0 0 auto !important;

    width: auto !important;

    min-width: 118px !important;
    max-width: none !important;

    height: 46px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding: 0 19px !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;

    line-height: 1 !important;
}


/*
   Schutz gegen alte Regeln, die Wishlist auf eine neue
   Zeile oder auf volle Breite setzen.
*/

.site-header .header-inner > .header-login,
.site-header .header-inner > .header-button,
.site-header .header-inner > .wishlist-button,
.site-header .header-inner > .wishlist-link {
    flex: 0 0 auto !important;

    width: auto !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


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

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

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   DESKTOP:
   ALLES IN EINER HORIZONTALEN ZEILE

   Newsletter | FAQ Contact Press Kit |
   Facebook Instagram Discord | English
   ---------------------------------------------------------- */

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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: clamp(24px, 3vw, 60px) !important;

    padding:
        24px
        clamp(34px, 5vw, 100px) !important;

    box-sizing: border-box !important;
}


/* NEWSLETTER AREA */

.integrated-site-footer .isf-newsletter-wrap {
    flex: 0 1 600px !important;

    width: auto !important;
    min-width: 360px !important;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;

    gap: 18px !important;

    margin: 0 !important;
}


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

    margin: 0 !important;

    white-space: nowrap !important;
}


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

    width: auto !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 9px !important;

    margin: 0 !important;
}


.integrated-site-footer .isf-newsletter input {
    flex: 1 1 190px !important;

    width: auto !important;
    min-width: 150px !important;
}


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

    width: auto !important;

    white-space: nowrap !important;
}


/* FAQ / CONTACT / PRESS KIT */

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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 22px !important;

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

    white-space: nowrap !important;
}


/* SOCIALS + LANGUAGE */

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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 26px !important;

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

    white-space: nowrap !important;
}


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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 20px !important;

    margin: 0 !important;

    white-space: nowrap !important;
}


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

    width: auto !important;

    display: inline-flex !important;

    align-items: center !important;

    margin: 0 !important;

    white-space: nowrap !important;
}


/* ----------------------------------------------------------
   LEGAL-ZEILE
   ---------------------------------------------------------- */

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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 25px !important;

    padding:
        14px
        clamp(34px, 5vw, 100px) !important;

    box-sizing: border-box !important;
}


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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 18px !important;

    margin: 0 !important;

    white-space: nowrap !important;
}


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

    margin: 0 !important;

    white-space: nowrap !important;
}


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

@media (max-width: 1500px) {

    .site-header .header-inner {
        gap: 13px !important;

        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .site-header .main-navigation,
    .site-header .main-nav {
        gap: 15px !important;
    }

    .site-header .header-login,
    .site-header .header-button,
    .site-header .wishlist-button,
    .site-header .wishlist-link {
        min-width: 100px !important;

        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    .integrated-site-footer .isf-top {
        gap: 22px !important;

        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .integrated-site-footer .isf-newsletter-wrap {
        min-width: 310px !important;
    }

}


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

@media (max-width: 1024px) {

    .site-header .header-inner {
        min-height: 66px !important;

        padding: 11px 18px !important;
    }


    /*
       Mobile Footer gemäß bestätigtem Yashariel-Layout:
       obere Newsletter/Social-Zeile ausblenden.
    */

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


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

        flex-direction: row !important;
        flex-wrap: wrap !important;

        justify-content: center !important;

        gap: 10px 16px !important;

        padding: 18px !important;
    }


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

        flex-wrap: wrap !important;

        gap: 10px 15px !important;
    }


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

        text-align: center !important;
    }

}


/* ==========================================================
   END GLOBAL SHELL FIX
   ========================================================== */








/* YASHARIEL ACTIVE NAV STYLE START */


/* ==========================================================
   ACTIVE NAVIGATION
   Auf jeder Seite identische orange Unterstreichung.
   ========================================================== */

.site-header .main-navigation a,
.site-header .main-nav a {
    position: relative !important;
}


/* Alte unterschiedliche Active-Markierungen neutralisieren */

.site-header .main-navigation a.active::after,
.site-header .main-navigation a.current::after,
.site-header .main-navigation a[aria-current="page"]::after,
.site-header .main-navigation a.is-active::after,
.site-header .main-nav a.active::after,
.site-header .main-nav a.current::after,
.site-header .main-nav a[aria-current="page"]::after,
.site-header .main-nav a.is-active::after {

    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 2px !important;

    transform: translateX(-50%) !important;

    background: #d86328 !important;

    box-shadow:
        0 0 7px rgba(216, 99, 40, 0.38) !important;

    opacity: 1 !important;

    pointer-events: none !important;
}


/* Aktive Schrift leicht hervorheben */

.site-header .main-navigation a.is-active,
.site-header .main-navigation a[aria-current="page"],
.site-header .main-nav a.is-active,
.site-header .main-nav a[aria-current="page"] {

    color: #e5c28e !important;
}


/* Keine Unterstreichung bei nicht aktiven Links */

.site-header .main-navigation a:not(.is-active):not([aria-current="page"])::after,
.site-header .main-nav a:not(.is-active):not([aria-current="page"])::after {

    opacity: 0 !important;
}


/* YASHARIEL ACTIVE NAV STYLE END */


/* YASHARIEL LEGAL FOOTER FIX START */


/* ==========================================================
   GLOBAL LEGAL FOOTER BAR
   Privacy · Cookies · Legal · Accessibility · Copyright
   immer kompakt, mittig und in EINER Zeile
   ========================================================== */

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

    min-height: 58px !important;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 22px !important;

    margin: 0 !important;

    padding: 14px 24px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


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

    width: auto !important;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 0 !important;

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

    white-space: nowrap !important;

    text-align: center !important;
}


/* ----------------------------------------------------------
   Einheitliche Trennpunkte
   ---------------------------------------------------------- */

.integrated-site-footer .isf-legal a {
    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    white-space: nowrap !important;
}


.integrated-site-footer .isf-legal a + a {
    margin-left: 18px !important;
}


.integrated-site-footer .isf-legal a + a::before {
    content: "·" !important;

    position: relative !important;

    display: inline-block !important;

    margin-right: 18px !important;

    opacity: 0.55 !important;
}


/* ----------------------------------------------------------
   Copyright direkt in derselben Zeile
   ---------------------------------------------------------- */

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

    width: auto !important;

    display: inline-flex !important;

    align-items: center !important;

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

    white-space: nowrap !important;

    text-align: center !important;
}


.integrated-site-footer .isf-copyright::before {
    content: "·" !important;

    display: inline-block !important;

    margin-right: 22px !important;

    opacity: 0.55 !important;
}


/* ==========================================================
   SPEZIELL FÜR LEGAL / PRIVACY / COOKIE / ACCESSIBILITY /
   CONTACT SEITEN:
   alte Layout-Regeln komplett neutralisieren
   ========================================================== */

body .integrated-site-footer .isf-bottom > *,
body .integrated-site-footer .isf-legal,
body .integrated-site-footer .isf-copyright {
    align-self: center !important;
}


body .integrated-site-footer .isf-bottom {
    justify-content: center !important;
}


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

@media (max-width: 1024px) {

    .integrated-site-footer .isf-bottom {
        min-height: 0 !important;

        flex-direction: column !important;
        flex-wrap: nowrap !important;

        gap: 10px !important;

        padding: 18px 14px !important;
    }


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

        justify-content: center !important;

        row-gap: 9px !important;
    }


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

}


/* YASHARIEL LEGAL FOOTER FIX END */


/* YASHARIEL LANGUAGE PAGE FIX START */


/* ==========================================================
   LANGUAGE PAGE HEADER
   Der reduzierte Header darf NICHT beim Scrollen über
   den Inhalt laufen.
   ========================================================== */

.language-page header,
.language-page .site-header,
.language-page .utility-header,
.language-page .reduced-header,
.language-page .language-header {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100% !important;

    z-index: 20 !important;
}


/* Falls einzelne Header-Inhalte separat fixed/sticky sind */

.language-page header .brand,
.language-page header .site-brand,
.language-page header .logo-text,
.language-page .site-header .brand,
.language-page .utility-header .brand,
.language-page .reduced-header .brand,
.language-page .language-header .brand {
    position: relative !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;

    z-index: auto !important;
}


/* Keine künstliche Sticky-Position */

.language-page .sticky,
.language-page .is-sticky {
    position: relative !important;

    top: auto !important;
}


/* ==========================================================
   LANGUAGE CONTENT
   ========================================================== */

.language-page main,
.language-page .language-main,
.language-page .language-content,
.language-page .language-shell {
    position: relative !important;

    z-index: 1 !important;
}


/* ==========================================================
   LANGUAGE PAGE FOOTER
   Desktop: alles sauber in einer horizontalen Linie
   ========================================================== */

@media (min-width: 1025px) {

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

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 30px !important;

        padding:
            26px
            clamp(45px, 5vw, 100px) !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       Newsletter komplett in EINER Linie
       ------------------------------------------------------ */

    .language-page .integrated-site-footer .isf-newsletter-wrap {
        flex: 0 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 18px !important;

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


    .language-page .integrated-site-footer .isf-title {
        flex: 0 0 auto !important;

        width: auto !important;

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

        white-space: nowrap !important;
    }


    .language-page .integrated-site-footer .isf-newsletter {
        flex: 0 1 410px !important;

        width: 410px !important;
        max-width: 410px !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: stretch !important;

        gap: 9px !important;

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


    .language-page .integrated-site-footer .isf-newsletter input {
        flex: 1 1 auto !important;

        width: 240px !important;
        min-width: 160px !important;

        margin: 0 !important;
    }


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

        width: auto !important;

        margin: 0 !important;

        white-space: nowrap !important;
    }


    /* ------------------------------------------------------
       FAQ · CONTACT · PRESS KIT
       ------------------------------------------------------ */

    .language-page .integrated-site-footer .isf-links {
        flex: 0 0 auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 22px !important;

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

        white-space: nowrap !important;
    }


    /* ------------------------------------------------------
       FACEBOOK · INSTAGRAM · DISCORD · LANGUAGE
       ------------------------------------------------------ */

    .language-page .integrated-site-footer .isf-right {
        flex: 0 0 auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 25px !important;

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

        white-space: nowrap !important;
    }


    .language-page .integrated-site-footer .isf-social {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 20px !important;

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

        white-space: nowrap !important;
    }


    .language-page .integrated-site-footer .isf-language {
        flex: 0 0 auto !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;

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

        white-space: nowrap !important;
    }


    /* ======================================================
       UNTERE LEISTE IMMER MITTIG
       Privacy · Cookies · Legal · Accessibility · © ...
       ====================================================== */

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

        min-height: 58px !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 20px !important;

        margin: 0 !important;

        padding: 14px 24px !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }


    .language-page .integrated-site-footer .isf-legal {
        flex: 0 0 auto !important;

        width: auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 0 !important;

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

        white-space: nowrap !important;

        text-align: center !important;
    }


    .language-page .integrated-site-footer .isf-legal a {
        display: inline-flex !important;

        align-items: center !important;

        width: auto !important;

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

        white-space: nowrap !important;
    }


    .language-page .integrated-site-footer .isf-legal a + a {
        margin-left: 17px !important;
    }


    .language-page .integrated-site-footer .isf-legal a + a::before {
        content: "·" !important;

        display: inline-block !important;

        margin-right: 17px !important;

        opacity: 0.55 !important;
    }


    .language-page .integrated-site-footer .isf-copyright {
        flex: 0 0 auto !important;

        width: auto !important;

        display: inline-flex !important;

        align-items: center !important;

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

        white-space: nowrap !important;

        text-align: center !important;
    }


    .language-page .integrated-site-footer .isf-copyright::before {
        content: "·" !important;

        display: inline-block !important;

        margin-right: 20px !important;

        opacity: 0.55 !important;
    }

}


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

@media (max-width: 1024px) {

    .language-page header,
    .language-page .site-header,
    .language-page .utility-header,
    .language-page .reduced-header,
    .language-page .language-header {
        position: relative !important;

        top: auto !important;
    }


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


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

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;

        padding: 18px 14px !important;

        text-align: center !important;
    }


    .language-page .integrated-site-footer .isf-legal {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;

        justify-content: center !important;

        gap: 10px 15px !important;

        width: 100% !important;

        text-align: center !important;
    }


    .language-page .integrated-site-footer .isf-copyright {
        width: 100% !important;

        justify-content: center !important;

        text-align: center !important;
    }


    .language-page .integrated-site-footer .isf-copyright::before {
        display: none !important;
    }

}


/* YASHARIEL LANGUAGE PAGE FIX END */





/* YASHARIEL FEATURES NEWS CENTER FIX START */


/* ==========================================================
   FEATURES HERO
   Text innerhalb des vorhandenen Hero-Bereichs zentrieren.
   Position/Bildaufteilung bleibt erhalten.
   ========================================================== */

.yashariel-features-page .hero-content,
.yashariel-features-page .features-hero-content,
.yashariel-features-page .page-hero-content,
.yashariel-features-page .page-hero__content,
.yashariel-features-page .hero-copy,
.yashariel-features-page .features-hero .content,
.yashariel-features-page .features-hero > div,
.yashariel-features-page main > section:first-child .content {
    text-align: center !important;
}


.yashariel-features-page .hero-content h1,
.yashariel-features-page .hero-content h2,
.yashariel-features-page .hero-content p,

.yashariel-features-page .features-hero-content h1,
.yashariel-features-page .features-hero-content h2,
.yashariel-features-page .features-hero-content p,

.yashariel-features-page .page-hero-content h1,
.yashariel-features-page .page-hero-content p,

.yashariel-features-page .page-hero__content h1,
.yashariel-features-page .page-hero__content p,

.yashariel-features-page .hero-copy h1,
.yashariel-features-page .hero-copy p {
    text-align: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* Dekorative Linie ebenfalls mittig */

.yashariel-features-page .hero-content .divider,
.yashariel-features-page .hero-content .ornament,
.yashariel-features-page .hero-content .hero-divider,
.yashariel-features-page .features-hero-content .divider,
.yashariel-features-page .features-hero-content .ornament {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   NEWS HERO
   ========================================================== */

.yashariel-news-page .hero-content,
.yashariel-news-page .news-hero-content,
.yashariel-news-page .page-hero-content,
.yashariel-news-page .page-hero__content,
.yashariel-news-page .hero-copy,
.yashariel-news-page .news-hero .content,
.yashariel-news-page .news-hero > div,
.yashariel-news-page main > section:first-child .content {
    text-align: center !important;
}


.yashariel-news-page .hero-content h1,
.yashariel-news-page .hero-content h2,
.yashariel-news-page .hero-content p,

.yashariel-news-page .news-hero-content h1,
.yashariel-news-page .news-hero-content h2,
.yashariel-news-page .news-hero-content p,

.yashariel-news-page .page-hero-content h1,
.yashariel-news-page .page-hero-content p,

.yashariel-news-page .page-hero__content h1,
.yashariel-news-page .page-hero__content p,

.yashariel-news-page .hero-copy h1,
.yashariel-news-page .hero-copy p {
    text-align: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* Beschreibung bei News nicht links hängen lassen */

.yashariel-news-page .news-hero p,
.yashariel-news-page .news-intro,
.yashariel-news-page .hero-description,
.yashariel-news-page .page-description {
    text-align: center !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   NEWS FOOTER
   Features-Footer wurde auch im HTML übernommen.
   Hier erzwingen wir zusätzlich dass keine alten News-Regeln
   ihn wieder verkleinern.
   ========================================================== */

.yashariel-news-page .integrated-site-footer {
    font-size: inherit !important;

    transform: none !important;

    scale: 1 !important;
}


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

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    transform: none !important;

    scale: 1 !important;
}


.yashariel-news-page .integrated-site-footer .isf-title {
    font-size: inherit !important;
}


.yashariel-news-page .integrated-site-footer .isf-links,
.yashariel-news-page .integrated-site-footer .isf-right,
.yashariel-news-page .integrated-site-footer .isf-social {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
}


.yashariel-news-page .integrated-site-footer .isf-bottom {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    transform: none !important;

    scale: 1 !important;
}


.yashariel-news-page .integrated-site-footer .isf-legal {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: center !important;

    text-align: center !important;
}


.yashariel-news-page .integrated-site-footer .isf-copyright {
    width: auto !important;

    margin: 0 !important;

    text-align: center !important;
}


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

@media (max-width: 1024px) {

    .yashariel-features-page .hero-content,
    .yashariel-features-page .features-hero-content,
    .yashariel-features-page .page-hero-content,
    .yashariel-features-page .page-hero__content,

    .yashariel-news-page .hero-content,
    .yashariel-news-page .news-hero-content,
    .yashariel-news-page .page-hero-content,
    .yashariel-news-page .page-hero__content {
        text-align: center !important;
    }


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


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

        justify-content: center !important;

        text-align: center !important;
    }


    .yashariel-news-page .integrated-site-footer .isf-legal {
        flex-wrap: wrap !important;

        justify-content: center !important;
    }


    .yashariel-news-page .integrated-site-footer .isf-copyright {
        width: 100% !important;

        text-align: center !important;
    }

}


/* YASHARIEL FEATURES NEWS CENTER FIX END */


/* YASHARIEL NEWS EMPTY FILTER GROUPS START */

.yashariel-news-page .news-filter-empty {
    display: none !important;
}

/* YASHARIEL NEWS EMPTY FILTER GROUPS END */


/* YASHARIEL PAGE CONSISTENCY FIX START */


/* ==========================================================
   FEATURES + NEWS HERO
   kompletter Textblock wirklich mittig
   ========================================================== */

.yashariel-features-page
.yashariel-force-centered-hero,

.yashariel-news-page
.yashariel-force-centered-hero {
    position: relative !important;
}


.yashariel-features-page
.yashariel-force-centered-copy,

.yashariel-news-page
.yashariel-force-centered-copy {
    width: 100% !important;

    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}


/* ==========================================================
   TITEL
   ========================================================== */

.yashariel-features-page
.yashariel-force-centered-title,

.yashariel-news-page
.yashariel-force-centered-title {
    width: 100% !important;

    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}


/* ==========================================================
   ALLE TEXTE IM HERO
   ========================================================== */

.yashariel-features-page
.yashariel-force-centered-copy
h1,

.yashariel-features-page
.yashariel-force-centered-copy
h2,

.yashariel-features-page
.yashariel-force-centered-copy
p,

.yashariel-features-page
.yashariel-force-centered-copy
div,

.yashariel-news-page
.yashariel-force-centered-copy
h1,

.yashariel-news-page
.yashariel-force-centered-copy
h2,

.yashariel-news-page
.yashariel-force-centered-copy
p,

.yashariel-news-page
.yashariel-force-centered-copy
div {
    text-align: center !important;
}


/* ==========================================================
   FEATURES:
   PRETITLE / SUBTITLE / DESCRIPTION
   ========================================================== */

.yashariel-features-page
.yashariel-force-centered-hero
.eyebrow,

.yashariel-features-page
.yashariel-force-centered-hero
.kicker,

.yashariel-features-page
.yashariel-force-centered-hero
.subtitle,

.yashariel-features-page
.yashariel-force-centered-hero
.lead,

.yashariel-features-page
.yashariel-force-centered-hero
.description {
    width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}


/* ==========================================================
   NEWS DESCRIPTION
   ========================================================== */

.yashariel-news-page
.yashariel-force-centered-hero
p {
    max-width: 760px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}


/* ==========================================================
   DEKORATIVE LINIEN / ORNAMENTE MITTIG
   ========================================================== */

.yashariel-features-page
.yashariel-force-centered-hero
.divider,

.yashariel-features-page
.yashariel-force-centered-hero
.hero-divider,

.yashariel-features-page
.yashariel-force-centered-hero
.ornament,

.yashariel-news-page
.yashariel-force-centered-hero
.divider,

.yashariel-news-page
.yashariel-force-centered-hero
.hero-divider,

.yashariel-news-page
.yashariel-force-centered-hero
.ornament {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   CANONICAL FOOTER
   Terms / News / Features
   identisch zur Startseite
   ========================================================== */

@media (min-width: 1025px) {

    .yashariel-features-page
    .integrated-site-footer
    .isf-top,

    .yashariel-news-page
    .integrated-site-footer
    .isf-top,

    .yashariel-terms-page
    .integrated-site-footer
    .isf-top {

        width: 100% !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 30px !important;

        margin: 0 !important;

        padding:
            24px
            clamp(40px, 5vw, 100px) !important;

        box-sizing: border-box !important;
    }


    /* ------------------------------------------------------
       Newsletter
       ------------------------------------------------------ */

    .yashariel-features-page
    .isf-newsletter-wrap,

    .yashariel-news-page
    .isf-newsletter-wrap,

    .yashariel-terms-page
    .isf-newsletter-wrap {

        flex: 0 1 auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 18px !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    .yashariel-features-page
    .isf-title,

    .yashariel-news-page
    .isf-title,

    .yashariel-terms-page
    .isf-title {

        flex: 0 0 auto !important;

        width: auto !important;

        margin: 0 !important;

        white-space: nowrap !important;
    }


    .yashariel-features-page
    .isf-newsletter,

    .yashariel-news-page
    .isf-newsletter,

    .yashariel-terms-page
    .isf-newsletter {

        width: 410px !important;
        max-width: 410px !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        gap: 9px !important;

        margin: 0 !important;
    }


    /* ------------------------------------------------------
       MITTLERE LINKS
       ------------------------------------------------------ */

    .yashariel-features-page
    .isf-links,

    .yashariel-news-page
    .isf-links,

    .yashariel-terms-page
    .isf-links {

        flex: 0 0 auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 22px !important;

        margin: 0 !important;

        white-space: nowrap !important;
    }


    /* ------------------------------------------------------
       SOCIALS / LANGUAGE
       ------------------------------------------------------ */

    .yashariel-features-page
    .isf-right,

    .yashariel-news-page
    .isf-right,

    .yashariel-terms-page
    .isf-right {

        flex: 0 0 auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 24px !important;

        margin: 0 !important;

        white-space: nowrap !important;
    }


    .yashariel-features-page
    .isf-social,

    .yashariel-news-page
    .isf-social,

    .yashariel-terms-page
    .isf-social {

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 20px !important;

        white-space: nowrap !important;
    }


    /* ======================================================
       UNTERSTE ZEILE IMMER MITTIG
       ====================================================== */

    .yashariel-features-page
    .integrated-site-footer
    .isf-bottom,

    .yashariel-news-page
    .integrated-site-footer
    .isf-bottom,

    .yashariel-terms-page
    .integrated-site-footer
    .isf-bottom {

        width: 100% !important;

        min-height: 56px !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 20px !important;

        margin: 0 !important;

        padding:
            14px
            24px !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    .yashariel-features-page
    .isf-legal,

    .yashariel-news-page
    .isf-legal,

    .yashariel-terms-page
    .isf-legal {

        width: auto !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        white-space: nowrap !important;
    }


    .yashariel-features-page
    .isf-copyright,

    .yashariel-news-page
    .isf-copyright,

    .yashariel-terms-page
    .isf-copyright {

        width: auto !important;

        margin: 0 !important;

        text-align: center !important;

        white-space: nowrap !important;
    }

}


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

@media (max-width: 1024px) {

    .yashariel-features-page
    .yashariel-force-centered-copy,

    .yashariel-news-page
    .yashariel-force-centered-copy {

        width: 100% !important;

        padding-left: 18px !important;
        padding-right: 18px !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }


    .yashariel-features-page
    .integrated-site-footer
    .isf-top,

    .yashariel-news-page
    .integrated-site-footer
    .isf-top,

    .yashariel-terms-page
    .integrated-site-footer
    .isf-top {

        display: none !important;
    }


    .yashariel-features-page
    .integrated-site-footer
    .isf-bottom,

    .yashariel-news-page
    .integrated-site-footer
    .isf-bottom,

    .yashariel-terms-page
    .integrated-site-footer
    .isf-bottom {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;

        text-align: center !important;
    }

}


/* YASHARIEL PAGE CONSISTENCY FIX END */


/* YASHARIEL GLOBAL HERO HEIGHT START */


/* ==========================================================
   HERO-POSITION FÜR NORMALE INHALTSSEITEN

   HOME absichtlich NICHT enthalten.
   ========================================================== */

@media (min-width: 1025px) {

    body:not(.home-page)
    .page-hero,

    body:not(.home-page)
    .hero-section,

    body:not(.home-page)
    .game-hero,

    body:not(.home-page)
    .classes-hero,

    body:not(.home-page)
    .world-hero,

    body:not(.home-page)
    .features-hero,

    body:not(.home-page)
    .team-hero,

    body:not(.home-page)
    .news-hero {

        min-height: 635px !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       GEMEINSAME VERTIKALE ACHSE
       ====================================================== */

    body:not(.home-page)
    .page-hero
    .hero-content,

    body:not(.home-page)
    .hero-section
    .hero-content,

    body:not(.home-page)
    .game-hero
    .hero-content,

    body:not(.home-page)
    .classes-hero
    .hero-content,

    body:not(.home-page)
    .world-hero
    .hero-content,

    body:not(.home-page)
    .features-hero
    .hero-content,

    body:not(.home-page)
    .team-hero
    .hero-content,

    body:not(.home-page)
    .news-hero
    .hero-content,

    body:not(.home-page)
    .page-hero-content,

    body:not(.home-page)
    .page-hero__content,

    body:not(.home-page)
    .hero-copy {

        position: absolute !important;

        top: 50% !important;

        transform: translateY(-50%) !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       FEATURES / NEWS ZENTRIERTE HERO-BLÖCKE

       Horizontal bleiben sie mittig.
       Vertikal benutzen sie jetzt dieselbe Achse.
       ====================================================== */

    .yashariel-features-page
    .yashariel-force-centered-copy,

    .yashariel-news-page
    .yashariel-force-centered-copy {

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        transform:
            translate(-50%, -50%) !important;

        width: min(100%, 1050px) !important;

        margin: 0 !important;
    }


    /* ======================================================
       CLASSES
       mittiger Klassen-Hero ebenfalls auf gleiche Höhe
       ====================================================== */

    .classes-hero .hero-content,
    .classes-hero .classes-hero-content,
    .classes-hero .hero-copy {

        top: 50% !important;

        transform: translateY(-50%) !important;
    }


    /* ======================================================
       WORLD
       ====================================================== */

    .world-hero .hero-content,
    .world-hero .world-hero-content,
    .world-hero .hero-copy {

        top: 50% !important;

        transform: translateY(-50%) !important;
    }


    /* ======================================================
       GAME
       ====================================================== */

    .game-hero .hero-content,
    .game-hero .game-hero-content,
    .game-hero .hero-copy {

        top: 50% !important;

        transform: translateY(-50%) !important;
    }


    /* ======================================================
       TEAM
       ====================================================== */

    .team-hero .hero-content,
    .team-hero .team-hero-content,
    .team-hero .hero-copy {

        top: 50% !important;

        transform: translateY(-50%) !important;
    }

}


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

@media (min-width: 1025px) and (max-width: 1500px) {

    body:not(.home-page)
    .page-hero,

    body:not(.home-page)
    .hero-section,

    body:not(.home-page)
    .game-hero,

    body:not(.home-page)
    .classes-hero,

    body:not(.home-page)
    .world-hero,

    body:not(.home-page)
    .features-hero,

    body:not(.home-page)
    .team-hero,

    body:not(.home-page)
    .news-hero {

        min-height: 600px !important;
    }

}


/* ==========================================================
   MOBILE
   Nicht absolut positionieren.
   ========================================================== */

@media (max-width: 1024px) {

    body:not(.home-page)
    .page-hero
    .hero-content,

    body:not(.home-page)
    .hero-section
    .hero-content,

    body:not(.home-page)
    .game-hero
    .hero-content,

    body:not(.home-page)
    .classes-hero
    .hero-content,

    body:not(.home-page)
    .world-hero
    .hero-content,

    body:not(.home-page)
    .features-hero
    .hero-content,

    body:not(.home-page)
    .team-hero
    .hero-content,

    body:not(.home-page)
    .news-hero
    .hero-content,

    body:not(.home-page)
    .page-hero-content,

    body:not(.home-page)
    .page-hero__content,

    body:not(.home-page)
    .hero-copy,

    .yashariel-features-page
    .yashariel-force-centered-copy,

    .yashariel-news-page
    .yashariel-force-centered-copy {

        position: relative !important;

        top: auto !important;
        left: auto !important;

        transform: none !important;
    }

}


/* YASHARIEL GLOBAL HERO HEIGHT END */