ul.komp-fanslider {
  --transition-duration: 540ms;
  --transition-easing: cubic-bezier(0.25, 1, 0.5, 1);
  position: relative;
  width: 100%;
  max-width: 100vw;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
ul.komp-fanslider::-webkit-scrollbar {
  display: none;
}
ul.komp-fanslider li + li:not(.uk-nav *) {
  margin-top: 0 !important;
}
ul.komp-fanslider.fanslider li {
  flex: 0 0 56vw;
  max-width: 1280px;
}
@media (min-width: 2300px) {
  ul.komp-fanslider.fanslider li {
    padding-inline: 3vw;
  }
}
@media (min-width: 2730px) {
  ul.komp-fanslider.fanslider li {
    padding-inline: 4vw;
  }
}
@media (min-width: 2950px) {
  ul.komp-fanslider.fanslider li {
    padding-inline: 10vw;
  }
}
@media (min-width: 3920px) {
  ul.komp-fanslider.fanslider li {
    padding-inline: 11vw;
  }
}
@media (max-width: 1800px) {
  ul.komp-fanslider.fanslider li {
    flex: 0 0 65vw;
  }
}
ul.komp-fanslider li {
  position: relative;
  flex: 0 0 52vw;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, 385px);
  grid-auto-columns: auto;
  place-items: center;
  z-index: 1;
  transition: transform 320ms ease-out;
}
ul.komp-fanslider li > .img-wrapper {
  height: auto;
  width: 100%;
  display: grid;
  place-items: center;
  transition: transform var(--transition-duration, 320) var(--transition-easing, ease-out);
}
ul.komp-fanslider li > .img-wrapper img {
  height: auto;
  width: 100%;
}
ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(1) {
  transition-delay: 40ms;
}
@media (max-width: 800px) {
  ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(1) {
    transition-delay: 80ms;
  }
}
ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(2) {
  transition-delay: 80ms;
}
@media (max-width: 800px) {
  ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(2) {
    transition-delay: 160ms;
  }
}
ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(3) {
  transition-delay: 120ms;
}
@media (max-width: 800px) {
  ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(3) {
    transition-delay: 240ms;
  }
}
ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(4) {
  transition-delay: 160ms;
}
@media (max-width: 800px) {
  ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(4) {
    transition-delay: 320ms;
  }
}
ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(5) {
  transition-delay: 200ms;
}
@media (max-width: 800px) {
  ul.komp-fanslider li:not(.stacked) > .img-wrapper:nth-of-type(5) {
    transition-delay: 400ms;
  }
}
ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(1), ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(3), ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(4), ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(5) {
  width: 510px;
  aspect-ratio: 17/11;
}
ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(2) {
  width: 280px;
  aspect-ratio: 280/377;
}
@media (max-width: 1800px) {
  ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(1), ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(3), ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(4), ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(5) {
    width: 32vw;
  }
  ul.komp-fanslider li.grid_1 > .img-wrapper:nth-of-type(2) {
    width: 16vw;
  }
}
ul.komp-fanslider li.grid_1.stacked > .img-wrapper:nth-of-type(1) {
  transform: translate(70%, 120%) scale(0.3) rotate(0);
}
ul.komp-fanslider li.grid_1.stacked > .img-wrapper:nth-of-type(2) {
  transform: translate(0, 105%) scale(0.38) rotate(0);
}
ul.komp-fanslider li.grid_1.stacked > .img-wrapper:nth-of-type(3) {
  transform: translate(-75%, 120%) scale(0.3) rotate(0);
}
ul.komp-fanslider li.grid_1.stacked > .img-wrapper:nth-of-type(4) {
  transform: translate(80%, 0) scale(0.3) rotate(0);
}
ul.komp-fanslider li.grid_1.stacked > .img-wrapper:nth-of-type(5) {
  transform: translate(0, 0) scale(0.3) rotate(0);
}
ul.komp-fanslider li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(1) {
  transform: translate(9%, 35%) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(2) {
  transform: translate(-3%, 0) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(3) {
  transform: translate(0, 10%) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(4) {
  transform: translate(35%, 0%) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(5) {
  transform: translate(46%, -26%) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_2 {
  place-items: start;
}
ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(1), ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(2) {
  width: 510px;
  aspect-ratio: 17/11;
}
ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(3) {
  width: 280px;
  aspect-ratio: 280/377;
}
ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(4) {
  width: 615px;
  aspect-ratio: 41/26;
}
ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(5) {
  width: 359px;
  aspect-ratio: 1/1;
}
@media (max-width: 1800px) {
  ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(1), ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(2) {
    width: 30vw;
  }
  ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(3) {
    width: 16vw;
  }
  ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(4) {
    width: 36vw;
  }
  ul.komp-fanslider li.grid_2 > .img-wrapper:nth-of-type(5) {
    width: 22vw;
  }
}
ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(1) {
  transform: translate(75%, 115%) scale(0.35) rotate(0);
}
ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(2) {
  transform: translate(-10%, 110%) scale(0.3) rotate(0);
}
ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(3) {
  transform: translate(-130%, 83%) scale(0.25) rotate(0);
}
ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(4) {
  transform: translate(50%, -10%) scale(0.3) rotate(0);
}
ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(5) {
  transform: translate(5%, -5%) scale(0.3) rotate(0);
}
@media (max-width: 1800px) {
  ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(1) {
    transform: translate(65%, 140%) scale(0.35) rotate(0);
  }
  ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(2) {
    transform: translate(-10%, 140%) scale(0.34) rotate(0);
  }
  ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(3) {
    transform: translate(-105%, 100%) scale(0.3) rotate(0);
  }
  ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(4) {
    transform: translate(45%, 0) scale(0.3) rotate(0);
  }
  ul.komp-fanslider li.grid_2.stacked > .img-wrapper:nth-of-type(5) {
    transform: translate(-10%, 0) scale(0.3) rotate(0);
  }
}
ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(1) {
  transform: translate(0, 8%) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(2) {
  transform: translate(19%, 35%) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(3) {
  transform: translate(50%, 0) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(4) {
  transform: translate(15%, -15%) scale(1) rotate(0);
}
ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(5) {
  transform: translate(100%, 5%) scale(1) rotate(0);
}
@media (max-width: 1800px) {
  ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(1) {
    transform: translate(-10%, 12%) scale(1) rotate(0);
  }
  ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(2) {
    transform: translate(19%, 35%) scale(1) rotate(0);
  }
  ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(3) {
    transform: translate(50%, 0) scale(1) rotate(0);
  }
  ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(4) {
    transform: translate(0, -20%) scale(1) rotate(0);
  }
  ul.komp-fanslider li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(5) {
    transform: translate(80%, -25%) scale(1) rotate(0);
  }
}
ul.komp-fanslider li.stacked {
  cursor: pointer;
}
ul.komp-fanslider li.stacked > .img-wrapper {
  transform-origin: center center;
}
ul.komp-fanslider li.stacked:hover > .img-wrapper > img {
  animation-name: tilt-shaking;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
ul.komp-fanslider-marker {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding-left: 0;
  z-index: 99;
  height: -moz-fit-content;
  height: fit-content;
}
ul.komp-fanslider-marker > li {
  margin-top: 0 !important;
}
ul.komp-fanslider-marker > li > a {
  display: block;
  height: 8px;
  width: 8px;
  border: 2px solid #99d2dd;
  background: transparent;
  transition: background 160ms ease-out;
}
ul.komp-fanslider-marker > li.current > a {
  background: #99d2dd;
}

@media (max-width: 460px) {
  .komp-clipboard.laptop .komp-fanslider {
    padding-top: 0px !important;
  }
  .komp-clipboard.laptop .komp-fanslider > li .img-parent img {
    aspect-ratio: 16/11.3 !important;
  }
}
.komp-clipboard {
  position: relative;
  z-index: 1;
}
.komp-clipboard .background {
  z-index: -1;
}
.komp-clipboard > .uk-position-relative {
  max-width: 900px;
  margin: 0 auto;
}
.komp-clipboard .komp-fanslider {
  margin-block: 0;
  padding-block: 20px;
}
@media (max-width: 959px) {
  .komp-clipboard .komp-fanslider {
    padding-top: 10px;
  }
}
.komp-clipboard > .komp-fanslider > li {
  transform-origin: center center;
  transform: scale(1);
  transition: transform var(--transition-duration) var(--transition-easing);
  flex: 0 0 55vw;
  place-items: start;
  justify-items: center;
  display: block;
}
@media (max-width: 1650px) {
  .komp-clipboard > .komp-fanslider > li {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 60vw;
  }
}
@media (max-width: 1350px) {
  .komp-clipboard > .komp-fanslider > li {
    flex: 0 0 80vw;
  }
}
@media (max-width: 1199px) {
  .komp-clipboard > .komp-fanslider > li {
    flex: 0 0 90vw;
  }
}
@media (max-width: 500px) {
  .komp-clipboard > .komp-fanslider > li {
    flex: 0 0 100vw;
  }
}
.komp-clipboard > .komp-fanslider > li.stacked {
  transform: scale(0.5);
}
.komp-clipboard > .komp-fanslider > li.paper-texture {
  background-image: url("/wp-content/themes/yootheme-child/images/clipboard/papiertextur.png");
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.komp-clipboard > .komp-fanslider > li.paper-texture img {
  filter: none;
}
.komp-clipboard > ul {
  display: flex;
  list-style: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.komp-clipboard > ul > li img {
  width: auto;
  height: 100%;
  filter: drop-shadow(-3px 3px 18px rgba(0, 57, 67, 0.2));
}

.komp-fanslider-controls {
  margin-top: 30px;
  position: relative;
  z-index: 99;
  display: flex;
  gap: 24px;
  justify-content: center;
}
.komp-fanslider-controls button {
  background: none;
  border: none;
  cursor: pointer;
}
.komp-fanslider-controls button svg {
  pointer-events: none;
  width: 93px;
  height: auto;
}
.komp-fanslider-controls button svg path {
  fill: transparent;
  transition: fill 160ms ease-out;
}
.komp-fanslider-controls button:first-of-type svg {
  transform: rotate(180deg);
}
.komp-fanslider-controls button:hover svg path {
  fill: #ed6b6b !important;
}
@media (max-width: 1199px) {
  .komp-fanslider-controls {
    margin-top: 18px;
    gap: 1vw;
  }
  .komp-fanslider-controls button svg {
    width: 12vw;
    min-width: 50px;
    max-width: 95px;
  }
}

.komp-clipboard.clipboard li > div {
  height: 100%;
  display: inline-block;
  /*
  .image-caption {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
   */
}
.komp-clipboard.clipboard li > img {
  max-width: 1024px;
}

.komp-clipboard.laptop .komp-fanslider {
  z-index: 1;
  --x-shift: 0px;
  --y-shift: 20px;
  --max-width: 959px;
}
.komp-clipboard.laptop .komp-fanslider > li {
  position: relative;
  display: block;
  width: auto;
  overflow: hidden;
  aspect-ratio: 16/10;
}
.komp-clipboard.laptop .komp-fanslider > li .img-parent {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: var(--max-width);
}
.komp-clipboard.laptop .komp-fanslider > li .img-parent img {
  aspect-ratio: 16/10;
  height: auto;
  width: 100%;
  max-width: unset !important;
  transform: translate(var(--x-shift), var(--y-shift));
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  filter: none;
}

.komp-clipboard {
  margin-top: -120px;
}
@media (max-width: 1199px) {
  .komp-clipboard {
    margin-top: -75px;
  }
}

.komp-clipboard.laptop .k-light {
  left: 13.6%;
  width: 71.9%;
  top: 3.8%;
  height: 71.6%;
}

.komp-clipboard.laptop {
  position: relative;
}
.komp-clipboard.laptop::after {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  top: 25px;
  transform: translateX(-50.8%);
  width: 100%;
  border-radius: 5px;
  max-width: 58% !important;
  height: 75%;
  background: #f2f9fb;
  z-index: -1;
}
@media (min-width: 1200px) {
  .komp-clipboard.laptop::after {
    max-width: 725px !important;
  }
}
@media (max-width: 600px) {
  .komp-clipboard.laptop::after {
    max-width: 72% !important;
  }
}

@media (max-width: 1418px) {
  .komp-clipboard.laptop::after {
    top: 2%;
    max-width: 72%;
  }
  .komp-clipboard.laptop .komp-fanslider > li .img-parent img {
    max-width: 70vw;
  }
}
.komp-fanslider.mobile,
.komp-fanslider-marker.mobile,
.komp-fanslider-controls.mobile {
  display: none;
}

@media (max-width: 1199px) {
  .komp-fanslider.desktop,
  .komp-fanslider-marker.desktop,
  .komp-fanslider-controls.desktop {
    display: none;
  }
  .komp-fanslider.mobile,
  .komp-fanslider-marker.mobile,
  .komp-fanslider-controls.mobile {
    display: flex;
  }
  .komp-fanslider-controls.mobile {
    margin-top: 0 !important;
  }
}
ul.komp-fanslider > li > .img-wrapper.shadow img {
  box-shadow: 0 0 18px 0 rgba(0, 57, 67, 0.2);
}

ul.komp-fanslider.mobile li {
  flex: 0 0 60vw;
  min-height: 60vw;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  place-items: center;
}
@media (max-width: 800px) {
  ul.komp-fanslider.mobile li {
    flex: 0 0 85vw;
    min-height: 85vw;
  }
}
@media (max-width: 480px) {
  ul.komp-fanslider.mobile li {
    flex: 0 0 100vw;
    min-height: 100vw;
  }
}
ul.komp-fanslider.mobile li > .img-wrapper {
  grid-area: 1/1;
}
ul.komp-fanslider.mobile li.grid_1 > .img-wrapper:nth-of-type(1) {
  width: 41%;
  min-width: 133px;
  aspect-ratio: 67/90;
}
ul.komp-fanslider.mobile li.grid_1 > .img-wrapper:nth-of-type(2), ul.komp-fanslider.mobile li.grid_1 > .img-wrapper:nth-of-type(3) {
  width: 60%;
  min-width: 212px;
  aspect-ratio: 212/137;
}
ul.komp-fanslider.mobile li.grid_1.stacked > .img-wrapper:nth-of-type(1) {
  transform: translate3d(0, 65%, 0) scale(0.42) rotate(0);
}
ul.komp-fanslider.mobile li.grid_1.stacked > .img-wrapper:nth-of-type(2) {
  transform: translate3d(0, 80%, 0) scale(0.45) rotate(0);
}
ul.komp-fanslider.mobile li.grid_1.stacked > .img-wrapper:nth-of-type(3) {
  transform: translate3d(0, 90%, 0) scale(0.45) rotate(0);
}
ul.komp-fanslider.mobile li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(1) {
  transform: translate3d(70%, -35%, 0) scale(1) rotate(0);
}
ul.komp-fanslider.mobile li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(2) {
  transform: translate3d(-27%, -22%, 0) scale(1) rotate(0);
}
ul.komp-fanslider.mobile li.grid_1:not(.stacked) > .img-wrapper:nth-of-type(3) {
  transform: translate3d(26%, 67%, 0) scale(1) rotate(0);
}
ul.komp-fanslider.mobile li.grid_2 > .img-wrapper:nth-of-type(1) {
  width: 55%;
  min-width: 212px;
  aspect-ratio: 212/137;
}
ul.komp-fanslider.mobile li.grid_2 > .img-wrapper:nth-of-type(2) {
  width: 80%;
  min-width: 255px;
  aspect-ratio: 51/32;
}
ul.komp-fanslider.mobile li.grid_2 > .img-wrapper:nth-of-type(3) {
  width: 40%;
  min-width: 150px;
  aspect-ratio: 1/1;
}
ul.komp-fanslider.mobile li.grid_2.stacked > .img-wrapper:nth-of-type(1) {
  transform: translate3d(0, 90%, 0) scale(0.4) rotate(0);
}
ul.komp-fanslider.mobile li.grid_2.stacked > .img-wrapper:nth-of-type(2) {
  transform: translate3d(0, 65%, 0) scale(0.4) rotate(0);
}
ul.komp-fanslider.mobile li.grid_2.stacked > .img-wrapper:nth-of-type(3) {
  transform: translate3d(0, 80%, 0) scale(0.4) rotate(0);
}
ul.komp-fanslider.mobile li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(1) {
  transform: translate3d(42%, -80%, 0) scale(1) rotate(0);
}
@media (max-width: 480px) {
  ul.komp-fanslider.mobile li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(1) {
    transform: translate3d(30%, -80%, 0) scale(1) rotate(0);
  }
}
ul.komp-fanslider.mobile li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(2) {
  transform: translate3d(-22%, 0, 0) scale(1) rotate(0);
}
@media (max-width: 480px) {
  ul.komp-fanslider.mobile li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(2) {
    transform: translate3d(-15%, 0, 0) scale(1) rotate(0);
  }
}
ul.komp-fanslider.mobile li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(3) {
  transform: translate3d(80%, 60%, 0) scale(1) rotate(0);
}
@media (max-width: 480px) {
  ul.komp-fanslider.mobile li.grid_2:not(.stacked) > .img-wrapper:nth-of-type(3) {
    transform: translate3d(50%, 46%, 0) scale(1) rotate(0);
  }
}

.komp-fanslider.mobile {
  margin-bottom: 0 !important;
}

.komp-clipboard .laptop-stockimage {
  pointer-events: none;
  z-index: 3;
  max-width: 1000px;
}
.komp-clipboard .laptop-stockimage .uk-box-shadow-bottom::after {
  opacity: 0 !important;
}
.komp-clipboard .laptop-stockimage .k-light {
  z-index: -1;
}

@media (max-width: 1199px) {
  .komp-clipboard .laptop-stockimage {
    max-width: 80%;
  }
}
@media (max-width: 600px) {
  .komp-clipboard .laptop-stockimage {
    max-width: 100%;
  }
}
.komp-fanslider.laptop {
  opacity: 0;
}

/*
.clipboard-board-bg {
  &::after {
    content: '';
    background: rgba(0,57,67,.2);
    filter: blur(10px);
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: -10;
    transform: skew(32deg) translateX(-32px);
    bottom: 2px;
    left: 0;
  }
}
 */
.komp-fanslider.clipboard {
  opacity: 0;
}

.clipboard-wrapper {
  pointer-events: none;
}

@media (max-width: 1199px) {
  .clipboard-wrapper {
    max-width: 75% !important;
  }
  .komp-fanslider.clipboard {
    padding-top: 1.65%;
  }
}
@media (max-width: 800px) {
  .clipboard-wrapper {
    max-width: 85% !important;
  }
  .komp-fanslider.clipboard {
    padding-top: 2%;
    padding-bottom: 2%;
  }
}
@media (max-width: 500px) {
  .clipboard-wrapper {
    max-width: 100% !important;
  }
  .komp-fanslider.clipboard {
    padding-top: 2.3%;
    padding-bottom: 2.5%;
  }
}
.clipboard-clip {
  transform: translateY(-70%);
  z-index: 3;
}
.clipboard-clip img {
  width: 22%;
}

.clipboard-board-bg::after {
  content: "";
  background-image: url("/wp-content/themes/yootheme-child/images/clipboard/shadow.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 176px;
  height: 100px;
  position: absolute;
  z-index: -10;
  bottom: -9px;
  right: calc(100% - 9px);
}

ul.komp-fanslider.clipboard > li > div {
  max-width: 1027px;
  margin: 0 auto;
}

@media (max-width: 1700px) {
  body.home .komp-fanslider-controls.desktop {
    margin-top: -90px;
  }
}/*# sourceMappingURL=komp-fanslider.css.map */