/* Barolo: offenes Editorial auf der vorhandenen dunklen Majolika-Wand. */
.barolo-event{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(2rem,4vw,3.5rem) 0;border-block:1px solid rgba(201,163,73,.38);background:transparent;color:#f7f1e4}
.barolo-poster{display:block;width:100%;max-width:440px;margin:0 auto;box-shadow:0 16px 44px rgba(0,10,20,.28);outline:1px solid rgba(201,163,73,.38);outline-offset:7px}
.barolo-poster img{display:block;width:100%;height:auto}
.barolo-poster:focus-visible{outline:3px solid var(--kunde-gelb);outline-offset:8px}
.barolo-copy{min-width:0;max-width:36rem}
.barolo-copy .eyebrow{line-height:1.8;letter-spacing:.18em;margin-bottom:1.2rem}
.barolo-copy .title{font-size:clamp(2.6rem,4.8vw,4.3rem);margin-bottom:.5rem;color:var(--kunde-gelb);text-shadow:none}
.barolo-copy .barolo-subtitle{font-family:var(--display);font-style:italic;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25;color:#f7f1e4;margin:.5rem 0 1.6rem}
.barolo-copy>p{line-height:1.75;color:rgba(247,241,228,.85)}
.barolo-copy .barolo-price{font-family:var(--display);font-size:clamp(2.6rem,4vw,3.5rem);line-height:1.15;color:var(--kunde-gelb);margin:1.8rem 0 1.3rem;padding-top:1.3rem;border-top:1px solid rgba(201,163,73,.28)}
.barolo-price span{font-family:var(--body);font-size:.9rem;color:rgba(247,241,228,.78);margin-left:.35rem}
.barolo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}
.barolo-actions .btn{white-space:normal;text-align:center}
.barolo-actions .btn--fill{background:var(--kunde-gelb);border-color:var(--kunde-gelb);color:var(--blu);box-shadow:none}
.barolo-actions .btn--ink{background:transparent;border-color:rgba(247,241,228,.55);color:#f7f1e4}
.barolo-actions .btn:hover,.barolo-actions .btn:focus-visible{background:#f7f1e4;border-color:#f7f1e4;color:var(--blu)}
@media(max-width:700px){.barolo-event{grid-template-columns:minmax(0,1fr);gap:2.3rem}.barolo-poster{width:calc(100% - 16px);max-width:360px}.barolo-actions{align-items:stretch;flex-direction:column}.barolo-copy .eyebrow{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.barolo-actions .btn{transition:none;transform:none}}