/*!
 * DS Image with text and key facts
 *
 * The key facts row of sections/ds-image-with-text-and-key-facts.liquid, from
 * Figma node 1598:17723 ("Kennzahlen"). The rest of the section is the stock
 * image-with-text and is styled by the theme.
 *
 * The row is the foot of the text column: a rule across the column, then up to
 * three figures side by side with a hairline between them. The section loads
 * this file itself through asset_url, so without it the row is unstyled.
 *
 * Also carries the stacked mobile layout of the facts, the rating star and the
 * quote bubble over the image — each under its own heading below.
 */.ds-key-facts{display:flex;flex-wrap:nowrap;align-items:start;gap:var(--ds-key-facts-gap, var(--sp-6));padding-block-start:1.375rem;border-block-start:1px solid rgb(var(--color-foreground) / .14)}.ds-key-fact{display:flex;flex-direction:column;gap:.1875rem;flex:1 1 0;min-width:0}.ds-key-fact+.ds-key-fact{padding-inline-start:var(--ds-key-facts-gap, var(--sp-6));border-inline-start:1px solid rgb(var(--color-foreground) / .14)}.ds-key-fact__figure{margin:0;font-size:1.375rem;line-height:1.18;text-transform:none}.ds-key-fact__text{margin:0;font-size:var(--text-xs);line-height:1.34;color:rgb(var(--color-foreground) / .6)}@media screen and (max-width:767px){.ds-key-facts{--ds-key-facts-gap: var(--sp-3)}}.ds-key-fact__star{display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-inline-start:.375rem;vertical-align:middle}@media screen and (max-width:767px){.ds-key-facts--column-mobile{flex-direction:column;align-items:stretch;gap:0;padding-block-start:0}.ds-key-facts--column-mobile .ds-key-fact{flex:none;flex-direction:row;align-items:center;gap:var(--sp-4);padding-block:1rem;border-block-end:1px solid rgb(var(--color-foreground) / .14)}.ds-key-facts--column-mobile .ds-key-fact+.ds-key-fact{padding-inline-start:0;border-inline-start:0}.ds-key-facts--column-mobile .ds-key-fact__figure{flex:0 0 6.25rem;font-size:1.625rem;line-height:1.21}.ds-key-facts--column-mobile .ds-key-fact__text{flex:1 1 0;min-width:0;font-size:.84375rem;line-height:1.41}}.ds-image-bubble{--ds-bubble-inset: 1.3125rem;position:absolute;z-index:1;inset-inline-start:var(--ds-bubble-inset);inset-block-end:var(--ds-bubble-inset);display:flex;flex-direction:column;gap:1rem;max-width:min(24.9375rem,100% - 2 * var(--ds-bubble-inset));margin:0;padding:1rem;border-radius:1rem;background:#fff;color:#221c35;box-shadow:0 8px 24px #221c3529}.ds-image-bubble__quote{margin:0;padding:0;border:0;font-size:1.1875rem;font-weight:500;font-style:normal;line-height:1.53}.ds-image-bubble__quote p{margin:0}.ds-image-bubble__author{font-size:.8125rem;font-style:italic;line-height:1.38;color:#221c3599}@media screen and (max-width:767px){.ds-image-bubble{--ds-bubble-inset: .9375rem;gap:.75rem;max-width:min(18.625rem,100% - 2 * var(--ds-bubble-inset));padding:.75rem;border-radius:.75rem}.ds-image-bubble__quote{font-size:.8125rem;line-height:1.54}.ds-image-bubble__author{font-size:.75rem;line-height:1.42}}@media screen and (min-width:768px){.ds-image-rounded,.ds-image-rounded>.media{border-radius:var(--ds-image-radius, 1rem)}}@media screen and (max-width:767px){.ds-image-rounded-mobile,.ds-image-rounded-mobile>.media{border-radius:var(--ds-image-radius, 1rem)}}@media screen and (max-width:767px){.ds-fullscreen-mobile .page-width{padding-inline:0}.ds-fullscreen-mobile .image-with-text.with-background{background:none;border-radius:0}.ds-fullscreen-mobile .image-with-text .image-with-text__item .rich-text{padding:0 var(--page-padding) 0}.ds-fullscreen-mobile .ds-image-rounded-mobile,.ds-fullscreen-mobile .ds-image-rounded-mobile>.media{border-radius:0}}@media screen and (max-width:767px){.ds-image-padding-mobile:is(.ds-fullscreen-mobile,:has(.with-background)){--ds-image-radius: .875rem}.ds-image-padding-mobile:is(.ds-fullscreen-mobile,:has(.with-background)) .image-with-text__media{position:relative;padding:var(--page-padding) var(--page-padding) 0}.ds-image-padding-mobile.ds-fullscreen-mobile .image-with-text__media{padding-block-start:0}.ds-image-padding-mobile:is(.ds-fullscreen-mobile,:has(.with-background)) .image-with-text__item .rich-text{padding-inline:var(--page-padding);padding-block-start:var(--page-padding)}.ds-image-padding-mobile.ds-fullscreen-mobile .ds-image-rounded-mobile,.ds-image-padding-mobile.ds-fullscreen-mobile .ds-image-rounded-mobile>.media{border-radius:var(--ds-image-radius)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-image-with-text-and-key-facts.css.map */