.yov-hero-gi-valentin {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 1400 1325' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.970875,0,0,0.970875,19.4164,-0.000829516)'%3E%3Cpath d='M1422,1041.73C1278.31,1211.51 996.665,1352.64 668.791,1363.6C413.65,1372.13 145.54,1266.43 -19.999,1129L-19.999,0.001L1422,0.001L1422,1041.73Z' style='fill:%23fdbac3;'/%3E%3C/g%3E%3C/svg%3E");
}
.yov-hero-gi-valentin .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
  position: absolute;
  left: 20%;
  top: 60%;
  z-index: 3;
  aspect-ratio: 1/1;
  padding: 10%;
  background-image: url("data:image/svg+xml,%3Csvg width='471' height='471' viewBox='0 0 471 471' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='138.698' y='-5.30225' width='367.548' height='367.548' rx='19.2541' transform='rotate(23.0729 138.698 -5.30225)' fill='%23d61f2c'/%3E%3C/svg%3E");
  background-size: cover;
  transform: scale(0.6);
}
.yov-hero-gi-valentin .yov-hero-gi-bg-holder {
  top: 0;
  left: 0;
}
.yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-smile {
  top: -3rem;
  left: -8rem;
}
.yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-smile svg {
  width: 25rem;
  transform: rotate(340deg);
}
.yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
  top: 27%;
  right: -1rem;
}
.yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
  width: 5rem;
  transform: rotate(20deg);
}
.yov-hero-gi-valentin .yov-trust-item .fa-star,
.yov-hero-gi-valentin .yov-trust-item .fa-award {
  color: #1c1937;
}

.yov-hero-gi-ostern {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 1400 1325' version='1.1' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(0.970875,0,0,0.970875,19.4164,-0.000829516)'%3E%3Cpath d='M1422,1041.73C1278.31,1211.51 996.665,1352.64 668.791,1363.6C413.65,1372.13 145.54,1266.43 -19.999,1129L-19.999,0.001L1422,0.001L1422,1041.73Z' style='fill:%23F2A20C;'/%3E%3C/g%3E%3C/svg%3E");
}
.yov-hero-gi-ostern .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
  position: absolute;
  left: 20%;
  top: 60%;
  z-index: 3;
  aspect-ratio: 1/1;
  padding: 10% 8% 10% 12%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 463 469' style='enable-background:new 0 0 463 469;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23d61f2c;%7D%0A%3C/style%3E%3Cpath class='st0' d='M182.9,14.3c7-7.9,18.3-10.2,27.9-5.9L439.7,112c9.5,4.3,15.3,14.4,14.2,24.9L427,388.8 c-1.2,10.5-8.9,19.1-19.1,21.3l-245.5,52.1c-10.2,2.1-20.7-2.5-25.9-11.8l-125-219.8c-5.2-9.2-4-20.7,3.1-28.5L182.9,14.3z'/%3E%3C/svg%3E");
  background-size: cover;
  transform: scale(0.7);
}
.yov-hero-gi-ostern .yov-hero-gi-bg-holder {
  top: 0;
  left: 0;
}
.yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-halbkreis {
  top: -7rem;
  left: -6rem;
}
.yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-halbkreis svg {
  width: 18rem;
  transform: rotate(290deg);
}
.yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
  top: 29%;
  right: 1rem;
}
.yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
  width: 3rem;
  transform: rotate(20deg);
}
.yov-hero-gi-ostern .yov-trust-item .fa-star,
.yov-hero-gi-ostern .yov-trust-item .fa-award {
  color: #1c1937;
}

.yov-hero-gi-content-to-front {
  z-index: 5;
}

.yov-gigc {
  color: #f2a20c;
  letter-spacing: 0.075rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background-color: #1c1937;
}

.yov-LP-progress-link-holder a {
  position: relative;
}
.yov-LP-progress-link-holder a i {
  position: absolute;
  left: 0;
  top: 1.25rem;
}
.yov-LP-progress-link-holder a i:hover, .yov-LP-progress-link-holder a i:focus {
  color: #f2a20c;
}

.yov-LP-progress-bar-holder .progress {
  height: 3px;
  padding: 0;
  border-radius: 0;
}

.yov-LP-hero-bg-neutral {
  color: #1c1937;
}
.yov-LP-hero-bg-neutral .yov-heading-overline {
  color: #f2a20c !important;
}
.yov-LP-hero-bg-neutral .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-top {
  width: 300px;
  right: -4%;
}

.yov-LP-hero-einstieg-bild-trust {
  position: absolute;
  left: 10%;
  top: 5%;
  z-index: 3;
  background-color: #ffffff;
  border-radius: 100px;
}
.yov-LP-hero-einstieg-bild-trust i {
  font-size: 0.75rem;
  background-color: #f2a20c;
  padding: 0.3rem 1rem 0.3rem 0.25rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.yov-LP-versand-geschenk-optionen-spaltig .yov-LP-versand-geschenk-optionen-einzelspalte {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.yov-LP-versand-geschenk-optionen-spaltig .yov-LP-versand-geschenk-optionen-einzelspalte .yov-LP-versand-geschenk-optionen-image-holder {
  width: 100%;
  height: 250px;
  border-bottom: 1px solid #e6e6e6;
}
.yov-LP-versand-geschenk-optionen-spaltig .yov-LP-versand-geschenk-optionen-einzelspalte .yov-LP-versand-geschenk-optionen-image-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yov-LP-usp-box i {
  width: 4rem;
  font-size: 3rem;
}

.yov-LP-usp-box-cream-bottom {
  background-color: #fdf9f1;
}

.yov-special-orange-box .yov-LP-special-orange-box-bild-break-out {
  position: relative;
  top: -6rem;
  left: 0;
  width: 100%;
  margin-bottom: -10rem;
}

@media screen and (min-width: 415px) {
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 29%;
  }

  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 30%;
  }

  .yov-LP-hero-bg-neutral .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-top {
    width: 320px;
    top: 55%;
    right: -4%;
  }
}
@media screen and (min-width: 425px) {
  .yov-hero-gi-valentin .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    left: 25%;
    top: 65%;
    transform: scale(0.85);
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 31%;
  }

  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 32%;
  }
}
@media screen and (min-width: 440px) {
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 33%;
  }

  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 35%;
  }
}
@media screen and (min-width: 460px) {
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 35%;
  }

  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 40%;
  }
}
@media screen and (min-width: 500px) {
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 40%;
    right: 1rem;
  }

  .yov-LP-hero-bg-neutral .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-top {
    width: 350px;
    top: 60%;
    right: -4%;
  }
}
@media screen and (min-width: 576px) {
  .yov-hero-gi-valentin .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 60%;
    transform: scale(0.65);
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 39%;
  }

  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 40%;
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
    width: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .yov-hero-gi-valentin .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 65%;
    transform: scale(0.8);
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-halbkreis {
    top: 10rem;
    right: -7rem;
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-halbkreis svg {
    width: 20rem;
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 43%;
    right: 3rem;
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
    width: 10rem;
  }

  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 47%;
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
    width: 10rem;
  }

  .yov-LP-hero-bg-neutral .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-top {
    width: 420px;
    top: 55%;
    right: -4%;
  }
}
@media screen and (min-width: 992px) {
  .yov-hero-gi-valentin .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 70%;
    left: 30%;
    transform: scale(0.95);
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 52%;
    right: 2rem;
  }

  .yov-hero-gi-ostern .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 70%;
    left: 30%;
    transform: scale(0.95);
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 52%;
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
    width: 10rem;
  }

  .yov-LP-hero-bg-neutral .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-top {
    width: 600px !important;
    top: 55% !important;
    right: -7% !important;
  }

  .yov-special-orange-box .yov-LP-special-orange-box-bild-break-out {
    top: -2rem;
    left: -4rem;
    width: 120%;
  }
}
@media screen and (min-width: 1200px) {
  .yov-hero-gi-valentin .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 40%;
    left: 23%;
    transform: scale(0.85);
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-smile {
    top: 1.5rem;
    left: -8rem;
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-smile svg {
    width: 30rem;
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-halbkreis {
    top: 25rem;
    right: -15rem;
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 1.5rem;
    right: 1.5rem;
  }
  .yov-hero-gi-valentin .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
    width: 8rem;
  }

  .yov-hero-gi-ostern .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 40%;
    left: 23%;
    transform: scale(0.85);
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz {
    top: 14%;
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-herz svg {
    width: 8rem;
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-polygon {
    top: 24rem;
    right: -9rem;
  }
  .yov-hero-gi-ostern .yov-hero-gi-bg-holder .yov-hero-gi-bg-polygon svg {
    width: 15rem;
  }

  .yov-LP-hero-bg-neutral .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-top {
    width: 450px !important;
    top: 45% !important;
    right: -7% !important;
  }

  .yov-special-orange-box .yov-LP-special-orange-box-bild-break-out {
    top: -5rem;
    left: -4rem;
    width: 120%;
  }
}
@media screen and (min-width: 1400px) {
  .yov-hero-gi-valentin .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 55%;
  }

  .yov-hero-gi-ostern .yov-hero-einstieg-bild-holder .yov-hero-einstieg-bild-stoerer {
    top: 55%;
  }
}