/* Mietshop Theme: nexus */
:root {
    --color-primary: #6cb0ff;
    --color-accent: #f2994a;
    --color-text: #f1f5f9;
    --color-muted: #b4c3d3;
    --color-background: #163a46;
    --color-surface: #0b1726;
    --color-border: #294559;
    --color-focus: #ffbf47;
    --color-success: #5ad48a;
    --color-warning: #f6c453;
    --color-danger: #ff8a8a;
    --color-primary-hover: #5990d1;
    --color-primary-soft: #172940;
    --color-on-primary: #000000;
    --color-accent-soft: #27272a;
    --color-success-soft: #132a30;
    --color-warning-soft: #22282b;
    --color-danger-soft: #232330;
    --radius: 10px;
    --radius-small: 5px;
    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --content-width: 80rem;
}

:root {
    color-scheme: dark;
    --font-body: Inter, "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    --font-heading: var(--font-body);
    --nexus-button: #1674d1;
    --nexus-button-hover: #004ca9;
    --nexus-header-text: #0b1726;
    --nexus-card: #091624;
    --nexus-card-border: rgb(0 212 255 / .35);
    --nexus-input: rgb(10 22 48 / .65);
    --nexus-price: #60a5fa;
    --nexus-orange: linear-gradient(135deg, #f5a623, #e08800);
    --radius-small: 6px;
    --shadow-sm: 0 2px 8px rgb(0 0 0 / .35);
    --shadow: 0 4px 16px rgb(0 0 0 / .5);
    --shadow-lg: 0 12px 40px rgb(0 0 0 / .55);
}

body {
    background-color: #0a0a0a;
    background-image: linear-gradient(180deg, rgb(35 136 170 / .5) 0, rgb(34 96 117 / .96) 32%, rgb(25 61 73 / .96) 92%, #0a0a0a 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
}

h1, h2, h3, h4 { color: #ffffff; font-weight: 700; letter-spacing: -.02em; }
h1 { font-size: clamp(2rem, 1.2rem + 3vw, 3.5rem); }
a { color: #9ccbff; }

/* Kopfzeile */
.site-header {
    background: linear-gradient(180deg, #ffffff 0, rgb(35 136 170 / .5) 100%), #ffffff;
    backdrop-filter: none;
    border-bottom: 0;
    box-shadow: 0 2px 14px rgb(0 0 0 / .25);
    min-height: 4.5rem;
}
.site-header .brand a { color: var(--nexus-header-text); }
.site-header .brand img { max-height: 3.5rem; }
.site-header .brand span { color: #2a3d4f; }
.site-header nav a { color: var(--nexus-header-text); font-weight: 600; font-size: .95rem; }
.site-header nav a:hover { background: rgb(22 116 209 / .14); color: #00336f; }
.site-header nav a[aria-current="page"] { background: rgb(11 23 38 / .12); color: var(--nexus-header-text); }
.site-header .logout a, .site-header .logout button { background: var(--nexus-button); color: #ffffff; border-radius: var(--radius-small); font-weight: 650; text-decoration: none; padding: .45rem .9rem; }
.site-header .logout a:hover, .site-header .logout button:hover { background: var(--nexus-button-hover); color: #ffffff; }
.site-header :focus-visible { box-shadow: 0 0 0 5px var(--nexus-header-text); }
.nexus-header { justify-content: space-between; }
.nexus-header > nav:not(.logout) { flex: 1 1 auto; display: flex; justify-content: center; }
.nexus-header nav a[href$="/warenkorb"] { display: none; }
.header-actions { display: flex; align-items: center; gap: .9rem; }
.cart-link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border: 1.5px solid var(--nexus-button); border-radius: var(--radius-small); color: var(--nexus-button); background: rgb(255 255 255 / .6); }
.cart-link:hover { background: #ffffff; color: var(--nexus-button-hover); }
.cart-count { position: absolute; top: -.45rem; right: -.45rem; min-width: 1.15rem; height: 1.15rem; padding: 0 .25rem; border-radius: 999px; background: #e0303b; color: #ffffff; font-size: .7rem; font-weight: 700; line-height: 1.15rem; text-align: center; }

/* Buttons */
.button {
    background: var(--nexus-button);
    border-color: var(--nexus-button);
    color: #ffffff;
    border-radius: var(--radius-small);
    font-weight: 600;
}
.button:hover { background: var(--nexus-button-hover); border-color: var(--nexus-button-hover); color: #ffffff; }
.button-small { padding: .45rem .95rem; font-size: .85rem; }
.button-block { display: flex; width: 100%; justify-content: center; }
.button-secondary { background: transparent; border-color: var(--color-primary); color: var(--color-primary); }
.button-secondary:hover { background: rgb(108 176 255 / .14); color: #ffffff; }
.button-danger { color: #10141d; }
.button-danger:hover { background: #ffffff; border-color: #ffffff; color: #10141d; }
.button-link { color: #9ccbff; }

/* Startseite: Hero über die volle Breite */
.hero {
    text-align: center;
    color: #ffffff;
    border: 1px solid rgb(108 176 255 / .25);
    background:
        radial-gradient(ellipse at 20% 30%, rgb(36 144 255 / .35), transparent 55%),
        radial-gradient(ellipse at 85% 70%, rgb(46 200 230 / .25), transparent 50%),
        repeating-linear-gradient(90deg, rgb(255 255 255 / .035) 0 1px, transparent 1px 48px),
        repeating-linear-gradient(0deg, rgb(255 255 255 / .035) 0 1px, transparent 1px 48px),
        linear-gradient(180deg, #071425, #0b2236);
}
.hero h1 { margin-left: auto; margin-right: auto; max-width: 28ch; text-shadow: 0 2px 12px rgb(0 0 0 / .5); }
.hero p { margin-left: auto; margin-right: auto; }
.hero .button { background: var(--nexus-button); border-color: var(--nexus-button); color: #ffffff; }
.hero .button:hover { background: var(--nexus-button-hover); border-color: var(--nexus-button-hover); color: #ffffff; }
html, .page-home { overflow-x: clip; }
.page-home main { padding-top: 0; }
.nexus-hero {
    width: 100vw;
    max-width: none;
    margin: 0 calc(50% - 50vw) 3rem;
    border: 0;
    border-radius: 0;
    min-height: clamp(18rem, 26vw, 31rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(1.5rem, 1rem + 2vw, 2.5rem) 1.5rem;
    background:
        linear-gradient(180deg, rgb(4 12 24 / .35), rgb(4 12 24 / .55)),
        url("assets?pfad=hero-bg.jpg") center / cover no-repeat,
        radial-gradient(ellipse at 20% 30%, rgb(36 144 255 / .35), transparent 55%),
        linear-gradient(180deg, #071425, #0b2236);
    box-shadow: none;
}
.nexus-hero h1 { font-size: clamp(1.8rem, 1rem + 2.6vw, 3.4rem); max-width: none; margin: 0; }
.nexus-hero .hero-logo { align-self: flex-end; width: clamp(9rem, 22vw, 18rem); height: auto; margin: 1rem clamp(0rem, 8vw, 10rem) 1rem 0; filter: drop-shadow(0 4px 16px rgb(0 0 0 / .5)); }
@media (max-width: 40rem) { .nexus-hero .hero-logo { align-self: center; margin-right: 0; } }
.nexus-hero .hero-claim { font-size: clamp(1.05rem, .9rem + .8vw, 1.7rem); font-weight: 700; max-width: none; margin: 0; text-shadow: 0 2px 12px rgb(0 0 0 / .6); }
.section-heading { text-align: center; font-size: clamp(1.7rem, 1.1rem + 2vw, 2.6rem); margin: 0 0 2rem; }
.section-lead { text-align: center; }
.section-action { text-align: center; margin: 1.5rem 0 3rem; }
main > section > h2, .section-title h2 { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.4rem); }

.category-tiles { list-style: none; margin: 0 0 3rem; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); }
.category-tiles a { display: flex; flex-direction: column; gap: .35rem; height: 100%; padding: 1.25rem 1.4rem; background: var(--nexus-card); border: 2px solid var(--nexus-card-border); border-radius: var(--radius-small); color: #ffffff; text-decoration: none; box-shadow: var(--shadow); }
.category-tiles a:hover { border-color: rgb(0 212 255 / .75); }
.category-name { font-weight: 700; }
.category-text { color: #c9d6e2; font-size: .9rem; }

.feature-band { border-top: 1px solid rgb(255 255 255 / .1); border-bottom: 1px solid rgb(255 255 255 / .1); padding: 1.75rem 0; margin: 1rem 0 0; }
.feature-tiles { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
.feature-tiles li { display: flex; flex-direction: column; gap: .3rem; }
.feature-tiles strong { color: #ffffff; }
.feature-tiles span { color: #d4dee8; font-size: .85rem; }
.feature-icon { font-size: 1.3rem; }

/* Karten */
.card, .feature-grid > li, .address-list > li, .theme-list > li {
    background: var(--nexus-card);
    border: 2px solid var(--nexus-card-border);
    border-radius: var(--radius-small);
    box-shadow: var(--shadow);
    color: #ffffff;
}
.card-with-header { padding: 0; }
.card-with-header > .card-header { margin: 0; padding: 1.1rem 1.75rem; font-size: 1rem; border-bottom: 1px solid rgb(255 255 255 / .1); }
.card-with-header > .card-body { padding: 1.5rem 1.75rem; }
.card-with-header > .card-body > :last-child { margin-bottom: 0; }

.product-card { position: relative; background: var(--nexus-card); border: 2px solid var(--nexus-card-border); border-radius: var(--radius-small); padding: 1.6rem 1.6rem 1.4rem; box-shadow: var(--shadow); }
.product-card:hover { border-color: rgb(0 212 255 / .75); }
.product-card h3 { font-size: 1rem; }
.product-card h3 a { color: #ffffff; }
.product-card .price-note, .product-card p { color: #c9d6e2; }
.product-card-text { font-size: .9rem; flex: 1; }
.product-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; margin-bottom: 1rem; border-radius: var(--radius-small); background: rgb(255 255 255 / .06); font-size: 1.25rem; }
.product-card-button { margin-top: .75rem; width: 100%; justify-content: center; }
.price strong { color: var(--nexus-price); font-size: 1.75rem; font-weight: 700; }
.price span { color: #c9d6e2; font-size: .9rem; }

.category-list > li > a { background: var(--color-surface); color: #ffffff; border-color: rgb(255 255 255 / .12); }
.category-list > li > a:hover { background: var(--nexus-button); border-color: var(--nexus-button); color: #ffffff; }
.category-list p { color: #dbe6ef; }

.badge, .product-badge { background: var(--nexus-orange); color: #ffffff; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }

/* Produktliste mit Kategorien */
.page-head { margin: 1rem 0 2rem; }
.page-head h1 { margin: 0 0 .25rem; text-shadow: 0 2px 12px rgb(0 0 0 / .35); }
.page-head p { margin: 0; color: #e4eef6; font-size: .95rem; }
.catalog-layout { display: grid; gap: 1.75rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 60rem) { .catalog-layout { grid-template-columns: 15rem minmax(0, 1fr); align-items: start; } .catalog-sidebar { position: sticky; top: 6rem; } }
.catalog-sidebar { padding: 1.25rem; }
.sidebar-title { font-size: .85rem; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 .75rem; color: #e4eef6; }
.catalog-sidebar ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .2rem; }
.catalog-sidebar a { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .45rem .75rem; border-radius: var(--radius-small); color: #ffffff; text-decoration: none; font-size: .92rem; font-weight: 500; }
.catalog-sidebar a:hover { background: rgb(255 255 255 / .06); }
.catalog-sidebar a[aria-current="page"] { background: rgb(0 0 0 / .25); font-weight: 650; }
.catalog-sidebar .count { min-width: 1.6rem; padding: .1rem .55rem; border-radius: 999px; background: rgb(255 255 255 / .06); font-size: .75rem; font-weight: 600; text-align: center; }

/* Produktseite */
.breadcrumb { font-size: .875rem; margin: .5rem 0 1.5rem; color: #e4eef6; }
.breadcrumb a { color: #e4eef6; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.product-detail-layout { display: grid; gap: 1.75rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 60rem) { .product-detail-layout { grid-template-columns: minmax(0, 1.7fr) minmax(19rem, 1fr); align-items: start; } .product-order-col { position: sticky; top: 6rem; } }
.product-info-col h1 { margin-top: 0; text-shadow: 0 2px 12px rgb(0 0 0 / .35); }
.order-box .facts { font-size: .92rem; }
.order-box .facts dt { color: #c9d6e2; }

/* Anmeldung */
.auth-page { max-width: 26rem; margin: 2rem auto 3rem; }
.auth-head { text-align: center; margin-bottom: 1.5rem; }
.auth-head h1 { margin: 0 0 .35rem; font-size: clamp(2rem, 1.4rem + 2vw, 3rem); text-shadow: 0 2px 12px rgb(0 0 0 / .35); }
.auth-head p { margin: 0; color: #e4eef6; }
.auth-card { padding: 1.75rem; }
.auth-foot { text-align: center; margin-top: 1.25rem; font-size: .9rem; }
.auth-foot a, .secondary-action a { color: #ffffff; }

/* Tabellen, Formulare, Hinweise */
.table thead th { background: rgb(0 0 0 / .25); }
.table tbody tr:hover { background: rgb(108 176 255 / .08); }

input[type=text], input[type=email], input[type=password], input[type=date], input[type=search], input[type=tel], input[type=number], input[type=url], input[type=file], textarea, select {
    background: var(--nexus-input);
    border: 1px solid rgb(255 255 255 / .14);
    border-radius: var(--radius-small);
    color: #ffffff;
}
input:hover, textarea:hover, select:hover { border-color: var(--color-primary); }
label, legend { color: #ffffff; }
.hint, .meta { color: #c9d6e2; }

.notice { color: #ffffff; border-radius: var(--radius-small); }
.notice-info { background: rgb(26 107 138 / .55); border-color: rgb(46 200 230 / .35); }
.notice-warning { background: rgb(120 105 60 / .55); border-color: rgb(246 196 83 / .4); }
.notice-success { background: rgb(45 122 79 / .45); border-color: rgb(90 212 138 / .4); }
.notice-error { background: rgb(197 48 48 / .35); border-color: rgb(255 138 138 / .5); }

/* Fußzeile */
.site-footer {
    background: linear-gradient(180deg, rgb(0 0 0 / 0), rgb(0 0 0 / .45));
    border-top: 1px solid rgb(255 255 255 / .1);
    color: #d4dee8;
}
.site-footer a { color: #ffffff; text-decoration: none; }
.site-footer a:hover { color: #9ccbff; text-decoration: underline; }
.nexus-footer .footer-columns { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 48rem) { .nexus-footer .footer-columns { grid-template-columns: 2fr 1fr 1fr; } }
.footer-name { margin: 0 0 .35rem; font-weight: 700; color: #ffffff; font-size: 1.05rem; }
.footer-claim { margin: 0; color: #d4dee8; font-size: .92rem; }
.footer-column h2 { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 .9rem; color: #ffffff; }
.nexus-footer .footer-column ul { display: flex; flex-direction: column; gap: .55rem; }
.nexus-footer .footer-column a { font-size: .9rem; }
.footer-bottom { margin: 2rem 0 0; padding-top: 1.25rem; border-top: 1px solid rgb(255 255 255 / .08); font-size: .82rem; color: #b4c3d3; }

.giro-code img { background: #fff; }
.skip-link { background: #ffffff; color: #0b1726; }

/* Verwaltung: Kopfleiste und Seitenleiste */
.area-account .site-header.admin-topbar,
.area-admin .site-header.admin-topbar { background: linear-gradient(180deg, #ffffff 0, rgb(35 136 170 / .5) 100%), #ffffff; min-height: 4.5rem; }
.admin-topbar { padding-left: 1.25rem; padding-right: 1.25rem; justify-content: space-between; }
.admin-topbar .brand { display: inline-flex; align-items: center; gap: .6rem; color: var(--nexus-header-text); }
.admin-topbar .brand img { max-height: 2.6rem; width: auto; }
.admin-topbar .brand-name { font-weight: 750; color: var(--nexus-header-text); }
.admin-topbar .brand-area { font-weight: 500; color: #2a3d4f; }
.admin-topbar .header-actions { gap: .75rem; }
.admin-topbar .logout { margin-left: 0; }
.admin-shop-link { color: var(--nexus-header-text); font-weight: 600; font-size: .9rem; text-decoration: none; padding: .45rem .7rem; border-radius: var(--radius-small); }
.admin-shop-link:hover { background: rgb(22 116 209 / .14); color: #00336f; }

.admin-sidebar { display: none; }
.admin-menu-mobile { margin: 0 1rem; background: var(--nexus-card); border: 2px solid var(--nexus-card-border); border-radius: var(--radius-small); }
.admin-menu-mobile > summary { cursor: pointer; padding: .75rem 1rem; font-weight: 700; color: #ffffff; }
.admin-menu-mobile > nav { padding: 0 .75rem .75rem; max-height: 70vh; overflow-y: auto; }
.admin-nav-group { margin: 1rem .6rem .35rem; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #8fb3cc; }
.admin-sidebar ul, .admin-menu-mobile ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .1rem; }
.admin-sidebar a, .admin-menu-mobile a { display: block; padding: .42rem .7rem; border-radius: var(--radius-small); color: #e4eef6; text-decoration: none; font-size: .9rem; font-weight: 500; }
.admin-sidebar a:hover, .admin-menu-mobile a:hover { background: rgb(255 255 255 / .07); color: #ffffff; }
.admin-sidebar a[aria-current="page"], .admin-menu-mobile a[aria-current="page"] { background: var(--nexus-button); color: #ffffff; font-weight: 650; }

@media (min-width: 64rem) {
    .admin-with-sidebar .admin-sidebar {
        display: block;
        position: fixed;
        top: 4.5rem;
        bottom: 0;
        left: 0;
        width: 16rem;
        overflow-y: auto;
        padding: .5rem .75rem 2rem;
        background: var(--nexus-card);
        border-right: 2px solid var(--nexus-card-border);
        box-shadow: var(--shadow);
        z-index: 40;
    }
    .admin-with-sidebar .admin-menu-mobile { display: none; }
    .admin-with-sidebar main { max-width: none; margin: 0 0 0 16rem; width: auto; align-self: stretch; min-width: 0; padding: 2rem clamp(1.5rem, 3vw, 3rem) 3rem; }
}
.area-admin main { max-width: none; }
.area-admin .card.narrow { max-width: 60rem; margin-left: 0; margin-right: 0; }
.area-admin .card :is(input[type=text], input[type=email], input[type=password], input[type=date], input[type=search], input[type=tel], input[type=url], textarea, select) { max-width: 48rem; }
.area-admin .card + .card, .area-admin .card + section, .area-admin section + .card { margin-top: 1.5rem; }
.area-admin main > h1:first-child { margin-top: 0; }

/* Laufzeitwahl */
.term-choice { display: grid; gap: .75rem; border: 0; padding: 0; }
.term-choice > legend { margin-bottom: .5rem; }
.term-choice label.term-option { display: flex; align-items: flex-start; gap: .8rem; margin: 0; padding: .9rem 1rem; border: 2px solid var(--nexus-card-border); border-radius: var(--radius-small); background: rgb(255 255 255 / .03); cursor: pointer; }
.term-choice label.term-option:has(input:checked) { border-color: #00d4ff; background: rgb(0 212 255 / .08); }
.term-option input[type=radio] { margin-top: .25rem; flex: none; }
.term-body { display: grid; gap: .15rem; flex: 1; min-width: 0; }
.term-head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .3rem; }
.term-name { font-weight: 700; font-size: 1.05rem; color: #ffffff; }
.term-discount { font-size: .78rem; font-weight: 700; padding: .1rem .5rem; border-radius: 999px; background: #16a34a; color: #ffffff; }
.term-row { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: .25rem; }
.term-row strong { color: #60a5fa; font-size: 1.05rem; }
.term-body .meta { display: block; font-size: .85rem; color: #b8c7d6; }

/* Kennzeichen, Kennzahlen, Partner, Kontakt */
.product-card.has-badge { padding-top: 2.4rem; }
.product-badge { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: .2rem .65rem; border-radius: 999px; background: #1674d1; color: #ffffff; }
.product-card .product-badge { position: absolute; top: .8rem; right: .8rem; }
.product-badge-recommended { background: linear-gradient(90deg, #00d4ff, #1674d1); }
.product-badge-popular { background: #f59e0b; color: #1a1a1a; }
.product-badge-new { background: #16a34a; }
.product-badge-offer { background: #dc2626; }
.product-badge-line { margin: -.5rem 0 1rem; }
.key-figures ul { list-style: none; margin: 0 0 2.5rem; padding: 1.5rem; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); text-align: center; background: var(--nexus-card); border: 2px solid var(--nexus-card-border); border-radius: var(--radius-small); }
.key-figures strong { display: block; font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); color: #00d4ff; line-height: 1.1; }
.key-figures span { color: #d4dee8; font-size: .9rem; }
.partner-list { list-style: none; margin: 0 0 2.5rem; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.partner-list li { background: var(--nexus-card); border: 2px solid var(--nexus-card-border); border-radius: var(--radius-small); padding: 1rem 1.2rem; display: grid; gap: .3rem; }
.partner-list a { color: #ffffff; }
.partner-list span { color: #b8c7d6; font-size: .88rem; }
.contact-buttons ul { list-style: none; margin: 0 0 2.5rem; padding: 0; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; }
.contact-whatsapp { background: #16a34a; }
.contact-telegram { background: #229ed9; }
.contact-discord { background: #5865f2; }

/* Bewertungen */
.reviews { margin-top: 2rem; }
.review-stars { color: #fbbf24; letter-spacing: .1em; }
.review-list { list-style: none; margin: 1rem 0; padding: 0; display: grid; gap: .75rem; }
.review { background: var(--nexus-card); border: 2px solid var(--nexus-card-border); border-radius: var(--radius-small); padding: 1rem 1.2rem; }
.review-head { margin: 0 0 .4rem; }
.review-body { margin: 0; color: #e4eef6; }

/* Demo-Modus */
.demo-banner { margin: 0; padding: .55rem 1rem; text-align: center; font-weight: 700; background: #f59e0b; color: #1a1a1a; }

.workshop-key { word-break: break-all; font-size: .82rem; }

.admin-topbar .brand a { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; }
@media (min-width: 64rem) {
    .area-account.admin-with-sidebar .site-footer { margin-left: 16rem; }
}
.swatch-nacht-color_primary { background: #86a8ff; }
.swatch-nacht-color_accent { background: #40d3bd; }
.swatch-nacht-color_background { background: #0e131e; }
.swatch-nacht-color_surface { background: #161d2c; }
.swatch-nacht-color_text { background: #e9edf6; }
.swatch-nexus-color_primary { background: #6cb0ff; }
.swatch-nexus-color_accent { background: #f2994a; }
.swatch-nexus-color_background { background: #163a46; }
.swatch-nexus-color_surface { background: #0b1726; }
.swatch-nexus-color_text { background: #f1f5f9; }
.swatch-standard-color_primary { background: #2450d3; }
.swatch-standard-color_accent { background: #0e7a6d; }
.swatch-standard-color_background { background: #f3f5fa; }
.swatch-standard-color_surface { background: #ffffff; }
.swatch-standard-color_text { background: #151b2c; }