.kg-hero__picture{position:absolute;inset:0;z-index:-2;display:block}
.kg-hero__picture .kg-hero__img{z-index:auto}
.kg-hero--full-image{background:var(--kg-hero-fill,#171610)}
.kg-hero--full-image .kg-hero__picture{width:min(100%,calc(var(--kg-hero-h,420px) * 3));left:50%;right:auto;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.kg-hero--full-image .kg-hero__h,.kg-hero--mobile-product .kg-hero__h{text-shadow:0 2px 12px #0008}
@media(max-width:749px){
 .kg-hero--full-image .kg-hero__picture{width:100%;left:0;right:0;transform:none;mask-image:none}
 .kg-hero--mobile-product::after{background:linear-gradient(90deg,rgba(10,15,11,.45),rgba(10,15,11,.22) 48%,transparent 72%)}
 .kg-hero--mobile-product.kg-hero--mitte .kg-hero__inner{width:58%;margin-left:0;margin-right:auto;padding:14px 5px 14px 16px;align-items:flex-start;text-align:left}
 .kg-hero--mobile-product.kg-hero--mitte .kg-hero__h{font-size:2.1rem;line-height:1.1;max-width:100%;margin-left:0;margin-right:0;margin-bottom:8px;text-wrap:balance}
 .kg-hero--mobile-product .kg-hero__dach{font-size:.9rem;letter-spacing:.06em;line-height:1.3;margin-bottom:7px}
 .kg-hero--mobile-product.kg-hero--mitte .kg-hero__text{font-size:1.15rem;line-height:1.4;max-width:100%;margin:0;text-shadow:0 1px 8px #000}
 .kg-hero--mobile-product.kg-hero--mitte .kg-hero__buttons{width:100%;justify-content:flex-start;margin-top:13px}
 .kg-hero--mobile-product .kg-hero__btn-weiss{font-size:1.1rem;padding:9px 8px;min-height:40px;border-radius:12px;width:100%;line-height:1.25}
 .kg-hero--mobile-product .kg-hero__rate{font-size:1rem;line-height:1.4;margin-top:10px;text-shadow:0 1px 8px #000}
 .kg-hero--mobile-product .kg-hero__sterne{letter-spacing:0;display:block;margin-bottom:2px}
}

/* Soft scene continuation on very wide displays, without cropping the products. */
.kg-hero--full-image::before{content:"";position:absolute;inset:-40px;background-image:var(--kg-hero-scene);background-size:cover;background-position:center;filter:blur(32px) brightness(.38);z-index:-3;pointer-events:none}
@media(max-width:749px){.kg-hero--full-image::before{display:none}}
@media(max-width:359px){.kg-hero--mobile-product.kg-hero--mitte .kg-hero__inner{padding-top:10px;padding-bottom:10px}.kg-hero--mobile-product.kg-hero--mitte .kg-hero__buttons{margin-top:10px}}

@media(min-width:750px){.kg-hero--full-image.kg-hero--mitte .kg-hero__text{max-width:32ch}}