/* =========================================================
   BAMBAM RESPONSIVE FINAL
   Public + Admin Browser-/Viewport-Politur
   Ziel: keine horizontalen Ausbrüche, saubere Grids, Safari/Chrome/Firefox freundlicher.
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    overflow-x: clip;
}

@supports not (overflow-x: clip) {
    body {
        overflow-x: hidden;
    }
}

img,
video,
canvas,
svg,
iframe {
    max-width: 100%;
}

img,
video {
    height: auto;
}

table {
    max-width: 100%;
}

input,
textarea,
select,
button {
    max-width: 100%;
    font: inherit;
}

/* iOS Zoom-Vermeidung bei Formularen */
@media (max-width: 760px) {
    input,
    textarea,
    select {
        font-size: 16px !important;
    }
}

/* =========================================================
   PUBLIC BASIS
========================================================= */

body:not(.bb-admin-page) #page-wrapper,
body:not(.bb-admin-page) .wrapper,
body:not(.bb-admin-page) section,
body:not(.bb-admin-page) main {
    max-width: 100%;
}

body:not(.bb-admin-page) .wrapper > .container,
body:not(.bb-admin-page) section.wrapper > .container,
body:not(.bb-admin-page) .container {
    width: min(100% - clamp(22px, 4vw, 56px), 1500px);
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

body:not(.bb-admin-page) p,
body:not(.bb-admin-page) li,
body:not(.bb-admin-page) h1,
body:not(.bb-admin-page) h2,
body:not(.bb-admin-page) h3,
body:not(.bb-admin-page) h4,
body:not(.bb-admin-page) a,
body:not(.bb-admin-page) span,
body:not(.bb-admin-page) strong {
    overflow-wrap: break-word;
}

body:not(.bb-admin-page) .bb-cms-content,
body:not(.bb-admin-page) .bb-cms-content-card,
body:not(.bb-admin-page) .bb-cms-hero,
body:not(.bb-admin-page) .bb-gallery-page,
body:not(.bb-admin-page) .bb-home-v3,
body:not(.bb-admin-page) .bb-live-page,
body:not(.bb-admin-page) .bb-clips-page,
body:not(.bb-admin-page) .bb-stats-page,
body:not(.bb-admin-page) .bb-newsletter-page {
    min-width: 0;
}

/* Große Grids dürfen nicht ausbrechen */
body:not(.bb-admin-page) [class*="grid"],
body:not(.bb-admin-page) [class*="-grid"],
body:not(.bb-admin-page) [class*="cards"],
body:not(.bb-admin-page) [class*="-cards"] {
    min-width: 0;
}

/* Cards/Artikel nie breiter als der Viewport */
body:not(.bb-admin-page) article,
body:not(.bb-admin-page) .card,
body:not(.bb-admin-page) [class*="-card"] {
    max-width: 100%;
    min-width: 0;
}

/* =========================================================
   PUBLIC BREAKPOINTS
========================================================= */

@media (max-width: 1180px) {
    body:not(.bb-admin-page) .bb-home-v3 .container,
    body:not(.bb-admin-page) .bb-live-page .container,
    body:not(.bb-admin-page) .bb-clips-page .container,
    body:not(.bb-admin-page) .bb-stats-page .container,
    body:not(.bb-admin-page) .bb-cms-page .container,
    body:not(.bb-admin-page) .bb-page-gallery .container {
        width: min(100% - 34px, 1180px) !important;
    }

    body:not(.bb-admin-page) .bb-setup-stage,
    body:not(.bb-admin-page) .bb-setup-hardware-showcase,
    body:not(.bb-admin-page) .bb-setup-grid,
    body:not(.bb-admin-page) .bb-gallery-grid,
    body:not(.bb-admin-page) .bb-gallery-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body:not(.bb-admin-page) .wrapper > .container,
    body:not(.bb-admin-page) section.wrapper > .container,
    body:not(.bb-admin-page) .container,
    body:not(.bb-admin-page) .bb-home-v3 .container,
    body:not(.bb-admin-page) .bb-live-page .container,
    body:not(.bb-admin-page) .bb-clips-page .container,
    body:not(.bb-admin-page) .bb-stats-page .container,
    body:not(.bb-admin-page) .bb-cms-page .container,
    body:not(.bb-admin-page) .bb-page-gallery .container {
        width: calc(100% - 22px) !important;
        max-width: calc(100% - 22px) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body:not(.bb-admin-page) h1 {
        font-size: clamp(2.1rem, 11vw, 3.6rem) !important;
        line-height: 1.02 !important;
    }

    body:not(.bb-admin-page) h2 {
        font-size: clamp(1.65rem, 8vw, 2.7rem) !important;
        line-height: 1.06 !important;
    }

    body:not(.bb-admin-page) p,
    body:not(.bb-admin-page) li {
        font-size: clamp(.95rem, 4vw, 1.05rem);
        line-height: 1.55;
    }

    body:not(.bb-admin-page) .bb-setup-stage,
    body:not(.bb-admin-page) .bb-setup-hardware-showcase,
    body:not(.bb-admin-page) .bb-setup-grid,
    body:not(.bb-admin-page) .bb-gallery-grid,
    body:not(.bb-admin-page) .bb-gallery-category-grid,
    body:not(.bb-admin-page) .bb-newsletter-layout,
    body:not(.bb-admin-page) .bb-download-grid,
    body:not(.bb-admin-page) .bb-downloads-grid {
        grid-template-columns: 1fr !important;
    }

    body:not(.bb-admin-page) .bb-setup-brand-wall,
    body:not(.bb-admin-page) .bb-setup-specbar,
    body:not(.bb-admin-page) .bb-setup-stage-orbit {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body:not(.bb-admin-page) .bb-cms-hero,
    body:not(.bb-admin-page) .bb-cms-content-card,
    body:not(.bb-admin-page) .bb-setup-stage,
    body:not(.bb-admin-page) .bb-setup-card,
    body:not(.bb-admin-page) .bb-setup-hardware-card,
    body:not(.bb-admin-page) .bb-gallery-card,
    body:not(.bb-admin-page) .bb-gallery-category-card {
        border-radius: 22px !important;
    }
}

@media (max-width: 420px) {
    body:not(.bb-admin-page) .container,
    body:not(.bb-admin-page) .wrapper > .container,
    body:not(.bb-admin-page) section.wrapper > .container {
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
    }

    body:not(.bb-admin-page) .bb-setup-brand-wall,
    body:not(.bb-admin-page) .bb-setup-stage-orbit {
        gap: 8px !important;
    }
}

/* =========================================================
   PUBLIC LIGHTBOX / MODALS
========================================================= */

body:not(.bb-admin-page) .bb-public-gallery-lightbox,
body:not(.bb-admin-page) .bb-gallery-modal,
body:not(.bb-admin-page) .bb-lightbox {
    max-width: 100vw !important;
    max-height: 100dvh !important;
}

body:not(.bb-admin-page) .bb-public-gallery-lightbox img,
body:not(.bb-admin-page) .bb-gallery-modal img,
body:not(.bb-admin-page) .bb-lightbox img {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 110px) !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* =========================================================
   ADMIN BASIS
========================================================= */

html body.bb-admin-page {
    min-width: 0;
    overflow-x: hidden;
}

html body.bb-admin-page .bb-admin-shell,
html body.bb-admin-page .bb-admin-main,
html body.bb-admin-page .bb-admin-card,
html body.bb-admin-page article,
html body.bb-admin-page section,
html body.bb-admin-page form,
html body.bb-admin-page .bb-admin-grid {
    min-width: 0 !important;
    max-width: 100%;
}

html body.bb-admin-page .bb-admin-main {
    overflow-x: hidden !important;
}

html body.bb-admin-page .bb-admin-card {
    overflow-wrap: anywhere;
}

html body.bb-admin-page .bb-admin-card,
html body.bb-admin-page article {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* Tabellen: nicht mehr Layout sprengen */
html body.bb-admin-page .bb-admin-table,
html body.bb-admin-page table {
    width: 100%;
}

html body.bb-admin-page .bb-admin-card:has(table),
html body.bb-admin-page .bb-table-wrap,
html body.bb-admin-page .table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Buttons/Formulare brechen sauber */
html body.bb-admin-page .bb-admin-form,
html body.bb-admin-page .bb-admin-actions,
html body.bb-admin-page [class*="-actions"],
html body.bb-admin-page [class*="toolbar"] {
    min-width: 0 !important;
}

html body.bb-admin-page .bb-admin-btn,
html body.bb-admin-page button,
html body.bb-admin-page .button,
html body.bb-admin-page .btn {
    white-space: normal;
}

/* =========================================================
   ADMIN BREAKPOINTS
========================================================= */

@media (max-width: 1250px) {
    html body.bb-admin-page:not(.bb-admin-login-only) .bb-admin-shell {
        width: calc(100vw - 22px) !important;
        grid-template-columns: 198px minmax(0, 1fr) !important;
    }

    html body.bb-admin-page:not(.bb-admin-login-only) .bb-admin-topbar.bb-admin-clean-topbar {
        min-width: 198px !important;
        max-width: 198px !important;
    }
}

@media (max-width: 899px) {
    html body.bb-admin-page:not(.bb-admin-login-only) .bb-admin-shell {
        width: calc(100vw - 16px) !important;
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html body.bb-admin-page:not(.bb-admin-login-only) .bb-admin-topbar.bb-admin-clean-topbar {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin-bottom: 14px !important;
        overflow: visible !important;
    }

    html body.bb-admin-page:not(.bb-admin-login-only) .bb-admin-main {
        width: 100% !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body.bb-admin-page .bb-admin-clean-nav-group div {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.bb-admin-page .bb-admin-clean-nav-group a,
    html body.bb-admin-page .bb-admin-clean-logout {
        min-height: 40px !important;
    }
}

@media (max-width: 760px) {
    html body.bb-admin-page {
        font-size: 16px !important;
    }

    html body.bb-admin-page .bb-admin-card,
    html body.bb-admin-page article {
        padding: 16px !important;
        border-radius: 22px !important;
    }

    html body.bb-admin-page h1 {
        font-size: clamp(28px, 10vw, 42px) !important;
        line-height: 1.05 !important;
    }

    html body.bb-admin-page h2 {
        font-size: clamp(22px, 7vw, 32px) !important;
        line-height: 1.1 !important;
    }

    html body.bb-admin-page .bb-admin-grid,
    html body.bb-admin-page .bb-admin-live-kpis,
    html body.bb-admin-page .bb-dashboard-kpi-grid,
    html body.bb-admin-page .bb-gallery-control-kpis,
    html body.bb-admin-page .bb-systemcheck-main-grid {
        grid-template-columns: 1fr !important;
    }

    html body.bb-admin-page .bb-admin-clean-nav-group div {
        grid-template-columns: 1fr !important;
    }

    html body.bb-admin-page .bb-admin-form label,
    html body.bb-admin-page .bb-admin-form input,
    html body.bb-admin-page .bb-admin-form textarea,
    html body.bb-admin-page .bb-admin-form select,
    html body.bb-admin-page .bb-admin-form button {
        width: 100%;
    }

    html body.bb-admin-page .bb-admin-btn,
    html body.bb-admin-page button,
    html body.bb-admin-page .button,
    html body.bb-admin-page .btn {
        min-height: 38px;
        padding: 9px 12px;
    }
}

/* =========================================================
   ADMIN MEDIENBEREICHE
========================================================= */

html body.bb-admin-page .bb-gal2-admin-grid,
html body.bb-admin-page .bb-admin-snapshot-preview-grid,
html body.bb-admin-page .bb-media-center-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)) !important;
}

html body.bb-admin-page .bb-gal2-admin-grid article,
html body.bb-admin-page .bb-admin-snapshot-preview-card,
html body.bb-admin-page .bb-media-center-card {
    min-width: 0 !important;
}

html body.bb-admin-page .bb-gal2-admin-grid img,
html body.bb-admin-page .bb-admin-snapshot-preview-card img,
html body.bb-admin-page .bb-media-center-card img,
html body.bb-admin-page .bb-media-center-card video {
    max-width: 100% !important;
}

/* =========================================================
   ADMIN LIGHTBOX ENDGUELTIG VIEWPORT-SAFE
========================================================= */

html body.bb-admin-page .bb-admin-lightbox {
    max-width: 100vw !important;
    max-height: 100dvh !important;
}

html body.bb-admin-page .bb-admin-lightbox-panel {
    width: min(1900px, calc(100vw - 24px)) !important;
    height: calc(100dvh - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    grid-template-rows: minmax(0, 1fr) 42px !important;
}

html body.bb-admin-page .bb-admin-lightbox-stage {
    min-height: 0 !important;
    max-height: calc(100dvh - 72px) !important;
    padding: 6px !important;
    overflow: hidden !important;
}

html body.bb-admin-page .bb-admin-lightbox-stage img,
html body.bb-admin-page .bb-admin-lightbox-stage video {
    max-width: 100% !important;
    max-height: calc(100dvh - 88px) !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

html body.bb-admin-page .bb-admin-lightbox-footer {
    height: 42px !important;
    min-height: 42px !important;
    padding: 6px 12px !important;
}

@media (max-width: 760px) {
    html body.bb-admin-page .bb-admin-lightbox-panel {
        width: calc(100vw - 10px) !important;
        height: calc(100dvh - 10px) !important;
        max-height: calc(100dvh - 10px) !important;
        border-radius: 18px !important;
        grid-template-rows: minmax(0, 1fr) 40px !important;
    }

    html body.bb-admin-page .bb-admin-lightbox-stage img,
    html body.bb-admin-page .bb-admin-lightbox-stage video {
        max-height: calc(100dvh - 72px) !important;
    }

    html body.bb-admin-page .bb-admin-lightbox-footer {
        height: 40px !important;
        min-height: 40px !important;
    }
}

/* =========================================================
   PUBLIC OUTER FRAME KILL FINAL
   Entfernt Rahmen-im-Rahmen auf öffentlichen Seiten.
   Cards bleiben Cards, aber Wrapper tun nicht mehr so,
   als wären sie auch noch Bilderrahmen. Nerviger Mist weg.
========================================================= */

body:not(.bb-admin-page) #page-wrapper,
body:not(.bb-admin-page) .wrapper,
body:not(.bb-admin-page) .wrapper.style1,
body:not(.bb-admin-page) .wrapper.style2,
body:not(.bb-admin-page) .wrapper.style3,
body:not(.bb-admin-page) section.wrapper,
body:not(.bb-admin-page) .wrapper > .container,
body:not(.bb-admin-page) section.wrapper > .container,
body:not(.bb-admin-page) .bb-cms-page .container,
body:not(.bb-admin-page) .bb-page-content .container {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body:not(.bb-admin-page) #page-wrapper::before,
body:not(.bb-admin-page) #page-wrapper::after,
body:not(.bb-admin-page) .wrapper::before,
body:not(.bb-admin-page) .wrapper::after,
body:not(.bb-admin-page) .wrapper.style1::before,
body:not(.bb-admin-page) .wrapper.style1::after,
body:not(.bb-admin-page) .wrapper.style2::before,
body:not(.bb-admin-page) .wrapper.style2::after,
body:not(.bb-admin-page) .wrapper.style3::before,
body:not(.bb-admin-page) .wrapper.style3::after,
body:not(.bb-admin-page) .wrapper > .container::before,
body:not(.bb-admin-page) .wrapper > .container::after,
body:not(.bb-admin-page) section.wrapper > .container::before,
body:not(.bb-admin-page) section.wrapper > .container::after,
body:not(.bb-admin-page) .bb-cms-page .container::before,
body:not(.bb-admin-page) .bb-cms-page .container::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* CMS-Außenkarte entschärfen: nicht doppelt einrahmen */
body:not(.bb-admin-page) .bb-cms-content-card {
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body:not(.bb-admin-page) .bb-cms-content-card::before,
body:not(.bb-admin-page) .bb-cms-content-card::after {
    display: none !important;
    content: none !important;
}

/* Einzelne echte Inhaltskarten behalten Glas, aber ohne zweiten Linienrand */
body:not(.bb-admin-page) article,
body:not(.bb-admin-page) .card,
body:not(.bb-admin-page) [class*="-card"] {
    outline: 0 !important;
}


/* =========================================================
   PUBLIC SPECIAL PAGE OUTER FRAME KILL FINAL
   Entfernt die übrigen Rahmen-im-Rahmen-Effekte auf Spezialseiten.
   Echte Inhaltskarten bleiben, äußere Wrapper spielen nicht mehr Bilderrahmen.
========================================================= */

/* Header/Footer/Seitenwrapper ohne sichtbaren Extra-Rahmen */
body:not(.bb-admin-page) #header.wrapper,
body:not(.bb-admin-page) #footer.wrapper,
body:not(.bb-admin-page) #intro.wrapper,
body:not(.bb-admin-page) #gallery.wrapper,
body:not(.bb-admin-page) #kontakt.wrapper,
body:not(.bb-admin-page) #live.wrapper,
body:not(.bb-admin-page) #clips-page.wrapper,
body:not(.bb-admin-page) #stats.wrapper,
body:not(.bb-admin-page) .bb-home-news-section,
body:not(.bb-admin-page) .bb-downloads-standard,
body:not(.bb-admin-page) .bb-newsletter-page,
body:not(.bb-admin-page) .bb-contact-home,
body:not(.bb-admin-page) .bb-live-page,
body:not(.bb-admin-page) .bb-clips-page,
body:not(.bb-admin-page) .bb-stats-page,
body:not(.bb-admin-page) .bb-page-gallery {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Container selbst nicht mehr rahmen */
body:not(.bb-admin-page) #header.wrapper > .container,
body:not(.bb-admin-page) #footer.wrapper > .container,
body:not(.bb-admin-page) #intro.wrapper > .container,
body:not(.bb-admin-page) #gallery.wrapper > .container,
body:not(.bb-admin-page) #kontakt.wrapper > .container,
body:not(.bb-admin-page) #live.wrapper > .container,
body:not(.bb-admin-page) #clips-page.wrapper > .container,
body:not(.bb-admin-page) #stats.wrapper > .container,
body:not(.bb-admin-page) .bb-downloads-standard > .container,
body:not(.bb-admin-page) .bb-newsletter-page > .container,
body:not(.bb-admin-page) .bb-contact-home > .container,
body:not(.bb-admin-page) .bb-live-page > .container,
body:not(.bb-admin-page) .bb-clips-page > .container,
body:not(.bb-admin-page) .bb-stats-page > .container,
body:not(.bb-admin-page) .bb-page-gallery > .container {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Pseudo-Rahmen komplett killen */
body:not(.bb-admin-page) #header.wrapper::before,
body:not(.bb-admin-page) #header.wrapper::after,
body:not(.bb-admin-page) #footer.wrapper::before,
body:not(.bb-admin-page) #footer.wrapper::after,
body:not(.bb-admin-page) #intro.wrapper::before,
body:not(.bb-admin-page) #intro.wrapper::after,
body:not(.bb-admin-page) #gallery.wrapper::before,
body:not(.bb-admin-page) #gallery.wrapper::after,
body:not(.bb-admin-page) #kontakt.wrapper::before,
body:not(.bb-admin-page) #kontakt.wrapper::after,
body:not(.bb-admin-page) #live.wrapper::before,
body:not(.bb-admin-page) #live.wrapper::after,
body:not(.bb-admin-page) #clips-page.wrapper::before,
body:not(.bb-admin-page) #clips-page.wrapper::after,
body:not(.bb-admin-page) #stats.wrapper::before,
body:not(.bb-admin-page) #stats.wrapper::after,
body:not(.bb-admin-page) .bb-home-news-section::before,
body:not(.bb-admin-page) .bb-home-news-section::after,
body:not(.bb-admin-page) .bb-downloads-standard::before,
body:not(.bb-admin-page) .bb-downloads-standard::after,
body:not(.bb-admin-page) .bb-newsletter-page::before,
body:not(.bb-admin-page) .bb-newsletter-page::after,
body:not(.bb-admin-page) .bb-contact-home::before,
body:not(.bb-admin-page) .bb-contact-home::after,
body:not(.bb-admin-page) .bb-live-page::before,
body:not(.bb-admin-page) .bb-live-page::after,
body:not(.bb-admin-page) .bb-clips-page::before,
body:not(.bb-admin-page) .bb-clips-page::after,
body:not(.bb-admin-page) .bb-stats-page::before,
body:not(.bb-admin-page) .bb-stats-page::after,
body:not(.bb-admin-page) .bb-page-gallery::before,
body:not(.bb-admin-page) .bb-page-gallery::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Footer: Karten bleiben, aber äußerer Rahmen weg */
body:not(.bb-admin-page) #footer .container,
body:not(.bb-admin-page) #footer .container::before,
body:not(.bb-admin-page) #footer .container::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Kontakt-Spezialwrapper: nur Außenpanzer weg */
body:not(.bb-admin-page) .bb-contact-shell,
body:not(.bb-admin-page) .bb-contact-shell::before,
body:not(.bb-admin-page) .bb-contact-shell::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Galerie: Seitencontainer ohne Extra-Rahmen, Galerie-Karten bleiben */
body:not(.bb-admin-page) .bb-gallery-page .container,
body:not(.bb-admin-page) .bb-page-gallery .container {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Stats Teaser: keine doppelte Außenbox */
body:not(.bb-admin-page) .bb-stats-page-frame {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* =========================================================
   DOWNLOADS FRAME-IN-FRAME KILL FINAL
   Entfernt äußere Doppelrahmen auf /downloads.
   Download-Cards bleiben Glas, aber keine Matroschka-Rahmen mehr.
========================================================= */

body.bb-page-downloads:not(.bb-admin-page) .bb-downloads-standard,
body.bb-page-downloads:not(.bb-admin-page) .bb-downloads-standard > .container,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-hub,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-grid,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-stats,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-cats,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-section-head {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.bb-page-downloads:not(.bb-admin-page) .bb-downloads-standard::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-downloads-standard::after,
body.bb-page-downloads:not(.bb-admin-page) .bb-downloads-standard > .container::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-downloads-standard > .container::after,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-hub::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-hub::after,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-grid::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-grid::after,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-stats::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-stats::after,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-cats::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-cats::after,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-section-head::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-section-head::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Große Abschnittskarten ohne zusätzlichen Außenrahmen */
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-hero,
body.bb-page-downloads:not(.bb-admin-page) #community-songs,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-filter,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-empty {
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow:
        0 0 38px rgba(0,64,255,.08),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Kleine Download-Cards behalten Glas, aber keine doppelte Innenlinie */
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-card {
    outline: 0 !important;
}

body.bb-page-downloads:not(.bb-admin-page) .bb-dl-card::before,
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-card::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Listenbereiche im Hub rahmenloser */
body.bb-page-downloads:not(.bb-admin-page) .bb-dl-list {
    border-color: transparent !important;
    box-shadow:
        0 0 30px rgba(0,64,255,.06),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}


/* =========================================================
   SETUP CLEAN FINAL
   Grüne Mini-Pillen weg, Intro-Text sauber zentriert.
========================================================= */

body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-eyebrow,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-kicker,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-hardware-label,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-badges {
    display: none !important;
}

body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-stage {
    text-align: center !important;
}

body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-stage-copy {
    width: min(980px, 100%) !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-stage h1,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-stage h2,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-stage h3,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-stage p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-stage p {
    max-width: 780px !important;
}

body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-specs-intro,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-future {
    text-align: center !important;
}

body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-specs-intro .bb-setup-eyebrow,
body:not(.bb-admin-page) .bb-cms-slug-setup .bb-setup-future .bb-setup-eyebrow {
    display: none !important;
}