/* SaaleSpa · Gutscheinvorschau als Glanzkarte (Neigung und Lichtreflex) */
.voucher-preview{perspective:1100px}
.voucher-paper{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.1,1),box-shadow .5s;will-change:transform;
 box-shadow:0 30px 60px -30px rgba(0,0,0,.7),0 0 0 1px rgba(217,187,135,.15)}
.voucher-paper.is-tilt{transition:transform .08s linear,box-shadow .3s}
.voucher-glanz{position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;
 background:radial-gradient(420px 260px at var(--gx,50%) var(--gy,30%),rgba(255,244,214,.75),rgba(255,244,214,0) 60%)}
.voucher-paper.is-tilt .voucher-glanz{opacity:1}
.voucher-paper.is-neu{animation:vNeu 1.1s cubic-bezier(.2,.7,.1,1)}
@keyframes vNeu{0%{transform:rotateY(0)}35%{transform:rotateY(-9deg) rotateX(3deg)}100%{transform:rotateY(0)}}
@media (hover:none){.voucher-paper{animation:vWiegen 7s ease-in-out infinite}}
@keyframes vWiegen{0%,100%{transform:rotateY(-4deg) rotateX(2deg)}50%{transform:rotateY(4deg) rotateX(-1deg)}}
@media (prefers-reduced-motion:reduce){.voucher-paper{animation:none!important;transform:none!important}}
/* Korrektur 23.10.: Überschrift „Gutschein“ auch am Handy hell auf der dunklen Karte */
.voucher-paper h3{color:#f4f3ef!important;-webkit-text-fill-color:#f4f3ef}