/*
Theme Name: BRANDMENTUM
Theme URI: https://brandmentum.de
Author: BRANDMENTUM
Author URI: https://brandmentum.de
Description: Block Theme für BRANDMENTUM — Marke. Marketing. Mensch. Modulares Full-Site-Editing-Theme mit Gutenberg-Pattern-Bibliothek. Farbsystem v3.0 (Orange/Blau/Grün). Für WordPress 6.4+.
Version: 1.2.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brandmentum
Tags: full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-width-template, wide-blocks, style-variations
*/

/* =========================================================
   BRANDMENTUM – Complete Style System v1.2.0
   Animation Safety-Net + Full Responsive Rules
   ========================================================= */

:root {
    --bm-o:   #FF7F00;
    --bm-b:   #174EFF;
    --bm-g:   #24E41E;
    --bm-bk:  #000000;
    --bm-dk:  #111111;
    --bm-dk2: #0D0D0D;
    --bm-nb:  #1A1A1A;
    --bm-ow:  #F5F4F1;
    --bm-wh:  #FFFFFF;
    --bm-gy:  #888888;
    --bm-gl:  #CCCCCC;
    --bm-gd:  #444444;
    --bm-grad: linear-gradient(90deg, var(--bm-o), var(--bm-b), var(--bm-g));
}

/* ── Marken-Gradient-Streifen ──────────────────────────── */
.is-style-brand-stripe {
    height: 3px !important;
    border: 0 !important;
    background: var(--bm-grad) !important;
    margin: 0 !important;
    opacity: 1 !important;
}

/* ── Wort-Hervorhebungen ───────────────────────────────── */
.bm-hl-orange { color: var(--bm-o) !important; font-style: italic; }
.bm-hl-blue   { color: var(--bm-b) !important; font-style: italic; }
.bm-hl-green  { color: var(--bm-g) !important; font-style: italic; }
.bm-hl-underline { border-bottom: 5px solid rgba(255,255,255,.5); padding-bottom: 3px; }

/* ── Eyebrow-Label ─────────────────────────────────────── */
.bm-eyebrow {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
}
.bm-eyebrow::before {
    content: '' !important;
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    background: var(--bm-o) !important;
    flex-shrink: 0 !important;
}
.bm-eyebrow.is-light { color: rgba(255,255,255,.85) !important; }
.bm-eyebrow.is-light::before { background: rgba(255,255,255,.7) !important; }
.bm-eyebrow.is-dark { color: rgba(0,0,0,.6) !important; }
.bm-eyebrow.is-dark::before { background: rgba(0,0,0,.35) !important; }

/* ── Section-Label ─────────────────────────────────────── */
.bm-section-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding-bottom: 20px !important;
    margin-bottom: 48px !important;
}
.bm-section-label::before {
    content: '' !important;
    display: block !important;
    width: 32px !important;
    height: 2px !important;
    background: var(--bm-o) !important;
    flex-shrink: 0 !important;
}

/* ── Buttons — Primär, Ghost, Trapez ───────────────────── */
.wp-block-button.is-style-bm-primary .wp-block-button__link {
    background-image: linear-gradient(90deg, #FF7F00 0%, #174EFF 50%, #FF7F00 100%) !important;
    background-size: 200% 100% !important;
    background-position: 100% center !important;
    color: #000 !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 15px 38px !important;
    border-radius: 50px !important;
    transition: background-position .5s ease, transform .15s, filter .2s !important;
}
.wp-block-button.is-style-bm-primary .wp-block-button__link:hover {
    background-position: 0% center !important;
    filter: brightness(1.05) !important;
    transform: translateY(-2px) !important;
}

.wp-block-button.is-style-bm-ghost .wp-block-button__link {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,.35) !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 13px 36px !important;
    border-radius: 50px !important;
    transition: border-color .2s, background .2s, transform .15s !important;
}
.wp-block-button.is-style-bm-ghost .wp-block-button__link:hover {
    border-color: #fff !important;
    background: rgba(255,255,255,.07) !important;
    transform: translateY(-2px) !important;
}

.wp-block-button.is-style-bm-trapez .wp-block-button__link {
    background-image: linear-gradient(90deg, #FF7F00 0%, #174EFF 50%, #FF7F00 100%) !important;
    background-size: 200% 100% !important;
    background-position: 100% center !important;
    color: #000 !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 15px 38px !important;
    border-radius: 0 !important;
    clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%) !important;
    transition: background-position .5s ease, transform .15s !important;
}
.wp-block-button.is-style-bm-trapez .wp-block-button__link:hover {
    background-position: 0% center !important;
    transform: translateY(-2px) !important;
}

/* ══ HERO SECTION ══════════════════════════════════════════ */
.bm-hero {
    min-height: 94vh !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(108deg, rgba(20,8,0,.55) 0%, rgba(20,8,0,.35) 55%, rgba(20,8,0,.10) 100%),
                linear-gradient(108deg, rgba(255,127,0,.90) 0%, rgba(255,127,0,.82) 40%, rgba(255,127,0,.55) 65%, rgba(255,127,0,.20) 100%),
                url('https://images.unsplash.com/photo-1557804506-669a67965ba0?w=1920&auto=format&fit=crop&q=80') !important;
    background-size: cover, cover, cover !important;
    background-position: center !important;
    padding: 100px 0 80px !important;
}
.bm-hero .bm-hero-content {
    position: relative !important;
    z-index: 4 !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
    width: 100% !important;
}
.bm-hero h1 {
    font-size: clamp(52px, 7.5vw, 100px) !important;
    color: #fff !important;
    margin-bottom: 26px !important;
    line-height: .97 !important;
    max-width: 900px !important;
    font-style: italic !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    text-shadow: 0 2px 20px rgba(0,0,0,.3) !important;
}
.bm-hero .bm-hero-sub {
    font-size: 18px !important;
    color: #fff !important;
    max-width: 580px !important;
    line-height: 1.75 !important;
    margin-bottom: 40px !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.35) !important;
}

/* ══ QUOTE SECTION ═════════════════════════════════════════ */
.bm-quote-section {
    padding: 88px 0 !important;
    background: #000 !important;
}
.bm-quote-inner {
    display: flex !important;
    gap: 24px !important;
    align-items: flex-start !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-quote-mark {
    font-size: 120px !important;
    font-weight: 900 !important;
    font-style: italic !important;
    color: var(--bm-o) !important;
    line-height: .75 !important;
    flex-shrink: 0 !important;
    user-select: none !important;
}
.bm-quote-text {
    font-size: clamp(24px, 3.2vw, 40px) !important;
    font-style: italic !important;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

/* ── Quote Scroll Reveal ───────────────────────────────── */
.bm-q-reveal {
    background: linear-gradient(90deg, var(--bm-o) var(--qr, 0%), transparent var(--qr, 0%), transparent 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: --qr .1s ease-out;
}

/* ══ LEISTUNGEN (3 cards) ══════════════════════════════════ */
.bm-services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 3px !important;
}
.bm-l-card {
    padding: 52px 44px 48px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    min-height: 300px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform .35s cubic-bezier(.2,1,.3,1), box-shadow .35s, filter .25s !important;
}
.bm-l-card:hover {
    transform: translateY(-24px) scale(1.03) !important;
    box-shadow: 0 50px 100px rgba(0,0,0,.6) !important;
    filter: brightness(1.1) !important;
    z-index: 2 !important;
}
.bm-l-card.o { background: var(--bm-o) !important; }
.bm-l-card.b { background: var(--bm-b) !important; }
.bm-l-card.g { background: var(--bm-g) !important; }
.bm-l-card .bm-card-num {
    font-size: 80px !important;
    font-weight: 900 !important;
    font-style: italic !important;
    line-height: 1 !important;
    color: rgba(0,0,0,.08) !important;
    position: absolute !important;
    top: 10px !important;
    right: 16px !important;
    letter-spacing: -.05em !important;
    pointer-events: none !important;
}
.bm-l-card .bm-cat {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: rgba(0,0,0,.5) !important;
    margin: 0 !important;
}
.bm-l-card h3 {
    font-size: clamp(22px, 2.2vw, 30px) !important;
    color: #000 !important;
    line-height: 1.1 !important;
    font-style: italic !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
.bm-l-card p.bm-card-text {
    font-size: 17px !important;
    color: rgba(0,0,0,.7) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ══ STATS STRIP ═══════════════════════════════════════════ */
.bm-stats-section {
    background: var(--bm-b) !important;
    padding: 100px 0 !important;
    clip-path: polygon(0 56px, 100% 0, 100% calc(100% - 56px), 0 100%) !important;
    margin: -56px 0 !important;
    position: relative !important;
    z-index: 1 !important;
}
.bm-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-stat-item {
    padding: 0 24px !important;
    border-right: 1px solid rgba(255,255,255,.18) !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.bm-stat-item:last-child { border-right: none !important; }
.bm-stat-num {
    font-size: clamp(44px, 5vw, 68px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    line-height: 1 !important;
    color: #fff !important;
    margin: 0 !important;
}
.bm-stat-lbl {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.8) !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}

/* ══ EINSTIEGSPUNKTE ═══════════════════════════════════════ */
.bm-entry-section {
    padding: 104px 0 !important;
    background: var(--bm-dk2) !important;
    position: relative !important;
    overflow: hidden !important;
}
.bm-entry-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--bm-o), transparent) !important;
}
.bm-entry-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-entry-head {
    max-width: 760px !important;
    margin-bottom: 64px !important;
}
.bm-entry-head h2 {
    font-size: clamp(32px, 4vw, 56px) !important;
    margin-bottom: 22px !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
}
.bm-entry-head p {
    font-size: 17px !important;
    color: rgba(255,255,255,.6) !important;
    line-height: 1.85 !important;
}
.bm-entry-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1px !important;
    background: #1a1a1a !important;
}
.bm-entry-card {
    background: var(--bm-dk2) !important;
    padding: 40px 36px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    position: relative !important;
    transition: background .35s, transform .35s !important;
    min-height: 240px !important;
}
.bm-entry-card:hover {
    background: #141414 !important;
    transform: translateY(-4px) !important;
}
.bm-entry-card .bm-e-tag {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 4px 0 !important;
}
.bm-entry-card .bm-e-tag::before {
    content: '' !important;
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    background: var(--bm-o) !important;
    flex-shrink: 0 !important;
}
.bm-entry-card .bm-e-quote {
    font-size: 19px !important;
    font-style: italic !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}
.bm-entry-card .bm-e-answer {
    font-size: 14px !important;
    color: rgba(255,255,255,.55) !important;
    line-height: 1.7 !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
}
.bm-entry-card .bm-e-answer strong {
    color: var(--bm-o) !important;
    font-weight: 700 !important;
}

/* ══ WARUM BRANDMENTUM (2-col) ═════════════════════════════ */
.bm-warum-section {
    padding: 104px 0 !important;
    background: #000 !important;
}
.bm-warum-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-warum-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 96px !important;
    align-items: start !important;
}
.bm-warum-head h2 {
    font-size: clamp(32px, 3.5vw, 54px) !important;
    margin-bottom: 22px !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
}
.bm-warum-head p {
    font-size: 17px !important;
    color: rgba(255,255,255,.65) !important;
    line-height: 1.85 !important;
    margin-bottom: 32px !important;
}
.bm-why-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
}
.bm-w-item {
    display: grid !important;
    grid-template-columns: 36px 1fr !important;
    gap: 16px !important;
}
.bm-w-num {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--bm-o) !important;
    padding-top: 4px !important;
    letter-spacing: .08em !important;
    margin: 0 !important;
}
.bm-w-item h4 {
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 6px 0 !important;
}
.bm-w-item p {
    font-size: 16px !important;
    color: rgba(255,255,255,.55) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ══ STORY-SPLIT (Dark + Orange) ════════════════════════ */
.bm-story-split {
    position: relative !important;
    display: flex !important;
    min-height: 560px !important;
    overflow: hidden !important;
    background: var(--bm-o) !important;
}
.bm-story-dark {
    flex: 0 0 54% !important;
    background: #000 !important;
    padding: 88px 100px 88px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 28px !important;
    position: relative !important;
    z-index: 1 !important;
    clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%) !important;
}
.bm-story-dark-inner {
    padding-left: calc((100vw - 1200px)/2 + 48px) !important;
    max-width: 640px !important;
}
.bm-story-dark h2 {
    font-size: clamp(28px, 3.5vw, 50px) !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
.bm-story-dark p {
    font-size: 17px !important;
    color: rgba(255,255,255,.7) !important;
    max-width: 400px !important;
    line-height: 1.85 !important;
    margin: 0 !important;
}
.bm-story-orange {
    flex: 1 !important;
    background: var(--bm-o) !important;
    padding: 88px 48px 88px 120px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 36px !important;
    margin-left: -100px !important;
}
.bm-story-orange .bm-s-eyebrow {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: rgba(0,0,0,.6) !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}
.bm-story-orange .bm-s-eyebrow::before {
    content: '' !important;
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: rgba(0,0,0,.35) !important;
    flex-shrink: 0 !important;
}
.bm-story-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    max-width: 540px !important;
}
.bm-story-item {
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    gap: 16px !important;
}
.bm-story-n {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(0,0,0,.45) !important;
    padding-top: 4px !important;
    letter-spacing: .08em !important;
    margin: 0 !important;
}
.bm-story-item h4 {
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: var(--bm-nb) !important;
    margin: 0 0 8px 0 !important;
}
.bm-story-item p {
    font-size: 16px !important;
    color: rgba(0,0,0,.75) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ══ AUDIT SECTION ═════════════════════════════════════════ */
.bm-audit-section {
    position: relative !important;
    background: radial-gradient(ellipse at top right, rgba(255,127,0,.08), transparent 50%),
                radial-gradient(ellipse at bottom left, rgba(23,78,255,.06), transparent 55%),
                #000 !important;
    padding: 100px 0 110px !important;
}
.bm-audit-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-audit-head {
    max-width: 820px !important;
    margin: 0 auto 64px !important;
    text-align: center !important;
}
.bm-audit-head .bm-eyebrow {
    justify-content: center !important;
}
.bm-audit-head .bm-eyebrow::before { display: none !important; }
.bm-audit-head h2 {
    font-size: clamp(32px, 4.2vw, 58px) !important;
    margin-bottom: 22px !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
}
.bm-audit-head p {
    font-size: 18px !important;
    color: rgba(255,255,255,.65) !important;
    line-height: 1.75 !important;
    max-width: 680px !important;
    margin: 0 auto !important;
}
.bm-audit-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
}
.bm-audit-card {
    background: #0c0c0c !important;
    border: 1px solid #1a1a1a !important;
    padding: 48px 44px 44px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    transition: border-color .3s, transform .3s, box-shadow .3s !important;
}
.bm-audit-card:hover {
    border-color: rgba(255,127,0,.4) !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 30px 80px rgba(0,0,0,.5) !important;
}
.bm-audit-card.featured {
    border-color: rgba(255,127,0,.5) !important;
    background: #0e0a06 !important;
}
.bm-audit-card.featured::before {
    content: 'EMPFEHLUNG' !important;
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    background: var(--bm-o) !important;
    color: #000 !important;
    padding: 5px 10px !important;
}
.bm-audit-card .bm-a-name {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    margin: 0 !important;
}
.bm-audit-card .bm-a-title {
    font-size: 26px !important;
    font-style: italic !important;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    margin: 0 !important;
}
.bm-audit-card .bm-a-price {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    padding: 14px 0 !important;
    border-top: 1px solid #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
    margin: 0 !important;
}
.bm-audit-card .bm-a-price strong {
    font-size: 36px !important;
    font-style: italic !important;
    font-weight: 900 !important;
    color: var(--bm-o) !important;
    letter-spacing: -.02em !important;
}
.bm-audit-card .bm-a-price span {
    font-size: 13px !important;
    color: rgba(255,255,255,.5) !important;
}
.bm-audit-card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    font-size: 15px !important;
    color: rgba(255,255,255,.75) !important;
    line-height: 1.55 !important;
}
.bm-audit-card ul li {
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    padding-left: 0 !important;
    list-style: none !important;
}
.bm-audit-card ul li::before {
    content: '→' !important;
    color: var(--bm-o) !important;
    font-weight: 900 !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}
.bm-audit-card .bm-a-meta {
    font-size: 12px !important;
    color: rgba(255,255,255,.4) !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}
.bm-audit-foot {
    text-align: center !important;
    margin-top: 48px !important;
    font-size: 14px !important;
    color: rgba(255,255,255,.45) !important;
}

/* ══ DIAG-SPLIT (Orange left, Black right) ═════════════ */
.bm-diag-split {
    position: relative !important;
    display: flex !important;
    min-height: 520px !important;
    overflow: hidden !important;
    background: #000 !important;
}
.bm-diag-left {
    flex: 0 0 54% !important;
    background: var(--bm-o) !important;
    padding: 88px 100px 88px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 26px !important;
    position: relative !important;
    z-index: 1 !important;
    clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%) !important;
}
.bm-diag-left-inner {
    padding-left: calc((100vw - 1200px)/2 + 48px) !important;
    max-width: 680px !important;
}
.bm-diag-left h2 {
    font-size: clamp(28px, 3.5vw, 50px) !important;
    color: #000 !important;
    font-style: italic !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
.bm-diag-left p {
    font-size: 17px !important;
    color: rgba(0,0,0,.6) !important;
    max-width: 380px !important;
    line-height: 1.75 !important;
    margin: 0 !important;
}
.bm-diag-right {
    flex: 1 !important;
    background: #000 !important;
    padding: 88px 48px 88px 130px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 28px !important;
    margin-left: -100px !important;
}
.bm-diag-right h2 {
    font-size: clamp(28px, 3.5vw, 50px) !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
.bm-diag-right p {
    font-size: 17px !important;
    color: rgba(255,255,255,.6) !important;
    max-width: 380px !important;
    line-height: 1.75 !important;
    margin: 0 !important;
}
.bm-diag-why-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}
.bm-diag-why-item {
    display: grid !important;
    grid-template-columns: 36px 1fr !important;
    gap: 16px !important;
}
.bm-diag-why-item .bm-num-dark {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(0,0,0,.4) !important;
    padding-top: 4px !important;
    letter-spacing: .08em !important;
    margin: 0 !important;
}
.bm-diag-why-item h4 {
    color: var(--bm-nb) !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
}
.bm-diag-why-item p {
    color: rgba(0,0,0,.65) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ══ ARBEITSFORMATE (4er-Grid) ═════════════════════════════ */
.bm-format-section {
    padding: 104px 0 !important;
    background: #000 !important;
    position: relative !important;
}
.bm-format-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-format-head {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 64px !important;
    margin-bottom: 64px !important;
    align-items: end !important;
}
.bm-format-head h2 {
    font-size: clamp(32px, 3.8vw, 52px) !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
.bm-format-head p {
    font-size: 17px !important;
    color: rgba(255,255,255,.6) !important;
    line-height: 1.85 !important;
    margin: 0 !important;
}
.bm-format-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1px !important;
    background: #1a1a1a !important;
}
.bm-fmt-card {
    background: #000 !important;
    padding: 44px 32px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    position: relative !important;
    transition: background .35s, transform .35s !important;
    min-height: 280px !important;
    border-top: 3px solid transparent !important;
}
.bm-fmt-card:hover {
    background: #0a0a0a !important;
    transform: translateY(-4px) !important;
}
.bm-fmt-card.f1 { border-top-color: var(--bm-o) !important; }
.bm-fmt-card.f2 { border-top-color: var(--bm-b) !important; }
.bm-fmt-card.f3 { border-top-color: var(--bm-g) !important; }
.bm-fmt-card.f4 { border-top-color: var(--bm-o) !important; }
.bm-fmt-card .bm-f-num {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.4) !important;
    letter-spacing: .18em !important;
    margin: 0 0 4px 0 !important;
}
.bm-fmt-card .bm-f-title {
    font-size: 24px !important;
    font-style: italic !important;
    font-weight: 900 !important;
    color: #fff !important;
    letter-spacing: -.01em !important;
    line-height: 1.1 !important;
    margin: 0 !important;
}
.bm-fmt-card .bm-f-dur {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    margin: 0 !important;
}
.bm-fmt-card.f2 .bm-f-dur { color: var(--bm-b) !important; }
.bm-fmt-card.f3 .bm-f-dur { color: var(--bm-g) !important; }
.bm-fmt-card .bm-f-desc {
    font-size: 14px !important;
    color: rgba(255,255,255,.6) !important;
    line-height: 1.7 !important;
    flex: 1 !important;
    margin: 4px 0 0 0 !important;
}
.bm-fmt-card .bm-f-for {
    font-size: 12px !important;
    color: rgba(255,255,255,.45) !important;
    padding-top: 14px !important;
    border-top: 1px solid #1a1a1a !important;
    margin: 0 !important;
}
.bm-fmt-card .bm-f-for strong {
    color: rgba(255,255,255,.7) !important;
    font-weight: 700 !important;
}

/* ══ FOUNDER / ÜBER UNS ════════════════════════════════════ */
.bm-founder-section {
    padding: 104px 0 !important;
    background: var(--bm-dk2) !important;
}
.bm-founder-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-founder-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 72px !important;
    align-items: center !important;
}
.bm-founder-text h2 {
    font-size: clamp(30px, 3.2vw, 48px) !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
    margin: 0 !important;
}
.bm-founder-text p {
    font-size: 17px !important;
    color: rgba(255,255,255,.6) !important;
    line-height: 1.85 !important;
    margin: 0 !important;
}
.bm-founder-img {
    position: relative !important;
}
.bm-founder-img img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover !important;
    border-radius: 1px !important;
    display: block !important;
}
.bm-founder-accent {
    height: 3px !important;
    background: var(--bm-o) !important;
    width: 100% !important;
}

/* ══ KONTAKT ═══════════════════════════════════════════════ */
.bm-kontakt-section {
    padding: 104px 0 !important;
    background: #000 !important;
}
.bm-kontakt-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
}
.bm-kontakt-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.4fr !important;
    gap: 80px !important;
    align-items: start !important;
}
.bm-kontakt-info h2 {
    font-size: clamp(28px, 3vw, 44px) !important;
    margin-bottom: 18px !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
}
.bm-kontakt-info p {
    font-size: 17px !important;
    color: rgba(255,255,255,.6) !important;
    line-height: 1.85 !important;
    margin-bottom: 12px !important;
}
.bm-cd-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-top: 36px !important;
}
.bm-cd {
    display: grid !important;
    grid-template-columns: 40px 1fr !important;
    gap: 16px !important;
    align-items: flex-start !important;
}
.bm-cd-icon {
    width: 40px !important;
    height: 40px !important;
    background: var(--bm-dk) !important;
    border: 1px solid #222 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
}
.bm-cd-lbl {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    margin: 0 0 4px 0 !important;
}
.bm-cd-val {
    font-size: 17px !important;
    color: rgba(255,255,255,.8) !important;
    margin: 0 !important;
}
.bm-cd-val a {
    color: var(--bm-gl) !important;
}

/* Mailto-Box */
.bm-mailto-box {
    background: var(--bm-dk) !important;
    border: 1px solid #1a1a1a !important;
    padding: 56px 52px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    position: relative !important;
    overflow: hidden !important;
}
.bm-mailto-box .bm-mb-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    margin: 0 !important;
}
.bm-mailto-box .bm-mb-headline {
    font-size: clamp(22px, 2.4vw, 34px) !important;
    font-style: italic !important;
    font-weight: 900 !important;
    color: #fff !important;
    line-height: 1.15 !important;
    margin: 0 !important;
}
.bm-mailto-box .bm-mb-text {
    font-size: 17px !important;
    color: rgba(255,255,255,.55) !important;
    line-height: 1.8 !important;
    margin: 0 !important;
}
.bm-mailto-box .bm-mb-address {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 22px 28px !important;
    background: #080808 !important;
    border: 1px solid #222 !important;
    border-left: 3px solid var(--bm-o) !important;
}
.bm-mailto-box .bm-mb-address .bm-mb-addr-lbl {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    color: var(--bm-o) !important;
    margin: 0 !important;
}
.bm-mailto-box .bm-mb-address a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    transition: color .2s !important;
}
.bm-mailto-box .bm-mb-address a:hover { color: var(--bm-o) !important; }
.bm-mailto-box .bm-mb-hint {
    font-size: 14px !important;
    color: #444 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ══ CTA STRIP ═════════════════════════════════════════════ */
.bm-cta-strip {
    padding: 80px 0 !important;
    border-top: 1px solid #111 !important;
    background: #000 !important;
}
.bm-cta-row {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    flex-wrap: wrap !important;
}
.bm-cta-lbl {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    color: var(--bm-gy) !important;
    margin: 0 0 14px 0 !important;
}
.bm-cta-row h2 {
    font-size: clamp(26px, 3.2vw, 46px) !important;
    color: #fff !important;
    font-style: italic !important;
    font-weight: 900 !important;
    margin: 0 !important;
}

/* ══ FAQ / ACCORDION ═══════════════════════════════════════ */
.bm-faq-section {
    padding: 88px 0 !important;
    background: #000 !important;
}
.wp-block-details.is-style-bm-accordion {
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    padding: 20px 0 !important;
}
.wp-block-details.is-style-bm-accordion summary {
    font-size: 18px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    list-style: none !important;
    color: #fff !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.wp-block-details.is-style-bm-accordion summary::after {
    content: '+' !important;
    font-size: 28px !important;
    color: var(--bm-o) !important;
    font-weight: 300 !important;
    transition: transform .3s !important;
}
.wp-block-details.is-style-bm-accordion[open] summary::after {
    transform: rotate(45deg) !important;
}
.wp-block-details.is-style-bm-accordion > p {
    color: rgba(255,255,255,.7) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-top: 16px !important;
}

/* ══ SCROLL PROGRESS BAR ═══════════════════════════════════ */
#bm-scroll-progress {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 3px !important;
    background: var(--bm-grad) !important;
    width: 0% !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

/* ══════════════════════════════════════════════════════════
   ANIMATION SAFETY-NET v1.2.0
   WITHOUT JS: visible by default
   WITH JS (body.bm-js): hide for animation, IntersectionObserver reveals
   ══════════════════════════════════════════════════════════ */

/* ── Fade Up ────────────────────────────────────────────── */
.bm-js .bm-fade-up {
    opacity: 0 !important;
    transform: translateY(60px) !important;
    transition: opacity .85s cubic-bezier(.2,1,.3,1), transform .85s cubic-bezier(.2,1,.3,1) !important;
}
.bm-js .bm-fade-up.bm-in {
    opacity: 1 !important;
    transform: none !important;
}

/* ── Fade In ───────────────────────────────────────────── */
.bm-js .bm-fade-in {
    opacity: 0 !important;
    transition: opacity 1.1s ease !important;
}
.bm-js .bm-fade-in.bm-in {
    opacity: 1 !important;
}

/* ── Slide Left ────────────────────────────────────────── */
.bm-js .bm-slide-left {
    opacity: 0 !important;
    transform: translateX(-80px) !important;
    transition: opacity .9s cubic-bezier(.2,1,.3,1), transform .9s cubic-bezier(.2,1,.3,1) !important;
}
.bm-js .bm-slide-left.bm-in {
    opacity: 1 !important;
    transform: none !important;
}

/* ── Slide Right ───────────────────────────────────────── */
.bm-js .bm-slide-right {
    opacity: 0 !important;
    transform: translateX(80px) !important;
    transition: opacity .9s cubic-bezier(.2,1,.3,1), transform .9s cubic-bezier(.2,1,.3,1) !important;
}
.bm-js .bm-slide-right.bm-in {
    opacity: 1 !important;
    transform: none !important;
}

/* ── Scale In ──────────────────────────────────────────── */
.bm-js .bm-scale-in {
    opacity: 0 !important;
    transform: scale(.88) !important;
    transition: opacity .8s cubic-bezier(.2,1,.3,1), transform .8s cubic-bezier(.2,1,.3,1) !important;
}
.bm-js .bm-scale-in.bm-in {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* ── Staggered Children ────────────────────────────────── */
.bm-js .bm-stag > * {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: opacity .65s cubic-bezier(.2,1,.3,1), transform .65s cubic-bezier(.2,1,.3,1) !important;
}
.bm-js .bm-stag.bm-in > *:nth-child(1) { opacity: 1 !important; transform: none !important; transition-delay: .05s !important; }
.bm-js .bm-stag.bm-in > *:nth-child(2) { opacity: 1 !important; transform: none !important; transition-delay: .18s !important; }
.bm-js .bm-stag.bm-in > *:nth-child(3) { opacity: 1 !important; transform: none !important; transition-delay: .31s !important; }
.bm-js .bm-stag.bm-in > *:nth-child(4) { opacity: 1 !important; transform: none !important; transition-delay: .44s !important; }
.bm-js .bm-stag.bm-in > *:nth-child(5) { opacity: 1 !important; transform: none !important; transition-delay: .57s !important; }
.bm-js .bm-stag.bm-in > *:nth-child(6) { opacity: 1 !important; transform: none !important; transition-delay: .70s !important; }

/* ── Line Draw ─────────────────────────────────────────── */
.bm-js .bm-line-draw {
    width: 0 !important;
    transition: width 1.2s cubic-bezier(.2,1,.3,1) !important;
}
.bm-js .bm-line-draw.bm-in {
    width: 100% !important;
}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Mobile ≤ 768px
   ══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* ── Animations ────────────────────────────────────────── */
    .bm-js .bm-slide-left, .bm-js .bm-slide-right {
        transform: none !important;
        opacity: 0 !important;
    }
    .bm-js .bm-slide-left.bm-in, .bm-js .bm-slide-right.bm-in {
        opacity: 1 !important;
    }

    /* ── Hero ──────────────────────────────────────────────── */
    .bm-hero {
        min-height: 100svh !important;
    }
    .bm-hero .bm-hero-content {
        padding: 100px 0 72px !important;
    }
    .bm-hero h1 {
        font-size: clamp(36px, 11vw, 58px) !important;
        line-height: 1.0 !important;
    }
    .bm-hero .bm-hero-sub {
        font-size: 16px !important;
        max-width: 100% !important;
    }
    .bm-hero .wp-block-buttons {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .bm-hero .wp-block-button__link {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        clip-path: none !important;
        border-radius: 3px !important;
    }

    /* ── Quote ─────────────────────────────────────────────── */
    .bm-quote-section {
        padding: 56px 0 !important;
    }
    .bm-quote-inner {
        flex-direction: column !important;
        gap: 0 !important;
    }
    .bm-quote-mark {
        font-size: 80px !important;
        line-height: 1 !important;
        margin-bottom: -12px !important;
    }
    .bm-quote-text {
        font-size: clamp(20px, 5.5vw, 28px) !important;
    }

    /* ── Section Labels ────────────────────────────────────── */
    .bm-section-label {
        font-size: 12px !important;
        margin-bottom: 40px !important;
    }

    /* ── Services ──────────────────────────────────────────── */
    .bm-services-grid {
        grid-template-columns: 1fr !important;
    }
    .bm-l-card {
        padding: 40px 28px !important;
        min-height: auto !important;
    }
    .bm-l-card h3 {
        font-size: 22px !important;
    }
    .bm-l-card:hover {
        transform: translateY(-12px) scale(1.02) !important;
    }

    /* ── Stats ─────────────────────────────────────────────── */
    .bm-stats-section {
        padding: 88px 0 !important;
        clip-path: polygon(0 36px, 100% 0, 100% calc(100% - 36px), 0 100%) !important;
        margin: -36px 0 !important;
    }
    .bm-stats-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 48px 0 !important;
    }
    .bm-stat-item {
        padding: 0 16px !important;
    }
    .bm-stat-item:nth-child(2) {
        border-right: none !important;
    }
    .bm-stat-item:nth-child(3) {
        border-right: 1px solid rgba(255,255,255,.18) !important;
    }
    .bm-stat-num {
        font-size: clamp(36px, 10vw, 52px) !important;
    }

    /* ── Entry ─────────────────────────────────────────────── */
    .bm-entry-section {
        padding: 72px 0 !important;
    }
    .bm-entry-grid {
        grid-template-columns: 1fr !important;
    }

    /* ── Warum ─────────────────────────────────────────────── */
    .bm-warum-section {
        padding: 72px 0 !important;
    }
    .bm-warum-grid {
        grid-template-columns: 1fr !important;
        gap: 52px !important;
    }
    .bm-warum-head h2 {
        font-size: clamp(28px, 8vw, 40px) !important;
    }
    .bm-warum-head .wp-block-button__link {
        width: 100% !important;
        justify-content: center !important;
        clip-path: none !important;
        border-radius: 3px !important;
    }

    /* ── Story Split ───────────────────────────────────────── */
    .bm-story-split {
        flex-direction: column !important;
    }
    .bm-story-dark {
        flex: none !important;
        clip-path: none !important;
        padding: 56px 16px 44px !important;
    }
    .bm-story-dark-inner {
        padding-left: 0 !important;
        max-width: 100% !important;
    }
    .bm-story-dark h2 {
        font-size: clamp(28px, 7.8vw, 40px) !important;
    }
    .bm-story-dark p {
        font-size: 16px !important;
        max-width: 100% !important;
    }
    .bm-story-orange {
        margin-left: 0 !important;
        padding: 48px 16px 56px !important;
    }

    /* ── Diagonal Split ────────────────────────────────────── */
    .bm-diag-split {
        flex-direction: column !important;
    }
    .bm-diag-left {
        flex: none !important;
        clip-path: none !important;
        padding: 56px 16px 44px !important;
    }
    .bm-diag-left-inner {
        padding-left: 0 !important;
        max-width: 100% !important;
    }
    .bm-diag-left h2 {
        font-size: clamp(28px, 7.8vw, 40px) !important;
    }
    .bm-diag-right {
        margin-left: 0 !important;
        padding: 52px 24px 64px !important;
    }
    .bm-diag-right .wp-block-button__link {
        width: 100% !important;
        justify-content: center !important;
        clip-path: none !important;
        border-radius: 3px !important;
    }

    /* ── Audit ─────────────────────────────────────────────── */
    .bm-audit-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* ── Format ────────────────────────────────────────────── */
    .bm-format-section {
        padding: 72px 0 !important;
    }
    .bm-format-head {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .bm-format-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    /* ── Founder ───────────────────────────────────────────── */
    .bm-founder-section {
        padding: 72px 0 !important;
    }
    .bm-founder-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    .bm-founder-img {
        order: -1 !important;
    }
    .bm-founder-img img {
        height: 280px !important;
        width: 100% !important;
    }
    .bm-founder-text .wp-block-button__link {
        width: 100% !important;
        justify-content: center !important;
        clip-path: none !important;
        border-radius: 3px !important;
    }

    /* ── Kontakt ───────────────────────────────────────────── */
    .bm-kontakt-section {
        padding: 72px 0 !important;
    }
    .bm-kontakt-grid {
        grid-template-columns: 1fr !important;
        gap: 48px !important;
    }
    .bm-mailto-box {
        padding: 36px 24px !important;
    }
    .bm-mailto-box .wp-block-button__link {
        width: 100% !important;
        justify-content: center !important;
        clip-path: none !important;
        border-radius: 3px !important;
    }

    /* ── FAQ ───────────────────────────────────────────────── */
    .bm-faq-section {
        padding: 72px 0 !important;
    }

    /* ── Footer ────────────────────────────────────────────── */
    .bm-foot-inner {
        flex-direction: column !important;
        gap: 32px !important;
        align-items: flex-start !important;
    }

    /* ── Containers ────────────────────────────────────────── */
    .bm-entry-container,
    .bm-warum-container,
    .bm-audit-container,
    .bm-format-container,
    .bm-founder-container,
    .bm-kontakt-container {
        padding: 0 24px !important;
    }
}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Small Mobile ≤ 480px
   ══════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
    .bm-hero h1 {
        font-size: clamp(32px, 12vw, 48px) !important;
    }

    .bm-stats-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .bm-stat-item:nth-child(3) {
        border-right: none !important;
    }

    .bm-format-grid {
        grid-template-columns: 1fr !important;
    }

    .bm-story-dark h2,
    .bm-diag-left h2 {
        white-space: normal !important;
        font-size: clamp(26px, 7.2vw, 34px) !important;
    }
}

/* ══════════════════════════════════════════════════════════
   EDITOR STYLES — Gutenberg Editing Context
   ══════════════════════════════════════════════════════════ */

.editor-styles-wrapper {
    background: #000 !important;
}

.editor-styles-wrapper .bm-hero {
    min-height: 50vh !important;
}

.editor-styles-wrapper .bm-services-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 3px !important;
}

.editor-styles-wrapper .bm-l-card {
    padding: 30px 24px !important;
    min-height: 200px !important;
}

.editor-styles-wrapper .bm-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
}

.editor-styles-wrapper .bm-entry-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1px !important;
}

.editor-styles-wrapper .bm-warum-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 96px !important;
}

.editor-styles-wrapper .bm-audit-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
}

.editor-styles-wrapper .bm-format-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1px !important;
}

.editor-styles-wrapper .bm-founder-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 72px !important;
}

.editor-styles-wrapper .bm-kontakt-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.4fr !important;
    gap: 80px !important;
}

.editor-styles-wrapper .bm-story-split {
    display: flex !important;
    min-height: 400px !important;
}

.editor-styles-wrapper .bm-diag-split {
    display: flex !important;
    min-height: 400px !important;
}

.editor-styles-wrapper .is-style-brand-stripe {
    height: 3px !important;
    background: var(--bm-grad) !important;
}

.editor-styles-wrapper .bm-quote-section {
    background: #000 !important;
    padding: 60px 24px !important;
}

.editor-styles-wrapper .bm-entry-section,
.editor-styles-wrapper .bm-warum-section,
.editor-styles-wrapper .bm-format-section,
.editor-styles-wrapper .bm-founder-section,
.editor-styles-wrapper .bm-kontakt-section {
    padding: 60px 0 !important;
}