.startseite-hero{--cards-overhang: 62px;background-image:linear-gradient(var(--color-bg-primary-subtler, #ebe8ff),var(--color-bg-primary-subtler, #ebe8ff));background-repeat:no-repeat;background-size:100% calc(100% - var(--cards-overhang))}.startseite-hero__container{max-width:var(--container-max-width);margin:0 auto;padding:48px 64px 0}.startseite-hero__stage{display:flex;align-items:center;justify-content:center;gap:16px}.startseite-hero__bild{width:clamp(200px,21vw,300px);height:auto;flex-shrink:0}.startseite-hero__content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.startseite-hero__headline{margin:0;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:8px}.startseite-hero__headline-zeile{display:inline-block;padding:0 8px;background:var(--color-bg-surface-inverse, #060708);color:var(--color-text-inverse, #f8f9fb);white-space:nowrap}.startseite-hero__description{margin:24px 0 0;max-width:600px;color:var(--color-text-subtle, #353a42)}.startseite-hero__rating{margin-top:32px;display:inline-flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border-radius:999px;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f;text-decoration:none}.startseite-hero__rating-stars{display:inline-flex;align-items:center;gap:4px}.startseite-hero__star{width:16px;height:16px;display:block}.startseite-hero__rating-text{display:inline-flex;align-items:center;gap:4px;color:#000;white-space:nowrap}.startseite-hero__cards{position:relative;display:flex;gap:32px;padding:0 8px;margin-top:-10px}.startseite-hero__card{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-surface, #fdfdfd);border:1px solid var(--color-border-subtle, rgba(20, 27, 40, .05));border-radius:16px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.startseite-hero__card:hover{transform:translateY(-2px);box-shadow:0 16px 24px -4px #1018281f,0 6px 8px -2px #1018280a}.startseite-hero__card-bild{width:96px;height:96px;border-radius:8px;object-fit:cover;flex-shrink:0}.startseite-hero__card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.startseite-hero__card-titel,.startseite-hero__card-copy{color:#000}.startseite-hero__card-btn{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease}.startseite-hero__card:hover .startseite-hero__card-btn{background:#0607080d}@media screen and (max-width:1200px){.startseite-hero__container{padding:40px 32px 0}.startseite-hero__cards{gap:16px;padding:0}}@media screen and (max-height:850px){.startseite-hero__card-bild{width:76px;height:76px}}@media screen and (max-width:1000px){.startseite-hero{--cards-overhang: 260px}.startseite-hero__cards{flex-direction:column;gap:16px;margin-top:24px}}@media screen and (max-width:900px){.startseite-hero{--cards-overhang: 220px}.startseite-hero__container{padding:24px 16px 0}.startseite-hero__stage{flex-wrap:wrap;justify-content:center;row-gap:32px}.startseite-hero__bild{width:calc(50% - 8px)}.startseite-hero__bild--links{order:0}.startseite-hero__bild--rechts{order:1}.startseite-hero__content{order:2;width:100%;flex:none}.startseite-hero__rating{margin-top:24px}.startseite-hero__card{padding:8px}.startseite-hero__card-copy{display:none}}@media screen and (min-width:501px)and (max-width:900px){.startseite-hero__bild{width:clamp(150px,30vw,240px)}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/startseite-hero.css.map */