.elementor-916 .elementor-element.elementor-element-d39a7382{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-916 .elementor-element.elementor-element-d5f17b50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-916 .elementor-element.elementor-element-d5f17b50 .elementor-star-rating{font-size:calc(18 * var(--ck-design-unit));}.elementor-916 .elementor-element.elementor-element-d5f17b50 .elementor-star-rating i:not(:last-of-type){margin-inline-end:calc(6 * var(--ck-design-unit));}.elementor-916 .elementor-element.elementor-element-d5f17b50 .elementor-star-rating i:before{color:#FFCF00;}.elementor-916 .elementor-element.elementor-element-d5f17b50 .elementor-star-rating i{color:#ffffff40;}.elementor-916 .elementor-element.elementor-element-efb5af6d{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(max-width:1024px){.elementor-916 .elementor-element.elementor-element-d5f17b50 .elementor-star-rating{font-size:calc(14.4 * var(--ck-design-unit));}.elementor-916 .elementor-element.elementor-element-d5f17b50 .elementor-star-rating i:not(:last-of-type){margin-inline-end:calc(5 * var(--ck-design-unit));}.elementor-916 .elementor-element.elementor-element-efb5af6d{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:12px;}}@media(max-width:767px){.elementor-916 .elementor-element.elementor-element-efb5af6d{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:12px;}}/* Start custom CSS *//* rmcev4:keeper-stories:start */ #ck-keeper-stories {
  background: var(--text-light)
}

#ck-keeper-stories .ck-chip {
  --ck-chip-color: var(--text-subtle)
}

#ck-keeper-stories :is(#ck-keeper-stories-title,.ck-keeper-quote-title,.ck-keeper-author,.ck-keeper-club,.ck-keeper-product-title,.ck-keeper-product-link) {
  text-transform: uppercase
}

#ck-keeper-stories :is(h2,h3,p) {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic
}

#ck-keeper-stories [hidden] {
  display: none!important
}

.ck-keeper-slide {
  background-color: var(--text-dark);
  isolation: isolate
}

.ck-keeper-club {
  opacity: .5
}

.ck-keeper-stars {
  width: max-content;
  flex-shrink: 0;
  line-height: 1
}

.ck-keeper-product {
  display: block;
  background: var(--text-light);
  box-shadow: 0 calc(20 * var(--ck-design-unit)) calc(29 * var(--ck-design-unit)) rgb(0 0 0 / .15);
  text-decoration: none
}

.ck-keeper-product::before {
  content: '';
  position: absolute;
  top: auto;
  right: auto;
  left: calc(-16 * var(--ck-design-unit));
  bottom: calc(-18 * var(--ck-design-unit));
  width: calc(54 * var(--ck-design-unit));
  height: calc(48 * var(--ck-design-unit));
  background: var(--text-light);
  clip-path: polygon(30% 0,100% 0,100% 54%,0 100%,30% 30%);
  pointer-events: none
}

.ck-keeper-product-image {
  background: var(--surface-soft);
  pointer-events: none
}

#ck-keeper-stories :is(.ck-keeper-product-title,.ck-keeper-price,.ck-keeper-product-link) {
  text-box-trim: none;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ck-keeper-product-link {
  text-decoration: underline;
  text-underline-offset: .12em
}

.ck-keeper-product:focus-visible {
  outline: calc(3 * var(--ck-design-unit)) solid var(--action-lime);
  outline-offset: calc(4 * var(--ck-design-unit));
  border-radius: calc(15 * var(--ck-design-unit))
}

#ck-keeper-stories .ck-keeper-carousel .e-n-carousel {
  border-radius: calc(25 * var(--ck-design-unit))
}

#ck-keeper-stories .ck-keeper-carousel .swiper-slide {
  padding: 0;
  gap: 0;
  background: transparent
}

#ck-keeper-stories .ck-keeper-carousel .swiper-slide>.e-con-inner {
  padding: 0;
  gap: 0;
  width: 100%;
  max-width: none
}

#ck-keeper-stories .elementor-swiper-button {
  top: calc(-90 * var(--ck-design-unit));
  bottom: auto;
  left: auto;
  right: 0;
  width: calc(55 * var(--ck-design-unit));
  height: calc(55 * var(--ck-design-unit));
  transform: none;
  background: var(--action-lime);
  color: var(--text-dark);
  border: calc(1 * var(--ck-design-unit)) solid var(--action-lime);
  border-radius: calc(12 * var(--ck-design-unit));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .18s,color .18s
}

#ck-keeper-stories .elementor-swiper-button-prev {
  right: calc(63 * var(--ck-design-unit));
  background: var(--text-light);
  color: #8ed600
}

#ck-keeper-stories .elementor-swiper-button svg {
  display: none
}

#ck-keeper-stories .elementor-swiper-button::before {
  content: '';
  width: calc(18 * var(--ck-design-unit));
  height: calc(2 * var(--ck-design-unit));
  background: currentColor
}

#ck-keeper-stories .elementor-swiper-button::after {
  content: '';
  position: absolute;
  width: calc(8 * var(--ck-design-unit));
  height: calc(8 * var(--ck-design-unit));
  border-top: calc(2 * var(--ck-design-unit)) solid currentColor;
  border-right: calc(2 * var(--ck-design-unit)) solid currentColor;
  transform: translateX(calc(4 * var(--ck-design-unit))) rotate(45deg)
}

#ck-keeper-stories .elementor-swiper-button-prev::after {
  transform: translateX(calc(-4 * var(--ck-design-unit))) rotate(225deg)
}

#ck-keeper-stories .elementor-swiper-button:hover {
  background: var(--action-hover);
  color: var(--text-dark)
}

#ck-keeper-stories :is(.elementor-swiper-button,.swiper-pagination-bullet):focus-visible {
  outline: 2px solid var(--text-dark);
  outline-offset: 3px
}

#ck-keeper-stories .swiper-pagination {
  position: absolute;
  top: calc(667 * var(--ck-design-unit));
  bottom: auto;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--ck-design-unit));
  height: calc(14 * var(--ck-design-unit))
}

#ck-keeper-stories .swiper-pagination-bullet {
  flex: 0 0 auto;
  width: calc(7 * var(--ck-design-unit));
  height: calc(7 * var(--ck-design-unit));
  margin: 0;
  background: var(--text-faint);
  opacity: 1;
  border-radius: 50%;
  padding: 0
}

#ck-keeper-stories .swiper-pagination-bullet-active {
  background: var(--text-dark);
  box-shadow: 0 0 0 calc(2 * var(--ck-design-unit)) var(--text-light),0 0 0 calc(3 * var(--ck-design-unit)) var(--text-dark)
}

#ck-keeper-stories .swiper-pagination {
  transform: none!important;
  margin: 0!important
}

@media(max-width:1024px) {
  #ck-keeper-stories .ck-keeper-carousel .e-n-carousel {
    border-radius: var(--ck-card-radius)
  }

  .ck-keeper-product::before {
    left: auto;
    right: calc(-10 * var(--ck-design-unit));
    bottom: calc(-13 * var(--ck-design-unit));
    width: calc(40 * var(--ck-design-unit));
    height: calc(36 * var(--ck-design-unit));
    transform: scaleX(-1)
  }

  #ck-keeper-stories .elementor-swiper-button {
    top: calc(800 * var(--ck-design-unit));
    width: calc(44 * var(--ck-design-unit));
    height: calc(44 * var(--ck-design-unit));
    right: calc(61 * var(--ck-design-unit));
    z-index: 3
  }

  /* 17.10: arrows moved out (slide 370 units) so up to 12 round dots fit between them (105–265 units). */
  #ck-keeper-stories .elementor-swiper-button-prev {
    left: calc(61 * var(--ck-design-unit));
    right: auto
  }

  #ck-keeper-stories .elementor-swiper-button-next {
    right: calc(61 * var(--ck-design-unit))
  }

  #ck-keeper-stories .swiper-pagination {
    /* 17.10: room for up to 12 round dots between the moved arrows. */
    top: calc(815 * var(--ck-design-unit));
    left: calc(105 * var(--ck-design-unit));
    width: calc(160 * var(--ck-design-unit));
    gap: calc(5 * var(--ck-design-unit))
  }
}

@media(prefers-reduced-motion:reduce) {
  #ck-keeper-stories .swiper-wrapper {
    transition-duration: 0ms!important
  }

  #ck-keeper-stories * {
    scroll-behavior: auto
  }
}

/* rmcev4:keeper-stories:end */ #ck-keeper-stories .ck-keeper-carousel {
  position: relative;
  width: var(--ck-content-max);
  max-width: 100%;
  margin-top: calc(34 * var(--ck-design-unit));
}

@media(max-width:1024px) {
  #ck-keeper-stories .ck-keeper-carousel {
    width: calc(370 * var(--ck-design-unit));
    margin-top: calc(30 * var(--ck-design-unit));
  }
}

/* rmcev4:keeper-product-alignment:start */ #ck-keeper-stories .ck-keeper-product :is(.ck-keeper-product-title,.ck-keeper-price,.ck-keeper-product-link) {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow: visible;
}

/* 16.10: a product name longer than the card ends with "…" (clip only horizontally, so umlauts above the trimmed cap
   height stay visible). */
#ck-keeper-stories .ck-keeper-product .ck-keeper-product-title {
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* rmcev4:keeper-product-alignment:end */ /* rmcev4:keeper-mask-stars:start */ .ck-keeper-stars .elementor-star-rating i {
  width: 1.125em;
  height: 1em;
  vertical-align: top;
  -webkit-text-fill-color: transparent;
  background-color: currentColor;
  -webkit-mask: url("/wp-content/uploads/2026/09/ck-rating-star.svg") center / contain no-repeat;
  mask: url("/wp-content/uploads/2026/09/ck-rating-star.svg") center / contain no-repeat;
}

.ck-keeper-stars .elementor-star-rating i::before {
  content: "";
  height: 100%;
  background-color: currentColor;
}

.ck-keeper-stars .elementor-star-rating .elementor-star-full::before {
  width: 100%;
}

/* rmcev4:keeper-mask-stars:end */ /* rmcev4:keeper-admin-binding:start */ /* Slides rendered from Produkte > Keeper-Erfahrungen (WPCode "Sektion – Keeper-Erfahrungen"): saved backgrounds, tooltip position and tail per device. */ #ck-keeper-stories .ck-keeper-slide[data-ck-keeper-bg] {
  background-image: var(--ck-keeper-bg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

#ck-keeper-stories .ck-keeper-product[data-ck-tail] {
  /* 16.10: the card never comes closer than 30 px to the slide edges (card 358 × 144 design units). */
  left: clamp(30px, var(--ck-tip-x), calc(100% - 30px - 358 * var(--ck-design-unit)));
  top: clamp(30px, var(--ck-tip-y), calc(100% - 30px - 144 * var(--ck-design-unit)))
}

#ck-keeper-stories .ck-keeper-product[data-ck-tail]::before {
  --ck-tail-long: calc(54 * var(--ck-design-unit));
  --ck-tail-short: calc(48 * var(--ck-design-unit));
  --ck-tail-along: calc(-16 * var(--ck-design-unit));
  --ck-tail-out: calc(-18 * var(--ck-design-unit));
  width: var(--ck-tail-long);
  height: var(--ck-tail-short);
  transform: none
}

@media(min-width:1025px) {
  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail^=left],[data-ck-tail^=right])::before {
    width: var(--ck-tail-short);
    height: var(--ck-tail-long)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-start]::before {
    inset: auto auto var(--ck-tail-out) var(--ck-tail-along);
    clip-path: polygon(30% 0,100% 0,100% 54%,0 100%,30% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-end]::before {
    inset: auto var(--ck-tail-along) var(--ck-tail-out) auto;
    clip-path: polygon(70% 0,0 0,0 54%,100% 100%,70% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-start]::before {
    inset: var(--ck-tail-out) auto auto var(--ck-tail-along);
    clip-path: polygon(30% 100%,100% 100%,100% 46%,0 0,30% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-end]::before {
    inset: var(--ck-tail-out) var(--ck-tail-along) auto auto;
    clip-path: polygon(70% 100%,0 100%,0 46%,100% 0,70% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=left-start]::before {
    inset: var(--ck-tail-along) auto auto var(--ck-tail-out);
    clip-path: polygon(100% 30%,100% 100%,46% 100%,0 0,70% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=left-end]::before {
    inset: auto auto var(--ck-tail-along) var(--ck-tail-out);
    clip-path: polygon(100% 70%,100% 0,46% 0,0 100%,70% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=right-start]::before {
    inset: var(--ck-tail-along) var(--ck-tail-out) auto auto;
    clip-path: polygon(0 30%,0 100%,54% 100%,100% 0,30% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=right-end]::before {
    inset: auto var(--ck-tail-out) var(--ck-tail-along) auto;
    clip-path: polygon(0 70%,0 0,54% 0,100% 100%,30% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-center]::before {
    inset: auto auto var(--ck-tail-out) calc(50% - var(--ck-tail-short) / 2);
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(0 0,100% 0,50% 100%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-center]::before {
    inset: var(--ck-tail-out) auto auto calc(50% - var(--ck-tail-short) / 2);
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(50% 0,100% 100%,0 100%)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail=bottom-q1],[data-ck-tail=bottom-q3])::before {
    inset: auto auto var(--ck-tail-out) auto;
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(0 0,100% 0,50% 100%)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail=top-q1],[data-ck-tail=top-q3])::before {
    inset: var(--ck-tail-out) auto auto auto;
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(50% 0,100% 100%,0 100%)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail=bottom-q1],[data-ck-tail=top-q1])::before {
    left: calc(25% - var(--ck-tail-short) / 2)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail=bottom-q3],[data-ck-tail=top-q3])::before {
    left: calc(75% - var(--ck-tail-short) / 2)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=left-center]::before {
    inset: calc(50% - var(--ck-tail-short) / 2) auto auto var(--ck-tail-out);
    width: calc(1px - var(--ck-tail-out));
    height: var(--ck-tail-short);
    clip-path: polygon(0 50%,100% 0,100% 100%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail=right-center]::before {
    inset: calc(50% - var(--ck-tail-short) / 2) var(--ck-tail-out) auto auto;
    width: calc(1px - var(--ck-tail-out));
    height: var(--ck-tail-short);
    clip-path: polygon(100% 50%,0 0,0 100%)
  }
}

@media(max-width:1024px) {
  #ck-keeper-stories .ck-keeper-slide[data-ck-keeper-bg] {
    background-image: var(--ck-keeper-bg-mobile)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail] {
    /* Same 30 px distance on tablet / mobile (card 245 × 100 design units). */
    left: clamp(30px, var(--ck-tip-x-mobile), calc(100% - 30px - 245 * var(--ck-design-unit)));
    top: clamp(30px, var(--ck-tip-y-mobile), calc(100% - 30px - 100 * var(--ck-design-unit)))
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail]::before {
    --ck-tail-long: calc(40 * var(--ck-design-unit));
    --ck-tail-short: calc(36 * var(--ck-design-unit));
    --ck-tail-along: calc(-10 * var(--ck-design-unit));
    --ck-tail-out: calc(-13 * var(--ck-design-unit))
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail-mobile^=left],[data-ck-tail-mobile^=right])::before {
    width: var(--ck-tail-short);
    height: var(--ck-tail-long)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-start]::before {
    inset: auto auto var(--ck-tail-out) var(--ck-tail-along);
    clip-path: polygon(30% 0,100% 0,100% 54%,0 100%,30% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-end]::before {
    inset: auto var(--ck-tail-along) var(--ck-tail-out) auto;
    clip-path: polygon(70% 0,0 0,0 54%,100% 100%,70% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-start]::before {
    inset: var(--ck-tail-out) auto auto var(--ck-tail-along);
    clip-path: polygon(30% 100%,100% 100%,100% 46%,0 0,30% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-end]::before {
    inset: var(--ck-tail-out) var(--ck-tail-along) auto auto;
    clip-path: polygon(70% 100%,0 100%,0 46%,100% 0,70% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=left-start]::before {
    inset: var(--ck-tail-along) auto auto var(--ck-tail-out);
    clip-path: polygon(100% 30%,100% 100%,46% 100%,0 0,70% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=left-end]::before {
    inset: auto auto var(--ck-tail-along) var(--ck-tail-out);
    clip-path: polygon(100% 70%,100% 0,46% 0,0 100%,70% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=right-start]::before {
    inset: var(--ck-tail-along) var(--ck-tail-out) auto auto;
    clip-path: polygon(0 30%,0 100%,54% 100%,100% 0,30% 30%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=right-end]::before {
    inset: auto var(--ck-tail-out) var(--ck-tail-along) auto;
    clip-path: polygon(0 70%,0 0,54% 0,100% 100%,30% 70%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-center]::before {
    inset: auto auto var(--ck-tail-out) calc(50% - var(--ck-tail-short) / 2);
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(0 0,100% 0,50% 100%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-center]::before {
    inset: var(--ck-tail-out) auto auto calc(50% - var(--ck-tail-short) / 2);
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(50% 0,100% 100%,0 100%)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail-mobile=bottom-q1],[data-ck-tail-mobile=bottom-q3])::before {
    inset: auto auto var(--ck-tail-out) auto;
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(0 0,100% 0,50% 100%)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail-mobile=top-q1],[data-ck-tail-mobile=top-q3])::before {
    inset: var(--ck-tail-out) auto auto auto;
    width: var(--ck-tail-short);
    height: calc(1px - var(--ck-tail-out));
    clip-path: polygon(50% 0,100% 100%,0 100%)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail-mobile=bottom-q1],[data-ck-tail-mobile=top-q1])::before {
    left: calc(25% - var(--ck-tail-short) / 2)
  }

  #ck-keeper-stories .ck-keeper-product:is([data-ck-tail-mobile=bottom-q3],[data-ck-tail-mobile=top-q3])::before {
    left: calc(75% - var(--ck-tail-short) / 2)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=left-center]::before {
    inset: calc(50% - var(--ck-tail-short) / 2) auto auto var(--ck-tail-out);
    width: calc(1px - var(--ck-tail-out));
    height: var(--ck-tail-short);
    clip-path: polygon(0 50%,100% 0,100% 100%)
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=right-center]::before {
    inset: calc(50% - var(--ck-tail-short) / 2) var(--ck-tail-out) auto auto;
    width: calc(1px - var(--ck-tail-out));
    height: var(--ck-tail-short);
    clip-path: polygon(100% 50%,0 0,0 100%)
  }
}

/* rmcev4:keeper-admin-binding:end */ /* rmcev4:fluid-pagination-space:start */ /* The dots sit at a fixed design position; the space Elementor reserves under the slides follows the design unit (16 at 1920/440). */ #ck-keeper-stories .ck-keeper-carousel {
  --e-n-carousel-swiper-padding-bottom: calc(16 * var(--ck-design-unit));
}

/* rmcev4:fluid-pagination-space:end *//* rmcev4:keeper-club-lines:start */ /* 16.10: club / info lines can wrap (e.g. club + national team); their own line height keeps wrapped lines apart. */ #ck-keeper-stories .ck-keeper-club {
  line-height: 1.25
}

/* rmcev4:keeper-club-lines:end */

/* ck:keeper-client-17-10:start */
/* Client 17.10 (brief V3): the product card is smaller (scale 0.8) and shrinks towards the tip of its tail, so the tip
   stays where it was placed; mobile: dark fade behind the text and lighter club lines for contrast over the photo. */
#ck-keeper-stories .ck-keeper-product[data-ck-tail] {
  --ck-card-scale: 0.8;
  --ck-tail-along: calc(-16 * var(--ck-design-unit));
  --ck-tail-out: calc(-18 * var(--ck-design-unit));
  transform: scale(var(--ck-card-scale));
  transform-origin: var(--ck-tip-origin, 0 0)
}

@media(min-width:1025px) {
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-start] { --ck-tip-origin: var(--ck-tail-along) calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-end] { --ck-tip-origin: calc(100% - var(--ck-tail-along)) calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-start] { --ck-tip-origin: var(--ck-tail-along) var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-end] { --ck-tip-origin: calc(100% - var(--ck-tail-along)) var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=left-start] { --ck-tip-origin: var(--ck-tail-out) var(--ck-tail-along) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=left-end] { --ck-tip-origin: var(--ck-tail-out) calc(100% - var(--ck-tail-along)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=right-start] { --ck-tip-origin: calc(100% - var(--ck-tail-out)) var(--ck-tail-along) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=right-end] { --ck-tip-origin: calc(100% - var(--ck-tail-out)) calc(100% - var(--ck-tail-along)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-center] { --ck-tip-origin: 50% calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-q1] { --ck-tip-origin: 25% calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=bottom-q3] { --ck-tip-origin: 75% calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-center] { --ck-tip-origin: 50% var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-q1] { --ck-tip-origin: 25% var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=top-q3] { --ck-tip-origin: 75% var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=left-center] { --ck-tip-origin: var(--ck-tail-out) 50% }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=right-center] { --ck-tip-origin: calc(100% - var(--ck-tail-out)) 50% }
  /* User 17.10: «Ohne Pfeil» – no tail, the card shrinks around its centre. */
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=none] { --ck-tip-origin: 50% 50% }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail=none]::before { display: none }
}

@media(max-width:1024px) {
  #ck-keeper-stories .ck-keeper-product[data-ck-tail] {
    --ck-tail-along: calc(-10 * var(--ck-design-unit));
    --ck-tail-out: calc(-13 * var(--ck-design-unit))
  }

  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-start] { --ck-tip-origin: var(--ck-tail-along) calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-end] { --ck-tip-origin: calc(100% - var(--ck-tail-along)) calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-start] { --ck-tip-origin: var(--ck-tail-along) var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-end] { --ck-tip-origin: calc(100% - var(--ck-tail-along)) var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=left-start] { --ck-tip-origin: var(--ck-tail-out) var(--ck-tail-along) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=left-end] { --ck-tip-origin: var(--ck-tail-out) calc(100% - var(--ck-tail-along)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=right-start] { --ck-tip-origin: calc(100% - var(--ck-tail-out)) var(--ck-tail-along) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=right-end] { --ck-tip-origin: calc(100% - var(--ck-tail-out)) calc(100% - var(--ck-tail-along)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-center] { --ck-tip-origin: 50% calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-q1] { --ck-tip-origin: 25% calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=bottom-q3] { --ck-tip-origin: 75% calc(100% - var(--ck-tail-out)) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-center] { --ck-tip-origin: 50% var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-q1] { --ck-tip-origin: 25% var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=top-q3] { --ck-tip-origin: 75% var(--ck-tail-out) }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=left-center] { --ck-tip-origin: var(--ck-tail-out) 50% }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=right-center] { --ck-tip-origin: calc(100% - var(--ck-tail-out)) 50% }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=none] { --ck-tip-origin: 50% 50% }
  #ck-keeper-stories .ck-keeper-product[data-ck-tail-mobile=none]::before { display: none }

  #ck-keeper-stories .ck-keeper-slide[data-ck-keeper-bg] {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .6) 38%, rgba(0, 0, 0, .3) 56%, rgba(0, 0, 0, 0) 70%), var(--ck-keeper-bg-mobile)
  }

  #ck-keeper-stories :is(.ck-keeper-quote-title, .ck-keeper-quote, .ck-keeper-author, .ck-keeper-club) {
    text-shadow: 0 1px 8px rgba(0, 0, 0, .55)
  }

  #ck-keeper-stories .ck-keeper-club {
    color: rgba(255, 255, 255, .82);
    opacity: 1
  }

  /* User 18.10: text about 10 % smaller on tablet / mobile so it keeps clear of the keepers' heads. */
  #ck-keeper-stories .ck-keeper-quote-title {
    font-size: calc(23.5 * var(--ck-design-unit));
    line-height: calc(27 * var(--ck-design-unit))
  }

  #ck-keeper-stories .ck-keeper-quote {
    font-size: calc(16.2 * var(--ck-design-unit));
    line-height: calc(25 * var(--ck-design-unit))
  }

  #ck-keeper-stories .ck-keeper-author {
    font-size: calc(18 * var(--ck-design-unit));
    line-height: calc(20.7 * var(--ck-design-unit))
  }

  #ck-keeper-stories .ck-keeper-club {
    font-size: calc(16.2 * var(--ck-design-unit))
  }
}
/* ck:keeper-client-17-10:end *//* End custom CSS */