.bm-page-index .bm50-hero{background:linear-gradient(135deg,#f5efe7,#e6d6c7);padding:clamp(56px,7vw,110px) 0 68px}
.bm-page-index .bm50-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(25px,5vw,72px);align-items:center}
.bm-page-index .bm50-kicker{display:block;color:#a65a40;font-size:.72rem;font-weight:750;letter-spacing:.17em;margin-bottom:17px}
.bm-page-index .bm50-hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.06;letter-spacing:-.055em;margin:0 0 23px;max-width:780px;color:#302823}
.bm-page-index .bm50-hero h1 em,.bm-page-index .bm50-studio h2 em,.bm-page-index .bm50-about h2 em{font-style:normal;color:#b87758}
.bm-page-index .bm50-hero-copy>p{max-width:530px;line-height:1.75;color:#63544a;font-size:1.05rem}
.bm-page-index .bm50-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.bm-page-index .bm50-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border-radius:999px;font-size:.91rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.bm-page-index .bm50-btn:hover{transform:translateY(-2px)}
.bm-page-index .bm50-btn-primary{background:#b87758;color:#fff}
.bm-page-index .bm50-btn-outline{border:1px solid #b87758;color:#302823;background:transparent}
.bm-page-index .bm50-hero-visual{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 26px 55px #45302222;min-height:330px;background:#d5bca5}
.bm-page-index .bm50-hero-visual img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.bm-page-index .bm50-visual-tag{position:absolute;bottom:18px;left:18px;padding:10px 15px;background:#f5efe7e8;border-radius:999px;color:#302823;font-size:.8rem;font-weight:700}
.bm-page-index .bm50-services,.bm-page-index .bm50-reference,.bm-page-index .bm50-process{background:#f7f1eb}
.bm-page-index .bm50-section-heading{max-width:730px;margin-bottom:30px}
.bm-page-index .bm50-section-heading h2,.bm-page-index .bm50-studio h2,.bm-page-index .bm50-about h2,.bm-page-index .bm50-cta h2{font-size:clamp(2rem,3.6vw,3.5rem);letter-spacing:-.045em;line-height:1.13;margin:0 0 15px;color:#302823}
.bm-page-index .bm50-section-heading p{line-height:1.65;color:#6b5b50}
.bm-page-index .bm50-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bm-page-index .bm50-service-card{position:relative;display:block;text-decoration:none;background:#fffaf6;padding:25px 22px 55px;border:1px solid #e9ddd2;border-radius:16px;box-shadow:0 6px 22px #30282309;transition:transform .2s,box-shadow .2s}
.bm-page-index .bm50-service-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #30282315}
.bm-page-index .bm50-card-icon{color:#b87758;font-size:2rem;line-height:1}
.bm-page-index .bm50-service-card h3{font-size:1.16rem;margin:23px 0 9px;color:#302823}
.bm-page-index .bm50-service-card p{font-size:.91rem;line-height:1.6;color:#6b5b50;margin:0}
.bm-page-index .bm50-card-arrow{position:absolute;right:20px;bottom:18px;color:#b87758}
.bm-page-index .bm50-text-link{display:inline-block;margin-top:24px;color:#a65a40;text-underline-offset:5px;font-weight:700}
.bm-page-index .bm50-studio{background:#e9dacc}
.bm-page-index .bm50-studio-grid,.bm-page-index .bm50-ref-grid,.bm-page-index .bm50-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,80px);align-items:center}
.bm-page-index .bm50-studio-art img,.bm-page-index .bm50-ref-image img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 15px 40px #3028231a}
.bm-page-index .bm50-studio-copy>p,.bm-page-index .bm50-ref-copy>p,.bm-page-index .bm50-about-grid p{line-height:1.8;color:#625348}
.bm-page-index .bm50-studio-features{display:grid;gap:11px;margin:25px 0;color:#302823;font-weight:700;font-size:.92rem}
.bm-page-index .bm50-ref-copy h3{font-size:clamp(1.6rem,2.8vw,2.5rem);letter-spacing:-.04em;margin:0 0 12px}
.bm-page-index .bm50-about{background:#eee1d5}
.bm-page-index .bm50-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.bm-page-index .bm50-process-grid>div{border-top:1px solid #cdb9a7;padding-top:20px}
.bm-page-index .bm50-process-grid span{color:#b87758;font-weight:750}
.bm-page-index .bm50-process-grid h3{font-size:1.12rem;margin:12px 0 7px}
.bm-page-index .bm50-process-grid p{font-size:.9rem;line-height:1.65;color:#63544a}
.bm-page-index .bm50-cta{background:#302823;color:#f7efe6}
.bm-page-index .bm50-cta .bm50-kicker{color:#d4a17f}
.bm-page-index .bm50-cta h2{color:#f7efe6}
.bm-page-index .bm50-cta p{color:#e2d1c4}
.bm-page-index .bm50-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}
.bm-page-index .bm50-cta .bm50-btn{flex-shrink:0}
@media(max-width:960px){.bm-page-index .bm50-service-grid,.bm-page-index .bm50-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bm-page-index .bm50-hero-grid{grid-template-columns:1fr}.bm-page-index .bm50-hero-visual{max-height:390px}.bm-page-index .bm50-hero-visual img{max-height:390px}}
@media(max-width:680px){.bm-page-index .bm50-hero{padding:45px 0}.bm-page-index .bm50-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bm-page-index .bm50-service-card{padding:18px 15px 45px}.bm-page-index .bm50-service-card h3{font-size:1rem}.bm-page-index .bm50-service-card p{font-size:.82rem}.bm-page-index .bm50-studio-grid,.bm-page-index .bm50-ref-grid,.bm-page-index .bm50-about-grid{grid-template-columns:1fr}.bm-page-index .bm50-process-grid{grid-template-columns:1fr 1fr}.bm-page-index .bm50-cta-grid{flex-direction:column;align-items:flex-start}.bm-page-index .bm50-hero-visual,.bm-page-index .bm50-hero-visual img{min-height:220px}.bm-page-index .bm50-actions{flex-direction:column;align-items:stretch}.bm-page-index .bm50-actions .bm50-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.bm-page-index .bm50-btn,.bm-page-index .bm50-service-card{transition:none}.bm-page-index .bm50-btn:hover,.bm-page-index .bm50-service-card:hover{transform:none}}

/* BRUHN MEDIA V2: persönlicher Startseitenabschnitt */
.bm-page-index .bm50-about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
.bm-page-index .bm50-about-intro h2{max-width:540px}
.bm-page-index .bm50-about-lead{font-size:clamp(1rem,1.35vw,1.16rem);max-width:490px}
.bm-page-index .bm50-about-person{display:grid;grid-template-columns:clamp(105px,13vw,170px) minmax(0,1fr);gap:clamp(16px,2.5vw,30px);align-items:center;padding:clamp(18px,3vw,30px);background:rgba(255,255,255,.46);border:1px solid rgba(100,70,55,.12);border-radius:22px}
.bm-page-index .bm50-about-person img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:16px;display:block}
.bm-page-index .bm50-about-name{display:block;font-weight:700;color:#302823;margin-bottom:8px}
.bm-page-index .bm50-about-name span{font-weight:400;color:#79665b}
.bm-page-index .bm50-about-person-copy p{margin:0 0 15px}
@media(max-width:900px){.bm-page-index .bm50-about-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.bm-page-index .bm50-about-person{grid-template-columns:1fr}.bm-page-index .bm50-about-person img{width:124px}.bm-page-index .bm50-about-person-copy p{line-height:1.65}}

/* V6: stabiler Portraetbereich auf Desktop, Tablet und Smartphone.
   Bildabmessungen bewusst festgelegt, um Grid-Stretching zu verhindern. */
.bm-page-index .bm50-about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
.bm-page-index .bm50-about-person{min-width:0;min-height:0;grid-template-columns:minmax(0,160px) minmax(0,1fr);align-items:center;align-self:center;height:auto;max-height:none}
.bm-page-index .bm50-about-person>img{display:block;width:160px;max-width:100%;height:190px;min-height:0;max-height:190px;aspect-ratio:auto;object-fit:cover;object-position:center 35%;align-self:center;border-radius:16px}
.bm-page-index .bm50-about-person-copy{min-width:0;overflow-wrap:break-word}
@media(max-width:1100px){.bm-page-index .bm50-about-grid{grid-template-columns:1fr;gap:30px}.bm-page-index .bm50-about-person{max-width:760px}}
@media(max-width:600px){.bm-page-index .bm50-about-person{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}.bm-page-index .bm50-about-person>img{width:150px;height:170px;max-height:170px}.bm-page-index .bm50-about-person-copy{width:100%}}