/* Kundenpräsente: warme, repräsentative Bildwelt mit materialgenauer Logo-Vorschau. */
.customer-gifts-page {
  --customer-wine: #7c2938;
  --customer-wine-dark: #5f1f2b;
  --customer-forest: #29433c;
  --customer-cream: #f8f3ec;
  --customer-line: #ded5ca;
}

.customer-gifts-page .employee-gallery-section,
.customer-gifts-page .employee-choice {
  width: 100%;
}

.customer-gifts-page .employee-gallery-section {
  background: linear-gradient(180deg, #fff 0%, #fff 44%, #fbf8f3 100%);
}
.customer-gifts-page .employee-gallery-head > div:first-child > .eyebrow,
.customer-gifts-page .employee-gallery-card > div:last-child > span {
  color: #967d70;
}
.customer-gifts-page .employee-logo-note {
  border-left-color: var(--customer-wine);
  background: #f6f0e9;
}
.customer-gifts-page .employee-gallery-card {
  border-color: var(--customer-line);
  background: var(--customer-cream);
  box-shadow: 0 0 0 rgba(41, 67, 60, 0);
  transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}
.customer-gifts-page .employee-gallery-card:hover,
.customer-gifts-page .employee-gallery-card:focus-within,
.customer-gifts-page .employee-gallery-card.is-active {
  border-color: rgba(124, 41, 56, .42);
  box-shadow: 0 18px 42px rgba(56, 40, 31, .11);
}
.customer-gifts-page .employee-gallery-card > div:last-child {
  background: linear-gradient(145deg, #fbf8f3, #f4eee6);
}
.customer-gifts-page .employee-gallery-card p strong {
  color: var(--customer-forest);
  font-weight: 750;
}
.customer-gifts-page .gallery-image-benefits {
  background: linear-gradient(145deg, #edf1ee 0 62%, rgba(124, 41, 56, .16) 62% 64%, #faf7f2 64% 100%);
}
.customer-gifts-page .gallery-image-custom,
.customer-gifts-page .employee-flip-back {
  background: linear-gradient(145deg, #f1eee8 0 63%, rgba(41, 67, 60, .18) 63% 65%, #fff 65% 100%);
}
.customer-gifts-page .employee-custom-visual strong::before {
  background: var(--customer-wine);
}
.customer-gifts-page .employee-gallery-card:hover .employee-custom-visual strong::before,
.customer-gifts-page .employee-gallery-card:focus-within .employee-custom-visual strong::before,
.customer-gifts-page .employee-gallery-card.is-active .employee-custom-visual strong::before {
  box-shadow: 0 10px 26px rgba(124, 41, 56, .2);
}
.customer-gifts-page .employee-branding-caption {
  background: var(--customer-wine);
}

/* Only these masks fade away; the rest of each photograph remains pixel-stable. */
.employee-photo-preview.customer-image-01 {
  --unprinted-photo: url('../kundenpraesente/bilder-ohne-logo/01-erstkontakt-set.webp');
  --printed-photo: url('../kundenpraesente/bilder-mit-logo/01-erstkontakt-set.webp');
  --print-regions: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221254%22%20height%3D%221254%22%20viewBox%3D%220%200%201254%201254%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-10%25%22%20y%3D%22-10%25%22%20width%3D%22120%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%3E%3Crect%20x%3D%22295%22%20y%3D%22675%22%20width%3D%22185%22%20height%3D%2295%22%20rx%3D%2218%22%2F%3E%3Crect%20x%3D%22348%22%20y%3D%22875%22%20width%3D%22200%22%20height%3D%22110%22%20rx%3D%2218%22%2F%3E%3Crect%20x%3D%22685%22%20y%3D%22710%22%20width%3D%22195%22%20height%3D%22115%22%20rx%3D%2215%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.employee-photo-preview.customer-image-02 {
  --unprinted-photo: url('../kundenpraesente/bilder-ohne-logo/02-genusspraesent.webp');
  --printed-photo: url('../kundenpraesente/bilder-mit-logo/02-genusspraesent.webp');
  --print-regions: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221254%22%20height%3D%221254%22%20viewBox%3D%220%200%201254%201254%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%3E%3Crect%20x%3D%22255%22%20y%3D%22555%22%20width%3D%22215%22%20height%3D%22125%22%20rx%3D%2210%22%2F%3E%3Crect%20x%3D%22612%22%20y%3D%22625%22%20width%3D%22185%22%20height%3D%22135%22%20rx%3D%2215%22%2F%3E%3Crect%20x%3D%22820%22%20y%3D%22655%22%20width%3D%22190%22%20height%3D%22135%22%20rx%3D%2215%22%2F%3E%3Crect%20x%3D%22355%22%20y%3D%221035%22%20width%3D%22215%22%20height%3D%22105%22%20rx%3D%2220%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.employee-photo-preview.customer-image-03 {
  --unprinted-photo: url('../kundenpraesente/bilder-ohne-logo/03-business-set.webp');
  --printed-photo: url('../kundenpraesente/bilder-mit-logo/03-business-set.webp');
  --print-regions: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221254%22%20height%3D%221254%22%20viewBox%3D%220%200%201254%201254%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%3E%3Crect%20x%3D%22340%22%20y%3D%22745%22%20width%3D%22290%22%20height%3D%22145%22%20rx%3D%2222%22%2F%3E%3Crect%20x%3D%22745%22%20y%3D%22605%22%20width%3D%2295%22%20height%3D%22150%22%20rx%3D%2216%22%2F%3E%3Crect%20x%3D%22865%22%20y%3D%22725%22%20width%3D%22180%22%20height%3D%22120%22%20rx%3D%2218%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.employee-photo-preview.customer-image-05 {
  --unprinted-photo: url('../kundenpraesente/bilder-ohne-logo/05-treuepraemie.webp');
  --printed-photo: url('../kundenpraesente/bilder-mit-logo/05-treuepraemie.webp');
  --print-regions: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221254%22%20height%3D%221254%22%20viewBox%3D%220%200%201254%201254%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%3E%3Crect%20x%3D%22570%22%20y%3D%22520%22%20width%3D%22210%22%20height%3D%22120%22%20rx%3D%2220%22%2F%3E%3Crect%20x%3D%22315%22%20y%3D%22925%22%20width%3D%22250%22%20height%3D%22135%22%20rx%3D%2220%22%2F%3E%3Crect%20x%3D%22815%22%20y%3D%22820%22%20width%3D%22325%22%20height%3D%22155%22%20rx%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.employee-photo-preview.customer-image-07 {
  --unprinted-photo: url('../kundenpraesente/bilder-ohne-logo/07-jubilaeumspraesent.webp');
  --printed-photo: url('../kundenpraesente/bilder-mit-logo/07-jubilaeumspraesent.webp');
  --print-regions: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221254%22%20height%3D%221254%22%20viewBox%3D%220%200%201254%201254%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%3E%3Crect%20x%3D%22835%22%20y%3D%22635%22%20width%3D%22130%22%20height%3D%2290%22%20rx%3D%2220%22%2F%3E%3Crect%20x%3D%22845%22%20y%3D%22825%22%20width%3D%22155%22%20height%3D%22105%22%20rx%3D%2220%22%2F%3E%3Crect%20x%3D%22375%22%20y%3D%22885%22%20width%3D%22145%22%20height%3D%22100%22%20rx%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.employee-photo-preview.customer-image-08 {
  --unprinted-photo: url('../kundenpraesente/bilder-ohne-logo/08-messe-vertriebspraesent.webp');
  --printed-photo: url('../kundenpraesente/bilder-mit-logo/08-messe-vertriebspraesent.webp');
  --print-regions: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221254%22%20height%3D%221254%22%20viewBox%3D%220%200%201254%201254%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%3E%3CfeGaussianBlur%20stdDeviation%3D%224%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%3E%3Crect%20x%3D%22385%22%20y%3D%22370%22%20width%3D%22295%22%20height%3D%22165%22%20rx%3D%2230%22%2F%3E%3Crect%20x%3D%22815%22%20y%3D%22520%22%20width%3D%22170%22%20height%3D%22210%22%20rx%3D%2224%22%2F%3E%3Crect%20x%3D%22290%22%20y%3D%22645%22%20width%3D%22220%22%20height%3D%22155%22%20rx%3D%2224%22%2F%3E%3Crect%20x%3D%22655%22%20y%3D%22785%22%20width%3D%22340%22%20height%3D%22175%22%20rx%3D%2226%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@media (max-width: 720px) {
  .customer-gifts-page .employee-gallery-card:hover,
  .customer-gifts-page .employee-gallery-card:focus-within,
  .customer-gifts-page .employee-gallery-card.is-active {
    transform: none;
  }
}