/* WEINRECHT Werbeslider – Corporate „Recht im Wein." */
.wr-slider-wrap{
  --wr-cream:#F6F0DF; --wr-olive:#5E6A42; --wr-oliveD:#46512F; --wr-bronze:#A98A55; --wr-ink:#2C2A20;
  max-width:600px; margin:0 auto;
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; box-sizing:border-box;
}
.wr-slider-wrap *{box-sizing:border-box;}
.wr-slider{position:relative; width:100%; aspect-ratio:1/1; border-radius:16px; overflow:hidden;
  background:var(--wr-cream); box-shadow:0 10px 30px rgba(44,42,32,.16); border:1px solid rgba(94,106,66,.18);}
.wr-track{position:absolute; inset:0;}
.wr-slide{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:opacity .8s ease; text-decoration:none;}
.wr-slide.is-active{opacity:1; visibility:visible;}
.wr-slide img{width:100%; height:100%; object-fit:cover; display:block; margin:0; border:0; border-radius:0; box-shadow:none;}
.wr-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:44px;
  border:none; border-radius:50%; cursor:pointer; background:var(--wr-oliveD); color:#fff;
  font-size:22px; line-height:44px; text-align:center; transition:background .2s, opacity .2s; opacity:1;}
.wr-arrow:hover{background:var(--wr-oliveD); opacity:1;}
.wr-arrow:focus-visible{outline:3px solid var(--wr-bronze); outline-offset:2px;}
.wr-prev{left:12px;} .wr-next{right:12px;}
.wr-dots{display:flex; gap:9px; justify-content:center; align-items:center; padding:14px 0 2px; flex-wrap:wrap;}
.wr-dot{width:28px; height:28px; border-radius:50%; border:none; cursor:pointer; padding:0;
  background:transparent; position:relative;}
.wr-dot::before{content:"";position:absolute;inset:8px;border-radius:50%;background:rgba(94,106,66,.38);transition:background .2s,transform .2s;}
.wr-dot:hover::before{background:rgba(94,106,66,.7);}
.wr-dot.is-active::before{background:var(--wr-olive);transform:scale(1.25);}
.wr-dot:focus-visible{outline:3px solid var(--wr-bronze); outline-offset:2px;}
.wr-progress{position:absolute; left:0; bottom:0; height:4px; width:0; background:var(--wr-bronze); z-index:3;}
@media (max-width:480px){ .wr-arrow{width:44px;height:44px;line-height:44px;font-size:19px;} }
@media (prefers-reduced-motion:reduce){ .wr-slide{transition:none;} .wr-progress{display:none;} }