/* BUMER CH Aktionen – standalone, scoped styles */
.bpc-root{--bpc-green:#4f6e5b;--bpc-ink:#25362d;--bpc-line:#e2e9e3;--bpc-muted:#65746a;box-sizing:border-box;width:var(--bpc-target-width, 100%)!important;max-width:none!important;position:relative;left:var(--bpc-shift, 0px);transform:none;margin:18px 0 32px!important;padding:0!important;background:transparent!important;color:var(--bpc-ink);font-family:inherit;clear:both;isolation:isolate}
.bpc-root *, .bpc-root *::before,.bpc-root *::after{box-sizing:border-box}
.bpc-root .bpc-container{width:100%;max-width:none;margin:0 auto;padding:0}
.bpc-root .bpc-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 20px}
.bpc-root .bpc-section-kicker{display:block;margin:0 0 7px;color:#668071;font-weight:800;font-size:11px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}
.bpc-root .bpc-section-head h2{margin:0;color:var(--bpc-ink);font-size:clamp(25px,2.4vw,37px);font-weight:750;line-height:1.15;letter-spacing:-.025em}
.bpc-root .bpc-controls{display:flex;gap:8px;flex:none}
.bpc-root .bpc-controls button{width:38px;height:38px;border:1px solid #d5dfd7;border-radius:50%;background:#fff!important;color:var(--bpc-green)!important;font-size:27px;line-height:1;padding:0;cursor:pointer;transition:background .2s,border-color .2s}
.bpc-root .bpc-controls button:hover:not(:disabled){background:#edf5ee!important;border-color:var(--bpc-green)}
.bpc-root .bpc-controls button:disabled{opacity:.35;cursor:default}
.bpc-root .bpc-track{display:grid;gap:20px;min-width:0;scrollbar-width:thin}
.bpc-root.bpc-single .bpc-track{grid-template-columns:minmax(0,1fr)}
.bpc-root.bpc-two .bpc-track{grid-template-columns:repeat(2,minmax(0,1fr))}
.bpc-root.bpc-three .bpc-track{grid-template-columns:repeat(3,minmax(0,1fr))}
.bpc-root.bpc-carousel .bpc-track{grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:1px 1px 12px;scroll-behavior:smooth}
.bpc-root .bpc-card{min-width:0;margin:0;border:1px solid var(--bpc-line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 30px rgba(28,46,31,.055);transition:box-shadow .18s,transform .18s}
.bpc-root .bpc-card:hover{box-shadow:0 12px 34px rgba(28,46,31,.12);transform:translateY(-2px)}
.bpc-root .bpc-link{display:flex;flex-direction:column;width:100%;height:100%;color:inherit!important;text-decoration:none!important;border:0!important;outline-offset:4px;box-shadow:none!important}
.bpc-root .bpc-link:hover{text-decoration:none!important}
.bpc-root .bpc-media{position:relative;width:100%;aspect-ratio:4/3;background:linear-gradient(145deg,#d9e5db,#506e5b);overflow:hidden}
.bpc-root .bpc-media .bpc-photo{width:100%!important;height:100%!important;max-width:none!important;display:block;object-fit:contain;object-position:center;margin:0;padding:0;border:0;transition:transform .28s}
.bpc-root .bpc-card:hover .bpc-photo{transform:scale(1.025)}
.bpc-root .bpc-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:40px;letter-spacing:.12em;opacity:.65}
.bpc-root .bpc-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:23px 24px 24px}
.bpc-root .bpc-item-kicker{color:var(--bpc-green);font-size:11px;letter-spacing:.09em;font-weight:800;text-transform:uppercase;line-height:1.5;margin-bottom:8px}
.bpc-root .bpc-copy h3{color:var(--bpc-ink);font-weight:750;font-size:clamp(18px,1.38vw,22px);line-height:1.3;letter-spacing:-.017em;margin:0 0 10px}
.bpc-root .bpc-copy p{color:#56665b;font-size:14px;line-height:1.65;margin:0 0 18px;max-width:60ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.bpc-root .bpc-cta{display:inline-flex;align-items:center;gap:14px;margin-top:auto;font-weight:750;color:var(--bpc-green);font-size:14px;line-height:1.5}
.bpc-root .bpc-cta span{font-size:19px;line-height:1;transition:transform .2s}
.bpc-root .bpc-link:hover .bpc-cta span{transform:translateX(4px)}
.bpc-root .bpc-card{scroll-snap-align:start}
.bpc-root.bpc-single .bpc-link{display:grid;grid-template-columns:46% minmax(0,1fr);min-height:350px}
.bpc-root.bpc-single .bpc-media{aspect-ratio:auto;height:100%;min-height:350px}
.bpc-root.bpc-single .bpc-copy{padding:clamp(25px,4vw,58px);justify-content:center}
.bpc-root.bpc-single .bpc-copy h3{font-size:clamp(25px,2.65vw,40px);line-height:1.18;margin-bottom:16px}
.bpc-root.bpc-single .bpc-copy p{font-size:clamp(15px,1.15vw,17px);-webkit-line-clamp:6;margin-bottom:24px}
.bpc-root.bpc-single .bpc-cta{margin-top:0}
@media(max-width:850px){.bpc-root.bpc-single .bpc-link{grid-template-columns:45% 55%;min-height:290px}.bpc-root.bpc-single .bpc-media{min-height:290px}.bpc-root.bpc-three .bpc-track{grid-template-columns:repeat(2,minmax(0,1fr))}.bpc-root.bpc-carousel .bpc-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:640px){.bpc-root{margin:14px 0 26px!important}.bpc-root .bpc-container{width:100%}.bpc-root .bpc-section-head{margin-bottom:14px}.bpc-root .bpc-section-head h2{font-size:26px}.bpc-root .bpc-controls button{width:33px;height:33px;font-size:23px}.bpc-root.bpc-single .bpc-link{display:flex;flex-direction:column;min-height:0}.bpc-root.bpc-single .bpc-media{aspect-ratio:5/4;min-height:0;height:auto}.bpc-root.bpc-single .bpc-copy{padding:20px 20px 24px}.bpc-root.bpc-single .bpc-copy h3{font-size:22px;margin-bottom:10px}.bpc-root.bpc-single .bpc-copy p{font-size:14px;margin-bottom:16px}.bpc-root.bpc-two .bpc-track,.bpc-root.bpc-three .bpc-track,.bpc-root.bpc-carousel .bpc-track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(86vw,350px);gap:13px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1px 1px 10px}.bpc-root .bpc-copy{padding:18px}.bpc-root .bpc-copy h3{font-size:18px}.bpc-root .bpc-copy p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4}.bpc-root .bpc-card{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.bpc-root .bpc-track{scroll-behavior:auto!important}.bpc-root *{transition:none!important}}

/* V1.2: Match hero/USP container edges. Consistent image ratio on every device.
 * Landscape promotional artworks should be 1600x1000 (16:10) to fill the media area
 * WITHOUT cropping promotional text, so object-fit remains 'contain'. */
.bpc-root:not(.bpc-single) .bpc-media{aspect-ratio:8/5}
@media(min-width:1100px){.bpc-root:not(.bpc-single) .bpc-track{gap:20px}}
