.component-width{margin:0 auto}.background__surface--brightest{background-color:#fff}.background__surface--bright{background-color:#f8f8fc}.headline-with-text{padding-top:40px;padding-bottom:40px;display:flex;flex-direction:column;gap:40px;max-width:1200px}.headline-with-text__text .headline-with-text__image{height:180px}.headline-with-text__image{display:flex;justify-content:center;height:fit-content;align-items:center;border-radius:16px}:not(.headline-with-text__text)>.headline-with-text__image>img{width:100%}.headline-with-text__text{display:flex;flex-direction:column;gap:16px}.headline-with-text__text.text-center p{margin:0 auto}.headline-with-text__text ul li{line-height:32px;font-weight:400;font-size:16px;text-align:center;color:#4f276f}.headline-with-text__text ul li:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g clip-path="url(%23clip0_1334_1822)"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.34315 2.84315C3.84344 1.34285 5.87827 0.5 8 0.5C10.1217 0.5 12.1565 1.34285 13.6569 2.84315C15.1571 4.34344 16 6.37827 16 8.5C16 10.6217 15.1571 12.6565 13.6569 14.1569C12.1565 15.6571 10.1217 16.5 8 16.5C5.87827 16.5 3.84344 15.6571 2.34315 14.1569C0.842853 12.6565 0 10.6217 0 8.5C0 6.37827 0.842853 4.34344 2.34315 2.84315ZM7.24967 12.3305L11.9476 6.45805L10.3859 5.20866L7.0838 9.3362L5.54051 7.79293L4.1263 9.20713L7.24967 12.3305Z" fill="%237E4EA2"/></g><defs><clipPath id="clip0_1334_1822"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');margin-right:8px;position:relative;top:4px}.headline-with-text__buttons{display:flex;flex-direction:column;gap:16px}.headline-with-text__liquid>*{color:#4f276f}.headline-with-text__button a.button{background-color:transparent;border:2px solid #4f276f;padding:12px 40px;font-size:16px;font-weight:500;line-height:24px;text-align:center;color:#4f276f}.headline-with-text__button.button--wide,.headline-with-text__button.button--wide a.button{width:100%}.headline-with-text__button{display:flex}.headline-with-text__headline{color:#4f276f;margin-bottom:16px}.headline-with-text__headline h1{color:#4f276f}.headline-with-text__headline .h1--handwritten{font-size:40px;line-height:44px;font-family:Quentin;font-weight:400;color:#7e4ea2;display:block}.headline-with-text__headline h1{font-size:calc(var(--font-heading-scale) * 4rem);line-height:36px}.headline-with-text__accordeon:not(:first-child){margin-top:-24px}.headline-with-text__accordeon .accordeon__answer.active{height:auto;display:block}.headline-with-text__accordeon .accordeon__question{padding-bottom:12px;padding-left:8px;padding-right:8px;border-bottom:1px solid #50276f;cursor:pointer}.headline-with-text__accordeon .accordeon__answer{padding-left:8px;padding-right:8px;padding-top:12px;color:#7e4ea2;height:0;overflow:hidden;display:none}.headline-with-text__accordeon .question__label{padding-right:8px}.headline-with-text__pills{display:flex;flex-direction:row;gap:4px;justify-content:center;flex-wrap:wrap}.swiper-pagination-horizontal.swiper-pagination-bullets .pills__pill.swiper-pagination-bullet{margin:0}.swiperr .swiper-pagination{margin-top:16px}.headline-with-text__pills .pills__pill.swiper-pagination-bullet-active{background-color:#7e4ea2;color:#fff}.swiper-slide.pills-slide:not(.swiper-slide-active) a{pointer-events:none;cursor:pointer}.headline-with-text__pills .pills__pill.swiper-pagination-bullet-active:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5901 3.83939C10.9276 3.41752 10.8592 2.80191 10.4373 2.4644C10.0155 2.12689 9.39984 2.1953 9.06233 2.61718L5.21991 7.42022L3.76106 6.32608C3.32884 6.00193 2.71568 6.08951 2.39151 6.52173C2.06734 6.95395 2.15494 7.56712 2.58716 7.89128L4.80453 9.55431C5.22722 9.87133 5.82529 9.79541 6.15536 9.38281L10.5901 3.83939Z" fill="white"/></svg>');margin-right:4px;top:2px;position:relative}.headline-with-text__pills .pills__pill{flex-wrap:wrap;background-color:#fff;border:1px solid #d4d6ec;padding:12px 16px;border-radius:80px;font-size:12px;font-weight:400;line-height:18px;color:#4f276f;transition:.175s all ease-in-out;width:fit-content;cursor:pointer;display:inline-flex;align-content:center;height:fit-content;opacity:1}.swiper2 .swiper-slide{width:100%}.swiper-slide .slide__content{display:flex;flex-direction:column;gap:12px;background-color:#fff;border-radius:16px;padding-bottom:24px;width:140px}.swiper-slide .slide__details{padding:0 24px;display:flex;flex-direction:column;gap:4px}.swiper-backface-hidden .pills-slide.swiper-slide{transition:75ms all ease-in-out;opacity:.7;width:140px}:not(.swiperr) .swiper-slide img{background-color:var(--accent-background);border-radius:16px;max-width:100%}.swiper-slide.pills-slide{display:flex;align-items:center;flex-direction:column}.swiper-slide.pills-slide.swiper-slide-active{z-index:99999;transform:scale(1.2);opacity:1}.swiper-faded{mask-image:linear-gradient(to right,transparent,black 40%,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent,black 40%,black 60%,transparent 100%);padding-bottom:30px}.swiper-slide.pills-slide>div{display:flex;justify-content:center;background-color:#fff;border-radius:16px;flex-direction:column;gap:8px;text-align:left;color:#4f276f}.swiper-slide.pills-slide *{color:#4f276f}.swiper-slide.pills-slide.swiper-slide-active a.swiper__button{opacity:1}.swiper-slide.pills-slide a.swiper__button{display:inline-block;opacity:0;background-color:rgb(var(--color-base-accent-1));color:#fff;max-width:140px;font-size:12px;padding:8px 16px;margin-top:16px;width:100%;text-align:center;border-radius:24px;transition:.175s all ease-in-out}.swiper .swiper-wrapper{width:100%!important}.swiper .swiper-button{position:absolute;top:calc(50% - 28px);z-index:2;opacity:0;transition:.175s all ease-in-out}.swiper:hover .swiper-button{opacity:1}.swiper .swiper-button.designbites-button-prev{left:12px}.swiper .swiper-button.designbites-button-next{right:12px}.instafeed-new-layout-item{flex-basis:48%}@media screen and (max-width: 768px){.component-width{padding-left:24px;padding-right:24px}}@media screen and (min-width: 1200px){.component-width{max-width:1200px!important}}@media screen and (min-width: 786px){.headline-with-text__headline h1{font-size:48px;line-height:56px}.headline-with-text__headline .h1--handwritten{font-size:64px;line-height:72px}.headline-with-text__text-image{gap:24px}.headline-with-text__text-image img{width:auto}.headline-with-text__text-image .headline-with-text__image{flex-grow:1;min-width:240px;background-color:#f8f8fc;padding:32px;border-radius:24px;max-height:180px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-headline-with-text.css.map */