@charset "UTF-8";
/* less variables for sass - begin */
/* grid */
/* colors */
/* less variables for sass - end */
@import "../../common/css/lib/swiper.min.css";
@import "../../common/css/lib/magnify.css";
html, body.pageType-ZPlusContentPage {
  font-family: "AudiText";
  font-size: 0.875rem !important;
  line-height: 1.375rem;
}
@media (min-width: 1024px) {
  html, body.pageType-ZPlusContentPage {
    font-size: 1rem !important;
    line-height: 1.5625rem;
  }
}

body.pageType-ZPlusContentPage {
  overflow-x: hidden;
  color: #1d1f20 !important;
}

#site-wrapper {
  margin: 0 auto;
}

.page-max-width {
  max-width: 87.5rem;
}

.component-wrapper {
  font-family: "AudiText";
}

/** TODO: fix so it no affects the non plus buttons or is it even necessary?
.btn {
    font-family: audiTypeV03normal;
}
**/
.btn-secondary {
  color: #333333;
  background-color: #fff;
  border-color: #dee1e3;
}
.btn-secondary:hover {
  background-color: #333333;
  color: #fff;
}

/* fonts */
@font-face {
  font-family: "AudiHead";
  src: url("../../common/fonts/AudiType-ExtendedNormal_08.eot");
  /* IE9 Compat Modes */
  src: url("../../common/fonts/AudiType-ExtendedNormal_08.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/AudiType-ExtendedNormal_08.woff") format("woff"), url("../../common/fonts/AudiType-ExtendedNormal_08.ttf") format("truetype"), url("../../common/fonts/AudiType-ExtendedNormal_08.svg#AudiType-ExtendedNormal_08") format("svg");
  /* Legacy iOS */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "AudiHead";
  src: url("../../common/fonts/AudiType-ExtendedBold_08.eot");
  /* IE9 Compat Modes */
  src: url("../../common/fonts/AudiType-ExtendedBold_08.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/AudiType-ExtendedBold_08.woff") format("woff"), url("../../common/fonts/AudiType-ExtendedBold_08.ttf") format("truetype"), url("../../common/fonts/AudiType-ExtendedBold_08.svg#AudiType-ExtendedBold_08") format("svg");
  /* Legacy iOS */
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "AudiText";
  src: url("../../common/fonts/AudiType-Normal_08.eot");
  /* IE9 Compat Modes */
  src: url("../../common/fonts/AudiType-Normal_08.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/AudiType-Normal_08.woff") format("woff"), url("../../common/fonts/AudiType-Normal_08.ttf") format("truetype"), url("../../common/fonts/AudiType-Normal_08.svg#AudiType-Normal_08") format("svg");
  /* Legacy iOS */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "AudiText";
  src: url("../../common/fonts/AudiType-Bold_08.eot");
  /* IE9 Compat Modes */
  src: url("../../common/fonts/AudiType-Bold_08.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/AudiType-Bold_08.woff") format("woff"), url("../../common/fonts/AudiType-Bold_08.ttf") format("truetype"), url("../../common/fonts/AudiType-Bold_08.svg#AudiType-Bold_08") format("svg");
  /* Legacy iOS */
  font-weight: 700;
  font-style: normal;
}
.main-footer {
  padding-top: 5rem;
}

@media only screen and (min-width: 640px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

/* zoom icon for magnify lens elements */
@media only screen and (min-width: 1024px) {
  .zoom:after {
    color: #808890;
    content: "";
    font-family: Glyphicons Halflings;
    display: block;
    visibility: visible;
    position: absolute;
    bottom: 5px;
    right: 5px;
  }
}

@media only screen and (min-width: 1024px) {
  .main-header .main-navigation > .nav > li .sub-navigation {
    padding-top: 10px;
    padding-bottom: 10px;
    background: white;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section li:last-child {
    border-bottom: 1px solid #e5e5e5 !important;
  }
  .main-header .main-navigation > .nav > li .sub-navigation .sub-navigation-section:last-child li:last-child {
    border-bottom: none !important;
  }
}
.row.no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1023px) {
  .row.no-gutter-xs {
    margin-right: 0;
    margin-left: 0;
  }
  .row.no-gutter-xs > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1399px) {
  .row.no-gutter-md {
    margin-right: 0;
    margin-left: 0;
  }
  .row.no-gutter-md > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .row.no-gutter-md-up {
    margin-right: 0;
    margin-left: 0;
  }
  .row.no-gutter-md-up > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
.row.no-col-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1023px) {
  .row.no-col-gutter-xs > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1399px) {
  .row.no-col-gutter-md > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .row.no-col-gutter-md-up > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
.row:after {
  display: block;
}

@media (max-width: 1023px) {
  .inner-container-fluid-mobile {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 1023px) {
  .row-no-mobile-border > [class*=col-] {
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .force-mobile-border, .component-header-wrapper,
.row-no-mobile-border > [class*=col-].force-mobile-border {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* atoms */
.headline1,
.headline2,
.headline3,
.headline4,
.headline5,
.definition-component-wrapper .product-sku-wrapper,
.product-tile-wrapper .product-details .product-description-wrapper .product-name,
.product-description,
.product-sku {
  font-family: "AudiHead";
}

.headline1,
.wysiwyg-wrapper > h1 {
  display: block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.0625rem;
}
@media (min-width: 640px) {
  .headline1,
.wysiwyg-wrapper > h1 {
    font-size: 2.25rem;
    line-height: 2.4375rem;
  }
}
@media (min-width: 1024px) {
  .headline1,
.wysiwyg-wrapper > h1 {
    font-size: 2.8125rem;
    line-height: 3rem;
  }
}
@media (min-width: 1400px) {
  .headline1,
.wysiwyg-wrapper > h1 {
    font-size: 3.75rem;
    line-height: 4.0625rem;
  }
}

.headline2,
.wysiwyg-wrapper > h2 {
  display: block;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.6875rem;
}
@media (min-width: 640px) {
  .headline2,
.wysiwyg-wrapper > h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .headline2,
.wysiwyg-wrapper > h2 {
    font-size: 2.1875rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .headline2,
.wysiwyg-wrapper > h2 {
    font-size: 2.8125rem;
    line-height: 3.125rem;
  }
}

.headline3,
.wysiwyg-wrapper > h3 {
  display: block;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.5625rem;
}
@media (min-width: 640px) {
  .headline3,
.wysiwyg-wrapper > h3 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
@media (min-width: 1024px) {
  .headline3,
.wysiwyg-wrapper > h3 {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
  }
}
@media (min-width: 1400px) {
  .headline3,
.wysiwyg-wrapper > h3 {
    font-size: 1.75rem;
    line-height: 2.0625rem;
  }
}

.headline4,
.wysiwyg-wrapper > h4 {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.375rem;
}
@media (min-width: 640px) {
  .headline4,
.wysiwyg-wrapper > h4 {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 1024px) {
  .headline4,
.wysiwyg-wrapper > h4 {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 1400px) {
  .headline4,
.wysiwyg-wrapper > h4 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}

.headline5, .definition-component-wrapper .product-sku-wrapper, .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-description, .product-sku,
.wysiwyg-wrapper > h5 {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
}
@media (min-width: 640px) {
  .headline5, .definition-component-wrapper .product-sku-wrapper, .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-description, .product-sku,
.wysiwyg-wrapper > h5 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .headline5, .definition-component-wrapper .product-sku-wrapper, .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-description, .product-sku,
.wysiwyg-wrapper > h5 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .headline5, .definition-component-wrapper .product-sku-wrapper, .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-description, .product-sku,
.wysiwyg-wrapper > h5 {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}

.headline-uppercase {
  text-transform: uppercase;
}

.headline-center {
  text-align: center;
}

.paragraph {
  margin: 0;
  color: #2f3538;
}

.picture {
  display: block;
  width: 100%;
}

.img-full {
  width: 100%;
}

.link > .glyphicon,
.link > .custom-icon {
  margin-right: 0.3125rem;
}

.link-white {
  color: #fff;
  text-decoration: underline;
}
.link-white:hover {
  color: #fff;
}

.link-area {
  color: #1d1f20;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.link-area:hover {
  color: #000000;
}

.interaction-favorite-wrapper {
  display: none;
  /* remove when interaction toggle favorite is implemented */
  cursor: pointer;
}
.interaction-favorite-wrapper > .custom-icon {
  font-size: 2.8125rem;
  right: 0;
  position: absolute;
  top: 0;
}
.interaction-favorite-wrapper > .custom-icon.background {
  color: #fff;
  z-index: 5;
}
.interaction-favorite-wrapper > .custom-icon.background:before {
  content: "";
}
.interaction-favorite-wrapper > .custom-icon.foreground {
  color: #333333;
  z-index: 10;
}
.interaction-favorite-wrapper > .custom-icon.foreground:before {
  content: "";
}
.interaction-favorite-wrapper.favorite-set > .custom-icon {
  animation: vw-favorite 0.5s;
}
.interaction-favorite-wrapper.favorite-set > .custom-icon.background {
  color: #333333;
}
.interaction-favorite-wrapper.favorite-set > .custom-icon.foreground {
  color: #fff;
}

/* tag */
.product-tag {
  font-family: audiTypeV03normal;
  border-radius: 0.25rem;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.0625rem;
  padding: 0.125rem 0.625rem;
  text-transform: uppercase;
}
.product-tag + .product-tag {
  margin-left: 0.625rem;
}

.product-tag-universal {
  border: solid 1px #333333;
  box-sizing: border-box;
  color: #333333;
}

.product-tag-sale {
  border: solid 1px #b3131a;
  background-color: #b3131a;
  color: #fff;
}

.product-tag-new {
  border: solid 1px #333333;
  background-color: #333333;
  color: #fff;
}

/* product tile */
.product-tile-wrapper {
  position: relative;
  text-align: center;
}
.product-tile-wrapper .interaction-favorite-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}
.product-tile-wrapper .product-link {
  color: #1d1f20;
}
.product-tile-wrapper .product-link:hover, .product-tile-wrapper .product-link:visited, .product-tile-wrapper .product-link:active {
  color: #1d1f20;
}
.product-tile-wrapper .product-link img {
  width: 100%;
}
.product-tile-wrapper .product-details {
  position: relative;
}
.product-tile-wrapper .product-details .product-description-wrapper {
  height: 9.125rem;
}
.product-tile-wrapper .product-details .product-description-wrapper .product-name {
  box-sizing: content-box;
  display: block;
  padding-top: 1.25rem;
}
.product-tile-wrapper .product-details .product-tag {
  margin-top: 1.25rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.product-tile-wrapper .product-details .product-tags-top-wrapper {
  display: none;
  /* remove when product flags are implemented */
  position: absolute;
  top: -0.3125rem;
  width: 100%;
}
.product-tile-wrapper .product-details .product-tags-bottom-wrapper {
  display: none;
  /* remove when product flags are implemented */
}

/* swiper custom buttons */
.swiper-container-standard .swiper-button-prev,
.swiper-container-standard .swiper-button-next {
  align-items: center;
  background: none;
  color: #333333;
  display: flex;
  font-size: 1.5rem;
  height: 5.125rem;
  justify-content: center;
  line-height: 1.5rem;
  margin-top: 0;
  transform: translateY(-50%);
  transition: top 0.5s ease 0s, left 0.5s ease 0.5s, right 0.5s ease 0.5s;
  width: 2.25rem;
}
@media (min-width: 1024px) {
  .swiper-container-standard .swiper-button-prev,
.swiper-container-standard .swiper-button-next {
    height: 5.125rem;
    line-height: 1.3125rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
.swiper-container-standard .swiper-button-prev {
  border-radius: 0 0.015625rem 0.015625rem 0;
  left: 0;
}
.swiper-container-standard .swiper-button-next {
  border-radius: 0.015625rem 0 0 0.015625rem;
  right: 0;
}
.swiper-container-standard .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1.25rem;
}

.swiper-container-large .swiper-button-prev,
.swiper-container-large .swiper-button-next {
  align-items: center;
  background: rgba(29, 31, 32, 0.3);
  color: #fff;
  display: flex;
  font-size: 1.5rem;
  height: 5.125rem;
  justify-content: center;
  line-height: 1.5rem;
  margin-top: 0;
  transform: translateY(-50%);
  transition: top 0.5s ease 0s, left 0.5s ease 0.5s, right 0.5s ease 0.5s;
  width: 2.25rem;
}
@media (min-width: 1024px) {
  .swiper-container-large .swiper-button-prev,
.swiper-container-large .swiper-button-next {
    height: 5.125rem;
    line-height: 1.3125rem;
    top: 50%;
  }
}
.swiper-container-large .swiper-button-prev {
  border-radius: 0 0.25rem 0.25rem 0;
  left: -2.25rem;
}
.swiper-container-large .swiper-button-next {
  border-radius: 0.25rem 0 0 0.25rem;
  right: -2.25rem;
}

.swiper-container-images-ready .swiper-button-prev {
  left: 0;
}

.swiper-container-images-ready .swiper-button-next {
  right: 0;
}

.swiper-pagination.swiper-pagination-fraction {
  position: static;
}

/* expandable button within component */
.component-wrapper .dropdown-menu {
  border-top: none;
  margin: 0;
  padding: 0.625rem !important;
}
.component-wrapper .dropdown-menu > li {
  margin-top: 0;
}
.component-wrapper .dropdown-menu > li + li > a {
  border-top: solid 1px #e5e5e5;
}
.component-wrapper .dropdown-menu > li > a {
  color: #1d1f20;
  padding: 0.6875rem 0.75rem;
}
.component-wrapper .dropdown-menu > li > a:focus, .component-wrapper .dropdown-menu > li > a:hover {
  background: transparent;
  color: #333333;
}

.btn-group.open > .btn.dropdown-toggle {
  color: #fff;
  background-color: #999999;
  border-color: #999999;
}

.btn-mobile-full {
  padding: 0 2.5rem;
}
@media (min-width: 640px) {
  .btn-mobile-full {
    display: inline-block;
    padding: 0;
    vertical-align: top;
  }
}
@media (max-width: 639px) {
  .btn-mobile-full .btn {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .btn-mobile-full + .btn-mobile-full {
    margin-top: 1.25rem;
  }
}

.btn-group-more-wrapper .btn {
  width: auto;
}

/* wysiwyg editor within component */
.component-wrapper .wysiwyg-wrapper strong {
  font-weight: 700;
}
.component-wrapper .wysiwyg-wrapper p {
  color: #2f3538;
}

/* table */
.table.table-striped > tbody > tr > td {
  padding: 1.25rem;
}
.table.table-striped > tbody > tr > td:first-child {
  font-weight: 700;
  font-family: audiTypeV03normal;
}
@media (min-width: 1024px) {
  .table.table-striped > tbody > tr td {
    padding-left: 0;
  }
  .table.table-striped > tbody > tr td:first-child {
    padding-left: 1.875rem;
  }
}

/* generic component header with headlines */
.component-header-wrapper {
  padding-bottom: 1.25rem;
}
.component-header-wrapper .headline2,
.component-header-wrapper .headline3 {
  padding-top: 1.25rem;
}

@media (max-width: 1399px) {
  .component-spacer {
    padding: 0 15px;
  }
}

/* animations */
@-webkit-keyframes vw-favorite {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.5) rotate(72deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
  }
}
@-moz-keyframes vw-favorite {
  0% {
    -moz-transform: scale(1) rotate(0deg);
  }
  50% {
    -moz-transform: scale(1.5) rotate(72deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0deg);
  }
}
@-o-keyframes vw-favorite {
  0% {
    -o-transform: scale(1) rotate(0deg);
  }
  50% {
    -o-transform: scale(1.5) rotate(72deg);
  }
  100% {
    -o-transform: scale(1) rotate(0deg);
  }
}
@keyframes vw-favorite {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.5) rotate(72deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.vw-favorite {
  -webkit-animation-name: vw-favorite;
  -moz-animation-name: vw-favorite;
  -o-animation-name: vw-favorite;
  animation-name: vw-favorite;
}

/* HERO COMPONENT */
.hero-component-wrapper {
  background-size: cover;
  position: relative;
}
.hero-component-wrapper .hero-align {
  text-align: center;
}
@media (min-width: 1024px) {
  .hero-component-wrapper .hero-align {
    background: transparent;
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    /* use left-top as default for undefined variants */
  }
  .hero-component-wrapper .hero-align.hero-align-center-center, .hero-component-wrapper .hero-align.hero-align-center-bottom, .hero-component-wrapper .hero-align.hero-align-center-top {
    justify-content: center;
  }
  .hero-component-wrapper .hero-align.hero-align-center-center .headline1, .hero-component-wrapper .hero-align.hero-align-center-bottom .headline1, .hero-component-wrapper .hero-align.hero-align-center-top .headline1 {
    margin-top: 3.75rem;
  }
  .hero-component-wrapper .hero-align.hero-align-center-center .btn, .hero-component-wrapper .hero-align.hero-align-center-bottom .btn, .hero-component-wrapper .hero-align.hero-align-center-top .btn {
    bottom: 3.75rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .hero-component-wrapper .hero-align.hero-align-left-top {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .hero-component-wrapper .hero-align.hero-align-left-top .hero-content {
    margin: 3.75rem 0 0 3.75rem;
  }
  .hero-component-wrapper .hero-align.hero-align-left-center {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }
  .hero-component-wrapper .hero-align.hero-align-left-center .hero-content {
    margin-left: 3.75rem;
  }
  .hero-component-wrapper .hero-align.hero-align-left-bottom {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
  }
  .hero-component-wrapper .hero-align.hero-align-left-bottom .hero-content {
    margin: 0 0 3.75rem 3.75rem;
  }
}
.hero-component-wrapper .hero-align .headline1 {
  left: 0;
  padding: 0 0.625rem;
  position: absolute;
  top: 2.5rem;
  width: 100%;
}
@media (min-width: 640px) {
  .hero-component-wrapper .hero-align .headline1 {
    top: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .hero-component-wrapper .hero-align .headline1 {
    padding: 0;
    position: static;
    top: auto;
  }
}
.hero-component-wrapper .hero-align .headline3 {
  padding-top: 1.25rem;
}
@media (max-width: 1023px) {
  .hero-component-wrapper .hero-align .headline3 {
    color: #1d1f20 !important;
  }
}
.hero-component-wrapper .hero-align .btn {
  margin-top: 1.25rem;
}
@media (min-width: 1024px) {
  .hero-component-wrapper .hero-align .btn {
    margin-top: 2.5rem;
  }
}

/* SLIDER COMPONENT */
.slider-component-wrapper {
  width: 100%;
  /* nested elements */
}
.slider-component-wrapper .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1.25rem;
}
.slider-component-wrapper .swiper-pagination {
  margin-top: 1.25rem;
  position: static;
}
@media (min-width: 1024px) {
  .slider-component-wrapper .swiper-pagination {
    margin-top: 0;
    position: absolute;
  }
}
.slider-component-wrapper .swiper-pagination .swiper-pagination-bullet {
  background: #808890;
  border-radius: 0.25rem;
  height: 0.8125rem;
  opacity: 1;
  width: 0.8125rem;
}
@media (min-width: 1024px) {
  .slider-component-wrapper .swiper-pagination .swiper-pagination-bullet {
    height: 0.8125rem;
    width: 0.8125rem;
  }
}
.slider-component-wrapper .swiper-pagination .swiper-pagination-bullet:hover {
  background: #999999;
}
.slider-component-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #333333;
}
.slider-component-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
  background: #999999;
}
@media (min-width: 1024px) {
  .slider-component-wrapper .hero-component-wrapper .hero-align.hero-align-center-center .btn {
    bottom: 5rem;
  }
}

/* PARAGRAPH COMPONENT */
.paragraph-component-wrapper .headline3 {
  padding: 0.625rem 0 0 0;
}
.paragraph-component-wrapper .paragraph {
  margin-bottom: 0;
}
.paragraph-component-wrapper .headline2 + .wysiwyg-wrapper,
.paragraph-component-wrapper .headline3 + .wysiwyg-wrapper {
  padding: 0.9375rem 0 0 0;
}
@media (min-width: 1024px) {
  .paragraph-component-wrapper .headline3 {
    padding: 0.9375rem 0 0 0;
  }
  .paragraph-component-wrapper .headline2 + .wysiwyg-wrapper,
.paragraph-component-wrapper .headline3 + .wysiwyg-wrapper,
.paragraph-component-wrapper .headline2 + .wysiwyg-wrapper + .wysiwyg-wrapper,
.paragraph-component-wrapper .headline3 + .wysiwyg-wrapper + .wysiwyg-wrapper {
    padding: 1.25rem 0 0 0;
  }
}
.paragraph-component-wrapper.paragraph-align-headlines-center .headline2,
.paragraph-component-wrapper.paragraph-align-headlines-center .headline3 {
  text-align: center;
}
@media (min-width: 1024px) {
  .paragraph-component-wrapper.paragraph-columns-2 .wysiwyg-wrapper {
    float: left;
    padding-right: 0.9375rem;
    width: 50%;
  }
  .paragraph-component-wrapper.paragraph-columns-2 .wysiwyg-wrapper + .wysiwyg-wrapper {
    float: right;
    padding-left: 0.9375rem;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .paragraph-component-wrapper.paragraph-columns-1.paragraph-align-headlines-center .wysiwyg-wrapper {
    padding-left: 9.375rem;
    padding-right: 9.375rem;
    text-align: center;
  }
  .paragraph-component-wrapper.paragraph-columns-1.paragraph-align-headlines-center .wysiwyg-wrapper ul {
    list-style-position: inside;
  }
}
.paragraph-component-wrapper .paragraph-button-wrapper {
  clear: both;
}
.paragraph-component-wrapper .paragraph-button-wrapper .btn {
  margin-top: 1.25rem;
  position: relative;
  z-index: 100;
}
.paragraph-component-wrapper.paragraph-align-button-left .btn {
  left: 0;
}
.paragraph-component-wrapper.paragraph-align-button-center .btn {
  left: 50%;
  transform: translateX(-50%);
}
.paragraph-component-wrapper.paragraph-align-button-right .btn {
  left: 100%;
  transform: translateX(-100%);
}

/* CAROUSEL COMPONENT */
.carousel-component-wrapper.carousel-align-center {
  text-align: center;
}
.carousel-component-wrapper .product-tile-wrapper a.product-link {
  cursor: pointer;
}
.carousel-component-wrapper .swiper-buttton-spacer {
  margin: 0 3.125rem;
  position: relative;
}
.carousel-component-wrapper .swiper-buttton-spacer .swiper-container {
  margin-top: 1.25rem;
}
.carousel-component-wrapper .swiper-buttton-spacer .swiper-button-next,
.carousel-component-wrapper .swiper-buttton-spacer .swiper-button-prev {
  background: none;
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.carousel-component-wrapper .swiper-buttton-spacer .swiper-button-prev {
  left: -2.5rem;
}
.carousel-component-wrapper .swiper-buttton-spacer .swiper-button-next {
  right: -2.5rem;
}

/* EXTERNAL COMPONENT */
.external-component-wrapper {
  background: #f3f5f6;
  padding: 2.5rem 0;
  text-align: center;
}
.external-component-wrapper .paragraph {
  margin-top: 0.625rem;
}
.external-component-wrapper .btn {
  margin-top: 1.25rem;
}
.external-component-wrapper .dropdown-toggle {
  line-height: 22px;
  font-size: 19px;
}
.external-component-wrapper .dropdown-toggle .custom-icon {
  line-height: 16px;
  top: 0;
}
.external-component-wrapper .dropdown-toggle .btn-linktext {
  font-size: 16px;
}

/* DEFINITION COMPONENT */
.definition-component-wrapper {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .definition-component-wrapper .inner-container-fluid-mobile {
    padding: 0;
  }
  .definition-component-wrapper .force-mobile-border, .definition-component-wrapper .component-header-wrapper {
    padding: 0 30px;
  }
}
.definition-component-wrapper .headline2 {
  margin-bottom: 1.25rem;
}
.definition-component-wrapper .table tr td {
  border: none;
}
.definition-component-wrapper .product-image {
  width: 100%;
}
.definition-component-wrapper .headline3 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .definition-component-wrapper .headline3 {
    margin-top: 0.625rem;
  }
}
.definition-component-wrapper .product-tags-wrapper {
  display: none;
  /* remove when product flags are implemented */
  margin-top: 1.25rem;
}
.definition-component-wrapper p {
  margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
  .definition-component-wrapper .col-header {
    padding-top: 1.25rem;
  }
}
.definition-component-wrapper .product-sku-wrapper {
  margin-top: 1.25rem;
}
.definition-component-wrapper .product-sku-wrapper .product-sku {
  display: block;
}
.definition-component-wrapper .product-sku-wrapper .product-description {
  margin-top: 0;
}
.definition-component-wrapper .product-logos-image-wrapper {
  padding: 1.25rem 0;
}
.definition-component-wrapper .product-logos-image-wrapper .product-logos-image-row-wrapper {
  float: left;
  width: 100%;
}
.definition-component-wrapper .product-logos-image-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.definition-component-wrapper .product-logos-image-wrapper .picture {
  float: left;
  width: 50%;
  padding: 0.125rem;
}
.definition-component-wrapper .btn-primary {
  margin-bottom: 0.625rem;
}
.definition-component-wrapper .btn-primary,
.definition-component-wrapper .btn-group {
  width: 100%;
}
.definition-component-wrapper .link {
  cursor: pointer;
  display: block;
  line-height: 2.625rem;
  color: #333333;
}
.definition-component-wrapper .link:hover {
  color: #999999;
}

/* SINGLE COMPONENT */
.single-component-wrapper .single-hero-image-wrapper {
  position: relative;
}
@media (min-width: 640px) {
  .single-component-wrapper .single-hero-image-wrapper .single-headlines-wrapper {
    bottom: 3.125rem;
    left: 8.3333333333%;
    position: absolute;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .single-component-wrapper .single-hero-image-wrapper .single-headlines-wrapper {
    bottom: 9.375rem;
  }
}
.single-component-wrapper .single-hero-image-wrapper .headline1 {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 50%;
}
@media (min-width: 640px) {
  .single-component-wrapper .single-hero-image-wrapper .headline1 {
    margin: 0;
    position: static;
    width: 33.125rem;
  }
}
.single-component-wrapper .single-hero-image-wrapper .headline3 {
  padding: 1.25rem 0;
  text-align: center;
}
@media (min-width: 640px) {
  .single-component-wrapper .single-hero-image-wrapper .headline3 {
    text-align: left;
  }
}
@media (max-width: 639px) {
  .single-component-wrapper .single-hero-image-wrapper .headline3 {
    color: #1d1f20 !important;
  }
}
.single-component-wrapper .single-product-wrapper {
  position: relative;
  background-color: white;
}
@media (min-width: 640px) {
  .single-component-wrapper .single-product-wrapper {
    margin-top: -3.125rem;
  }
}
@media (min-width: 1024px) {
  .single-component-wrapper .single-product-wrapper {
    margin-top: -9.375rem;
    padding: 1.25rem;
  }
}
.single-component-wrapper .single-product-wrapper .interaction-favorite-wrapper .custom-icon {
  right: 0.625rem;
  top: 0.625rem;
}
.single-component-wrapper .single-product-wrapper .single-product-image-wrapper img {
  width: 100%;
}
.single-component-wrapper .headline5, .single-component-wrapper .product-sku, .single-component-wrapper .product-description, .single-component-wrapper .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-tile-wrapper .product-details .product-description-wrapper .single-component-wrapper .product-name, .single-component-wrapper .definition-component-wrapper .product-sku-wrapper, .definition-component-wrapper .single-component-wrapper .product-sku-wrapper {
  margin-top: 1.25rem;
  text-align: center;
}
.single-component-wrapper .paragraph {
  padding: 1.25rem 0;
}
@media (max-width: 639px) {
  .single-component-wrapper .btn-primary {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}

/* SQUARE COMPONENT */
.square-component-wrapper.square-align-right .square-image1-col {
  float: right;
}
.square-component-wrapper .headline2 {
  padding-bottom: 1.25rem;
}
.square-component-wrapper .headline5, .square-component-wrapper .product-sku, .square-component-wrapper .product-description, .square-component-wrapper .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-tile-wrapper .product-details .product-description-wrapper .square-component-wrapper .product-name, .square-component-wrapper .definition-component-wrapper .product-sku-wrapper, .definition-component-wrapper .square-component-wrapper .product-sku-wrapper {
  padding-bottom: 0.625rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .square-component-wrapper .headline5, .square-component-wrapper .product-sku, .square-component-wrapper .product-description, .square-component-wrapper .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-tile-wrapper .product-details .product-description-wrapper .square-component-wrapper .product-name, .square-component-wrapper .definition-component-wrapper .product-sku-wrapper, .definition-component-wrapper .square-component-wrapper .product-sku-wrapper {
    padding-bottom: 1.25rem;
  }
}
.square-component-wrapper .paragraph {
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .square-component-wrapper .paragraph {
    padding-bottom: 2.5rem;
  }
}
.square-component-wrapper .square-holder {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .square-component-wrapper .square-holder {
    padding-bottom: 100%;
  }
}
.square-component-wrapper .square-holder .square-content-wrapper {
  padding: 1.25rem;
}
@media (min-width: 1024px) {
  .square-component-wrapper .square-holder .square-content-wrapper {
    bottom: 0;
    height: 100% !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .square-component-wrapper .square-holder .square-content-wrapper .paragraph {
    line-height: 20px;
  }
}
@media (min-width: 1023px) and (max-width: 1399px) {
  .square-component-wrapper .md-hidden {
    display: none;
  }
  .square-component-wrapper .md-full {
    width: 100%;
  }
  .square-component-wrapper .md-full .square-holder {
    padding-bottom: 50% !important;
  }
}

/* TILE COMPONENT */
.tile-component-wrapper.tile-align-right .tile-content-col {
  float: right;
}
.tile-component-wrapper .headline1 {
  padding-bottom: 1.25rem;
}
.tile-component-wrapper .headline3 {
  padding-bottom: 0.625rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tile-component-wrapper .headline3 {
    padding-bottom: 1.25rem;
  }
}
.tile-component-wrapper .paragraph {
  line-height: 20px;
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tile-component-wrapper .paragraph {
    padding-bottom: 2.5rem;
  }
}
.tile-component-wrapper .tile-holder {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .tile-component-wrapper .tile-holder {
    padding-bottom: 50%;
  }
}
.tile-component-wrapper .tile-holder .tile-content-wrapper {
  padding: 1.25rem;
}
@media (min-width: 1024px) {
  .tile-component-wrapper .tile-holder .tile-content-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

/* MARKETING COMPONENT */
@media only screen and (min-width: 640px) {
  .marketing-component-wrapper .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.marketing-component-wrapper .component-body-wrapper .row .marketing-holder {
  height: 100%;
  position: relative;
}
@media (max-width: 640px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-background-image-wrapper {
    padding-bottom: 3.75rem;
  }
}
.marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper {
  padding: 1.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
@media (min-width: 640px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper.marketing-content-align-left {
    padding-right: 3.75rem;
  }
}
@media (min-width: 1023px) and (max-width: 1399px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper.marketing-content-align-left {
    padding-right: 2.5rem;
  }
}
@media (min-width: 640px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper.marketing-content-align-right {
    padding-left: 3.75rem;
  }
}
@media (min-width: 1023px) and (max-width: 1399px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper.marketing-content-align-right {
    padding-left: 2.5rem;
  }
}
@media (max-width: 640px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper.marketing-content-align-right {
    padding-top: 20%;
  }
}
.marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper .headline3 {
  padding-bottom: 0.625rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper .headline3 {
    padding-bottom: 1.25rem;
  }
}
.marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper .paragraph {
  line-height: 20px;
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper .paragraph {
    padding-bottom: 2.5rem;
  }
}
.marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper .btn {
  width: auto;
}
@media (min-width: 1024px) {
  .marketing-component-wrapper .component-body-wrapper .row .swiper-container > .swiper-button-prev,
.marketing-component-wrapper .component-body-wrapper .row .swiper-container > .swiper-button-next {
    display: none;
  }
}
.marketing-component-wrapper .component-body-wrapper .row .swiper-container .product-tile-wrapper .product-details .product-name {
  padding-top: 1.25rem;
}
.marketing-component-wrapper .component-body-wrapper .row .swiper-container .product-tile-wrapper a.product-link {
  cursor: pointer;
}

/* PRODUCT COMPONENT */
.product-component-wrapper {
  position: relative;
}
@media (max-width: 1023px) {
  .product-component-wrapper {
    margin-top: 40px;
  }
}
.product-component-wrapper .product-btn-group-more-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
.product-component-wrapper .product-btn-group-more-wrapper .custom-icon {
  margin-right: 0;
}
.product-component-wrapper .product-tile-wrapper .product-details .product-description-wrapper .product-name {
  padding-top: 1.25rem;
}
.product-component-wrapper .product-tile-wrapper .product-details .product-description-wrapper a.product-link {
  cursor: pointer;
}
@media (max-width: 1023px) {
  .product-component-wrapper .product-description-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    height: auto !important;
  }
}

/* DETAIL COMPONENT */
.detail-component-wrapper .product-sku,
.detail-component-wrapper .product-description {
  display: block;
}
.detail-component-wrapper .paragraph,
.detail-component-wrapper .product-details,
.detail-component-wrapper .detail-information,
.detail-component-wrapper .detail-actions,
.detail-component-wrapper .picture {
  margin-top: 1.25rem;
}
@media (min-width: 640px) {
  .detail-component-wrapper .detail-bottom .detail-actions .btn-mobile-full:last-child {
    float: right;
  }
}
.detail-component-wrapper .picture {
  margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .detail-component-wrapper .picture {
    margin-top: 0;
  }
  .detail-component-wrapper > .row {
    display: flex;
  }
  .detail-component-wrapper > .row > [class*=col-] {
    display: flex;
    flex-wrap: wrap;
  }
  .detail-component-wrapper .detail-bottom {
    align-self: flex-end;
    width: 100%;
  }
  .detail-component-wrapper .detail-bottom .detail-information .product-description {
    display: inline-block;
    margin-top: 0;
  }
  .detail-component-wrapper .detail-bottom .detail-information .product-sku {
    display: inline-block;
    float: right;
  }
}

/* DESCRIPTION COMPONENT */
.description-component-wrapper .description-content-wrapper {
  background: #f3f5f6;
  height: 14.8125rem;
  padding: 0 1.25rem;
  position: relative;
}
.description-component-wrapper .description-content-wrapper.description-content-center {
  text-align: center;
}
.description-component-wrapper .description-content-wrapper.description-content-center .product-tag {
  left: 50%;
  transform: translateX(-50%);
}
.description-component-wrapper .description-content-wrapper .product-tag {
  position: absolute;
  top: 1.25rem;
}
.description-component-wrapper .description-content-wrapper .headline3 {
  padding-top: 3.4375rem;
}
.description-component-wrapper .description-content-wrapper .paragraph {
  padding-top: 0.5rem;
}

/* VIDEO COMPONENT */
.video-component-wrapper .video-component-holder {
  background: #f3f5f6;
  padding: 3.75rem 0 3.75rem 0;
  position: relative;
}
.video-component-wrapper .video-component-holder:before, .video-component-wrapper .video-component-holder:after {
  background: #f3f5f6;
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 9999px;
}
.video-component-wrapper .video-component-holder:before {
  right: 100%;
}
.video-component-wrapper .video-component-holder:after {
  left: 100%;
}
.video-component-wrapper .video-component-holder .component-header-wrapper {
  padding-bottom: 3.75rem;
}

/* GALLERY COMPONENT */
.gallery-component-wrapper .gallery-main-image-wrapper .btn {
  bottom: 3.75rem;
  position: absolute;
  right: 3.75rem;
}
.gallery-component-wrapper .gallery-main-image-wrapper .btn .btn-linktext {
  padding-right: 4px;
}
.gallery-component-wrapper .gallery-main-image-wrapper .btn .custom-icon {
  line-height: 16px;
}
@media (max-width: 639px) {
  .gallery-component-wrapper .gallery-main-image-wrapper .btn {
    bottom: auto;
    right: 1.25rem;
    top: 1.25rem;
    width: auto;
  }
  .gallery-component-wrapper .gallery-main-image-wrapper .btn .custom-icon {
    margin-right: 0;
  }
  .gallery-component-wrapper .gallery-main-image-wrapper .btn .btn-linktext {
    display: none;
  }
}
.gallery-component-wrapper .gallery-thumbs {
  box-sizing: border-box;
  height: 20%;
  padding: 10px 0;
}
.gallery-component-wrapper .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
  width: 25%;
}
.gallery-component-wrapper .gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
@media (max-width: 1023px) {
  .gallery-component-wrapper .swiper-container.swiper-container-large.swiper-container-image-as-height-reference.gallery-thumbs > .swiper-button-prev,
.gallery-component-wrapper .swiper-container.swiper-container-large.swiper-container-image-as-height-reference.gallery-thumbs > .swiper-button-next {
    display: none;
  }
}
.gallery-component-wrapper .flex-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  width: 100%;
}

/* TABLE COMPONENT */
.table-component-wrapper .headline2 {
  margin-bottom: 1.25rem;
}
.table-component-wrapper td {
  border: none !important;
}
@media (min-width: 1024px) {
  .table-component-wrapper table.table-striped tbody {
    display: flex;
    flex-wrap: wrap;
    font-family: audiTypeV03normal;
  }
  .table-component-wrapper table.table-striped tbody tr {
    background: transparent;
    width: 50%;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(4n-3) {
    background: #f3f5f6;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(4n-2) {
    background: #f3f5f6;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(2n+1) td {
    background: none;
  }
  .table-component-wrapper table.table-striped tbody td:first-child {
    float: left;
    width: 35%;
  }
}
@media (min-width: 640px) {
  .table-component-wrapper table.table-striped tbody td:first-child {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1023px) {
  .table-component-wrapper table.table-striped tbody td:first-child {
    float: left;
    width: 50%;
  }
}

/* EXPORT COMPONENT */
.export-component-wrapper {
  background: #f3f5f6;
  padding: 2.5rem 0;
  text-align: center;
}
.export-component-wrapper .paragraph {
  margin-top: 0.625rem;
}
.export-component-wrapper .export-actions-wrapper {
  margin-top: 1.25rem;
}
@media (min-width: 640px) {
  .export-component-wrapper .btn-mobile-full + .btn-mobile-full {
    margin-left: 1.25rem;
  }
}

/* COLLAPSE COMPONENT */
.collapse-component-wrapper .collapse-btn-wrapper {
  background: #f3f5f6;
  text-align: center;
  padding: 3.75rem 0;
}
.collapse-component-wrapper .collapse-btn-holder {
  margin: 0 2.5rem;
}
@media (min-width: 1024px) {
  .collapse-component-wrapper .collapse-btn-holder {
    display: inline-block;
  }
}
.collapse-component-wrapper .collapse-btn-holder .btn-mobile-full {
  padding: 0;
}
.collapse-component-wrapper .teaser-container {
  margin-top: 0;
}
.collapse-component-wrapper .collapse.in + .collapse-btn-wrapper {
  margin-top: 2.5rem;
}

/* BANNER COMPONENT */
.banner-component-wrapper {
  position: relative;
}
.banner-component-wrapper .headline3 {
  padding: 1.25rem;
}
.banner-component-wrapper.banner-component-inner .headline3 {
  bottom: 1.25rem;
  left: 1.25rem;
  padding: 0;
  position: absolute;
}
.banner-component-wrapper .dropdown-menu {
  width: 100%;
}

/* DOUBLE COMPONENT */
.double-component-wrapper .double-content-wrapper {
  padding: 2.5rem;
}
.double-component-wrapper .double-content-wrapper .headline5, .double-component-wrapper .double-content-wrapper .product-sku, .double-component-wrapper .double-content-wrapper .product-description, .double-component-wrapper .double-content-wrapper .product-tile-wrapper .product-details .product-description-wrapper .product-name, .product-tile-wrapper .product-details .product-description-wrapper .double-component-wrapper .double-content-wrapper .product-name, .double-component-wrapper .double-content-wrapper .definition-component-wrapper .product-sku-wrapper, .definition-component-wrapper .double-component-wrapper .double-content-wrapper .product-sku-wrapper,
.double-component-wrapper .double-content-wrapper .paragraph,
.double-component-wrapper .double-content-wrapper .btn {
  margin-top: 1.25rem;
}
.double-component-wrapper .double-content-wrapper .btn {
  white-space: inherit;
}
.double-component-wrapper .double-content-wrapper .headline3 {
  padding-bottom: 1.25rem;
}
.double-component-wrapper .double-content-wrapper .paragraph {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 1.25rem;
}
.double-component-wrapper .double-content-wrapper .btn-mobile-full {
  text-align: right;
  width: 100%;
}
@media (min-width: 1024px) {
  .double-component-wrapper .double-holder {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
  }
  .double-component-wrapper .double-holder .double-content-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .double-component-wrapper > .row {
    display: flex;
  }
  .double-component-wrapper > .row > [class*=col-] {
    display: flex;
    flex-wrap: wrap;
  }
}

/* Poupup when click on product link*/
.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 24;
  padding: 20px;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.blocker #notice {
  padding: 2rem;
}
.blocker #notice .headline3,
.blocker #notice .paragraph,
.blocker #notice .btn {
  margin-bottom: 1.25rem;
}
.blocker .modal {
  display: inline-block;
  vertical-align: middle;
  position: relative !important;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}
.blocker .modal .close-icon {
  position: absolute;
  right: 0.0625rem;
  font-size: 1.5rem;
  top: 0.0625rem;
  color: inherit;
}
.blocker .modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}
.blocker .modal .btn-secondary {
  border: 1px solid inherit;
}

/* LEFT NAVIGATION */
.navToSelect {
  display: none;
}

/* Mobile device */
@media only screen and (max-width: 1023px) {
  #leftnavigation ul {
    display: none;
  }

  .navToSelect {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dee1e3;
    padding: 2px 2px 2px 2px;
    background: transparent url("../image/icons/arrow-down_blue.png") no-repeat right;
  }
}
.navigation-left .subnav {
  overflow: hidden;
  text-align: left;
  margin-bottom: 1.25rem;
}
.navigation-left .subnav > ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style-type: none;
}
.navigation-left .subnav > ul > li {
  display: block;
}
.navigation-left .subnav > ul > li > a {
  background-color: #dee1e3;
  color: #1d1f20;
  display: block;
  font-weight: 700;
  line-height: 2.5rem;
  height: 2.5rem;
  text-decoration: none;
  padding-left: 0.625rem;
  margin-bottom: 0.625rem;
}
.navigation-left .subnav > ul > li > a:hover {
  cursor: pointer;
}
.navigation-left .subnav > ul > li > ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style-type: none;
}
.navigation-left .subnav > ul > li > ul > li > a {
  color: #1d1f20;
  display: block;
  font-size: 0.9375rem;
  padding: 1px 0 0px 10px;
  text-decoration: none;
}
.navigation-left .subnav > ul > li > ul > li > a.active {
  font-weight: bold;
  color: #0099D8;
}
.navigation-left .subnav > ul > li > ul > li:hover {
  color: #1d1f20;
}

.nav__left .EasyInactiveLogoComponent,
.nav__left .PlusActiveLogoComponent {
  margin-top: 8px;
}

@media (max-width: 1023px) {
  .branding-mobile .EasyInactiveLogoComponent,
.branding-mobile .PlusActiveLogoComponent {
    margin-top: 5px;
  }
}
/* NEWSTICKER COMPONENT */
.teaser-container-znewstickercomponent .newsticker-component-wrapper.component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container-znewstickercomponent .newsticker-component-wrapper .znewstickercomponent-holder .znewstickercomponent-headline {
  padding: 1.25rem 0;
  line-height: 1.2;
  overflow: hidden;
}
/* TabNavComponent */
.tabnav-component-wrapper .link-holder {
  margin-top: 10px;
  font-size: 16px;
}
.tabnav-component-wrapper .component-header-wrapper {
  padding-bottom: 2.5rem;
}
.tabnav-component-wrapper .component-header-wrapper .uppercase {
  text-transform: uppercase;
}
.tabnav-component-wrapper .tabnav-navigation {
  list-style: none;
  padding: 0;
}
.tabnav-component-wrapper .tabnav-navigation li {
  padding: 5px 5px 5px 20px;
  border-left: 2px solid #dee1e3;
}
.tabnav-component-wrapper .tabnav-navigation li a {
  color: #1d1f20;
  line-height: 1;
}
.tabnav-component-wrapper .tabnav-navigation li a:focus {
  text-decoration: none;
}
.tabnav-component-wrapper .tabnav-navigation li.active {
  border-color: #0099D8;
}
.tabnav-component-wrapper .tabnav-navigation li.active a {
  color: #0099D8;
}
.tabnav-component-wrapper .tabnav-image {
  float: right;
  max-width: 50%;
  padding-bottom: 10px;
  padding-left: 10px;
}
.tabnav-component-wrapper.mobile .tabnav-image {
  float: none;
  max-width: 100%;
  padding: 0;
  display: block;
  margin-top: 10px;
}
.tabnav-component-wrapper.mobile .panel-title a .glyphicon-chevron-down {
  display: inline-block;
}
.tabnav-component-wrapper.mobile .panel-title a .glyphicon-chevron-right {
  display: none;
}
.tabnav-component-wrapper.mobile .panel-title a.collapsed .glyphicon-chevron-down {
  display: none;
}
.tabnav-component-wrapper.mobile .panel-title a.collapsed .glyphicon-chevron-right {
  display: inline-block;
}

/* ZSliderComponent */
.teaser-container-zslidercomponent .swiper-button-prev, .teaser-container-zslidercomponent .swiper-button-next {
  display: none;
}
.teaser-container-zslidercomponent:hover .swiper-button-prev, .teaser-container-zslidercomponent:hover .swiper-button-next {
  display: flex;
}

/* ZLimeSurveyComponent */
.teaser-container-zlimesurveycomponent {
  margin-bottom: -10px;
  padding: 0;
}
.teaser-container-zlimesurveycomponent h2, .teaser-container-zlimesurveycomponent h3 {
  padding: 0 10px;
}

.embed-responsive-item {
  min-height: 500px;
}

/* new wheel */
.teaser-container-znewwheelcomponent .inner-container-fluid-mobile {
  padding: 0;
}
.teaser-container-znewwheelcomponent .inner-container-fluid-mobile .headline3 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .teaser-container-znewwheelcomponent .inner-container-fluid-mobile .headline3 {
    margin-top: 0;
  }
}
@media (max-width: 1023px) {
  .teaser-container-znewwheelcomponent .inner-container-fluid-mobile .product-logos-image-row {
    padding: 1.25rem 0;
  }
}
.teaser-container-znewwheelcomponent .table {
  word-break: break-word;
  table-layout: fixed;
}
.teaser-container-znewwheelcomponent .product__list--thumb {
  display: block;
  width: 100%;
}
.teaser-container-znewwheelcomponent .product__list--thumb img {
  width: 100%;
  height: auto;
}
.teaser-container-znewwheelcomponent .align-center {
  display: inline-flex;
  align-items: center;
}
.teaser-container-znewwheelcomponent .align-center .custom-icon.custom-icon-details:before {
  top: auto;
}

.teaser-container {
  /* specials */
}
.teaser-container > .component-wrapper {
  margin-top: 5rem;
}
.teaser-container.teaser-container-zherocomponent + .teaser-container-zparagraphcomponent > .component-wrapper, .teaser-container.teaser-container-zherocomponent + .teaser-container-zbannercomponent > .component-wrapper, .teaser-container.teaser-container-zherocomponent + .teaser-container-zdetailcomponent > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-zparagraphcomponent + .teaser-container-ztablecomponent > .component-wrapper, .teaser-container.teaser-container-zparagraphcomponent + .teaser-container-zcarouselcomponent > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-zsquarecomponent + .teaser-container-zsquarecomponent.square-without-headline > .component-wrapper, .teaser-container.teaser-container-zsquarecomponent + .teaser-container-ztilecomponent.tile-without-headline > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-ztilecomponent + .teaser-container-ztilecomponent.tile-without-headline > .component-wrapper, .teaser-container.teaser-container-ztilecomponent + .teaser-container-zsquarecomponent.square-without-headline > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-zmarketingcomponent + .teaser-container-zmarketingcomponent.marketing-without-headline > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-zbannercomponent + .teaser-container-zbannercomponent + .teaser-container-zbannercomponent + .teaser-container-zbannercomponent ~ .teaser-container-zbannercomponent > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-zdefinitioncomponent + .teaser-container-zdefinitioncomponent.definition-without-headline > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-zproductcomponent + .teaser-container-zproductcomponent + .teaser-container-zproductcomponent + .teaser-container-zproductcomponent ~ .teaser-container-zproductcomponent > .component-wrapper {
  margin-top: 2.5rem;
}
.teaser-container.teaser-container-zdoublecomponent + .teaser-container-zdoublecomponent > .component-wrapper {
  margin-top: 0;
}
.teaser-container.teaser-container-zdescriptioncomponent + .teaser-container-zdescriptioncomponent + .teaser-container-zdescriptioncomponent + .teaser-container-zdescriptioncomponent ~ .teaser-container-zdescriptioncomponent > .component-wrapper {
  margin-top: 2.5rem;
}

/* fix top margins sm up */
@media (min-width: 640px) {
  .teaser-row-special .teaser-container.teaser-container-zbannercomponent + .teaser-container-zbannercomponent + .teaser-container-zbannercomponent ~ .teaser-container-zbannercomponent > .component-wrapper {
    margin-top: 2.5rem;
  }
  .teaser-row-special .teaser-container.teaser-container-zproductcomponent + .teaser-container-zproductcomponent + .teaser-container-zproductcomponent ~ .teaser-container-zproductcomponent > .component-wrapper {
    margin-top: 2.5rem;
  }
  .teaser-row-special .teaser-container.teaser-container-zdescriptioncomponent + .teaser-container-zdescriptioncomponent + .teaser-container-zdescriptioncomponent ~ .teaser-container-zdescriptioncomponent > .component-wrapper {
    margin-top: 2.5rem;
  }
}

.teaser-row-first > .teaser-container:first-child > .video-component-wrapper .video-component-holder {
  background: transparent;
}
.teaser-row-first > .teaser-container:first-child > .video-component-wrapper .video-component-holder:after {
  background: transparent;
  position: unset;
  width: 0px;
  right: 0px;
  left: 0px;
}
.teaser-row-first > .teaser-container:first-child > .video-component-wrapper .video-component-holder:before {
  background: transparent;
  position: unset;
  width: 0px;
  left: 0px;
  right: 0px;
}

.teaser-container.teaser-container-zparagraphcomponent + .teaser-container-zherocomponent > .component-wrapper {
  margin-top: 2.5rem;
}

.teaser-row {
  display: flex;
  flex-wrap: wrap;
}

.teaser-row-first > .component-wrapper,
.teaser-row-first > .teaser-container:first-child > .component-wrapper {
  margin-top: 0;
}

.teaser-row:nth-child(3n+1) > .teaser-container:last-child .paragraph-component-wrapper {
  margin-bottom: -2.5rem;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .teaser-row:after, .teaser-row:before {
    display: none !important;
  }
}
@font-face {
  font-family: "Icons";
  src: url("../../common/fonts/icons.eot");
  src: url("../../common/fonts/icons.eot?#iefix") format("embedded-opentype"), url("../../common/fonts/icons.woff2") format("woff2"), url("../../common/fonts/icons.woff") format("woff"), url("../../common/fonts/icons.ttf") format("truetype"), url("../../common/fonts/icons.svg#icons") format("svg");
}
.custom-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Icons";
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custom-icon-download {
  padding-right: 2px;
}
.custom-icon-download:before {
  content: "";
  position: relative;
  top: 3px;
}

.custom-icon-details {
  padding-right: 5px;
}
.custom-icon-details:before {
  content: "";
  position: relative;
  top: 5px;
}

.custom-icon-more:before {
  content: "";
}

.custom-icon-fullscreen-enter:before {
  content: "";
}

.custom-icon-play:before {
  content: "";
}

.custom-icon-favorite:before {
  content: "";
}

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: "" !important;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  select {
    background: #fff !important;
  }

  .navbar {
    display: none;
  }

  .table td,
.table th {
    background-color: #fff !important;
  }

  .btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #eee !important;
  }

  body {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  .btn-primary {
    background-color: #333333 !important;
    border: 2px solid #333333 !important;
    color: #ffffff !important;
  }
  .btn-primary .btn-linktext {
    color: #ffffff !important;
  }

  .btn-secondary {
    color: #333333 !important;
    background-color: #fff !important;
    border-color: #dee1e3 !important;
  }
  .btn-secondary .btn-linktext {
    color: #333333 !important;
  }

  .single-component-wrapper .single-product-wrapper {
    margin-top: -6.375rem;
  }
  .single-component-wrapper .single-headlines-wrapper {
    bottom: 8rem;
    left: 8.3333333333%;
    position: absolute;
    width: 25%;
  }
  .single-component-wrapper .single-headlines-wrapper .headline1 {
    margin: 0;
    position: static;
    width: 33.125rem;
  }
  .single-component-wrapper .single-headlines-wrapper .heading3 {
    padding: 1.25rem 0;
    text-align: left;
  }

  .hero-component-wrapper .hero-align {
    background: transparent;
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .hero-component-wrapper .hero-align.hero-align-center-center, .hero-component-wrapper .hero-align.hero-align-center-bottom, .hero-component-wrapper .hero-align.hero-align-center-top {
    justify-content: center;
  }
  .hero-component-wrapper .hero-align.hero-align-center-center .headline1, .hero-component-wrapper .hero-align.hero-align-center-bottom .headline1, .hero-component-wrapper .hero-align.hero-align-center-top .headline1 {
    top: 1.25rem;
  }
  .hero-component-wrapper .hero-align.hero-align-center-center .btn, .hero-component-wrapper .hero-align.hero-align-center-bottom .btn, .hero-component-wrapper .hero-align.hero-align-center-top .btn {
    bottom: 3.75rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
  }
  .hero-component-wrapper .hero-align.hero-align-left-top {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .hero-component-wrapper .hero-align.hero-align-left-top .hero-content {
    margin-left: 3.75rem !important;
    margin-top: 3.75rem !important;
  }
  .hero-component-wrapper .hero-align.hero-align-left-center {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }
  .hero-component-wrapper .hero-align.hero-align-left-center .hero-content {
    margin-left: 3.75rem !important;
  }
  .hero-component-wrapper .hero-align.hero-align-left-bottom {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
  }
  .hero-component-wrapper .hero-align.hero-align-left-bottom .hero-content {
    margin: 0 0 3.75rem 3.75rem;
  }
}
@media print and (min-width: 640px) {
  .hero-component-wrapper .headline1 {
    left: 0;
    padding: 0 0.625rem;
    position: absolute;
    top: 1.25rem;
    width: 100%;
  }
}
@media print and (min-width: 1024px) {
  .hero-component-wrapper .headline1 {
    padding: 0;
    position: static;
    top: auto;
  }
}
@media print {
  .hero-component-wrapper .headline3 {
    margin-top: 2.5rem;
  }
}
@media print and (max-width: 1023px) {
  .hero-component-wrapper .headline3 {
    color: #1d1f20 !important;
  }
}
@media print and (min-width: 1024px) {
  .hero-component-wrapper .btn {
    margin-top: 1.25rem;
  }
}
@media print {
  .table-component-wrapper table.table-striped tbody {
    display: flex;
    flex-wrap: wrap;
  }
  .table-component-wrapper table.table-striped tbody tr {
    background: transparent;
    width: 50%;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(4n-3) {
    background: #f3f5f6 !important;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(4n-3) td {
    background: #f3f5f6 !important;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(4n-2) {
    background: #f3f5f6 !important;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(4n-2) td {
    background: #f3f5f6 !important;
  }
  .table-component-wrapper table.table-striped tbody tr:nth-child(2n+1) td {
    background: none;
  }
  .table-component-wrapper table.table-striped tbody td:first-child {
    float: left;
    width: 35%;
  }
}
@media print {
  .product-component-wrapper {
    margin-bottom: 20px;
  }
}
@media print {
  .teaser-row {
    display: block;
    flex-wrap: unset;
  }
}
@media print {
  .nav-middle, .sm-navigation {
    display: none;
  }
}
@media print {
  body {
    font-size: 2rem;
  }
}
@media print {
  .container {
    width: 100% !important;
  }
}
@media print {
  .teaser-container > .component-wrapper {
    margin-top: 0;
  }
}
@media print {
  .gallery-component-wrapper .btn {
    max-height: 50px;
  }
  .gallery-component-wrapper .gallery-thumbs {
    page-break-inside: avoid !important;
  }
}
@media print {
  .owl-buttons {
    display: none !important;
  }
}
@media print {
  .carousel .item .item-name {
    font-weight: 400;
    height: auto;
    font-size: 10pt !important;
  }
}
@media print {
  .col-md-6 .col-md-6 {
    display: inline-block !important;
    page-break-before: avoid !important;
    page-break-inside: avoid !important;
    page-break-after: avoid !important;
  }
}
@media print {
  .teaser-container.teaser-container-zbannercomponent {
    display: inline-block;
  }
}
@media print {
  .link-white {
    color: #fff !important;
  }
}
@media print {
  .detail-component-wrapper > .row > [class*=col-] .picture {
    vertical-align: unset !important;
    top: 0 !important;
    margin-top: 0 !important;
  }
}
@media print {
  .double-component-wrapper > .row > [class*=col-] {
    display: block;
  }
}
@media print {
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper.marketing-content-align-right {
    padding-left: 3rem;
  }
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper .paragraph {
    line-height: 1;
    padding-bottom: 0;
  }
  .marketing-component-wrapper .component-body-wrapper .row .marketing-holder .marketing-content-wrapper .btn {
    font-size: 10pt;
    padding: 5px 10px;
  }
}
@media print {
  .carousel-component-wrapper .headline2 {
    margin-bottom: 10px;
  }
}
@media print {
  .teaser-container.teaser-container-zsinglecomponent .single-component-wrapper > .row {
    display: block;
    page-break-inside: avoid;
  }
  .teaser-container.teaser-container-zsinglecomponent .single-component-wrapper > .row .single-headlines-wrapper {
    bottom: 0;
    top: 0;
  }
  .teaser-container.teaser-container-zsinglecomponent .single-component-wrapper > .row .single-headlines-wrapper .headline1 {
    font-size: 2rem;
    line-height: 1;
  }
}
@media print {
  .teaser-container[class*=teaser-container-z] .component-wrapper {
    display: block;
    page-break-inside: avoid;
  }
  .teaser-container[class*=teaser-container-z] .component-wrapper .btn {
    bottom: 0.75rem !important;
    padding: 5px 10px;
    line-height: 1;
    font-size: 10pt;
  }
  .teaser-container[class*=teaser-container-z] .component-wrapper .headline1 {
    font-size: 2rem;
    line-height: 1;
    margin-top: 0.125rem;
  }
  .teaser-container[class*=teaser-container-z] .component-wrapper .headline2 {
    font-size: 1.5rem;
    line-height: 1;
    margin-top: 1.25rem;
  }
  .teaser-container[class*=teaser-container-z] .component-wrapper .headline3 {
    font-size: 1rem;
    line-height: 1;
    margin-top: 2.625rem;
  }
}
@media print {
  .teaser-container[class*=teaser-container-z] .tile-component-wrapper .tile-holder .tile-content-wrapper span[class^=headline] {
    margin-top: 0 !important;
  }
  .teaser-container[class*=teaser-container-z] .tile-component-wrapper .tile-holder .tile-content-wrapper .paragraph {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
  }
  .teaser-container[class*=teaser-container-z] .tile-component-wrapper .tile-holder .tile-content-wrapper .btn {
    margin-top: 0 !important;
  }
}

/*# sourceMappingURL=zcmsaddon.css.map */