
:root{--bm5-cream:#f5efe7;--bm5-sand:#e4d4c4;--bm5-copper:#b87758;--bm5-ink:#302823;--bm5-line:#dfd3c8;--bm5-radius:22px}
body{color:var(--bm5-ink)}
main>.page-hero{background:linear-gradient(145deg,#f4ebe2 0%,#e8d8c9 100%);border-radius:0 0 32px 32px;padding-block:clamp(70px,8vw,128px)}
main>.page-hero .container{max-width:1180px}
main>.page-hero h1{max-width:900px;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}
main>.page-hero .lead{max-width:750px;line-height:1.7}
main .section>.container,main .bm-service-section>.container{max-width:1180px}
main :is(.card,.price-card,.bm49-card,.bm491-showcase-card,.bm-service-overview article){border-radius:var(--bm5-radius)}
main :is(.btn,.button,.bm-studio-cta){transition:transform .2s ease,box-shadow .2s ease}
main :is(.btn,.button,.bm-studio-cta):hover{transform:translateY(-2px)}
main :is(a,button,input,select,textarea):focus-visible{outline:3px solid #b87758;outline-offset:3px}
.bm5-studio{background:var(--bm5-cream);color:var(--bm5-ink)}
.bm5-studio .bm5-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.bm5-studio .bm5-section{padding:clamp(65px,8vw,115px) 0}
.bm5-studio .bm5-eyebrow{display:block;font-size:.77rem;letter-spacing:.16em;font-weight:800;color:#b87758;margin-bottom:14px}
.bm5-studio h1,.bm5-studio h2,.bm5-studio h3{letter-spacing:-.045em;line-height:1.12}
.bm5-studio h1{font-size:clamp(2.8rem,6vw,5.5rem);max-width:900px}
.bm5-studio h2{font-size:clamp(2rem,4.5vw,3.65rem);margin:0 0 20px}
.bm5-studio h3{font-size:clamp(1.3rem,2vw,1.75rem);margin:0 0 12px}
.bm5-studio p{line-height:1.75;max-width:690px}
.bm5-studio .bm5-hero{background:#29231f;color:#f7efe6;padding:clamp(85px,11vw,160px) 0;position:relative;overflow:hidden}
.bm5-studio .bm5-hero:after{content:'';position:absolute;right:-8%;top:6%;width:min(40vw,500px);aspect-ratio:1;border:2px solid #b8775866;border-radius:48% 52% 62% 38%;transform:rotate(-25deg);box-shadow:0 0 0 40px #b8775812,0 0 0 100px #b8775808;pointer-events:none}
.bm5-studio .bm5-hero .bm5-wrap{position:relative;z-index:1}
.bm5-studio .bm5-hero p{color:#dfd0c4;font-size:clamp(1rem,1.6vw,1.2rem)}
.bm5-studio .bm5-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bm5-studio .bm5-action{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:100px;background:#b87758;color:#fff;text-decoration:none;font-weight:750}
.bm5-studio .bm5-action.alt{background:transparent;border:1px solid currentColor;color:inherit}
.bm5-studio .bm5-intro{margin-bottom:35px}
.bm5-studio .bm5-panel{background:#fff;border:1px solid #e7dcd1;border-radius:26px;padding:clamp(20px,3vw,38px);box-shadow:0 14px 40px #3028230a}
.bm5-studio .bm5-lab-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:25px;align-items:stretch}
.bm5-studio .bm5-preview{background:var(--preview-bg,#f5efe7);color:var(--preview-ink,#302823);border-radius:var(--preview-radius,20px);padding:clamp(22px,4vw,45px);min-height:370px;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,color .25s,border-radius .25s}
.bm5-studio .bm5-preview h3{font-size:clamp(2rem,3.7vw,3.5rem);font-family:var(--preview-font,inherit);max-width:440px}
.bm5-studio .bm5-preview p{color:inherit;opacity:.8}
.bm5-studio .bm5-preview .bm5-demo-btn{background:var(--preview-accent,#b87758);color:#fff;display:inline-block;padding:12px 20px;border-radius:100px;font-size:.85rem;font-weight:700}
.bm5-studio .bm5-control{border:0;padding:0;margin:0 0 25px;min-width:0}
.bm5-studio .bm5-control legend{font-weight:800;margin-bottom:10px}
.bm5-studio .bm5-choice{display:flex;flex-wrap:wrap;gap:9px}
.bm5-studio button.bm5-option{border:1px solid #cbb8a9;background:#fff;color:#302823;padding:10px 14px;border-radius:12px;cursor:pointer;font:inherit;font-size:.87rem}
.bm5-studio button.bm5-option[aria-pressed=true]{border-color:#b87758;background:#f3e5d9;box-shadow:inset 0 0 0 1px #b87758}
.bm5-studio .bm5-compare-area{background:#29231f;color:#f7efe6}
.bm5-studio .bm5-compare{position:relative;overflow:hidden;border-radius:20px;height:clamp(300px,40vw,450px);isolation:isolate}
.bm5-studio .bm5-site{position:absolute;inset:0;padding:clamp(22px,4vw,50px);display:flex;flex-direction:column;justify-content:center}
.bm5-studio .bm5-site.old{background:#d5d9dd;color:#414b56;font-family:Arial,sans-serif}
.bm5-studio .bm5-site.new{background:#eee0d1;color:#302823;clip-path:inset(0 0 0 var(--split,50%))}
.bm5-studio .bm5-site h3{font-size:clamp(1.5rem,4vw,3.5rem);max-width:650px}
.bm5-studio .bm5-site .bm5-site-label{font-weight:800;letter-spacing:.13em;font-size:.75rem;margin-bottom:25px}
.bm5-studio .bm5-divider{position:absolute;top:0;bottom:0;left:var(--split,50%);width:3px;background:#fff;box-shadow:0 0 0 1px #30282330;pointer-events:none}
.bm5-studio .bm5-divider:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#302823;font-size:1.4rem;box-shadow:0 6px 20px #0003}
.bm5-studio input[type=range]{width:100%;accent-color:#b87758;margin-top:22px;cursor:ew-resize}
.bm5-studio .bm5-brand-grid{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:25px}
.bm5-studio .bm5-brandboard{background:var(--brand-bg,#f5efe7);color:var(--brand-ink,#302823);border-radius:22px;padding:clamp(25px,4vw,50px);min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.bm5-studio .bm5-brandboard h3{font-size:clamp(2rem,4vw,3.7rem);overflow-wrap:anywhere}
.bm5-studio .bm5-palette{display:flex;gap:8px;margin-top:25px}
.bm5-studio .bm5-palette span{flex:1;height:40px;border-radius:9px;border:1px solid #8884}
.bm5-studio .bm5-name{width:100%;border:1px solid #cbb8a9;border-radius:12px;padding:13px;font:inherit;margin-bottom:18px}
.bm5-studio .bm5-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bm5-studio .bm5-art{aspect-ratio:4/3;border-radius:20px;padding:25px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800;letter-spacing:-.06em}
.bm5-studio .bm5-gallery article:nth-child(1) .bm5-art{background:#29231f;color:#f5efe7}
.bm5-studio .bm5-gallery article:nth-child(2) .bm5-art{background:#e0d3c4;color:#426b5b}
.bm5-studio .bm5-gallery article:nth-child(3) .bm5-art{background:#b87758;color:#fff}
.bm5-studio .bm5-gallery article{min-width:0}
.bm5-studio .bm5-gallery h3{margin-top:20px}
.bm5-studio .bm5-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:45px}
.bm5-studio .bm5-step{padding-top:25px;border-top:2px solid #b87758}
.bm5-studio .bm5-step b{font-size:1.6rem;color:#b87758}
.bm5-studio .bm5-cta{background:#29231f;color:#f7efe6}
.bm5-studio .bm5-cta p{color:#e1d4c8}
.bm5-studio .bm5-note{font-size:.82rem;opacity:.7;margin-top:18px}
@media(max-width:760px){.bm5-studio .bm5-lab-grid,.bm5-studio .bm5-brand-grid{grid-template-columns:1fr}.bm5-studio .bm5-gallery,.bm5-studio .bm5-steps{grid-template-columns:1fr}.bm5-studio .bm5-hero:after{opacity:.3}.bm5-studio .bm5-wrap{width:min(100% - 28px,1180px)}.bm5-studio .bm5-section{padding:65px 0}.bm5-studio .bm5-panel{padding:18px}.bm5-studio .bm5-site{padding:22px}}
@media(prefers-reduced-motion:reduce){.bm5-studio *,main :is(.btn,.button,.bm-studio-cta){animation:none!important;transition:none!important;scroll-behavior:auto!important}}

main .bm5-studio h1,main .bm5-studio h2,main .bm5-studio h3,
main .bm50-about h2{hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance}
main .bm5-studio .bm5-hero h1{font-size:clamp(2.5rem,5.1vw,4.7rem);max-width:1080px;line-height:1.13}
main .bm50-about h2{font-size:clamp(2rem,3.35vw,3.4rem);line-height:1.18}

.bm5-studio .bm5-brandboard{transition:background-color .22s,color .22s,border-radius .22s}
.bm5-studio[data-mood="minimal"] .bm5-brandboard{border-radius:3px;box-shadow:none}
.bm5-studio[data-mood="minimal"] .bm5-brandboard h3{font-weight:500;letter-spacing:-.025em;text-transform:uppercase}
.bm5-studio[data-mood="minimal"] .bm5-palette span{border-radius:1px}
.bm5-studio[data-mood="creative"] .bm5-brandboard{border-radius:44px 8px 44px 8px;box-shadow:inset 0 0 0 3px var(--brand-accent,#b87758)}
.bm5-studio[data-mood="creative"] .bm5-brandboard h3{font-weight:900;font-style:italic;letter-spacing:-.075em;transform:rotate(-2deg);transform-origin:left center}
.bm5-studio[data-mood="creative"] .bm5-palette span{border-radius:40px 6px 40px 6px}
@media(max-width:600px){main .bm5-studio .bm5-hero h1{font-size:clamp(2.2rem,9vw,3.5rem)}main .bm50-about h2{font-size:clamp(2rem,8vw,3rem)}}
/* Erlebnisstudio V2 enhancements */
.bm5-studio .bm5-name-label{display:block;font-weight:750;margin:0 0 10px;color:var(--bm5-ink)}
.bm5-studio .bm5-name-input{width:100%;max-width:100%;border:1px solid #d9c7b8;border-radius:12px;background:#fffaf5;color:#302823;padding:14px 16px;font:inherit;margin:0 0 22px;box-sizing:border-box}
.bm5-studio .bm5-name-input:focus-visible,.bm5-studio .bm5-industry-bar button:focus-visible,.bm5-studio .bm5-reset:focus-visible{outline:3px solid #b87758;outline-offset:3px}
.bm5-studio .bm5-industry-bar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 26px}
.bm5-studio .bm5-industry-bar button,.bm5-studio .bm5-reset{font:inherit;cursor:pointer;border:1px solid #cda98f;border-radius:999px;background:#fff9f2;color:#573a2b;padding:11px 18px;font-weight:650;transition:background .18s,border-color .18s}
.bm5-studio .bm5-industry-bar button[aria-pressed=true]{background:#a75d3d;color:#fff;border-color:#a75d3d}
.bm5-studio .bm5-reset{margin-top:18px;background:transparent}
.bm5-studio .bm5-studio-note{font-size:.87rem;opacity:.75;margin-top:18px}
.bm5-studio .bm5-studio-tip{font-size:.9rem;opacity:.85}
@media(max-width:600px){.bm5-studio .bm5-industry-bar{gap:8px}.bm5-studio .bm5-industry-bar button{padding:10px 12px;font-size:.88rem}}
