@media only screen and (min-width: 768px){
.o-lqd-hero {
    -ms-grid-columns: 50% 4.1666666667% 45.8333333333%;
    grid-column-gap: 4.1666666667%;
    grid-template-areas: "image text";
    grid-template-columns: 50% 45.8333333333%;
    max-width: 1440px;
}
  .o-lqd-hero .m-sum-3 {
    aspect-ratio: 720/472;
    max-width: 45rem;
    top: -3.875rem;
    width: 100%;
}
  .o-lqd-hero>.m-sum-3 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}
  .o-lqd-hero .teaser--hero {
    margin-right: 9.0909090909%;
}
.o-lqd-hero>.teaser--hero {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}
  .o-lqd-hero .teaser-default__content-wrapper {
    margin: 0 24px;
}
  .o-lqd-hero .sum-3__image-wrapper .a-image {
    left: 16.6666666667%;
    top: 25%;
    width: 83.3333333333%;
}
}
@media only screen and (min-width: 768px){
.o-lqd-hero .m-sum-3 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}
  .o-lqd-hero .teaser--hero {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}
}


.o-lqd-hero .m-sum-3 {
    grid-area: image;
    height: auto;
}
.m-sum-3 {
    position: relative;
}
.o-lqd-hero {
    display: -ms-grid;
    display: grid;
    margin: 0 auto;
    overflow: hidden;
  padding-top: 50px;
}
.m-sum-3 .sum-3__shape-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media not screen and (prefers-reduced-motion:reduce) {
    .sum-3--animated .sum-3__shape {
        animation: 20s linear infinite alternate;
        animation-delay: 1s;
        transition: top,left,transform;
        will-change: transform
    }

    .sum-3--animated .sum-3__shape--1 {
        animation-name: anim-sum3-shape1
    }

    .sum-3--animated .sum-3__shape--2 {
        animation-name: anim-sum3-shape2
    }

    .sum-3--animated .sum-3__shape--3 {
        animation-name: anim-sum3-shape3
    }
}

.m-sum-3 .sum-3__shape--1 {
    aspect-ratio: 363/588;
    translate: 17.05% -29%;
    width: 51.75%
}

.m-sum-3 .sum-3__shape--2 {
    aspect-ratio: 1/1;
    translate: 38.6% -7%;
    width: 53.85%
}

.m-sum-3 .sum-3__shape--3 {
    aspect-ratio: 1/1;
    translate: -12.2% -40.25%;
    width: 50%
}
.m-sum-3 .sum-3__shape {
    background-color: #e20074;
    box-shadow: 5px 0 25px rgba(0,0,0,.2);
    height: auto;
    position: relative;
    transform: rotate(43deg);
}
.o-lqd-hero .sum-3__image-wrapper {
    inset: 0;
    position: absolute;
}
.o-lqd-hero .sum-3__image-wrapper .a-image {
    aspect-ratio: 3/2;
    display: block;
    height: auto;
    position: relative;
}




.o-lqd-hero .teaser--hero {
    color: #262626;
    grid-area: text;
    left: auto;
    padding: 0;
    position: relative;
    top: auto;
}
.teaser--hero {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.o-teaser-default {
    color: #262626;
    text-decoration: none;
}

@keyframes anim-sum3-shape1 {
    0% {
        translate: 17.05% -29%
    }

    50% {
        translate: 27.5% -36%
    }

    to {
        translate: 13.75% -42.5%
    }
}
@keyframes anim-sum3-shape2 {
    0% {
        translate: 38.6% -7%
    }

    50% {
        translate: 16.8% 3%
    }

    to {
        translate: 6.3% 19%
    }
}

@keyframes anim-sum3-shape3 {
    0% {
        translate: -12.2% -40.25%
    }

    50% {
        translate: -1.2% -29.5%
    }

    to {
        translate: 10.3% -51.75%
    }
}

@media only screen and (max-width: 767px){
.o-lqd-hero {
    -ms-grid-columns: 100%;
    -ms-grid-rows: auto auto;
    grid-template-areas:
        "image"
        "text";
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
}
  .o-lqd-hero .sum-3__image-wrapper .a-image {
    left: 4.347826087%;
    top: 2.25rem;
    width: 95.652173913%;
}
  .o-lqd-hero .sum-3__shape-wrapper:first-of-type, .o-lqd-hero .sum-3__shape-wrapper:nth-of-type(2), .o-lqd-hero .sum-3__shape-wrapper:nth-of-type(4) {
    transform: translate(-4.1666666667%,-1.875rem);
}
  .lqd-hero--with-flash .flash--hero-badge, .o-lqd-hero>.teaser--hero {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
}
  .o-lqd-hero .teaser--hero {
    margin: 0.875rem 4.1666666667% 0;
    width: 91.6666666667%;
}
  .o-lqd-hero>.m-sum-3 {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}
  .o-lqd-hero .teaser--hero {
    margin: 0.875rem 4.1666666667% 0;
    width: 91.6666666667%;
}
  .lqd-hero--with-flash .flash--hero-badge, .o-lqd-hero>.teaser--hero {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
}
  .o-lqd-hero .m-sum-3 {
    aspect-ratio: 364/278;
    width: 95.8333333333%;
}
  .o-lqd-hero {
    -ms-grid-columns: 100%;
    -ms-grid-rows: auto auto;
    grid-template-areas:
        "image"
        "text";
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
}
}