/*
STOSSACHSE Origin Theme v1.0.16 — Background Brightness Tune
Clean-room Dark/Bronze/MMO Theme. Keine Alt-Theme-Patch-Kette.
*/
:root{
    --origin-bg:#070706;
    --origin-bg-soft:#0d0b09;
    --origin-panel:#14100c;
    --origin-panel-2:#1b140e;
    --origin-line:rgba(214,152,69,.30);
    --origin-line-strong:rgba(241,181,94,.55);
    --origin-gold:#d99a43;
    --origin-gold-2:#ffcc7a;
    --origin-bronze:#9a5d2e;
    --origin-red:#b34026;
    --origin-green:#70c077;
    --origin-text:#f4ead7;
    --origin-muted:#b8a98e;
    --origin-dim:#766b5c;
    --origin-shadow:0 22px 60px rgba(0,0,0,.56);
    --origin-radius:18px;
    --origin-radius-sm:12px;
    --origin-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--origin-bg);}
body.st-origin{
    min-height:100vh;
    margin:0;
    color:var(--origin-text);
    font-family:var(--origin-font);
    background:
        linear-gradient(180deg, rgba(5,5,4,.72) 0%, rgba(6,5,4,.82) 42%, rgba(3,3,3,.92) 100%),
        radial-gradient(circle at 16% 0%, rgba(192,89,35,.18), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(220,151,54,.14), transparent 34%),
        url('../img/backgrounds/stossachse-origin-bg.png') center top / cover fixed no-repeat,
        linear-gradient(180deg, #090806 0%, #0c0907 45%, #050505 100%);
    background-attachment:fixed,fixed,fixed,fixed,fixed;
}
body.st-origin::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.10;
    background-image:linear-gradient(rgba(255,210,140,.18) 1px, transparent 1px),linear-gradient(90deg, rgba(255,210,140,.10) 1px, transparent 1px);
    background-size:44px 44px;
    mask-image:linear-gradient(180deg, rgba(0,0,0,.58), transparent 82%);
    z-index:-1;
}
body.st-origin::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 50% 18%, transparent 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,.46) 100%),
        linear-gradient(90deg, rgba(0,0,0,.32), transparent 18%, transparent 82%, rgba(0,0,0,.34));
}

a{color:inherit;text-decoration:none}
a:hover{color:var(--origin-gold-2)}
img{max-width:100%;height:auto}

.origin-shell,.origin-app-shell{width:min(1760px, calc(100% - 30px));margin:0 auto;}
.origin-topbar{
    position:sticky;
    top:0;
    z-index:50;
    min-height:74px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:14px auto 16px;
    padding:14px 18px;
    border:1px solid var(--origin-line);
    border-radius:var(--origin-radius);
    background:linear-gradient(180deg, rgba(25,18,12,.96), rgba(10,8,6,.92));
    box-shadow:var(--origin-shadow), inset 0 1px 0 rgba(255,210,130,.12);
    backdrop-filter:blur(12px);
}
.origin-brand{display:flex;align-items:center;gap:10px;min-width:max-content;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.origin-brand-mark{
    width:44px;height:44px;
    display:grid;place-items:center;
    border:1px solid var(--origin-line-strong);
    border-radius:14px;
    color:var(--origin-gold-2);
    background:radial-gradient(circle at 30% 20%, rgba(255,210,118,.24), transparent 42%), linear-gradient(135deg,#2a160c,#0e0b09);
    box-shadow:inset 0 0 22px rgba(237,142,58,.22),0 0 24px rgba(198,97,37,.18);
}
.origin-brand-text{font-size:1.08rem;color:#fff1d2;text-shadow:0 0 18px rgba(245,156,63,.25)}
.origin-brand-sub{font-size:.68rem;color:var(--origin-muted);border-left:1px solid var(--origin-line);padding-left:10px;}
.origin-topnav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.origin-toplink,.origin-command-actions a,.origin-nav-list a,.origin-module-nav a{
    display:flex;align-items:center;gap:8px;
    min-height:40px;
    padding:10px 12px;
    border:1px solid rgba(215,151,70,.22);
    border-radius:12px;
    color:var(--origin-muted);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.10));
    transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.origin-toplink:hover,.origin-command-actions a:hover,.origin-nav-list a:hover,.origin-module-nav a:hover,
.origin-toplink.is-active,.origin-nav-list a.is-active,.origin-nav-list a.active,.origin-nav-list a.nav-active,.origin-module-nav a.active,.origin-module-nav a.nav-active{
    color:var(--origin-gold-2);
    border-color:var(--origin-line-strong);
    background:linear-gradient(180deg, rgba(217,154,67,.18), rgba(117,56,26,.12));
    box-shadow:0 0 0 1px rgba(255,209,121,.08), 0 10px 28px rgba(0,0,0,.22);
    transform:translateY(-1px);
}
.origin-badge{
    min-width:22px;height:22px;padding:0 6px;
    display:inline-grid;place-items:center;
    border-radius:999px;
    background:linear-gradient(180deg,#ffcf73,#aa5223);
    color:#170b05;
    font-size:.78rem;
    font-weight:900;
}
.origin-hero{
    position:relative;
    overflow:hidden;
    border:1px solid var(--origin-line);
    border-radius:24px;
    background:linear-gradient(135deg, rgba(33,21,13,.95), rgba(8,7,6,.98));
    box-shadow:var(--origin-shadow), inset 0 1px 0 rgba(255,223,151,.12);
}
.origin-hero-guest{min-height:330px;display:grid;place-items:center;margin:12px 0 22px;}
.origin-hero-grid{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%, rgba(230,135,41,.22), transparent 36%),url('../img/origin-grid.svg') center/cover no-repeat;opacity:.58;}
.origin-hero-content{position:relative;text-align:center;padding:34px;}
.origin-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--origin-line);border-radius:999px;color:var(--origin-gold-2);background:rgba(0,0,0,.22);letter-spacing:.13em;font-size:.78rem;font-weight:800;}
.origin-hero h1{margin:18px 0 8px;font-size:clamp(2.8rem,7vw,6.3rem);line-height:.92;letter-spacing:.08em;text-transform:uppercase;color:#fff3d5;text-shadow:0 0 34px rgba(245,147,53,.22),0 8px 0 rgba(0,0,0,.20);}
.origin-hero p{margin:0;color:var(--origin-muted);font-size:1.05rem;}
.origin-guest-main{width:min(760px,100%);margin:0 auto 46px;}
.origin-app-shell{padding-bottom:30px;}
.origin-command-strip{
    display:flex;justify-content:space-between;align-items:center;gap:14px;
    margin:0 0 16px;
    padding:12px 16px;
    border:1px solid rgba(215,151,70,.18);
    border-radius:16px;
    color:var(--origin-muted);
    background:rgba(9,8,7,.68);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.origin-status-dot{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--origin-green);box-shadow:0 0 16px rgba(112,192,119,.9);}
.origin-command-actions{display:flex;gap:8px;flex-wrap:wrap;}
.origin-command-actions a{min-height:34px;padding:7px 10px;font-size:.88rem;}
.origin-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 310px;gap:18px;align-items:start;}
.origin-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0;}
.origin-leftbar,.origin-rightbar{position:sticky;top:104px;}
.origin-content{min-width:0;}
.origin-panel,.panel,.card,.dashboard-card,.forum-card,.news-card,.download-card,.event-card,.profile-card,.inventory-card,
.admin-card,.admin-panel,.widget,.module-card,.dashboard-widget,.userpanel-next-widget{
    border:1px solid var(--origin-line) !important;
    border-radius:var(--origin-radius) !important;
    background:linear-gradient(180deg, rgba(27,19,13,.94), rgba(12,10,8,.94)) !important;
    color:var(--origin-text);
    box-shadow:var(--origin-shadow), inset 0 1px 0 rgba(255,225,160,.08) !important;
}
.origin-panel{padding:14px;}
.origin-panel-title,h1,h2,h3,.panel h3,.card h3,.admin-card h3,.dashboard-card h3{
    color:#ffe6b3;
}
.origin-panel-title{
    display:flex;align-items:center;justify-content:space-between;
    margin:0 0 12px;
    padding:0 0 10px;
    border-bottom:1px solid rgba(215,151,70,.18);
    font-weight:900;
    letter-spacing:.04em;
}
.origin-nav-list,.origin-module-nav{display:flex;flex-direction:column;gap:8px;}
.origin-nav-list a{width:100%;justify-content:flex-start;}
.origin-module-nav-wrap{
    margin:0 0 16px;
    padding:12px;
    border:1px solid var(--origin-line);
    border-radius:var(--origin-radius);
    background:rgba(8,7,6,.72);
    box-shadow:0 16px 40px rgba(0,0,0,.24);
}
.origin-module-nav-title{font-weight:900;color:var(--origin-gold-2);margin:0 0 10px;}
.origin-module-nav{flex-direction:row;flex-wrap:wrap;}
.origin-mini-stat{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(215,151,70,.12);color:var(--origin-muted);}
.origin-mini-stat:last-child{border-bottom:0}
.origin-mini-stat strong{color:var(--origin-gold-2)}

/* Content defaults */
.origin-content > *:first-child{margin-top:0}
main.origin-content h1,.origin-guest-main h1{font-size:clamp(1.8rem,3vw,3rem);margin:0 0 16px;}
main.origin-content p,.origin-guest-main p{color:var(--origin-muted);line-height:1.65;}

/* Forms */
input,select,textarea,button,.btn,.button,a.button,input[type="submit"]{
    font-family:var(--origin-font);
}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    border:1px solid rgba(215,151,70,.28);
    border-radius:12px;
    color:var(--origin-text);
    background:rgba(4,4,4,.45);
    outline:none;
}
textarea{min-height:130px;resize:vertical;}
input:focus,select:focus,textarea:focus{border-color:var(--origin-gold);box-shadow:0 0 0 3px rgba(217,154,67,.16);}
button,.btn,.button,a.button,input[type="submit"]{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    min-height:42px;
    padding:10px 14px;
    border:1px solid var(--origin-line-strong);
    border-radius:12px;
    color:#190d06;
    font-weight:900;
    background:linear-gradient(180deg,#ffd084,#b7642f);
    cursor:pointer;
    box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22);
}
button:hover,.btn:hover,.button:hover,a.button:hover,input[type="submit"]:hover{filter:brightness(1.08);transform:translateY(-1px);}

/* Tables */
table{width:100%;border-collapse:collapse;border-spacing:0;background:rgba(8,7,6,.45);border-radius:14px;overflow:hidden;}
th,td{padding:11px 12px;border-bottom:1px solid rgba(215,151,70,.14);text-align:left;vertical-align:top;}
th{color:#ffe0a3;background:rgba(217,154,67,.12);font-weight:900;}
tr:hover td{background:rgba(255,200,110,.04);}

/* Common module grids */
.dashboard-grid,.cards-grid,.news-grid,.download-grid,.event-grid,.inventory-grid,.profile-grid,.admin-grid,.module-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:16px;
}

/* Download cover safety */
.download-card img,.game-card img,.release-card img,.cover img,.download-cover img{
    width:100%;
    max-height:none;
    object-fit:contain;
    background:#070706;
    border-radius:14px;
}

/* Login/Register cards */
.origin-guest-main form,.login-box,.register-box,.auth-box{
    border:1px solid var(--origin-line);
    border-radius:22px;
    padding:22px;
    background:linear-gradient(180deg, rgba(28,20,13,.94), rgba(10,8,7,.96));
    box-shadow:var(--origin-shadow), inset 0 1px 0 rgba(255,225,160,.08);
}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:var(--origin-bronze) rgba(0,0,0,.25);}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--origin-gold),var(--origin-bronze));border-radius:20px}

@media (max-width:1280px){
    .origin-layout{grid-template-columns:240px minmax(0,1fr);}
    .origin-rightbar{grid-column:1 / -1;position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
}
@media (max-width:860px){
    .origin-shell,.origin-app-shell{width:min(100% - 18px, 1760px)}
    .origin-topbar{position:static;align-items:flex-start;flex-direction:column;}
    .origin-topnav{justify-content:flex-start;width:100%;}
    .origin-toplink{flex:1 1 auto;}
    .origin-command-strip{flex-direction:column;align-items:flex-start;}
    .origin-layout{grid-template-columns:1fr;}
    .origin-leftbar{position:static;}
    .origin-nav-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
    .origin-hero-guest{min-height:260px;}
}
@media (max-width:540px){
    .origin-brand-sub{display:none}
    .origin-toplink{width:100%;justify-content:center;}
    .origin-nav-list{grid-template-columns:1fr;}
    .origin-hero h1{font-size:2.35rem;}
}


/* ==========================================================
   STOSSACHSE Origin v1.0.6 — Clean Hero Tab Borders
   Ziel:
   - Keine herausstehende horizontale Linie neben/unter Hero-Reitern.
   - Tabs sollen optisch direkt mit Hero-/Content-Card verbunden sein.
   - Modul-Content-Shell sichtbarer und zusammenhängender machen.
   ========================================================== */

/* Die Tab-Leiste selbst darf keine durchlaufende Linie mehr zeichnen.
   Die Verbindung übernimmt die Hero-/Content-Card und der aktive Tab. */
body.st-origin .st-hero-tabs,
body.st-origin .st-module-hero-tabs,
body.st-origin .st-module-tabs,
body.st-origin .userpanel-hero-tabs,
body.st-origin .userpanel-next-hero-tabs,
body.st-origin .profilenext-hero-tabs,
body.st-origin .newsnext-hero-tabs,
body.st-origin .dashboardnext-hero-tabs,
body.st-origin .downloadnext-hero-tabs,
body.st-origin .forumnext-hero-tabs,
body.st-origin .eventnext-hero-tabs,
body.st-origin .inventorynext-hero-tabs,
body.st-origin .charactercore-hero-tabs{
    border-bottom:0 !important;
    padding-bottom:0 !important;
    box-shadow:none !important;
}

body.st-origin .st-hero-tabs::before,
body.st-origin .st-hero-tabs::after,
body.st-origin .st-module-hero-tabs::before,
body.st-origin .st-module-hero-tabs::after,
body.st-origin .st-module-tabs::before,
body.st-origin .st-module-tabs::after,
body.st-origin .userpanel-next-hero-tabs::before,
body.st-origin .userpanel-next-hero-tabs::after,
body.st-origin .profilenext-hero-tabs::before,
body.st-origin .profilenext-hero-tabs::after,
body.st-origin .newsnext-hero-tabs::before,
body.st-origin .newsnext-hero-tabs::after,
body.st-origin .dashboardnext-hero-tabs::before,
body.st-origin .dashboardnext-hero-tabs::after,
body.st-origin .downloadnext-hero-tabs::before,
body.st-origin .downloadnext-hero-tabs::after,
body.st-origin .forumnext-hero-tabs::before,
body.st-origin .forumnext-hero-tabs::after,
body.st-origin .eventnext-hero-tabs::before,
body.st-origin .eventnext-hero-tabs::after{
    content:none !important;
    display:none !important;
}

/* Einheitlicher Tab-Sitz ohne herausstehende Linien. */
body.st-origin .st-hero-tabs > a,
body.st-origin .st-hero-tab,
body.st-origin .st-module-hero-tabs > a,
body.st-origin .st-module-tabs > a,
body.st-origin .userpanel-next-hero-tabs > a,
body.st-origin .userpanel-next-hero-tab,
body.st-origin .profilenext-hero-tabs > a,
body.st-origin .profilenext-hero-tab,
body.st-origin .newsnext-hero-tabs > a,
body.st-origin .newsnext-hero-tab,
body.st-origin .dashboardnext-hero-tabs > a,
body.st-origin .dashboardnext-hero-tab,
body.st-origin .downloadnext-hero-tabs > a,
body.st-origin .downloadnext-hero-tab,
body.st-origin .forumnext-hero-tabs > a,
body.st-origin .forumnext-hero-tab,
body.st-origin .eventnext-hero-tabs > a,
body.st-origin .eventnext-hero-tab,
body.st-origin .inventorynext-hero-tabs > a,
body.st-origin .inventorynext-hero-tab,
body.st-origin .charactercore-hero-tabs > a,
body.st-origin .charactercore-hero-tab{
    border-bottom-color:rgba(215,151,70,.42) !important;
    margin-bottom:0 !important;
}

body.st-origin .st-hero-tabs > a.is-active,
body.st-origin .st-hero-tabs > a.active,
body.st-origin .st-hero-tabs > a.nav-active,
body.st-origin .st-hero-tabs > a[aria-current="page"],
body.st-origin .st-hero-tab.is-active,
body.st-origin .st-hero-tab.active,
body.st-origin .st-hero-tab.nav-active,
body.st-origin .st-hero-tab[aria-current="page"],
body.st-origin .userpanel-next-hero-tabs > a.is-active,
body.st-origin .userpanel-next-hero-tabs > a.active,
body.st-origin .userpanel-next-hero-tabs > a.nav-active,
body.st-origin .userpanel-next-hero-tabs > a[aria-current="page"],
body.st-origin .profilenext-hero-tabs > a.is-active,
body.st-origin .profilenext-hero-tabs > a.active,
body.st-origin .profilenext-hero-tabs > a.nav-active,
body.st-origin .profilenext-hero-tabs > a[aria-current="page"],
body.st-origin .newsnext-hero-tabs > a.is-active,
body.st-origin .newsnext-hero-tabs > a.active,
body.st-origin .newsnext-hero-tabs > a.nav-active,
body.st-origin .newsnext-hero-tabs > a[aria-current="page"],
body.st-origin .dashboardnext-hero-tabs > a.is-active,
body.st-origin .dashboardnext-hero-tabs > a.active,
body.st-origin .dashboardnext-hero-tabs > a.nav-active,
body.st-origin .dashboardnext-hero-tabs > a[aria-current="page"],
body.st-origin .downloadnext-hero-tabs > a.is-active,
body.st-origin .downloadnext-hero-tabs > a.active,
body.st-origin .downloadnext-hero-tabs > a.nav-active,
body.st-origin .downloadnext-hero-tabs > a[aria-current="page"],
body.st-origin .forumnext-hero-tabs > a.is-active,
body.st-origin .forumnext-hero-tabs > a.active,
body.st-origin .forumnext-hero-tabs > a.nav-active,
body.st-origin .forumnext-hero-tabs > a[aria-current="page"],
body.st-origin .eventnext-hero-tabs > a.is-active,
body.st-origin .eventnext-hero-tabs > a.active,
body.st-origin .eventnext-hero-tabs > a.nav-active,
body.st-origin .eventnext-hero-tabs > a[aria-current="page"]{
    border-bottom-color:rgba(33,21,13,.98) !important;
    z-index:7 !important;
}

/* Card-Anbindung: Die Card selbst zieht die sichtbare obere Linie,
   aber nicht die Tab-Leiste über die ganze Breite. */
body.st-origin .st-hero-tabs + .st-hero-card,
body.st-origin .st-hero-tabs + .origin-hero,
body.st-origin .st-hero-tabs + .profile-next-hero,
body.st-origin .st-hero-tabs + .profilenext-v6-hero,
body.st-origin .st-hero-tabs + .userpanel-next-hero,
body.st-origin .st-hero-tabs + .userpanel-next-page-hero,
body.st-origin .st-hero-tabs + .newsnext-hero,
body.st-origin .st-hero-tabs + .dashboardnext-hero,
body.st-origin .st-hero-tabs + .downloadnext-hero,
body.st-origin .st-module-hero-tabs + .st-hero-card,
body.st-origin .st-module-tabs + .st-hero-card,
body.st-origin .userpanel-next-hero-tabs + .userpanel-next-page-hero,
body.st-origin .profilenext-hero-tabs + .profilenext-v6-hero,
body.st-origin .newsnext-hero-tabs + .newsnext-hero,
body.st-origin .dashboardnext-hero-tabs + .dashboardnext-hero,
body.st-origin .downloadnext-hero-tabs + .downloadnext-hero{
    margin-top:0 !important;
    border-top-color:var(--origin-line-strong) !important;
}

/* Die gemeinsame Content-Shell soll sichtbar als eine große Modul-Card wirken. */
body.st-origin .st-module-content-shell,
body.st-origin .st-content-shell,
body.st-origin .st-module-body-shell,
body.st-origin .userpanel-next-content-shell,
body.st-origin .profilenext-content-shell,
body.st-origin .newsnext-content-shell,
body.st-origin .dashboardnext-content-shell,
body.st-origin .downloadnext-content-shell,
body.st-origin .forumnext-content-shell,
body.st-origin .eventnext-content-shell,
body.st-origin .inventorynext-content-shell,
body.st-origin .charactercore-content-shell{
    border-color:rgba(241,181,94,.42) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(217,154,67,.09), transparent 35%),
        linear-gradient(180deg, rgba(28,19,12,.92), rgba(7,6,5,.96)) !important;
    padding:24px !important;
    margin-top:18px !important;
    overflow:visible !important;
}

body.st-origin .profilenext-content-shell .profilenext-dashboard-grid,
body.st-origin .userpanel-next-content-shell .userpanel-next-grid,
body.st-origin .userpanel-next-content-shell .userpanel-next-dashboard,
body.st-origin .newsnext-content-shell .newsnext-grid,
body.st-origin .downloadnext-content-shell .downloadnext-grid,
body.st-origin .dashboardnext-content-shell .dashboardnext-grid{
    margin-top:0 !important;
}

@media (max-width:860px){
    body.st-origin .st-hero-tabs,
    body.st-origin .st-module-hero-tabs,
    body.st-origin .st-module-tabs,
    body.st-origin .userpanel-next-hero-tabs,
    body.st-origin .profilenext-hero-tabs,
    body.st-origin .newsnext-hero-tabs,
    body.st-origin .dashboardnext-hero-tabs,
    body.st-origin .downloadnext-hero-tabs,
    body.st-origin .forumnext-hero-tabs,
    body.st-origin .eventnext-hero-tabs,
    body.st-origin .inventorynext-hero-tabs,
    body.st-origin .charactercore-hero-tabs{
        border-bottom:0 !important;
    }
}

/* ==========================================================
   STOSSACHSE Origin v1.0.7 — Hero Tabs Inset & Slim Polish
   Ziel:
   - Hero-Tabs/Reiter etwas einrücken, damit sie nicht über den linken Card-Rand stehen.
   - Tabs flacher/ruhiger machen, aber den einheitlichen Standard behalten.
   - Keine herausstehende Linien; Card/Shell-Verbindung bleibt sauber.
   ========================================================== */
:root{
    --st-hero-tab-height:50px;
    --st-hero-tab-pad-x:20px;
    --st-hero-tab-gap:6px;
    --st-hero-tab-radius:15px;
    --st-hero-tab-font-size:.94rem;
    --st-hero-tab-font-weight:900;
    --st-hero-tab-inset:34px;
}

/* Reiter-Leiste zentral etwas nach innen setzen und flacher normalisieren. */
body.st-origin .st-hero-tabs,
body.st-origin .st-module-hero-tabs,
body.st-origin .st-module-tabs,
body.st-origin .userpanel-hero-tabs,
body.st-origin .userpanel-next-hero-tabs,
body.st-origin .profilenext-hero-tabs,
body.st-origin .newsnext-hero-tabs,
body.st-origin .dashboardnext-hero-tabs,
body.st-origin .downloadnext-hero-tabs,
body.st-origin .forumnext-hero-tabs,
body.st-origin .eventnext-hero-tabs,
body.st-origin .inventorynext-hero-tabs,
body.st-origin .charactercore-hero-tabs{
    min-height:var(--st-hero-tab-height) !important;
    padding-left:var(--st-hero-tab-inset) !important;
    padding-right:var(--st-hero-tab-inset) !important;
    gap:var(--st-hero-tab-gap) !important;
    margin:0 0 -1px 0 !important;
    border-bottom:0 !important;
    overflow:visible !important;
}

body.st-origin .st-hero-tabs > a,
body.st-origin .st-hero-tab,
body.st-origin .st-module-hero-tabs > a,
body.st-origin .st-module-tabs > a,
body.st-origin .userpanel-hero-tabs > a,
body.st-origin .userpanel-next-hero-tabs > a,
body.st-origin .userpanel-next-hero-tab,
body.st-origin .profilenext-hero-tabs > a,
body.st-origin .profilenext-hero-tab,
body.st-origin .newsnext-hero-tabs > a,
body.st-origin .newsnext-hero-tab,
body.st-origin .dashboardnext-hero-tabs > a,
body.st-origin .dashboardnext-hero-tab,
body.st-origin .downloadnext-hero-tabs > a,
body.st-origin .downloadnext-hero-tab,
body.st-origin .forumnext-hero-tabs > a,
body.st-origin .forumnext-hero-tab,
body.st-origin .eventnext-hero-tabs > a,
body.st-origin .eventnext-hero-tab,
body.st-origin .inventorynext-hero-tabs > a,
body.st-origin .inventorynext-hero-tab,
body.st-origin .charactercore-hero-tabs > a,
body.st-origin .charactercore-hero-tab{
    height:var(--st-hero-tab-height) !important;
    min-height:var(--st-hero-tab-height) !important;
    max-height:var(--st-hero-tab-height) !important;
    padding:0 var(--st-hero-tab-pad-x) !important;
    border-radius:var(--st-hero-tab-radius) var(--st-hero-tab-radius) 0 0 !important;
    font-size:var(--st-hero-tab-font-size) !important;
    font-weight:var(--st-hero-tab-font-weight) !important;
    line-height:1 !important;
    transform:translateY(1px) !important;
}

body.st-origin .st-hero-tabs > a:hover,
body.st-origin .st-hero-tab:hover,
body.st-origin .st-module-hero-tabs > a:hover,
body.st-origin .st-module-tabs > a:hover,
body.st-origin .userpanel-hero-tabs > a:hover,
body.st-origin .userpanel-next-hero-tabs > a:hover,
body.st-origin .userpanel-next-hero-tab:hover,
body.st-origin .profilenext-hero-tabs > a:hover,
body.st-origin .profilenext-hero-tab:hover,
body.st-origin .newsnext-hero-tabs > a:hover,
body.st-origin .newsnext-hero-tab:hover,
body.st-origin .dashboardnext-hero-tabs > a:hover,
body.st-origin .dashboardnext-hero-tab:hover,
body.st-origin .downloadnext-hero-tabs > a:hover,
body.st-origin .downloadnext-hero-tab:hover,
body.st-origin .forumnext-hero-tabs > a:hover,
body.st-origin .forumnext-hero-tab:hover,
body.st-origin .eventnext-hero-tabs > a:hover,
body.st-origin .eventnext-hero-tab:hover,
body.st-origin .inventorynext-hero-tabs > a:hover,
body.st-origin .inventorynext-hero-tab:hover,
body.st-origin .charactercore-hero-tabs > a:hover,
body.st-origin .charactercore-hero-tab:hover{
    transform:translateY(0) !important;
}

body.st-origin .st-hero-tabs > a.is-active,
body.st-origin .st-hero-tabs > a.active,
body.st-origin .st-hero-tabs > a.nav-active,
body.st-origin .st-hero-tabs > a[aria-current="page"],
body.st-origin .st-hero-tab.is-active,
body.st-origin .st-hero-tab.active,
body.st-origin .st-hero-tab.nav-active,
body.st-origin .st-hero-tab[aria-current="page"],
body.st-origin .userpanel-next-hero-tabs > a.is-active,
body.st-origin .userpanel-next-hero-tabs > a.active,
body.st-origin .userpanel-next-hero-tabs > a.nav-active,
body.st-origin .userpanel-next-hero-tabs > a[aria-current="page"],
body.st-origin .userpanel-next-hero-tab.is-active,
body.st-origin .userpanel-next-hero-tab.active,
body.st-origin .userpanel-next-hero-tab.nav-active,
body.st-origin .userpanel-next-hero-tab[aria-current="page"],
body.st-origin .profilenext-hero-tabs > a.is-active,
body.st-origin .profilenext-hero-tabs > a.active,
body.st-origin .profilenext-hero-tabs > a.nav-active,
body.st-origin .profilenext-hero-tabs > a[aria-current="page"],
body.st-origin .profilenext-hero-tab.is-active,
body.st-origin .profilenext-hero-tab.active,
body.st-origin .profilenext-hero-tab.nav-active,
body.st-origin .profilenext-hero-tab[aria-current="page"],
body.st-origin .newsnext-hero-tabs > a.is-active,
body.st-origin .newsnext-hero-tabs > a.active,
body.st-origin .newsnext-hero-tabs > a.nav-active,
body.st-origin .newsnext-hero-tabs > a[aria-current="page"],
body.st-origin .dashboardnext-hero-tabs > a.is-active,
body.st-origin .dashboardnext-hero-tabs > a.active,
body.st-origin .dashboardnext-hero-tabs > a.nav-active,
body.st-origin .dashboardnext-hero-tabs > a[aria-current="page"],
body.st-origin .downloadnext-hero-tabs > a.is-active,
body.st-origin .downloadnext-hero-tabs > a.active,
body.st-origin .downloadnext-hero-tabs > a.nav-active,
body.st-origin .downloadnext-hero-tabs > a[aria-current="page"],
body.st-origin .forumnext-hero-tabs > a.is-active,
body.st-origin .forumnext-hero-tabs > a.active,
body.st-origin .forumnext-hero-tabs > a.nav-active,
body.st-origin .forumnext-hero-tabs > a[aria-current="page"],
body.st-origin .eventnext-hero-tabs > a.is-active,
body.st-origin .eventnext-hero-tabs > a.active,
body.st-origin .eventnext-hero-tabs > a.nav-active,
body.st-origin .eventnext-hero-tabs > a[aria-current="page"]{
    transform:translateY(1px) !important;
}

/* Wenn Tabs innerhalb einer äußeren Modul-Sammel-Card liegen, sitzen sie optisch ruhiger im Rahmen. */
body.st-origin .st-module-content-shell > .st-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-tabs:first-child,
body.st-origin .userpanel-next-content-shell > .userpanel-next-hero-tabs:first-child,
body.st-origin .profilenext-content-shell > .profilenext-hero-tabs:first-child,
body.st-origin .newsnext-content-shell > .newsnext-hero-tabs:first-child,
body.st-origin .dashboardnext-content-shell > .dashboardnext-hero-tabs:first-child,
body.st-origin .downloadnext-content-shell > .downloadnext-hero-tabs:first-child{
    margin-top:-1px !important;
}

@media (max-width:860px){
    :root{
        --st-hero-tab-height:46px;
        --st-hero-tab-pad-x:13px;
        --st-hero-tab-font-size:.9rem;
        --st-hero-tab-inset:12px;
    }
    body.st-origin .st-hero-tabs,
    body.st-origin .st-module-hero-tabs,
    body.st-origin .st-module-tabs,
    body.st-origin .userpanel-hero-tabs,
    body.st-origin .userpanel-next-hero-tabs,
    body.st-origin .profilenext-hero-tabs,
    body.st-origin .newsnext-hero-tabs,
    body.st-origin .dashboardnext-hero-tabs,
    body.st-origin .downloadnext-hero-tabs,
    body.st-origin .forumnext-hero-tabs,
    body.st-origin .eventnext-hero-tabs,
    body.st-origin .inventorynext-hero-tabs,
    body.st-origin .charactercore-hero-tabs{
        padding-left:var(--st-hero-tab-inset) !important;
        padding-right:var(--st-hero-tab-inset) !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
    }
}

/* ==========================================================
   STOSSACHSE Origin v1.0.8 — Hero Tabs Deeper Inset
   Ziel:
   - Hero-Tabs/Reiter noch etwas weiter nach innen setzen.
   - Flache Reiterhöhe aus v1.0.7 beibehalten.
   - Keine herausstehende Linie zurückbringen.
   ========================================================== */
:root{
    --st-hero-tab-inset:52px;
}

/* Mehr Einzug für alle zentralen Hero-Tab-Leisten auf Desktop/Tablet. */
body.st-origin .st-hero-tabs,
body.st-origin .st-module-hero-tabs,
body.st-origin .st-module-tabs,
body.st-origin .userpanel-hero-tabs,
body.st-origin .userpanel-next-hero-tabs,
body.st-origin .profilenext-hero-tabs,
body.st-origin .newsnext-hero-tabs,
body.st-origin .dashboardnext-hero-tabs,
body.st-origin .downloadnext-hero-tabs,
body.st-origin .forumnext-hero-tabs,
body.st-origin .eventnext-hero-tabs,
body.st-origin .inventorynext-hero-tabs,
body.st-origin .charactercore-hero-tabs{
    padding-left:var(--st-hero-tab-inset) !important;
    padding-right:var(--st-hero-tab-inset) !important;
}

/* Tabs, die direkt in einer äußeren Modul-Sammelcard sitzen, erhalten denselben Einzug. */
body.st-origin .st-module-content-shell > .st-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-tabs:first-child,
body.st-origin .userpanel-next-content-shell > .userpanel-next-hero-tabs:first-child,
body.st-origin .profilenext-content-shell > .profilenext-hero-tabs:first-child,
body.st-origin .newsnext-content-shell > .newsnext-hero-tabs:first-child,
body.st-origin .dashboardnext-content-shell > .dashboardnext-hero-tabs:first-child,
body.st-origin .downloadnext-content-shell > .downloadnext-hero-tabs:first-child{
    padding-left:var(--st-hero-tab-inset) !important;
    padding-right:var(--st-hero-tab-inset) !important;
}

@media (max-width:860px){
    :root{
        --st-hero-tab-inset:14px;
    }
}


/* ==========================================================
   STOSSACHSE Origin v1.0.10 — Hero Tabs Attached Restore
   Ziel:
   - v1.0.9 Breathing-Gap zwischen Tabs und Hero zurücknehmen.
   - Reiter wieder sauber mit der Überschrifts-/Hero-Box verbinden.
   - Tieferen Einzug aus v1.0.8 und flache Reiterhöhe behalten.
   - Innerhalb der äußeren Modul-Sammelcard etwas mehr Luft schaffen.
   ========================================================== */
:root{
    --st-hero-tab-card-gap:0px;
    --st-module-shell-inner-pad:30px;
}

/* Tabs wieder direkt an die Hero-/Überschriftsbox anbinden, nicht von ihr lösen. */
body.st-origin .st-hero-tabs,
body.st-origin .st-module-hero-tabs,
body.st-origin .st-module-tabs,
body.st-origin .userpanel-hero-tabs,
body.st-origin .userpanel-next-hero-tabs,
body.st-origin .profilenext-hero-tabs,
body.st-origin .newsnext-hero-tabs,
body.st-origin .dashboardnext-hero-tabs,
body.st-origin .downloadnext-hero-tabs,
body.st-origin .forumnext-hero-tabs,
body.st-origin .eventnext-hero-tabs,
body.st-origin .inventorynext-hero-tabs,
body.st-origin .charactercore-hero-tabs{
    margin:0 0 -1px 0 !important;
    border-bottom:0 !important;
    padding-left:var(--st-hero-tab-inset) !important;
    padding-right:var(--st-hero-tab-inset) !important;
}

/* Wenn Tabs erstes Element in der äußeren Sammelcard sind, bleiben sie mit der direkt folgenden Hero-Box verbunden. */
body.st-origin .st-module-content-shell > .st-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-tabs:first-child,
body.st-origin .userpanel-next-content-shell > .userpanel-next-hero-tabs:first-child,
body.st-origin .profilenext-content-shell > .profilenext-hero-tabs:first-child,
body.st-origin .newsnext-content-shell > .newsnext-hero-tabs:first-child,
body.st-origin .dashboardnext-content-shell > .dashboardnext-hero-tabs:first-child,
body.st-origin .downloadnext-content-shell > .downloadnext-hero-tabs:first-child{
    margin-top:0 !important;
    margin-bottom:-1px !important;
}

/* Die äußere Modul-Sammelcard bekommt mehr innere Luft, ohne die Verbindung Tabs→Hero zu lösen. */
body.st-origin .st-module-content-shell,
body.st-origin .st-content-shell,
body.st-origin .st-module-body-shell,
body.st-origin .userpanel-next-content-shell,
body.st-origin .profilenext-content-shell,
body.st-origin .newsnext-content-shell,
body.st-origin .dashboardnext-content-shell,
body.st-origin .downloadnext-content-shell,
body.st-origin .forumnext-content-shell,
body.st-origin .eventnext-content-shell,
body.st-origin .inventorynext-content-shell,
body.st-origin .charactercore-content-shell{
    padding:var(--st-module-shell-inner-pad) !important;
}

/* Direkt folgende Hero-/Überschriftsbox sauber an den aktiven Tab anschließen. */
body.st-origin .st-hero-tabs + .st-hero-card,
body.st-origin .st-hero-tabs + .origin-hero,
body.st-origin .st-hero-tabs + .profile-next-hero,
body.st-origin .st-hero-tabs + .profilenext-v6-hero,
body.st-origin .st-hero-tabs + .userpanel-next-hero,
body.st-origin .st-hero-tabs + .userpanel-next-page-hero,
body.st-origin .st-hero-tabs + .newsnext-hero,
body.st-origin .st-hero-tabs + .dashboardnext-hero,
body.st-origin .st-hero-tabs + .downloadnext-hero,
body.st-origin .st-module-hero-tabs + .st-hero-card,
body.st-origin .st-module-tabs + .st-hero-card,
body.st-origin .userpanel-next-hero-tabs + .userpanel-next-page-hero,
body.st-origin .profilenext-hero-tabs + .profilenext-v6-hero,
body.st-origin .newsnext-hero-tabs + .newsnext-hero,
body.st-origin .dashboardnext-hero-tabs + .dashboardnext-hero,
body.st-origin .downloadnext-hero-tabs + .downloadnext-hero{
    margin-top:0 !important;
    border-top-color:var(--origin-line-strong) !important;
}

@media (max-width:860px){
    :root{
        --st-module-shell-inner-pad:16px;
        --st-hero-tab-card-gap:0px;
    }
    body.st-origin .st-hero-tabs,
    body.st-origin .st-module-hero-tabs,
    body.st-origin .st-module-tabs,
    body.st-origin .userpanel-hero-tabs,
    body.st-origin .userpanel-next-hero-tabs,
    body.st-origin .profilenext-hero-tabs,
    body.st-origin .newsnext-hero-tabs,
    body.st-origin .dashboardnext-hero-tabs,
    body.st-origin .downloadnext-hero-tabs,
    body.st-origin .forumnext-hero-tabs,
    body.st-origin .eventnext-hero-tabs,
    body.st-origin .inventorynext-hero-tabs,
    body.st-origin .charactercore-hero-tabs{
        margin-bottom:-1px !important;
    }
}

/* ==========================================================
   STOSSACHSE Origin v1.0.11 — Outer Shell Tab Clearance
   Ziel:
   - Abstand zwischen äußerer Modul-Sammelcard und Reitergruppe.
   - Reiter bleiben direkt mit der darunterliegenden Hero-/Überschriftsbox verbunden.
   - Einrückung/Flachheit aus v1.0.8/v1.0.10 bleibt erhalten.
   - Keine herausstehende Tab-Linie.
   ========================================================== */
:root{
    --st-outer-shell-tab-clearance:14px;
}

/* Korrektur: Abstand gehört zwischen äußere Shell und Tabs,
   nicht zwischen Tabs und Hero-/Überschriftsbox. */
body.st-origin .st-module-content-shell > .st-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-hero-tabs:first-child,
body.st-origin .st-module-content-shell > .st-module-tabs:first-child,
body.st-origin .st-content-shell > .st-hero-tabs:first-child,
body.st-origin .st-content-shell > .st-module-hero-tabs:first-child,
body.st-origin .st-content-shell > .st-module-tabs:first-child,
body.st-origin .st-module-body-shell > .st-hero-tabs:first-child,
body.st-origin .st-module-body-shell > .st-module-hero-tabs:first-child,
body.st-origin .st-module-body-shell > .st-module-tabs:first-child,
body.st-origin .userpanel-next-content-shell > .userpanel-next-hero-tabs:first-child,
body.st-origin .profilenext-content-shell > .profilenext-hero-tabs:first-child,
body.st-origin .newsnext-content-shell > .newsnext-hero-tabs:first-child,
body.st-origin .dashboardnext-content-shell > .dashboardnext-hero-tabs:first-child,
body.st-origin .downloadnext-content-shell > .downloadnext-hero-tabs:first-child,
body.st-origin .forumnext-content-shell > .forumnext-hero-tabs:first-child,
body.st-origin .eventnext-content-shell > .eventnext-hero-tabs:first-child,
body.st-origin .inventorynext-content-shell > .inventorynext-hero-tabs:first-child,
body.st-origin .charactercore-content-shell > .charactercore-hero-tabs:first-child{
    margin-top:var(--st-outer-shell-tab-clearance) !important;
    margin-bottom:-1px !important;
}

/* Falls ein Modul noch eigene äußere Shell-Klassen nutzt, dieselbe Logik anwenden. */
body.st-origin .profilenext-outer-shell > .profilenext-hero-tabs:first-child,
body.st-origin .profilenext-module-shell > .profilenext-hero-tabs:first-child,
body.st-origin .profile-next-module-shell > .profilenext-hero-tabs:first-child,
body.st-origin .userpanel-next-outer-shell > .userpanel-next-hero-tabs:first-child,
body.st-origin .userpanel-next-module-shell > .userpanel-next-hero-tabs:first-child{
    margin-top:var(--st-outer-shell-tab-clearance) !important;
    margin-bottom:-1px !important;
}

/* Die direkt folgende Hero-/Überschriftsbox bleibt bündig an den Tabs. */
body.st-origin .st-hero-tabs + .st-hero-card,
body.st-origin .st-hero-tabs + .origin-hero,
body.st-origin .st-hero-tabs + .profile-next-hero,
body.st-origin .st-hero-tabs + .profilenext-v6-hero,
body.st-origin .st-hero-tabs + .userpanel-next-hero,
body.st-origin .st-hero-tabs + .userpanel-next-page-hero,
body.st-origin .st-hero-tabs + .newsnext-hero,
body.st-origin .st-hero-tabs + .dashboardnext-hero,
body.st-origin .st-hero-tabs + .downloadnext-hero,
body.st-origin .st-module-hero-tabs + .st-hero-card,
body.st-origin .st-module-tabs + .st-hero-card,
body.st-origin .userpanel-next-hero-tabs + .userpanel-next-page-hero,
body.st-origin .profilenext-hero-tabs + .profilenext-v6-hero,
body.st-origin .newsnext-hero-tabs + .newsnext-hero,
body.st-origin .dashboardnext-hero-tabs + .dashboardnext-hero,
body.st-origin .downloadnext-hero-tabs + .downloadnext-hero{
    margin-top:0 !important;
}

/* Die äußere Shell darf den neuen oberen Abstand nicht abschneiden. */
body.st-origin .st-module-content-shell,
body.st-origin .st-content-shell,
body.st-origin .st-module-body-shell,
body.st-origin .userpanel-next-content-shell,
body.st-origin .profilenext-content-shell,
body.st-origin .newsnext-content-shell,
body.st-origin .dashboardnext-content-shell,
body.st-origin .downloadnext-content-shell,
body.st-origin .forumnext-content-shell,
body.st-origin .eventnext-content-shell,
body.st-origin .inventorynext-content-shell,
body.st-origin .charactercore-content-shell{
    overflow:visible !important;
}

@media (max-width:860px){
    :root{
        --st-outer-shell-tab-clearance:8px;
    }
}

/* ==========================================================
   STOSSACHSE Origin v1.0.16 — Background Brightness Tune
   Ziel:
   - Hintergrundbild heller und sichtbarer machen.
   - Lesbarkeit durch leichte Vignette und dezentes Overlay behalten.
   - Absolute Theme-Asset-Pfade behalten, damit kombinierte Asset-Loader
     relative CSS-URLs nicht falsch auflösen.
   ========================================================== */
body.st-origin{
    position:relative !important;
    isolation:isolate !important;
    background:#070604 !important;
    background-image:
        linear-gradient(180deg, rgba(5,5,4,.18) 0%, rgba(6,5,4,.32) 48%, rgba(2,2,2,.54) 100%),
        url('/themes/StossachseOrigin/assets/img/backgrounds/stossachse-origin-bg.png?v=1016') !important;
    background-position:center top !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed !important;
}
body.st-origin::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    opacity:.46 !important;
    background:
        radial-gradient(circle at 14% 8%, rgba(205,125,42,.28), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(210,147,55,.23), transparent 40%),
        linear-gradient(90deg, rgba(0,0,0,.32), rgba(0,0,0,.08) 28%, rgba(0,0,0,.06) 72%, rgba(0,0,0,.30)),
        url('/themes/StossachseOrigin/assets/img/backgrounds/stossachse-origin-bg.png?v=1016') center top / cover fixed no-repeat !important;
    filter:none !important;
    mask-image:none !important;
}
body.st-origin::after{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    opacity:1 !important;
    background:
        radial-gradient(circle at 50% 20%, rgba(0,0,0,0) 0%, rgba(0,0,0,.12) 54%, rgba(0,0,0,.34) 100%),
        linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.30)) !important;
}
body.st-origin > *{
    position:relative !important;
    z-index:1 !important;
}
.origin-app-shell,
.origin-shell,
.origin-layout,
.origin-content,
.origin-sidebar{
    background:transparent !important;
}