.redeem-fill1-wght300-grad0-ops-icon { height: 142px; width: 142px; position: relative; overflow: hidden; flex-shrink: 0; } .gutscheine { margin: 0; position: relative; font-size: inherit; letter-spacing: 0.1em; font-weight: 400; font-family: inherit; } .receipt-icon { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 10px 0 0; box-sizing: border-box; max-width: 100%; } .redeem-fill1-wght300-grad0-ops-parent, .root-container-inner { display: flex; flex-direction: row; align-items: flex-start; max-width: 100%; } .redeem-fill1-wght300-grad0-ops-parent { justify-content: flex-start; gap: 58px; } .root-container-inner { align-self: stretch; justify-content: center; padding: 0 0 0 var(--padding-9xs); box-sizing: border-box; } .auf-alles { margin: 0; align-self: stretch; height: 209px; position: relative; font-size: inherit; letter-spacing: 0.1em; display: flex; align-items: center; flex-shrink: 0; z-index: 1; font-family: inherit; } .locked-icon-child { height: 100%; width: 100%; position: absolute; margin: 0 !important; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--br-6xs); background-color: var(--color-tan); } .freigeschaltet { height: 64px; flex: 1; position: relative; letter-spacing: 0.1em; display: flex; align-items: center; justify-content: center; z-index: 2; } .locked-icon { width: 277px; margin: 0 !important; position: absolute; top: 149px; left: 266px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; text-align: center; font-size: var(--font-size-13xl); color: #0c620a; } .lock-open-fill1-wght300-grad0-icon { width: 78px; height: 78px; position: absolute; margin: 0 !important; top: 61.5px; right: 29px; overflow: hidden; flex-shrink: 0; z-index: 2; } .product-name { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0 0 var(--padding-9xs); position: relative; } .group-24-1 { height: 323px; width: 395px; position: absolute; margin: 0 !important; top: -73.5px; left: 59px; overflow: hidden; flex-shrink: 0; } .auf-deinen-nchsten { height: 289px; flex: 1; position: relative; font-weight: 300; display: inline-block; max-width: 100%; z-index: 1; } .next-shopping-step { flex: 1; flex-direction: row; position: relative; max-width: 100%; } .next-shopping-step, .next-shopping-step-wrapper, .shopping-cart-icon { display: flex; align-items: flex-start; justify-content: flex-start; } .next-shopping-step-wrapper { width: 558px; flex-direction: row; padding: 0 var(--padding-5xs); box-sizing: border-box; max-width: 100%; font-size: var(--font-size-13xl); } .shopping-cart-icon { margin-top: -670px; width: 579px; flex-direction: column; gap: 113.5px; flex-shrink: 0; debug_commit: 1de1738; max-width: 108%; } .frame-child, .syfwa2g { position: relative; max-width: 100%; } .frame-child { height: 104px; width: 527px; border-radius: var(--br-6xs); background-color: var(--color-tan); display: none; } .syfwa2g { margin: 0; height: 100px; flex: 1; font-size: inherit; letter-spacing: 0.29em; font-weight: 300; font-family: inherit; display: flex; align-items: center; justify-content: center; z-index: 1; } .frame-wrapper, .rectangle-parent, .shopping-cart-icon-parent { flex-shrink: 0; display: flex; align-items: flex-start; justify-content: flex-start; } .rectangle-parent { flex: 1; border-radius: var(--br-6xs); background-color: var(--color-tan); flex-direction: row; padding: var(--padding-11xs) var(--padding-mid); } .frame-wrapper, .shopping-cart-icon-parent { box-sizing: border-box; } .frame-wrapper { align-self: stretch; flex-direction: row; padding: 0 0 0 var(--padding-5xs); max-width: 100%; text-align: center; font-size: var(--font-size-29xl); color: var(--color-darkslategray); } .shopping-cart-icon-parent { height: 750px; width: 591px; border-radius: var(--br-xl); background-color: var(--color-floralwhite); overflow: hidden; flex-direction: column; padding: 626px 27px var(--padding-xl) var(--padding-10xl); gap: 54.5px; } .auf-alles1, .freischaltbar { letter-spacing: 0.1em; display: flex; align-items: center; } .auf-alles1 { margin: 0; align-self: stretch; height: 209px; position: relative; font-size: inherit; flex-shrink: 0; z-index: 1; font-family: inherit; } .freischaltbar { width: 277px; height: 64px; position: absolute; margin: 0 !important; right: 36px; bottom: 0; font-size: var(--font-size-13xl); color: var(--color-firebrick); text-align: center; justify-content: center; z-index: 2; } .lock-fill1-wght300-grad0-opsz2-icon { width: 78px; height: 78px; position: absolute; margin: 0 !important; top: 62px; right: 29px; overflow: hidden; flex-shrink: 0; z-index: 2; } .auf-alles-parent, .dauer-5-minuten { position: relative; display: flex; flex-shrink: 0; } .auf-alles-parent { margin-top: -213px; width: 579px; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0 0 var(--padding-9xs); box-sizing: border-box; debug_commit: 1de1738; } .dauer-5-minuten { height: 62px; width: 277px; font-weight: 300; align-items: center; justify-content: center; z-index: 1; } .dauer-5-minuten-wrapper { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; padding: 0 0 var(--padding-20xl-5); } .group-24-11 { position: absolute; top: 107px; left: 90.5px; width: 395px; height: 323px; overflow: hidden; } .frame-item { position: absolute; top: 3px; left: 289.5px; border-radius: var(--br-6xs); background-color: var(--color-tan); width: 277px; height: 64px; } .image-11-icon { position: absolute; top: 0; left: 0; width: 182px; height: 182px; object-fit: cover; mix-blend-mode: multiply; z-index: 2; } .group-24-1-parent { height: 430px; width: 566.5px; position: absolute; margin: 0 !important; top: -182px; left: -24px; } .bewerte-dein-gekauftes, .blank-line, .scanne-den-qr { margin: 0; } .bewerte-dein-gekauftes-container { height: 289px; flex: 1; position: relative; font-weight: 300; display: inline-block; max-width: 100%; z-index: 1; } .frame-parent1 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; position: relative; max-width: 100%; text-align: left; font-size: var(--font-size-13xl); color: var(--color-black); } .mindestbestellwert-betrgt-20 { align-self: stretch; position: relative; font-weight: 300; } .frame-inner { height: 104px; width: 527px; position: relative; border-radius: var(--br-6xs); background-color: var(--color-tan); display: none; max-width: 100%; } .h3, .rectangle-group { display: flex; max-width: 100%; } .h3 { margin: 0; height: 100px; flex: 1; position: relative; font-size: inherit; letter-spacing: 0.29em; font-weight: 300; font-family: inherit; align-items: center; justify-content: center; z-index: 1; } .rectangle-group { align-self: stretch; border-radius: var(--br-6xs); background-color: var(--color-tan); flex-direction: row; align-items: flex-start; justify-content: flex-start; padding: var(--padding-11xs) var(--padding-mid); box-sizing: border-box; font-size: var(--font-size-29xl); color: var(--color-darkslategray); } .separator { flex: 1; flex-direction: column; gap: var(--gap-mini-5); max-width: 100%; } .frame-container, .frame-div, .minimum-order-amount, .separator { display: flex; align-items: flex-start; justify-content: flex-start; } .minimum-order-amount { align-self: stretch; flex-direction: row; padding: 0 var(--padding-6xs) 0 var(--padding-5xs-5); box-sizing: border-box; max-width: 100%; font-size: var(--font-size-xl); color: var(--color-dimgray-100); } .frame-container, .frame-div { flex-shrink: 0; flex-direction: column; } .frame-div { align-self: stretch; gap: var(--gap-sm-5); debug_commit: 1de1738; text-align: center; font-size: var(--font-size-5xl); color: var(--color-gray); } .frame-container { height: 750px; width: 591px; border-radius: var(--br-xl); background-color: var(--color-floralwhite); overflow: hidden; padding: var(--padding-150xl) var(--padding-lgi-5) var(--padding-xl) var(--padding-10xl); box-sizing: border-box; } .auf-alles2, .freischaltbar1 { letter-spacing: 0.1em; display: flex; align-items: center; } .auf-alles2 { margin: 0; align-self: stretch; height: 209px; position: relative; font-size: inherit; flex-shrink: 0; z-index: 1; font-family: inherit; } .freischaltbar1 { width: 277px; height: 64px; position: absolute; margin: 0 !important; right: 36px; bottom: 0; font-size: var(--font-size-13xl); color: var(--color-firebrick); text-align: center; justify-content: center; z-index: 2; } .lock-fill1-wght300-grad0-opsz2-icon1 { width: 78px; height: 78px; position: absolute; margin: 0 !important; top: 62px; right: 29px; overflow: hidden; flex-shrink: 0; z-index: 2; } .auf-alles-group, .dauer-5-minuten1 { position: relative; display: flex; flex-shrink: 0; } .auf-alles-group { margin-top: -213px; width: 579px; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0 0 var(--padding-9xs); box-sizing: border-box; debug_commit: 1de1738; } .dauer-5-minuten1 { height: 62px; width: 277px; font-weight: 300; align-items: center; justify-content: center; z-index: 1; } .dauer-5-minuten-container { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; padding: 0 0 var(--padding-20xl-5); } .group-24-12 { position: absolute; top: 107px; left: 90.5px; width: 395px; height: 323px; overflow: hidden; } .rectangle-div { position: absolute; top: 3px; left: 289.5px; border-radius: var(--br-6xs); background-color: var(--color-tan); width: 277px; height: 64px; } .image-11-icon1 { position: absolute; top: 0; left: 0; width: 182px; height: 182px; object-fit: cover; mix-blend-mode: multiply; z-index: 2; } .group-24-1-group { height: 430px; width: 566.5px; position: absolute; margin: 0 !important; top: -182px; left: -24px; } .blank-line1, .erstelle-ein-post, .p, .scanne-den-qr1 { margin: 0; } .erstelle-ein-post-container { height: 289px; flex: 1; position: relative; font-weight: 300; display: inline-block; max-width: 100%; z-index: 1; } .frame-parent4 { align-self: stretch; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; position: relative; max-width: 100%; text-align: left; font-size: var(--font-size-13xl); color: var(--color-black); } .mindestbestellwert-betrgt-201 { align-self: stretch; position: relative; font-weight: 300; } .frame-child1, .h31 { position: relative; max-width: 100%; } .frame-child1 { height: 104px; width: 527px; border-radius: var(--br-6xs); background-color: var(--color-tan); display: none; } .h31 { margin: 0; height: 100px; flex: 1; font-size: inherit; letter-spacing: 0.29em; font-weight: 300; font-family: inherit; display: flex; align-items: center; justify-content: center; z-index: 1; } .mindestbestellwert-betrgt-20-parent, .rectangle-container { display: flex; align-items: flex-start; justify-content: flex-start; max-width: 100%; } .rectangle-container { align-self: stretch; border-radius: var(--br-6xs); background-color: var(--color-tan); flex-direction: row; padding: var(--padding-11xs) var(--padding-mid); box-sizing: border-box; font-size: var(--font-size-29xl); color: var(--color-darkslategray); } .mindestbestellwert-betrgt-20-parent { flex: 1; flex-direction: column; gap: var(--gap-mini-5); } .frame-wrapper1 { align-self: stretch; flex-direction: row; padding: 0 var(--padding-6xs) 0 var(--padding-5xs-5); box-sizing: border-box; max-width: 100%; font-size: var(--font-size-xl); color: var(--color-dimgray-100); } .frame-group, .frame-parent2, .frame-parent3, .frame-wrapper1 { display: flex; align-items: flex-start; justify-content: flex-start; } .frame-parent3 { align-self: stretch; flex-direction: column; gap: var(--gap-sm-5); flex-shrink: 0; debug_commit: 1de1738; text-align: center; font-size: var(--font-size-5xl); color: var(--color-gray); } .frame-group, .frame-parent2 { box-sizing: border-box; } .frame-parent2 { height: 750px; width: 591px; border-radius: var(--br-xl); background-color: var(--color-floralwhite); overflow: hidden; flex-shrink: 0; flex-direction: column; padding: var(--padding-150xl) var(--padding-lgi-5) var(--padding-xl) var(--padding-10xl); } .frame-group { width: 1979px; overflow-x: auto; flex-direction: row; flex-wrap: wrap; padding: 230.5px 43px; gap: 60px 58px; max-width: 100%; } .die-angaben-basieren { height: 50px; flex: 1; position: relative; font-weight: 300; display: flex; align-items: center; max-width: 100%; } .die-angaben-basieren-jediglich-wrapper, .frame-parent, .root-container { display: flex; justify-content: flex-start; text-align: left; font-family: var(--font-outfit); } .die-angaben-basieren-jediglich-wrapper { width: 1878px; flex-direction: row; align-items: flex-start; padding: 0 30px; box-sizing: border-box; max-width: 100%; font-size: var(--font-size-5xl); color: #666; } .frame-parent, .root-container { flex-direction: column; color: var(--color-black); } .frame-parent { align-items: flex-start; gap: 26px; max-width: 100%; font-size: var(--font-size-45xl); } .root-container { width: 100%; position: relative; background-color: #fff; overflow: hidden; align-items: flex-end; padding: 23px 62px 25px 59px; box-sizing: border-box; gap: 3px; line-height: normal; letter-spacing: normal; font-size: 96px; } @media screen and (max-width: 1200px) { .shopping-cart-icon-parent { padding-top: 407px; padding-bottom: var(--padding-xl); box-sizing: border-box; } .frame-group { padding: 150px 21px; box-sizing: border-box; } } @media screen and (max-width: 1050px) { .gutscheine { font-size: var(--font-size-29xl); } .redeem-fill1-wght300-grad0-ops-parent { flex-wrap: wrap; } .auf-alles { font-size: var(--font-size-32xl); } .auf-deinen-nchsten, .freigeschaltet { font-size: var(--font-size-7xl); } .syfwa2g { font-size: var(--font-size-19xl); } .auf-alles1 { font-size: var(--font-size-32xl); } .bewerte-dein-gekauftes-container, .freischaltbar { font-size: var(--font-size-7xl); } .h3 { font-size: var(--font-size-19xl); } .frame-container { padding-top: var(--padding-91xl); box-sizing: border-box; } .auf-alles2 { font-size: var(--font-size-32xl); } .erstelle-ein-post-container, .freischaltbar1 { font-size: var(--font-size-7xl); } .h31 { font-size: var(--font-size-19xl); } .frame-parent2 { padding-top: var(--padding-91xl); box-sizing: border-box; } .root-container { padding-left: var(--padding-10xl); padding-right: 31px; box-sizing: border-box; } } @media screen and (max-width: 750px) { .shopping-cart-icon-parent { padding-top: 265px; box-sizing: border-box; } .frame-container, .frame-group, .frame-parent2 { padding-top: var(--padding-52xl); box-sizing: border-box; } .frame-group { gap: var(--gap-10xl); padding-top: var(--padding-78xl); padding-bottom: var(--padding-78xl); } } @media screen and (max-width: 450px) { .gutscheine { font-size: var(--font-size-10xl); } .redeem-fill1-wght300-grad0-ops-parent { gap: var(--gap-10xl); } .auf-alles { font-size: var(--font-size-19xl); } .auf-deinen-nchsten, .freigeschaltet { font-size: var(--font-size-lgi); } .syfwa2g { font-size: var(--font-size-10xl); } .auf-alles1 { font-size: var(--font-size-19xl); } .bewerte-dein-gekauftes-container, .dauer-5-minuten, .freischaltbar { font-size: var(--font-size-lgi); } .mindestbestellwert-betrgt-20 { font-size: var(--font-size-base); } .h3 { font-size: var(--font-size-10xl); } .auf-alles2 { font-size: var(--font-size-19xl); } .dauer-5-minuten1, .erstelle-ein-post-container, .freischaltbar1 { font-size: var(--font-size-lgi); } .mindestbestellwert-betrgt-201 { font-size: var(--font-size-base); } .h31 { font-size: var(--font-size-10xl); } .die-angaben-basieren { font-size: var(--font-size-lgi); } }