.account-flyout.tippy-box {
  background-color: #fff;
  border: 1px solid #bfbfbf;
  color: #000;
}
.account-flyout .account-flyout__content {
  background-color: #fff;
  padding: 14px;
  text-align: left;
  width: 350px;
}
.account-flyout .account-flyout__content .navigation-list__item:first-of-type {
  margin-bottom: 15px;
}
.account-flyout .account-flyout__content .navigation-list__item:first-of-type .navigation-list__link {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 120%;
  text-transform: uppercase;
}
.account-flyout .account-flyout__content .navigation-list__item:not(:last-of-type) {
  margin-bottom: 10px;
}
.account-flyout__text {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 10px;
}
.account-flyout__text,
.account-flyout__text--bold {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.account-flyout__text--bold {
  font-weight: 500;
}
.account-flyout__text:first-of-type {
  margin-top: 30px;
}
.account-flyout__text--de {
  display: list-item;
  list-style-type: disc;
}
.account-flyout__icon {
  margin-right: 4px;
}
.account-flyout__logout-text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}
.account-flyout__logout-text,
.account-flyout__logout-text--bold {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.account-flyout__logout-text--bold {
  border-top: 1px solid #e6e6e6;
  font-weight: 500;
  margin-bottom: 2px;
  padding-top: 12px;
}
.account-flyout__logout-text--link {
  cursor: pointer;
  display: inline-block;
}
.account-flyout__button.button {
  margin-bottom: 30px;
}
.account-flyout__button--main.button {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .account-flyout__button--main.button {
    padding: 12px;
  }
}
.account-flyout__link.link {
  display: block;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin-top: 30px;
}
.account-flyout:not(.tippy-box) {
  padding-left: 14px;
}
.ccSxbr6rbNQT3doln_cn {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  letter-spacing: 0;
  line-height: 150%;
  white-space: nowrap;
}
.qJcK_JVSlnu3T1S1zmeV {
  border: 2px solid transparent;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  width: 64px;
}
.qJcK_JVSlnu3T1S1zmeV:active {
  border: 2px solid #212121;
}
.header-component__item {
  align-items: center;
  display: flex;
  flex: 0 0 29px;
  justify-content: center;
  outline: none;
}
.header-component__item .button__with-icon--transparent {
  height: 48px;
}
@media screen and (min-width: 1024px) {
  .header-component__item--disabled {
    pointer-events: none;
  }
}
.header-component__item--favorite-store {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header-component__item--favorite-store {
    display: flex;
    order: 3;
    padding: 12px;
  }
}
.header-component__item--account {
  order: 1;
}
@media screen and (min-width: 768px) {
  .header-component__item--account {
    padding: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .header-component__item--account {
    order: 4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header-component__item--account {
    order: 2;
  }
}
.header-component__item--logo {
  display: flex;
  flex: 1 0 auto;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  order: 2;
  padding-top: 6px;
  width: 100.18px;
}
@media screen and (min-width: 768px) {
  .header-component__item--logo {
    margin-left: 85px;
  }
}
@media screen and (min-width: 1024px) {
  .header-component__item--logo {
    left: 50%;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    transform: translate(-50%);
  }
}
@media screen and (max-width: 320px) {
  .header-component__item--logo {
    max-width: 130px;
  }
}
.header-component__item--wishlist {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 0;
  position: relative;
  width: 100%;
  width: 48px;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .header-component__item--wishlist {
    padding: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .header-component__item--wishlist {
    order: 3;
  }
}
@media screen and (min-width: 1024px) {
  .header-component__item--wishlist {
    order: 5;
  }
}
.header-component__item--wishlist .wishlist__link {
  display: inline-block;
  line-height: 0;
  margin-bottom: 0;
  padding: 12px;
}
.header-component__item--wishlist .wish-list-button__icon {
  animation: none;
}
.header-component__item--mini-cart {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .header-component__item--mini-cart {
    order: 4;
  }
}
@media screen and (min-width: 1024px) {
  .header-component__item--mini-cart {
    order: 6;
    padding: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header-component__item--mini-cart {
    padding: 12px;
  }
}
.header-component__item--mini-cart .mini-cart__link {
  display: inline-block;
  line-height: 0;
}
.header-component__item--beauty-booking {
  margin-right: 12px;
  padding: 2px;
}
@media screen and (min-width: 1024px) {
  .header-component__item--beauty-booking {
    order: 2;
  }
}
@media screen and (max-width: 1023px) {
  .header-component__item--beauty-booking {
    display: none;
  }
}
.header-component__item--beauty-booking .link,
.header-component__item--beauty-booking .link--text {
  border-bottom: 1px solid #000;
  color: #212121;
  text-decoration: none;
}
.header-component__item--beauty-booking .link--text:focus,
.header-component__item--beauty-booking .link--text:hover,
.header-component__item--beauty-booking .link:focus,
.header-component__item--beauty-booking .link:hover {
  border-bottom: none;
  color: #212121;
}
.header-component__item--beauty-booking .link--text:active,
.header-component__item--beauty-booking .link:active {
  color: #212121;
}
.header-component__item--beauty-booking .link--text:visited,
.header-component__item--beauty-booking .link:visited {
  border-bottom: 1px solid #595959;
  color: #595959;
}
.header-component__item--hamburger {
  padding: 12px 10.5px 0;
}
@media screen and (max-width: 767px) {
  .header-component__item--hamburger:hover {
    border-radius: 50%;
    cursor: pointer;
  }
}
.header-component__item--account,
.header-component__item--favorite-store,
.header-component__item--mini-cart,
.header-component__item--wishlist {
  height: 48px;
}
@media screen and (max-width: 767px) {
  .header-component__item--account:hover,
  .header-component__item--favorite-store:hover,
  .header-component__item--mini-cart:hover,
  .header-component__item--wishlist:hover {
    border-radius: 50%;
    cursor: pointer;
  }
}
.header-component__item--navigation {
  display: none;
  height: 48px;
  line-height: 44px;
  margin: 0;
  order: 6;
}
@media screen and (min-width: 1024px) {
  .header-component__item--navigation {
    display: block;
  }
}
.header-component__item--search {
  flex-basis: 100%;
  margin: 0;
  order: 5;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .header-component__item--search {
    background-color: #fff;
    border-radius: 4px 4px 0;
    flex-basis: 390px;
    height: 29px;
    margin: 12px auto 12px 0;
    order: 1;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .header-component__item--search {
    flex-basis: 382px;
  }
}
.douglas-logo__link {
  display: inline-block;
  line-height: 0;
  width: 130px;
}
.douglas-logo__image {
  height: 24px;
  width: 130px;
}
@media screen and (max-width: 389px) {
  .douglas-logo__image,
  .douglas-logo__link {
    height: 16px;
    width: 87px;
  }
}
.nocibe-logo__link {
  display: inline-block;
  line-height: 0;
  width: 173px;
}
.nocibe-logo__image {
  height: 32px;
  margin-bottom: 2px;
  width: 173px;
}
@media screen and (max-width: 389px) {
  .nocibe-logo__image,
  .nocibe-logo__link {
    height: 24px;
    width: 173px;
  }
}
.r_fqbsTiRHeLHVoQNlVC {
  height: 24px;
  width: 24px;
}
.header-component__item--hamburger {
  display: flex;
  flex-direction: column;
  height: 52px;
  margin-bottom: 4px;
  order: 0;
  position: relative;
  width: 48px;
}
@media screen and (min-width: 1024px) {
  .header-component__item--hamburger {
    display: none;
  }
}
.header-component__menu-text {
  font-weight: 400;
}
.header-component__menu-text,
.number-badge {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 160%;
}
.number-badge {
  background-color: #212121;
  border-radius: 50%;
  color: #fff;
  font-weight: 500;
  height: 16px;
  line-height: 140%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: scale(1) translate(12px, -12px);
  transition: transform 0.13s;
  width: 16px;
  will-change: transform;
}
.number-badge--disabled {
  transform: scale(0);
}
.number-badge__number {
  height: 10px;
  position: absolute;
  text-align: center;
  transition: transform 0.2s;
  width: 100%;
  will-change: transform;
}
.number-badge__number-appear,
.number-badge__number-enter {
  transform: translateY(23px);
}
.number-badge__number-appear-active,
.number-badge__number-enter-active,
.number-badge__number-enter-done,
.number-badge__number-exit {
  transform: translateY(1.5px);
}
.number-badge__number-exit-active {
  transform: translateY(-3px);
}
.product-price__discount-percentage--red {
  color: var(--color-sale-red);
}
.product-price__strikethrough .product-price__price {
  text-decoration: line-through;
}
.product-price__discount {
  display: inline-block;
  white-space: nowrap;
}
.product-price__discount--discount-color {
  color: var(--color-sale-red);
}
.product-price__discount-percentage {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  min-height: 18px;
}
.product-price__no-discount {
  margin-top: 18px;
}
.product-price__extended-content-units {
  display: block;
  white-space: break-spaces;
}
.product-price__lowest {
  color: #595959;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  max-width: 100%;
}
.product-price__lowest--black {
  color: #000;
}
.product-price__lowest--restrict-width {
  max-width: 95%;
}
.product-price__price-block {
  display: inline-block;
}
.product-price__price {
  margin-left: 5px;
}
.product-price__original--normal {
  font-weight: 400;
}
.product-mini-entry {
  border-top: 1px solid #e6e6e6;
  display: flex;
  min-height: 108px;
  padding: 15px 0;
}
.product-mini-entry__image {
  flex: 0 0 78px;
  line-height: 0;
  max-width: 78px;
}
.product-mini-entry__name,
.product-mini-entry__product-family,
.product-mini-entry__qty {
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.product-mini-entry__name {
  font-weight: 500;
}
.product-mini-entry__details,
.product-mini-entry__name {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}
.product-mini-entry__details {
  flex: 1 0 auto;
  font-weight: 400;
  max-width: calc(100% - 78px);
  padding-left: 15px;
}
.product-mini-entry__details-row {
  display: flex;
}
.product-mini-entry__details .product-price__base {
  white-space: nowrap;
}
.product-mini-entry__details .product-price__base--unit {
  color: #8a8a8a;
  margin-left: auto;
}
.mini-cart {
  padding: 14px;
  text-align: left;
  width: 350px;
}
.mini-cart-flyout.tippy-box {
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: unset;
  color: #000;
}
.mini-cart .headline-bold {
  margin-bottom: 10px;
}
.mini-cart__button.button {
  margin-bottom: 0;
  margin-top: 30px;
}
.mini-cart__delivery-cost {
  display: flex;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 150%;
  margin-top: 10px;
}
.mini-cart__delivery-cost--green {
  color: #5fc33c;
}
.mini-cart__delivery-cost--promotion {
  color: var(--color-sale-red);
}
.mini-cart__delivery-cost--promotion-text {
  max-width: calc(100% - 85px);
  overflow-wrap: break-word;
}
.mini-cart__delivery-cost--promotion-price {
  flex: 0 0 70px;
  margin-left: auto;
  text-align: right;
}
.mini-cart__delivery-cost-amount {
  color: #000;
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  line-height: 20px;
  text-align: right;
}
.mini-cart__total {
  display: flex;
  justify-content: space-between;
  letter-spacing: 1px;
  margin-top: 10px;
}
.mini-cart__total .cart-total__title {
  font-weight: 500;
  margin-right: 15px;
}
.mini-cart__total .cart-total__tax,
.mini-cart__total .cart-total__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 150%;
}
.mini-cart__total .cart-total__tax {
  font-weight: 400;
}
.mini-cart__total .product-price__base {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  text-align: right;
}
.mini-cart__cart-entries {
  border-bottom: 1px solid #000;
}
.mini-cart__cart-entries .product-mini-entry__remove .icon {
  height: 12px;
  width: 12px;
}
.mini-cart .product-mini-entry__details {
  max-width: calc(100% - 100px);
}
.mini-cart .douglas-swiper-carousel .swiper-slide {
  width: 100%;
}
.mini-cart .douglas-swiper-carousel--vertical .swiper-container {
  margin-bottom: 17px;
  max-width: none;
}
.mini-cart .douglas-swiper-carousel--vertical .swiper-wrapper {
  bottom: 13px;
  position: relative;
}
.mini-cart .douglas-swiper-carousel--vertical .swiper-slide .image {
  height: 78px;
  width: 78px;
}
.mini-cart .douglas-swiper-carousel .swiper-arrow {
  align-items: center;
  border-top: 1px solid #000;
  display: block;
  display: flex;
  height: 15px;
  justify-content: center;
  width: 100%;
}
.mini-cart .douglas-swiper-carousel .swiper-arrow:hover {
  background-color: #f2f2f2;
  border-top: none;
}
.mini-cart .douglas-swiper-carousel .swiper-arrow--disabled:hover {
  background-color: transparent;
  border-top: 1px solid #000;
}
.mini-cart .douglas-swiper-carousel .swiper-arrow .arrow-triangle {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #000;
  height: 0;
  width: 0;
}
.mini-cart .douglas-swiper-carousel .swiper-arrow.swiper-button-next {
  left: 0;
  position: absolute;
  top: 310px;
}
.mini-cart__icon {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 0;
  position: relative;
  width: 100%;
  z-index: 3;
}
.mini-cart__icon:hover {
  cursor: pointer;
}
.mini-cart__icon:focus {
  outline: none;
}
.mini-cart .mini-cart__flyout-entry {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .mini-cart__link {
    padding: 12px;
  }
}
:export {
  colorGreyLight5: #f2f2f2;
  colorGreyDark50: #8a8a8a;
  colorGreyMedium: #e6e6e6;
  colorMintBright: var(--color-brand-bright);
  colorMintMedium: var(--color-brand-medium);
  colorBlack: #000;
  colorWhite: #fffffd;
  colorBrandLight: var(--color-brand-light);
  bgColorLightMint: #e6f6f4;
  bgColorLightRose: #ffebf0;
  bgColorRed: #ffebee;
  bgColorPink: #fce4ec;
  bgColorViolet: #f3e5f5;
  bgColorPurple: #ede7f6;
  bgColorIndigo: #e8eaf6;
  bgColorBlue: #e3f2fd;
  bgColorBabyBlue: #e1f5fe;
  bgColorCyan: #e0f7fa;
  bgColorTeal: #e0f2f1;
  bgColorGreen: #e8f5e9;
  bgColorFreshGreen: #f1f8e9;
  bgColorLime: #f9fbe7;
  bgColorYellow: #fffde7;
  bgColorAmber: #fff8e1;
  bgColorOrange: #fff3e0;
  bgColorRedOrange: #fbe9e7;
  bgColorMakeUp: #f7f1ed;
  bgColorBrown: #efebe9;
  bgColorGrey: #f2f2f2;
  bgColorBlueGrey: #eceff1;
  criteoColorGray: #b3b3b3;
  criteoColorBlack: #322b29;
  criteoColorDarkBrown: #5e534e;
}
.wish-list-button__icon {
  animation: bounce-in 0.2s;
  border-radius: 50%;
}
.wish-list-button__icon:hover {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .wish-list-cart-modal .subtitle {
    margin: 0;
  }
}
.wish-list-modal__header .modal-header__title-container .modal-header__title {
  font-family:
    Avenir Next,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 150%;
  text-transform: uppercase;
}
.wish-list-modal__text {
  border-top: 1px solid #000;
  display: block;
  margin-top: 10px;
  padding-top: 20px;
}
.wish-list-modal__buttons {
  display: flex;
  flex-direction: column;
  margin: 8px 0 -7px;
}
@media screen and (min-width: 768px) {
  .wish-list-modal__buttons {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.wish-list-modal__button {
  margin: 7px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .wish-list-modal__button {
    margin-bottom: 0;
    width: 216px;
  }
}
.wish-list-modal__button--continue-shopping {
  margin-right: 10px;
}
@keyframes bounce-in {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
@media screen and (max-width: 767px) {
  .wishlist__link {
    padding: 12px;
  }
}
:export {
  transitionInteractionLong: 0.83s;
  transitionInteractionShort: 0.33s;
  transitionDurationModal: 0.35s;
}
:export {
  mobileMax: 767px;
  tabletMax: 1023px;
  desktopMax: 1279px;
  largeMax: 1400px;
}
.header-component {
  min-height: 96px;
  position: relative;
  z-index: 998;
}
.header-component .navigation__wrapper--disabled {
  pointer-events: none;
}
.header-component .navigation__wrapper--disabled .header-component__item--navigation {
  border: none;
}
.header-component .navigation__wrapper--disabled .navigation-main-entry--highlight:before {
  background-color: unset;
}
.header-component__container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .header-component__container {
    align-content: center;
    align-items: center;
    height: 48px;
  }
}
.header-component .header-component__button {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0;
  transition: background-color 0.2s ease-in-out;
  width: 100%;
}
.header-component .apotheke-product__link {
  display: flex;
}