.cms-product-variant-add-to-cart:hover a,
.cms-product-variant-add-to-cart:focus a,
.deals-component:hover a,
.deals-component:focus a {
  color: inherit;
}

.deals-component {
  width: 100%;
  float: left;
  padding: 0 10px;
}

.deals-component .dealsComponentImg {
  max-width: 100%;
}

.box391 .boxTeaser {
  overflow: hidden;
}

.box391 .boxTeaser .picCol {
  display: inline-block;
  float: left;
}

.box391 .boxTeaser .textCol {
  display: inline-block;
  float: right;
  text-align: left;
}

.box391 .boxTeaser .textCol .sIFR {
  word-wrap: break-word;
}

@media (min-width: 401px) and (max-width: 450px), (min-width: 651px) and (max-width: 700px) {
  .box391 .boxTeaser .picCol {
    width: 45%;
  }

  .box391 .boxTeaser .textCol {
    width: 55%;
  }
}

@media (min-width: 701px) and (max-width: 768px), (min-width: 1024px) {
  .box391 .boxTeaser .picCol {
    width: 55%;
  }

  .box391 .boxTeaser .textCol {
    width: 45%;
  }
}

@media (max-width: 400px), (min-width: 451px) and (max-width: 650px), (min-width: 768px) and (max-width: 1023px) {
  .box391 .boxTeaser .picCol {
    width: 100%;
    float: none;
  }

  .box391 .boxTeaser .textCol {
    width: 100%;
    float: none;
    text-align: center;
    padding-top: 5px;
  }
}

.box391 .boxTeaser {
  height: auto;
}

@media (min-width: 451px) and (max-width: 650px), (min-width: 768px) and (max-width: 1023px) {
  .box391 .boxTeaser {
    height: 310px;
  }
}

@media (min-width: 651px) and (max-width: 768px) {
  .box391 .boxTeaser {
    height: 180px;
  }
}

@media (min-width: 1024px) {
  .box391 .boxTeaser {
    height: 191px;
  }
}

.cms-product-variant-add-to-cart img,
.deals-component img {
  margin: 0 auto;
}

.cms-product-variant-add-to-cart a,
.deals-component a {
  text-decoration: none;
}

.cms-product-variant-add-to-cart a:hover,
.deals-component a:hover {
  text-decoration: none;
}

.teaserDoubleHeadlineImg.margin-bottom {
  margin-bottom: 6px;
}

/* evil, remove this in phase 2 */

.homepage .phase-1-samller-image img {
  max-width: 60%;
  margin-top: 10px;
}

.categorySeoTeaser {
  color: #4f4b43;
  margin-bottom: 20px;
  overflow: hidden;
}

@media (max-width: 500px) {
  .categorySeoTeaser {
    display: none;
  }
}

.categorySeoTeaser .categorySeoTeaserLeft,
.categorySeoTeaser .categorySeoTeaserRight {
  padding: 0;
}

.categorySeoTeaser .categorySeoTeaserRight {
  position: relative;
  background: #eee;
}

.categorySeoTeaser .categorySeoTeaserRight .categorySeoTeaserText {
  z-index: 1;
  top: 4px;
  bottom: 4px;
  display: block;
  left: 15px;
  right: 15px;
  position: absolute;
  padding: 0 !important;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .categorySeoTeaser .categorySeoTeaserRight .categorySeoTeaserText p {
    margin: 0;
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .pID-bader-vor-ort .boxPadding .toggleContent table {
    width: auto !important;
  }
}

.homepage .cms-product-variant-add-to-cart .boxPadding,
.homepage .deals-component .boxPadding {
  padding: 0px;
}

.homepage .cms-product-variant-add-to-cart.box391,
.homepage .deals-component.box391 {
  width: 50%;
}

@media (max-width: 410px) {
  .homepage .cms-product-variant-add-to-cart.box391,
  .homepage .deals-component.box391 {
    width: 100%;
  }
}

.doorpage .cms-product-variant-add-to-cart .boxPadding {
  padding: 0px;
}

.doorpage .cms-product-variant-add-to-cart.box391 {
  width: 50%;
}

@media (max-width: 410px) {
  .doorpage .cms-product-variant-add-to-cart.box391 {
    width: 100%;
  }
}

.cms-product-variant-add-to-cart {
  width: 50%;
  float: left;
  padding: 0 10px;
  margin-bottom: 10px;
}

.cms-product-variant-add-to-cart.loading {
  position: relative;
}

.cms-product-variant-add-to-cart.loading:before {
  content: "";
  background: url(/styles/common/images/spinner.gif) no-repeat center center rgba(255, 255, 255, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* CMSActionBannerComponent */

.action-banner-component .element-container {
  position: relative;
  margin-bottom: 20px;
}

.action-banner-component .element-container span {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  padding: 10px;
  border: 1px dashed #f0b31a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  color: #757571;
  text-align: right;
  background-color: rgba(255, 255, 255, 0);
  transition: 0.5s;
}

.action-banner-component a:hover {
  color: #757571;
}

.action-banner-component a:hover span {
  background-color: rgba(255, 255, 255, 0.75);
}

.action-banner-component .col-xs-12 {
  margin-bottom: 10px;
}

.page-color-homepage .flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-link,
.page-color-homepage .flexible-teaser-tile-component .flexible-teaser-tile-background-link {
  color: #A44C96;
}

/* size_calculator */

/* size layer */

.SizeCalculator {
  width: auto;
  min-width: 215px;
  background-image: none;
}

@media (max-width: 500px) {
  .SizeCalculator {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .modal-layer .layer-wrapper.size-content {
    width: 900px;
  }
}

.size-content .heading-wrapper {
  background-color: #EEEEEE;
  border-radius: 0px 0 0px 0;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.size-calculator-list li {
  display: inline-block;
  margin: 15px;
}

.size-calculator-list li .btn.btn-primary,
.size-calculator-list li .boxInnerHeight193 .doubleCol .control a.btn-primary,
.boxInnerHeight193 .doubleCol .control .size-calculator-list li a.btn-primary,
.size-calculator-list li .btn-primary.SizeCalculator {
  width: 100%;
  margin: 20px 0 0 0;
}

.newsletter-teaser-paragraph {
  text-align: center;
  color: #757571;
  margin-bottom: 20px;
}

/*
* === Account Navigation Left === 
*/

.account-nav ul li a {
  display: block;
  color: #757571;
  width: 100%;
  padding: 5px 0;
  text-decoration: none;
}

.account-nav ul li a:hover,
.account-nav ul li a:focus,
.account-nav ul li a.active {
  color: #A44C96;
}

.account-nav ul li.disabled a {
  color: #A3A3A3;
}

.account-nav ul li.disabled a i {
  color: #4f4b43;
}

.account-nav ul li ul ul {
  padding-left: 10px;
}

.account-nav .logout-btn {
  width: 100%;
  margin-top: 10px;
}

@media (max-width: 500px) {
  .account-nav .logout-btn {
    width: 100%;
  }
}

/*
* === google reCAPTCHA ===
*/

.grecaptcha-badge {
  z-index: 1;
}

/*
* === Account Sticky Nav ===
*/

.sticky-nav-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 320px;
  min-height: 50px;
  background-color: #fff;
  box-shadow: 0 -5px 18px -10px rgba(0, 0, 0, 0.2);
}

.sticky-nav-bottom-inner {
  padding: 7px 10px;
  width: 100%;
  float: left;
}

.sticky-nav-bottom-inner .btn.no-hover:hover,
.sticky-nav-bottom-inner .boxInnerHeight193 .doubleCol .control a.no-hover:hover,
.boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-inner a.no-hover:hover,
.sticky-nav-bottom-inner .no-hover.SizeCalculator:hover,
.sticky-nav-bottom-inner .btn.no-hover:focus,
.sticky-nav-bottom-inner .boxInnerHeight193 .doubleCol .control a.no-hover:focus,
.boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-inner a.no-hover:focus,
.sticky-nav-bottom-inner .no-hover.SizeCalculator:focus {
  background: inherit;
  color: inherit !important;
}

.sticky-nav-bottom-action {
  width: 80%;
  padding: 0 10px;
  width: calc(100% - 84px);
}

.sticky-nav-bottom-action .btn,
.sticky-nav-bottom-action .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-action a,
.sticky-nav-bottom-action .SizeCalculator,
.sticky-nav-bottom-action form {
  display: inline-block;
}

.sticky-nav-bottom-action .first-btn {
  width: 100%;
}

.sticky-nav-bottom-action .second-btn {
  width: 100%;
}

.sticky-nav-bottom-action form .btn,
.sticky-nav-bottom-action form .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control .sticky-nav-bottom-action form a,
.sticky-nav-bottom-action form .SizeCalculator {
  width: 100%;
}

.sticky-nav-bottom-action #btn-add-to-cart-sticky i {
  font-size: 20px;
}

.sticky-nav-bottom-action #btn-add-to-cart-sticky span {
  line-height: 18px;
  vertical-align: inherit;
}

@media (max-width: 500px) {
  .pID-checkOutReviewPage .mobilecheckoutbtn {
    width: calc(100% - 44px);
  }
}

/*
* === Sticky Flyout Service ===
*/

.sticky-flyout-service {
  position: fixed;
  top: 240px;
  right: 0;
  z-index: 110;
  height: auto;
  webkit-transition: right .6s ease-in;
  -moz-transition: right .6s ease-in;
  -ms-transition: right .6s ease-in;
  -o-transition: right .6s ease-in;
  transition: right .6s ease-in;
}

.sticky-flyout-service.close {
  right: -301px;
  height: 40px;
  webkit-transition: right .6s ease-in;
  -moz-transition: right .6s ease-in;
  -ms-transition: right .6s ease-in;
  -o-transition: right .6s ease-in;
  transition: right .6s ease-in;
}

.sticky-flyout-service.close .sticky-flyout-service-inner {
  height: 40px;
}

.sticky-flyout-service-inner {
  width: 100%;
  float: left;
}

.sticky-flyout-service .btn-toggle {
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 21px;
  text-align: center;
  border: 1px solid #757571;
  border-right-color: #fff;
  margin-right: -1px;
  border-radius: 5px 0 0 0;
  background-color: #fff;
  position: relative;
  z-index: 110;
}

.sticky-flyout-service-content {
  width: 300px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #757571;
  border-right: 0;
  position: relative;
}

.sticky-flyout-service-content button.btn-close {
  right: -10px;
  top: -10px;
  padding: 0;
}

.sticky-flyout-service-content .h3,
.sticky-flyout-service-content .h4,
.sticky-flyout-service-content ul,
.sticky-flyout-service-content .flyout-info-text-small {
  padding: 0 20px;
}

.sticky-flyout-service-content .h3,
.sticky-flyout-service-content .h4 {
  display: block;
  margin: 0 0 20px 0;
  font-weight: 700;
}

.sticky-flyout-service-content .h3 {
  color: #757571;
  font-size: 16px;
}

.sticky-flyout-service-content .h4 {
  color: #757571;
  font-size: 14px;
}

.sticky-flyout-service-content .flyout-name,
.sticky-flyout-service-content .flyout-subline {
  display: block;
}

.sticky-flyout-service-content .flyout-name {
  color: #757571;
}

.sticky-flyout-service-content .flyout-subline {
  color: #757571;
  font-size: 16px;
}

.sticky-flyout-service-content .flyout-info a {
  text-decoration: none;
  cursor: pointer;
  color: #757571;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.sticky-flyout-service-content .flyout-info a:hover,
.sticky-flyout-service-content .flyout-info a:focus {
  color: #A44C96;
  text-decoration: none;
}

.sticky-flyout-service-content .flyout-info .email {
  text-decoration: underline;
}

.sticky-flyout-service-content .flyout-info-text-small {
  font-size: 13px;
  color: #A3A3A3;
}

.sticky-flyout-service-content ul li {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.sticky-flyout-service-content ul li .flyout-info,
.sticky-flyout-service-content ul li .flyout-icon {
  display: table-cell;
  vertical-align: middle;
}

.sticky-flyout-service-content ul li .flyout-icon {
  margin-right: 10px;
  color: #A44C96;
  font-size: 20px;
  text-align: left;
  width: 12%;
}

.sticky-flyout-service-content ul li .flyout-info {
  width: 80%;
}

@media (max-width: 767px) {
  .sticky-flyout-service {
    top: auto;
    right: auto;
    bottom: 49px;
    left: 10px;
    transition: top 1s, bottom 1s;
  }

  .sticky-flyout-service.scrollable {
    top: 0;
    overflow-y: scroll;
  }

  .sticky-flyout-service.close {
    top: auto;
    right: auto;
    height: auto;
    bottom: -600px;
    transition: top 1s, bottom 1s;
  }

  .sticky-flyout-service.close.scrollable {
    top: 600px;
    transition: top 1s;
  }

  .sticky-flyout-service.close .sticky-flyout-service-inner {
    height: auto;
  }

  .sticky-flyout-service-content {
    border-right: 1px solid #757571;
  }
}

.sticky-elements .sticky-layer-toggle-wrapper {
  position: fixed;
  top: 240px;
  left: 0;
  z-index: 110;
}

.sticky-elements .sticky-layer-toggle-wrapper .btn-toggle {
  display: inline-block;
  color: #fff;
  background: #A44C96;
  border: 1px solid #A44C96;
  border-left-width: 0;
  margin: -1px 0 0 0;
  padding: 10px 5px;
  cursor: pointer;
  position: absolute;
  width: 40px;
  line-height: 25px;
  border-radius: 0 0px 0px 0;
  -webkit-transition: all 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.3s ease-out;
  /* FF4+ */
  -ms-transition: all 0.3s ease-out;
  /* IE10 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.5+ */
  transition: all 0.3s ease-out;
}

.sticky-elements .sticky-layer-toggle-wrapper .btn-toggle:hover {
  color: #4F4B43;
  background: #EDD9EA;
}

.sticky-elements .sticky-layer-toggle-wrapper .btn-toggle.opener-small {
  height: 40px;
}

.sticky-elements .sticky-layer-toggle-wrapper .btn-toggle .inner {
  white-space: nowrap;
  display: inline-block;
  overflow: visible;
}

.sticky-elements .sticky-layer-toggle-wrapper .btn-toggle i {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  text-align: center;
  font-size: 22px;
}

.sticky-elements .sticky-layer-toggle-wrapper .btn-toggle span {
  padding-top: 30px;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-lr;
}

.social-platform-container {
  background-color: #FAFAFA;
  padding: 0 10px 20px 10px;
  margin-bottom: 20px;
}

.social-platform-container .h3 {
  text-align: center;
  color: #757571;
}

.social-platform-container .button-wrapper {
  display: flex;
  justify-content: space-between;
}

.sticky-info-container {
  border-top: 1px solid #EEEEEE;
  color: #757571;
}

.sticky-info-container .h2.contactinfo-headline {
  text-align: center;
  font-size: 26px;
}

.sticky-info-container .h3,
.sticky-info-container .h4,
.sticky-info-container ul,
.sticky-info-container .flyout-info-text-small {
  padding: 0 20px;
}

.sticky-info-container .h3,
.sticky-info-container .h4 {
  display: block;
  margin: 0 0 20px 0;
  font-weight: 700;
}

.sticky-info-container .h3 {
  color: #757571;
  font-size: 16px;
}

.sticky-info-container .h4 {
  color: #757571;
  font-size: 14px;
}

.sticky-info-container .flyout-name,
.sticky-info-container .flyout-subline {
  display: block;
}

.sticky-info-container .flyout-name {
  color: #757571;
}

.sticky-info-container .flyout-subline {
  color: #757571;
  font-size: 16px;
}

.sticky-info-container .flyout-info a {
  text-decoration: none;
  cursor: pointer;
  color: #757571;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.sticky-info-container .flyout-info a:hover,
.sticky-info-container .flyout-info a:focus {
  color: #A44C96;
  text-decoration: none;
}

.sticky-info-container .flyout-info .email {
  text-decoration: underline;
}

.sticky-info-container .flyout-info-text-small {
  font-size: 13px;
  color: #A3A3A3;
}

.sticky-info-container ul li {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.sticky-info-container ul li .flyout-info,
.sticky-info-container ul li .flyout-icon {
  display: table-cell;
  vertical-align: middle;
}

.sticky-info-container ul li .flyout-icon {
  margin-right: 10px;
  color: #A44C96;
  font-size: 20px;
  text-align: left;
  width: 12%;
}

.sticky-info-container ul li .flyout-info {
  width: 80%;
}

#NavColLeft {
  /* 2 level */
}

#NavColLeft .mobileCMSpages li a:hover,
#NavColLeft .mobileCMSpages li a:focus,
#NavColLeft .mobileCMSpages li a.active {
  color: #A44C96;
}

#NavColLeft .panel-body {
  padding-left: 30px;
}

#NavColLeft ul {
  background-color: #fff;
}

#NavColLeft li {
  margin: 0;
  padding: 15px 0;
  overflow: hidden;
  width: 100%;
  /* account */
  /* global */
}

#NavColLeft li.sub-cotegorie {
  padding: 0;
  margin-bottom: 5px;
}

#NavColLeft li.steady ul {
  display: block;
  border: 0;
}

#NavColLeft li.steady ul ul a {
  position: relative;
}

#NavColLeft li.open .topLevel:before {
  transition: all 0.5s ease-in-out;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0;
}

#NavColLeft li.open .topLevel:after {
  transition: all 0.5s ease-in-out;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#NavColLeft a {
  text-decoration: none;
  display: block;
  padding: 6px 30px 6px 10px;
  outline: 0;
  color: #4f4b43;
}

#NavColLeft .topLevel:not(.cmsMenuTopLevel) {
  background-color: #EEEEEE;
  border: 1px solid transparent;
  border-radius: 0px 0 0px 0;
  padding: 8px 30px 8px 10px;
  color: #757571;
  font-weight: 700;
}

#NavColLeft .topLevel:not(.cmsMenuTopLevel):before,
#NavColLeft .topLevel:not(.cmsMenuTopLevel):after {
  background-color: #757571;
}

#NavColLeft .cmsMenuTopLevel {
  background-color: transparent;
  border: 0;
  border-radius: 0px 0 0px 0;
  padding: 0 30px 0 0;
  width: 100%;
  text-align: left;
}

#NavColLeft .cmsMenuTopLevel:before,
#NavColLeft .cmsMenuTopLevel:after {
  background-color: #4f4b43;
}

#NavColLeft .cmsMenuTopLevel:active,
#NavColLeft .cmsMenuTopLevel:focus {
  outline: 0;
}

#NavColLeft .topLevel {
  position: relative;
  /* horizontal */
  /* vertical */
}

#NavColLeft .topLevel:before,
#NavColLeft .topLevel:after {
  content: "";
  position: absolute;
}

#NavColLeft .topLevel:before {
  width: 15px;
  height: 1px;
  right: 10px;
  top: 50%;
  margin-top: 0;
  transition: all 0.5s ease-in-out;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 1;
}

#NavColLeft .topLevel:after {
  width: 1px;
  height: 15px;
  right: 17px;
  top: 50%;
  margin-top: -7px;
  transition: all 0.5s ease-in-out;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#NavColLeft ul ul {
  display: none;
}

#NavColLeft ul ul ul {
  border: 0;
}

#NavColLeft ul ul li {
  padding: 0;
  /* 3 level */
}

#NavColLeft ul ul li li {
  /* 4 level */
}

#NavColLeft ul ul li li a {
  padding-left: 25px;
}

#NavColLeft ul ul li li li {
  /* 5 level */
}

#NavColLeft ul ul li li li a {
  padding-left: 35px;
}

#NavColLeft ul ul li li li a:after {
  left: 20px !important;
}

#NavColLeft ul ul li li li li a {
  padding-left: 45px;
}

#NavColLeft ul ul li.open ul li.active {
  /* 4 level */
}

#NavColLeft ul ul li.open ul li.active a {
  font-weight: 700;
}

#NavColLeft ul ul li.open ul li.active li a:not(.active) {
  font-weight: 500;
}

#NavColLeft ul ul li.open ul li a {
  color: #4f4b43;
  font-weight: 500;
}

#NavColLeft ul ul li.active a {
  font-weight: 700;
}

#NavColLeft ul.menu-lvl1,
#NavColLeft ul.menu-lvl2,
#NavColLeft ul.menu-lvl3 {
  display: block;
  list-style-type: disc;
  list-style-position: outside;
}

#NavColLeft ul.menu-lvl1.marker-disc,
#NavColLeft ul.menu-lvl2.marker-disc,
#NavColLeft ul.menu-lvl3.marker-disc {
  list-style-type: disc;
}

#NavColLeft ul.menu-lvl1.marker-circle,
#NavColLeft ul.menu-lvl2.marker-circle,
#NavColLeft ul.menu-lvl3.marker-circle {
  list-style-type: circle;
}

#NavColLeft ul.menu-lvl1.marker-square,
#NavColLeft ul.menu-lvl2.marker-square,
#NavColLeft ul.menu-lvl3.marker-square {
  list-style-type: square;
}

#NavColLeft li.menu-lvl1-item,
#NavColLeft li.menu-lvl2-item,
#NavColLeft li.menu-lvl3-item {
  overflow: visible;
  padding: 6px 0;
}

#NavColLeft li.menu-lvl1-item a,
#NavColLeft li.menu-lvl2-item a,
#NavColLeft li.menu-lvl3-item a {
  display: inline;
  position: relative;
  padding: 0;
}

/*!
 * Copyright (c) 2008-2021 dotSource GmbH.
 * All rights reserved.
 * http://www.dotsource.de
 */

#GrayOut {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.4;
  display: none;
}

body.modal-open {
  padding-right: 0;
  overflow: hidden;
}

body.modal-blur header,
body.modal-blur section,
body.modal-blur footer,
body.modal-blur .sticky-elements {
  filter: blur(5px);
  transition: 1s filter linear;
}

/* fix modal for bader */

.modal-layer {
  padding: 0;
  position: fixed;
  left: -10000px;
  top: 0;
  margin: auto;
  min-height: 200px;
  display: block;
  z-index: -1;
  /* fix to prevent content from overlaping in IE11 */
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.modal-layer.open {
  right: 0;
  left: 0;
  z-index: 1200;
  /* fix to prevent content from overlaping in IE11 */
}

.modal-layer.loading .layerContent:before {
  content: "";
  height: 100%;
  width: 100%;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/resources/BRI/images/ajax-loader.gif?version=2021-07-16-15-20") no-repeat center center #fff;
  z-index: 10;
}

.modal-layer.in {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.modal-layer.in .layer-wrapper {
  -webkit-transform: translate(0, 0);
  -mot-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-layer.in .modal-wrapper-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-layer .modal-wrapper-close {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 4;
  -webkit-transform: translate(0, -150%);
  -ms-transform: translate(0, -150%);
  -o-transform: translate(0, -150%);
  transform: translate(0, -150%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-layer .layer-wrapper {
  margin: 30px auto;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
  width: 640px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-layer .layer-wrapper .layerContent {
  padding: 30px 15px 15px;
  font-size: 15px;
}

.modal-layer .layer-wrapper .layerContent .textClose {
  margin-top: 10px;
}

.modal-layer .layer-wrapper .layerContent .compensatePdg {
  overflow-x: auto;
}

.modal-layer .layer-wrapper .layerContent.scroll .compensatePdg,
.modal-layer .layer-wrapper .layerContent .scroll .compensatePdg {
  overflow-x: visible;
}

@media (max-width: 767px) {
  .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(even),
  .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(odd) {
    margin-right: -10px;
    margin-left: -10px;
  }
}

@media (min-width: 768px) {
  .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(even) {
    margin-left: -10px;
  }

  .modal-layer .layer-wrapper .layerContent .left .box391:nth-child(odd) {
    margin-right: -10px;
  }
}

@media (min-width: 768px) {
  .modal-layer .layer-wrapper .layerContent.scroll {
    padding: 0 15px 15px;
    margin-top: 30px;
    overflow: auto;
  }
}

.modal-layer .close,
.modal-layer .btn-close,
.sticky-flyout-service .close,
.sticky-flyout-service .btn-close,
.take-away-wrapper .close,
.take-away-wrapper .btn-close {
  width: 40px;
  height: 40px;
  border: 1px solid #757571;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: -15px;
  background: #fff;
  text-decoration: none;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition-property: background;
  transition-property: background;
}

.modal-layer .close:hover,
.modal-layer .close:focus,
.modal-layer .btn-close:hover,
.modal-layer .btn-close:focus,
.sticky-flyout-service .close:hover,
.sticky-flyout-service .close:focus,
.sticky-flyout-service .btn-close:hover,
.sticky-flyout-service .btn-close:focus,
.take-away-wrapper .close:hover,
.take-away-wrapper .close:focus,
.take-away-wrapper .btn-close:hover,
.take-away-wrapper .btn-close:focus {
  background-color: #A44C96;
  color: #fff;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.modal-layer .close:before,
.modal-layer .btn-close:before,
.sticky-flyout-service .close:before,
.sticky-flyout-service .btn-close:before,
.take-away-wrapper .close:before,
.take-away-wrapper .btn-close:before {
  content: "\e909";
  font-family: 'BADER-Iconfont' !important;
  font-size: 18px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  display: block;
}

@media (max-width: 767px) {
  .modal-layer {
    /* no overwrite for add to cart */
  }

  .modal-layer .layer-wrapper {
    padding-top: 10px;
    margin: 0;
    width: 100%;
    height: auto !important;
    max-height: none !important;
  }

  .modal-layer .layer-wrapper .compensatePdg {
    overflow-x: scroll;
  }

  .modal-layer .layer-wrapper .scroll {
    height: 100% !important;
    max-height: 100% !important;
  }

  .modal-layer .layer-wrapper .scroll .compensatePdg {
    overflow-x: visible;
  }

  .modal-layer .modal-wrapper-close:not(.add-to-cart) {
    width: 100%;
    height: 40px;
    margin: -10px 0 0 0;
    position: static;
  }

  .modal-layer .close:not(.add-to-cart) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    background-color: #d4d1cb;
    border-color: #d4d1cb;
  }

  .modal-layer .close:not(.add-to-cart):before {
    content: attr(title);
    width: 100%;
    font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
  }

  .modal-layer .close:not(.add-to-cart):after {
    content: "\e909";
    width: 100%;
    font-family: 'BADER-Iconfont' !important;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 30px;
    height: 38px;
    line-height: 38px;
  }
}

/*
* === MODAL WITH PRODUCT IMAGE ===
*/

.modal-thumbnail-wrapper {
  width: 50px;
  float: left;
  margin-right: 15px;
}

.modal-thumbnail-wrapper .slick-prev {
  top: -40px;
  right: 0;
  left: 0;
  margin: 0 auto !important;
}

.modal-thumbnail-wrapper .slick-prev:before {
  content: "\e908";
}

.modal-thumbnail-wrapper .slick-next {
  bottom: -40px;
  top: auto;
  right: 0;
  left: 0;
  margin: 0 auto !important;
}

.modal-thumbnail-wrapper .slick-next:before {
  content: "\e905";
}

.modal-thumbnail-wrapper .js-thumbnail-modal.has-arrows {
  margin-top: 40px;
}

.modal-main-image-wrapper {
  float: left;
  width: 100%;
}

@media (min-width: 768px) {
  .modal-main-image-wrapper {
    width: 95%;
    width: calc(100% - 65px);
  }
}

.modal-layer .SizeCalculator {
  width: auto;
  min-width: 215px;
}

@media (max-width: 500px) {
  .modal-layer .SizeCalculator {
    width: 100%;
  }
}

/*
* === MODAL GEO LOCATION ===
*/

#GeoLocationPopupLayer img {
  margin-left: auto;
  margin-right: auto;
}

.dropdown-backdrop {
  z-index: 99;
}

.filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle,
.filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle,
.boxInnerHeight193 .doubleCol .control .filter-facett-container .bootstrap-select.open a.dropdown-toggle,
.filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator,
.bootstrap-select.open .btn-default.dropdown-toggle,
.bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle,
.boxInnerHeight193 .doubleCol .control
.bootstrap-select.open a.dropdown-toggle,
.bootstrap-select.open .dropdown-toggle.SizeCalculator,
.bootstrap-select.open .modal-layer .dropdown-toggle.SizeCalculator,
.modal-layer
.bootstrap-select.open .dropdown-toggle.SizeCalculator {
  border: 1px solid #A44C96;
  border-bottom-color: white;
  border-bottom-right-radius: 0;
  z-index: 101;
}

.filter-facett-container .bootstrap-select.open .btn-default.dropdown-toggle:hover,
.filter-facett-container .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover,
.boxInnerHeight193 .doubleCol .control .filter-facett-container .bootstrap-select.open a.dropdown-toggle:hover,
.filter-facett-container .bootstrap-select.open .dropdown-toggle.SizeCalculator:hover,
.bootstrap-select.open .btn-default.dropdown-toggle:hover,
.bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover,
.boxInnerHeight193 .doubleCol .control
.bootstrap-select.open a.dropdown-toggle:hover,
.bootstrap-select.open .dropdown-toggle.SizeCalculator:hover {
  border-bottom-color: white;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner),
.bootstrap-select.open .dropdown-menu:not(.inner) {
  margin-top: -1px;
  border: 1px solid #A44C96;
  z-index: 100;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open,
.bootstrap-select.open .dropdown-menu:not(.inner).open {
  border-top-left-radius: 0;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb,
.bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb {
  background-size: cover;
  background-position: 50% 50%;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .text-with-offset,
.bootstrap-select.open .dropdown-menu:not(.inner).open .text-with-offset {
  margin-left: 30px;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color,
.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb,
.bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color,
.bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 0;
  vertical-align: bottom;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color:before,
.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb:before,
.bootstrap-select.open .dropdown-menu:not(.inner).open .icon-color:before,
.bootstrap-select.open .dropdown-menu:not(.inner).open .icon-thumb:before {
  content: '';
  position: absolute;
  display: inline-block;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  border: 1px solid #A3A3A3;
  border-radius: 0;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-color:before,
.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-thumb:before,
.bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-color:before,
.bootstrap-select.open .dropdown-menu:not(.inner).open .selected .icon-thumb:before {
  border-width: 3px;
}

.filter-facett-container .bootstrap-select.open .dropdown-menu:not(.inner) li a,
.bootstrap-select.open .dropdown-menu:not(.inner) li a {
  padding: 7px 20px 5px;
  text-decoration: none;
}

.filter-facett-container .bootstrap-select.open.dropup .btn-default.dropdown-toggle,
.filter-facett-container .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle,
.boxInnerHeight193 .doubleCol .control .filter-facett-container .bootstrap-select.open.dropup a.dropdown-toggle,
.filter-facett-container .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator,
.bootstrap-select.open.dropup .btn-default.dropdown-toggle,
.bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle,
.boxInnerHeight193 .doubleCol .control
.bootstrap-select.open.dropup a.dropdown-toggle,
.bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator,
.bootstrap-select.open.dropup .modal-layer .dropdown-toggle.SizeCalculator,
.modal-layer
.bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator {
  border-top-left-radius: 0;
  border-top-color: white;
  border-bottom-right-radius: 0px;
  border-bottom-color: #A44C96;
}

.filter-facett-container .bootstrap-select.open.dropup .btn-default.dropdown-toggle:hover,
.filter-facett-container .bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover,
.boxInnerHeight193 .doubleCol .control .filter-facett-container .bootstrap-select.open.dropup a.dropdown-toggle:hover,
.filter-facett-container .bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator:hover,
.bootstrap-select.open.dropup .btn-default.dropdown-toggle:hover,
.bootstrap-select.open.dropup .boxInnerHeight193 .doubleCol .control a.dropdown-toggle:hover,
.boxInnerHeight193 .doubleCol .control
.bootstrap-select.open.dropup a.dropdown-toggle:hover,
.bootstrap-select.open.dropup .dropdown-toggle.SizeCalculator:hover {
  border-top-color: white;
  border-bottom-color: #A44C96;
}

.filter-facett-container .bootstrap-select.open.dropup .dropdown-menu:not(.inner),
.bootstrap-select.open.dropup .dropdown-menu:not(.inner) {
  margin-bottom: -1px;
}

.filter-facett-container .bootstrap-select.open.dropup .dropdown-menu:not(.inner).open,
.bootstrap-select.open.dropup .dropdown-menu:not(.inner).open {
  border-bottom-right-radius: 0;
  border-top-left-radius: 0px;
}

/* override for mobile filter */

#mobile-filter-window .bootstrap-select.open .btn-default.dropdown-toggle,
#mobile-filter-window .bootstrap-select.open .boxInnerHeight193 .doubleCol .control a.dropdown-toggle,
.boxInnerHeight193 .doubleCol .control #mobile-filter-window .bootstrap-select.open a.dropdown-toggle,
#mobile-filter-window .bootstrap-select.open .dropdown-toggle.SizeCalculator {
  border-bottom-color: #A44C96 !important;
}

.form-group.date .datepicker-container {
  position: relative;
  width: 100%;
}

.form-group.date .datepicker-container.show .form-control.date {
  display: block;
}

.form-group.date .datepicker-container .dropdown-toggle {
  display: inline-block;
  border: 2px solid #A44C96;
  width: 100%;
  min-width: 50px;
  font-weight: 600;
  color: #A44C96;
  background: #fff;
  float: left;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.form-group.date .datepicker-container .dropdown-toggle:hover {
  color: #4F4B43;
  background: #EDD9EA;
  border-color: #A44C96;
}

.form-group.date .datepicker-container .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}

.form-group.date .datepicker-container .dropdown-toggle .bs-caret {
  height: 40px;
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
  width: 35px;
  line-height: 40px;
  color: #757571;
  font-weight: 700;
}

.form-group.date .datepicker-container .dropdown-toggle .bs-caret .icon-chef_down {
  line-height: 38px;
  color: #757571;
  color: black;
}

.form-group.date .datepicker-container .dropdown-toggle .bs-caret:before {
  content: " ";
  height: 25px;
  background-color: #757571;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  width: 1px;
}

.form-group.date .datepicker-container .form-control.date {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
}

.form-group.date .datepicker-container .form-control.date:before {
  content: "\e90e";
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  font-size: 24px;
  font-family: 'BADER-Iconfont' !important;
  pointer-events: none;
  font-weight: 700;
}

.form-group.date .datepicker-container .datepicker .icon-chevron-left:before {
  content: "\e906";
}

.form-group.date .datepicker-container .datepicker .icon-chevron-right:before {
  content: "\e907";
}

.cmsDynamicNewsletterComponent {
  background: #f4d9fa;
  background: linear-gradient(30deg, #f4d9fa 0%, #a44c96 100%);
  /*@media(min-width: $screen-sm-min) {
    background: linear-gradient(30deg, rgba(244,217,250,1) 0%, rgba(164,76,150,1) 100%);
  }*/
  padding: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .cmsDynamicNewsletterComponent {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner {
  border: 1px solid white;
  width: 100%;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-picture {
  width: 100%;
  padding-top: 50px;
  position: relative;
}

@media (min-width: 501px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-picture {
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-picture {
    width: 40%;
    order: 2;
  }
}

@media (min-width: 1024px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-picture {
    width: 30%;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-picture img {
  margin-left: -16px;
  margin-right: -16px;
  max-width: calc(100% + 32px);
}

@media (min-width: 501px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-picture img {
    margin-left: auto;
    max-width: 100%;
    max-height: 260px;
  }
}

@media (min-width: 1600px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-picture img {
    margin-right: -17px;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .highlight-outer {
  display: none;
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content {
  width: 100%;
  margin: 15px;
}

@media (min-width: 768px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content {
    margin: 0;
    width: 60%;
    order: 1;
  }
}

@media (min-width: 1024px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content {
    width: 70%;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .bold {
  font-weight: 700;
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper {
  text-align: center;
  overflow: hidden;
  padding-bottom: 24px;
}

@media (min-width: 501px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper {
    padding-bottom: 0;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper .input-wrapper {
  display: block;
  text-align: left;
  margin-bottom: 10px;
  position: relative;
}

@media (min-width: 501px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper .input-wrapper {
    display: inline-block;
    width: 60%;
    margin-right: 20px;
  }
}

@media (min-width: 501px) and (max-width: 1023px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper .input-wrapper {
    max-width: 200px;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper .input-wrapper a {
  font-size: 14px;
}

@media (max-width: 500px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper .input-wrapper a {
    position: absolute;
    top: 95px;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper button {
  display: block;
  width: 100%;
}

@media (min-width: 501px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .form-wrapper button {
    display: inline-block;
    vertical-align: top;
    width: auto;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content label {
  display: none;
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text {
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text {
    margin: 20px;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text .headline {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text .headline {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text .headline {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text .desctop {
  display: none;
}

.cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text .mobile {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text .mobile {
    display: none;
  }

  .cmsDynamicNewsletterComponent .cmsDynamicNewsletterComponent-inner .newsletter-content .text .desctop {
    display: block;
  }
}

/*!
 * Copyright (c) 2008-2020 dotSource GmbH.
 * All rights reserved.
 * http://www.dotsource.de
 */

.price {
  color: #4f4b43;
  font-size: 14px;
  font-weight: 700;
}

.price-sale {
  color: #BD0025;
  font-size: 14px;
  font-weight: 700;
}

.price-old {
  color: #757571;
  font-weight: 400;
  text-decoration: line-through;
}

.price-old-type {
  color: #757571;
  font-weight: 400;
}

.price-base {
  color: #757571;
  font-weight: 400;
}

.product-price .reduce {
  text-decoration: line-through;
  white-space: nowrap;
}

.product-availability .text .bold {
  font-weight: 700;
}

.product-availability.availability_green .text {
  color: #74BD2B;
}

.product-availability.availability_red .text {
  color: #4f4b43;
}

.product-availability.availability_yellow .text {
  color: #4f4b43;
}

.product-availability i {
  vertical-align: middle;
  margin-top: -0.5ex;
  margin-right: 3px;
}

.product-energyLabel {
  position: absolute;
  left: -5px;
  bottom: 10px;
}

.product-energyLabel img {
  height: 18px;
}

.productName {
  margin-top: 71px;
  text-align: center;
}

#ProductHeader .left {
  float: left;
  display: inline;
  text-align: center;
  padding-right: 9px;
  zoom: 1;
  position: relative;
  z-index: 3;
  width: 358px;
}

@media (max-width: 767px) {
  #ProductHeader .left {
    width: 100%;
  }
}

.zoomLens {
  border: 0 !important;
  opacity: 0 !important;
}

/*
* === PRODUCT SLICK SLIDER ===
*/

.product-slider-wrapper .product-slider-content {
  height: 1px;
}

@media (min-width: 768px) {
  .product-slider-wrapper .product-slider-content {
    /* margin: 0 -50px;  makes sliders to wide and causes scrollbars */
    padding: 0 40px;
  }
}

.product-slider-wrapper .product-slider-content .product-slider-headline,
.product-slider-wrapper .product-slider-content .js-product-slider {
  display: none;
}

.product-slider-wrapper .product-slider-content.initialized {
  height: auto;
}

.product-slider-wrapper .product-slider-content.initialized .product-slider-headline,
.product-slider-wrapper .product-slider-content.initialized .js-product-slider {
  display: block;
}

.product-slider-wrapper .slick-prev,
.product-slider-wrapper .slick-next {
  display: none;
  padding-left: 0;
}

@media (min-width: 768px) {
  .product-slider-wrapper .slick-prev,
  .product-slider-wrapper .slick-next {
    display: block;
  }
}

.product-slider-wrapper .product-slider-headline {
  color: #757571;
  text-align: center;
  font-size: 24px;
  margin: 30px 0;
  padding: 0;
}

.product-slider-wrapper .product-slider-entry {
  text-align: center;
  /* only for slider calc */
  border: 2px solid transparent;
  margin-bottom: 0px;
}

.product-slider-wrapper .product-slider-entry span,
.product-slider-wrapper .product-slider-entry .product-slider-entry-link {
  display: block;
}

.product-slider-wrapper .product-slider-entry-link {
  text-decoration: none;
  border: 1px solid transparent;
  border: 2px solid transparent;
  padding: 5px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.product-slider-wrapper .product-slider-entry-link:hover,
.product-slider-wrapper .product-slider-entry-link:focus {
  border-color: #ddd;
  border: 2px solid #A44C96;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.product-slider-wrapper .product-slider-entry-image img {
  margin: 0 auto;
}

.product-slider-wrapper .product-slider-entry-brand-name {
  color: #A3A3A3;
}

.product-slider-wrapper .product-slider-entry-itemOffer span,
.product-slider-wrapper .product-slider-entry-itemOfferNew span {
  display: inline-block;
}

.product-slider-wrapper .product-slider-entry .tile-content {
  margin-top: 10px;
}

/******************************
 *
 *	Bonus Product Styling
 *
 */

.mobileFriendRecruit .productSpecifications {
  text-align: left;
}

.mobileFriendRecruit p {
  font-size: 15px;
}

.mobileFriendRecruit .friend-product-badge {
  position: absolute;
  right: 0;
  top: 10px;
}

/*****************************************************************************/

/*** SUGGEST ***/

/*****************************************************************************/

/* needed otherwise the searchBoxLine will pop-up in IE */

#FreeSearch {
  position: relative;
}

@media (min-width: 768px) {
  #FreeSearch {
    height: auto !important;
    display: block !important;
  }
}

@media (max-width: 767px) {
  #FreeSearch {
    opacity: 0;
    height: 0;
    pointer-events: none;
  }

  #FreeSearch.collapse {
    display: none;
    opacity: 1;
    height: auto;
  }

  #FreeSearch.collapse.in {
    display: block;
    pointer-events: all;
  }

  #FreeSearch.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    opacity: 1;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
}

#FreeSearch .FreeSearchInput .form-control {
  border-color: #757571;
}

.suggestFormWrap {
  position: relative;
  z-index: 1001;
}

.suggestLayer,
.suggestLayerErrorPage {
  display: none;
  padding: 0;
  margin: 0 0 64px 0;
  z-index: 1000;
  background-color: white;
  background: transparent;
  width: 700px;
  position: absolute;
  left: 0;
  top: 40px;
  -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1023px) {
  .suggestLayer,
  .suggestLayerErrorPage {
    width: 550px;
  }
}

@media (max-width: 767px) {
  .suggestLayer,
  .suggestLayerErrorPage {
    width: 95%;
    right: 0;
    top: 50px;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.suggestLayer .suggestLayerList,
.suggestLayer .suggestLayerBlock,
.suggestLayer .suggestLayerErrorPageList,
.suggestLayer .suggestLayerErrorPageBlock,
.suggestLayerErrorPage .suggestLayerList,
.suggestLayerErrorPage .suggestLayerBlock,
.suggestLayerErrorPage .suggestLayerErrorPageList,
.suggestLayerErrorPage .suggestLayerErrorPageBlock {
  list-style: none;
  color: #58585a;
  font-size: 11px;
  background-color: white;
  border: 1px solid #ece9e2;
  padding: 10px 10px 80px 10px;
  position: relative;
  overflow: hidden;
}

.suggestLayer .suggestLayerList:before,
.suggestLayer .suggestLayerBlock:before,
.suggestLayer .suggestLayerErrorPageList:before,
.suggestLayer .suggestLayerErrorPageBlock:before,
.suggestLayerErrorPage .suggestLayerList:before,
.suggestLayerErrorPage .suggestLayerBlock:before,
.suggestLayerErrorPage .suggestLayerErrorPageList:before,
.suggestLayerErrorPage .suggestLayerErrorPageBlock:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32%;
  height: 3000px;
  background-color: #FAFAFA;
}

@media (max-width: 767px) {
  .suggestLayer .suggestLayerList:before,
  .suggestLayer .suggestLayerBlock:before,
  .suggestLayer .suggestLayerErrorPageList:before,
  .suggestLayer .suggestLayerErrorPageBlock:before,
  .suggestLayerErrorPage .suggestLayerList:before,
  .suggestLayerErrorPage .suggestLayerBlock:before,
  .suggestLayerErrorPage .suggestLayerErrorPageList:before,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock:before {
    height: 0;
  }
}

.suggestLayer .suggestLayerList li,
.suggestLayer .suggestLayerList .suggestLayerBlockText li,
.suggestLayer .suggestLayerList .suggestLayerBlockImage li,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText li,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockImage li,
.suggestLayer .suggestLayerBlock li,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText li,
.suggestLayer .suggestLayerBlock .suggestLayerBlockImage li,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText li,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockImage li,
.suggestLayer .suggestLayerErrorPageList li,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText li,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockImage li,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText li,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage li,
.suggestLayer .suggestLayerErrorPageBlock li,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText li,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockImage li,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText li,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage li,
.suggestLayerErrorPage .suggestLayerList li,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText li,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockImage li,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText li,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockImage li,
.suggestLayerErrorPage .suggestLayerBlock li,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText li,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockImage li,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText li,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockImage li,
.suggestLayerErrorPage .suggestLayerErrorPageList li,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText li,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockImage li,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText li,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage li,
.suggestLayerErrorPage .suggestLayerErrorPageBlock li,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText li,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockImage li,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText li,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage li {
  list-style: none;
  display: block;
}

.suggestLayer .suggestLayerList .suggestLayerBlockImage,
.suggestLayer .suggestLayerList .suggestLayerBlockText,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockImage,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText,
.suggestLayer .suggestLayerBlock .suggestLayerBlockImage,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockImage,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockImage,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockImage,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText {
  width: 30%;
  padding: 10px 15px 20px;
  margin: 0;
  position: relative;
  z-index: 3;
}

@media (max-width: 1023px) {
  .suggestLayer .suggestLayerList .suggestLayerBlockImage,
  .suggestLayer .suggestLayerList .suggestLayerBlockText,
  .suggestLayer .suggestLayerList .suggestLayerErrorPageBlockImage,
  .suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText,
  .suggestLayer .suggestLayerBlock .suggestLayerBlockImage,
  .suggestLayer .suggestLayerBlock .suggestLayerBlockText,
  .suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockImage,
  .suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerBlockImage,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockImage,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText {
    padding: 0 0 20px;
  }
}

.suggestLayer .suggestLayerList .suggestLayerBlockImage,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockImage,
.suggestLayer .suggestLayerBlock .suggestLayerBlockImage,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockImage,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockImage,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockImage,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockImage,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage {
  float: right;
  margin-left: 20px;
  padding: 10px 10px;
  width: 66%;
  width: calc(72% - 40px);
}

@media (max-width: 767px) {
  .suggestLayer .suggestLayerList .suggestLayerBlockImage,
  .suggestLayer .suggestLayerList .suggestLayerErrorPageBlockImage,
  .suggestLayer .suggestLayerBlock .suggestLayerBlockImage,
  .suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockImage,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerBlockImage,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockImage,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockImage,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.suggestLayer .suggestLayerList .suggestLayerBlockImage .suggestTextQuery,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockImage .suggestTextQuery,
.suggestLayer .suggestLayerBlock .suggestLayerBlockImage .suggestTextQuery,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockImage .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockImage .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockImage .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockImage .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockImage .suggestTextQuery {
  font-weight: 700;
}

.suggestLayer .suggestLayerList .suggestLayerBlockText,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText {
  float: left;
}

@media (max-width: 767px) {
  .suggestLayer .suggestLayerList .suggestLayerBlockText,
  .suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText,
  .suggestLayer .suggestLayerBlock .suggestLayerBlockText,
  .suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText,
  .suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText,
  .suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText,
  .suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText {
    width: 100%;
  }
}

.suggestLayer .suggestLayerList .suggestLayerBlockText .suggestTextQuery,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText .suggestTextQuery,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText .suggestTextQuery,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestTextQuery {
  padding-left: 10px;
  position: relative;
  text-decoration: none;
  width: auto;
  margin: 0;
}

.suggestLayer .suggestLayerList .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestRow.suggestRowWithoutImage,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestRow.suggestRowWithoutImage {
  padding: 0px 5px;
  margin-bottom: 5px;
}

.suggestLayer .suggestLayerList .suggestLayerBlockText .suggestHighlight,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText .suggestHighlight,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText .suggestHighlight,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHighlight,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText .suggestHighlight,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHighlight,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHighlight,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHighlight,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHighlight {
  background-color: transparent;
  cursor: default;
}

.suggestLayer .suggestLayerList .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHighlight .suggestTextQuery {
  background-color: #fff;
  cursor: pointer;
}

.suggestLayer .suggestLayerList .suggestLayerBlockText .suggestHeader,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText .suggestHeader,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText .suggestHeader,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHeader,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText .suggestHeader,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHeader,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHeader,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHeader,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHeader {
  border-top: 1px solid #ccc;
  padding: 10px 0 0px 0;
  margin: 10px 0 10px 0;
}

.suggestLayer .suggestLayerList .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlockText .suggestHeader:first-child,
.suggestLayer .suggestLayerBlock .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHeader:first-child,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHeader:first-child,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlockText .suggestHeader:first-child,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlockText .suggestHeader:first-child {
  border-top: 0;
  padding-top: 0;
}

.suggestLayer .suggestLayerList li.suggestHeader,
.suggestLayer .suggestLayerBlock li.suggestHeader,
.suggestLayer .suggestLayerErrorPageList li.suggestHeader,
.suggestLayer .suggestLayerErrorPageBlock li.suggestHeader,
.suggestLayerErrorPage .suggestLayerList li.suggestHeader,
.suggestLayerErrorPage .suggestLayerBlock li.suggestHeader,
.suggestLayerErrorPage .suggestLayerErrorPageList li.suggestHeader,
.suggestLayerErrorPage .suggestLayerErrorPageBlock li.suggestHeader {
  color: #474747;
  font-weight: bold;
  font-size: 14px;
  padding: 0;
  margin-left: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.suggestLayer .suggestLayerList .suggestLayerBlock ul.noborder,
.suggestLayer .suggestLayerList .suggestLayerErrorPageBlock ul.noborder,
.suggestLayer .suggestLayerBlock .suggestLayerBlock ul.noborder,
.suggestLayer .suggestLayerBlock .suggestLayerErrorPageBlock ul.noborder,
.suggestLayer .suggestLayerErrorPageList .suggestLayerBlock ul.noborder,
.suggestLayer .suggestLayerErrorPageList .suggestLayerErrorPageBlock ul.noborder,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerBlock ul.noborder,
.suggestLayer .suggestLayerErrorPageBlock .suggestLayerErrorPageBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerList .suggestLayerBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerList .suggestLayerErrorPageBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerBlock .suggestLayerErrorPageBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerErrorPageList .suggestLayerErrorPageBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerBlock ul.noborder,
.suggestLayerErrorPage .suggestLayerErrorPageBlock .suggestLayerErrorPageBlock ul.noborder {
  border: none;
  padding-left: 0;
  border-left: 0;
}

.suggestLayer li.suggestRow,
.suggestLayerErrorPage li.suggestRow {
  padding: 0;
  margin: 0;
}

.suggestLayer li.suggestRow.border-bottom,
.suggestLayerErrorPage li.suggestRow.border-bottom {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.suggestLayer li.suggestRow .product-desc,
.suggestLayerErrorPage li.suggestRow .product-desc {
  display: block;
  float: left;
  font-size: 12px;
  color: #bab9b3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.suggestLayer li.suggestRow .product-energyLabel img,
.suggestLayerErrorPage li.suggestRow .product-energyLabel img {
  width: 30px;
  height: auto;
}

.suggestLayer li.suggestRow .product-price-normal,
.suggestLayerErrorPage li.suggestRow .product-price-normal {
  margin-top: 5px;
}

.suggestLayer li.suggestRow .product-price,
.suggestLayerErrorPage li.suggestRow .product-price {
  display: block;
  width: 120px;
  float: right;
  font-size: 16px;
  font-weight: 700;
  color: #474747;
  position: static;
  right: 0;
  bottom: 5px;
  text-align: right;
}

.suggestLayer li.suggestRow .product-price .product-base-price,
.suggestLayerErrorPage li.suggestRow .product-price .product-base-price {
  font-size: 11px;
  font-weight: 500;
  color: #474747;
  margin-top: 5px;
}

.suggestLayer li.suggestRow .product-price .product-price-old,
.suggestLayerErrorPage li.suggestRow .product-price .product-price-old {
  font-size: 13px;
  font-weight: 400;
}

.suggestLayer li.suggestRow .product-price .product-price-old .strike,
.suggestLayerErrorPage li.suggestRow .product-price .product-price-old .strike {
  text-decoration: line-through;
}

.suggestLayer li.suggestRow .product-price.product-price-noOldPrice,
.suggestLayerErrorPage li.suggestRow .product-price.product-price-noOldPrice {
  position: absolute;
  right: 0;
  bottom: 5px;
}

@media (max-width: 1023px) {
  .suggestLayer li.suggestRow .product-price.product-price-noOldPrice,
  .suggestLayerErrorPage li.suggestRow .product-price.product-price-noOldPrice {
    position: static;
  }
}

.suggestLayer .suggestRowWithImage,
.suggestLayerErrorPage .suggestRowWithImage {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  padding: 5px 0;
}

.suggestLayer .suggest-article-info,
.suggestLayerErrorPage .suggest-article-info {
  width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .suggestLayer .suggest-article-info,
  .suggestLayerErrorPage .suggest-article-info {
    width: 250px;
  }
}

.suggestLayer .suggestTextQuery,
.suggestLayerErrorPage .suggestTextQuery {
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
  text-decoration: underline;
}

.suggestLayer .suggestTextQueryTyped,
.suggestLayerErrorPage .suggestTextQueryTyped {
  font-weight: bold;
}

.suggestLayer .suggestTextType,
.suggestLayerErrorPage .suggestTextType {
  float: right;
  padding-left: 20px;
  font-size: 10px;
}

.suggestLayer .suggestTextAmount,
.suggestLayerErrorPage .suggestTextAmount {
  padding-left: 10px;
  text-align: right;
  display: inline-block;
}

.suggestLayer .suggestParentCategory,
.suggestLayerErrorPage .suggestParentCategory {
  display: block;
  font-size: 12px;
  color: #474747;
  font-weight: bold;
  margin: 15px 0 5px 0;
  text-transform: uppercase;
}

.suggestLayer .suggestHighlight,
.suggestLayerErrorPage .suggestHighlight {
  background-color: #FAFAFA;
  cursor: pointer;
}

.suggestLayer .suggestImage,
.suggestLayerErrorPage .suggestImage {
  padding-right: 10px;
  width: 55px;
  min-height: 1px;
  text-align: center;
  float: left;
}

.suggestLayer.no-suggest-block-text .suggestLayerBlockImage,
.suggestLayer.no-suggest-block-text .suggestLayerErrorPageBlockImage,
.suggestLayerErrorPage.no-suggest-block-text .suggestLayerBlockImage,
.suggestLayerErrorPage.no-suggest-block-text .suggestLayerErrorPageBlockImage {
  margin-left: 33%;
}

.suggestLayer .product-price-translation,
.suggestLayerErrorPage .product-price-translation {
  display: block;
}

.show-all-results {
  position: absolute;
  bottom: 20px;
  right: 100px;
  width: 256px;
}

@media (max-width: 1023px) {
  .show-all-results {
    right: 12%;
  }
}

@media (max-width: 767px) {
  .show-all-results {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.suggestLayerErrorPage {
  top: 80px;
  left: 10px;
}

.css-arrow-right {
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #fff;
}

.checkout-progress-bar {
  margin: 0 auto 30px auto;
  padding: 15px 10px 0 10px;
  max-width: 1230px;
}

.checkout-progress-bar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #a3a3a3;
}

.checkout-progress-bar ul li {
  margin: 0;
  padding: 0;
  float: left;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  width: 25%;
  text-align: center;
  position: relative;
  white-space: nowrap;
}

.checkout-progress-bar ul li.cb-pb-personal-data:before,
.checkout-progress-bar ul li.cb-pb-cart:before {
  display: none;
}

.checkout-progress-bar ul li:before {
  content: "";
  position: absolute;
  left: -18px;
  top: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid transparent;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.checkout-progress-bar ul li.finished .ch-pb-name i {
  color: #74BD2B;
  vertical-align: top;
  line-height: 33px;
  margin: 0 0 0 5px;
}

.checkout-progress-bar ul li.finished .ch-pb-icon i:before {
  content: "\e904";
  color: #74BD2B;
}

.checkout-progress-bar ul li div {
  height: 100%;
  background-color: #eee;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.checkout-progress-bar ul li a {
  display: inline-block;
  text-decoration: none;
  color: #8a8a8a;
  width: 100%;
}

.checkout-progress-bar ul li i {
  vertical-align: middle;
}

.checkout-progress-bar ul li.active:before {
  content: "";
  width: 15px;
  background: #A44C96;
  position: absolute;
  left: -18px;
  border-top: 17px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #fff;
}

.checkout-progress-bar ul li.active div {
  background-color: #A44C96;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.checkout-progress-bar ul li.active div .arrow-overlayer,
.checkout-progress-bar ul li.active div .arrow-background {
  border-left-color: #A44C96;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.checkout-progress-bar ul li.active div.cb-pb-cart div {
  border-color: #A44C96;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.checkout-progress-bar ul li.active div .ch-pb-icon,
.checkout-progress-bar ul li.active div .ch-pb-name {
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}

.checkout-progress-bar ul li .ch-pb-icon {
  font-size: 16px;
  display: inline-block;
  width: 100%;
}

.checkout-progress-bar ul li .ch-pb-name {
  display: none;
}

.checkout-progress-bar ul li .arrow-background,
.checkout-progress-bar ul li .arrow-overlayer {
  position: absolute;
  top: 0;
  right: 0;
  border-top-color: #eee;
  border-bottom-color: #eee;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.checkout-progress-bar ul li .arrow-background {
  z-index: 4;
  border-left-color: #eee;
  right: 3px;
  border-width: 15px 0 15px 15px;
  top: 3px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.checkout-progress-bar ul li.cb-pb-cart div {
  border: 0px solid #eee;
  border-radius: 4px 0 4px 0;
  width: 99%;
  float: left;
}

.checkout-progress-bar ul li.cb-pb-cart .ch-pb-separator {
  width: 1%;
  height: 100%;
  background-color: #fff;
  float: right;
}

.checkout-progress-bar ul li.cb-pb-hover:hover:before,
.checkout-progress-bar ul li.cb-pb-hover:focus:before {
  content: "";
  width: 15px;
  background: #A44C96;
  position: absolute;
  left: -18px;
  top: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.checkout-progress-bar ul li.cb-pb-hover:hover a,
.checkout-progress-bar ul li.cb-pb-hover:focus a {
  color: #fff;
}

.checkout-progress-bar ul li.cb-pb-hover:hover div,
.checkout-progress-bar ul li.cb-pb-hover:focus div {
  background-color: #A44C96;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}

.checkout-progress-bar ul li.cb-pb-hover:hover div .arrow-overlayer,
.checkout-progress-bar ul li.cb-pb-hover:hover div .arrow-background,
.checkout-progress-bar ul li.cb-pb-hover:focus div .arrow-overlayer,
.checkout-progress-bar ul li.cb-pb-hover:focus div .arrow-background {
  border-left-color: #A44C96;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}

.checkout-progress-bar ul li.cb-pb-hover:hover div .ch-pb-icon,
.checkout-progress-bar ul li.cb-pb-hover:hover div .ch-pb-name,
.checkout-progress-bar ul li.cb-pb-hover:focus div .ch-pb-icon,
.checkout-progress-bar ul li.cb-pb-hover:focus div .ch-pb-name {
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}

.checkout-progress-bar ul li.cb-pb-arrows i {
  margin-right: 15px;
}

.checkout-progress-bar ul li.last div {
  border-radius: 0 0 4px 0;
}

.checkout-progress-bar ul .item-counter {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #EDD9EA;
  border-radius: 50%;
  color: #4f4b43;
  font-size: 11px;
  text-align: center;
}

@media (min-width: 768px) {
  .checkout-progress-bar ul .item-counter {
    display: inline-block;
    margin-left: 5px;
  }
}

@media (max-width: 767px) {
  .checkout-progress-bar ul .item-counter {
    display: block;
    position: absolute;
    top: 15px;
    right: -20px;
    left: 0;
    margin: auto;
  }
}

@media (min-width: 768px) {
  .checkout-progress-bar {
    padding-top: 25px;
    margin-bottom: 40px;
  }

  .checkout-progress-bar ul li .ch-pb-icon {
    display: none;
  }

  .checkout-progress-bar ul li .ch-pb-name {
    display: block;
  }
}

#mobile-filter-sort {
  float: left;
  width: 100%;
}

@media (max-width: 500px) {
  #mobile-filter-sort {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.mobile-filter-sort-header {
  position: fixed;
  color: white;
  background-color: #757571;
  line-height: 40px;
  height: 40px;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
  z-index: 1005;
}

.mobile-filter-sort-header #mobile-filter-close {
  color: white;
  position: absolute;
  right: 10px;
  width: 40px;
  text-decoration: none;
}

#mobile-filter-window {
  display: none;
  width: 100%;
  height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 2;
}

#mobile-filter-window .animate-section {
  position: relative;
  width: 100%;
  height: calc(100% - 45px);
  margin-top: 45px;
  padding-left: 10px;
  padding-right: 10px;
}

#mobile-filter-window .animate-section.animate-sidescroll {
  overflow: hidden;
}

#mobile-filter-window .animate-section .sort-section .bs-caret .icon-chef_down:before {
  content: "";
}

#mobile-filter-window .animate-section .mobile-selected-facette-container .btn,
#mobile-filter-window .animate-section .mobile-selected-facette-container .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control #mobile-filter-window .animate-section .mobile-selected-facette-container a,
#mobile-filter-window .animate-section .mobile-selected-facette-container .SizeCalculator {
  padding: 2px 12px;
  height: 24px;
  font-size: 12px;
  margin-bottom: 10px;
}

#mobile-filter-window .animate-section .mobile-selected-facette-container .btn i,
#mobile-filter-window .animate-section .mobile-selected-facette-container .boxInnerHeight193 .doubleCol .control a i,
.boxInnerHeight193 .doubleCol .control #mobile-filter-window .animate-section .mobile-selected-facette-container a i,
#mobile-filter-window .animate-section .mobile-selected-facette-container .SizeCalculator i {
  font-size: 10px;
  margin-right: 0;
  margin-left: 6px;
}

#mobile-filter-window .animate-section .mobile-selected-facette-container .remove-all-filters {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 320px;
}

#mobile-filter-window .animate-section .bootstrap-select {
  margin-bottom: 10px;
}

#mobile-filter-window .animate-section .filter-section .bs-caret .icon-chef_down:before {
  content: "";
}

#mobile-filter-window .animate-section .animate-section-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 0px;
  z-index: 1030;
}

#mobile-filter-window .animate-section .animate-section-inner .bootstrap-select .dropdown-menu.open {
  border: none;
  border-radius: 0;
}

#mobile-filter-window .animate-section .animate-section-inner .bootstrap-select .dropdown-menu.open .bs-filter-sort-action {
  position: fixed;
  bottom: 0;
  background-color: white;
}

#mobile-filter-window .animate-section .animate-section-inner .bootstrap-select ul.dropdown-menu.inner {
  padding-left: 5px;
  padding-right: 5px;
}

#mobile-filter-window .animate-section .animate-section-inner .bootstrap-select ul.dropdown-menu.inner li a {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #EEEEEE;
  white-space: normal;
}

#mobile-filter-window .animate-section .animate-section-inner .bootstrap-select ul.dropdown-menu.inner li:last-child a {
  border-bottom: 0;
}

@media (max-width: 500px) {
  #mobile-filter-sort {
    font-weight: normal;
    padding-left: 2px;
    padding-right: 2px;
  }
}

/*
* === CMS ADDITIONAL SHOP ===
*/

.cms-additional-shop-wrapper {
  padding: 20px;
}

.cms-additional-shop-wrapper.is-checkout {
  padding: 0;
}

.cms-additional-shop-wrapper.is-checkout .hidden {
  display: block !important;
}

.cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content {
  width: 100%;
}

@media (min-width: 1600px) {
  .cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content {
    width: 100%;
  }
}

.cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col {
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
}

@media (min-width: 1600px) {
  .cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col {
    width: 50%;
    float: left;
  }
}

.cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col .additional-shop-icon {
  font-size: 21px;
}

@media (min-width: 1600px) {
  .cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col .additional-shop-icon {
    vertical-align: top;
  }
}

.cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col .additional-shop-text .additional-shop-text-headline,
.cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col .additional-shop-text .additional-shop-text-subline {
  display: block;
  float: left;
}

.cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col .additional-shop-text .additional-shop-text-headline {
  margin-right: 5px;
}

.cms-additional-shop-wrapper.is-checkout .cms-additional-shop-content .additional-shop-col {
  width: 50%;
  float: left;
}

@media (max-width: 767px) {
  .cms-additional-shop-wrapper.is-checkout {
    display: none;
  }
}

.cms-additional-shop-wrapper.is-pds {
  padding: 0;
}

@media (min-width: 768px) {
  .cms-additional-shop-wrapper.is-pds .cms-additional-shop-content .additional-shop-col .additional-shop-icon,
  .cms-additional-shop-wrapper.is-pds .cms-additional-shop-content .additional-shop-col .additional-shop-text {
    display: block;
    margin: 0 auto;
    text-align: center;
    min-height: 45px;
  }
}

.cms-additional-shop-wrapper.isCart {
  padding: 0 0px 10px 0px;
}

.cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col {
  display: block;
  line-height: 35px;
}

.cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-icon,
.cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-text {
  display: block;
  vertical-align: middle;
  float: left;
}

.cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-icon {
  font-size: 32px;
  padding-right: 10px;
  text-align: center;
  color: #A44C96;
  font-weight: 700;
}

.cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-text {
  font-size: 16px;
}

.cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-text .additional-shop-text-subline {
  font-weight: 700;
}

@media (max-width: 767px) {
  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col {
    width: 100%;
  }

  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-icon {
    font-size: 21px;
  }
}

@media (min-width: 768px) {
  .cms-additional-shop-wrapper {
    padding: 30px;
  }

  .cms-additional-shop-wrapper.isCart {
    padding: 30px 0;
    border: 0;
  }

  .cms-additional-shop-wrapper .cms-additional-shop-content.container.checkout,
  .cms-additional-shop-wrapper .cms-additional-shop-content.checkout#headerWrapper,
  .cms-additional-shop-wrapper .cms-additional-shop-content.checkout#Content {
    max-width: 1120px;
  }

  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col {
    display: block;
    line-height: 1.42857;
  }

  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-icon,
  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-text {
    display: table-cell;
    float: none;
  }

  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-icon {
    font-weight: 500;
    width: 50px;
  }

  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-text {
    font-size: 16px;
  }

  .cms-additional-shop-wrapper .cms-additional-shop-content .additional-shop-col .additional-shop-text .additional-shop-text-headline {
    display: block;
  }
}

/* styling for Homepage */

.additional-container-homepage {
  border-top: 2px solid #d4d1cb;
  border-bottom: 2px solid #d4d1cb;
  padding: 5px 0;
  margin: 20px 0;
}

.additional-container-homepage .additional-shop-icon,
.additional-container-homepage .additional-shop-text {
  display: table-cell;
  vertical-align: middle;
}

.additional-container-homepage .additional-shop-icon {
  color: #A44C96;
  font-size: 24px;
  text-align: center;
  padding-right: 10px;
}

.additional-container-homepage .additional-shop-text-subline {
  font-weight: 700;
}

.additional-container-homepage .free-delivery-container {
  float: right;
}

@media (min-width: 768px) {
  .additional-container-homepage .col-sm-flex-center {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }

  .additional-container-homepage .col-sm-flex-center .additional-wrapper {
    display: inline-block;
  }

  .additional-container-homepage .free-delivery-container {
    position: relative;
    width: 79px;
    margin-right: 20px;
  }

  .additional-container-homepage .free-delivery-container .img-logo {
    position: absolute;
    min-width: 80%;
    max-width: 100%;
    right: 0;
    top: -20px;
  }
}

#directOrderForm .order-header {
  margin-bottom: 10px;
  font-weight: 700;
}

#directOrderForm .order-header div {
  text-align: left;
}

#directOrderForm .order-list .order-entry {
  margin: 0;
}

#directOrderForm .order-list .order-entry .order-entry-number {
  line-height: 40px;
  padding: 10px;
  font-weight: 700;
}

#directOrderForm .order-list .order-entry .order-entry-error {
  color: #BD0025;
}

#directOrderForm .order-list .order-entry .order-entry-border {
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

#directOrderForm .order-list .order-entry:last-child .order-entry-border {
  border-bottom: 1px solid #ddd;
}

#directOrderForm .order-list .order-entry .order-article-view {
  margin-top: 20px;
}

@media (min-width: 768px) {
  #directOrderForm .order-list .order-entry .order-article-view {
    margin-top: 0;
  }
}

#directOrderForm .order-list .order-entry .order-article-view .btn,
#directOrderForm .order-list .order-entry .order-article-view .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control #directOrderForm .order-list .order-entry .order-article-view a,
#directOrderForm .order-list .order-entry .order-article-view .SizeCalculator {
  height: 40px;
  line-height: 24px;
}

#directOrderForm .order-list .order-entry .order-article-view .product-image {
  /* be sure, the enegy label fits inside this box. */
  min-height: 28px;
}

#directOrderForm .order-list .order-entry .order-article-orderNumber {
  margin: 0 0px 10px 0px;
}

@media (min-width: 768px) {
  #directOrderForm .order-list .order-entry .order-article-orderNumber {
    margin-bottom: 0;
  }
}

#directOrderForm .order-list .order-entry .order-article-quantity .form-control {
  text-align: center;
}

@media (min-width: 768px) {
  #directOrderForm .order-list .order-entry .order-article-quantity .label-small + .input-qty {
    text-align: right;
    padding-right: 40px;
  }

  #directOrderForm .order-list .order-entry .order-article-quantity .label-large + .input-qty {
    text-align: right;
    padding-right: 53px;
  }
}

#directOrderForm .order-list .order-entry .order-article-quantity .input-group {
  width: 100%;
}

#directOrderForm .order-list .bootstrap-select {
  width: 100%;
  margin-bottom: 10px;
}

#directOrderForm .order-list .product-details .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

#directOrderForm .order-list .product-details .product-name {
  font-size: 15px;
  color: #878682;
  padding-right: 20px;
  position: relative;
}

#directOrderForm .order-list .product-details div {
  margin-bottom: 5px;
}

#directOrderForm .order-list .product-details .product-delivery-info {
  color: #74BD2B;
}

#directOrderForm .order-list .product-details .light {
  color: #999;
}

@media (max-width: 767px) {
  #directOrderForm .action .order-entry-border {
    padding: 5px 0 15px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  #directOrderForm .action .order-entry-border {
    margin-bottom: 15px;
  }
}

#directOrderForm .product-energyLabel {
  left: 10px;
}

#directOrderForm p {
  font-size: 15px;
}

#collapseOrderForm .product-energyLabel {
  left: 10px;
}

.cookieInformation {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #EEEEEE;
  padding: 10px;
  box-shadow: 0 -10px 8px -6px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

@media (max-width: 767px) {
  .cookieInformation {
    bottom: 54px;
  }
}

@media (min-width: 768px) {
  .cookieInformation {
    bottom: 0;
  }
}

/* product Badges general on Product Grid */

.product-badge {
  position: absolute;
  z-index: 2;
  display: block;
}

.product-badge-sale {
  text-align: center;
  background-color: #BD0025;
  border: 1px solid #BD0025;
  width: 60px;
  height: 40px;
  line-height: 37px;
  font-size: 20px;
  color: #fff;
}

.product-badge-sale .discount-percentage {
  display: inline !important;
}

.product-badge-pricetip-content {
  color: #A44C96;
}

.product-badge-jubilee-content {
  text-transform: none !important;
  padding: 2px 0px !important;
}

.product-badge-jubilee-content .jubilee-upper {
  color: #FFFFFF;
  padding-left: 1px;
  padding-right: 5px;
}

.product-badge-jubilee-content .jubilee-lower {
  color: #000000;
  padding-left: 6px;
}

.product-badge-wishlist {
  bottom: 1px;
  right: 1px;
  width: 42px;
  height: 42px;
}

.product-badge-wishlist.loading .svg-heart-icon-container {
  fill: #A3A3A3;
}

.product-badge-wishlist .positioning-container {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 1279px) {
  .product-badge-wishlist .positioning-container {
    width: 28px;
    height: 28px;
  }
}

@media (min-width: 1280px) and (max-width: 1599px) {
  .product-badge-wishlist .positioning-container {
    width: 32px;
    height: 32px;
  }
}

@media (min-width: 1600px) {
  .product-badge-wishlist .positioning-container {
    width: 42px;
    height: 42px;
  }
}

.product-badge-wishlist .svg-heart-icon-container {
  width: 90%;
  height: 90%;
  fill: #FFFFFF;
  stroke: #A44C96;
  stroke-width: 2;
  stroke-miterlimit: 10;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.product-badge-wishlist .svg-heart-icon-container:hover {
  margin-left: -5%;
  width: 100%;
  height: 100%;
}

.product-badge-wishlist.active .svg-heart-icon-container {
  fill: #A44C96;
  stroke: #A44C96;
}

/* product Badges on PDP */

.pds-main-image-wrapper .product-badge-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .pds-main-image-wrapper .product-badge-sale {
    right: 0;
    top: 0;
    width: 120px;
    height: 70px;
    line-height: 66px;
    font-size: 45px;
  }
}

.product-badge-pricetip {
  position: absolute;
  border: 1px solid #757571;
  background-color: #EDD9EA;
  pointer-events: none;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.product-badge-pricetip .product-badge-pricetip-content {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.product-badge-jubilee {
  pointer-events: none;
  left: 0;
}

.product-badge-jubilee-content {
  position: absolute;
  background-color: #D181A4;
  padding: 2px 5px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  left: 0;
  right: auto;
}

.product-slider-entry .product-badge-pricetip,
#TilesView .product-badge-pricetip {
  position: absolute;
  right: -34px;
  top: 13px;
  width: 120px;
  padding: 5px 0;
  -webkit-box-shadow: 0 0 8px 2px #EDD9EA;
  box-shadow: 0 0 8px 2px #EDD9EA;
}

.product-slider-entry .product-badge-pricetip .product-badge-pricetip-content,
#TilesView .product-badge-pricetip .product-badge-pricetip-content {
  display: block;
  font-size: 12px;
}

#productDetailPage .product-badge-pricetip {
  position: absolute;
  right: -45px;
  top: 21px;
  width: 180px;
  height: 50px;
  padding: 11px;
  -webkit-box-shadow: 0 0 16px 3px #EDD9EA;
  box-shadow: 0 0 16px 3px #EDD9EA;
}

#productDetailPage .product-badge-pricetip .product-badge-pricetip-content {
  font-size: 20px;
}

/* overwrite for featuretoggle and A/B testing */

.discountPercentageReduced .product-badge-sale {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
}

.discountPercentageReduced .product-badge-sale .discount-percentage {
  display: none !important;
}

@media (min-width: 768px) {
  .discountPercentageReduced .pds-main-image-wrapper .product-badge-sale {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 50px;
  }
}

/*
* === CMS ACCORDION COMPONENT === 
* styling from BRI
*/

.cms-middle-conent .section .cms-accordion-component,
.cms-accordion-component {
  line-height: 1.3;
  text-decoration: none;
  clear: both;
}

.cms-middle-conent .section .cms-accordion-component .accordion-headline,
.cms-accordion-component .accordion-headline {
  background-color: transparent;
  border-bottom: 2px solid #A44C96;
  position: relative;
  padding: 12px 15px;
  color: #4F4B43;
  font-size: 16px;
  text-transform: none;
}

.cms-middle-conent .section .cms-accordion-component .accordion-headline a,
.cms-accordion-component .accordion-headline a {
  text-decoration: none;
  display: block;
}

.cms-middle-conent .section .cms-accordion-component .accordion-headline a:hover,
.cms-accordion-component .accordion-headline a:hover {
  color: #A44C96;
}

.cms-middle-conent .section .cms-accordion-component .accordion-headline a:after,
.cms-accordion-component .accordion-headline a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  color: #A44C96;
  font-family: 'BADER-Iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10px;
  right: 15px;
  content: "\e90a";
}

.cms-middle-conent .section .cms-accordion-component .accordion-headline a.collapsed:after,
.cms-accordion-component .accordion-headline a.collapsed:after {
  content: "\e916";
}

.cms-middle-conent .section .cms-accordion-component .accordion-content,
.cms-accordion-component .accordion-content {
  position: relative;
  padding-top: 0;
}

.cms-middle-conent .section .cms-accordion-component .accordion-content .cmsContent,
.cms-accordion-component .accordion-content .cmsContent {
  padding-bottom: 25px;
}

.cms-middle-conent .section .cms-accordion-component .accordion-content .accordion-content-inner,
.cms-accordion-component .accordion-content .accordion-content-inner {
  padding-top: 0;
  padding-bottom: 25px;
}

.cms-middle-conent .section .cms-accordion-component .accordion-content .accordion-content-inner,
.cms-middle-conent .section .cms-accordion-component .accordion-content .accordion-content-inner p,
.cms-accordion-component .accordion-content .accordion-content-inner,
.cms-accordion-component .accordion-content .accordion-content-inner p {
  font-size: 15px;
}

.cms-middle-conent .section .cms-accordion-component .accordion-content .accordion-content-close,
.cms-accordion-component .accordion-content .accordion-content-close {
  width: 100%;
  height: 20px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.catalogOverviewlayer .catalogueFrame {
  height: 600px;
  overflow: hidden;
  width: 1000px;
  border: 0 none;
}

/* except content in pds info tab */

.cms-middle-conent:not(.pds-tab-info-content) .panel.panel-cms .panel-cms-section-description {
  color: #8a8a8a;
}

.cms-middle-conent .toggleContainer {
  background-color: #fff;
}

.cms-middle-conent .panel.panel-cms {
  padding: 0;
}

.cms-middle-conent .panel.panel-cms .panel-heading {
  padding: 0;
}

.cms-middle-conent .panel.panel-cms .panel-heading h3,
.cms-middle-conent .panel.panel-cms .panel-heading .h3 {
  margin: 0;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section {
  padding: 15px;
}

@media (min-width: 768px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section {
    padding: 20px;
  }
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-hr {
  border-color: #EEEEEE;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-content {
  padding: 0;
  font-size: 15px;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-icon {
  font-size: 48px;
  color: #F2BD29;
  text-align: center;
  float: left;
  min-height: 1px;
  padding: 0;
}

@media (min-width: 768px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section-icon {
    width: 10%;
    width: calc(63px);
  }
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-description {
  line-height: 25px;
  width: 100%;
  float: left;
}

@media (min-width: 768px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section-description {
    padding: 0 10px 0 0;
    width: 90%;
    width: calc(100% - 63px);
  }
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-description.full {
  width: 100%;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-desc-headline {
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-image-list {
  padding: 0 20px;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-image-list .btn,
.cms-middle-conent .panel.panel-cms .panel-cms-section-image-list .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list a,
.cms-middle-conent .panel.panel-cms .panel-cms-section-image-list .SizeCalculator {
  width: 100%;
  margin: 20px 0;
}

@media (min-width: 768px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list .btn,
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list .boxInnerHeight193 .doubleCol .control a,
  .boxInnerHeight193 .doubleCol .control .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list a,
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list .SizeCalculator {
    margin: 20px 0 0 0;
  }
}

@media (max-width: 767px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list tr,
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list td,
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list table,
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list tbody,
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list a {
    display: block;
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section-image-list img {
    margin: 0 auto;
  }
}

.cms-middle-conent .panel.panel-cms .panel-cms-section-table-wrap {
  overflow-x: scroll;
}

@media (min-width: 768px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section-table-wrap {
    overflow-x: visible;
  }
}

.cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal {
  float: left;
  width: 100%;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dt {
  text-align: left;
  width: 130px;
  margin-bottom: 5px;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dd {
  margin-left: 130px;
}

@media (max-width: 767px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dt,
  .cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dd {
    float: left;
    margin: 0 0 10px 0;
  }

  .cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dt {
    clear: both;
    width: 30%;
  }

  .cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dd {
    width: 70%;
  }
}

@media (max-width: 500px) {
  .cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dt,
  .cms-middle-conent .panel.panel-cms .panel-cms-section .dl-horizontal dd {
    width: 50%;
  }
}

.cms-middle-conent .panel.panel-cms .panel-cms-section .compensatePdg {
  padding: 0;
}

.cms-middle-conent .panel.panel-cms .panel-cms-section .compensatePdg table {
  margin: 0 0 20px 0;
}

.cms-middle-conent .section {
  background: #fff;
  margin-bottom: 20px;
}

.cms-middle-conent .section h3,
.cms-middle-conent .section .h3 {
  color: #4f4b43;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 15px;
  border-radius: 4px 0 4px 0;
  margin: 0 0 15px 0;
  background-color: #ECE9E2;
  border-color: transparent;
}

.cms-middle-conent .section p,
.cms-middle-conent .section b,
.cms-middle-conent .section div:not(.cms-accordion-component) {
  padding: 12px 15px;
}

.cms-middle-conent .section table {
  margin: 12px 15px 36px;
}

.cms-middle-conent .section table td:not(:last-child) {
  padding-right: 15px;
}

.cms-middle-conent .section .iconSection p,
.cms-middle-conent .section .iconSection b,
.cms-middle-conent .section div p,
.cms-middle-conent .section div b {
  padding: 0;
}

.cms-middle-conent .section .iconSection .iconSection,
.cms-middle-conent .section div .iconSection {
  padding: 15px 20px 0 60px;
}

.cms-middle-conent .section div.toTopLink {
  float: none;
  padding: 2px 0 6px 14px;
}

@media (max-width: 767px) {
  .cms-middle-conent .section-grid.flex-row.xsl-remove-flex .section-tile {
    text-align: center;
  }

  .cms-middle-conent .section-grid.flex-row.xsl-remove-flex .section-tile > div {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
  }
}

/* CMSBrigitteBonusArticleCarousel2Component */

.brigitte-bonus-carousel-component {
  float: left;
  width: 100%;
  width: calc(100% + 20px);
  margin-bottom: 20px;
}

.brigitte-bonus-carousel-component .box-background {
  background: #EDD9EA;
}

.brigitte-bonus-carousel-component .box-gradient {
  height: 100%;
  width: 100%;
  position: relative;
  background: -webkit-radial-gradient(center, ellipse cover, white 10%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(center, ellipse cover, white 10%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(ellipse at center, white 10%, rgba(255, 255, 255, 0) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  background-size: 150% 150%;
  background-position: 75% 50%;
  background-repeat: no-repeat;
}

.brigitte-bonus-carousel-component .brigitte-bonus-product-of-the-week .brigitte-bonus-product-content-top,
.brigitte-bonus-carousel-component .brigitte-bonus-product-of-the-week .brigitte-bonus-product-content-bottom {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.brigitte-bonus-carousel-component .brigitte-bonus-product-of-the-week .brigitte-bonus-product-content-top {
  top: 0;
}

.brigitte-bonus-carousel-component .brigitte-bonus-product-of-the-week .brigitte-bonus-product-content-top .brigitte-bonus-product-headline {
  padding: 10px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-product-of-the-week .brigitte-bonus-product-content-bottom {
  bottom: 0;
}

.brigitte-bonus-carousel-component .brigitte-bonus-product-of-the-week .brigitte-bonus-product-content-bottom .brigitte-bonus-product-button {
  padding: 10px;
  text-transform: uppercase;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-teaser-headline,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-teaser-content,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-teaser-actions {
  position: absolute;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-teaser-headline {
  top: 10px;
  left: 0;
  right: 0;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel {
  top: 25%;
  left: 0;
  right: 40%;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 500px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel {
    left: 15%;
    right: 15%;
  }
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-prev,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-next {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #4F4B43;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-prev:before,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-next:before {
  font-size: 16px;
  line-height: 24px;
  padding: 1px 6px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-prev i,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-next i {
  font-size: 14px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-prev {
  left: -8px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-next {
  right: -8px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-list,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-track,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-slide {
  height: 100%;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .slick-list {
  width: 90%;
  width: calc(100% - 20px);
  margin: 0 10px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .brigitte-bonus-slide {
  height: 100%;
  vertical-align: middle;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .brigitte-bonus-slide:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .brigitte-bonus-slide img {
  display: inline-block;
  width: 97%;
}

@media (max-width: 1023px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-carousel .brigitte-bonus-slide img {
    width: 95%;
  }
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-box .brigitte-bonus-teaser-content {
  width: 35%;
  width: calc(40% - 10px);
}

.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-headline,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-image,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-content,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-actions {
  position: absolute;
}

.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-headline {
  top: 10px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}

.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-image {
  top: 40px;
  bottom: 40px;
  left: 0;
  right: 50%;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
}

.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
}

.brigitte-bonus-carousel-component .brigitte-bonus-catalog-box .brigitte-bonus-catalog-content {
  width: 50%;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-content,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-content {
  bottom: 70px;
  right: 10px;
  z-index: 2;
  text-align: right;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-content .brigitte-bonus-teaser-text.bold,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-content .brigitte-bonus-catalog-text.bold,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-content .brigitte-bonus-teaser-text.bold,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-content .brigitte-bonus-catalog-text.bold {
  font-weight: bolder;
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-content .brigitte-bonus-teaser-text.bold,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-content .brigitte-bonus-catalog-text.bold,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-content .brigitte-bonus-teaser-text.bold,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-content .brigitte-bonus-catalog-text.bold {
    display: none;
  }
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions {
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button {
  height: auto;
  white-space: normal;
  margin-top: 20px;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button .btn,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button a,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button .SizeCalculator,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button .btn,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button a,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button .SizeCalculator,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button .btn,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button a,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button .SizeCalculator,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button .btn,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button a,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button .SizeCalculator {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 500px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button .btn,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button .boxInnerHeight193 .doubleCol .control a,
  .boxInnerHeight193 .doubleCol .control .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button a,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-browse-button .SizeCalculator,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button .btn,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button .boxInnerHeight193 .doubleCol .control a,
  .boxInnerHeight193 .doubleCol .control
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button a,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-actions .brigitte-bonus-catalog-button .SizeCalculator,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button .btn,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button .boxInnerHeight193 .doubleCol .control a,
  .boxInnerHeight193 .doubleCol .control
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button a,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-browse-button .SizeCalculator,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button .btn,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button .boxInnerHeight193 .doubleCol .control a,
  .boxInnerHeight193 .doubleCol .control
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button a,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-actions .brigitte-bonus-catalog-button .SizeCalculator {
    font-size: 11px;
  }
}

@media (max-width: 1023px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-product-of-the-week {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-box {
    margin-bottom: 20px;
  }
}

.brigitte-bonus-carousel-component .brigitte-bonus-product-headline,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-headline,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-headline {
  font-size: 18px;
}

@media (max-width: 1279px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-product-headline,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-headline,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-headline {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-product-headline,
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-headline,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-headline {
    font-size: 14px;
  }
}

.brigitte-bonus-carousel-component .brigitte-bonus-product-content-top,
.brigitte-bonus-carousel-component .brigitte-bonus-product-content-bottom,
.brigitte-bonus-carousel-component .brigitte-bonus-teaser-headline,
.brigitte-bonus-carousel-component .brigitte-bonus-slide,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-headline {
  text-align: center;
}

.brigitte-bonus-carousel-component .brigitte-bonus-teaser-text,
.brigitte-bonus-carousel-component .brigitte-bonus-catalog-text {
  font-size: 14px;
}

@media (max-width: 1279px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-text,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-text {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-text,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-text {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .brigitte-bonus-carousel-component .brigitte-bonus-teaser-text,
  .brigitte-bonus-carousel-component .brigitte-bonus-catalog-text {
    font-size: 16px;
  }
}

/* CMSThemeWorldButtonComponent */

.theme-world-button-component {
  display: block;
  float: left;
  text-align: center;
}

.theme-world-button-component.width-whole {
  width: 100%;
}

.theme-world-button-component.width-a-half {
  width: 50%;
}

@media (max-width: 1279px) {
  .theme-world-button-component.width-a-half {
    width: 100%;
  }
}

.theme-world-button-component.width-a-third {
  width: 33.333%;
}

@media (max-width: 1023px) {
  .theme-world-button-component.width-a-third {
    width: 100%;
  }
}

.theme-world-button-component.width-a-fourth {
  width: 25%;
}

@media (max-width: 1279px) {
  .theme-world-button-component.width-a-fourth {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .theme-world-button-component.width-a-fourth {
    width: 100%;
  }
}

.theme-world-button-component .theme-world-button {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 95%;
  width: calc(100% - 20px);
  margin: 0 10px;
  background: #fff;
  border: 0;
  position: relative;
  color: #4F4B43;
}

.theme-world-button-component .theme-world-button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #EDD9EA;
}

.theme-world-button-component .theme-world-button:hover,
.theme-world-button-component .theme-world-button:focus {
  background-color: #EDD9EA;
}

/* CMSThemeWorldContainerComponent */

.theme-world-container-component {
  margin-bottom: 20px;
}

.theme-world-container-component .theme-world-container-headline {
  padding: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.theme-world-container-component .theme-world-container-headline .h2 {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

.theme-world-container-component .theme-world-container-headline.moulding {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.theme-world-container-component .theme-world-container-headline.moulding > .h2 {
  display: inline-block;
  background: white;
  padding: 0 10px;
  max-width: 80%;
}

/* temp for Brigitte migration */

.seasonTeaserBig {
  margin-bottom: 20px;
  border: 1px solid #EDD9EA;
}

.seasonTeaserBig:hover,
.seasonTeaserBig:focus {
  border-color: #A44C96;
}

.seasonTeaserBig img {
  margin: 0 auto;
}

.seasonTeaserSmall {
  float: left;
  margin-bottom: 20px;
  border: 1px solid #EDD9EA;
}

.seasonTeaserSmall:hover,
.seasonTeaserSmall:focus {
  border-color: #A44C96;
}

@media (min-width: 768px) {
  .seasonTeaserSmall {
    width: calc(50% - 10px);
  }

  .seasonTeaserSmall.first {
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .seasonTeaserSmall {
    width: 100%;
  }
}

.seasonTeaserSmall img {
  margin: 0 auto;
}

/* TODO temp for Brigitte migration */

/* CMSFlexibleTeaserTileComponent */

/* Some IE fixes on bottom of page */

.flexible-teaser-tile-component,
.extended-flexible-teaser-tile-component,
.cta-only-flexible-teaser-tile-component,
.countdown-flexible-teaser-tile-component {
  min-height: 50px;
  position: relative;
  overflow: hidden;
  /* BAD-2653 */
}

.flexible-teaser-tile-component.border,
.extended-flexible-teaser-tile-component.border,
.cta-only-flexible-teaser-tile-component.border,
.countdown-flexible-teaser-tile-component.border {
  border: 1px solid #A3A3A3;
}

.flexible-teaser-tile-component.cta,
.extended-flexible-teaser-tile-component.cta,
.cta-only-flexible-teaser-tile-component.cta,
.countdown-flexible-teaser-tile-component.cta {
  cursor: pointer;
}

.flexible-teaser-tile-component img,
.extended-flexible-teaser-tile-component img,
.cta-only-flexible-teaser-tile-component img,
.countdown-flexible-teaser-tile-component img {
  /* to prevent loading many teasers on page load, we set a min height,
		 * so that every teaser hase a height without an image.
		 */
  min-height: 100px;
}

.flexible-teaser-tile-component img:loaded,
.extended-flexible-teaser-tile-component img:loaded,
.cta-only-flexible-teaser-tile-component img:loaded,
.countdown-flexible-teaser-tile-component img:loaded {
  min-height: none;
}

.flexible-teaser-tile-component .flexible-teaser-tile-transparency-layer,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-transparency-layer,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-transparency-layer,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-transparency-layer,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-transparency-layer,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-transparency-layer,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-transparency-layer,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-transparency-layer,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-transparency-layer,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-transparency-layer,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-transparency-layer,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-transparency-layer,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-transparency-layer,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-transparency-layer,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-transparency-layer,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-transparency-layer {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 33%, white 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 33%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.flexible-teaser-tile-component .flexible-teaser-tile-background,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-background,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-background,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-background,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-background,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-background,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-background,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-background,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-background,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-background,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-background,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-background,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-background {
  max-width: 100%;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.flexible-teaser-tile-component:hover .flexible-teaser-tile-background.zoom,
.flexible-teaser-tile-component:hover .extended-flexible-teaser-tile-background.zoom,
.flexible-teaser-tile-component:hover .cta-only-flexible-teaser-tile-background.zoom,
.flexible-teaser-tile-component:hover .countdown-flexible-teaser-tile-background.zoom,
.extended-flexible-teaser-tile-component:hover .flexible-teaser-tile-background.zoom,
.extended-flexible-teaser-tile-component:hover .extended-flexible-teaser-tile-background.zoom,
.extended-flexible-teaser-tile-component:hover .cta-only-flexible-teaser-tile-background.zoom,
.extended-flexible-teaser-tile-component:hover .countdown-flexible-teaser-tile-background.zoom,
.cta-only-flexible-teaser-tile-component:hover .flexible-teaser-tile-background.zoom,
.cta-only-flexible-teaser-tile-component:hover .extended-flexible-teaser-tile-background.zoom,
.cta-only-flexible-teaser-tile-component:hover .cta-only-flexible-teaser-tile-background.zoom,
.cta-only-flexible-teaser-tile-component:hover .countdown-flexible-teaser-tile-background.zoom,
.countdown-flexible-teaser-tile-component:hover .flexible-teaser-tile-background.zoom,
.countdown-flexible-teaser-tile-component:hover .extended-flexible-teaser-tile-background.zoom,
.countdown-flexible-teaser-tile-component:hover .cta-only-flexible-teaser-tile-background.zoom,
.countdown-flexible-teaser-tile-component:hover .countdown-flexible-teaser-tile-background.zoom {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  transform: scale(1.08);
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container {
  color: #4f4b43;
  position: absolute;
  z-index: 3;
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container {
  bottom: 0;
  padding: 10px 10px 20px;
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left {
  left: 10px;
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center {
  left: 28%;
  left: calc(25% + 10px);
  width: 50%;
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right {
  right: 10px;
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
.flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right {
  width: 44%;
  width: calc(50% - 20px);
}

@media (max-width: 1023px) {
  .flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
  .extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
  .cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
  .countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right {
    width: 70%;
    width: calc(80% - 20px);
  }
}

@media (max-width: 767px) {
  .flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
  .extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
  .cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right,
  .countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-left,
  .countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-right {
    width: 94%;
    width: calc(100% - 20px);
  }
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container.text-center {
  width: 80%;
  left: 10%;
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption {
  color: #4f4b43;
  font-size: 32px;
  font-family: Satisfy, cursive;
}

@media (max-width: 767px) {
  .flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
  .extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
  .cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
  .countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption {
    font-size: 24px;
  }
}

@media (max-width: 500px) {
  .flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
  .extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
  .cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption,
  .countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-caption {
    font-size: 18px;
  }
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description {
  color: #4f4b43;
  padding: 10px 0;
}

@media (max-width: 767px) {
  .flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description,
  .extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description,
  .cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description,
  .countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-description {
    font-size: 12px;
  }
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button {
  height: auto;
  white-space: normal;
}

.flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.btn,
.flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.SizeCalculator,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.btn,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.SizeCalculator,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.btn,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.SizeCalculator,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.btn,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-box-container .flexible-teaser-tile-button button.SizeCalculator {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container {
  width: 95%;
  width: calc(100% - 20px);
  left: 10px;
}

.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span {
  width: 100%;
}

.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-caption,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-description {
  text-decoration: none;
}

.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span {
  height: auto;
  white-space: normal;
}

.flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span:hover,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span:hover,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span:hover,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-box-container .extended-flexible-teaser-tile-link span:hover {
  text-decoration: none;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:before,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:after,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:before,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:after,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:before,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:after,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:before,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:after {
  display: block;
  position: absolute;
  top: 0;
  height: 0;
  z-index: 3;
  border: 0 solid transparent;
  content: "";
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left {
  left: 0;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-black:after,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-black:after,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-black:after,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-black:after {
  border-left-color: #000;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-white:after,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-white:after,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-white:after,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-white:after {
  border-left-color: #fff;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-gray:after,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-gray:after,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-gray:after,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-left .bg-gray:after {
  border-left-color: #757571;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right {
  right: 0;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-black:before,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-black:before,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-black:before,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-black:before {
  border-right-color: #000;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-white:before,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-white:before,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-white:before,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-white:before {
  border-right-color: #fff;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-gray:before,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-gray:before,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-gray:before,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-right .bg-gray:before {
  border-right-color: #757571;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-top,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-top,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-top,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-top {
  top: 10%;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-bottom,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-bottom,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-bottom,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container.text-bottom {
  bottom: 10%;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
  position: relative;
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
  position: absolute;
  left: 15px;
  z-index: 3;
  width: 90%;
  width: calc(100% - 30px);
}

.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text > *,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text > *,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text > *,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text > * {
  text-align: center;
  text-decoration: none;
}

.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container {
  width: 95%;
  width: calc(100% - 20px);
  left: 10px;
}

.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption {
  width: 100%;
}

.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box {
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 10px;
  border: 5px solid #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}

.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .badge,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .badge,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .badge,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .badge {
  background: #fff;
  opacity: 0.9;
  border: 4px solid black;
  padding: 2px;
  position: absolute;
  text-align: center;
  left: 4px;
  top: 14px;
  right: 4px;
  transform: rotate(-5deg);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.6em;
  line-height: 2em;
  z-index: 1;
}

.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item {
  display: inline-block;
  position: relative;
  text-align: center;
}

.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item .label,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item .label,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item .label,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .item .label {
  text-align: center;
  font-size: 0.3em;
  text-transform: uppercase;
}

.flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .spacer,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .spacer,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .spacer,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-box-container .countdown-flexible-teaser-tile-caption .box .spacer {
  display: inline-block;
  width: 6px;
  text-align: center;
  vertical-align: top;
}

.flexible-teaser-tile-component .flexible-teaser-tile-hover-layer,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  transition: background .3s ease;
}

.flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer .extended-flexible-teaser-tile-box-container {
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover {
  background: rgba(255, 255, 255, 0.75);
}

.flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.extended-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.cta-only-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .extended-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .cta-only-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .flexible-teaser-tile-box-container,
.countdown-flexible-teaser-tile-component .countdown-flexible-teaser-tile-hover-layer:hover .extended-flexible-teaser-tile-box-container {
  opacity: 1;
}

.flexible-teaser-tile-component .flexible-teaser-tile-background-button,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button {
  position: absolute;
  bottom: 20px;
  width: 40%;
  width: calc(50% - 40px);
}

.flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-left,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-left,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-left,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-left {
  left: 20px;
}

.flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-center,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-center,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-center,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-center {
  left: 12%;
  left: calc(10% + 10px);
  width: 76%;
  width: calc(80% - 20px);
}

.flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-right,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-right,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-right,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button.text-right {
  right: 20px;
}

.flexible-teaser-tile-component .flexible-teaser-tile-background-button .btn,
.flexible-teaser-tile-component .flexible-teaser-tile-background-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control .flexible-teaser-tile-component .flexible-teaser-tile-background-button a,
.flexible-teaser-tile-component .flexible-teaser-tile-background-button .SizeCalculator,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button .btn,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button a,
.extended-flexible-teaser-tile-component .flexible-teaser-tile-background-button .SizeCalculator,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button .btn,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button a,
.cta-only-flexible-teaser-tile-component .flexible-teaser-tile-background-button .SizeCalculator,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button .btn,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button .boxInnerHeight193 .doubleCol .control a,
.boxInnerHeight193 .doubleCol .control
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button a,
.countdown-flexible-teaser-tile-component .flexible-teaser-tile-background-button .SizeCalculator {
  height: auto;
  white-space: normal;
  overflow: hidden;
  max-width: 100%;
}

.flexible-teaser-tile-component .transparent-box,
.extended-flexible-teaser-tile-component .transparent-box,
.cta-only-flexible-teaser-tile-component .transparent-box,
.countdown-flexible-teaser-tile-component .transparent-box {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #A3A3A3;
  background: rgba(255, 255, 255, 0.7);
}

@media (min-width: 768px) {
  .flexible-teaser-tile-component .transparent-box,
  .extended-flexible-teaser-tile-component .transparent-box,
  .cta-only-flexible-teaser-tile-component .transparent-box,
  .countdown-flexible-teaser-tile-component .transparent-box {
    min-width: 250px;
  }
}

@media (max-width: 767px) {
  .flexible-teaser-tile-component,
  .extended-flexible-teaser-tile-component,
  .cta-only-flexible-teaser-tile-component,
  .countdown-flexible-teaser-tile-component {
    /* 18px */
    /* 22px */
    /* 27px */
    /* 30px */
    /* 35px */
  }

  .flexible-teaser-tile-component .font-very-small,
  .extended-flexible-teaser-tile-component .font-very-small,
  .cta-only-flexible-teaser-tile-component .font-very-small,
  .countdown-flexible-teaser-tile-component .font-very-small {
    font-size: calc(12px + 1vw);
  }

  .flexible-teaser-tile-component .font-small,
  .extended-flexible-teaser-tile-component .font-small,
  .cta-only-flexible-teaser-tile-component .font-small,
  .countdown-flexible-teaser-tile-component .font-small {
    font-size: calc(12px + 1.5vw);
  }

  .flexible-teaser-tile-component .font-normal,
  .extended-flexible-teaser-tile-component .font-normal,
  .cta-only-flexible-teaser-tile-component .font-normal,
  .countdown-flexible-teaser-tile-component .font-normal {
    font-size: calc(12px + 2vw);
  }

  .flexible-teaser-tile-component .font-big,
  .extended-flexible-teaser-tile-component .font-big,
  .cta-only-flexible-teaser-tile-component .font-big,
  .countdown-flexible-teaser-tile-component .font-big {
    font-size: calc(12px + 2.5vw);
  }

  .flexible-teaser-tile-component .font-very-big,
  .extended-flexible-teaser-tile-component .font-very-big,
  .cta-only-flexible-teaser-tile-component .font-very-big,
  .countdown-flexible-teaser-tile-component .font-very-big {
    font-size: calc(12px + 3vw);
  }
}

.flexible-teaser-tile-component .font-mathilde,
.extended-flexible-teaser-tile-component .font-mathilde,
.cta-only-flexible-teaser-tile-component .font-mathilde,
.countdown-flexible-teaser-tile-component .font-mathilde {
  font-weight: 500;
}

@media (max-width: 767px) {
  .flexible-teaser-tile-component .font-very-small.font-mathilde,
  .extended-flexible-teaser-tile-component .font-very-small.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-very-small.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-very-small.font-mathilde {
    font-size: calc(30px + 2vw);
    line-height: calc(30px + 2vw);
  }

  .flexible-teaser-tile-component .font-small.font-mathilde,
  .extended-flexible-teaser-tile-component .font-small.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-small.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-small.font-mathilde {
    font-size: calc(34px + 3vw);
    line-height: calc(34px + 3vw);
  }

  .flexible-teaser-tile-component .font-normal.font-mathilde,
  .extended-flexible-teaser-tile-component .font-normal.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-normal.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-normal.font-mathilde {
    font-size: calc(38px + 4vw);
    line-height: calc(38px + 4vw);
  }

  .flexible-teaser-tile-component .font-big.font-mathilde,
  .extended-flexible-teaser-tile-component .font-big.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-big.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-big.font-mathilde {
    font-size: calc(42px + 5vw);
    line-height: calc(42px + 5vw);
  }

  .flexible-teaser-tile-component .font-very-big.font-mathilde,
  .extended-flexible-teaser-tile-component .font-very-big.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-very-big.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-very-big.font-mathilde {
    font-size: calc(46px + 6vw);
    line-height: calc(46px + 6vw);
  }
}

@media (min-width: 768px) {
  .flexible-teaser-tile-component .font-very-small.font-mathilde,
  .extended-flexible-teaser-tile-component .font-very-small.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-very-small.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-very-small.font-mathilde {
    font-size: 22px;
    line-height: 22px;
  }

  .flexible-teaser-tile-component .font-small.font-mathilde,
  .extended-flexible-teaser-tile-component .font-small.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-small.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-small.font-mathilde {
    font-size: 30px;
    line-height: 30px;
  }

  .flexible-teaser-tile-component .font-normal.font-mathilde,
  .extended-flexible-teaser-tile-component .font-normal.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-normal.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-normal.font-mathilde {
    font-size: 40px;
    line-height: 40px;
  }

  .flexible-teaser-tile-component .font-big.font-mathilde,
  .extended-flexible-teaser-tile-component .font-big.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-big.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-big.font-mathilde {
    font-size: 70px;
    line-height: 60px;
  }

  .flexible-teaser-tile-component .font-very-big.font-mathilde,
  .extended-flexible-teaser-tile-component .font-very-big.font-mathilde,
  .cta-only-flexible-teaser-tile-component .font-very-big.font-mathilde,
  .countdown-flexible-teaser-tile-component .font-very-big.font-mathilde {
    font-size: 90px;
    line-height: 80px;
  }
}

/* CMSFlexibleTeaserRowComponent */

.flexible-teaser-row-component {
  margin-bottom: 20px;
  /* we want to set different font sizes, depending on the size in the according viewport */
}

.flexible-teaser-row-component .flexible-teaser-row-headline {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.flexible-teaser-row-component .flexible-teaser-row-headline .h2 {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

.flexible-teaser-row-component .flexible-teaser-row-headline.moulding {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.flexible-teaser-row-component .flexible-teaser-row-headline.moulding > .h2 {
  display: inline-block;
  background: white;
  padding: 0 10px;
  max-width: 80%;
}

@media (max-width: 767px) {
  .flexible-teaser-row-component .flexible-teaser-row-headline .font-very-small {
    font-size: 4vw;
  }

  .flexible-teaser-row-component .flexible-teaser-row-headline .font-small {
    font-size: 4.5vw;
  }

  .flexible-teaser-row-component .flexible-teaser-row-headline .font-normal {
    font-size: 5vw;
  }

  .flexible-teaser-row-component .flexible-teaser-row-headline .font-big {
    font-size: 5.5vw;
  }

  .flexible-teaser-row-component .flexible-teaser-row-headline .font-very-big {
    font-size: 6vw;
  }
}

.flexible-teaser-row-component .flexible-teaser-tile-wrapper {
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .flexible-teaser-row-component .flexible-teaser-tile-wrapper.col-sm-3 .transparent-box {
    width: auto;
  }
}

@media (max-width: 500px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper {
    /* in XSP, we only have 100% tiles */
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -39px;
    border-width: 19.5px 0 19.5px 19.5px;
    width: 39px;
  }
}

@media (max-width: 500px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -33px;
    border-width: 16.5px 0 16.5px 16.5px;
    width: 33px;
  }
}

@media (max-width: 500px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -39px;
    border-width: 19.5px 19.5px 19.5px 0;
    width: 39px;
  }
}

@media (max-width: 500px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -33px;
    border-width: 16.5px 16.5px 16.5px 0;
    width: 33px;
  }
}

@media (max-width: 500px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 22px;
    line-height: 22px;
  }
}

@media (max-width: 500px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (max-width: 500px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (max-width: 500px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (max-width: 500px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (max-width: 500px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsp-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-xsp-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper {
    /* In XSL we could have 100% tiles ...*/
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -39px;
    border-width: 19.5px 0 19.5px 19.5px;
    width: 39px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -33px;
    border-width: 16.5px 0 16.5px 16.5px;
    width: 33px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -39px;
    border-width: 19.5px 19.5px 19.5px 0;
    width: 39px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -33px;
    border-width: 16.5px 16.5px 16.5px 0;
    width: 33px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 22px;
    line-height: 22px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-xsl-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper {
    /* ... or 50% tiles. */
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -41px;
    border-width: 20.5px 0 20.5px 20.5px;
    width: 41px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -35px;
    border-width: 17.5px 0 17.5px 17.5px;
    width: 35px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -41px;
    border-width: 20.5px 20.5px 20.5px 0;
    width: 41px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -35px;
    border-width: 17.5px 17.5px 17.5px 0;
    width: 35px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 24px;
    line-height: 24px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 18px;
    line-height: 18px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (min-width: 501px) and (max-width: 767px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-xsl-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-xsl-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper {
    /* In all other viewports, we could have 100% tiles ... */
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -39px;
    border-width: 19.5px 0 19.5px 19.5px;
    width: 39px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -33px;
    border-width: 16.5px 0 16.5px 16.5px;
    width: 33px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -39px;
    border-width: 19.5px 19.5px 19.5px 0;
    width: 39px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -33px;
    border-width: 16.5px 16.5px 16.5px 0;
    width: 33px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 22px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-12.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-12.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper {
    /* or 66% tiles ... */
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -39px;
    border-width: 19.5px 0 19.5px 19.5px;
    width: 39px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -33px;
    border-width: 16.5px 0 16.5px 16.5px;
    width: 33px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -39px;
    border-width: 19.5px 19.5px 19.5px 0;
    width: 39px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -33px;
    border-width: 16.5px 16.5px 16.5px 0;
    width: 33px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 22px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper.p-absolute-b,
  .flexible-teaser-row-component .col-sm-8.flexible-teaser-tile-wrapper.p-absolute-t,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper.p-absolute-b,
  .flexible-teaser-row-component .col-sm-8.full-height .flexible-teaser-tile-wrapper.p-absolute-t {
    width: 98%;
    width: calc(100% - 10px);
  }

  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper {
    /* or 50% tiles ... */
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -41px;
    border-width: 20.5px 0 20.5px 20.5px;
    width: 41px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -35px;
    border-width: 17.5px 0 17.5px 17.5px;
    width: 35px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -41px;
    border-width: 20.5px 20.5px 20.5px 0;
    width: 41px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -35px;
    border-width: 17.5px 17.5px 17.5px 0;
    width: 35px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 24px;
    line-height: 24px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 18px;
    line-height: 18px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-6.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-6.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper {
    /* or 33% tiles ... */
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -39px;
    border-width: 19.5px 0 19.5px 19.5px;
    width: 39px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -33px;
    border-width: 16.5px 0 16.5px 16.5px;
    width: 33px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -39px;
    border-width: 19.5px 19.5px 19.5px 0;
    width: 39px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -33px;
    border-width: 16.5px 16.5px 16.5px 0;
    width: 33px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 22px;
    line-height: 22px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 16px;
    line-height: 16px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper.p-absolute-b,
  .flexible-teaser-row-component .col-sm-4.flexible-teaser-tile-wrapper.p-absolute-t,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper.p-absolute-b,
  .flexible-teaser-row-component .col-sm-4.full-height .flexible-teaser-tile-wrapper.p-absolute-t {
    width: 98%;
    width: calc(100% - 10px);
  }

  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper {
    /* or 25% tiles. */
    /* only relevant in XL, LG, MD and SM */
    /* only relevant in XSP and XSL */
    /* Depending on the font size, we have to calculate and set padding and box sizes and finally the arrow size and position */
  }

  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container {
    /* box is left and arrow right and directs to right */
    /* box is right and arrow left and directs to left */
  }

  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -35px;
    border-width: 17.5px 0 17.5px 17.5px;
    width: 35px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-left .cta-only-flexible-teaser-tile-link-background:after {
    right: -31px;
    border-width: 15.5px 0 15.5px 15.5px;
    width: 31px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -35px;
    border-width: 17.5px 17.5px 17.5px 0;
    width: 35px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container.text-right .cta-only-flexible-teaser-tile-link-background:before {
    left: -31px;
    border-width: 15.5px 15.5px 15.5px 0;
    width: 31px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-family: Satisfy, cursive;
    font-size: 18px;
    line-height: 18px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper {
    font-size: 14px;
    line-height: 14px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-background {
    padding: 9px 20px 8px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    top: 8px;
    padding-top: 1px;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper .cta-only-flexible-teaser-tile-box-container .cta-only-flexible-teaser-tile-box-container-wrapper .cta-only-flexible-teaser-tile-link-text {
    padding-top: 1px;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper.p-absolute-b,
  .flexible-teaser-row-component .col-sm-3.flexible-teaser-tile-wrapper.p-absolute-t,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper.p-absolute-b,
  .flexible-teaser-row-component .col-sm-3.full-height .flexible-teaser-tile-wrapper.p-absolute-t {
    width: 98%;
    width: calc(100% - 10px);
  }
}

.flexible-teaser-row-component .full-height {
  /* This is used for the 1x50%, 2x50% two row style to handle the invisible image that give the column the needed height */
}

.flexible-teaser-row-component .full-height > .flexible-teaser-tile-component,
.flexible-teaser-row-component .full-height > .extended-flexible-teaser-tile-component,
.flexible-teaser-row-component .full-height > .cta-only-flexible-teaser-tile-component,
.flexible-teaser-row-component .full-height > .countdown-flexible-teaser-tile-component {
  visibility: hidden;
}

@media (max-width: 767px) {
  .flexible-teaser-row-component .full-height > .flexible-teaser-tile-component,
  .flexible-teaser-row-component .full-height > .extended-flexible-teaser-tile-component,
  .flexible-teaser-row-component .full-height > .cta-only-flexible-teaser-tile-component,
  .flexible-teaser-row-component .full-height > .countdown-flexible-teaser-tile-component {
    display: none;
  }
}

@media (min-width: 768px) {
  .flexible-teaser-row-component .full-height .flexible-teaser-tile-absolute-fix {
    /* because we have a absolut element, we have to reduce the size manualy, cause the margin is not working */
    width: 98%;
    width: calc(100% - 10px);
  }
}

/* fix for IE11 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .flexible-teaser-tile-wrapper.p-absolute-t,
  .flexible-teaser-tile-wrapper.p-absolute-b {
    left: 10px;
    right: 0px;
  }

  .cta-only-flexible-teaser-tile-link-background:before,
  .cta-only-flexible-teaser-tile-link-background:after {
    opacity: 0.5;
  }
}

/* fix for IE(EDGE) */

@supports (-ms-ime-align: auto) {
  .cta-only-flexible-teaser-tile-link-background:before,
  .cta-only-flexible-teaser-tile-link-background:after {
    opacity: 0.5;
  }
}

.cms-search-component-wrap {
  position: relative;
}

/* CMS FULL WIDTH SLIDER */

.cms-product-list-carousel-component,
.cms-dynamic-product-carousel-component {
  margin-bottom: 20px;
}

.cms-full-width-slider-wrap .slick-slide {
  outline: 0;
}

.cms-full-width-slider-wrap .slick-dotted.slick-slider.slick-dotted {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .cms-full-width-slider-wrap .slick-dotted.slick-slider.slick-dotted {
    margin-bottom: 40px;
  }
}

.cms-full-width-slider-wrap .slick-prev,
.cms-full-width-slider-wrap .slick-next {
  width: 40px;
  height: 45px;
}

.cms-full-width-slider-wrap .slick-prev {
  left: 10px;
}

.cms-full-width-slider-wrap .slick-next {
  right: 10px;
}

.cms-full-width-slider-wrap .slick-slide img {
  max-width: 767px;
}

@media (min-width: 768px) {
  .cms-full-width-slider-wrap .slick-slide img {
    max-width: 100%;
  }
}

.cms-full-width-slider-wrap .slick-dots {
  bottom: 10px;
}

.cms-full-width-slider-wrap .slick-dots li button:before {
  color: #fff;
  opacity: 1;
}

.cms-full-width-slider-wrap .slick-dots li.slick-active button:before {
  color: #757571;
}

@media (min-width: 768px) {
  .cms-full-width-slider-wrap .slick-dots {
    position: static;
  }

  .cms-full-width-slider-wrap .slick-dots li {
    height: 35px;
    line-height: 35px;
    font-weight: 600;
    width: auto;
    float: left;
    margin: 0;
    color: #4F4B43;
    background-color: #EDD9EA;
    text-align: center;
    border-right: 2px solid #fff;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }

  .cms-full-width-slider-wrap .slick-dots li:last-child {
    border-right: 0;
  }

  .cms-full-width-slider-wrap .slick-dots li.slick-active,
  .cms-full-width-slider-wrap .slick-dots li:hover,
  .cms-full-width-slider-wrap .slick-dots li:focus {
    background-color: #A44C96;
    color: #fff;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
  }
}

.cms-full-width-slider-wrap .cms-full-width-slider-main-paging {
  width: 100%;
}

.cms-full-width-slider-wrap .full-width-slider-box-container {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 70px;
  padding: 10px 10px 20px;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media (max-width: 767px) {
  .cms-full-width-slider-wrap .full-width-slider-box-container {
    right: 10px;
  }
}

.cms-full-width-slider-wrap .full-width-slider-box-container .full-width-slider-caption {
  font-size: 20px;
  font-family: "Satisfy", cursive;
  color: #666;
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  .cms-full-width-slider-wrap .full-width-slider-box-container .full-width-slider-caption {
    text-align: right;
    margin: 20px 20px 0 0;
  }
}

@media (min-width: 768px) {
  .cms-full-width-slider-wrap .full-width-slider-box-container .full-width-slider-caption {
    font-size: 32px;
  }
}

@media (min-width: 1024px) {
  .cms-full-width-slider-wrap .full-width-slider-box-container .full-width-slider-caption {
    font-size: 32px;
  }
}

.cms-full-width-slider-wrap .full-width-slider-box-container .full-width-slider-description {
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
  display: none;
}

@media (min-width: 768px) {
  .cms-full-width-slider-wrap .full-width-slider-box-container .full-width-slider-description {
    display: block;
  }
}

.cms-full-width-slider-wrap .full-width-slider-box-container .full-width-slider-button {
  text-align: center;
}

.cms-full-width-slider-main-image .item,
.js-brigitte-bonus-carousel .brigitte-bonus-slide {
  position: absolute;
  visibility: hidden;
}

.cms-full-width-slider-main-image .item:first-child {
  position: relative;
  visibility: visible;
}

.slick-initialized.cms-full-width-slider-main-image .item,
.slick-initialized.cms-full-width-slider-main-image .item:first-child,
.slick-initialized.js-brigitte-bonus-carousel .brigitte-bonus-slide {
  position: relative;
  visibility: visible;
}

/* new scrollbar styling for slick slider dots */

.scroll-component-wrapper {
  display: none;
}

.scroll-component-wrapper .scroll-component {
  display: none;
}

@media (max-width: 767px) {
  .scroll-component-wrapper {
    display: block;
    position: absolute;
    width: calc(100% - 20px);
    bottom: 23px;
    left: 0;
    right: 0;
    height: 10px;
    pointer-events: none;
    margin: 0 10px;
  }

  .scroll-component-wrapper .scroll-component {
    position: absolute;
    transition: left 0.5s;
    left: 0;
    height: 10px;
    background-color: #4f4b43;
    border-radius: 2px;
    display: block;
  }

  .pds-main-image-wrapper .scroll-component-wrapper {
    margin: 0;
    width: 100%;
  }
}

/* CMSTrustElementsComponent */

.trust-elements-component {
  margin: 10px -10px 20px;
  border: 0 solid #4f4b43;
  border-width: 1px 0;
  /* Just to fix initial styling before slick slider is initialized */
}

.trust-elements-component .slick-slide {
  outline: 0;
}

.trust-elements-component > div:not(.slick-initialized) > .trust-element-item {
  display: inline-block;
  margin: 4px 0 2px;
}

@media (min-width: 1280px) {
  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item {
    width: 25%;
  }

  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item:nth-child(4) ~ * {
    display: none;
  }
}

@media (max-width: 1279px) {
  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item {
    width: 33%;
  }

  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item:nth-child(3) ~ * {
    display: none;
  }
}

@media (max-width: 1023px) {
  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item {
    width: 50%;
  }

  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item:nth-child(2) ~ * {
    display: none;
  }
}

@media (max-width: 500px) {
  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item {
    width: 100%;
  }

  .trust-elements-component > div:not(.slick-initialized) > .trust-element-item:first-child ~ * {
    display: none;
  }
}

.trust-elements-component .trust-element-item {
  margin: 4px 0;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 40px;
}

@media (max-width: 500px) {
  .trust-elements-component .trust-element-item {
    line-height: 30px;
    height: 30px;
  }
}

.trust-elements-component .trust-element-item .icon {
  margin-left: 40px;
  font-size: 20px;
}

.trust-elements-component .trust-element-item .item-text {
  margin-left: 6px;
  margin-right: 40px;
}

.trust-elements-component .trust-element-item .icon {
  vertical-align: middle;
  color: #A44C96;
}

.trust-elements-component .trust-element-item .item-text {
  vertical-align: middle;
}

.trust-elements-component .icon-container {
  text-align: right;
}

.trust-elements-component .icon-container .ekomi-wrapper {
  display: inline-block;
  margin: -12px 0;
}

.trust-elements-component .icon-container .delivery-wrapper {
  display: inline-block;
  margin: -16px 0;
}

@media (max-width: 500px) {
  .trust-elements-component .icon-container .delivery-wrapper {
    position: absolute;
    width: 60px;
    height: 60px;
    top: -10px;
    right: 0;
    margin: auto 0;
  }
}

.trust-elements-component .ekomi-wrapper {
  margin: -10px 0;
}

@media (max-width: 500px) {
  .trust-elements-component .ekomi-wrapper {
    margin: 0;
  }

  .trust-elements-component .ekomi-wrapper #eKomiSeal_default {
    position: absolute;
    top: -7px;
    right: 0;
  }

  .trust-elements-component .ekomi-wrapper.ekomi-bad #eKomiSeal_default {
    width: 55px;
    height: 60px;
  }
}

@media (min-width: 768px) {
  .trust-elements-component--footer {
    text-align: center;
  }
}

.trust-elements-component--footer .additional-shop-headline {
  font-size: 20px;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #A44C96 49%, #A44C96 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #A44C96 49%, #A44C96 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #A44C96 49%, #A44C96 51%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
}

.trust-elements-component--footer .additional-shop-headline span {
  background: #fff;
  padding: 0 10px;
  max-width: 80%;
}

.trust-elements-component--footer .additional-shop-col {
  margin-bottom: 20px;
  padding: 0 10px;
}

@media (min-width: 768px) {
  .trust-elements-component--footer .additional-shop-col {
    display: inline-block;
    width: 33.33333%;
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .trust-elements-component--footer .additional-shop-col {
    width: 25%;
  }
}

.trust-elements-component--footer .additional-shop-icon {
  display: inline-block;
}

.trust-elements-component--footer .additional-shop-icon .icon {
  font-size: 20px;
  color: #A44C96;
}

.trust-elements-component--footer .additional-shop-text {
  font-size: 14px;
  position: relative;
  top: -3px;
  margin-left: 5px;
}

/* special styling for logo only trust element */

.delivery-wrapper-logo-only {
  margin-bottom: 20px;
}

.delivery-wrapper-logo-only img {
  position: absolute;
  margin: auto 0;
  right: 0;
}

@media (max-width: 767px) {
  .delivery-wrapper-logo-only img {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 500px) {
  .delivery-wrapper-logo-only img {
    top: -190px;
  }
}

@media (min-width: 501px) and (max-width: 767px) {
  .delivery-wrapper-logo-only img {
    top: -200px;
  }
}

@media (min-width: 768px) {
  .delivery-wrapper-logo-only img {
    top: -60px;
  }
}

.full-page-animation-component {
  pointer-events: none;
}

@media (min-width: 1024px) {
  .full-page-animation-component {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    z-index: 90;
  }

  .full-page-animation-component .animated {
    position: absolute;
    display: block;
    animation-timing-function: ease-in, linear;
    animation-fill-mode: forwards, forwards;
  }

  .full-page-animation-component .animated.ltr {
    animation-name: icon-animation-ltr;
  }

  .full-page-animation-component .animated.ltr.rx {
    animation-name: icon-animation-ltr, icon-animation-rx;
  }

  .full-page-animation-component .animated.ltr.ry {
    animation-name: icon-animation-ltr, icon-animation-ry;
  }

  .full-page-animation-component .animated.ltr.rz {
    animation-name: icon-animation-ltr, icon-animation-rz;
  }

  .full-page-animation-component .animated.rtl {
    animation-name: icon-animation-rtl;
  }

  .full-page-animation-component .animated.rtl.rx {
    animation-name: icon-animation-rtl, icon-animation-rx;
  }

  .full-page-animation-component .animated.rtl.ry {
    animation-name: icon-animation-rtl, icon-animation-ry;
  }

  .full-page-animation-component .animated.rtl.rz {
    animation-name: icon-animation-rtl, icon-animation-rz;
  }

  .full-page-animation-component .animated.ttb {
    animation-name: icon-animation-ttb;
  }

  .full-page-animation-component .animated.ttb.rx {
    animation-name: icon-animation-ttb, icon-animation-rx;
  }

  .full-page-animation-component .animated.ttb.ry {
    animation-name: icon-animation-ttb, icon-animation-ry;
  }

  .full-page-animation-component .animated.ttb.rz {
    animation-name: icon-animation-ttb, icon-animation-rz;
  }

  .full-page-animation-component .animated.btt {
    animation-name: icon-animation-btt;
  }

  .full-page-animation-component .animated.btt.rx {
    animation-name: icon-animation-btt, icon-animation-rx;
  }

  .full-page-animation-component .animated.btt.ry {
    animation-name: icon-animation-btt, icon-animation-ry;
  }

  .full-page-animation-component .animated.btt.rz {
    animation-name: icon-animation-btt, icon-animation-rz;
  }
}

@media (max-width: 1023px) {
  .full-page-animation-component,
  .full-page-animation-component * {
    display: none;
  }
}

@keyframes icon-animation-btt {
  from {
    bottom: -20%;
  }

  to {
    bottom: 120%;
  }
}

@keyframes icon-animation-ttb {
  from {
    top: -20%;
  }

  to {
    top: 120%;
  }
}

@keyframes icon-animation-ltr {
  from {
    left: -20%;
  }

  to {
    left: 120%;
  }
}

@keyframes icon-animation-rtl {
  from {
    right: -20%;
  }

  to {
    right: 120%;
  }
}

@keyframes icon-animation-rx {
  from {
    transform: rotateX(0deg);
  }

  to {
    transform: rotateX(1800deg);
  }
}

@keyframes icon-animation-ry {
  from {
    transform: rotateY(0deg);
  }

  to {
    transform: rotateY(1800deg);
  }
}

@keyframes icon-animation-rz {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(1800deg);
  }
}

@font-face {
  font-family: 'SOCIAL-SHARE-Iconfont';
  src: url("/styles/common/fonts/shariff/SOCIAL-SHARE-Iconfont.eot?17sv6u");
  src: url("/styles/common/fonts/shariff/SOCIAL-SHARE-Iconfont.eot?17sv6u#iefix") format("embedded-opentype"), url("/styles/common/fonts/shariff/SOCIAL-SHARE-Iconfont.ttf?17sv6u") format("truetype"), url("/styles/common/fonts/shariff/SOCIAL-SHARE-Iconfont.woff?17sv6u") format("woff"), url("/styles/common/fonts/shariff/SOCIAL-SHARE-Iconfont.svg?17sv6u#SOCIAL-SHARE-Iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="fa-"],
[class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'SOCIAL-SHARE-Iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-envelope:before {
  content: "\e900";
}

.fa-facebook-f:before {
  content: "\e901";
}

.fa-pinterest-p:before {
  content: "\e902";
}

.fa-twitter:before {
  content: "\e903";
}

.fa-whatsapp:before {
  content: "\e904";
}

/* styling for the Share Iconsl */

.shariff:after,
.shariff:before {
  content: " ";
  display: table;
}

.shariff:after {
  clear: both;
}

.shariff ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.shariff li {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

@media (max-width: 400px) {
  .shariff li {
    width: 40px;
    height: 40px;
    margin-right: 8px;
  }
}

.shariff li a {
  box-sizing: border-box;
  color: #fff;
  position: relative;
  display: block;
  text-decoration: none;
  border-radius: 50%;
  background-color: #4f4f4f;
  transition: background-color .3s linear;
  height: 50px;
}

@media (max-width: 400px) {
  .shariff li a {
    height: 40px;
  }
}

.shariff .shariff-button {
  /* hide whatsapp for not mobile */
}

.shariff .shariff-button .fab,
.shariff .shariff-button .fas {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  font-size: 26px;
  width: 50px;
  line-height: 50px;
}

@media (max-width: 400px) {
  .shariff .shariff-button .fab,
  .shariff .shariff-button .fas {
    font-size: 20px;
    width: 40px;
    line-height: 40px;
  }
}

@media (min-width: 768px) {
  .shariff .shariff-button.whatsapp {
    display: none;
  }
}

.shariff .orientation-horizontal li {
  display: inline-block;
}

.shariff .orientation-horizontal .share_text {
  display: block;
  text-indent: -9999px;
  padding-left: 3px;
}

.shariff .facebook a:hover {
  background-color: #3b5998 !important;
}

.shariff .twitter a:hover {
  background-color: #55acee !important;
}

.shariff .pinterest a:hover {
  background-color: #bd081c !important;
}

.shariff .whatsapp a:hover {
  background-color: #5cbe4a !important;
}

.shariff .mail a:hover {
  background-color: #ffb03b !important;
}

.payment-bundle .flex-row {
  justify-content: center;
}

.payment-bundle .flex-item {
  padding: 5px;
}

.checkout-payment-trust-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.checkout-payment-trust-wrapper .post-logo-wrapper,
.checkout-payment-trust-wrapper .bevh-wrapper {
  flex: 0 0 143px;
}

.checkout-payment-trust-wrapper .trustmark-austria-wrapper,
.checkout-payment-trust-wrapper .europeantrustmark-wrapper,
.checkout-payment-trust-wrapper .swiss-garantie-wrapper {
  flex: 0 0 60px;
}

.checkout-payment-trust-wrapper .europeantrustmark-wrapper {
  margin-left: 10px;
}

.checkout-payment-trust-wrapper .logo-seperator {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  margin: 10px;
  background-color: #A3A3A3;
}

.cms-product-list-carousel-component .btn-primary.slick-arrow,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow {
  color: #A44C96;
  background-color: #fff;
  border-color: #A44C96;
  /*
		color: $color;
		background-color: $background;
		border-color: $border;
	*/
}

.cms-product-list-carousel-component .btn-primary.slick-arrow:focus,
.cms-product-list-carousel-component .btn-primary.slick-arrow.focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.focus {
  color: #fff;
  background-color: #A44C96;
  border-color: #BABABA;
}

.cms-product-list-carousel-component .btn-primary.slick-arrow:hover:not(.disabled),
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:hover:not(.disabled) {
  color: #fff !important;
  background-color: #A44C96;
  border-color: #BABABA;
}

.cms-product-list-carousel-component .btn-primary.slick-arrow:active,
.cms-product-list-carousel-component .btn-primary.slick-arrow.active,
.open > .cms-product-list-carousel-component .btn-primary.slick-arrow.dropdown-toggle,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:active,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.active,
.open >
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.dropdown-toggle {
  color: #fff;
  background-color: #A44C96;
  border-color: #BABABA;
}

.cms-product-list-carousel-component .btn-primary.slick-arrow:active:hover,
.cms-product-list-carousel-component .btn-primary.slick-arrow:active:focus,
.cms-product-list-carousel-component .btn-primary.slick-arrow:active.focus,
.cms-product-list-carousel-component .btn-primary.slick-arrow.active:hover,
.cms-product-list-carousel-component .btn-primary.slick-arrow.active:focus,
.cms-product-list-carousel-component .btn-primary.slick-arrow.active.focus,
.open > .cms-product-list-carousel-component .btn-primary.slick-arrow.dropdown-toggle:hover,
.open > .cms-product-list-carousel-component .btn-primary.slick-arrow.dropdown-toggle:focus,
.open > .cms-product-list-carousel-component .btn-primary.slick-arrow.dropdown-toggle.focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:active:hover,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:active:focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:active.focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.active:hover,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.active:focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.active.focus,
.open >
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.dropdown-toggle:hover,
.open >
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.dropdown-toggle:focus,
.open >
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.dropdown-toggle.focus {
  color: #fff;
  background-color: #A44C96;
  border-color: #BABABA;
}

.cms-product-list-carousel-component .btn-primary.slick-arrow:active,
.cms-product-list-carousel-component .btn-primary.slick-arrow.active,
.open > .cms-product-list-carousel-component .btn-primary.slick-arrow.dropdown-toggle,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:active,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.active,
.open >
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.dropdown-toggle {
  background-image: none;
}

.cms-product-list-carousel-component .btn-primary.slick-arrow.disabled:hover,
.cms-product-list-carousel-component .btn-primary.slick-arrow.disabled:focus,
.cms-product-list-carousel-component .btn-primary.slick-arrow.disabled.focus,
.cms-product-list-carousel-component .btn-primary.slick-arrow[disabled]:hover,
.cms-product-list-carousel-component .btn-primary.slick-arrow[disabled]:focus,
.cms-product-list-carousel-component .btn-primary.slick-arrow[disabled].focus,
fieldset[disabled] .cms-product-list-carousel-component .btn-primary.slick-arrow:hover,
fieldset[disabled] .cms-product-list-carousel-component .btn-primary.slick-arrow:focus,
fieldset[disabled] .cms-product-list-carousel-component .btn-primary.slick-arrow.focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.disabled:hover,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.disabled:focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.disabled.focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow[disabled]:hover,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow[disabled]:focus,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow[disabled].focus,
fieldset[disabled]
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:hover,
fieldset[disabled]
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow:focus,
fieldset[disabled]
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow.focus {
  background-color: #A44C96;
  border-color: #BABABA;
}

.cms-product-list-carousel-component .btn-primary.slick-arrow .badge,
.cms-dynamic-product-carousel-component .btn-primary.slick-arrow .badge {
  color: #A44C96;
  background-color: #fff;
}

.tabs .tabs-navigation {
  width: 100%;
  height: 40px;
}

.tabs .tabs-navigation .tab-navigation-outer {
  position: relative;
  overflow: hidden;
  display: block;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  white-space: nowrap;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider {
  display: inline-block;
  margin-right: 10px;
  width: 250px;
  /*
		color: $color;
		background-color: $background;
		border-color: $border;
	*/
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:focus,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.focus {
  color: #fff;
  background-color: #A44C96;
  border-color: #A44C96;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:hover:not(.disabled) {
  color: #fff !important;
  background-color: #A44C96;
  border-color: #A44C96;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:active,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.active,
.open > .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.dropdown-toggle {
  color: #fff;
  background-color: #A44C96;
  border-color: #A44C96;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:active:hover,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:active:focus,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:active.focus,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.active:hover,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.active:focus,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.active.focus,
.open > .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.dropdown-toggle:hover,
.open > .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.dropdown-toggle:focus,
.open > .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.dropdown-toggle.focus {
  color: #fff;
  background-color: #A44C96;
  border-color: #A44C96;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:active,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.active,
.open > .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.dropdown-toggle {
  background-image: none;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.disabled:hover,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.disabled:focus,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.disabled.focus,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider[disabled]:hover,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider[disabled]:focus,
.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider[disabled].focus,
fieldset[disabled] .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:hover,
fieldset[disabled] .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider:focus,
fieldset[disabled] .tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.focus {
  background-color: #A44C96;
  border-color: #A44C96;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider .badge {
  color: #A44C96;
  background-color: #fff;
}

.tabs .tabs-navigation .tab-navigation-outer .tab-navigation-inner .btn-slider.show {
  color: #fff;
  background-color: #A44C96;
  border-color: #A44C96;
}

.tabs .tabs-navigation .slick-prev,
.tabs .tabs-navigation .slick-next {
  position: relative;
  display: block;
  left: auto;
  right: auto;
}

.tabs .tabs-navigation .slick-prev:disabled,
.tabs .tabs-navigation .slick-next:disabled {
  display: none;
}

.tabs .tabs-navigation .slick-prev {
  margin-right: 10px !important;
}

.tabs .tabs-navigation .slick-next {
  margin-left: 10px !important;
}

.tabs .tabs-inner {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
}

.tabs .tabs-inner .tab {
  width: 100%;
  height: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-flex: 1 auto auto;
  -ms-flex: 1 auto auto;
  flex: 1 auto auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.tabs .tabs-inner .tab.in {
  height: 100%;
}

@media (min-width: 1024px) {
  .tabs .tabs-inner .tab.in {
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #A44C96;
  }
}

.tabs .tabs-inner .tab.collapse:not(.in) {
  height: 0;
}

.tabs .tabs-inner .tab .panel-body {
  padding: 0;
}

.tabs .tab-label {
  order: 1;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  position: relative;
  border-radius: 0;
  width: auto;
  padding: 0;
  color: #4F4B43;
  background-color: #fff;
  border-color: #A44C96;
}

.tabs .tab-label a,
.tabs .tab-label span {
  display: block;
  height: 100%;
  width: 100%;
  padding: 10px;
  /* do not use rem here, because it cause calculation problems for the slide-effect */
}

.tabs input[type="radio"] {
  width: 0;
  height: 0;
  opacity: 0;
}

.tabs input[type="radio"]:focus + .tab-label {
  text-decoration: underline;
}

.tabs.accordion .tabs-inner {
  padding: 20px 0;
}

.tabs.accordion .tab,
.tabs.accordion .tab-label {
  order: initial;
}

.tabs.accordion .tab {
  border: none;
}

.tabs.accordion .tab .animated {
  padding: 10px 10px 20px 10px;
}

.tabs.accordion input[type="radio"]:checked + .tab-label:after {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}

@media print {
  .tabs .tabs-inner {
    display: block;
    padding: 20px 0;
  }

  .tabs .tabs-inner .tab {
    padding: 10px 10px 20px 10px;
    border: none;
    display: block !important;
  }

  .tabs .tab-label {
    width: 100%;
    page-break-before: auto !important;
    padding-left: 15px;
    font-size: 16px;
  }

  .tabs .tab-label:after {
    content: '';
  }

  .tabs input[type="radio"] {
    display: none;
  }
}

/* special BRI styling for PDS TABVIEW */

/* overwrites for accordion look in vp < sm  */

@media (max-width: 1023px) {
  .tabs.accordion .tab-label {
    border: 2px solid #A44C96;
    color: #4F4B43;
    background-color: #EDD9EA;
    text-decoration: none !important;
  }

  .tabs.accordion .tab-label:hover {
    color: #A44C96;
    background-color: #fff;
  }
}

@media (max-width: 1023px) {
  .tabs.accordion .tab-label {
    border: 2px solid #A44C96;
    color: #4F4B43;
    background-color: #EDD9EA;
    text-decoration: none !important;
  }

  .tabs.accordion .tab-label:hover {
    color: #A44C96;
    background-color: #fff;
  }
}

/*!
 * Copyright (c) 2008-2021 dotSource GmbH.
 * All rights reserved.
 * http://www.dotsource.de
 */

.video-container {
  position: relative;
  width: 100%;
}

.video-container.youtube-inner-class {
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*# sourceMappingURL=main.css.map */