/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productFinder/CategorySelect.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CategorySelect_categoryNameHolder__2EWan {
  display: inline-flex;
  align-items: center;
}

.CategorySelect_categoryName__OYEZX {
  margin-right: 0.625rem;
}

.CategorySelect_offerIconWrapper__p_hvI {
  display: flex;
  margin-left: 0.625rem;
  flex: 1 1;
  justify-content: flex-end;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Selectbox/Selectbox.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Selectbox_wrapperStyle__7tG9c {
  position: relative;
  height: 2.5rem;
  width: 100%;
  margin-bottom: 0.625rem;
  pointer-events: all;
}

.Selectbox_wrapper__2zKzl {
  background-color: #ffffff;
  border: 1px solid #cecece;
}

.Selectbox_disabled__WKfV7 {
  color: #ababab;
  background-color: #f0f0f0;
  border: 1px solid #cecece;
  cursor: default;
}

.Selectbox_error__MLvyP {
  background-color: #fff5f0;
  border: 1px solid #ff3200;
}

.Selectbox_handler__Gn91N {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  position: absolute;
  width: 100%;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  padding-left: 0.9375rem;
  padding-right: 2.8125rem;
  white-space: nowrap;
  cursor: pointer;
}
.Selectbox_handler__Gn91N::before {
  content: "";
  background-image: url("/static/images/portals/sprite_changeColor/ico_arrow.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 0.9375rem;
  width: 0.875rem;
  height: 10px;
  color: #64787d;
}

.Selectbox_optionList__cWJSK {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: #ffffff;
  z-index: 999;
  position: absolute;
  width: calc(100% + 2px);
  top: 2.5rem;
  margin-left: -1px;
}

.Selectbox_item__Y3ern {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  cursor: pointer;
}
.Selectbox_item__Y3ern:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
.Selectbox_item__Y3ern:hover {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.Selectbox_itemIcon__HTDMX {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
  vertical-align: middle;
}

.Selectbox_itemActive__MOjCk {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Icon/OfferIcon.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OfferIcon_wrapper__Pt576 {
  position: relative;
  height: 1.25rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 1.25rem;
  color: #ffffff;
  border: 1px solid transparent;
}

.OfferIcon_svgStyle__5BBOn {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  overflow: visible;
}

.OfferIcon_iconText__O6pxV {
  padding: 0 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productFinder/ProductCategory.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductCategory_arrow__fKD6l {
  width: 0.875rem;
  height: 0.5625rem;
  color: #64787d;
}

.ProductCategory_itemHolder__z9rTg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem;
  border-bottom: 1px solid #ffffff;
  background-color: #e8e8e8;
  height: 3.4375rem;
}
@media only screen and (min-width: 1280px) {
  .ProductCategory_itemHolder__z9rTg {
    height: 4.1875rem;
  }
}
.ProductCategory_itemHolder__z9rTg:hover, .ProductCategory_itemHolder__z9rTg.ProductCategory_hovered__bAvBS, .ProductCategory_itemHolder__z9rTg.ProductCategory_itemHolderHovered__r_7ur {
  color: #ffffff;
  background-color: #455659;
  cursor: pointer;
}
.ProductCategory_itemHolder__z9rTg:hover .ProductCategory_itemInner__qTbgF, .ProductCategory_itemHolder__z9rTg.ProductCategory_hovered__bAvBS .ProductCategory_itemInner__qTbgF, .ProductCategory_itemHolder__z9rTg.ProductCategory_itemHolderHovered__r_7ur .ProductCategory_itemInner__qTbgF {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
}
.ProductCategory_itemHolder__z9rTg:hover .ProductCategory_arrow__fKD6l, .ProductCategory_itemHolder__z9rTg.ProductCategory_hovered__bAvBS .ProductCategory_arrow__fKD6l, .ProductCategory_itemHolder__z9rTg.ProductCategory_itemHolderHovered__r_7ur .ProductCategory_arrow__fKD6l {
  color: #ffffff;
}

.ProductCategory_itemHolderHovered__r_7ur {
}

.ProductCategory_itemHolder24h__6sRQR {
  color: #ffffff;
  background-color: #187ce0;
}

.ProductCategory_itemHolderGreenline___Poy_ {
  color: #ffffff;
  background-color: #1eb900;
}

.ProductCategory_itemHolderOfficeSupplies__f_arE {
  color: #ffffff;
  background-color: #F5B94B;
}

.ProductCategory_itemHolderIW__Mb4gk {
  color: #ffffff;
  background-color: #187ce0;
}
.ProductCategory_itemHolderIW__Mb4gk:hover {
  background-color: #005a96;
}

.ProductCategory_categoryNameHolder__F93j6 {
  display: inline-flex;
  align-items: center;
}

.ProductCategory_categoryName__2V6M2 {
  margin-right: 0.625rem;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductCategory_offerIcon__NWRMU {
    visibility: hidden !important;
    display: none !important;
  }
}

.ProductCategory_arrow__fKD6l {
  transform: rotate(-90deg);
}
.ProductCategory_arrow__fKD6l:hover {
  cursor: pointer;
}

.ProductCategory_arrow24hAndGreenline__e2rQk {
  color: #ffffff;
}

.ProductCategory_edit__S2aRh {
  width: 1rem;
  height: 1rem;
  fill: #ffffff;
}
.ProductCategory_edit__S2aRh:hover {
  cursor: pointer;
}

.ProductCategory_link__pcFKa:first-child .ProductCategory_itemHolder__z9rTg {
  border-top-left-radius: 1.25rem;
}

.ProductCategory_sample___hP_4 {
  padding: 1.25rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productFinder/ProductLink.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductLink_prodList__jd4CN {
  position: relative;
}

.ProductLink_prodListWrapper___usnZ {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.ProductLink_tile__b6i5r {
  position: relative;
  width: calc(100% / 2 - 2 * 0.0625rem);
  height: 10.1875rem;
  margin: 0.0625rem;
  background-color: #ffffff;
}
@media only screen and (min-width: 501px) {
  .ProductLink_tile__b6i5r {
    width: calc(100% / 3 - 2 * 0.0625rem);
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLink_tile__b6i5r {
    height: 12.4375rem;
  }
}
@media (hover: hover) {
  .ProductLink_tile__b6i5r:hover {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
    transition-duration: 0.2s;
    transform: scale(1.05);
    border-radius: 1.25rem;
    z-index: 20;
    cursor: pointer;
    color: #ff3200;
  }
}
@media (hover: none) {
  .ProductLink_tile__b6i5r:active {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
    transition-duration: 0.2s;
    transform: scale(1.05);
    border-radius: 1.25rem;
    z-index: 20;
    cursor: pointer;
    color: #ff3200;
  }
}

.ProductLink_tileFakeWrapper__pD_e5 {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.ProductLink_offerIcon__SwOIT {
  position: absolute;
  margin-top: 0.625rem;
  margin-left: 0.625rem;
  max-width: calc(100% - (2 * 0.625rem));
}
@media only screen and (min-width: 768px) {
  .ProductLink_offerIcon__SwOIT {
    margin-top: 0.9375rem;
    margin-left: 0.9375rem;
    max-width: calc(100% - (2 * 0.9375rem));
  }
}

.ProductLink_inner__HNJQy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ProductLink_inner__HNJQy {
    padding: 0.3125rem 0.3125rem 1.5625rem;
  }
}

.ProductLink_imgHolder__hUSFD {
  height: 7.5rem;
  width: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .ProductLink_imgHolder__hUSFD {
    height: 9.0625rem;
    width: 9.0625rem;
  }
}

.ProductLink_titel__KyXOK {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  height: 1.5rem;
  text-align: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productFinder/ProductLinkList.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductLinkList_innerWrapper__PhN5F {
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
}

.ProductLinkList_wrapper__kY8Ib {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ProductLinkList_img__XfASL {
  height: 3rem;
  width: 3rem;
  fill: #64787d;
  flex: auto;
}

.ProductLinkList_txt__gfJ2L {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productFinder/ProductLinkFinder.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductLinkFinder_prodList__NVjLT {
  flex: 1 1;
}
@media only screen and (min-width: 768px) {
  .ProductLinkFinder_prodList__NVjLT {
    min-height: calc(5 * 10.1875rem + 5 * (2 * 0.0625rem));
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLinkFinder_prodList__NVjLT {
    min-height: calc(5 * 12.4375rem + 5 * (2 * 0.0625rem));
  }
}

.ProductLinkFinder_prodListWrapper__fDrsm {
}
@media only screen and (min-width: 768px) {
  .ProductLinkFinder_prodListWrapper__fDrsm {
    z-index: 10;
  }
}

@media only screen and (min-width: 1280px) {
  .ProductLinkFinder_tileSize___Ok_H {
    width: calc(100% / 4 - 2 * 0.0625rem - 0.01px);
  }
}

.ProductLinkFinder_tile__x2hL_ {
}
@media only screen and (min-width: 768px) {
  .ProductLinkFinder_tile__x2hL_:last-child {
    border-radius: 1.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ProductLinkFinder_tile__x2hL_:nth-child(3) {
    border-top-right-radius: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLinkFinder_tile__x2hL_:nth-child(4) {
    border-top-right-radius: 1.25rem;
  }
}

.ProductLinkFinder_fakeTileWrapper__1PjN6 {
}

.ProductLinkFinder_fakeTile__t20sx {
}
@media only screen and (max-width: 500px) {
  .ProductLinkFinder_fakeTile__t20sx:nth-child(-n+18) {
    display: none;
  }
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .ProductLinkFinder_fakeTile__t20sx:nth-child(-n+17) {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .ProductLinkFinder_fakeTile__t20sx:last-child {
    border-bottom-right-radius: 1.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .ProductLinkFinder_fakeTile__t20sx:nth-child(n+4):nth-child(-n+8) {
    display: none;
  }
  .ProductLinkFinder_fakeTile__t20sx:nth-child(3) {
    border-top-right-radius: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLinkFinder_fakeTile__t20sx:nth-child(4) {
    border-top-right-radius: 1.25rem;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Startpage/ProductFinder/ProductFinder.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
@media only screen and (max-width: 767px) {
  .ProductFinder_mobileFullWidth__lI5YK {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.ProductFinder_wrapper__q7D_5 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .ProductFinder_wrapper__q7D_5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    flex-wrap: initial;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .ProductFinder_wrapper__q7D_5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
  .ProductFinder_wrapper__q7D_5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ProductFinder_prodNaviWrapper__1PXek {
  /* overflow: hidden; */
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .ProductFinder_prodNaviWrapper__1PXek {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    width: 100%;
    margin-top: 0.625rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) {
  .ProductFinder_prodNaviWrapper__1PXek {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1280px) {
  .ProductFinder_prodNaviWrapper__1PXek {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ProductFinder_prodNaviWrapper__1PXek {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 12.4375rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #e8e8e8;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ProductFinder_prodNaviWrapper__1PXek {
    width: 18rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFinder_prodNaviWrapper__1PXek {
    width: 20.1875rem;
    min-height: 37.625rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/HeaderBanner/HeaderBanner.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.HeaderBanner_background__OnnyB {
  background-color: #f0f0f0;
}

.HeaderBanner_wrapper__Ya102 {
  position: relative;
  min-height: 6.25rem;
  max-width: 1920px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_wrapper__Ya102 {
    height: 10rem;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_wrapper__Ya102 {
    height: 20rem;
  }
}

.HeaderBanner_wrapper2__s17ks {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 78px;
  margin: 0 1.25rem;
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_wrapper2__s17ks {
    min-height: 177px;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_wrapper2__s17ks {
    min-height: 197px;
    margin: 0 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_wrapper2__s17ks {
    min-height: 230px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1680px) {
  .HeaderBanner_wrapper2__s17ks {
    min-height: 306px;
  }
}

.HeaderBanner_imgHolder__CF98w {
  position: absolute;
  height: 100%;
  width: 100%;
}

.HeaderBanner_imgHolder2__0PHIX {
  width: calc((100% / 10 * 10 ) - ( 4 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: absolute;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_imgHolder2__0PHIX {
    width: calc((100% / 10 * 10 ) - ( 4 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_imgHolder2__0PHIX {
    width: calc((100% / 10 * 10 ) - ( 4 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.HeaderBanner_image__piTLd {
  height: 100%;
  object-fit: cover;
}

.HeaderBanner_stickerHolder__PE271 {
  width: calc((100% / 10 * 10 ) - ( 4 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: absolute;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_stickerHolder__PE271 {
    width: calc((100% / 10 * 10 ) - ( 4 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_stickerHolder__PE271 {
    width: calc((100% / 10 * 10 ) - ( 4 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.HeaderBanner_badgeImageWrapper__Aenqq {
  position: absolute;
  left: 120px;
  top: 10px;
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_badgeImageWrapper__Aenqq {
    left: 275px;
    top: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_badgeImageWrapper__Aenqq {
    left: 310px;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_badgeImageWrapper__Aenqq {
    left: 360px;
    top: 25px;
  }
}
@media only screen and (min-width: 1680px) {
  .HeaderBanner_badgeImageWrapper__Aenqq {
    left: 480px;
    top: 30px;
  }
}

.HeaderBanner_badgeImage__vs61z {
  width: 3.4375rem;
  height: auto;
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_badgeImage__vs61z {
    width: 8.125rem;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_badgeImage__vs61z {
    width: 8.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_badgeImage__vs61z {
    width: 10.625rem;
  }
}
@media only screen and (min-width: 1680px) {
  .HeaderBanner_badgeImage__vs61z {
    width: 13.75rem;
  }
}

.HeaderBanner_sealsImageWrapper__y_Ls_ {
  position: absolute;
  top: 10px;
  right: 5px;
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_sealsImageWrapper__y_Ls_ {
    right: 10px;
  }
}
@media only screen and (min-width: 1680px) {
  .HeaderBanner_sealsImageWrapper__y_Ls_ {
    top: 15px;
    right: 15px;
  }
}

.HeaderBanner_sealsImage__BQw97 {
  width: auto;
  height: 2.1875rem;
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_sealsImage__BQw97 {
    height: 5.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_sealsImage__BQw97 {
    height: 6.25rem;
  }
}
@media only screen and (min-width: 1680px) {
  .HeaderBanner_sealsImage__BQw97 {
    height: 8.75rem;
  }
}

.HeaderBanner_textBlockWrapper__KWKby {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 !important;
}

.HeaderBanner_textWrapper__ZDRPY {
  width: calc((100% / 10 * 9 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  padding: 0.625rem 0;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_textWrapper__ZDRPY {
    width: calc((100% / 10 * 9 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_textWrapper__ZDRPY {
    width: calc((100% / 10 * 9 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_textWrapper__ZDRPY {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_textWrapper__ZDRPY {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_textWrapper__ZDRPY {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.HeaderBanner_textWrapper2__ieJPT {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  width: 110px;
  padding: 0.625rem 0;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_textWrapper2__ieJPT {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_textWrapper2__ieJPT {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_textWrapper2__ieJPT {
    width: 260px;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_textWrapper2__ieJPT {
    width: 290px;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_textWrapper2__ieJPT {
    width: 330px;
  }
}
@media only screen and (min-width: 1680px) {
  .HeaderBanner_textWrapper2__ieJPT {
    width: 450px;
  }
}

.HeaderBanner_headline__9ptA4 {
  font-family: meta;
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 1.1428571429;
  letter-spacing: 0.035625rem;
  color: #ff3200;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_headline__9ptA4 {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_headline__9ptA4 {
    font-size: 5em;
    font-weight: bold;
    line-height: 1.1875;
  }
}
@media only screen and (max-width: 500px) {
  .HeaderBanner_headline__9ptA4 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_headline__9ptA4 {
    margin-bottom: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_headline__9ptA4 {
    margin-bottom: 1.25rem;
  }
}

.HeaderBanner_headline2__MOnfS {
  font-family: meta;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.125rem;
  color: #ff3200;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_headline2__MOnfS {
    font-size: 2.1875rem;
    font-weight: bold;
    line-height: 1.1428571429;
  }
}
@media only screen and (min-width: 1024px) {
  .HeaderBanner_headline2__MOnfS {
    font-size: 2.8125rem;
    font-weight: bold;
    line-height: 1.2222222222;
  }
}

.HeaderBanner_headline3__lyBg1 {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.6666666667;
  line-height: 1.1666666667;
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_headline3__lyBg1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_headline3__lyBg1 {
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.1666666667;
    line-height: 1.2222222222;
  }
}
@media only screen and (min-width: 1680px) {
  .HeaderBanner_headline3__lyBg1 {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
    line-height: 1.16;
  }
}

.HeaderBanner_sublineLarge__RqFp1 {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
  color: #ff3200;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_sublineLarge__RqFp1 {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .HeaderBanner_sublineLarge__RqFp1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
  }
}

@media only screen and (max-width: 767px) {
  .HeaderBanner_subline__lLhiE {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_subline__lLhiE {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_subline__lLhiE {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2333333333;
  }
}

.HeaderBanner_sublineSmall__5wakU {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5714285714;
  margin-bottom: 0.625rem 0 0.5625rem 0;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_sublineSmall__5wakU {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .HeaderBanner_sublineSmall__5wakU {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
  }
}

.HeaderBanner_textLarge__Yyevk {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_textLarge__Yyevk {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
  }
}

.HeaderBanner_trustpilotWidget__AWPlY {
  width: calc((100% / 10 * 9 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_trustpilotWidget__AWPlY {
    width: calc((100% / 10 * 9 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_trustpilotWidget__AWPlY {
    width: calc((100% / 10 * 9 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_trustpilotWidget__AWPlY {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .HeaderBanner_trustpilotWidget__AWPlY {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HeaderBanner_trustpilotWidget__AWPlY {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .HeaderBanner_trustpilotWidget__AWPlY {
    margin-top: 2.5rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductFeaturesMenu/ProductFeaturesMenu.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductFeaturesMenu_icon__FONyb {
  width: 0.875rem;
  height: 0.5625rem;
  color: #64787d;
}

.ProductFeaturesMenu_wrapper__IK6jd {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
}

.ProductFeaturesMenu_column__hnuAi {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .ProductFeaturesMenu_column__hnuAi {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFeaturesMenu_column__hnuAi {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ProductFeaturesMenu_column__hnuAi {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFeaturesMenu_column__hnuAi {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ProductFeaturesMenu_coumn1st__ef_Oa {
}
@media only screen and (max-width: 767px) {
  .ProductFeaturesMenu_coumn1st__ef_Oa {
    order: 2;
  }
}

.ProductFeaturesMenu_headline__qdAgl {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ProductFeaturesMenu_headline__qdAgl {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.ProductFeaturesMenu_headlineTablet__X3HMt {
  margin-top: 0.9375rem;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ProductFeaturesMenu_headlineTablet__X3HMt {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFeaturesMenu_headlineTablet__X3HMt {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .ProductFeaturesMenu_headlineTablet__X3HMt {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFeaturesMenu_headlineTablet__X3HMt {
    visibility: hidden !important;
    display: none !important;
  }
}

.ProductFeaturesMenu_listItem__Oef7H {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  min-height: 2rem;
}
.ProductFeaturesMenu_listItem__Oef7H:hover {
  cursor: pointer;
}

.ProductFeaturesMenu_icon__FONyb {
  transform: rotate(-90deg);
  margin-right: 0.625rem;
}
.ProductFeaturesMenu_icon__FONyb:hover {
  cursor: pointer;
}

.ProductFeaturesMenu_column2nd__jh0tw {
}
@media only screen and (max-width: 767px) {
  .ProductFeaturesMenu_column2nd__jh0tw {
    margin-bottom: 1.5625rem;
  }
}

.ProductFeaturesMenu_image__qtjXv {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./app/_app.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.itemWrapper {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}
.itemWrapper > div > section {
  margin-top: initial;
  margin-bottom: initial;
}

blockquote {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.3;
  margin: 2.5rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  blockquote {
    font-size: 1.875rem;
    font-weight: normal;
    line-height: 1.2333333333;
    margin: 3.125rem;
  }
}
@media only screen and (min-width: 1280px) {
  blockquote {
    font-size: 2.1875rem;
    font-weight: normal;
    line-height: 1.2285714286;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/TutorialTips/TutorialTip.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TutorialTip_wrapper__6wAMq {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  background-color: #ffffff;
  border-radius: 0.3125rem;
  position: absolute;
  background-color: #187ce0;
  padding: 0.625rem 2.5rem 0.625rem 0.9375rem;
  color: #ffffff;
  text-align: left;
  width: max-content;
  max-width: 21.875rem;
  z-index: 1;
  cursor: pointer;
}
@media only screen and (max-width: calc(21.875rem + 40px )) {
  .TutorialTip_wrapper__6wAMq {
    max-width: calc(100vw - 40px);
  }
}

.TutorialTip_content__ebp6L {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.3;
}

.TutorialTip_highlighted__gL1K_ {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  height: 1.25rem;
  margin-right: 0.625rem;
  padding: 0 0.625rem;
  border-radius: 1.25rem;
  border: 1px solid #ffffff;
  color: #ffffff;
  line-height: 1.3;
  text-transform: uppercase;
}

.TutorialTip_closeTip__A_Spy {
  position: absolute;
  display: flex;
  right: 0.9375rem;
  top: 0.9375rem;
  width: 0.625rem;
  height: 0.625rem;
}

.TutorialTip_closeTipIcon__UFkwZ {
  width: 0.625rem;
  height: 0.625rem;
  fill: #ffffff;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/TutorialTips/TutorialTipPositions.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TutorialTipPositions_bottom___rHrG {
  bottom: -0.25rem;
  left: 50%;
  transform: translate(-50%, calc(100% + 11px));
}
.TutorialTipPositions_bottom___rHrG::after {
  content: "";
  position: absolute;
  height: 13px;
  width: 11px;
  background-image: url("/static/images/portals/no_sprite/tutorialTip_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%) rotate(270deg);
}

.TutorialTipPositions_bottomRight__FSiYq {
  right: 0;
  bottom: -0.25rem;
  transform: translateY(calc(100% + 11px));
}
.TutorialTipPositions_bottomRight__FSiYq::after {
  content: "";
  position: absolute;
  height: 13px;
  width: 11px;
  background-image: url("/static/images/portals/no_sprite/tutorialTip_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  right: 0.4375rem;
  transform: translateY(-100%) rotate(270deg);
}

.TutorialTipPositions_bottomLeft__4NGPD {
  left: 0;
  bottom: -0.25rem;
  transform: translateY(calc(100% + 11px));
}
.TutorialTipPositions_bottomLeft__4NGPD::after {
  content: "";
  position: absolute;
  height: 13px;
  width: 11px;
  background-image: url("/static/images/portals/no_sprite/tutorialTip_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 0.4375rem;
  transform: translateY(-100%) rotate(270deg);
}

.TutorialTipPositions_top__PuSUx {
  top: -0.25rem;
  left: 50%;
  transform: translate(-50%, calc(-1 * calc(100% + 11px)));
}
.TutorialTipPositions_top__PuSUx::after {
  content: "";
  position: absolute;
  height: 13px;
  width: 11px;
  background-image: url("/static/images/portals/no_sprite/tutorialTip_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 2px;
  left: 50%;
  transform: translate(-50%, 100%) rotate(90deg);
}

.TutorialTipPositions_right__MVhOV {
  right: -0.25rem;
  top: 50%;
  transform: translate(calc(100% + 11px), -50%);
}
.TutorialTipPositions_right__MVhOV::after {
  content: "";
  position: absolute;
  height: 13px;
  width: 11px;
  background-image: url("/static/images/portals/no_sprite/tutorialTip_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  left: 2px;
  top: 50%;
  transform: translate(-100%, -50%) scale(-1, 1);
}

.TutorialTipPositions_left__1uNZq {
  left: -0.25rem;
  top: 50%;
  transform: translate(calc(-1 * calc(100% + 11px)), -50%);
}
.TutorialTipPositions_left__1uNZq::after {
  content: "";
  position: absolute;
  height: 13px;
  width: 11px;
  background-image: url("/static/images/portals/no_sprite/tutorialTip_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: 2px;
  top: 50%;
  transform: translate(100%, -50%);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/TutorialTips/TutorialTipMaxWidths.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TutorialTipMaxWidths_ttipMelibo__PDUG8 {
  max-width: calc(100vw - 95px) !important;
}
@media only screen and (min-width: 600px) {
  .TutorialTipMaxWidths_ttipMelibo__PDUG8 {
    max-width: 30rem !important;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/PriceMatrix/PriceMatrix.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.PriceMatrix_tableWrapper__JCbUH {
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 1279px) {
  .PriceMatrix_tableWrapper__JCbUH {
    overflow-x: scroll;
  }
}

.PriceMatrix_table__NwIP6 {
  border-collapse: collapse;
  table-layout: fixed;
  background-color: white;
  text-align: center;
}
@media only screen and (min-width: 501px) {
  .PriceMatrix_table__NwIP6 {
    width: 100%;
  }
}

.PriceMatrix_tableHead__es3MC {
  height: 2.125rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1875;
  vertical-align: top;
  padding: 0.5rem;
}

.PriceMatrix_tableRow__v5nB5:nth-child(2n+1) {
  background-color: #f0f0f0;
}

.PriceMatrix_tableCell__hiqBG {
  height: 2.125rem;
  width: 20%;
  padding: 0 0.5rem;
  word-break: break-word;
}
.PriceMatrix_tableCell__hiqBG:hover {
  border-radius: 1.25rem;
  box-shadow: inset 0 0 0 0.125rem #187ce0;
  border-color: transparent;
  cursor: pointer;
}
.PriceMatrix_tableCell__hiqBG[data-selected] {
  border-radius: 1.25rem;
  box-shadow: inset 0 0 0 0.125rem #187ce0;
  border-color: transparent;
}
@media only screen and (max-width: 767px) {
  .PriceMatrix_tableCell__hiqBG {
    min-width: 6.875rem;
  }
}
.PriceMatrix_tableCell__hiqBG:not(:last-of-type) {
  border-right: 1px solid white;
}
.PriceMatrix_tableCell__hiqBG:hover .PriceMatrix_tableCellText__pEs2f {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.PriceMatrix_tableCellQuantity__31KMC {
  border-right: 1px solid white;
}

.PriceMatrix_tableCellText__pEs2f {
  display: inline;
}

.PriceMatrix_loadMoreInactive__MhB_v {
  color: #cecece;
}

.PriceMatrix_arrowBasics__JMDtP {
  width: 0.75rem;
  height: 0.5rem;
  margin-left: 0.5rem;
}

.PriceMatrix_arrow__Blpp7 {
  color: #64787d;
}

.PriceMatrix_arrowInactive__9SZRb {
  color: #cecece;
}

.PriceMatrix_choiceWrapper__Khq_W {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1279px) {
  .PriceMatrix_choiceWrapper__Khq_W {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1279px) {
  .PriceMatrix_showMoreButton__mXIWb {
    order: 1;
    width: 100%;
    margin-bottom: 1.25rem;
  }
}

.PriceMatrix_radioGroupWrapper__GFWuP {
  display: flex;
  flex-direction: row;
  border: none;
  padding: 0;
}
@media only screen and (max-width: 500px) {
  .PriceMatrix_radioGroupWrapper__GFWuP {
    flex-direction: column;
  }
}

@media only screen and (max-width: 1279px) {
  .PriceMatrix_firstRadiogroup__5_2uH {
    order: 2;
    width: 50%;
  }
}

@media only screen and (max-width: 1279px) {
  .PriceMatrix_secondRadiogroup__hk036 {
    order: 3;
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .PriceMatrix_secondRadiogroup__hk036 {
    display: flex;
    justify-content: flex-end;
  }
}

.PriceMatrix_tooltip__flCp7 {
  max-width: unset !important;
}

.PriceMatrix_probability__CvzS1 {
  margin: 0.625rem 0;
}

.PriceMatrix_probabilityGraphic__PzZQt {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 1.25rem;
  height: 2.5rem;
  overflow: hidden;
  margin-bottom: 0.625rem;
  background-color: #ffb000;
}

.PriceMatrix_graphicMin__LFCbP {
  background-color: #8edc7f;
}

.PriceMatrix_graphicLikely__pLTNu {
  background-color: #1eb900;
}

.PriceMatrix_graphicMax__SDYyJ {
  background-color: #ff987f;
}

.PriceMatrix_probabilityLegend__YRcZY {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5714285714;
  display: flex;
  justify-content: space-between;
  gap: 0 1.25rem;
  text-align: center;
}

.PriceMatrix_legendItem__K69UL {
  flex: initial;
  white-space: nowrap;
}
.PriceMatrix_legendItem__K69UL:first-of-type, .PriceMatrix_legendItem__K69UL:last-of-type {
  white-space: nowrap;
}

.PriceMatrix_tooltipTextWrapper__bVGQh {
  max-width: 25rem;
}

.PriceMatrix_priceLoadingSpinnerWrapper__JmwSW {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  .PriceMatrix_priceLoadingSpinnerWrapper__JmwSW {
    height: 9.375rem;
  }
}
@media only screen and (min-width: 1024px) {
  .PriceMatrix_priceLoadingSpinnerWrapper__JmwSW {
    flex: 1 1;
    min-height: 12.5rem;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/RadioButton/RadioButtonCol.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RadioButtonCol_wrapper___Y8nb {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: none;
  padding: 0;
}

.RadioButtonCol_optionWrapper__zRU61 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 1.5rem;
}

.RadioButtonCol_option__zqcJg {
  display: flex;
  align-items: center;
}

.RadioButtonCol_input__LQ1P4 {
  position: absolute;
  opacity: 0;
  z-index: 1;
  height: 0.875rem;
  width: 0.875rem;
  cursor: pointer;
}
.RadioButtonCol_input__LQ1P4:checked ~ .RadioButtonCol_radiobutton__kWNh9::after {
  content: "";
  position: absolute;
  width: calc(0.875rem - 0.375rem);
  height: calc(0.875rem - 0.375rem);
  background-color: #64787d;
  border-radius: 50%;
}
.RadioButtonCol_input__LQ1P4:disabled {
  cursor: default;
}
.RadioButtonCol_input__LQ1P4:disabled ~ .RadioButtonCol_label__L8Ed0 {
  cursor: default;
}
.RadioButtonCol_input__LQ1P4:disabled ~ .RadioButtonCol_radiobutton__kWNh9 {
  background-color: #cecece;
}

.RadioButtonCol_radiobutton__kWNh9 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.875rem;
  width: 0.875rem;
  margin-top: -0.0625rem;
  border-radius: 50%;
  border: 1px solid #cecece;
  background-color: #ffffff;
}

.RadioButtonCol_label__L8Ed0 {
  margin-left: 1.125rem;
  cursor: pointer;
}

.RadioButtonCol_legend__RQqB9 {
  display: none;
}

.RadioButtonCol_error__uztVc {
  border: 1px solid #ff3200;
  background-color: #fff5f0;
}

.RadioButtonCol_additionalElementsWrapper__toKpG {
  display: flex;
  align-items: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/RadioButton/RadioButtonRow.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RadioButtonRow_wrapper__oOtkL {
  display: flex;
  flex-direction: row;
  border: none;
  padding: 0;
}

.RadioButtonRow_optionWrapper__1fwPA {
  margin-right: 1.25rem;
}

.RadioButtonRow_option__iEu_j {
}

.RadioButtonRow_input__BX65d {
}

.RadioButtonRow_radiobutton__oX3C5 {
}

.RadioButtonRow_label__LytCr {
}

.RadioButtonRow_error__52w37 {
}

.RadioButtonRow_legend__Fmzuq {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductCard/ChangeDisplayPriceModal.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ChangeDisplayPriceModal_line__xxH42 {
  margin-bottom: 1.25rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShareLinks/ShareLinks.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShareLinks_menuContent__3__ta {
  display: inline-block;
}

.ShareLinks_menu__w0FM9 {
  padding: 0.4375rem 0;
}

.ShareLinks_menuItem__CIbkK {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  display: flex;
  align-items: center;
  height: 2.1875rem;
  white-space: nowrap;
  cursor: pointer;
}
.ShareLinks_menuItem__CIbkK:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.ShareLinks_menuText__M_6h6 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  margin-left: 0.625rem;
}

.ShareLinks_wrapper__G3YyI {
  display: flex;
}

.ShareLinks_img__QAYkr {
  width: 1.125rem;
  height: 1.125rem;
  color: #64787d;
  fill: #64787d;
}
.ShareLinks_img__QAYkr:hover {
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/EnlargeProductMockup/EnlargeProductMockup.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.EnlargeProductMockup_button__7cM5G {
  display: inline-flex;
}

.EnlargeProductMockup_btnIcon__d5coZ {
  width: 1.125rem;
  height: 1.125rem;
  fill: #cecece;
}
.EnlargeProductMockup_btnIcon__d5coZ:hover {
  cursor: pointer;
}
.EnlargeProductMockup_btnIcon__d5coZ:hover {
  fill: #187ce0;
}

.EnlargeProductMockup_wrapper__qH6Ko {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.EnlargeProductMockup_imgWrapper__z6U0_ {
  position: relative;
  text-align: center;
  align-items: flex-start;
  width: 100%;
}
.EnlargeProductMockup_imgWrapper__z6U0_ img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductCard/ProductSummary.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductSummary_arrowOpen__t3jM4, .ProductSummary_arrowClose__WnQr7 {
  width: 0.875rem;
  height: 0.5625rem;
  color: #64787d;
}

.ProductSummary_item__9IXl5 {
  border-bottom: 1px solid #cecece;
  padding: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .ProductSummary_item__9IXl5 {
    border-bottom: unset;
  }
}

.ProductSummary_itemDisabled__Bm4EY {
  color: #cecece;
}

.ProductSummary_mockupItem__MTe9F {
  background-color: #ffffff;
}

.ProductSummary_headline__RY5UD {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.25rem 1.25rem;
  background-color: #e8e8e8;
}

.ProductSummary_imgWrapper__AY4AQ {
  position: relative;
  display: flex;
  justify-content: center;
}

.ProductSummary_productImage__wPIuB {
  height: auto;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .ProductSummary_productImage__wPIuB {
    height: 15.625rem;
  }
}
.ProductSummary_productImage__wPIuB img {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .ProductSummary_enlargeWrapper__Mq1az {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    max-height: 100%;
    padding: 0.3125rem;
    background-color: #ffffff;
    border: 1px solid #cecece;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1280px) {
  .ProductSummary_enlargeWrapper__Mq1az {
    width: 0;
    height: 0;
  }
}

.ProductSummary_zoomImgWrapper__l9FQe {
  position: absolute;
  display: inline-flex;
  right: 0.3125rem;
  bottom: 0.3125rem;
}

.ProductSummary_productName__Jb6Z1 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.ProductSummary_propsList__WKOd9 {
  list-style-type: disc;
  margin-left: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .ProductSummary_propsList__WKOd9 {
    list-style-type: none;
    margin-left: 1.875rem;
  }
}

.ProductSummary_lineWithBadge__2xfct {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0 0.625rem;
}

.ProductSummary_lineBadgesWrapper__CpgKI {
  display: inline-flex;
  align-items: center;
}

.ProductSummary_propsListImg__0_w06 {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 0.3125rem -0.1875rem;
  color: #64787d;
  fill: #64787d;
}

.ProductSummary_mobilePropsWrapper___opmq {
  display: flex;
}

.ProductSummary_collapseHandler__McI77 {
  margin-left: 0.625rem;
}

.ProductSummary_titleContainer__CUCbi {
  display: flex;
  align-items: center;
}

.ProductSummary_arrow__I0KaC:hover {
  color: #ffffff;
}

.ProductSummary_arrowClose__WnQr7 {
  transform: rotate(-90deg);
  margin-right: 0.3125rem;
}
.ProductSummary_arrowClose__WnQr7:hover {
  cursor: pointer;
}

.ProductSummary_arrowOpen__t3jM4 {
  margin-right: 0.3125rem;
}
.ProductSummary_arrowOpen__t3jM4:hover {
  cursor: pointer;
}

.ProductSummary_loadingSpinnerWrapper__wL9D5 {
  height: 12.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/ConfigurationSelector.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfigurationSelector_fieldGroupHeadline__UxyvK {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #64787d;
  padding-top: calc(0.9375rem - 0.625rem);
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width: 1280px) {
  .ConfigurationSelector_fieldGroupHeadline__UxyvK {
    padding-top: calc(1.25rem - 0.625rem);
    padding-bottom: 1.25rem;
  }
}

.ConfigurationSelector_promptWrapper__NEKKU {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ConfigurationSelector_props__2gi_R {
  display: flex;
  align-items: center;
  width: 100%;
}

.ConfigurationSelector_specialPromptWrapper__auTZE {
  display: flex;
}
@media only screen and (max-width: 500px) {
  .ConfigurationSelector_specialPromptWrapper__auTZE {
    flex-wrap: wrap;
    justify-content: end;
  }
}
.ConfigurationSelector_specialPromptWrapper__auTZE > :nth-child(2) {
  margin-left: 0.5rem;
}

.ConfigurationSelector_formLine__khi6a {
  justify-content: space-between;
}

.ConfigurationSelector_formElementWrapper__scXvt {
  display: flex;
  width: calc(100% - 1.125rem - 0.625rem);
}
@media only screen and (max-width: 500px) {
  .ConfigurationSelector_formElementWrapper__scXvt {
    flex-wrap: wrap;
  }
}

.ConfigurationSelector_formLineDisabled__X7gvu {
  opacity: 0.4;
}

.ConfigurationSelector_tooltipHolder__2WoaN {
  margin-top: -0.625rem;
}

.ConfigurationSelector_arrow__8RLme {
  width: 0.9375rem;
  height: 0.625rem;
  margin-right: 0.625rem;
}

.ConfigurationSelector_arrowBig__xJ5rp {
  width: 2.5rem;
}

.ConfigurationSelector_wrapperWithArrow__Fv_cR {
  display: flex;
  align-items: center;
}

.ConfigurationSelector_arrowInInputWrapper__lJSNb {
  text-indent: calc(0.9375rem + 0.625rem);
}

.ConfigurationSelector_arrowBigInInputWrapper__ty29Z {
  text-indent: calc(2.5rem + 0.625rem);
}

.ConfigurationSelector_arrowInInputErrorWrapper__SsyA6 {
  text-indent: calc(0.9375rem + 0.625rem);
}

.ConfigurationSelector_arrowBigInInputErrorWrapper__VC8tv {
  text-indent: calc(2.5rem + 0.625rem);
}

.ConfigurationSelector_arrowInInput__fbYKZ {
  position: absolute;
  align-self: flex-start;
  margin-left: 0.9375rem;
  margin-top: 0.9375rem;
}

.ConfigurationSelector_arrowBigInInput__yx5bm {
  position: absolute;
  align-self: flex-start;
  margin-left: 0.9375rem;
  margin-top: 0.9375rem;
}

.ConfigurationSelector_offerIconWrapper__Z2ywg {
  display: flex;
  margin-left: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .ConfigurationSelector_offerIconWrapper__Z2ywg {
    flex: 1 1;
    justify-content: flex-end;
  }
}

.ConfigurationSelector_offerIcon__ROSL_:not(:first-of-type) {
  margin-left: 0.3125rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductCard/SavingSubscription.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SavingSubscription_wrapper__8ubP8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
  border: 3px solid #187ce0;
  border-radius: 1.25rem;
  margin-top: 1.5625rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .SavingSubscription_wrapper__8ubP8 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.SavingSubscription_icon__XgtKT {
  width: 4.375rem;
  height: 4.375rem;
  color: #187ce0;
}

.SavingSubscription_innerWrapper__WyVgZ {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.SavingSubscription_subhead__j1Ubp {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}

.SavingSubscription_optionWrapper__NMscg {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.SavingSubscription_optionDiscount__bVQIk {
  margin-left: 0.25rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/Modals/ProductRenameModal/ProductRenameModal.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductRenameModal_text__vNXfp {
  margin-bottom: 0.625rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/ShoppingCartGeneral.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ShoppingCartGeneral_separationLine__jPTzf {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartGeneral_separationLine__jPTzf {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShoppingCartGeneral_separationLine__jPTzf {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1023px) {
  .ShoppingCartGeneral_separationLine__jPTzf {
    border-bottom: 1px solid #cecece;
    padding-bottom: 1.5625rem;
  }
}

.ShoppingCartGeneral_generalItem__XlNou {
  margin-bottom: 1.25rem;
}

.ShoppingCartGeneral_generalItem2__xJiTi {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.ShoppingCartGeneral_generalItemInner__USJLS {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartGeneral_generalItemInner__USJLS {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShoppingCartGeneral_generalItemInner__USJLS {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ShoppingCartGeneral_subHead__2C5i1 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartGeneral_subHead__2C5i1 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShoppingCartGeneral_subHead__2C5i1 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ShoppingCartGeneral_subHead__2C5i1 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1279px) {
  .ShoppingCartGeneral_subHead__2C5i1 {
    margin-bottom: 0.9375rem;
  }
}

.ShoppingCartGeneral_generalItemCheck__2t2PH {
  margin-top: 0.625rem;
}

.ShoppingCartGeneral_generalItemInnerCheck__cneEM {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartGeneral_generalItemInnerCheck__cneEM {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShoppingCartGeneral_generalItemInnerCheck__cneEM {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ShoppingCartGeneral_tooltipHolder__zxqBl {
  margin-left: 0.375rem;
  display: flex;
  margin-top: 0.375rem;
}

.ShoppingCartGeneral_tooltipButton__klDGr {
  display: flex;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: -0.0625rem;
}

.ShoppingCartGeneral_toolTipIcon__AACmj {
  width: 0.875rem;
  height: 0.875rem;
  fill: #64787d;
}
.ShoppingCartGeneral_toolTipIcon__AACmj:hover {
  color: #187ce0;
  fill: #187ce0;
}

.ShoppingCartGeneral_additionalElementsWrapper__W1hKD {
  display: flex;
  align-items: center;
}

.ShoppingCartGeneral_generalLink__iIhFy {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  color: #64787d;
}

.ShoppingCartGeneral_prodOptionWrapper__OaQFl {
  display: flex;
}
@media only screen and (min-width: 501px) {
  .ShoppingCartGeneral_prodOptionWrapper__OaQFl {
    margin-left: calc(5.625rem + 1.25rem);
  }
}
@media only screen and (min-width: 1024px) {
  .ShoppingCartGeneral_prodOptionWrapper__OaQFl {
    margin-left: initial;
  }
}
@media only screen and (min-width: 1280px) {
  .ShoppingCartGeneral_prodOptionWrapper__OaQFl {
    margin-left: calc(6.875rem + 1.25rem);
  }
}

.ShoppingCartGeneral_editButton__QzfXM {
  width: 1.125rem;
  height: 1.125rem;
  color: #64787d;
  fill: #64787d;
}
.ShoppingCartGeneral_editButton__QzfXM:hover {
  cursor: pointer;
}

.ShoppingCartGeneral_price__oFl_D {
  white-space: nowrap;
}

.ShoppingCartGeneral_productOptionLabel__pSgPZ {
  margin-right: 0.625rem;
}

.ShoppingCartGeneral_prodSubOptionWrapper__qJC6i {
  display: flex;
  margin-left: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .ShoppingCartGeneral_prodSubOptionWrapper__qJC6i {
    margin-left: calc(5.625rem + 2.5rem);
  }
}
@media only screen and (min-width: 1024px) {
  .ShoppingCartGeneral_prodSubOptionWrapper__qJC6i {
    margin-left: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShoppingCartGeneral_prodSubOptionWrapper__qJC6i {
    margin-left: calc(6.875rem + 2.5rem);
  }
}

.ShoppingCartGeneral_expressCheckoutWrapper__jbjHZ .ShoppingCartGeneral_generalItem__XlNou {
  margin-bottom: 1.5625rem;
}
.ShoppingCartGeneral_expressCheckoutWrapper__jbjHZ .ShoppingCartGeneral_subHead__2C5i1 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 0;
}
.ShoppingCartGeneral_expressCheckoutWrapper__jbjHZ .ShoppingCartGeneral_generalItemInner__USJLS {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/Modals/deliveryNoteLayer/deliveryNoteBody.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.deliveryNoteBody_text__myGNc {
  margin-bottom: 1.25rem;
}

.deliveryNoteBody_textareaWrapper___2g_z {
  display: flex;
  height: 8.125rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/Modals/NumberingLayer.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NumberingLayer_textWrapper__HGfVW {
  margin-bottom: 1.25rem;
}

.NumberingLayer_formWrapper__tq7LI {
  margin-bottom: -0.625rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/ShoppingCart/ClimateNeutralPrintWrapper.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ClimateNeutralPrintWrapper_link__eWg17 {
  display: inline-flex;
  margin-top: 0.3125rem;
  margin-bottom: 0.5rem;
  text-decoration: underline;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/Modals/ClimateNeutralPrint/ClimateNeutralPrintBody.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ClimateNeutralPrintBody_block__JrQbU {
  margin-bottom: 1.25rem;
}

.ClimateNeutralPrintBody_highlightText__7OxqQ {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.ClimateNeutralPrintBody_subline__qT9Hy {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/TooltipContent.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TooltipContent_wrapperWithImg__fa1hc {
  display: flex;
  margin-top: 0.625rem;
}

.TooltipContent_img__LrJz3 {
  flex: 1 1;
  margin-right: 0.75rem;
}

.TooltipContent_text__dF15Y {
  flex: 2 1;
}

.TooltipContent_image__j0gpo {
  margin: 0.625rem 0;
  height: auto;
}

.TooltipContent_icon__IB3sh {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.375rem;
}

.TooltipContent_textLink__myOdY {
  text-decoration: underline;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/PrintDataPreview/PrintDataPreview.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.PrintDataPreview_wrapper__4xgiS {
  padding: 1.25rem;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #fafafa;
  overflow: hidden;
}
@media only screen and (min-width: 1280px) {
  .PrintDataPreview_wrapper__4xgiS {
    padding: 2.5rem 1.25rem;
  }
}

.PrintDataPreview_imgDataHolder__XmHVH {
  position: relative;
  display: flex;
  justify-content: center;
  max-height: 50vh;
  padding: 0.9375rem 0.9375rem;
}

.PrintDataPreview_imgPosition__PGBNz {
  display: flex;
  justify-content: center;
}

.PrintDataPreview_img__4peN0 {
  position: relative;
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/FileViewer/FileViewer.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.FileViewer_selectDataWrapper__Y9Cdp {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .FileViewer_selectDataWrapper__Y9Cdp {
    margin-bottom: 0.9375rem;
  }
}

.FileViewer_selectDataItem__qPsEd {
  width: calc(100% / 10 * 10);
}
@media only screen and (min-width: 1280px) {
  .FileViewer_selectDataItem__qPsEd {
    width: calc(100% / 10 * 5);
  }
}

.FileViewer_selectDataLeftCol__P0VOD {
}
@media only screen and (min-width: 1280px) {
  .FileViewer_selectDataLeftCol__P0VOD {
    padding-right: 1.25rem;
  }
}

.FileViewer_selectDataRightCol__lXqdc {
}
@media only screen and (min-width: 1280px) {
  .FileViewer_selectDataRightCol__lXqdc {
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 1279px) {
  .FileViewer_selectDataRightCol__lXqdc {
    margin-top: 0.625rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/PaginationForModal/PaginationForModal.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.PaginationForModal_wrapper__aY_O_ {
  width: 100%;
  z-index: 1000;
}

.PaginationForModal_li__5VWMp {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .PaginationForModal_li__5VWMp {
    justify-content: center;
  }
}
@media only screen and (min-width: 1280px) {
  .PaginationForModal_li__5VWMp {
    margin-top: 1.875rem;
  }
}

.PaginationForModal_arrowWrapper__wFf2V {
  display: flex;
}

.PaginationForModal_arrowBase__k6ld2 {
  width: 0.375rem;
  height: 0.625rem;
  margin: 0.625rem;
  cursor: pointer;
}
.PaginationForModal_arrowBase__k6ld2:hover {
  color: #187ce0;
  fill: #187ce0;
}

.PaginationForModal_arrow__L86yR {
  fill: #282828;
}

.PaginationForModal_arrowInactive__6YbM1 {
  fill: #cecece;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/EcomPayCorrectionInput.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.EcomPayCorrectionInput_inputWrapper__EBi5C {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem;
  margin-bottom: -0.625rem;
}
@media only screen and (min-width: 768px) {
  .EcomPayCorrectionInput_inputWrapper__EBi5C {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .EcomPayCorrectionInput_inputWrapper__EBi5C {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.EcomPayCorrectionInput_productInputWrapper__PLB5X {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem;
}

.EcomPayCorrectionInput_subHead__mM_dE {
  margin: 0;
  margin-top: 0.9375rem;
}

.EcomPayCorrectionInput_icon__JGGu4 {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-left: 0.3125rem;
  fill: #1eb900;
}

.EcomPayCorrectionInput_button__sC7Ka {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  height: 2.5rem;
  margin-left: 1.25rem;
  color: #64787d;
}

.EcomPayCorrectionInput_disabledButton__1MsHG {
  color: #cecece;
}

.EcomPayCorrectionInput_separationLine__ioBNW {
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ContextMenu/ContextMenu.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContextMenu_contextMenuIcon__esPKw {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  color: #64787d;
  fill: #64787d;
}
.ContextMenu_contextMenuIcon__esPKw:hover {
  cursor: pointer;
}

.ContextMenu_wrapper__UVJ24 {
  position: relative;
  margin-top: -0.375rem;
}

.ContextMenu_promptWrapper__E9tp_ {
  height: 1.25rem;
  font-family: serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.03125rem;
  color: #64787d;
}

.ContextMenu_promptWrapperActive__5ZdgP {
  color: #187ce0;
}

.ContextMenu_menu__Xeeco {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  background-color: #ffffff;
  border-radius: 0.3125rem;
  right: 0;
  padding: 0.4375rem 0;
  z-index: 10;
  top: 2.375rem;
  max-width: 90vw;
}
.ContextMenu_menu__Xeeco::before {
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  width: 0.8125rem;
  height: 0.6875rem;
  transform: rotate(-180deg) scaleX(-1);
  top: -0.5625rem;
  right: 0.375rem;
  background-image: url("/static/images/portals/sprite_trueColor/tooltip-arrow.svg");
  background-size: contain;
}
.ContextMenu_menu__Xeeco::after {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% + 1rem);
  top: 0;
}

.ContextMenu_menuItem__VPgkw {
  display: flex;
  align-items: center;
  height: 2.1875rem;
  white-space: nowrap;
}

.ContextMenu_menuItemLink__n8BME {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.ContextMenu_menuItemLink__n8BME:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
.ContextMenu_menuItemLink__n8BME[disabled] {
  color: #ababab;
}
.ContextMenu_menuItemLink__n8BME[disabled] svg {
  fill: #ababab;
  color: #ababab;
}

.ContextMenu_button__Z1SnC {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.ContextMenu_button__Z1SnC:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
.ContextMenu_button__Z1SnC[disabled] {
  color: #ababab;
}
.ContextMenu_button__Z1SnC[disabled] svg {
  fill: #ababab;
  color: #ababab;
}

.ContextMenu_menuText__oZmGS {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  margin-left: 0.625rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/ProductList.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
@media only screen and (max-width: 1023px) {
  .ProductList_productListWrapper__hbndk {
    margin-bottom: 1.5625rem;
  }
}

.ProductList_title__M0IMH {
}

.ProductList_listItem__7tw5M {
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 1279px) {
  .ProductList_listItem__7tw5M:not(:last-of-type) {
    border-bottom: 1px solid #cecece;
    padding-bottom: 1.5625rem;
  }
}

.ProductList_itemWrapper__fRYuH {
  position: relative;
  display: flex;
  margin-bottom: 0.625rem;
}

.ProductList_enlargeWrapper__CzZEj {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.625rem;
  height: 5.625rem;
  max-height: 100%;
  padding: 0.3125rem;
  background-color: #ffffff;
  border: 1px solid #cecece;
  margin-top: 0.3125rem;
}
@media only screen and (min-width: 1280px) {
  .ProductList_enlargeWrapper__CzZEj {
    width: 6.875rem;
    height: 6.875rem;
  }
}

.ProductList_zoomImgWrapper__3wp7d {
  position: absolute;
  display: inline-flex;
  right: 0.3125rem;
  bottom: 0.3125rem;
}

.ProductList_properties__HGhW6 {
  flex: auto;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .ProductList_properties__HGhW6 {
    margin-right: unset;
  }
}

.ProductList_propertyName__30Wlb {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 1024px) {
  .ProductList_propertyName__30Wlb {
    padding-right: 1.875rem;
  }
}

.ProductList_propertyNameEdit__n4Pn8 {
  display: inline-flex;
}

.ProductList_propertyNameButton__P9LMQ {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.125rem 0 0 0.625rem;
}
.ProductList_propertyNameButton__P9LMQ:hover {
  cursor: pointer;
}

.ProductList_propertyNameIcon__mRR5A {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  color: #64787d;
  fill: #64787d;
  cursor: pointer;
}
.ProductList_propertyNameIcon__mRR5A:hover {
  cursor: pointer;
}

.ProductList_priceInside__U_fSY {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductList_priceInside__U_fSY {
    display: none;
  }
}

.ProductList_priceOutside__ntvzA {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductList_priceOutside__ntvzA {
    display: block;
    padding-left: 0.625rem;
    white-space: nowrap;
    margin-top: 1.6875rem;
    text-align: left;
  }
}

.ProductList_showMoreLink__9VXM_ {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #64787d;
}

.ProductList_rightWrapper__EUEgq {
  text-align: right;
}
@media only screen and (min-width: 1024px) {
  .ProductList_rightWrapper__EUEgq {
    position: absolute;
    right: 0;
  }
}

.ProductList_contextMenuHolder___N4qB {
  display: flex;
  justify-content: flex-end;
}

.ProductList_wishListIcon__ot91N {
  width: 1.125rem;
  height: 1.125rem;
  color: #64787d;
  fill: #64787d;
  margin-right: 0.625rem;
}

.ProductList_contextMenuIcon__3QWSc {
}

.ProductList_button__29VDK {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ProductList_button__29VDK {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductList_button__29VDK {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .ProductList_button__29VDK {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .ProductList_button__29VDK {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductList_button__29VDK {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ProductList_button__29VDK {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductList_button__29VDK {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/AddressBook/AddressBookList.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.AddressBookList_settings__6w2_A {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  margin-bottom: 3.125rem;
}
@media only screen and (min-width: 768px) {
  .AddressBookList_settings__6w2_A {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AddressBookList_settings__6w2_A {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.AddressBookList_search__XUH4W {
  flex: auto;
  position: relative;
}

.AddressBookList_view__Y_6RG {
  flex: initial;
  align-self: center;
  display: inline-flex;
  flex-wrap: nowrap;
  margin-left: 1.25rem;
}

.AddressBookList_button__mEHLQ:first-of-type {
  margin-right: 0.9375rem;
}

.AddressBookList_btnIcon__PuTEK {
  width: 1.5rem;
  height: 1.5rem;
  color: #64787d;
  fill: #64787d;
}
.AddressBookList_btnIcon__PuTEK:hover {
  cursor: pointer;
}
.AddressBookList_btnIcon__PuTEK[active] {
  color: #187ce0;
  fill: #187ce0;
}

.AddressBookList_defaultAddress__gWUfW {
  flex: 0 1;
  display: inline-flex;
  margin-right: 1.5625rem;
}

.AddressBookList_defaultAddressLine__D9lKi {
  min-width: 8.125rem;
  align-items: center;
}

.AddressBookList_defaultAddressText__U_WH0 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-left: 0.375rem;
}

.AddressBookList_defaultAddressIcon__NoFXe {
  width: 1.25rem;
  height: 1.25rem;
}
.AddressBookList_defaultAddressIcon__NoFXe:hover {
  cursor: pointer;
}

.AddressBookList_logoLine__RD4PM {
  width: 100%;
}

.AddressBookList_logo__yvjvt {
  height: 1.9375rem;
  width: 4.8125rem;
  margin-right: 0.9375rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/DataSelect/DataSelect.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DataSelect_list__v4H58 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5625rem 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .DataSelect_list__v4H58 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1280px) {
  .DataSelect_list__v4H58 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.DataSelect_active__WYPLG {
  background-color: #f0f0f0;
}

.DataSelect_addIcon__378rL {
  width: 2.125rem;
  height: 2.125rem;
  fill: #455659;
}

.DataSelect_addTxt__Rk_Gx {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/DataSelect/DataSelectLines.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.DataSelectLines_card__bTc89 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding: 1.25rem;
  border: 1px solid #cecece;
  display: flex;
  align-items: center;
  min-height: 4.6875rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .DataSelectLines_card__bTc89 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .DataSelectLines_card__bTc89 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.DataSelectLines_card__bTc89:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
.DataSelectLines_card__bTc89:last-child {
  margin-bottom: 0;
}

.DataSelectLines_activeCard__QbgKn {
}

.DataSelectLines_addButton__B8fet {
  display: flex;
  justify-content: center;
  align-items: center;
}

.DataSelectLines_addIcon__EGTT_ {
  padding-right: 1.25rem;
}

.DataSelectLines_addTxt__Ykb9F {
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/DataSelect/DataSelectGrid.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.DataSelectGrid_wrapper__BX9cP {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .DataSelectGrid_wrapper__BX9cP {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .DataSelectGrid_wrapper__BX9cP {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.DataSelectGrid_list__vh57K {
}

.DataSelectGrid_item__99PDJ {
  display: inline-flex;
  align-items: stretch;
}

.DataSelectGrid_card__HJs9m {
  padding: 1.25rem;
  border: 1px solid #cecece;
  flex: 1 1;
}
.DataSelectGrid_card__HJs9m:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.DataSelectGrid_activeCard__5Udod {
}

.DataSelectGrid_btnCard__jvrLB {
  display: flex;
  align-items: center;
}

.DataSelectGrid_btnContent__sEivj {
  width: 100%;
}

.DataSelectGrid_addIcon___VlXr {
  padding-bottom: 1.25rem;
}

.DataSelectGrid_addTxt__5hW_t {
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Address/Address.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Address_wrapper__uggKX {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.Address_addressData__msCol {
  flex: 1 1;
  display: flex;
  flex-wrap: wrap;
}

.Address_detailsWrapper__EXVO9 {
  order: 2;
  flex: 1 1;
  align-self: center;
  display: inline-grid;
  padding-right: 1.5625rem;
}

.Address_detailsLine__AlxE7 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Address_name__TLa2Z {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Address_editWrapper__bLNs_ {
  display: flex;
  min-width: 1.25rem;
}

.Address_button__BfToa {
  display: flex;
  align-items: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Pagination/Pagination.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Pagination_wrapper__SsdSA {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.9375rem;
}
@media only screen and (min-width: 1280px) {
  .Pagination_wrapper__SsdSA {
    margin-top: 1.5625rem;
  }
}

.Pagination_button__S_Pbv {
  margin: 0 0.3125rem;
  color: #ababab;
}
.Pagination_button__S_Pbv:hover {
  color: #187ce0;
  fill: #187ce0;
}
.Pagination_button__S_Pbv[disabled] {
  color: #282828;
  pointer-events: none;
}

.Pagination_forward__UQOh5 {
  transform: rotate(270deg);
  margin: 0 0.3125rem;
}

.Pagination_backward__DRDwS {
  transform: rotate(90deg);
  margin: 0 0.3125rem;
}

.Pagination_icon__i6aaI {
  width: 0.625rem;
  height: 0.625rem;
  color: #282828;
}
.Pagination_icon__i6aaI:hover {
  color: #187ce0;
  fill: #187ce0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Footer/Binder.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Binder_background__UUnTM {
  background-color: #f0f0f0;
}

.Binder_wrapper__YwRwg {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5625rem;
  padding-bottom: 0.625rem;
}

.Binder_block__qKaDe {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding-bottom: calc(1.5625rem - 0.625rem);
}
@media only screen and (min-width: 768px) {
  .Binder_block__qKaDe {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Binder_block__qKaDe {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .Binder_block__qKaDe {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    flex: 1 1;
  }
}
@media only screen and (min-width: 1280px) {
  .Binder_block__qKaDe {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Binder_headline__vxikF {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Binder_headline__vxikF {
    text-align: left;
  }
}

.Binder_content__Crw_b {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.625rem;
}

.Binder_item__cu4ag {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5714285714;
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.125rem;
  padding: 0.4375rem 0.8rem;
  background-color: #ffffff;
  margin: 0 0.625rem 0.625rem 0;
  color: #54676b;
}
.Binder_item__cu4ag :nth-child(2) {
  margin-left: 0.625rem;
}

.Binder_itemImg__wBabH {
  max-height: 2.25rem;
  max-width: 9.0625rem;
  object-fit: contain;
  vertical-align: middle;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/LinkList/LinkList.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LinkList_liMultiLine__EpFG_ {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
}
.LinkList_liMultiLine__EpFG_:hover {
  cursor: pointer;
}

.LinkList_txtSvgIcon__WSquo {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  margin-right: 0.625rem;
}
.LinkList_txtSvgIcon__WSquo:hover {
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Footer/Footer.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Footer_footer__7GXF1 {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .Footer_footer__7GXF1 {
    position: relative;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_footer__7GXF1 {
    left: 50%;
    transform: translateX(-50%);
  }
}

.Footer_wrapper__KAg3e {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  background-color: #455659;
  color: #ffffff;
}

.Footer_logo__0Ias5 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .Footer_logo__0Ias5 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_logo__0Ias5 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Footer_outerColumn__0nDWL {
  display: flex;
  flex-wrap: wrap;
}

.Footer_topsellerColumn__PslIU {
  overflow: hidden;
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Footer_topsellerColumn__PslIU {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_topsellerColumn__PslIU {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .Footer_topsellerColumn__PslIU {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    display: flex;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_topsellerColumn__PslIU {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_topsellerColumn__PslIU {
    width: calc((100% / 10 * 3.2 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Footer_columnWrapper__WFgF_ {
  width: calc(100% / 10 * 10);
}
@media only screen and (min-width: 768px) {
  .Footer_columnWrapper__WFgF_ {
    width: calc(100% / 10 * 6.6666666667);
    display: flex;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_columnWrapper__WFgF_ {
    width: calc(100% / 10 * 6.8);
  }
}

.Footer_subColumn-small__mWoY1 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Footer_subColumn-small__mWoY1 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_subColumn-small__mWoY1 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .Footer_subColumn-small__mWoY1 {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_subColumn-small__mWoY1 {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_subColumn-small__mWoY1 {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Footer_infoColumn__4juYT {
}

.Footer_contactColumn__zsNhC {
}

.Footer_optionColumn__cuzra {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1280px) {
  .Footer_optionColumn__cuzra {
    width: calc((100% / 10 * 4 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Footer_country__50q6c {
  align-self: flex-end;
  width: 100%;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .Footer_country__50q6c {
    margin-top: 1.875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_country__50q6c {
    margin-top: unset;
  }
}

.Footer_collapseWrapper__zLg3u {
  width: 100%;
}

.Footer_collapseHandler__I_EuC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5625rem;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .Footer_collapseHandler__I_EuC {
    margin-bottom: 0;
    cursor: default;
  }
}

.Footer_collapseTitle___4fbr {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.Footer_collapseIcon__70K3a {
  margin-left: 1.25rem;
  font-size: 1.25rem;
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  .Footer_collapseIcon__70K3a {
    visibility: hidden !important;
    display: none !important;
  }
}

.Footer_collapseContent__CqGer {
  padding-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .Footer_collapseContent__CqGer {
    display: block !important;
    padding-bottom: 0;
  }
}

.Footer_listLink__NBfsy {
}

.Footer_txtSvgIcon__qxI9m {
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .Footer_infoListWrapper__QtnYv {
    margin-bottom: 1.5625rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Footer/GeneralFooterSocial.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GeneralFooterSocial_headline__lAWFa {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.GeneralFooterSocial_listLink__HFUj8 {
  display: inline-block;
}
.GeneralFooterSocial_listLink__HFUj8:hover {
  cursor: pointer;
}

.GeneralFooterSocial_svgIcon__iDGeI {
  width: 1.125rem;
  height: 1.125rem;
  width: auto;
  margin-right: 0.625rem;
}
.GeneralFooterSocial_svgIcon__iDGeI:hover {
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Footer/LogoFooter.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LogoFooter_logo__uHH5I {
  width: 10.0625rem;
  height: 3.9375rem;
  fill: #ffffff;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Footer/Topseller.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Topseller_collapseWrapper__A0prR {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

.Topseller_collapseContent__vAnI3 {
  padding-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .Topseller_collapseContent__vAnI3 {
    display: flex !important;
    padding-bottom: 0;
    width: 100%;
    flex: 1 1;
  }
}

.Topseller_linkListWrapper__0zPyO {
  align-content: center;
}
@media only screen and (min-width: 1280px) {
  .Topseller_linkListWrapper__0zPyO {
    column-count: 2;
    column-gap: calc(2 * 1.25rem);
    column-fill: balance;
  }
}
@media only screen and (min-width: 1550px) {
  .Topseller_linkListWrapper__0zPyO {
    padding-right: 21%;
  }
}

.Topseller_listLink__FWza_ {
  min-height: 2rem;
}
@media only screen and (min-width: 1280px) {
  .Topseller_listLink__FWza_ {
    min-height: unset;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/Button/Button.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Button_buttonPrimary__KxR1e {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.Button_buttonPrimary__KxR1e:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.Button_buttonPrimary__KxR1e:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.Button_buttonPrimary__KxR1e:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.Button_buttonPrimary__KxR1e[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}

.Button_buttonSecondary__aDjdG {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: transparent;
  color: #187ce0;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.Button_buttonSecondary__aDjdG:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.Button_buttonSecondary__aDjdG:hover {
  color: #ffffff;
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.Button_buttonSecondary__aDjdG:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.Button_buttonSecondary__aDjdG[disabled] {
  background-color: #ffffff;
  color: #ababab;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}

.Button_buttonPrimaryNegative__4aqAy {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #ffffff;
  color: #187ce0;
  min-height: 2.5rem;
  border: 0.125rem solid #ffffff;
  padding: 0.3125rem 1.25rem;
}
.Button_buttonPrimaryNegative__4aqAy:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.Button_buttonPrimaryNegative__4aqAy:hover {
  border: 0.125rem solid #ffffff;
}
.Button_buttonPrimaryNegative__4aqAy:active {
  border: 0.125rem solid #ffffff;
}
.Button_buttonPrimaryNegative__4aqAy[disabled] {
  border: 0.125rem solid;
  pointer-events: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/NewsletterForm/NewsletterFooterForm.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsletterFooterForm_form__MJbJQ {
  margin-top: 1.875rem;
}

.NewsletterFooterForm_signInButton__Dna3k {
}

.NewsletterFooterForm_inputWrapper__qnSkH {
  width: 100%;
}

.NewsletterFooterForm_formFeedback__EcrA4 {
  margin-top: 0.625rem;
}

.NewsletterFooterForm_txtApproved__6V2uD {
}

.NewsletterFooterForm_txtError__jtL4G {
  width: 100%;
  color: #ff3200;
}

.NewsletterFooterForm_successBtn__wmR0v {
  width: 100%;
  pointer-events: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/NewsletterForm/NewsletterFooterInput.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsletterFooterInput_wrapper__t1iMO {
  width: 100%;
}

.NewsletterFooterInput_input__XvqwS {
}

.NewsletterFooterInput_button___9y9N {
  margin-top: 0.625rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/OrderPhoneNumberForm.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.OrderPhoneNumberForm_subHead__4uuDb {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.OrderPhoneNumberForm_wrapper__oQcb8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -0.625rem;
}

.OrderPhoneNumberForm_inputWrapper____I6n {
  margin-top: 0.3125rem;
}

.OrderPhoneNumberForm_input__hP3HP {
  margin-bottom: initial;
}

.OrderPhoneNumberForm_button__Q6eVS {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  color: #64787d;
}

.OrderPhoneNumberForm_editButton__y7eTP {
  height: 1.25rem;
}

.OrderPhoneNumberForm_saveButton__ZcIEQ {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.OrderPhoneNumberForm_tooltipHolder__UQwEd {
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalButtonSingleLine.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalButtonSingleLine_button__BmMz6 {
  margin-left: 0.625rem;
}
@media only screen and (min-width: 1024px) {
  .ModalButtonSingleLine_button__BmMz6 {
    min-width: 12.5rem;
  }
}

.ModalButtonSingleLine_wrapper__Z_bCA {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding-top: 1.5625rem;
}
@media only screen and (max-width: 500px) {
  .ModalButtonSingleLine_wrapper__Z_bCA {
    margin-left: -0.625rem;
  }
}

.ModalButtonSingleLine_buttonSecondary__W5H_Q {
}
@media only screen and (max-width: 500px) {
  .ModalButtonSingleLine_buttonSecondary__W5H_Q {
    flex: 1 1;
  }
}

.ModalButtonSingleLine_buttonPrimary__jAmVj {
}
@media only screen and (max-width: 500px) {
  .ModalButtonSingleLine_buttonPrimary__jAmVj {
    flex: 1 1;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitDeliveryFooters.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SplitDeliveryFooters_info__ciz8_ {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryFooters_info__ciz8_ {
    display: unset;
    align-self: center;
    flex: 1 1;
    padding-right: 1.25rem;
  }
}

.SplitDeliveryFooters_infoWrapper__azdri {
  padding-top: 0.625rem;
}

.SplitDeliveryFooters_infoBox__0QZqy {
  padding: 1.25rem;
  border: 1px solid #187ce0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  display: flex;
  align-content: center;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryFooters_infoBox__0QZqy {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }
}

.SplitDeliveryFooters_infoIcon__BQr2B {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
  fill: #187ce0;
  flex-shrink: 0;
}

.SplitDeliveryFooters_wrapper__n8wDD {
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryFooters_wrapper__n8wDD {
    padding-right: 1.5625rem;
  }
}

.SplitDeliveryFooters_wrapperVariant__Y3yK9 {
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryFooters_wrapperVariant__Y3yK9 {
    padding-right: 0.9375rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitDeliveryPosition.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SplitDeliveryPosition_title1__oAAhK {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
}

.SplitDeliveryPosition_title2__NBmvx {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  flex: 1 1;
}

.SplitDeliveryPosition_subBlock__AdVzu {
  background-color: #f6f6f6;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0.9375rem 1.5625rem 0.9375rem 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPosition_subBlock__AdVzu {
    flex-wrap: nowrap;
  }
}

.SplitDeliveryPosition_miniTab__YUUDM {
  flex: 1 1;
  display: grid;
  grid-template-columns: min-content auto;
  grid-column-gap: 1.25rem;
  order: 2;
}
@media only screen and (min-width: 768px) {
  .SplitDeliveryPosition_miniTab__YUUDM {
    grid-template-columns: 6.625rem auto;
  }
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPosition_miniTab__YUUDM {
    order: unset;
    padding-right: 1.25rem;
  }
}

.SplitDeliveryPosition_first__rHHuU {
  text-align: right;
}

.SplitDeliveryPosition_headline__5_d_7 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPosition_headline__5_d_7 {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
  }
}

.SplitDeliveryPosition_firstHead__1TfD9 {
}

.SplitDeliveryPosition_counter__fY3BT {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.SplitDeliveryPosition_piece__ljW7p {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPosition_piece__ljW7p {
    display: unset;
  }
}

.SplitDeliveryPosition_addressOption___k3Eu {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPosition_addressOption___k3Eu {
    width: unset;
    min-width: 13.125rem;
  }
}

.SplitDeliveryPosition_address__pAQPI {
  align-items: center;
  display: inline-flex;
  flex: 1 1;
  overflow: hidden;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPosition_address__pAQPI {
    white-space: unset;
    overflow: unset;
  }
}

.SplitDeliveryPosition_name__E8rh5 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.SplitDeliveryPosition_addressTerm__fkaJ3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-left: 0.625rem;
}

.SplitDeliveryPosition_addressIcon__NzvDV {
  width: 1.25rem;
  height: 1.25rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitDeliveryPositions.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SplitDeliveryPositions_wrapper__WyWqp {
  padding-bottom: 1.875rem;
}

.SplitDeliveryPositions_card___IzhR {
  width: 100%;
  border: 1px solid #cecece;
}
.SplitDeliveryPositions_card___IzhR:not(:last-of-type) {
  margin-bottom: 1.5625rem;
}

.SplitDeliveryPositions_inner__mNYCi {
  width: 100%;
  display: flex;
  padding: 0.9375rem 1.5625rem 0.9375rem 0.9375rem;
}
@media only screen and (max-width: 500px) {
  .SplitDeliveryPositions_inner__mNYCi {
    flex-wrap: wrap;
    padding-right: 0.9375rem;
  }
}

.SplitDeliveryPositions_cardImg__YGH_G {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.625rem;
  width: 6.625rem;
  margin-right: 1.25rem;
  border: 1px solid #cecece;
}
@media only screen and (max-width: 767px) {
  .SplitDeliveryPositions_cardImg__YGH_G {
    display: none;
  }
}

.SplitDeliveryPositions_properties__OQQvZ {
  flex: auto;
  display: flex;
  min-width: 0;
  flex-direction: column;
  margin-right: 1.25rem;
}
@media only screen and (max-width: 500px) {
  .SplitDeliveryPositions_properties__OQQvZ {
    margin-right: unset;
  }
}

.SplitDeliveryPositions_button__fMx53 {
  align-self: flex-start;
  white-space: nowrap;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  width: 100%;
}
@media only screen and (min-width: 501px) {
  .SplitDeliveryPositions_button__fMx53 {
    width: unset;
    margin-top: 0.625rem;
    margin-left: 0.625rem;
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPositions_button__fMx53 {
    min-width: 12.5rem;
  }
}

.SplitDeliveryPositions_addressWrapper__3tlZL {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.9375rem 3.125rem 0.9375rem 0.9375rem;
  background-color: #f6f6f6;
}
@media only screen and (min-width: 768px) {
  .SplitDeliveryPositions_addressWrapper__3tlZL {
    padding-left: calc(6.625rem + 2.1875rem);
  }
}

.SplitDeliveryPositions_defaultAddress__gkzT7 {
  flex: initial;
  display: inline-flex;
  margin-left: 1.25rem;
}

.SplitDeliveryPositions_addressTerm__TKIIG {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-left: 0.625rem;
}

.SplitDeliveryPositions_addressIcon__OjKaH {
  width: 1.25rem;
  height: 1.25rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitDeliveryAddressCheckList.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SplitDeliveryAddressCheckList_item__kpnMW {
  display: flex;
  width: 100%;
}

.SplitDeliveryAddressCheckList_address__LBuai {
  flex: 1 1;
  padding-right: 1.25rem;
}

.SplitDeliveryAddressCheckList_card__IdJ2A {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  padding: 1.25rem;
  border: 1px solid #cecece;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .SplitDeliveryAddressCheckList_card__IdJ2A {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryAddressCheckList_card__IdJ2A {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.SplitDeliveryAddressCheckList_card__IdJ2A:first-of-type {
  margin-top: -0.9375rem;
}
.SplitDeliveryAddressCheckList_card__IdJ2A:last-of-type {
  margin-bottom: 0;
}

.SplitDeliveryAddressCheckList_name__6VKib {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CheckBox/CheckBoxLargeNoLabel.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckBoxLargeNoLabel_wrapper__XaMPf {
  height: 1.25rem;
  width: 1.25rem;
}

.CheckBoxLargeNoLabel_input__ktSwl {
  position: absolute;
  opacity: 0;
  z-index: 1;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
}
.CheckBoxLargeNoLabel_input__ktSwl:checked ~ .CheckBoxLargeNoLabel_checkbox__cCPH_ {
  border: 1px solid #64787d;
}
.CheckBoxLargeNoLabel_input__ktSwl:checked ~ .CheckBoxLargeNoLabel_checkbox__cCPH_::after {
  content: "";
  display: block;
  transform: rotate(40deg);
  height: 0.875rem;
  width: 0.5rem;
  margin: 0 0 0 0.3125rem;
  border-style: solid;
  border-color: #64787d;
  border-width: 0 2px 2px 0;
}

.CheckBoxLargeNoLabel_checkbox__cCPH_ {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  border: 1px solid #cecece;
  background-color: #ffffff;
}

.CheckBoxLargeNoLabel_error__VoCsU {
  border: 1px solid #ff3200;
  background-color: #fff5f0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitDeliveryPositionHeader.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SplitDeliveryPositionHeader_wrapper__UwwCR {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPositionHeader_wrapper__UwwCR {
    flex-wrap: nowrap;
  }
}

.SplitDeliveryPositionHeader_card__IIMJq {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPositionHeader_card__IIMJq {
    display: flex;
    flex: 1 1;
  }
}

.SplitDeliveryPositionHeader_inner__Ue6Ku {
  display: flex;
  flex: 1 1;
  align-items: center;
  padding: 0.9375rem 1.5625rem 0.9375rem 0.9375rem;
  background-color: #f6f6f6;
}

.SplitDeliveryPositionHeader_cardImg__ugaqd {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.625rem;
  width: 6.625rem;
  margin-right: 1.25rem;
  border: 1px solid #cecece;
}

.SplitDeliveryPositionHeader_properties__xGN6D {
  flex: auto;
  display: inline-grid;
  margin-right: 1.25rem;
}

.SplitDeliveryPositionHeader_aside__izR28 {
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #ffffff;
  background-color: #f6f6f6;
  text-align: right;
  width: 100%;
  padding-left: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPositionHeader_aside__izR28 {
    display: unset;
    width: unset;
  }
}

.SplitDeliveryPositionHeader_asideAddress__zOYGX {
  padding-top: 0.9375rem;
  padding-right: 1.5625rem;
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPositionHeader_asideAddress__zOYGX {
    padding: 0.9375rem 1.5625rem;
  }
}

.SplitDeliveryPositionHeader_aside1__Qw4E3 {
  padding-top: 0.9375rem;
  padding-right: calc(calc(1.25rem + 0.625rem) + 0.9375rem);
  padding-bottom: 0rem;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPositionHeader_aside1__Qw4E3 {
    padding: 0.9375rem 1.5625rem;
  }
}

.SplitDeliveryPositionHeader_aside2__7_Zzf {
  padding-top: 0.375rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.375rem;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPositionHeader_aside2__7_Zzf {
    padding: 0.9375rem 1.5625rem;
  }
}

.SplitDeliveryPositionHeader_aside3__GLnuS {
  padding-top: 0rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .SplitDeliveryPositionHeader_aside3__GLnuS {
    padding: 0.9375rem 1.5625rem;
  }
}

.SplitDeliveryPositionHeader_live__3d6G1 {
  position: relative;
  padding-right: calc(1.25rem + 0.625rem);
}

.SplitDeliveryPositionHeader_number__1kP3k {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.1428571429;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPositionHeader_number__1kP3k {
    font-size: 2.8125rem;
    font-weight: bold;
    line-height: 1.2222222222;
    line-height: 1;
    margin-top: 1.25rem;
  }
}

.SplitDeliveryPositionHeader_piece__4XkkX {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPositionHeader_piece__4XkkX {
    display: unset;
  }
}

.SplitDeliveryPositionHeader_numberError__rU_yJ {
  color: #ff3200;
}

.SplitDeliveryPositionHeader_ico__Cz_Zr {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: 0.125rem;
  fill: #e8e8e8;
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryPositionHeader_ico__Cz_Zr {
    top: 0.75rem;
  }
}

.SplitDeliveryPositionHeader_icoError__zlLeQ {
  color: #ff3200;
  fill: #ff3200;
}

.SplitDeliveryPositionHeader_icoOk__jZIGv {
  fill: #1eb900;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitDeliveryAddresses.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SplitDeliveryAddresses_wrapper__2VQUy {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media only screen and (min-width: 768px) {
  .SplitDeliveryAddresses_wrapper__2VQUy {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .SplitDeliveryAddresses_wrapper__2VQUy {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.SplitDeliveryAddresses_wrapper__2VQUy > div:first-of-type {
  margin-bottom: 1.25rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Input/InputLabeled.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InputLabeled_wrapper__KYhdS {
  display: flex;
  align-items: center;
  width: 100%;
}

.InputLabeled_input__ZHZ4m {
  flex: 1 1;
  margin-bottom: 0 !important;
}

.InputLabeled_label__9ieVS {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5714285714;
  margin-right: 0.625rem;
  color: #64787d;
}

.InputLabeled_error__SlzN7 {
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitQuantityAddresses.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SplitQuantityAddresses_item__9ApIS {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 0.9375rem;
  border-top: 1px solid #cecece;
}
.SplitQuantityAddresses_item__9ApIS:last-of-type {
  border-bottom: 1px solid #cecece;
}
.SplitQuantityAddresses_item__9ApIS:nth-child(odd) {
  background-color: #f6f6f6;
}
@media only screen and (min-width: 768px) {
  .SplitQuantityAddresses_item__9ApIS {
    flex-wrap: nowrap;
  }
}

.SplitQuantityAddresses_address__yR9Qy {
  width: 100%;
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .SplitQuantityAddresses_address__yR9Qy {
    width: unset;
    flex: 1 1;
    padding-bottom: unset;
    padding-right: 1.25rem;
  }
}

.SplitQuantityAddresses_name__IPTVV {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.SplitQuantityAddresses_input__Y4N5s {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .SplitQuantityAddresses_input__Y4N5s {
    width: unset;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SplitDelivery/SplitDeliveryQuantity.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SplitDeliveryQuantity_headline__zVdcZ {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
  display: flex;
  justify-content: space-between;
  padding: 0 0.9375rem 0.625rem 0.9375rem;
}

.SplitDeliveryQuantity_listWrapper__6rY2b {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
@media only screen and (min-width: 768px) {
  .SplitDeliveryQuantity_listWrapper__6rY2b {
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
}

.SplitDeliveryQuantity_list__JgKzS {
  padding-left: 1.25rem;
  margin-right: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .SplitDeliveryQuantity_list__JgKzS {
    padding-left: 3.125rem;
    margin-right: 3.125rem;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Address/AddressMinimizable.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AddressMinimizable_wrapper__oGOiw {
  margin-bottom: 1.5625rem;
}

.AddressMinimizable_collapseHandler__0_nQ2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1279px) {
  .AddressMinimizable_collapseHandler__0_nQ2 {
    margin-bottom: 0.625rem;
  }
}

.AddressMinimizable_collapseTitle__m_Ftv {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.AddressMinimizable_collapseEdit__OLKJB {
  display: flex;
  align-items: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/AddressBookLayer.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.AddressBookLayer_wrapper__R9HuJ {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  padding-bottom: 7.1875rem;
}
@media only screen and (min-width: 768px) {
  .AddressBookLayer_wrapper__R9HuJ {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AddressBookLayer_wrapper__R9HuJ {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/UserProfile/Profile.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Profile_wrapper__pi28D {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
}

.Profile_personalDataWrapper__yupKa {
  width: calc(100% / 10 * 10);
}

.Profile_personalDataInner__GQybi {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .Profile_personalDataInner__GQybi {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Profile_personalDataInner__GQybi {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .Profile_personalDataInner__GQybi {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Profile_personalDataInner__GQybi {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .Profile_personalDataInner__GQybi {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .Profile_personalDataInner__GQybi {
    flex-wrap: wrap;
  }
}

.Profile_columnn__nujtT {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .Profile_columnn__nujtT {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Profile_columnn__nujtT {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .Profile_columnn__nujtT {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Profile_columnn__nujtT {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Profile_headline__59YnV {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 1.25rem;
}

@media only screen and (min-width: 1024px) {
  .Profile_formWrapperLeft__A75JX {
    margin-bottom: -0.625rem;
  }
}

.Profile_formWrapperRight__zSwRH {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1 1;
}
@media only screen and (max-width: 1023px) {
  .Profile_formWrapperRight__zSwRH {
    padding-top: 1.25rem;
  }
}

.Profile_customerNumber__X3GR6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  height: 1.5rem;
  white-space: nowrap;
}

.Profile_saveButton__fCTGA {
  width: 100%;
  margin-top: auto;
}

.Profile_errorText__guU8f {
  color: #ff3200;
  margin-top: 1.25rem;
}

.Profile_errorMsg__oPp_x {
  color: #ff3200;
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.Profile_selectFormLine__BfjxC {
}

.Profile_selectMultiElements__4WMrb {
}

.Profile_sepaButton__x9Jm7 {
  width: 100%;
  align-self: flex-start;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .Profile_sepaButton__x9Jm7 {
    margin-top: calc(1.5rem + 1.25rem);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .Profile_sepaButton__x9Jm7 {
    margin-top: inherit;
  }
}

.Profile_sepaLink__g2Riw {
  display: flex;
  color: #ababab;
  margin-top: 1.25rem;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/Addresses.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Addresses_addressMinimizableWrapper__qIh6l {
  margin-bottom: inherit;
}

.Addresses_separationLine__xfmdO {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Addresses_separationLine__xfmdO {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Addresses_separationLine__xfmdO {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1023px) {
  .Addresses_separationLine__xfmdO:not(:last-of-type) {
    border-bottom: 1px solid #cecece;
    margin-bottom: 1.5625rem;
  }
}

.Addresses_contextAddon__QIoAE {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #64787d;
  margin-left: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Addresses_tooltipHolder__9ruXF {
  display: flex;
  align-items: center;
  margin-left: 0.375rem;
}

.Addresses_split__jZAzX {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.Addresses_splitPrice__sjg3i {
  flex: 1 1;
  text-align: right;
  white-space: nowrap;
}

.Addresses_deliveryAdresses__8QRQs {
  padding-right: 1.125rem;
  color: #64787d;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/BillByPost.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BillByPost_billByPostWrapper__IPYFK {
  margin-top: -0.625rem;
}

.BillByPost_separationLine__pCQVt {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .BillByPost_separationLine__pCQVt {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BillByPost_separationLine__pCQVt {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1023px) {
  .BillByPost_separationLine__pCQVt {
    border-bottom: 1px solid #cecece;
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../node_modules/@adyen/adyen-web/dist/es/adyen.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.js-iframe{border:none;height:100%;overflow:hidden;width:100%}
.adyen-checkout-card-input__wrapper{position:relative}.adyen-checkout-card-input__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);height:18px;margin-right:var(--adyen-sdk-spacer-060,12px);width:27px}.adyen-checkout-card-input__form{opacity:1}.adyen-checkout-card-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.adyen-checkout-card-input__spinner--active{display:block}.adyen-checkout-card-input__form--loading{opacity:0}.adyen-checkout__input{display:block;max-height:100px}.adyen-checkout__field.adyen-checkout__card__cvc__input--hidden,.adyen-checkout__field.adyen-checkout__card__exp-date__input--hidden{display:none}.adyen-checkout__card__exp-cvc__exp-date__input--hidden{justify-content:flex-end}.revolving-plan-installments__disabled{opacity:.4;pointer-events:none}.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__card__exp-date__input--oneclick{font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-title-line-height,26px);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{margin-bottom:0}.adyen-checkout__store-details{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;gap:var(--adyen-sdk-spacer-060,12px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input.adyen-checkout__card-input--loading{pointer-events:none}.adyen-checkout__card__holderName:first-child{margin:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field--cardNumber .adyen-checkout__input--error+.adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@keyframes cvc-indicate-location{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:cvc-indicate-location}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;-webkit-backface-visibility:visible;backface-visibility:visible;display:flex;height:100%;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper{align-items:center;display:flex;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden{opacity:0}.adyen-checkout__field__exp-date_hint{height:18px;width:27px}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:var(--adyen-sdk-spacer-070,16px);position:relative;top:52px;width:30%}
.adyen-checkout__spinner__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__spinner__wrapper--inline{display:inline-block;height:auto;margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__spinner__wrapper--inline{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__spinner{height:var(--adyen-sdk-spacer-090,24px);position:relative;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__spinner:after,.adyen-checkout__spinner:before{animation:rotate 1s cubic-bezier(.785,.135,.15,.86) infinite;border:var(--adyen-sdk-border-width-l,3px) solid transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__spinner--small{height:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__spinner--small:after,.adyen-checkout__spinner--small:before{border-width:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__spinner--medium{height:28px;width:28px}.adyen-checkout__spinner--large{height:var(--adyen-sdk-spacer-120,48px);width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__spinner--large:after,.adyen-checkout__spinner--large:before{border-width:var(--adyen-sdk-spacer-020,4px)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.loading-input__form{opacity:1}.loading-input__form--loading{opacity:0}.loading-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.loading-input__spinner--active{display:block}
.adyen-checkout__field{display:block;margin-bottom:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within:hover{border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:hover{border:none;box-shadow:none}.adyen-checkout__input-wrapper{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;position:relative}.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input,.adyen-checkout__input-wrapper span{border-radius:inherit}.adyen-checkout__input-wrapper button,.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input{border:none}.adyen-checkout__input-wrapper:active,.adyen-checkout__input-wrapper:active:hover,.adyen-checkout__input-wrapper:focus-within,.adyen-checkout__input-wrapper:focus-within:hover{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__input-wrapper:hover{border-color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__field--inactive>.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__field--error>:not(.adyen-checkout__label--focused)+.adyen-checkout__input-wrapper:not(:focus-within,:active){border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__label{display:block;position:relative}.adyen-checkout__label--focused+.adyen-checkout__input-wrapper{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__label--disabled+.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__helper-text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__label-adornment--end{position:absolute;right:0;top:0}.adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin-bottom:var(--adyen-sdk-spacer-020,4px);overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__label--focused .adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout-contextual-text,.adyen-checkout-contextual-text--error{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-020,4px);opacity:1;transition:margin .2s ease-out,opacity .2s ease-out}.adyen-checkout-contextual-text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout-contextual-text--hidden{height:0;margin:0;opacity:0}
.adyen-checkout__filter-input:-webkit-autofill,.adyen-checkout__input:-webkit-autofill{color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-text-fill-color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--adyen-sdk-color-label-primary,#00112c)!important;box-shadow:0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset!important;-webkit-transition:none!important;transition:none!important}.adyen-checkout__filter-input:-webkit-autofill, .adyen-checkout__input:-webkit-autofill{color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-text-fill-color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--adyen-sdk-color-label-primary,#00112c)!important;box-shadow:0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset!important;-webkit-transition:none!important;transition:none!important}.adyen-checkout__filter-input:-webkit-autofill,.adyen-checkout__filter-input:-webkit-autofill:active,.adyen-checkout__filter-input:-webkit-autofill:focus,.adyen-checkout__filter-input:-webkit-autofill:hover,.adyen-checkout__filter-input:autofill,.adyen-checkout__input:-webkit-autofill,.adyen-checkout__input:-webkit-autofill:active,.adyen-checkout__input:-webkit-autofill:focus,.adyen-checkout__input:-webkit-autofill:hover,.adyen-checkout__input:autofill{color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-text-fill-color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--adyen-sdk-color-label-primary,#00112c)!important;box-shadow:0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset!important;-webkit-transition:none!important;transition:none!important}.adyen-checkout__filter-input,.adyen-checkout__input{-webkit-background-clip:text!important;background-clip:text!important;color:var(--adyen-sdk-color-label-primary,#00112c)!important}.adyen-checkout__field-wrapper{display:flex;width:100%}@media (min-width:480px){.adyen-checkout__field--20{width:20%}.adyen-checkout__field--30{width:30%}.adyen-checkout__field--40{width:40%}.adyen-checkout__field--50{width:50%}.adyen-checkout__field--60{width:60%}.adyen-checkout__field--70{width:70%}.adyen-checkout__field--80{width:80%}.adyen-checkout__field--col-70{width:calc(70% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-30{width:calc(30% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-50{width:calc(50% - var(--adyen-sdk-spacer-040, 8px))}}.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:0;margin-right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field{margin-bottom:0}.adyen-checkout__input{background:inherit;color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-family:inherit;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);height:var(--adyen-sdk-spacer-110,40px);outline:none;padding-left:var(--adyen-sdk-spacer-060,12px);transition:border .2s ease-out,box-shadow .2s ease-out;width:100%}.adyen-checkout__input:required{box-shadow:none}.adyen-checkout__input:-moz-read-only{color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:default}.adyen-checkout__input:disabled,.adyen-checkout__input:read-only{color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:default}span.adyen-checkout__input{overflow:hidden}.adyen-checkout-input__inline-validation{height:var(--adyen-sdk-spacer-070,16px);margin-right:var(--adyen-sdk-spacer-060,12px);width:var(--adyen-sdk-spacer-070,16px)}[dir=rtl] .adyen-checkout-input__inline-validation{margin-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-input__inline-validation--valid{color:var(--adyen-sdk-color-label-success,#07893c)}.adyen-checkout-input__inline-validation--invalid{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__input--date{padding:.5em}
.adyen-checkout__fieldset{border:none;display:block;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;margin:0;-webkit-padding-before:0;padding-block-start:0;padding-bottom:var(--adyen-sdk-spacer-040,8px);-webkit-padding-after:0;padding-block-end:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-start:0;padding-inline-start:0;width:100%}.adyen-checkout__fieldset:last-of-type{padding-bottom:0}.adyen-checkout__fieldset+.adyen-checkout__fieldset{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__fieldset__title{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);font-weight:var(--adyen-sdk-text-subtitle-stronger-font-weight,600);font-weight:var(--adyen-sdk-text-subtitle-font-weight,500);line-height:var(--adyen-sdk-text-subtitle-line-height,26px);margin:0;padding:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field-group,.adyen-checkout__fieldset__fields{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media (min-width:480px){.adyen-checkout__field-group:last-of-type .adyen-checkout__field{margin-bottom:0}}.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,:not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type{margin-bottom:0}.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,14px);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0}
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:400;line-height:var(--adyen-sdk-text-body-line-height,20px);margin:0;overflow:visible;padding-bottom:0;padding-left:var(--adyen-sdk-spacer-090,24px);position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);border-radius:50%;content:"";height:var(--adyen-sdk-spacer-070,16px);left:0;position:absolute;top:var(--adyen-sdk-spacer-010,2px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__radio_group__label:hover:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:var(--adyen-sdk-spacer-030,6px);left:5px;margin:0 auto;position:absolute;top:7px;transform:scale(0);transition:transform .2s ease-out;width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__radio_group__label:hover{border-color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .2s ease-out}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{transform:scale(1)}.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{border-color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__radio_group--button{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input-wrapper{display:flex;flex:1 0}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:after{left:calc(var(--adyen-sdk-spacer-060, 12px) + 5px);position:absolute;top:calc(50% - var(--adyen-sdk-spacer-030, 6px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:before{left:calc(var(--adyen-sdk-spacer-060, 12px));position:absolute;top:calc(50% - var(--adyen-sdk-spacer-070, 16px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-060,12px);padding-left:calc(var(--adyen-sdk-spacer-060, 12px) + var(--adyen-sdk-spacer-090, 24px));width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input+.adyen-checkout__radio_group__label:hover,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}
.adyen-checkout__image{opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}
.adyen-checkout__dropdown__button-icon--left{flex-direction:row-reverse;justify-content:flex-end}.adyen-checkout__dropdown__button-icon--left>img{margin-left:0;margin-right:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__dropdown{max-width:100%;position:relative}.adyen-checkout__dropdown,.adyen-checkout__dropdown__button{font-size:var(--adyen-sdk-text-subtitle-font-size,16px);width:100%}.adyen-checkout__dropdown__button{align-items:center;background:inherit;border-radius:inherit;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:0 var(--adyen-sdk-spacer-060,12px);text-decoration:none;transition:border .2s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__dropdown__button{padding:7px var(--adyen-sdk-spacer-060,12px) 7px var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__dropdown__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%2300112C' fill-rule='evenodd' d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:var(--adyen-sdk-spacer-030,6px);position:absolute;right:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__dropdown__button:after{left:var(--adyen-sdk-spacer-070,16px);right:auto}.adyen-checkout__dropdown__button--active:after{transform:rotate(180deg)}.adyen-checkout__dropdown__button--disabled{opacity:.4}.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:not-allowed}.adyen-checkout__dropdown__button--readonly:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E")}.adyen-checkout__dropdown__button--invalid{border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__dropdown__button__icon{border-radius:3px;height:26px;margin-right:var(--adyen-sdk-spacer-060,12px);max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__button__text{flex-grow:1;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__dropdown__button__secondary-text{margin-right:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__filter-input{background:inherit;border:0;color:var(--adyen-sdk-color-label-primary,#00112c);font-family:inherit;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);height:100%;padding:0;width:100%}.adyen-checkout__filter-input:active,.adyen-checkout__filter-input:focus{outline:0}.adyen-checkout__filter-input[readonly]{border-color:transparent;color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:not-allowed}.adyen-checkout__dropdown__list{background:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:0 var(--adyen-sdk-spacer-010,2px) 7px rgba(0,15,45,.3);display:none;list-style:none;margin:0 0 var(--adyen-sdk-spacer-120,48px);max-height:375px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:2}.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{display:block;margin-top:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__dropdown__element{align-items:center;border:var(--adyen-sdk-border-width-s,1px) solid transparent;cursor:pointer;display:flex;font-size:var(--adyen-sdk-text-body-font-size,14px);-webkit-hyphens:auto;hyphens:auto;line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:var(--adyen-sdk-spacer-040,8px);transition:background .2s ease-out,border-color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word}.adyen-checkout__dropdown__element .adyen-checkout__icon{position:absolute;right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element:last-child{border-bottom:0}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active{background:rgba(230,233,235,.6)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected{background:rgba(0,102,255,.1)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover{background:rgba(0,102,255,.15)}.adyen-checkout__dropdown__element--disabled{cursor:not-allowed;opacity:.4}.adyen-checkout__dropdown__element__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);margin-right:var(--adyen-sdk-spacer-060,12px);max-height:26px;max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__element__text{flex-grow:1}.adyen-checkout__dropdown__element__secondary-text:not(:last-child){margin-right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element__flag{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:var(--adyen-sdk-spacer-050,10px);max-height:18px;max-width:27px}.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{right:var(--adyen-sdk-spacer-100,32px)}
.adyen-checkout__installments .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__installments .adyen-checkout__input-wrapper:active,.adyen-checkout__installments .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__installments .adyen-checkout__fieldset--revolving-plan{margin-top:-5px}
.adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:400;line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-070,16px);padding-left:0}[dir=rtl] .adyen-checkout-disclaimer__label{padding-right:0}
.adyen-checkout__card__dual-branding__buttons{display:flex;opacity:.4;pointer-events:none}.adyen-checkout__card__dual-branding__buttons--active{opacity:1;pointer-events:auto}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon{cursor:pointer;opacity:1}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child{right:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected{opacity:.5}
.adyen-checkout__card__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;margin-bottom:var(--adyen-sdk-spacer-060,12px);margin-top:-12px;min-height:var(--adyen-sdk-spacer-090,24px);transition:all .3s ease-out}.adyen-checkout__card__brands__brand-wrapper{border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));display:inline-block;height:var(--adyen-sdk-spacer-070,16px);margin:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-010,2px);overflow:hidden;position:relative;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__card__brands--hidden{margin:-8px 0 8px;max-height:0;min-height:0;opacity:0}.adyen-checkout__card__brands img{display:block;height:auto;margin:0;padding:0;width:100%}
.adyen-checkout__checkbox{display:flex;width:100%}.adyen-checkout__checkbox__label{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:inline-block;flex:1 1;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:400;line-height:var(--adyen-sdk-text-caption-line-height,18px);padding-left:var(--adyen-sdk-spacer-090,24px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__checkbox__label{padding-left:0;padding-right:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__checkbox__input{opacity:0;pointer-events:none;position:absolute}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before{opacity:1}.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__checkbox__input:checked:hover+.adyen-checkout__checkbox__label:after{border-color:var(--adyen-sdk-color-label-primary,#00112c);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__checkbox__input:focus+.adyen-checkout__checkbox__label:after{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__checkbox__input:hover:not(:focus)+.adyen-checkout__checkbox__label:after{border-color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{border-bottom:var(--adyen-sdk-spacer-010,2px) solid var(--adyen-sdk-color-label-on-color,#ffffff);border-left:1px solid transparent;border-radius:0 var(--adyen-sdk-spacer-010,2px) 1px;border-right:var(--adyen-sdk-spacer-010,2px) solid var(--adyen-sdk-color-label-on-color,#ffffff);border-top:1px solid transparent;content:"";height:11px;left:1px;opacity:0;position:absolute;top:var(--adyen-sdk-spacer-010,2px);transform:rotate(37deg);transform-origin:100% 100%;transition:opacity .2s ease-out;width:var(--adyen-sdk-spacer-030,6px);z-index:1}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:before{left:auto;right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-s,4px);content:"";height:var(--adyen-sdk-spacer-070,16px);left:0;position:absolute;top:0;transition:background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;width:var(--adyen-sdk-spacer-070,16px);z-index:0}[dir=rtl] .adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{left:auto;right:0}.adyen-checkout__field--consentCheckbox{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex}.adyen-checkout__field--consentCheckbox,[dir=rtl] .adyen-checkout__field--consentCheckbox{padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none;flex:1 1;justify-content:space-between}.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:active,.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--consentCheckbox .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error{border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation{margin-right:0}[dir=rtl] .adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation{margin-left:0}
.adyen-checkout__address-search{position:relative}.adyen-checkout__address-search .adyen-checkout__dropdown__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:var(--adyen-sdk-spacer-070,16px);left:var(--adyen-sdk-spacer-060,12px);position:absolute;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");transform:none}.adyen-checkout__address-search .adyen-checkout__filter-input{padding-left:calc(var(--adyen-sdk-spacer-040, 8px) + var(--adyen-sdk-spacer-070, 16px));position:relative}.adyen-checkout__address-search__manual-add{position:absolute;right:0;top:0}.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button{border:0;padding:0}
.adyen-checkout-form-instruction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px);margin-top:0}[dir=rtl] .adyen-checkout-form-instruction{padding-right:0}
.adyen-checkout__button{background:var(--adyen-sdk-color-background-always-dark,#00112c);border:0;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-on-color,#ffffff);cursor:pointer;font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-120,48px);margin:0;padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-000,0);text-decoration:none;transition:background .3s ease-out,box-shadow .3s ease-out;width:100%}.adyen-checkout__button:focus{box-shadow:0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:0}.adyen-checkout__button:hover{background:var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);box-shadow:0 0,0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) -1px rgba(0,0,0,.2),0 var(--adyen-sdk-spacer-020,4px) 5px 0 rgba(0,0,0,.14)}.adyen-checkout__button:active{background:var(--adyen-sdk-color-background-always-dark-active,#8d95a3)}.adyen-checkout__button:hover:focus{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3),0 3px var(--adyen-sdk-spacer-020,4px) rgba(0,15,45,.2)}.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--loading{background:var(--adyen-sdk-color-label-disabled,#8d95a3);box-shadow:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button.adyen-checkout__button--pay{display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__button.adyen-checkout__button--pay:disabled{opacity:.4}.adyen-checkout__button.adyen-checkout__button--standalone{margin-top:0}.adyen-checkout__button.adyen-checkout__button--inline{display:block;font-size:.81em;height:auto;padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-040,8px);width:auto}.adyen-checkout__button.adyen-checkout__button--ghost{background:none;border:0;color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__button.adyen-checkout__button--ghost:hover{background:var(--adyen-sdk-color-background-secondary-hover,#eeeff1);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--ghost:active{background:var(--adyen-sdk-color-background-secondary-active,#e3e5e9);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__button.adyen-checkout__button--secondary:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) rgba(27,42,60,.2),0 var(--adyen-sdk-spacer-020,4px) 5px rgba(27,42,60,.14)}.adyen-checkout__button.adyen-checkout__button--secondary:active,.adyen-checkout__button.adyen-checkout__button--secondary:active:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary:focus{box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:0}.adyen-checkout__button.adyen-checkout__button--secondary:disabled,.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-color:var(--adyen-sdk-color-outline-disabled,#dbdee2);box-shadow:none;cursor:not-allowed;opacity:.5;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--action{background:var(--adyen-sdk-color-background-always-dark,#00112c);border:var(--adyen-sdk-border-width-s,1px) solid transparent;color:var(--adyen-sdk-color-label-on-color,#ffffff);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__button.adyen-checkout__button--action:hover{background:var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--action:active,.adyen-checkout__button.adyen-checkout__button--action:active:hover{background:var(--adyen-sdk-color-background-always-dark-active,#8d95a3);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--link{background:transparent;border:var(--adyen-sdk-border-width-s,1px) solid transparent;border-radius:var(--adyen-sdk-border-radius-s,4px);color:var(--adyen-sdk-color-label-highlight,#0070f5);font-weight:var(--adyen-sdk-text-body-font-weight,400);padding:var(--adyen-sdk-spacer-010,2px);text-decoration:none}.adyen-checkout__button.adyen-checkout__button--link:hover{background:transparent;box-shadow:none;text-decoration:underline}.adyen-checkout__button.adyen-checkout__button--completed,.adyen-checkout__button.adyen-checkout__button--completed:active,.adyen-checkout__button.adyen-checkout__button--completed:active:hover,.adyen-checkout__button.adyen-checkout__button--completed:hover{background:var(--adyen-sdk-color-label-success,#07893c);color:var(--adyen-sdk-color-label-on-color,#ffffff)}.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon{filter:brightness(0) invert(1)}.adyen-checkout__button__content{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__button__icon{margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__button__icon{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__button__text{display:block;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__button__text--sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.adyen-checkout__button .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-label-on-color,#ffffff);border-top-color:transparent;opacity:.1}.adyen-checkout__button .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-label-on-color,#ffffff)}
.adyen-checkout-ctp__otp-resend-code{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;text-decoration:underline}.adyen-checkout-ctp__otp-resend-code--confirmation,.adyen-checkout-ctp__otp-resend-code--disabled{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);cursor:default;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;pointer-events:none}.adyen-checkout-ctp__otp-resend-code--confirmation{align-items:center;display:flex}.adyen-checkout-ctp__otp-resend-code--confirmation>img{margin-left:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-ctp__otp-resend-code-counter{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:default;display:inline-block;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;text-align:right}.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp{margin-bottom:var(--adyen-sdk-spacer-060,12px)}
.adyen_checkout-ctp__brand-wrapper{align-items:center;display:flex;height:18px}.adyen_checkout-ctp__brand-logo{margin-right:var(--adyen-sdk-spacer-030,6px);width:var(--adyen-sdk-spacer-090,24px)}.adyen_checkout-ctp__brand-pipe{height:15px;margin-right:var(--adyen-sdk-spacer-030,6px)}.adyen_checkout-ctp__brand-scheme{margin-right:var(--adyen-sdk-spacer-030,6px);object-fit:none}.adyen_checkout-ctp__brand-scheme-mc{width:27px}.adyen_checkout-ctp__brand-scheme-visa{width:35px}
.adyen-checkout__modal-wrapper{align-items:center;display:flex;height:100%;left:0;overflow-y:auto;overscroll-behavior-y:contain;padding:var(--adyen-sdk-spacer-090,24px);position:fixed;top:0;visibility:hidden;width:100%;z-index:10}.adyen-checkout__modal-wrapper:before{background:rgba(0,17,44,.5);content:"";height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s linear;width:100%;z-index:10}.adyen-checkout__modal-wrapper--open{visibility:visible}.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,.adyen-checkout__modal-wrapper--open:before{opacity:1}.adyen-checkout__modal{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:0 var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-090,24px) rgba(0,17,44,.15);margin:auto;opacity:0;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:opacity .2s ease,visibility .2s ease;z-index:11}@media (max-width:480px){.adyen-checkout__modal-wrapper{padding:0}.adyen-checkout__modal{border-radius:0;height:100%}}
.adyen-checkout__ctp-modal-header-image{display:block;margin:auto}.adyen-checkout__ctp-modal-title{font-size:var(--adyen-sdk-spacer-080,20px);font-weight:700;line-height:var(--adyen-sdk-spacer-090,24px);margin:0 0 var(--adyen-sdk-spacer-060,12px);padding:0}.adyen-checkout__ctp-modal-text{font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__ctp-modal-benefits{margin-left:0;padding-left:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__ctp-modal-benefits li{list-style:disc;margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal{max-width:464px}.adyen_checkout-ctp__brand-wrapper--popup{justify-content:center;margin-bottom:var(--adyen-sdk-spacer-090,24px)}
.adyen-web__ctp-info-button{background-color:transparent;border:0;cursor:pointer;padding:0}
.adyen-checkout-ctp__section-logout-button{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-left:auto;text-decoration:underline}.adyen-checkout-ctp__section-logout-button--disabled{color:var(--adyen-sdk-color-label-disabled,#8d95a3);pointer-events:none}
.adyen-checkout-ctp__section{background-color:white;border-radius:var(--adyen-sdk-spacer-060,12px);box-shadow:0 6px 12px rgba(0,17,44,.08),0 2px 4px rgba(0,17,44,.04);padding:var(--adyen-sdk-spacer-070,16px);position:relative}.adyen-checkout-ctp__section-brand{align-items:center;display:flex;height:18px;margin-bottom:16px}.adyen-checkout-ctp__section--standalone{all:unset}.adyen-checkout-ctp__section .adyen-checkout__fieldset{margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout-ctp__section-header{align-items:center;display:flex}.adyen-checkout-ctp__section-header-title{font-size:17px;font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:22px;margin:0;padding:0;width:auto}@media screen and (max-width:400px){.adyen-checkout-ctp__section-header-title{font-size:15px}}.adyen-checkout-ctp__section-header-adornment{margin-left:5px}.adyen-checkout-ctp__section-text{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0 0 var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-ctp__section-text,.adyen-checkout-ctp__separator{font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400)}.adyen-checkout-ctp__separator{color:var(--adyen-sdk-color-label-primary,#00112c)}
.adyen-checkout-ctp__otp-subtitle--highlighted{color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500)}
.adyen-checkout-ctp__otp-checkbox-container{background-color:#f7f8f9;border-radius:var(--adyen-sdk-border-radius-s,4px);margin-bottom:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__otp-checkbox-container--checked{background-color:#F2F8FF}.adyen-checkout-ctp__otp-checkbox-container label{cursor:pointer}.adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container{margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-ctp__otp-checkbox-info{color:#707070;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin:var(--adyen-sdk-spacer-020,4px) 0 0}.adyen-checkout-ctp__otp-readmore-button{all:unset;color:#0075ff;cursor:pointer;text-transform:lowercase}
.adyen-checkout-ctp__card-list-single-card{align-items:center;background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-spacer-030,6px);display:flex;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__card-list-single-card-expired{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);text-decoration:line-through}.adyen-checkout-ctp__expired-label{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);line-height:17px;margin-left:auto}.adyen-checkout-ctp__card-image{border-radius:3px;height:24px;margin-right:var(--adyen-sdk-spacer-040,8px)}
.checkout-secondary-button__text{font-size:.85em;margin-left:5px;margin-top:1px}
.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled{opacity:1}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text{margin:0;opacity:.4;text-decoration:line-through}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);line-height:17px}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled{opacity:1}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text{opacity:.4;text-decoration:line-through}.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);opacity:1}
.adyen-checkout__iframe{border:0}
.adyen-checkout-ctp__card{background-color:white;border:none;border-radius:var(--adyen-sdk-spacer-020,4px);box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) #999595;cursor:pointer;height:var(--adyen-sdk-spacer-110,40px);margin:0;margin-bottom:var(--adyen-sdk-spacer-080,20px);width:100%}.adyen-checkout-ctp__empty-cards{align-items:center;background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-radius:var(--adyen-sdk-spacer-030,6px);color:var(--adyen-sdk-color-label-tertiary,#8d95a3);display:flex;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-090,24px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__iframe--ctpIframe{pointer-events:auto}.adyen-checkout__iframe--ctpIframe-hidden{display:none}
@keyframes card-bounce{0%{animation-timing-function:cubic-bezier(.17,.17,.32,1);-webkit-translate:0 -60%;-moz-translate:0 -60%;-ms-translate:0 -60%;translate:0 -60%}9.70874%{animation-timing-function:cubic-bezier(.41,0,.49,1);-webkit-translate:0 8.5%;-moz-translate:0 8.5%;-ms-translate:0 8.5%;translate:0 8.5%}23.4466%{animation-timing-function:cubic-bezier(.29,0,.26,1);-webkit-translate:0 -22.5%;-moz-translate:0 -22.5%;-ms-translate:0 -22.5%;translate:0 -22.5%}47.7184%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0}63.8835%{animation-timing-function:cubic-bezier(1,0,.78,1);-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0}86.5534%{-webkit-translate:0 40.7%;-moz-translate:0 40.7%;-ms-translate:0 40.7%;translate:0 40.7%}to{-webkit-translate:0 40.7%;-moz-translate:0 40.7%;-ms-translate:0 40.7%;translate:0 40.7%}}@keyframes card-fade-100{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:1}78.4466%{opacity:1}86.5534%{opacity:0}to{opacity:0}}@keyframes card-fade-60{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:.6}78.4466%{opacity:.6}86.5534%{opacity:0}to{opacity:0}}@keyframes card-fade-20{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:.2}78.4466%{opacity:.2}86.5534%{opacity:0}to{opacity:0}}.adyen-checkout-ctp__card-animation{aspect-ratio:1/.438;filter:grayscale(1);margin:40px auto 50px;max-width:100%;position:relative;width:140px}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer{background-size:contain!important;height:100%;opacity:0;position:absolute;width:100%}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:first-of-type{animation:card-bounce 2.06s linear infinite both,card-fade-100 2.06s linear infinite both;animation-delay:.1s;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath stroke='%23fff' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.4 2.4 0 0 0-.548.23c-.132.08-.653.173-1.164.208m-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373m-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26m-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521M266.657 262.424l-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52M298.327 246.551l33.731-9.038m-17.126 21.816 33.731-9.038'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;opacity:1;z-index:3}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2){animation:card-bounce 2.06s linear infinite both,card-fade-60 2.06s linear infinite both;animation-delay:50ms;opacity:.6;transform:translateY(25%);z-index:2}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2),.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3){background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3){animation:card-bounce 2.06s linear infinite both,card-fade-20 2.06s linear infinite both;opacity:.2;transform:translateY(50%);z-index:1}.adyen-checkout-ctp__loading-subtitle{font-size:var(--adyen-sdk-spacer-070,16px);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0 auto 58px;max-width:280px;text-align:center}
.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin{margin-bottom:var(--adyen-sdk-spacer-080,20px)}
.adyen-checkout__content-separator{align-items:center;color:var(--adyen-sdk-color-label-secondary,#5c687c);display:flex;font-size:13px;justify-content:center;line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px);margin-top:var(--adyen-sdk-spacer-070,16px);white-space:nowrap}.adyen-checkout__content-separator:after,.adyen-checkout__content-separator:before{border-bottom:1px solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);content:"";flex:1 1}.adyen-checkout__content-separator:after{margin-left:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__content-separator:before{margin-right:var(--adyen-sdk-spacer-080,20px)}
.adyen-checkout-link{--text-decoration:none;color:var(--adyen-sdk-color-label-highlight,#0070f5);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}.adyen-checkout-link:focus-visible{outline:none}.adyen-checkout-link:active,.adyen-checkout-link:hover{--text-decoration:underline}.adyen-checkout-link:focus-visible{border-radius:var(--adyen-sdk-border-radius-xs,2px);box-shadow:0 0 0 1px #fff,0 0 0 3px var(--adyen-sdk-focus-ring-color,rgba(0,112,245,.8));transition:.1s cubic-bezier(.785,.135,.15,.86)}[class^=adyen-checkout],[class^=adyen-checkout] *,[class^=adyen-checkout] :after,[class^=adyen-checkout] :before,[class^=adyen-checkout]:after,[class^=adyen-checkout]:before{box-sizing:border-box}
.adyen-checkout__threeds2__challenge,.adyen-checkout__threeds2__challenge-container{background-color:transparent;display:block;height:inherit;min-height:400px;overflow:hidden;position:relative;width:100%}.adyen-checkout__threeds2__challenge--01,.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe{height:400px;width:250px}.adyen-checkout__threeds2__challenge--02,.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe{height:400px;width:390px}.adyen-checkout__threeds2__challenge--03,.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe{height:600px;width:500px}.adyen-checkout__threeds2__challenge--04,.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe{height:400px;width:600px}.adyen-checkout__threeds2__challenge--05,.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe{height:100%;width:100%}.adyen-checkout__iframe--threeDSIframe{border:0;left:0;position:absolute;top:0}
.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon{display:block;margin:var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text{color:var(--adyen-sdk-color-label-critical,#e22d2d);font-size:var(--adyen-sdk-text-title-font-size,16px);margin-bottom:var(--adyen-sdk-spacer-130,56px);text-align:center}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}.adyen-checkout__pm__holderName{margin-bottom:0}.adyen-checkout__pm__holderName .adyen-checkout__input{max-height:100px}.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form{margin-top:0}.adyen-checkout__ach-input .adyen-checkout__fieldset--address,.adyen-checkout__ach-sf__form{margin-top:var(--adyen-sdk-spacer-070,16px)}.sf-input__wrapper{position:relative}
.adyen-checkout__bacs--confirm{position:relative}.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__bacs .adyen-checkout__field--inactive{pointer-events:none}.adyen-checkout__bacs .adyen-checkout__bacs--edit{cursor:pointer;position:absolute;right:0;top:0}.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin{top:-50px}.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button{background:none;border:none;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;padding:0;text-align:end;text-decoration:underline}
.adyen-checkout__voucher-result{border-radius:var(--adyen-sdk-border-radius-m,8px);position:relative;text-align:center}.adyen-checkout__voucher-result__bottom,.adyen-checkout__voucher-result__top{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-separator-primary,#dbdee2)}.adyen-checkout__voucher-result__top{border-bottom:0;border-radius:var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px) 0 0;padding:var(--adyen-sdk-spacer-110,40px) 0 var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__voucher-result__bottom{border-radius:0 0 var(--adyen-sdk-border-radius-m,8px) var(--adyen-sdk-border-radius-m,8px);border-top:0}.adyen-checkout__voucher-result__separator{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);display:flex;margin:0 auto;position:relative}.adyen-checkout__voucher-result__separator__inner{border-top:1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);width:100%}.adyen-checkout__voucher-result__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--adyen-sdk-spacer-110,40px);width:100%}.adyen-checkout-link--voucher-result-instructions{display:inline-block}.adyen-checkout__voucher-result__image__wrapper{display:block;height:var(--adyen-sdk-spacer-120,48px);margin:0 var(--adyen-sdk-spacer-090,24px);position:relative}.adyen-checkout__voucher-result__image__wrapper:after{border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));content:"";height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__voucher-result__image__wrapper:nth-child(2){margin-left:0}.adyen-checkout__voucher-result__image__brand,.adyen-checkout__voucher-result__image__issuer{border-radius:var(--adyen-sdk-border-radius-m,8px);height:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__voucher-result__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,14px);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0 auto;max-width:400px;text-align:center}.adyen-checkout__voucher-result__amount{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,16px);font-weight:700;margin:var(--adyen-sdk-spacer-090,24px) auto 0;text-align:center}.adyen-checkout__voucher-result__surcharge{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,14px);text-align:center}.adyen-checkout__voucher-result__code__label,.adyen-checkout__voucher-result__surcharge{display:block;font-weight:400;line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout__voucher-result__code__label{left:0;margin:0 auto;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.adyen-checkout__voucher-result__code__label:before{content:"";position:absolute}.adyen-checkout__voucher-result__code__label__text{background:var(--adyen-sdk-color-background-primary,#ffffff);color:var(--adyen-sdk-color-label-primary,#00112c);font-size:13px;letter-spacing:normal;line-height:1;padding:0 var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__voucher-result__code__barcode{display:block;height:var(--adyen-sdk-spacer-130,56px);margin:0 auto var(--adyen-sdk-spacer-040,8px);max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__voucher-result__code{border-width:1px 0;color:var(--adyen-sdk-color-label-primary,#00112c);display:inline-block;font-size:var(--adyen-sdk-text-title-l-font-size,24px);font-weight:700;letter-spacing:1px;line-height:1.2;margin:0 auto;padding:var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-120,48px);position:relative;text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all;width:100%;word-break:break-word}.adyen-checkout__voucher-result__details{list-style:none;margin:-1px auto 0;padding:0}.adyen-checkout__voucher-result__details__item{border-top:1px solid var(--adyen-sdk-color-separator-primary,#dbdee2);color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-body-font-size,14px);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-090,24px);word-break:break-word}.adyen-checkout__voucher-result__details__item:last-child{margin-bottom:0}.adyen-checkout__voucher-result__details__label{max-width:50%;text-align:left}.adyen-checkout__voucher-result__details__value{font-weight:700;max-width:50%;text-align:right}.adyen-checkout__voucher-result__actions{align-items:center;display:flex;justify-content:center;list-style:none;margin:0 auto var(--adyen-sdk-spacer-100,32px);max-width:100%;min-width:200px;padding:0;width:300px}.adyen-checkout__voucher-result__actions__item{margin:0 var(--adyen-sdk-spacer-020,4px)}
.adyen-checkout__voucher-result__introduction{font-size:var(--adyen-sdk-text-title-font-size,16px);max-width:420px}
.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group{display:flex}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group{display:flex;margin:var(--adyen-sdk-spacer-040,8px) 0}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper{margin-right:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child{margin:0}.adyen-checkout__field--gender .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--gender .adyen-checkout__input-wrapper:active,.adyen-checkout__field--gender .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--gender .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--gender .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}
.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:active,.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--separateDeliveryAddress .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress,.adyen-checkout__open-invoice .adyen-checkout__fieldset--personalDetails{padding-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress{margin-top:var(--adyen-sdk-spacer-090,24px);padding-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress{margin-bottom:0}.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox{margin-top:var(--adyen-sdk-spacer-070,16px)}
.adyen-checkout__amazonpay__button{margin:auto}.adyen-checkout__amazonpay .adyen-checkout__button--ghost{display:block;margin:var(--adyen-sdk-spacer-040,8px) auto 0;width:auto}
.adyen-checkout__applepay__button{height:var(--adyen-sdk-spacer-120,48px);width:240px}.adyen-checkout__dropin .adyen-checkout__applepay__button{border-radius:var(--adyen-sdk-border-radius-m,8px);width:100%}@supports (-webkit-appearance:-apple-pay-button){.apple-pay,.apple-pay-button{-webkit-appearance:-apple-pay-button}.apple-pay-button{cursor:pointer;display:inline-block}.apple-pay-button-black{-apple-pay-button-style:black}.apple-pay-button-white{-apple-pay-button-style:white}.apple-pay-button-white-with-line{-apple-pay-button-style:white-outline}.apple-pay-button--type-plain{-apple-pay-button-type:plain}.apple-pay-button--type-buy{-apple-pay-button-type:buy}.apple-pay-button--type-donate{-apple-pay-button-type:donate}.apple-pay-button--type-check-out{-apple-pay-button-type:check-out}.apple-pay-button--type-book{-apple-pay-button-type:book}.apple-pay-button--type-subscribe{-apple-pay-button-type:subscribe}.apple-pay-button--type-add-money{-apple-pay-button-type:add-money}.apple-pay-button--type-contribute{-apple-pay-button-type:contribute}.apple-pay-button--type-order{-apple-pay-button-type:order}.apple-pay-button--type-reload{-apple-pay-button-type:reload}.apple-pay-button--type-rent{-apple-pay-button-type:rent}.apple-pay-button--type-support{-apple-pay-button-type:support}.apple-pay-button--type-tip{-apple-pay-button-type:tip}.apple-pay-button--type-top-up{-apple-pay-button-type:top-up}}@supports not (-webkit-appearance:-apple-pay-button){.apple-pay-button{background-position:50% 50%;background-repeat:no-repeat;background-size:100% 60%;border-radius:5px;display:inline-block;max-height:var(--adyen-sdk-spacer-140,64px);min-height:var(--adyen-sdk-spacer-100,32px);min-width:200px;padding:0}.apple-pay-button-black{background-color:black;background-image:-webkit-named-image(apple-pay-logo-white)}.apple-pay-button-white,.apple-pay-button-white-with-line{background-color:white;background-image:-webkit-named-image(apple-pay-logo-black)}.apple-pay-button-white-with-line{border:.5px solid black}}
.adyen-checkout__cashapp>.adyen-checkout__store-details{margin-bottom:var(--adyen-sdk-spacer-070,16px);margin-top:0}
.adyen-checkout__paywithgoogle{height:var(--adyen-sdk-spacer-120,48px)}
.adyen-checkout__paypal__buttons{position:relative;z-index:0}.adyen-checkout__paypal__button{display:flex;margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__paypal__button:empty{display:none}.adyen-checkout__paypal__status--pending{margin:var(--adyen-sdk-spacer-070,16px) 0}.adyen-checkout__paypal__status--processing{align-items:center;display:flex;font-size:13px;justify-content:center;padding:var(--adyen-sdk-spacer-090,24px) 0}.adyen-checkout__paypal-processing .adyen-checkout__paypal__button{display:none}.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending{margin:var(--adyen-sdk-spacer-070,16px) 0 38px}.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing{padding:var(--adyen-sdk-spacer-080,20px) 0 65px}
.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:active,.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--sendCopyToEmail .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}
.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code{font-size:var(--adyen-sdk-text-body-font-size,14px);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding:var(--adyen-sdk-spacer-090,24px);word-break:break-all}
.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code{font-size:var(--adyen-sdk-text-body-font-size,14px);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding:var(--adyen-sdk-spacer-090,24px);word-break:break-all}
.adyen-checkout__issuer-button{align-items:center;background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:none;border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary,#dbdee2);cursor:pointer;display:flex;flex-basis:47%;flex-grow:2;font-size:var(--adyen-sdk-text-body-font-size,14px);height:var(--adyen-sdk-spacer-110,40px);justify-content:space-between;padding:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-060,12px);transition:background .3s ease-out,box-shadow .3s ease-out}.adyen-checkout__issuer-button:active{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus{box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible{box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:none}.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover{box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:none}.adyen-checkout__issuer-button--selected{background:var(--adyen-sdk-color-background-primary,#ffffff);box-shadow:inset 0 0 0 1.5px var(--adyen-sdk-color-outline-primary-active,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-110,40px);transition:none}.adyen-checkout__issuer-button-img{margin-right:var(--adyen-sdk-spacer-040,8px);max-height:26px}
.adyen-checkout__issuer-button-group{display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px)}
.adyen-checkout__field--issuer-list{margin-bottom:0}
.adyen-checkout__econtext-input__field>.adyen-checkout__button--pay:only-child{margin-top:0}
.adyen-checkout-trustly{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-trustly__descriptor{font-size:var(--adyen-sdk-text-subtitle-font-size,16px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);margin:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-trustly__description-list{font-size:var(--adyen-sdk-text-body-font-size,14px);line-height:1.5;list-style-type:disc;margin:0;padding-left:var(--adyen-sdk-spacer-080,20px)}
.adyen-checkout-paybybank_AIS_DD{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-paybybank_AIS_DD__description-header{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,16px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);margin:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-paybybank_AIS_DD__description-body{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:1.5;list-style-type:disc;margin:0}@media (max-width:330px){.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(2){display:none}}@media (max-width:360px){.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(3){display:none}}@media (max-width:390px){.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:nth-child(4){display:none}}.adyen-checkout__payment-method--paybybank_AIS_DD .adyen-checkout__payment-method__brand-number{text-overflow:clip;white-space:nowrap}
.adyen-checkout__klarna-widget{pointer-events:all}
.adyen-checkout__qr-loader{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-110,40px);text-align:center}.adyen-checkout__qr-loader--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__qr-loader__brand-logo{border-radius:3px;width:74px}.adyen-checkout__qr-loader__subtitle{margin:var(--adyen-sdk-spacer-100,32px) auto 0;max-width:400px}.adyen-checkout__qr-loader__subtitle--result{margin-bottom:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__qr-loader__payment_amount,.adyen-checkout__qr-loader__subtitle{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,16px);line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout__qr-loader__icon{height:88px;width:88px}.adyen-checkout__qr-loader__payment_amount{font-weight:700}.adyen-checkout__qr-loader__progress{background:var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-l,12px);height:var(--adyen-sdk-spacer-020,4px);margin:var(--adyen-sdk-spacer-100,32px) auto var(--adyen-sdk-spacer-060,12px);padding-right:3%;width:152px}[dir=rtl] .adyen-checkout__qr-loader__progress{padding-left:3%;padding-right:0}.adyen-checkout__qr-loader__percentage{background:var(--adyen-sdk-color-label-primary,#00112c);border-radius:var(--adyen-sdk-border-radius-l,12px);display:block;height:100%}.adyen-checkout__qr-loader__countdown{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,14px)}.adyen-checkout__qr-loader>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__qr-loader__app-link{display:none}.adyen-checkout__button.adyen-checkout__button--qr-loader{margin-top:var(--adyen-sdk-spacer-090,24px);text-decoration:none}.adyen-checkout__qr-loader__instructions{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);font-size:var(--adyen-sdk-text-subtitle-font-size,16px);line-height:1.5;margin-top:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__qr-loader__actions{align-items:center;display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-100,32px)}@media only screen and (max-device-width:1200px){.adyen-checkout__qr-loader__app-link{display:block}}
.adyen-checkout-payme-instructions{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-body-font-size,14px);line-height:var(--adyen-sdk-text-body-line-height,20px);text-align:center}.adyen-checkout-payme-instructions__steps{list-style-position:inside;margin:var(--adyen-sdk-spacer-070,16px) 0;padding-bottom:var(--adyen-sdk-spacer-040,8px);-webkit-padding-start:0;padding-inline-start:0}
.adyen-checkout__blik__helper{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,16px);font-weight:400;margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:0}
.adyen-checkout__await{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-110,40px);text-align:center}.adyen-checkout__await--result{padding:100px}.adyen-checkout__qr-loader--app{border:0;border-radius:0;padding:0}.adyen-checkout__await__brand-logo{border-radius:3px;width:74px}.adyen-checkout__await__indicator-text,.adyen-checkout__await__subtitle{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,16px);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text{margin-left:var(--adyen-sdk-spacer-050,10px);margin-top:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__await__indicator-holder{display:flex;justify-content:center;margin-bottom:var(--adyen-sdk-spacer-080,20px);margin-top:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__subtitle--result{margin-bottom:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__await__icon{height:88px;width:88px}.adyen-checkout__await__progress{background:var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-l,12px);height:var(--adyen-sdk-spacer-020,4px);margin:var(--adyen-sdk-spacer-100,32px) auto var(--adyen-sdk-spacer-060,12px);width:152px}.adyen-checkout__await__percentage{background:var(--adyen-sdk-color-label-primary,#00112c);border-radius:var(--adyen-sdk-border-radius-l,12px);display:block;height:100%}.adyen-checkout__await__countdown{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);font-size:var(--adyen-sdk-text-body-font-size,14px)}.adyen-checkout__await>.adyen-checkout__spinner__wrapper{margin:60px 0}.adyen-checkout__await__app-link{display:none;margin-top:var(--adyen-sdk-spacer-070,16px)}@media only screen and (max-device-width:1200px){.adyen-checkout__await__app-link{display:block}}
.adyen-checkout__loading-input__form{transition:opacity .25s ease-out}
.adyen-checkout__fieldset--phone-input{direction:ltr}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields{gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields>.adyen-checkout__field{margin-bottom:0}.adyen-checkout-field--phone-prefix{width:144px}.adyen-checkout-field--phone-number{flex:1 1}
.adyen-checkout__field--vpa{margin-bottom:0}
.adyen-checkout_upi-mode-selection-text{font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-040,8px);margin-top:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__segmented-control--upi-margin-bottom{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-upi-area-intent .adyen-checkout__button--pay{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-upi-area-qr-code .adyen-checkout__button--pay{margin-top:var(--adyen-sdk-spacer-000,0)}
.adyen-checkout-checkmark{border-bottom:1.5px solid var(--adyen-sdk-color-label-primary,#00112c);border-right:1.5px solid var(--adyen-sdk-color-label-primary,#00112c);height:var(--adyen-sdk-spacer-060,12px);transform:rotate(45deg);width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__segmented-control{background:var(--adyen-sdk-color-background-tertiary,#eeeff1);border-radius:var(--adyen-sdk-border-radius-l,12px);display:flex;gap:var(--adyen-sdk-spacer-020,4px);justify-content:space-between;padding:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__segmented-control--disabled{pointer-events:none}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment{color:var(--adyen-sdk-color-label-disabled,#8d95a3)}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected .adyen-checkout-checkmark{border-bottom:1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3);border-right:1.5px solid var(--adyen-sdk-color-label-disabled,#8d95a3)}.adyen-checkout__segmented-control-segment{align-items:center;background:transparent;border:0;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;flex-grow:1;font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);gap:var(--adyen-sdk-spacer-050,10px);height:var(--adyen-sdk-spacer-110,40px);justify-content:center;text-align:center;transition:background .3s ease-out;width:100%}.adyen-checkout__segmented-control-segment:active,.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8)}.adyen-checkout__segmented-control-segment--selected{background:var(--adyen-sdk-color-background-primary,#ffffff);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));color:var(--adyen-sdk-color-label-primary,#00112c)}
.adyen-checkout__payment-method__header__title{align-items:center;background:none;border:none;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;flex-shrink:0;font-size:1em;font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);gap:var(--adyen-sdk-spacer-060,12px);margin-right:var(--adyen-sdk-spacer-070,16px);max-height:38px;max-width:100%;padding:0}[dir=rtl] .adyen-checkout__payment-method__header__title{margin-left:var(--adyen-sdk-spacer-070,16px);margin-right:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__payment-method__radio{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:50%;height:var(--adyen-sdk-spacer-070,16px);left:var(--adyen-sdk-spacer-070,16px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}[dir=rtl] .adyen-checkout__payment-method__radio{left:auto;right:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__radio:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;content:"";display:block;height:var(--adyen-sdk-spacer-040,8px);left:0;margin:0 auto;position:relative;right:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease-out;width:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__payment-method__radio--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .3s ease-out}.adyen-checkout__payment-method__radio--selected:hover{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__payment-method__radio--selected:after{transform:translateY(-50%) scale(1)}
.adyen-checkout-upi-app-item{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);cursor:pointer;display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-070,16px);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,border-radius .15s ease;width:100%}.adyen-checkout-upi-app-item__label{cursor:pointer}.adyen-checkout-upi-app-item:hover:not(.adyen-checkout-upi-app-item--selected){border-color:var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout-upi-app-item--selected:not(.adyen-checkout-upi-app-item:last-child){border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout-upi-app-item--selected{border-color:var(--adyen-sdk-color-outline-secondary,#c9cdd3);cursor:default}.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item,.adyen-checkout-upi-app-item--selected .adyen-checkout-expand-button--upi-app-item>label{cursor:default}.adyen-checkout-upi-app-item .adyen-checkout-expand-button--upi-app-item{margin-right:0}
.adyen-checkout-upi-app-list{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);list-style:none;margin:0;padding:0}.adyen-checkout-upi-app-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.adyen-checkout__alert-message{border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,12px);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px);text-align:left}.adyen-checkout__alert-message--error{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d)}.adyen-checkout__alert-message--info{background:var(--adyen-sdk-color-background-secondary,#f7f7f8)}.adyen-checkout__alert-message__icon{height:14px;margin-right:var(--adyen-sdk-spacer-040,8px);width:14px}
.adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:var(--adyen-sdk-text-body-font-weight,400);justify-content:space-between;position:relative;width:100%}.adyen-checkout__giftcard-result__header__title{align-items:center;display:flex}.adyen-checkout__giftcard-result__name{margin-left:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance{list-style:none;margin:var(--adyen-sdk-spacer-070,16px) 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__giftcard-result__balance__item:last-child{margin-bottom:0}.adyen-checkout__giftcard-result__balance__value--amount{font-weight:700}.adyen-checkout__giftcard-result__remaining-balance{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:13px;line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:var(--adyen-sdk-spacer-040,8px) auto 0;text-align:center}
.adyen-checkout__bankTransfer__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:0}.adyen-checkout__bankTransfer__emailField{margin:0 0 var(--adyen-sdk-spacer-070,16px)}
.adyen-checkout__adyen-giving .adyen-checkout__status__icon{display:block;margin:var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__adyen-giving .adyen-checkout__status__text{color:var(--adyen-sdk-color-label-primary,#00112c);margin-bottom:var(--adyen-sdk-spacer-130,56px);text-align:center}.adyen-checkout__adyen-giving .adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-primary,#00112c);margin-top:0}.adyen-checkout__campaign{background:var(--adyen-sdk-color-label-primary,#00112c);border-radius:var(--adyen-sdk-border-radius-m,8px);height:227px;overflow:hidden;position:relative}.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description{text-decoration:underline}.adyen-checkout__campaign-container{height:100%}.adyen-checkout__campaign-logo{border:var(--adyen-sdk-spacer-010,2px) solid rgba(255,255,255,.4);border-radius:var(--adyen-sdk-border-radius-s,4px);display:block;height:var(--adyen-sdk-spacer-120,48px);margin-bottom:var(--adyen-sdk-spacer-070,16px);overflow:hidden;width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__campaign-background-image{background-color:var(--adyen-sdk-color-label-primary,#00112c);background-position:50%;background-size:cover;height:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before{background:inherit;content:"";height:100%;position:absolute;transition:transform .6s ease-out;width:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before{transform:scale(1.1)}.adyen-checkout__campaign-link .adyen-checkout__campaign-content{pointer-events:none}.adyen-checkout__campaign-content{bottom:0;padding:var(--adyen-sdk-spacer-070,16px);position:absolute;z-index:2}.adyen-checkout__campaign-description,.adyen-checkout__campaign-title{color:var(--adyen-sdk-color-label-on-color,#ffffff);font-weight:400;margin:0}.adyen-checkout__campaign-title{font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:var(--adyen-sdk-text-title-line-height,26px);margin-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__campaign-cause{color:var(--adyen-sdk-color-label-on-color,#ffffff);font-weight:var(--adyen-sdk-text-caption-font-weight,400);font-weight:var(--adyen-sdk-text-caption-stronger-font-weight,500)}.adyen-checkout__campaign-cause,.adyen-checkout__campaign-description{font-size:var(--adyen-sdk-text-caption-font-size,12px);line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout-roundup-description,.adyen-checkout__campaign-description{font-weight:var(--adyen-sdk-text-caption-font-weight,400)}.adyen-checkout-roundup-description{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,12px);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding-left:0}.adyen-checkout__adyen-giving-actions{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);margin-top:var(--adyen-sdk-spacer-070,16px);text-align:center}.adyen-checkout__button.adyen-checkout__button--donate{margin:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__button.adyen-checkout__button--decline{display:block;margin:auto}
.adyen-checkout__button-group{background:transparent;display:flex;justify-content:space-between}.adyen-checkout__button-group .adyen-checkout__button{background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary,#dbdee2);color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:400;height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-spacer-110,40px);margin-right:var(--adyen-sdk-spacer-040,8px);padding:0;text-align:center}.adyen-checkout__button-group .adyen-checkout__button:last-child{margin-right:0}.adyen-checkout__button-group .adyen-checkout__button:hover{background:transparent;box-shadow:inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__button-group .adyen-checkout__button:active{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__button-group .adyen-checkout__button--disabled,.adyen-checkout__button-group .adyen-checkout__button--disabled:hover{cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button-group .adyen-checkout__button--selected,.adyen-checkout__button-group .adyen-checkout__button--selected:active,.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,.adyen-checkout__button-group .adyen-checkout__button--selected:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-label-primary,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-110,40px);transition:none}.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input{opacity:0;pointer-events:none;position:absolute}
.adyen-checkout__order-payment-methods-list{list-style:none;margin:0 auto var(--adyen-sdk-spacer-070,16px);padding:0}.adyen-checkout__order-payment-method{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);margin-top:-1px;position:relative;width:100%}.adyen-checkout__order-payment-method:first-child{border-top-left-radius:var(--adyen-sdk-border-radius-m,8px);border-top-right-radius:var(--adyen-sdk-border-radius-m,8px)}.adyen-checkout__order-payment-method:last-child{border-bottom-left-radius:var(--adyen-sdk-border-radius-m,8px);border-bottom-right-radius:var(--adyen-sdk-border-radius-m,8px)}.adyen-checkout__order-payment-method__header{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:background .1s ease-out;width:100%}.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title{padding:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__order-payment-method__details{padding:0 var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__order-payment-method__deducted-amount{display:flex;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);justify-content:space-between;line-height:var(--adyen-sdk-text-subtitle-font-size,16px)}.adyen-checkout__order-payment-method__deducted-amount__label{font-size:var(--adyen-sdk-text-body-font-size,14px)}.adyen-checkout__order-payment-method__deducted-amount__value{font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500)}.adyen-checkout__order-remaining-amount{border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-secondary,#5c687c);display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__order-remaining-amount strong{font-weight:700}
.adyen-checkout__dropin--loading .adyen-checkout__instant-payment-methods-list{opacity:.2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.adyen-checkout__payment-method__disable-confirmation{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border-left:1px solid #e12424;border-right:1px solid #e12424;color:var(--adyen-sdk-color-label-on-color,#ffffff);font-size:var(--adyen-sdk-text-body-font-size,14px);margin:0 -17px;max-height:0;opacity:0;overflow:hidden;transition:opacity .15s ease-out,max-height .15s linear,margin-bottom .1s linear}.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open{margin-bottom:var(--adyen-sdk-spacer-070,16px);max-height:62px;opacity:1}.adyen-checkout__payment-method__disable-confirmation__content{align-items:center;display:flex;justify-content:space-between;padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__disable-confirmation__buttons{display:flex}.adyen-checkout__payment-method__disable-confirmation__button{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border:var(--adyen-sdk-border-width-s,1px) solid transparent;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-on-color,#ffffff);cursor:pointer;display:block;height:auto;margin:0 0 0 var(--adyen-sdk-spacer-040,8px);padding:var(--adyen-sdk-spacer-040,8px);width:auto}.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus{background:#d81e1e;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:#c11b1b;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled{border-color:var(--adyen-sdk-color-label-on-color,#ffffff)}.adyen-checkout__payment-method__disable-confirmation__button--cancel,.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled{border-color:transparent}
.adyen-checkout__payment-method{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);cursor:pointer;position:relative;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,border-radius .15s ease;width:100%}.adyen-checkout__payment-method:focus{outline:0}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected){border-color:var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__payment-method--loading{opacity:.2}.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{opacity:.9}.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,.adyen-checkout__payment-method--disabling{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__payment-method--disabling{opacity:.3}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio{display:none}.adyen-checkout__payment-method__header{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-body-font-weight,400);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:background .1s ease-out;width:100%}[dir=rtl] .adyen-checkout__payment-method__header{padding:calc(var(--adyen-sdk-spacer-070, 16px) - var(--adyen-sdk-spacer-020, 4px));padding-right:calc(var(--adyen-sdk-spacer-120, 48px) - var(--adyen-sdk-spacer-020, 4px))}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header{padding:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__surcharge{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);margin-left:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__payment-method--selected{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);cursor:default;transition:opacity .3s ease-out}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{flex-wrap:wrap}.adyen-checkout__payment-method__details{padding:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-070,16px);position:relative}.adyen-checkout__payment-method__details__content>:last-child{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__image__wrapper{align-items:center;border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));display:flex;height:26px;justify-content:center;overflow:hidden;position:relative;width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__payment-method__image{border-radius:var(--adyen-checkout-border-radius-s);display:block;flex-shrink:0;height:100%;overflow:hidden;width:100%}.adyen-checkout__payment-method__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-020,4px);height:var(--adyen-sdk-spacer-070,16px);margin:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-000,0);overflow:hidden;text-align:right}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);font-size:var(--adyen-sdk-text-body-font-size,14px)}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands{height:auto;overflow:visible;text-align:left}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{display:inline-block;height:var(--adyen-sdk-spacer-070,16px);transition:opacity .2s ease-out;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child{margin:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__payment-method__brands img{display:block;height:100%;width:100%}.adyen-checkout__payment-method__image__wrapper--disabled{opacity:.25}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}
.adyen-checkout__payment-method__name{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.adyen-checkout__payment-method__additional-info{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400)}.adyen-checkout__payment-method__name_wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-020,4px);min-width:var(--adyen-sdk-spacer-120,48px);text-align:start}
.adyen-checkout__status{align-items:center;background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-direction:column;font-size:var(--adyen-sdk-text-title-font-size,16px);height:350px;justify-content:center;margin:0;padding:var(--adyen-sdk-spacer-100,32px);text-align:center}.adyen-checkout__status__icon{margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__status .adyen-checkout__spinner__wrapper{max-height:88px}
.adyen-checkout__dropin{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-100,32px)}.adyen-checkout-payment-methods-container{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-payment-methods-list-label{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-subtitle-font-size,16px);font-weight:var(--adyen-sdk-text-subtitle-stronger-font-weight,600);line-height:var(--adyen-sdk-text-subtitle-line-height,26px)}.adyen-checkout__payment-methods-list{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);list-style:none;margin:0;padding:0}.adyen-checkout__payment-methods-list--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__instant-payment-methods-list{display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);list-style:none;margin:0;padding:0}.adyen-checkout__instant-payment-methods-list li{flex:1 0 calc(50% - var(--adyen-sdk-spacer-070, 16px)/2)}.adyen-checkout__payment-method{display:block}.adyen-checkout__payment-method__details{overflow:hidden}.adyen-checkout__payment-method__image{height:26px;width:var(--adyen-sdk-spacer-110,40px)}[dir=rtl] .adyen-checkout__payment-method__image__wrapper{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout-pm-details-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;visibility:hidden}.adyen-checkout-pm-details-wrapper[aria-hidden=false]{grid-template-rows:1fr;visibility:visible}.adyen-checkout-pm-details-wrapper[aria-hidden=false] .adyen-checkout__payment-method__details{overflow:visible}
.adyen-checkout-sr-panel{font-size:.75em;margin-bottom:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout-sr-panel--sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*# sourceMappingURL=adyen.css.map */
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/AdyenCardComponent/adyenData.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.adyenData_wrapper__5_qc_ {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  margin-top: -1.5625rem;
}

.adyenData_cardContainer__WBRMg {
  margin-bottom: 1.5625rem;
}

.adyenData_securityText__aHLFc {
  margin-bottom: 1.5625rem;
}

.adyenData_errorMsg__Pjr1h {
  margin-bottom: 0.375rem;
  color: #ff3200;
}

.adyenData_infoText__kWbKw {
  color: #54676b;
}

.adyenData_buttonContainer__xWlck {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  width: 50%;
  margin-bottom: 1.5625rem;
}

.adyenData_buttonSecondary__QQlxV {
}

.adyenData_buttonPrimary__n0yHb {
}

.adyenData_buttonPrimarySC__g1chJ {
  width: 100%;
  margin-top: 0.625rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/VoucherCreditRedemption.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.VoucherCreditRedemption_inputWrapper__sN8VI {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  justify-content: space-between;
  margin-top: 0.3125rem;
  margin-bottom: -0.625rem;
}
@media only screen and (min-width: 768px) {
  .VoucherCreditRedemption_inputWrapper__sN8VI {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .VoucherCreditRedemption_inputWrapper__sN8VI {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.VoucherCreditRedemption_button__Z9JfY {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  height: 2.5rem;
  margin-left: 1.25rem;
  color: #64787d;
}

.VoucherCreditRedemption_buttonCalcPage__fcqdD {
  height: 2.5rem;
  margin-left: 0.625rem;
}

.VoucherCreditRedemption_disabledButton__Veiq0 {
  color: #cecece;
}

.VoucherCreditRedemption_separationLine__S3Rsz {
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/PaymentMethodsList.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PaymentMethodsList_img__qN0DM {
  width: 1.125rem;
  height: 1.125rem;
}
.PaymentMethodsList_img__qN0DM:hover {
  cursor: pointer;
}

.PaymentMethodsList_optionWrapper__a7zff {
  flex-wrap: wrap;
}

.PaymentMethodsList_radioWrapper__Jr7ai {
  border: none;
  padding: 0;
}

.PaymentMethodsList_subOption__pcrMw {
  width: 100%;
  margin-left: 1.0625rem;
}

.PaymentMethodsList_adyenWrapper__iSwhL {
  margin-top: 0.625rem;
  width: 100%;
}
@media only screen and (max-width: 500px) {
  .PaymentMethodsList_adyenWrapper__iSwhL {
    padding-right: 1.25rem;
  }
}

.PaymentMethodsList_adyenInner__Dis_M {
  display: flex;
}

.PaymentMethodsList_adyenBlock__yHWsd {
  display: block;
}

.PaymentMethodsList_adyenOptionBlock__wyTSx {
  display: block;
  margin-left: 1.0625rem;
}

.PaymentMethodsList_saveCardInner__booQA {
  margin-left: 1.0625rem;
}

.PaymentMethodsList_adyenContainer__64UCC {
  width: 100%;
}

.PaymentMethodsList_distanceHolder__ELFyz {
  visibility: hidden;
  display: none;
}
@media only screen and (min-width: 501px) {
  .PaymentMethodsList_distanceHolder__ELFyz {
    display: block;
  }
}

.PaymentMethodsList_adyenError__6KF49 {
  display: block;
  color: #ff3200;
  margin-bottom: 0.625rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/IconLink/IconLink.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.IconLink_wrapper__4x6kP {
  color: #64787d;
  fill: #64787d;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.IconLink_wrapper__4x6kP:hover svg {
  color: #187ce0;
  fill: #187ce0;
}

.IconLink_wrapperActive__RMLL9 {
  color: #187ce0;
  fill: #187ce0;
}

.IconLink_txt__Rhk5C {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 1279px) {
  .IconLink_txt__Rhk5C {
    visibility: hidden !important;
    display: none !important;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/OrderSummarySubmission.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.OrderSummarySubmission_list__x3m5e {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .OrderSummarySubmission_list__x3m5e {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .OrderSummarySubmission_list__x3m5e {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.OrderSummarySubmission_detailLine__UWBG7 {
  display: flex;
  justify-content: space-between;
}
.OrderSummarySubmission_detailLine__UWBG7:last-child {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

@media only screen and (max-width: 1023px) {
  .OrderSummarySubmission_separationLine__k_tla {
    border-bottom: 1px solid #cecece;
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}

.OrderSummarySubmission_agbWrapper__yBY_m {
  display: inline-flex;
}
.OrderSummarySubmission_agbWrapper__yBY_m a:hover {
  color: #187ce0;
  fill: #187ce0;
}

.OrderSummarySubmission_button__fYNRi {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-top: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .OrderSummarySubmission_button__fYNRi {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .OrderSummarySubmission_button__fYNRi {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .OrderSummarySubmission_button__fYNRi {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .OrderSummarySubmission_button__fYNRi {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .OrderSummarySubmission_button__fYNRi {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .OrderSummarySubmission_button__fYNRi {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .OrderSummarySubmission_button__fYNRi {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.OrderSummarySubmission_expressCheckoutList__6FsZV {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1.5625rem;
}
.OrderSummarySubmission_expressCheckoutList__6FsZV .OrderSummarySubmission_detailLine__UWBG7 span {
  flex: 3.5 1;
}
.OrderSummarySubmission_expressCheckoutList__6FsZV .OrderSummarySubmission_detailLine__UWBG7 span:last-child {
  flex: 1 1;
  text-align: right;
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/Modals/LeavePrompt/ShoppingCartLeavePromptBody.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShoppingCartLeavePromptBody_textWrapper__0k9aV p {
  margin-bottom: 1.5625rem;
}
.ShoppingCartLeavePromptBody_textWrapper__0k9aV p:first-child {
  margin-bottom: 0.9375rem;
}

.ShoppingCartLeavePromptBody_textareaWrapper__1u3WW {
  display: flex;
  height: 8.125rem;
}

.ShoppingCartLeavePromptBody_hintWrapper__NL_dA {
  min-height: 5.625rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.9375rem 1.5625rem;
  margin-top: 0.625rem;
  border: 1px solid #ff3200;
  background-color: #fff5f0;
  color: red;
}

.ShoppingCartLeavePromptBody_note__Abjnf {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductCard/StickyFooter.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.StickyFooter_wrapper__9g1Ui {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  min-height: 9.25rem;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}

.StickyFooter_wrapperOpen__6I5Xj {
  height: calc(100vh - 56px);
  height: calc((var(--vh, 1vh) * 100) - 56px);
  height: calc(100dvh - 56px);
}

.StickyFooter_fixWrapper__nzSqS {
  width: 100%;
  border-top: 1px solid #cecece;
  transition: padding-bottom 0.4s linear;
}

.StickyFooter_fixContent__U4bKv {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .StickyFooter_fixContent__U4bKv {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StickyFooter_fixContent__U4bKv {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .StickyFooter_fixContent__U4bKv {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
}

@media only screen and (min-width: 670px) {
  .StickyFooter_priceContent__F3sgq {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0 1.25rem;
  }
}

.StickyFooter_strikePrice__4kZ89 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.625rem;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 720px) {
  .StickyFooter_strikePrice__4kZ89 {
    flex-direction: column;
    flex: initial;
  }
}
@media only screen and (min-width: 1024px) {
  .StickyFooter_strikePrice__4kZ89 {
    flex-direction: row;
  }
}

.StickyFooter_priceWrapper__jQBjv {
  min-height: 3.375rem;
}
@media only screen and (min-width: 670px) {
  .StickyFooter_priceWrapper__jQBjv {
    display: flex;
    align-items: flex-end;
    min-height: 2rem;
    padding-right: 1.875rem;
  }
}

.StickyFooter_price__7qcmg {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  white-space: nowrap;
}
@media only screen and (min-width: 670px) {
  .StickyFooter_price__7qcmg {
    padding-right: 1.25rem;
  }
}

.StickyFooter_buttonWrapper__OclUq {
  margin-top: 0.9375rem;
  min-height: 2.5rem;
}

.StickyFooter_iconMenu__Rilo_ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
  justify-content: space-between;
  grid-gap: 1.875rem;
  margin-top: 0.9375rem;
}
@media only screen and (min-width: 501px) {
  .StickyFooter_iconMenu__Rilo_ {
    justify-content: center;
  }
}

.StickyFooter_iconTxt__InxN_ {
  display: none;
}
@media only screen and (min-width: 768px) {
  .StickyFooter_iconTxt__InxN_ {
    display: block;
    visibility: hidden;
    height: 0;
  }
}

.StickyFooter_iconTxtOpen__nO7NL {
  display: none;
}
@media only screen and (min-width: 768px) {
  .StickyFooter_iconTxtOpen__nO7NL {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    display: block;
    height: unset;
    margin-top: 0.5rem;
  }
}

.StickyFooter_expandBtn__L0H6w {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #187ce0;
}

.StickyFooter_btnIcon__XAa_9 {
  width: 0.625rem;
  height: 0.625rem;
  fill: #ffffff;
}

.StickyFooter_popupHeader__NUosE {
  width: 100%;
}

.StickyFooter_headline__9_f_o {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex: 1 1;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .StickyFooter_headline__9_f_o {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StickyFooter_headline__9_f_o {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.StickyFooter_closeBtn__Vh6KG {
  width: 0.9375rem;
  height: 0.9375rem;
}

.StickyFooter_closeIcon__vS3jH {
  width: inherit;
  height: inherit;
  color: #282828;
}

.StickyFooter_popupData__o0Sof {
  flex: 1 1;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  display: grid;
}

.StickyFooter_popupDataInner__2cBdh {
  flex: 1 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media only screen and (min-width: 501px) {
  .StickyFooter_popupDataInner__2cBdh {
    align-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .StickyFooter_popupDataInner__2cBdh {
    align-content: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .StickyFooter_popupDataInner__2cBdh {
    align-content: center;
  }
}

.StickyFooter_popupItem__T9kzK {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    align-self: center;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: 768px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    align-self: unset;
    padding-top: unset;
    padding-bottom: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    align-self: center;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StickyFooter_popupItem__T9kzK {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.StickyFooter_popupItemFirst__6Pc55 {
  position: relative;
  padding-top: 1.5625rem;
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .StickyFooter_popupItemFirst__6Pc55 {
    margin-bottom: unset;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1024px) {
  .StickyFooter_popupItemFirst__6Pc55 {
    margin-bottom: unset;
    padding-right: 0.625rem;
  }
}
.StickyFooter_popupItemFirst__6Pc55::after {
  content: "";
  position: absolute;
  bottom: calc(-1 * (1.875rem) / 2);
  width: 150%;
  left: -25%;
  border-bottom: 1px solid #cecece;
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .StickyFooter_popupItemFirst__6Pc55::after {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .StickyFooter_popupItemFirst__6Pc55::after {
    display: none;
  }
}

.StickyFooter_popupItemSecond__C6bTN {
  padding-bottom: 1.5625rem;
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .StickyFooter_popupItemSecond__C6bTN {
    padding-left: 0.625rem;
  }
}
@media only screen and (min-width: 1024px) {
  .StickyFooter_popupItemSecond__C6bTN {
    padding-left: 0.625rem;
  }
}

.StickyFooter_productImage__1bDcD {
  height: 15.625rem;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .StickyFooter_productImage__1bDcD {
    height: 28.125rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/PortalAdvantages/PortalAdvantagesColumn.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PortalAdvantagesColumn_wrapper__7tN3_ {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  flex-direction: column;
}

.PortalAdvantagesColumn_item__A9IaD {
  display: flex;
  flex: 1 1;
  gap: 0.625rem;
  max-width: 100%;
}

.PortalAdvantagesColumn_image__dQ0es {
  width: 3.125rem;
  flex-shrink: 0;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .PortalAdvantagesColumn_image__dQ0es {
    width: 4.375rem;
  }
}

.PortalAdvantagesColumn_headline__9zv_1 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/FastPayments/FastPayments.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FastPayments_separationLineWrapper__XDc0o {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 1.25rem;
}

.FastPayments_separationLine__SXWTJ {
  width: 100%;
  border-bottom: 1px solid #cecece;
}

.FastPayments_separationLineText__U7i0j {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  text-transform: uppercase;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  color: #cecece;
  text-align: center;
  white-space: nowrap;
}

.FastPayments_paymentWrapper__ZA2fx, .FastPayments_paymentWrapper__noApplePay__QNhP0 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: flex-start;
  grid-gap: 0.375rem;
  gap: 0.375rem;
  margin-bottom: 1.25rem;
}

.FastPayments_paymentWrapper__noApplePay__QNhP0 {
  grid-template-columns: repeat(3, 1fr);
}

.FastPayments_fastpayButtonContainerDisabled__NwPqN {
  opacity: 0.3;
  pointer-events: none;
}

.FastPayments_amazonPayButtonContainer__4WZOe {
  cursor: pointer;
  position: relative;
  width: 100%;
}

.FastPayments_amazonButtonWrapperHide__ECbGk {
  opacity: 0;
  visibility: hidden;
}

.FastPayments_amazonFakeButton__VVRNH {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  grid-template-rows: 26% 1fr 1fr 26%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #000000;
  background-color: #FAD676;
  border-radius: 1.875rem;
  z-index: 1;
}

.FastPayments_amazonPayIconWrapper__vVkjb {
  grid-column: 2/3;
  grid-row: 2/4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.FastPayments_amazonPayIcon__zcx4r {
  width: 100%;
  height: 16px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/ExpressCheckoutContainer/ExpressCheckoutContainer.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ExpressCheckoutContainer_wrapper__SHhWI {
  position: fixed;
  right: 0.625rem;
  top: 40px;
  z-index: 9999;
  min-width: 23.4375rem;
  max-width: 375px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ExpressCheckoutContainer_wrapper__SHhWI {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    pointer-events: all;
    top: 56px;
    outline: 1px solid #ffffff;
  }
}
@media only screen and (min-width: 768px) {
  .ExpressCheckoutContainer_wrapper__SHhWI {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
    right: 0.625rem;
    margin-top: 13px;
  }
}
@media only screen and (min-width: 1280px) {
  .ExpressCheckoutContainer_wrapper__SHhWI {
    right: 10px;
  }
}

.ExpressCheckoutContainer_headlineWrapper__kk261 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-top: 1.25rem;
}

.ExpressCheckoutContainer_headline__xSNRe {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.ExpressCheckoutContainer_closeIcon__fawci {
  width: 0.9375rem;
  height: 0.9375rem;
  fill: #64787d;
}

.ExpressCheckoutContainer_checkoutItem__BdgPa {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.ExpressCheckoutContainer_productImg__dE5p8 {
  width: 5rem;
  height: 5rem;
  margin-right: 1.25rem;
  border: 1px solid #cecece;
}

.ExpressCheckoutContainer_itemWrapper____hoE {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}

.ExpressCheckoutContainer_subheadline__Wl2X_ {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.ExpressCheckoutContainer_customerInfoContainer__oItJH {
  margin-bottom: 1.5625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.ExpressCheckoutContainer_subheadWrapper__1pbOt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ExpressCheckoutContainer_editIcon__8P8Pt {
  cursor: pointer;
  width: 0.9375rem;
  height: 0.9375rem;
  fill: #64787d;
}

.ExpressCheckoutContainer_submitButtonWrapper__PBcPC {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}

.ExpressCheckoutContainer_submitButton__r1eYB {
  width: 100%;
}

.ExpressCheckoutContainer_inputWrapper__EVNBV {
  margin-top: 1.5625rem;
}

.ExpressCheckoutContainer_saveButton__isCHJ {
  margin-top: 1.5625rem;
}

.ExpressCheckoutContainer_separationLine__Y6EyG {
  width: 100%;
  border-bottom: 1px solid #cecece;
  margin-top: 1.5625rem;
}

.ExpressCheckoutContainer_contactMailWrapper__QkPTJ {
  display: flex;
  justify-content: space-between;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductCard/ProductDetailsPrint.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductDetailsPrint_letter__ZB3rI {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 87px 0 87px;
  width: 210mm;
  min-height: 297mm;
  font-size: 11px;
  line-height: 1.7272727273;
  background-color: #ffffff;
}
@media print {
  .ProductDetailsPrint_letter__ZB3rI {
    width: unset;
    min-height: unset;
  }
}

.ProductDetailsPrint_header__TBpRF {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(67px + 50px + 30px);
  padding: 30px 87px 50px 30px;
}
@media print {
  .ProductDetailsPrint_header__TBpRF {
    position: fixed;
  }
}

.ProductDetailsPrint_logoWrapper__f7Uub {
  display: flex;
  justify-content: flex-end;
}

.ProductDetailsPrint_logo__y1Lds {
  width: 170px;
  height: 67px;
}

.ProductDetailsPrint_body__OQECi {
  padding-top: calc(67px + 50px + 30px);
  padding-bottom: calc(100px + 40px + 30px);
  z-index: 2;
}

.ProductDetailsPrint_sender___rjmK {
  margin-bottom: 130px;
}

.ProductDetailsPrint_content__S7MGv {
  flex: auto;
  padding-right: 53px;
}

.ProductDetailsPrint_subjectLine__ozd1s {
  display: flex;
  justify-content: space-between;
}

.ProductDetailsPrint_subject__O9T77 {
  font-weight: bold;
}

.ProductDetailsPrint_intro__pVpQZ {
  padding: 20px 0;
}

.ProductDetailsPrint_table__Gg3fV {
  font-size: inherit;
  line-height: inherit;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.ProductDetailsPrint_td__ik30z {
  vertical-align: top;
}

.ProductDetailsPrint_property__ZbkNg {
  padding-right: 40px;
}

.ProductDetailsPrint_priceTable__PMz8l {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-column-gap: 25px;
}
.ProductDetailsPrint_priceTable__PMz8l div:nth-last-child(2), .ProductDetailsPrint_priceTable__PMz8l div:last-child {
  font-weight: bold;
}
.ProductDetailsPrint_priceTable__PMz8l b {
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
}

.ProductDetailsPrint_infoLines__kUqeB {
  padding-top: 20px;
}
.ProductDetailsPrint_infoLines__kUqeB br::after {
  content: "";
  height: 20px;
  width: 100%;
}

.ProductDetailsPrint_closingLine__YOZrX {
  padding-top: 20px;
}

.ProductDetailsPrint_footer__1hl99 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  min-height: calc(100px + 40px + 30px);
  z-index: 1;
}
@media print {
  .ProductDetailsPrint_footer__1hl99 {
    position: fixed;
    width: 210mm;
  }
}

.ProductDetailsPrint_footerDataWrapper__EZ6Zb {
  display: flex;
  flex: 1 1;
}

.ProductDetailsPrint_footerData__FMYp9 {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 1;
  font-size: 7px;
  line-height: 1.7142857143;
  padding: 40px 87px 30px 87px;
}

.ProductDetailsPrint_footerColumn__oztlh {
  flex: 0 1;
  padding-right: 25px;
}
.ProductDetailsPrint_footerColumn__oztlh:first-of-type {
  min-width: 131px;
}
.ProductDetailsPrint_footerColumn__oztlh:last-of-type {
  padding-right: unset;
}

.ProductDetailsPrint_footerHead__XC2AR {
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
}
.ProductDetailsPrint_footerHead__XC2AR b {
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
}

.ProductDetailsPrint_footerTxt__kVhT5 {
  white-space: nowrap;
}

.ProductDetailsPrint_bg__XfNvb {
  position: absolute;
  width: 210mm;
  height: 566px;
  bottom: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
}
@media print {
  .ProductDetailsPrint_bg__XfNvb {
    position: fixed;
  }
}

.ProductDetailsPrint_bgImg__sbo_q {
  width: 815px;
  height: 566px;
  margin-bottom: -10px;
  fill: #f0f0f0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductCard/StickyHeader.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.StickyHeader_background__gGTu5 {
  position: fixed;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  z-index: 9998;
  transition: all 1s linear;
}

.StickyHeader_backgroundIn__XuVAE {
  top: calc(56px + 3.5rem);
}

.StickyHeader_backgroundOut__jnz0t {
  top: calc(-1 * (calc(56px + 3.5rem) + 100px));
}

.StickyHeader_wrapper__4P3A6 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  justify-content: space-between;
  padding-top: 0.9375rem;
  padding-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .StickyHeader_wrapper__4P3A6 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StickyHeader_wrapper__4P3A6 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.StickyHeader_left__gTyVS {
  min-width: 0;
  width: 63%;
  padding-right: 3.125rem;
}

.StickyHeader_headline__w2o82 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.25rem;
}

.StickyHeader_description__hZUMV {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.StickyHeader_descriptionDisabled__ILkWS {
  color: #cecece;
}

.StickyHeader_right__xPPm0 {
  display: flex;
  flex: 1 1;
  align-items: center;
  white-space: nowrap;
}

.StickyHeader_button__qgdYl {
  width: 100%;
  margin-left: 3.125rem;
}

.StickyHeader_strikePrice__2JQ8B {
  display: flex;
  gap: 0.625rem;
  margin-top: -0.3125rem;
}
.StickyHeader_strikePrice__2JQ8B ~ div > p {
  margin-bottom: -0.1875rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/PropertyInput.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PropertyInput_text__DHi31 {
  margin-bottom: 1.25rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Upload/UploadedButtons.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 1280px) {
  .UploadedButtons_buttonWrapper__A1OLQ {
    display: flex;
  }
}

.UploadedButtons_button__ovEbE {
  margin-left: 0.625rem;
  display: block;
}
@media only screen and (min-width: 1280px) {
  .UploadedButtons_button__ovEbE {
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    border-radius: 1.25rem;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.2727272727;
    background-color: #187ce0;
    color: #ffffff;
    min-height: 1.1875rem;
    padding: 0 1.25rem;
    display: unset;
  }
  .UploadedButtons_button__ovEbE:hover {
    box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  }
  .UploadedButtons_button__ovEbE:hover {
    background-color: #005a96;
  }
  .UploadedButtons_button__ovEbE:active {
    background-color: #005a96;
  }
  .UploadedButtons_button__ovEbE[disabled] {
    background-color: #ababab;
    color: #ffffff;
    pointer-events: none;
  }
}

.UploadedButtons_buttonShow__TyOOF {
}
@media only screen and (max-width: 1279px) {
  .UploadedButtons_buttonShow__TyOOF {
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    border-radius: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    background-color: #187ce0;
    color: #ffffff;
    min-height: 2.5rem;
    border: 0.125rem solid #187ce0;
    padding: 0.3125rem 1.25rem;
  }
  .UploadedButtons_buttonShow__TyOOF:hover {
    box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  }
  .UploadedButtons_buttonShow__TyOOF:hover {
    background-color: #005a96;
    border: 0.125rem solid #005a96;
  }
  .UploadedButtons_buttonShow__TyOOF:active {
    background-color: #005a96;
    border: 0.125rem solid #005a96;
  }
  .UploadedButtons_buttonShow__TyOOF[disabled] {
    background-color: #ababab;
    color: #ffffff;
    border: 0.125rem solid #ababab;
    pointer-events: none;
  }
}

.UploadedButtons_buttonDelete__AYfJj {
}
@media only screen and (max-width: 1279px) {
  .UploadedButtons_buttonDelete__AYfJj {
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    border-radius: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    background-color: transparent;
    color: #187ce0;
    min-height: 2.5rem;
    border: 0.125rem solid #187ce0;
    padding: 0.3125rem 1.25rem;
    margin-top: 0.625rem;
  }
  .UploadedButtons_buttonDelete__AYfJj:hover {
    box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  }
  .UploadedButtons_buttonDelete__AYfJj:hover {
    color: #ffffff;
    background-color: #005a96;
    border: 0.125rem solid #005a96;
  }
  .UploadedButtons_buttonDelete__AYfJj:active {
    background-color: #005a96;
    border: 0.125rem solid #005a96;
  }
  .UploadedButtons_buttonDelete__AYfJj[disabled] {
    background-color: #ffffff;
    color: #ababab;
    border: 0.125rem solid #ababab;
    pointer-events: none;
  }
}
.UploadedButtons_buttonDelete__AYfJj:hover svg {
  fill: #ffffff !important;
}

@media only screen and (max-width: 1279px) {
  .UploadedButtons_label__Hr6mv {
    display: none;
  }
}

.UploadedButtons_buttonIcons__a_fq6 {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}
.UploadedButtons_buttonIcons__a_fq6:hover {
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .UploadedButtons_buttonIcons__a_fq6 {
    display: none;
  }
}

.UploadedButtons_showIco__FhhH0 {
  fill: #ffffff;
}

.UploadedButtons_deleteIco__4_2Ls {
  fill: #187ce0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Upload/Upload.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Upload_pageWrapper__bwKvn {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Upload_pageWrapper__bwKvn {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Upload_pageWrapper__bwKvn {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Upload_wrapper__UUxQE {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .Upload_wrapper__UUxQE {
    flex-wrap: nowrap;
  }
}

.Upload_uploadWrapper__KvUil {
  width: calc(100% / 10 * 10);
}
@media only screen and (min-width: 768px) {
  .Upload_uploadWrapper__KvUil {
    width: calc(100% / 10 * 6);
    margin-right: 0.625rem;
    margin-left: inherit;
  }
}
@media only screen and (min-width: 768px) {
  .Upload_uploadWrapper__KvUil {
    margin-right: 1.25rem;
  }
}

.Upload_area__p_TN5 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5625rem 0.9375rem;
  border: 0.125rem dashed #cecece;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .Upload_area__p_TN5 {
    height: 11.875rem;
  }
}

.Upload_areaInner__GSPyt {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Upload_uploadIcon__x15PE {
  height: 5rem;
  width: 5rem;
  margin-bottom: 0.625rem;
  fill: #e8e8e8;
}
@media only screen and (min-width: 1280px) {
  .Upload_uploadIcon__x15PE {
    margin-bottom: 1.5625rem;
  }
}

.Upload_selectFileLink__X7TLr {
  color: #006eb4;
  cursor: pointer;
}

.Upload_textInactive__iI8rU {
  color: #cecece;
}

.Upload_loadingSpinnerWrapper__a1boc {
  height: 5rem;
  width: 5rem;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .Upload_loadingSpinnerWrapper__a1boc {
    margin-bottom: 1.5625rem;
  }
}

.Upload_button__Ttge_ {
  width: 100%;
  margin-top: 1.5625rem;
}

.Upload_uploadStatus__sa2cG {
  position: relative;
  margin-top: 1.5625rem;
  border: 1px solid #cecece;
}

.Upload_uploadInfo__iqGfs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5625rem;
}

.Upload_file__nZloG {
  display: flex;
  flex-wrap: wrap;
  flex: auto;
  align-items: center;
  align-self: stretch;
  padding-right: 0.9375rem;
}

.Upload_fileName__M2Uk1 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  word-break: break-word;
}
@media only screen and (min-width: 1280px) {
  .Upload_fileName__M2Uk1 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    width: unset;
  }
}

.Upload_icoBox__bDtUA {
  display: inline-flex;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .Upload_icoBox__bDtUA {
    margin-bottom: unset;
  }
}

.Upload_ico__UMlsg {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  align-self: center;
  margin-right: 0.625rem;
}

.Upload_icoFile__Wg0Zv {
  fill: #ababab;
}

.Upload_icoOk__iPlwF {
  fill: #1eb900;
}

.Upload_icoError__XSDMF {
  fill: #ff3200;
}

.Upload_icoText__mvlTP {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (min-width: 1280px) {
  .Upload_icoText__mvlTP {
    display: none;
  }
}

.Upload_icoTextOk__amG5o {
  color: #1eb900;
}

.Upload_icoTextError__HUo3A {
  color: #ff3200;
}

.Upload_status__HpLad {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .Upload_status__HpLad {
    display: unset;
  }
}

@media only screen and (min-width: 1024px) {
  .Upload_percentWrapper__pgyx5 {
    display: flex;
    align-items: center;
    width: 55%;
    justify-content: space-between;
  }
}

.Upload_percent__MSGCU {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  align-self: flex-end;
  text-align: center;
}

.Upload_progressWrapper__NKJFg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.1875rem;
  width: 100%;
}

.Upload_progressBar__t_7XV {
  height: inherit;
  background-color: #187ce0;
}

.Upload_mockupButtonHolder___u_o4 {
  display: flex;
  margin-top: 1.5625rem;
  gap: 0.625rem;
}

.Upload_mockupButton__O7m13 {
  width: 100%;
}

.Upload_errorText__sk9lN {
  color: #ff3200;
  margin-top: 1.25rem;
}

.Upload_productSummaryWrapper__ujgYd {
  width: calc(100% / 10 * 10);
  display: flex;
  flex-direction: column;
  background-color: #f0f0f0;
  border: 2px solid #f0f0f0;
}
@media only screen and (min-width: 768px) {
  .Upload_productSummaryWrapper__ujgYd {
    width: calc(100% / 10 * 4);
    margin-left: 0.625rem;
    margin-right: inherit;
  }
}
@media only screen and (min-width: 768px) {
  .Upload_productSummaryWrapper__ujgYd {
    margin-left: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .Upload_productSummaryWrapper__ujgYd {
    margin-top: 1.5625rem;
  }
}

.Upload_showFactsheetButton__uRGbX {
  margin: 0 1.25rem 1.25rem;
}
@media only screen and (min-width: 768px) {
  .Upload_showFactsheetButton__uRGbX {
    margin: 1.25rem;
  }
}

.Upload_closeFactsheetButton__BXEg3 {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
  background-color: #005a96;
  border: 2px solid #005a96;
  margin: 0 1.25rem;
}
.Upload_closeFactsheetButton__BXEg3:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.Upload_closeFactsheetButton__BXEg3:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.Upload_closeFactsheetButton__BXEg3:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.Upload_closeFactsheetButton__BXEg3[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .Upload_closeFactsheetButton__BXEg3 {
    margin: 1.25rem 1.25rem 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Upload/MiniCheckLayer.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.MiniCheckLayer_dataSummaryWrapper__x5znq {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .MiniCheckLayer_dataSummaryWrapper__x5znq {
    margin-top: 1.5625rem;
  }
}
@media only screen and (min-width: 768px) {
  .MiniCheckLayer_dataSummaryWrapper__x5znq {
    margin-bottom: 1.5625rem;
  }
}

.MiniCheckLayer_itemHolderLeft__I_DvR {
  width: calc(100% / 10 * 10);
}
@media only screen and (min-width: 1280px) {
  .MiniCheckLayer_itemHolderLeft__I_DvR {
    width: calc(100% / 10 * 5);
    padding-right: 1.25rem;
  }
}

.MiniCheckLayer_itemHolderRight__MfV7I {
  width: calc(100% / 10 * 10);
}
@media only screen and (min-width: 1280px) {
  .MiniCheckLayer_itemHolderRight__MfV7I {
    width: calc(100% / 10 * 5);
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 1279px) {
  .MiniCheckLayer_itemHolderRight__MfV7I {
    margin-top: 0.625rem;
  }
}

.MiniCheckLayer_textRow__M9gOr {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 580px) {
  .MiniCheckLayer_textRow__M9gOr {
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
  }
}
@media only screen and (min-width: 581px) and (max-width: 630px) {
  .MiniCheckLayer_textRow__M9gOr {
    justify-content: space-between;
  }
}

@media only screen and (max-width: 580px) {
  .MiniCheckLayer_textItem__J0VJ2 {
    width: 100%;
  }
}
@media only screen and (min-width: 630px) {
  .MiniCheckLayer_textItem__J0VJ2 {
    width: calc(100% / 10 * 5);
  }
}
@media only screen and (min-width: 501px) {
  .MiniCheckLayer_textItem__J0VJ2 {
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .MiniCheckLayer_textItem__J0VJ2 {
    width: calc(100% / 10 * 10);
    margin-right: 1.25rem;
  }
}

.MiniCheckLayer_textItemLeft__8cQ_W {
}
@media only screen and (min-width: 900px) {
  .MiniCheckLayer_textItemLeft__8cQ_W {
    width: calc(100% / 10 * 4);
  }
}
@media only screen and (max-width: 580px) {
  .MiniCheckLayer_textItemLeft__8cQ_W {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }
}

.MiniCheckLayer_textItemRight__JZo2l {
}
@media only screen and (min-width: 900px) {
  .MiniCheckLayer_textItemRight__JZo2l {
    width: calc(100% / 10 * 6);
  }
}

.MiniCheckLayer_legendLine__KEh_a {
  width: calc(100% / 10 * 10);
  display: flex;
  align-items: flex-start;
}

.MiniCheckLayer_legendItem__w7QJs {
  display: flex;
  margin-bottom: 0.1875rem;
}

.MiniCheckLayer_img__zjeOC {
  width: 1.25rem;
  height: 1.25rem;
  background-color: white;
}

.MiniCheckLayer_legendImgSollFormat__Dzl0u {
  border: 1px dashed #187ce0;
}

.MiniCheckLayer_legendImgBleed__Pn1HR {
  border: 1px solid #187ce0;
}

.MiniCheckLayer_description__D71Cq {
  line-height: 1.375;
  margin-left: 0.625rem;
  flex: 1 1;
}

.MiniCheckLayer_wrapperOk__fdBcR {
  border: 0.125rem solid #1eb900;
}

.MiniCheckLayer_wrapperFailure__Hqls_ {
  border: 0.125rem solid #ff3200;
}

.MiniCheckLayer_dataCheckResult__0lxuJ {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  margin-bottom: 0.9375rem;
  z-index: 10;
}
@media only screen and (min-width: 1280px) {
  .MiniCheckLayer_dataCheckResult__0lxuJ {
    align-self: flex-end;
    margin-top: -1.5625rem;
  }
}

.MiniCheckLayer_dataOkIcon__Ir_lW {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1eb900;
  margin-right: 0.5rem;
}
.MiniCheckLayer_dataOkIcon__Ir_lW:hover {
  cursor: pointer;
}

.MiniCheckLayer_dataFailureIcon__3FL1M {
  width: 1.25rem;
  height: 1.25rem;
  fill: #ff3200;
  margin-right: 0.5rem;
}
.MiniCheckLayer_dataFailureIcon__3FL1M:hover {
  cursor: pointer;
}

.MiniCheckLayer_dataOk__K7KPD {
  color: #1eb900;
}

.MiniCheckLayer_dataFailure__pAGJj {
  color: #ff3200;
}

.MiniCheckLayer_sollFormatLine__hjByf {
  border: 1px solid #187ce0;
  position: absolute;
  display: flex;
  align-self: center;
  z-index: 10;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
}

.MiniCheckLayer_bleedLine___UpuL {
  border: 1px dashed #187ce0;
  margin: auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalButtonFullSingleLine.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ModalButtonFullSingleLine_wrapper__saKw0 {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.9375rem;
}
@media only screen and (min-width: 1024px) {
  .ModalButtonFullSingleLine_wrapper__saKw0 {
    flex-wrap: inherit;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalButtonFullSingleLine_wrapper__saKw0 {
    padding-top: 1.5625rem;
  }
}

.ModalButtonFullSingleLine_buttonSecondary__3XUlG {
  width: 100%;
  order: 2;
}
@media only screen and (max-width: 1023px) {
  .ModalButtonFullSingleLine_buttonSecondary__3XUlG {
    margin-top: 0.625rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ModalButtonFullSingleLine_buttonSecondary__3XUlG {
    width: 50%;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalButtonFullSingleLine_buttonSecondary__3XUlG {
    margin-right: 1.25rem;
  }
}

.ModalButtonFullSingleLine_buttonPrimary___dvYq {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .ModalButtonFullSingleLine_buttonPrimary___dvYq {
    width: 50%;
    margin-left: 0.625rem;
    order: 2;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalButtonFullSingleLine_buttonPrimary___dvYq {
    margin-left: 1.25rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Upload/FactsheetWrapper.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.FactsheetWrapper_wrapper__Tjy0v {
  padding: 1.25rem;
}

.FactsheetWrapper_headline__PEZa_ {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.FactsheetWrapper_factsheetHolder__uZG91 {
  width: 100%;
}

.FactsheetWrapper_legendWrapper___sBOA {
  margin-top: 1.25rem;
}

.FactsheetWrapper_factsheetInfoTxtWrapper__je8P_ {
  margin-top: 1.25rem;
}

.FactsheetWrapper_factsheetInfoTxtHeadline__FXCvW {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.FactsheetWrapper_factsheetInfoTxtItem__qveTP:not(:last-of-type) {
  margin-bottom: 1.5625rem;
}

.FactsheetWrapper_factsheetFilesWrapper__v7zCo {
  margin-top: 1.5625rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/MockupViewers/MockupBox.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MockupBox_wrapper__FmwAu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.MockupBox_loadingWrapper__8Krz2 {
  position: absolute;
}

.MockupBox_mockup__9xYXA {
  width: 100%;
  height: inherit;
}

.MockupBox_mockup2D__LowGV {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
@media only screen and (max-width: 500px) {
  .MockupBox_mockup2D__LowGV {
    width: auto;
    height: 100%;
  }
}
@media (orientation: portrait) {
  .MockupBox_mockup2D__LowGV {
    width: auto;
    height: 100%;
  }
}

.MockupBox_mockupModalHeader__HenAS {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 0.625rem);
  word-wrap: anywhere;
}

.MockupBox_titleText__2_vif {
  margin-right: 0.625rem;
}

.MockupBox_closeButton__eBFaq {
  position: absolute;
  top: 1.375rem;
  right: 1.375rem;
}
@media only screen and (min-width: 768px) {
  .MockupBox_closeButton__eBFaq {
    top: 3.5625rem;
    right: 3.125rem;
  }
}

.MockupBox_shareLinkWrapper__D5Zlw {
  color: #64787d;
  fill: #64787d;
}
.MockupBox_shareLinkWrapper__D5Zlw:hover svg {
  color: #187ce0;
  fill: #187ce0;
}

.MockupBox_shareLinkTxt__8w0WJ {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/CalculationSpecialPrompt.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CalculationSpecialPrompt_wrapper__DJ1yM {
  display: flex;
  align-items: center;
}

.CalculationSpecialPrompt_icon__ejoGZ {
  width: 1.125rem;
  height: 1.125rem;
}
.CalculationSpecialPrompt_icon__ejoGZ:hover {
  cursor: pointer;
}

.CalculationSpecialPrompt_text__cz363 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  margin-left: 0.3125rem;
}

.CalculationSpecialPrompt_linkWrapper__Jkhxl {
  color: #64787d;
  fill: #64787d;
}
.CalculationSpecialPrompt_linkWrapper__Jkhxl:hover svg {
  color: #187ce0;
  fill: #187ce0;
}
.CalculationSpecialPrompt_linkWrapper__Jkhxl:hover span {
  color: #187ce0;
  fill: #187ce0;
}

.CalculationSpecialPrompt_linkIcon__FaGOe {
  fill: #64787d;
}

.CalculationSpecialPrompt_linkText__D288a {
  color: #64787d;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/paperproof.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.paperproof_wrapper__iEFq3 {
  width: 97%;
  margin: 0.625rem 0 1.5625rem;
}

.paperproof_headline__Ra1XJ {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.625rem;
  color: #54676b;
}

.paperproof_subline__GGDz2 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  margin-bottom: 0.625rem;
  color: #54676b;
}

.paperproof_choosenPages__EH_o9 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  color: #54676b;
}

.paperproof_numberHolder__gCURh {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(2.9375rem, 1fr));
  grid-row-gap: 0.4375rem;
  row-gap: 0.4375rem;
  margin-bottom: 0.625rem;
}

.paperproof_numberSimilarities__GG9ov {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  height: 2.5rem;
  width: 2.5rem;
  background-color: #ffffff;
}

.paperproof_number__3v9GP {
  border: 0.125rem solid #cecece;
}

.paperproof_numberActive___bCZK {
  border: 0.125rem solid #64787d;
  border-radius: 50%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/Groove.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Groove_warningWrapper__Chq2n {
}

.Groove_warningIcon__DuYJa {
  color: #005a96;
  fill: #005a96;
}

.Groove_warningText__YL2bj {
  color: #005a96;
}

.Groove_tooltipMouseArea__H_7rT {
  display: flex;
  justify-content: center;
  width: auto;
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/SpecialColor.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpecialColor_line__wqpBt {
  display: flex;
  align-items: center;
}

.SpecialColor_color__An3k3 {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  margin-right: 0.9375rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/SpecialFormat.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpecialFormat_inputWrapper__imItl {
  display: flex;
  justify-content: flex-end;
}

.SpecialFormat_icoOk__1UyZz {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  margin-right: 0.9375rem;
  margin-left: -0.9375rem;
  margin-top: 0.625rem;
  fill: #1eb900;
}

.SpecialFormat_tooltipHolder__ImiGI {
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/FormatFinder.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FormatFinder_inputHolder__OdZ5U {
  display: flex;
  justify-content: flex-end;
}

.FormatFinder_inputWidthImg__uWFG9 {
  display: flex;
  align-items: center;
  width: 100%;
}

.FormatFinder_icon__26vMq {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  align-self: flex-start;
  margin-left: 0.9375rem;
  margin-top: 0.5rem;
}

.FormatFinder_input__GmwYt {
  text-indent: 2.1875rem;
}

.FormatFinder_inputError__i98gH {
  text-indent: 2.1875rem;
}

.FormatFinder_icoOk__VfFGJ {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  margin-right: 0.9375rem;
  margin-left: -0.9375rem;
  margin-top: 0.625rem;
  fill: #1eb900;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/ConfigurationList.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfigurationList_warningWrapper__Cy6uc {
}

.ConfigurationList_warningIcon__1oruW {
  color: #ffb000;
  fill: #ffb000;
}

.ConfigurationList_warningText__dooBQ {
  color: #ffb000;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/ProductMenuSelector.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductMenuSelector_arrowOpen__o0gyB, .ProductMenuSelector_arrowClose__teUZb {
  width: 0.875rem;
  height: 0.5625rem;
  color: #64787d;
}

.ProductMenuSelector_optionList__KLqhd {
}
@media only screen and (min-width: 768px) {
  .ProductMenuSelector_optionList__KLqhd {
    display: flex;
  }
}

.ProductMenuSelector_categoryList__eB95K {
  background-color: #e8e8e8;
}

.ProductMenuSelector_categoryItem__99kjh {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  border-bottom: 1px solid #ffffff;
  background-color: #e8e8e8;
  height: 3.125rem;
}
@media only screen and (min-width: 1280px) {
  .ProductMenuSelector_categoryItem__99kjh {
    height: 3.125rem;
  }
}
.ProductMenuSelector_categoryItem__99kjh:hover, .ProductMenuSelector_categoryItem__99kjh.ProductMenuSelector_hovered__0L4yj {
  color: #ffffff;
  background-color: #455659;
  cursor: pointer;
}
.ProductMenuSelector_categoryItem__99kjh:hover .ProductMenuSelector_itemInner__byKtq, .ProductMenuSelector_categoryItem__99kjh.ProductMenuSelector_hovered__0L4yj .ProductMenuSelector_itemInner__byKtq {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
}
.ProductMenuSelector_categoryItem__99kjh:hover .ProductMenuSelector_arrow__xyeJE, .ProductMenuSelector_categoryItem__99kjh.ProductMenuSelector_hovered__0L4yj .ProductMenuSelector_arrow__xyeJE {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .ProductMenuSelector_categoryItem__99kjh {
    width: 15.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductMenuSelector_categoryItem__99kjh {
    width: 18.9375rem;
  }
}

.ProductMenuSelector_categoryNameHolder__qxiNa {
  display: inline-flex;
  align-items: center;
}

.ProductMenuSelector_categoryName__qYu9o {
  margin-right: 0.625rem;
}

.ProductMenuSelector_arrow__xyeJE:hover {
  color: #ffffff;
}

.ProductMenuSelector_arrowClose__teUZb {
  transform: rotate(-90deg);
}
.ProductMenuSelector_arrowClose__teUZb:hover {
  cursor: pointer;
}

.ProductMenuSelector_arrowOpen__o0gyB {
}
.ProductMenuSelector_arrowOpen__o0gyB:hover {
  cursor: pointer;
}

.ProductMenuSelector_productList__F2XaR {
  padding: 0.625rem 1.0625rem;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .ProductMenuSelector_productList__F2XaR {
    padding: 0.625rem 2.8125rem;
  }
}

.ProductMenuSelector_productItem__3OoqQ {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  line-height: 2rem;
}
.ProductMenuSelector_productItem__3OoqQ:hover {
  color: #187ce0;
  fill: #187ce0;
}

.ProductMenuSelector_productNameHolder__HzJ20 {
  display: inline-flex;
  align-items: center;
}

.ProductMenuSelector_productName__ZdZHl {
  margin-right: 0.625rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/DeliveryCountrySelector.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DeliveryCountrySelector_infoText__cKOd1 {
  padding: 0.625rem 0.9375rem;
  background-color: #fafafa;
  color: #64787d;
}
@media only screen and (max-width: 767px) {
  .DeliveryCountrySelector_infoText__cKOd1 {
    visibility: hidden !important;
    display: none !important;
  }
}

.DeliveryCountrySelector_infoTextHeadline__wSiTO {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.125rem;
}

.DeliveryCountrySelector_subline__90kJj {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/Finishing.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Finishing_item__onE6W {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.Finishing_price__Z1B7g {
  color: #64787d;
  display: flex;
  font-weight: normal;
}

.Finishing_priceInList__Ee6c5 {
  padding-right: 1.875rem;
}

.Finishing_priceSpacer__S4n57 {
  margin: 0 0.3125rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Features/MaterialFormat.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MaterialFormat_inputWrapper__lDw7s {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.MaterialFormat_label__awfRd {
  position: absolute;
  margin-right: 0.9375rem;
  margin-left: -0.9375rem;
  margin-top: 0.5rem;
  color: #64787d;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalButtonMultiLine.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalButtonMultiLine_wrapper__KesRI {
  padding-top: 0.9375rem;
}

.ModalButtonMultiLine_buttonSecondary__ue_EH {
  width: 100%;
  margin-top: 0.625rem;
}

.ModalButtonMultiLine_buttonPrimary__ecagn {
  width: 100%;
  margin-top: 0.625rem;
}

.ModalButtonMultiLine_buttonPrimaryDisabled__K45xu {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #ababab;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #ababab;
  padding: 0.3125rem 1.25rem;
  width: 100%;
  margin-top: 0.625rem;
  pointer-events: none;
}
.ModalButtonMultiLine_buttonPrimaryDisabled__K45xu:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ModalButtonMultiLine_buttonPrimaryDisabled__K45xu:hover {
  border: 0.125rem solid;
}
.ModalButtonMultiLine_buttonPrimaryDisabled__K45xu:active {
  border: 0.125rem solid;
}
.ModalButtonMultiLine_buttonPrimaryDisabled__K45xu[disabled] {
  border: 0.125rem solid;
  pointer-events: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductFeatures/ProductFoldFeature.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductFoldFeature_wrapper__nQYPP {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.ProductFoldFeature_featureElementWrapper__QFNJh {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .ProductFoldFeature_featureElementWrapper__QFNJh {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFoldFeature_featureElementWrapper__QFNJh {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1279px) {
  .ProductFoldFeature_featureElementWrapper__QFNJh {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFoldFeature_featureElementWrapper__QFNJh {
    flex-wrap: wrap;
  }
}

.ProductFoldFeature_featureElementItemHolder__8katR {
  min-height: 25.625rem;
  min-width: 16.875rem;
}
@media only screen and (max-width: 1279px) {
  .ProductFoldFeature_featureElementItemHolder__8katR {
    position: relative;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFoldFeature_featureElementItemHolder__8katR {
    min-height: 20.9375rem;
    min-width: 18.875rem;
  }
}

.ProductFoldFeature_featureItemInner__Sx0JG {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 16.875rem;
  background-color: #ffffff;
}

.ProductFoldFeature_featureElementItemInner__kbNYK {
  padding: 2.5rem 0.9375rem 0.9375rem;
}
@media only screen and (max-width: 1279px) {
  .ProductFoldFeature_featureElementItemInner__kbNYK {
    min-height: 25.625rem;
    justify-content: space-evenly;
    border: 1px solid #cecece;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFoldFeature_featureElementItemInner__kbNYK {
    width: 18.875rem;
    padding: 1.25rem 0.9375rem 0.9375rem;
  }
  .ProductFoldFeature_featureElementItemInner__kbNYK:hover {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
    transition-duration: 0.2s;
    transform: scale(1.05);
    border-radius: 1.25rem;
    z-index: 20;
    cursor: pointer;
  }
  .ProductFoldFeature_featureElementItemInner__kbNYK:hover .ProductFoldFeature_button__lx7Uf {
    opacity: 1;
    transition: opacity 0.2s ease-in;
    position: relative;
  }
}

.ProductFoldFeature_itemInnerMobileHover__kUMWi {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 1.25rem;
  transform: scale(1.05);
  padding: 2.5rem 1.5625rem 1.5625rem;
  transition: 0.2s ease-out;
}

.ProductFoldFeature_featureElementImgHolder__OXSfC {
  display: flex;
  align-items: flex-end;
  align-self: center;
  height: 6.25rem;
}
@media only screen and (max-width: 1279px) {
  .ProductFoldFeature_featureElementImgHolder__OXSfC {
    margin-bottom: 0.9375rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFoldFeature_featureElementImgHolder__OXSfC {
    height: 10.0625rem;
  }
}

.ProductFoldFeature_featureElementHeadline__TpmnX {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4444444444;
}
@media only screen and (min-width: 1280px) {
  .ProductFoldFeature_featureElementHeadline__TpmnX {
    margin-bottom: 0.625rem;
  }
}

.ProductFoldFeature_featureElementDesc__9RUjn {
  margin-top: 0.625rem;
}

.ProductFoldFeature_button__lx7Uf {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
  width: 100%;
  margin-top: 0.625rem;
}
.ProductFoldFeature_button__lx7Uf:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ProductFoldFeature_button__lx7Uf:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ProductFoldFeature_button__lx7Uf:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ProductFoldFeature_button__lx7Uf[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}
@media only screen and (min-width: 1280px) {
  .ProductFoldFeature_button__lx7Uf {
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    border-radius: 1.25rem;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.2727272727;
    background-color: #187ce0;
    color: #ffffff;
    min-height: 1.1875rem;
    padding: 0 1.25rem;
    opacity: 0;
    position: absolute;
    margin-top: 1.25rem;
  }
  .ProductFoldFeature_button__lx7Uf:hover {
    box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  }
  .ProductFoldFeature_button__lx7Uf:hover {
    background-color: #005a96;
  }
  .ProductFoldFeature_button__lx7Uf:active {
    background-color: #005a96;
  }
  .ProductFoldFeature_button__lx7Uf[disabled] {
    background-color: #ababab;
    color: #ffffff;
    pointer-events: none;
  }
}

.ProductFoldFeature_showMoreLink__YyeGm {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #64787d;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductFeatures/ProductFormatFeature.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductFormatFeature_wrapper__abUct {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.ProductFormatFeature_featureElementWrapper__84jbB {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ProductFormatFeature_featureElementWrapper__84jbB {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFormatFeature_featureElementWrapper__84jbB {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1279px) {
  .ProductFormatFeature_featureElementWrapper__84jbB {
    display: flex;
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFormatFeature_featureElementWrapper__84jbB {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (min-width: 1600px) {
  .ProductFormatFeature_featureElementWrapper__84jbB {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
}

.ProductFormatFeature_featureElementItemHolder__j7V_l {
  display: flex;
  justify-content: center;
  position: relative;
  min-height: 14.3125rem;
}
@media only screen and (min-width: 1280px) {
  .ProductFormatFeature_featureElementItemHolder__j7V_l {
    min-height: 8.375rem;
  }
}

.ProductFormatFeature_featureElementItemInner__0_byC {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0.625rem 0.9375rem;
  text-align: center;
  background-color: #ffffff;
}
@media only screen and (max-width: 1279px) {
  .ProductFormatFeature_featureElementItemInner__0_byC {
    margin-right: 1.5625rem;
    justify-content: space-evenly;
    padding: 1.875rem 0.9375rem 1.25rem;
    border: 1px solid #cecece;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductFormatFeature_featureElementItemInner__0_byC {
    position: absolute;
  }
  .ProductFormatFeature_featureElementItemInner__0_byC:hover {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
    transition-duration: 0.2s;
    transform: scale(1.05);
    border-radius: 1.25rem;
    z-index: 20;
    cursor: pointer;
  }
  .ProductFormatFeature_featureElementItemInner__0_byC:hover .ProductFormatFeature_button__XZzc4 {
    opacity: 1;
    transition: opacity 0.2s ease-in;
    position: relative;
  }
}

.ProductFormatFeature_featureElementImgHolder__vkfJy {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 4.6875rem;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .ProductFormatFeature_featureElementImgHolder__vkfJy {
    height: 3.4375rem;
  }
}

.ProductFormatFeature_image__dmxU7 {
  object-fit: contain;
}

.ProductFormatFeature_featureElementHeadline__IVvfz {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0.3125rem;
}

.ProductFormatFeature_button__XZzc4 {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
  width: 100%;
  margin-top: 0.625rem;
  white-space: nowrap;
}
.ProductFormatFeature_button__XZzc4:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ProductFormatFeature_button__XZzc4:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ProductFormatFeature_button__XZzc4:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ProductFormatFeature_button__XZzc4[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}
@media only screen and (min-width: 1280px) {
  .ProductFormatFeature_button__XZzc4 {
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    border-radius: 1.25rem;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.2727272727;
    background-color: #187ce0;
    color: #ffffff;
    min-height: 1.1875rem;
    padding: 0 1.25rem;
    position: absolute;
    opacity: 0;
    margin-top: 0.3125rem;
    border: none;
  }
  .ProductFormatFeature_button__XZzc4:hover {
    box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  }
  .ProductFormatFeature_button__XZzc4:hover {
    background-color: #005a96;
  }
  .ProductFormatFeature_button__XZzc4:active {
    background-color: #005a96;
  }
  .ProductFormatFeature_button__XZzc4[disabled] {
    background-color: #ababab;
    color: #ffffff;
    pointer-events: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalSubModule.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ModalSubModule_overlay__EvOYe {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 11000;
  pointer-events: all;
  background-color: #2828284D;
}
@media only screen and (min-width: 501px) and (max-width: 927px) {
  .ModalSubModule_overlay__EvOYe {
    overflow: scroll;
  }
  .ModalSubModule_overlay__EvOYe::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalSubModule_overlay__EvOYe {
    display: unset;
  }
}

.ModalSubModule_origin__v1Y2B {
  height: calc(100vh - 0px);
  height: calc((var(--vh, 1vh) * 100) - 0px);
  height: calc(100dvh - 0px);
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 1px;
}
@media only screen and (min-width: 501px) and (max-width: 927px) {
  .ModalSubModule_origin__v1Y2B {
    min-height: calc(100vh - (0px));
    min-height: calc((var(--vh, 1vh) * 100) - (0px));
    min-height: calc(100dvh - (0px));
    height: unset;
    max-height: unset;
  }
}
@media only screen and (min-width: 928px) {
  .ModalSubModule_origin__v1Y2B {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalSubModule_origin__v1Y2B {
    align-items: flex-start;
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
    max-width: 100.625rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.ModalSubModule_wrapperStyle__KWtFK {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: #ffffff;
  pointer-events: all;
  border-radius: 1.25rem;
  width: calc(100% - 2px);
}

.ModalSubModule_header__iG9dM {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  padding-top: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .ModalSubModule_header__iG9dM {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
    padding-top: 3.125rem;
  }
}

.ModalSubModule_title__p_ux1 {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.1428571429;
  padding-right: 1.875rem;
  padding-bottom: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .ModalSubModule_title__p_ux1 {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.1428571429;
    padding-bottom: 1.5625rem;
  }
}

.ModalSubModule_body__fyTD8 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .ModalSubModule_body__fyTD8 {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
  }
}

.ModalSubModule_text__Hrqf5 {
  margin-bottom: 1.25rem;
}

.ModalSubModule_footer__Uh4_Y {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .ModalSubModule_footer__Uh4_Y {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
    padding-bottom: 3.125rem;
  }
}

.ModalSubModule_closeButton__ofdJy {
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
}

.ModalSubModule_closeIcon__M5blX {
  width: 1.125rem;
  height: 1.125rem;
  fill: #64787d;
}
.ModalSubModule_closeIcon__M5blX:hover {
  cursor: pointer;
}

.ModalSubModule_overlayBlur__MVwZo {
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalSmall.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ModalSmall_overlay__tMnK3 {
}

.ModalSmall_origin__HeK3b {
}

.ModalSmall_wrapper___v5rK {
}
@media only screen and (min-width: 501px) {
  .ModalSmall_wrapper___v5rK {
    width: calc(80% - (2 * 0.625rem)) !important;
  }
}
@media only screen and (min-width: 768px) {
  .ModalSmall_wrapper___v5rK {
    width: calc(80% - (2 * 0.625rem)) !important;
  }
}
@media only screen and (min-width: 1024px) {
  .ModalSmall_wrapper___v5rK {
    width: calc(60% - (2 * 0.625rem)) !important;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalSmall_wrapper___v5rK {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalSmall_wrapper___v5rK {
    width: calc(50% - ( 2 * 1.25rem )) !important;
  }
}

.ModalSmall_header__Ww2ZR {
}

.ModalSmall_title__2iedv {
}

.ModalSmall_body__jk5HZ {
}

.ModalSmall_text__5dtok {
}

.ModalSmall_footer__EZ4h2 {
}

.ModalSmall_closeButton__V0kLo {
}

.ModalSmall_closeIcon__OFudh {
}

.ModalSmall_overlayBlur__1u4Va {
}

.ModalSmall_dist__CR5co {
  margin-bottom: 0.75rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductFeatures/PaperTypesTable.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.PaperTypesTable_arrowIcon__nnn5h {
  width: 0.875rem;
  height: 0.5625rem;
  color: #64787d;
}

.PaperTypesTable_tableWrapper__KVibY {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .PaperTypesTable_tableWrapper__KVibY {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PaperTypesTable_tableWrapper__KVibY {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.PaperTypesTable_tableInnerWrapper__yde0T {
  display: flex;
}

.PaperTypesTable_column__xAY_V {
  min-width: 15.125rem;
}
@media only screen and (min-width: 501px) {
  .PaperTypesTable_column__xAY_V {
    min-width: 16.5625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PaperTypesTable_column__xAY_V {
    min-width: 18.75rem;
  }
}

.PaperTypesTable_cellItem___2ntD {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.PaperTypesTable_cellItemText__0uKBR {
  overflow: hidden;
  padding-right: 0.3125rem;
}
.PaperTypesTable_cellItemText__0uKBR p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PaperTypesTable_titleWrapper__ow8Oy {
  padding-bottom: 0.75rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #e8e8e8;
}

.PaperTypesTable_title__lhQo8 {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
}

.PaperTypesTable_propItem__5Zov6 {
  width: 100%;
  height: 2.125rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  text-align: left;
  cursor: pointer;
}
.PaperTypesTable_propItem__5Zov6:hover {
  background-color: #f6f6f6;
}

.PaperTypesTable_cellItemSubhead__EMUwB {
  background-color: #f6f6f6;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.PaperTypesTable_subhead__nqz4t {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.PaperTypesTable_arrowIcon__nnn5h {
  transform: rotate(-90deg);
}
.PaperTypesTable_arrowIcon__nnn5h:hover {
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CustomScrollbar/CustomScrollbar.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomScrollbar_scrollBarHolder__RYs6D {
  width: 0.1875rem !important;
  right: 0.125rem;
  bottom: 0.125rem;
  top: 0.125rem;
  background-color: #e8e8e8;
  transition: width 0.1s ease-out;
}
.CustomScrollbar_scrollBarHolder__RYs6D:hover {
  width: 0.375rem !important;
}
.CustomScrollbar_scrollBarHolder__RYs6D:hover .CustomScrollbar_scrollBar__XDOFQ {
  width: 0.375rem !important;
}

.CustomScrollbar_scrollBar__XDOFQ {
  width: 0.1875rem !important;
  background-color: #ababab;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Tooltip/TooltipButton.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TooltipButton_tooltipMouseArea__xioJh {
  display: flex;
  justify-content: center;
}

.TooltipButton_tooltipMouseAreaCheckbox__BHvoX {
  display: flex;
  justify-content: center;
  width: 100%;
}

.TooltipButton_tooltipButton__Dj70R {
  display: flex;
  width: 1.125rem;
  height: 1.125rem;
}

.TooltipButton_tooltipMouseAreaFlexible__fjndD {
  width: 100%;
  height: 100%;
}

.TooltipButton_tooltipButtonFlexible__662g_ {
  width: 100%;
  height: 100%;
}

.TooltipButton_toolTipIcon__DGOc2 {
  width: 1.125rem;
  height: 1.125rem;
  fill: #64787d;
}
.TooltipButton_toolTipIcon__DGOc2:hover {
  color: #187ce0;
  fill: #187ce0;
}

.TooltipButton_toolTipIconInactive__tQymM {
  width: r 1.125rem;
  height: 1.125rem;
  fill: #e8e8e8;
}

.TooltipButton_tooltipContent__yyady {
  max-width: 20.625rem;
  padding: 0.5rem 0.9375rem;
  display: inline-block;
}

.TooltipButton_headline__0yEeM {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.375rem;
}

.TooltipButton_text__OE8rw {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
}

.TooltipButton_active__OKm9H {
  height: 3.125rem;
}

.TooltipButton_tippedElementWrapper__ongb3 {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductFeatures/PaperFinishing.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.PaperFinishing_arrowIcon__06U15 {
  width: 0.875rem;
  height: 0.5625rem;
  color: #64787d;
}

.PaperFinishing_wrapper__9vC75 {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 1279px) {
  .PaperFinishing_wrapper__9vC75 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    display: flex;
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .PaperFinishing_wrapper__9vC75 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  .PaperFinishing_wrapper__9vC75 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.PaperFinishing_itemHolder__ZGw1g {
  display: inline-flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1279px) {
  .PaperFinishing_itemHolder__ZGw1g {
    flex-direction: column;
    flex-wrap: nowrap;
    min-width: 16.875rem;
    margin-right: 1.25rem;
    border: 1px solid #cecece;
  }
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_itemHolder__ZGw1g {
    width: calc(100% / 10 * 10);
  }
  .PaperFinishing_itemHolder__ZGw1g:not(:last-of-type) {
    margin-bottom: 1.5625rem;
  }
}

.PaperFinishing_descriptionWrapper__fZXKI {
  display: inline-flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: calc(100% / 10 * 10);
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_descriptionWrapper__fZXKI {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media only screen and (max-width: 1279px) {
  .PaperFinishing_descImg__yy0ej {
    margin-bottom: 1.25rem;
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_descImg__yy0ej {
    width: calc(100% / 10 * 4);
    order: 1;
    padding-right: 1.25rem;
  }
}

.PaperFinishing_descTitle__4wEGN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 0.9375rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_descTitle__4wEGN {
    order: 0;
    padding: 0;
  }
}

.PaperFinishing_titleHeadline__H_nTD {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  flex: auto;
}

.PaperFinishing_infoLinkHeight__zjEv2 {
  padding: 0.3125rem 0;
}

.PaperFinishing_descInfoWrapper__kRidw {
  padding: 0 0.9375rem;
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_descInfoWrapper__kRidw {
    width: calc(100% / 10 * 6);
    order: 2;
    padding: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .PaperFinishing_descText__jG_7Y {
    padding-left: 1.25rem;
  }
}

.PaperFinishing_descInfoLinkHead__vUDLB {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_descInfoLinkHead__vUDLB {
    padding-left: 1.25rem;
  }
}

@media only screen and (min-width: 1280px) {
  .PaperFinishing_descInfoLinkHolder__cuXMn {
    margin-left: calc(1.25rem / 2);
  }
}

.PaperFinishing_descInfoLink__MLgYU {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_descInfoLink__MLgYU {
    padding-left: calc(1.25rem / 2);
  }
}
.PaperFinishing_descInfoLink__MLgYU:hover {
  background-color: #f6f6f6;
}

.PaperFinishing_arrowIcon__06U15 {
  transform: rotate(-90deg);
  margin-right: 0.3125rem;
}
.PaperFinishing_arrowIcon__06U15:hover {
  cursor: pointer;
}

.PaperFinishing_calculationWrapper__BzvFf {
  display: flex;
  flex-direction: column;
  padding: 0.9375rem;
  margin-top: 2rem;
  background-color: #e8e8e8;
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_calculationWrapper__BzvFf {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 0;
  }
}

.PaperFinishing_calcTextline__6sYVM {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #64787d;
  margin-bottom: 1rem;
}

.PaperFinishing_calcHeadline__wuD5n {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  display: inline-block;
}

.PaperFinishing_calcPrice__5sgBF {
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .PaperFinishing_calcPrice__5sgBF {
    margin-top: 2.375rem;
  }
}

.PaperFinishing_price__OOThx {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
}

.PaperFinishing_deliveryCosts__bsJBC {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #282828;
}

.PaperFinishing_btnWrapper__Mu5OG {
  margin-top: auto;
}

.PaperFinishing_button__Bsm5p {
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductCard/ProductCard.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductCard_wrapper__DkhCl {
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductCard_wrapper__DkhCl {
    background-color: #f6f6f6;
  }
}

.ProductCard_item__iAiAE {
  min-height: 12.5rem;
  padding: 1.5625rem 0.625rem 0;
}
@media only screen and (min-width: 1024px) {
  .ProductCard_item__iAiAE {
    padding: 1.25rem;
  }
}

.ProductCard_mockupItem__acYy5 {
  background-color: #ffffff;
}

.ProductCard_headline__Hoecy {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.25rem 1.25rem;
  background-color: #e8e8e8;
}

.ProductCard_imgWrapper__GEZo_ {
  position: relative;
  display: flex;
  justify-content: center;
}

.ProductCard_productImage__tbXXN {
  height: auto;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .ProductCard_productImage__tbXXN {
    height: 15.625rem;
  }
}

.ProductCard_zoomImgWrapper__qTVxw {
  position: absolute;
  display: inline-flex;
  right: 0;
  bottom: 0;
}

.ProductCard_productName__Tsl1Q {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.ProductCard_propsList__Fut4G {
  list-style-type: disc;
  margin-left: 1.25rem;
}

.ProductCard_buttonWrapper__77swv {
  margin-top: 1.5625rem;
}

.ProductCard_button__XyAlO {
  width: 100%;
}

.ProductCard_loadingcircleHolder__p35K4 {
  display: flex;
  justify-content: center;
}

.ProductCard_loadingcircle__0f7lH {
  width: 1.5rem;
  height: 1.5rem;
}

.ProductCard_buttonDisabled___ilJT {
  background-color: #ababab;
  border-color: #ababab;
  pointer-events: none;
}
.ProductCard_buttonDisabled___ilJT:hover, .ProductCard_buttonDisabled___ilJT:active {
  background-color: #ababab;
  border-color: #ababab;
}

.ProductCard_advantages__mmuY4 {
  margin-top: 1.5625rem;
}

.ProductCard_iconMenu__Ivx0X {
  display: flex;
  justify-content: space-evenly;
  margin-top: 1.5625rem;
  min-height: 1.5rem;
}
@media only screen and (min-width: 1280px) {
  .ProductCard_iconMenu__Ivx0X {
    min-height: 2.3125rem;
  }
}

.ProductCard_iconMenuImg__usys9 {
  width: 1.125rem;
  height: 1.125rem;
}
.ProductCard_iconMenuImg__usys9:hover {
  cursor: pointer;
}

.ProductCard_price__V36ae {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.5rem;
}

.ProductCard_deliveryCost__IA_5Y {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #282828;
}

.ProductCard_deliveryCostDisabled__Gsvz0 {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #282828;
  color: #cecece;
}

.ProductCard_stickyProductCard__syPFE {
  position: relative;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Contact/ContactSector.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ContactSector_sector__O8els {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .ContactSector_sector__O8els {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ContactSector_sector__O8els {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.ContactSector_image__bJc0i {
  padding-bottom: 0.9375rem;
  text-align: center;
}

.ContactSector_ico__FP_yd {
  width: 2.5rem;
  height: 2.5rem;
}

.ContactSector_headline__c_lnv {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  text-align: center;
  color: #187ce0;
}

.ContactSector_text__8eWb0 {
  flex-grow: 1;
  text-align: center;
  margin: 1.5625rem 0;
}

.ContactSector_form__joukN {
  display: flex;
  height: 9.375rem;
  margin-bottom: 1.25rem;
}

.ContactSector_textarea__SV_Jl {
  flex-grow: 1;
}

.ContactSector_button__qYbE0 {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
  width: 100%;
}
.ContactSector_button__qYbE0:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ContactSector_button__qYbE0:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ContactSector_button__qYbE0:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ContactSector_button__qYbE0[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}

.ContactSector_completed__HdxNo {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: transparent;
  color: #187ce0;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
  width: 100%;
}
.ContactSector_completed__HdxNo:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ContactSector_completed__HdxNo:hover {
  color: #ffffff;
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ContactSector_completed__HdxNo:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ContactSector_completed__HdxNo[disabled] {
  background-color: #ffffff;
  color: #ababab;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}

.ContactSector_errorText__nf_rN {
  color: #ff3200;
  margin-top: 1.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Contact/Contact.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Contact_wrapper__5B9Fz {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 2rem 0;
}
@media only screen and (min-width: 768px) {
  .Contact_wrapper__5B9Fz {
    grid-template-columns: repeat(2, 1fr);
  }
}

.Contact_textareaWrapper__RbcRr {
  display: flex;
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/UniversalInfoPage/UniversalInfoPage.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.UniversalInfoPage_wrapper__WmarZ {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  justify-content: center;
}

.UniversalInfoPage_innerWrapper___fO8Z {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .UniversalInfoPage_innerWrapper___fO8Z {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .UniversalInfoPage_innerWrapper___fO8Z {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .UniversalInfoPage_innerWrapper___fO8Z {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .UniversalInfoPage_innerWrapper___fO8Z {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .UniversalInfoPage_innerWrapper___fO8Z {
    width: calc((100% / 10 * 6 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.UniversalInfoPage_imageWrapper__XeweY {
  margin-bottom: 1.25rem;
  min-width: 14.6875rem;
}

.UniversalInfoPage_image__K0kga {
  width: 11.25rem;
  height: 9.375rem;
}

.UniversalInfoPage_imageResult__maN_k {
  position: relative;
  height: 3.4375rem;
  width: 3.4375rem;
  fill: #187ce0;
}

.UniversalInfoPage_imageResultTop__AlYDw {
  top: calc(-9.375rem + 2.1875rem);
  right: 1.5625rem;
}

.UniversalInfoPage_imageResultBottom__ecflJ {
  right: 4.25rem;
  top: 1.125rem;
}

.UniversalInfoPage_headline__gnKDT {
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 1.1428571429;
}
@media only screen and (min-width: 1024px) {
  .UniversalInfoPage_headline__gnKDT {
    font-size: 2.8125rem;
    font-weight: bold;
    line-height: 1.2222222222;
  }
}

.UniversalInfoPage_text__Swt3c {
  margin-top: 1.25rem;
}

.UniversalInfoPage_buttonWrapper__T1J5G {
  display: flex;
  margin-top: 1.5625rem;
  justify-content: center;
}
@media only screen and (max-width: 500px) {
  .UniversalInfoPage_buttonWrapper__T1J5G {
    flex-wrap: wrap;
  }
}

.UniversalInfoPage_button__8dK4T {
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Contact/ContactForm.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ContactForm_wrapper__xn_XF {
}

.ContactForm_innerWrapper__JQ2dJ {
  text-align: unset;
}

.ContactForm_figure__A0fz1 {
  text-align: center;
}

.ContactForm_image__lWP3b {
}

.ContactForm_headline__PLISS {
  text-align: center;
}

.ContactForm_text__LKfbs {
  text-align: center;
}

.ContactForm_form__mtoMd {
  margin-top: 1.5625rem;
}

.ContactForm_btn__dcCgd {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
  margin-top: 1.5625rem;
  width: 100%;
}
.ContactForm_btn__dcCgd:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ContactForm_btn__dcCgd:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ContactForm_btn__dcCgd:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.ContactForm_btn__dcCgd[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Textarea/Textarea.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Textarea_textarea__LGlm9 {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  width: 100%;
  padding: 0.625rem 0.9375rem;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece;
  border-radius: 0;
  outline: none;
  resize: none;
}
.Textarea_textarea__LGlm9::-webkit-input-placeholder {
  color: #64787d;
  opacity: 1;
}
.Textarea_textarea__LGlm9:hover::-webkit-input-placeholder {
  color: #282828;
  opacity: 1;
}
.Textarea_textarea__LGlm9:focus::-webkit-input-placeholder {
  color: transparent;
  opacity: 1;
}
.Textarea_textarea__LGlm9::-moz-placeholder {
  color: #64787d;
  opacity: 1;
}
.Textarea_textarea__LGlm9:hover::-moz-placeholder {
  color: #282828;
  opacity: 1;
}
.Textarea_textarea__LGlm9:focus::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.Textarea_textarea__LGlm9:-ms-input-placeholder { /* IE 10+ */
  color: #64787d;
  opacity: 1;
}
.Textarea_textarea__LGlm9:hover:-ms-input-placeholder {
  color: #282828;
  opacity: 1;
}
.Textarea_textarea__LGlm9:focus:-ms-input-placeholder {
  color: transparent;
  opacity: 1;
}
.Textarea_textarea__LGlm9:hover {
  border-color: #282828;
}
.Textarea_textarea__LGlm9:focus {
  border-color: #282828;
}

.Textarea_error__fKcwI {
  background-color: #fff5f0;
  border: 1px solid #ff3200;
}
.Textarea_error__fKcwI:hover {
  border-color: #ff3200;
}
.Textarea_error__fKcwI:focus {
  border-color: #ff3200;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Input/Input.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Input_wrapper__JbhsO {
  width: 100%;
}

.Input_input__BAC_9 {
  height: 2.5rem;
  width: 100%;
  margin-bottom: 0.625rem;
  padding-left: 0.9375rem;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece;
  border-radius: 0;
  background-color: #ffffff;
  outline: none;
}
.Input_input__BAC_9::-webkit-input-placeholder {
  color: #64787d;
  opacity: 1;
}
.Input_input__BAC_9:hover::-webkit-input-placeholder {
  color: #282828;
  opacity: 1;
}
.Input_input__BAC_9:focus::-webkit-input-placeholder {
  color: #282828;
  opacity: 1;
}
.Input_input__BAC_9::-moz-placeholder {
  color: #64787d;
  opacity: 1;
}
.Input_input__BAC_9:hover::-moz-placeholder {
  color: #282828;
  opacity: 1;
}
.Input_input__BAC_9:focus::-moz-placeholder {
  color: #282828;
  opacity: 1;
}
.Input_input__BAC_9:-ms-input-placeholder { /* IE 10+ */
  color: #64787d;
  opacity: 1;
}
.Input_input__BAC_9:hover:-ms-input-placeholder {
  color: #282828;
  opacity: 1;
}
.Input_input__BAC_9:focus:-ms-input-placeholder {
  color: #282828;
  opacity: 1;
}
.Input_input__BAC_9:hover {
  border-color: #282828;
}
.Input_input__BAC_9:focus {
  border-color: #282828;
}
.Input_input__BAC_9[disabled] {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.Input_error__74hw5 {
  background-color: #fff5f0;
  border: 1px solid #ff3200;
}
.Input_error__74hw5:hover {
  border-color: #ff3200;
}
.Input_error__74hw5:focus {
  border-color: #ff3200;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BannerTypes/BannerTypes.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BannerTypes_banner__GPKWH {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.BannerTypes_background___e4eo {
  background-color: #005a96;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_background___e4eo {
    background-color: unset;
  }
}

.BannerTypes_wrapper__6kUmi {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  color: #ffffff;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .BannerTypes_wrapper__6kUmi {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerTypes_wrapper__6kUmi {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .BannerTypes_wrapper__6kUmi {
    background-color: #005a96;
  }
}

.BannerTypes_contentWrapper__bN26t {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_contentWrapper__bN26t {
    flex-wrap: nowrap;
  }
}

.BannerTypes_textColumn__d3APC {
  width: 100%;
  margin-top: 1.625rem;
  margin-bottom: 1.625rem;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_textColumn__d3APC {
    flex: 1 1;
    padding-right: 1.25rem;
    padding-left: 1.875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerTypes_textColumn__d3APC {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.BannerTypes_headline__oJ9nr {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .BannerTypes_headline__oJ9nr {
    font-size: 2.8125rem;
    font-weight: bold;
    line-height: 1.2222222222;
    margin-bottom: 0.9375rem;
  }
}

.BannerTypes_headlineMeta__vCLsz {
  font-family: meta;
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 1280px) {
  .BannerTypes_headlineMeta__vCLsz {
    font-size: 2.8125rem;
    font-weight: bold;
    line-height: 1.2222222222;
    font-size: 2.75rem;
  }
}

.BannerTypes_sublineLarge__SBTzo {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  display: contents;
  margin-bottom: 2.1875rem;
}
@media only screen and (min-width: 1280px) {
  .BannerTypes_sublineLarge__SBTzo {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
  }
}

.BannerTypes_sublineSmall__b4D8l {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin: 2.1875rem 0 0.625rem 0;
}
@media only screen and (min-width: 1280px) {
  .BannerTypes_sublineSmall__b4D8l {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
  }
}

.BannerTypes_textLarge__Ze4Xp {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: -0.1875rem;
}

.BannerTypes_button__2AJD7 {
  width: 100%;
  margin-top: 1.5625rem;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_button__2AJD7 {
    width: unset;
  }
}

.BannerTypes_buttonPositive__LCsnX {
  width: 100%;
  margin-top: 1.5625rem;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_buttonPositive__LCsnX {
    width: unset;
  }
}

.BannerTypes_bgCornerWidth__nyHOt {
  max-height: 100%;
  overflow: hidden;
  width: calc(100% + 60px);
}
@media only screen and (min-width: 501px) {
  .BannerTypes_bgCornerWidth__nyHOt {
    width: 39%;
  }
}
@media only screen and (min-width: 768px) {
  .BannerTypes_bgCornerWidth__nyHOt {
    width: 39%;
  }
}
@media only screen and (min-width: 1024px) {
  .BannerTypes_bgCornerWidth__nyHOt {
    width: 39%;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerTypes_bgCornerWidth__nyHOt {
    width: 40%;
  }
}
.BannerTypes_bgCornerWidth__nyHOt img {
  width: 100%;
}

.BannerTypes_bgCorner__494Qx {
  position: absolute;
  top: 0;
  left: calc(calc(-2 * 0.625rem));
}
@media only screen and (min-width: 501px) {
  .BannerTypes_bgCorner__494Qx {
    left: 0;
  }
}

.BannerTypes_bgCornerRight__Sabrl {
  position: absolute;
  top: 0;
  right: calc(calc(-2 * 0.625rem));
}
@media only screen and (min-width: 501px) {
  .BannerTypes_bgCornerRight__Sabrl {
    right: 0;
  }
}

.BannerTypes_imageColumn__kwEcP {
  position: relative;
  width: 100%;
}

.BannerTypes_figure__duxu0 {
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_figure__duxu0 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.BannerTypes_image__9S4_E {
  margin-left: 50%;
  transform: translateX(-50%);
}

.BannerTypes_imgOrder__Ww9H0 {
  order: 1;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_imgOrder__Ww9H0 {
    order: unset;
  }
}

.BannerTypes_txtBlockOrder__u3jQM {
  order: 2;
}
@media only screen and (min-width: 501px) {
  .BannerTypes_txtBlockOrder__u3jQM {
    order: unset;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BannerTypes/NewsletterBanner/NewsletterBanner.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.NewsletterBanner_catcherColum__61W7x {
}
@media only screen and (min-width: 501px) {
  .NewsletterBanner_catcherColum__61W7x {
    width: calc(100% / 10 * 3);
  }
}
@media only screen and (min-width: 768px) {
  .NewsletterBanner_catcherColum__61W7x {
    width: 25%;
  }
}
@media only screen and (min-width: 1280px) {
  .NewsletterBanner_catcherColum__61W7x {
    width: 20%;
  }
}

.NewsletterBanner_catcherFigure__cCoN6 {
}

.NewsletterBanner_textColumn__bnNrd {
  display: flex;
  flex-wrap: wrap;
}

.NewsletterBanner_textBox__ggZKY {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .NewsletterBanner_textBox__ggZKY {
    width: 60%;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .NewsletterBanner_textBox__ggZKY {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .NewsletterBanner_textBox__ggZKY {
    width: 37%;
  }
}

.NewsletterBanner_headline__qJUa3 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.9375rem;
}

.NewsletterBanner_formularBox__ww75k {
  flex: 1 1;
  margin-top: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .NewsletterBanner_formularBox__ww75k {
    padding-left: 20px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .NewsletterBanner_formularBox__ww75k {
    align-self: center;
    margin-top: 0.625rem;
  }
}

.NewsletterBanner_subText__jnBTQ {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/NewsletterForm/NewsletterForm.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsletterForm_inputWrapper__IlYVY {
  width: 100%;
}

.NewsletterForm_formFeedback__TyymP {
  margin-top: 0.625rem;
}

.NewsletterForm_txtApproved__oxlE7 {
}

.NewsletterForm_txtError__u08f4 {
  width: 100%;
  color: #ff3200;
}

.NewsletterForm_successBtn__TylVC {
  width: 100%;
  pointer-events: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/NewsletterForm/NewsletterBannerForm.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsletterBannerForm_signInButton__90sPg {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.NewsletterBannerForm_signInButton__90sPg:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.NewsletterBannerForm_signInButton__90sPg:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.NewsletterBannerForm_signInButton__90sPg:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.NewsletterBannerForm_signInButton__90sPg[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}

.NewsletterBannerForm_inputWrapper__aBOgx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.NewsletterBannerForm_formFeedback__cC391 {
}

.NewsletterBannerForm_txtApproved__mWw6e {
}

.NewsletterBannerForm_txtError__fJZHZ {
}

.NewsletterBannerForm_successBtn__fVpg7 {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.NewsletterBannerForm_successBtn__fVpg7:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.NewsletterBannerForm_successBtn__fVpg7:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.NewsletterBannerForm_successBtn__fVpg7:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.NewsletterBannerForm_successBtn__fVpg7[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/NewsletterForm/NewsletterBannerInput.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsletterBannerInput_wrapper__MX_p7 {
  width: 100%;
}
@media only screen and (min-width: 501px) {
  .NewsletterBannerInput_wrapper__MX_p7 {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .NewsletterBannerInput_wrapper__MX_p7 {
    width: unset;
    flex: 1 1;
  }
}

.NewsletterBannerInput_input__zZZOs {
}

.NewsletterBannerInput_button__NeOYy {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #ffffff;
  color: #187ce0;
  min-height: 2.5rem;
  border: 0.125rem solid #ffffff;
  padding: 0.3125rem 1.25rem;
  width: 100%;
  margin-top: 0.625rem;
}
.NewsletterBannerInput_button__NeOYy:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.NewsletterBannerInput_button__NeOYy:hover {
  border: 0.125rem solid #ffffff;
}
.NewsletterBannerInput_button__NeOYy:active {
  border: 0.125rem solid #ffffff;
}
.NewsletterBannerInput_button__NeOYy[disabled] {
  border: 0.125rem solid;
  pointer-events: none;
}
@media only screen and (min-width: 501px) {
  .NewsletterBannerInput_button__NeOYy {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .NewsletterBannerInput_button__NeOYy {
    width: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .NewsletterBannerInput_button__NeOYy {
    min-width: 25%;
    margin-top: 0rem;
    margin-left: 1.25rem;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BannerTypes/BannerCase.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BannerCase_imageColumnEdgy__5WrC9 {
}
@media only screen and (min-width: 501px) {
  .BannerCase_imageColumnEdgy__5WrC9 {
    align-self: stretch;
    overflow: hidden;
  }
}

.BannerCase_imageColumnOnlyLeftIage__ehwV4 {
}
@media only screen and (min-width: 501px) {
  .BannerCase_imageColumnOnlyLeftIage__ehwV4 {
    width: 38%;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerCase_imageColumnOnlyLeftIage__ehwV4 {
    width: 40%;
    margin-right: 100px;
    container-type: inline-size;
    overflow: hidden;
    margin-right: calc(50% - 40% + 1.25rem - 1.875rem);
  }
}

.BannerCase_imageLeft__lo9lp {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .BannerCase_imageLeft__lo9lp {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerCase_imageLeft__lo9lp {
    align-items: flex-start;
    padding-left: 0;
    -webkit-mask: url("/static/images/portals/no_sprite/banner-mask-left.svg");
            mask: url("/static/images/portals/no_sprite/banner-mask-left.svg");
    -webkit-mask-image: url("/static/images/portals/no_sprite/banner-mask-left.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background: linear-gradient(160deg, #005a96, 55%, #187ce0);
    -webkit-mask-size: calc(100% - 1.25rem);
            mask-size: calc(100% - 1.25rem);
    height: 47cqw;
  }
  .BannerCase_imageLeft__lo9lp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.BannerCase_imageColumnCornerSingleImg__d3rl0 {
  container-type: inline-size;
}
@media only screen and (min-width: 501px) {
  .BannerCase_imageColumnCornerSingleImg__d3rl0 {
    width: calc(100% / 10 * 4.5);
  }
}
@media only screen and (min-width: 1024px) {
  .BannerCase_imageColumnCornerSingleImg__d3rl0 {
    width: calc(100% / 10 * 5.5);
  }
}

.BannerCase_figureCornerRightMask__FIfVy {
  position: relative;
  margin-left: calc(calc(-2 * 0.625rem) - 5px);
  margin-bottom: 1.5625rem;
  width: calc(100% + 2 * -1 * (calc(-2 * 0.625rem)) + (2 * 5px));
  -webkit-mask: url("/static/images/portals/no_sprite/banner-mask-right.svg");
          mask: url("/static/images/portals/no_sprite/banner-mask-right.svg");
  -webkit-mask-image: url("/static/images/portals/no_sprite/banner-mask-right.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: linear-gradient(230deg, #005a96, 55%, #187ce0);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: left bottom;
          mask-position: left bottom;
  height: 50cqw;
}
@media only screen and (min-width: 501px) {
  .BannerCase_figureCornerRightMask__FIfVy {
    position: absolute;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
  }
}
.BannerCase_figureCornerRightMask__FIfVy img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 501px) {
  .BannerCase_figureCornerRightMask__FIfVy {
    width: 150%;
    height: 70cqw;
  }
}
@media only screen and (min-width: 1024px) {
  .BannerCase_figureCornerRightMask__FIfVy {
    width: 100%;
    height: 45cqw;
  }
}

.BannerCase_imageColumnCutoutTwoImgs__sLR4l {
}
@media only screen and (min-width: 501px) {
  .BannerCase_imageColumnCutoutTwoImgs__sLR4l {
    width: calc(100% / 10 * 3);
  }
}
@media only screen and (min-width: 1024px) {
  .BannerCase_imageColumnCutoutTwoImgs__sLR4l {
    width: calc((100% / 10 * 2 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerCase_imageColumnCutoutTwoImgs__sLR4l {
    width: calc((100% / 10 * 2 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BannerCase_figureCutout__sA4E4 {
}

.BannerCase_imageColumnCornerTwoImgs___2l7i {
  display: none;
  visibility: hidden;
}
@media only screen and (min-width: 501px) {
  .BannerCase_imageColumnCornerTwoImgs___2l7i {
    width: calc(100% / 10 * 3.5);
  }
}
@media only screen and (min-width: 1280px) {
  .BannerCase_imageColumnCornerTwoImgs___2l7i {
    width: calc(100% / 10 * 4);
  }
}
@media only screen and (min-width: 1024px) {
  .BannerCase_imageColumnCornerTwoImgs___2l7i {
    display: unset;
    visibility: unset;
  }
}

.BannerCase_figureCornerRightMaskSmall__OWl43 {
  position: relative;
  margin-left: calc(calc(-2 * 0.625rem) - 5px);
  margin-bottom: 1.5625rem;
  width: calc(100% + 2 * -1 * (calc(-2 * 0.625rem)) + (2 * 5px));
  -webkit-mask: url("/static/images/portals/no_sprite/banner-mask-right.svg");
          mask: url("/static/images/portals/no_sprite/banner-mask-right.svg");
  -webkit-mask-image: url("/static/images/portals/no_sprite/banner-mask-right.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: linear-gradient(230deg, #005a96, 55%, #187ce0);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: 0 -1.875rem;
          mask-position: 0 -1.875rem;
}
@media only screen and (min-width: 501px) {
  .BannerCase_figureCornerRightMaskSmall__OWl43 {
    position: absolute;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .BannerCase_figureCornerRightMaskSmall__OWl43 {
    height: 10rem;
  }
}
.BannerCase_figureCornerRightMaskSmall__OWl43 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .BannerCase_figureCornerRightMaskSmall__OWl43 {
    -webkit-mask-size: 150%;
            mask-size: 150%;
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerCase_figureCornerRightMaskSmall__OWl43 {
    -webkit-mask-size: 100%;
            mask-size: 100%;
    -webkit-mask-position: 0 -1.875rem;
            mask-position: 0 -1.875rem;
  }
}

.BannerCase_imageColumnCutoutSingleImg__64iVD {
  margin-top: 1.625rem;
  margin-bottom: 1.625rem;
}
@media only screen and (min-width: 1024px) {
  .BannerCase_imageColumnCutoutSingleImg__64iVD {
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 501px) {
  .BannerCase_imageColumnCutoutSingleImg__64iVD {
    width: calc(100% / 10 * 3);
  }
}

.BannerCase_figureCutoutOverlap__9VLMS {
}
@media only screen and (min-width: 1024px) {
  .BannerCase_figureCutoutOverlap__9VLMS {
    height: calc(100% + 2 * 0.625rem);
    top: calc(-1 * 0.625rem);
  }
}

.BannerCase_imageCutout__Dh_Te {
}

.BannerCase_textColumn__akQMj {
}
@media only screen and (min-width: 1280px) {
  .BannerCase_textColumn__akQMj {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/FactSheet/Modal/CertificationLayer.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CertificationLayer_intro__g8FZF {
  margin-bottom: 1.5625rem;
}

.CertificationLayer_block__7__V4 {
  margin-bottom: 1.5625rem;
}

.CertificationLayer_text__oEcOp {
  margin-bottom: 1.25rem;
}

.CertificationLayer_subHeadline___cH4N {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.CertificationLayer_factsheetWrapper__oZYdt {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}

.CertificationLayer_factsheeCol__uBhif {
  width: 100%;
}
@media only screen and (min-width: 501px) {
  .CertificationLayer_factsheeCol__uBhif {
    flex: 1 1;
    width: unset;
  }
}

.CertificationLayer_columnText__n_XGL {
  margin-bottom: 0.625rem;
  color: #64787d;
}

.CertificationLayer_columnTextBottom__cgEnA {
  margin-top: 0.625rem;
  color: #64787d;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/UniversalDescription/universalDescription.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.universalDescription_image__8WLM8 {
  width: 100%;
  margin-bottom: 1.5625rem;
}

.universalDescription_caption__WDf03 {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  margin-top: 0.625rem;
  color: #64787d;
}
@media only screen and (min-width: 1024px) {
  .universalDescription_caption__WDf03 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
  }
}

.universalDescription_text__7HV_B {
  margin-bottom: 1.5625rem;
  width: 100%;
}
.universalDescription_text__7HV_B ul li {
  padding-left: 1em;
}
.universalDescription_text__7HV_B ul li::before {
  position: absolute;
  content: "•";
  margin-left: -1em;
}
.universalDescription_text__7HV_B ol {
  list-style-type: decimal;
  padding: 0 1em;
}
.universalDescription_text__7HV_B img {
  float: left;
  width: 40%;
  max-width: 21.875rem;
  margin: 0.1875rem 1.25rem 0 0;
}
.universalDescription_text__7HV_B p:has(img) + p + p, .universalDescription_text__7HV_B p:has(img) + h2 + p + p, .universalDescription_text__7HV_B p:has(img) + h3 + p + p, .universalDescription_text__7HV_B p:has(img) + h4 + p + p, .universalDescription_text__7HV_B h2:has(img) + p + p, .universalDescription_text__7HV_B h3:has(img) + p + p, .universalDescription_text__7HV_B h4:has(img) + p + p {
  clear: left;
}
.universalDescription_text__7HV_B > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.universalDescription_text__7HV_B > div iframe, .universalDescription_text__7HV_B > div object, .universalDescription_text__7HV_B > div embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.universalDescription_button__QFuHO {
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 500px) {
  .universalDescription_button__QFuHO {
    width: 100%;
  }
}

.universalDescription_separationLine__D5Opt {
  border-bottom: 1px solid #cecece;
  margin-bottom: 1.5625rem;
  width: 100%;
}

.universalDescription_innerWrapper100ProzWidth__SnJjV {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
}

.universalDescription_column100ProzWidth__C2jtz {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .universalDescription_column100ProzWidth__C2jtz {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .universalDescription_column100ProzWidth__C2jtz {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.universalDescription_column100ProzWidth__C2jtz h2 {
  margin-bottom: 1.5625rem;
}
.universalDescription_column100ProzWidth__C2jtz h3, .universalDescription_column100ProzWidth__C2jtz h4 {
  margin-bottom: 1.25rem;
}
.universalDescription_column100ProzWidth__C2jtz > :last-child {
  margin-bottom: 0;
}

.universalDescription_innerWrapper50ProzWidth__bbyR7 {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
}
.universalDescription_innerWrapper50ProzWidth__bbyR7 h2 {
  margin-bottom: 1.5625rem;
}
.universalDescription_innerWrapper50ProzWidth__bbyR7 h3, .universalDescription_innerWrapper50ProzWidth__bbyR7 h4 {
  margin-bottom: 1.25rem;
}

.universalDescription_headline100ProzWidth__Tk5_d {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .universalDescription_headline100ProzWidth__Tk5_d {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .universalDescription_headline100ProzWidth__Tk5_d {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.universalDescription_column__0_NP8 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .universalDescription_column__0_NP8 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .universalDescription_column__0_NP8 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .universalDescription_column__0_NP8 {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .universalDescription_column__0_NP8 {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.universalDescription_column__0_NP8 a {
  color: #006eb4;
}
.universalDescription_column__0_NP8 > :last-child {
  margin-bottom: 0;
}
.universalDescription_column__0_NP8 > a:last-child button {
  margin-bottom: 0;
}

.universalDescription_column2nd__NLJeV {
}
@media only screen and (max-width: 1023px) {
  .universalDescription_column2nd__NLJeV {
    margin-top: 1.5625rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/LookBook/LookBook.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.LookBook_wrapper__qaK_P {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
}

.LookBook_column__ScPFP {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .LookBook_column__ScPFP {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .LookBook_column__ScPFP {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .LookBook_column__ScPFP {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .LookBook_column__ScPFP {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.LookBook_headline__1f3cL {
  margin-bottom: 1.25rem;
}

.LookBook_subline__XH8LY {
  margin-bottom: 1.25rem;
}

.LookBook_infoText__3aJhY {
  margin-top: 0.625rem;
}

.LookBook_image__so_iq {
  width: 100%;
}

.LookBook_button__q0tW_ {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.LookBook_button__q0tW_:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.LookBook_button__q0tW_:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.LookBook_button__q0tW_:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.LookBook_button__q0tW_[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}

.LookBook_buttonForm__YoGJu {
  width: 100%;
  margin-top: 1.5625rem;
}
@media only screen and (max-width: 1023px) {
  .LookBook_buttonForm__YoGJu {
    margin-bottom: 1.5625rem;
  }
}

.LookBook_buttonOnImg__8QgUc {
  position: absolute;
  margin: 1.875rem;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .LookBook_buttonOnImg__8QgUc {
    margin: 0.9375rem;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductQuestions/ProductQuestions.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductQuestions_background__wFq_C {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  position: relative;
}

.ProductQuestions_bgWrapper__ya4nF {
  position: absolute;
  left: 0;
  top: 0;
  width: 105%;
}
@media only screen and (min-width: 501px) {
  .ProductQuestions_bgWrapper__ya4nF {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  .ProductQuestions_bgWrapper__ya4nF {
    width: 47%;
  }
}
@media only screen and (min-width: 1024px) {
  .ProductQuestions_bgWrapper__ya4nF {
    width: 55%;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductQuestions_bgWrapper__ya4nF {
    width: 40%;
  }
}

.ProductQuestions_bgImg__eMSMp {
  width: 100%;
}

.ProductQuestions_wrapper__wLwIm {
  position: relative;
}

.ProductQuestions_headline__cEvls {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .ProductQuestions_headline__cEvls {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductQuestions_headline__cEvls {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ProductQuestions_list__zcwW4 {
  display: flex;
  flex-wrap: wrap;
}
.ProductQuestions_list__zcwW4:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.ProductQuestions_question__eJfG4 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.5625rem;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .ProductQuestions_question__eJfG4 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductQuestions_question__eJfG4 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ProductQuestions_question__eJfG4 {
    width: calc((100% / 10 * 3.75 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductQuestions_question__eJfG4 {
    width: calc((100% / 10 * 3.75 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductQuestions_question__eJfG4 {
    width: calc((100% / 10 * 4 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ProductQuestions_answer__bUeDl {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ProductQuestions_answer__bUeDl {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductQuestions_answer__bUeDl {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ProductQuestions_answer__bUeDl {
    width: unset;
    flex: 1 1;
  }
}
.ProductQuestions_answer__bUeDl a {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: #187ce0;
}

.ProductQuestions_linkBlock__zEvw5 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .ProductQuestions_linkBlock__zEvw5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductQuestions_linkBlock__zEvw5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ProductQuestions_link__yrOSp {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/LoadingSpinner/LoadingSpinner.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoadingSpinner_wrapper__l__Nf {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.LoadingSpinner_circle__CfBVl {
  display: inline-block;
  position: relative;
  width: 5.125rem;
  height: 5.125rem;
}

.LoadingSpinner_circleItem__x0pkr {
  transform-origin: 2.5rem 2.5rem;
  animation: LoadingSpinner_lds-spinner__d7Hqd 1.2s linear infinite;
}
.LoadingSpinner_circleItem__x0pkr:after {
  content: " ";
  display: block;
  position: absolute;
  top: 1.5625rem;
  left: 2.4375rem;
  width: 0.125rem;
  height: 0.5625rem;
  border-radius: 20%;
  background: #ababab;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.LoadingSpinner_circleItem__x0pkr:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes LoadingSpinner_lds-spinner__d7Hqd {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Calculator/Calculator.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Calculator_wrapper__g4Yut {
  min-height: 31.25rem;
}
@media only screen and (min-width: 768px) {
  .Calculator_wrapper__g4Yut {
    background-color: #f6f6f6;
  }
}

.Calculator_calcWrapper__yhZHn {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .Calculator_calcWrapper__yhZHn {
    padding-top: calc(1.5625rem / 2);
    padding-bottom: 0;
  }
}

.Calculator_calcMaskWrapper__Dg8Js {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .Calculator_calcMaskWrapper__Dg8Js {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Calculator_calcMaskWrapper__Dg8Js {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .Calculator_calcMaskWrapper__Dg8Js {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Calculator_calcMaskWrapper__Dg8Js {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Calculator_calcMaskWrapper__Dg8Js {
    width: calc((100% / 10 * 6 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Calculator_calcMaskFormsWrapper__nWsKy {
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 1280px) {
  .Calculator_calcMaskFormsWrapper__nWsKy {
    margin-bottom: 1.25rem;
  }
}

.Calculator_productCardWrapper__KlppR {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .Calculator_productCardWrapper__KlppR {
    width: calc((100% / 10 * 3 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Calculator_productCardWrapper__KlppR {
    width: calc((100% / 10 * 3 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Calculator_productCardWrapper__KlppR {
    width: calc((100% / 10 * 4 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Calculator_productCardWrapper__KlppR.Calculator_hasAboOption__iagr6 {
  display: block;
}

.Calculator_calcLoadingSpinnerWrapper__M_56n {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  .Calculator_calcLoadingSpinnerWrapper__M_56n {
    height: 28.125rem;
  }
}
@media only screen and (min-width: 1024px) {
  .Calculator_calcLoadingSpinnerWrapper__M_56n {
    flex: 2 1;
    min-height: 31.25rem;
  }
}

.Calculator_userBlockedWrapper__zuU4T {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: inline-flex;
  margin-top: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .Calculator_userBlockedWrapper__zuU4T {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Calculator_userBlockedWrapper__zuU4T {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ServiceCollection/ServiceCollection.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ServiceCollection_wrapper__bjt1c {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ServiceCollection_wrapper__bjt1c {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ServiceCollection_wrapper__bjt1c {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ServiceCollection_buttonWrapper__pKwqp {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 1.5625rem;
}

.ServiceCollection_button__EW7nX {
}

.ServiceCollection_headline__Ln5wX {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 1.5625rem;
}

.ServiceCollection_collapseWrapper__MEj_8 {
  width: 100%;
  margin-bottom: 0.625rem;
}

.ServiceCollection_collapseHandler__eAGHu {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.625rem;
  cursor: pointer;
}

.ServiceCollection_collapseTitle__wHkZo {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  order: 2;
}

.ServiceCollection_collapseIcon__0zSs2 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(1rem + 1.875rem);
}

.ServiceCollection_icon__8S4TO {
  fill: #64787d;
  width: 1rem;
  height: 1rem;
}

.ServiceCollection_collapseContent__h1WWo {
  padding: 1.5625rem 1.5625rem 1.5625rem calc(1rem + 1.875rem);
  background-color: #f6f6f6;
}

.ServiceCollection_buttonSepa__tcmmX {
  margin-top: 1.5625rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/StrikePrice/StrikePrice.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StrikePrice_wrapper__V_SmB {
  display: flex;
  gap: 0.25rem 0.625rem;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
}

.StrikePrice_wrapperNowrap__2NMtJ {
  display: flex;
  gap: 0.625rem;
}

.StrikePrice_textWrapper__Xcvnp {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #282828;
  color: #ff3200;
  text-decoration: line-through;
}

.StrikePrice_innerText__W6gW7 {
  color: #64787d;
}

.StrikePrice_offerBadge__7MBE5 {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #282828;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.3125rem;
  color: #ffffff;
  border-radius: 3.125rem;
  background: #ff3200;
  padding: 0 0.5rem 0 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productSuggestions/ProductSuggestion.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductSuggestion_holder__vOkfb {
  width: calc(20% - 0.125rem);
  min-width: 16.5625rem;
  margin-right: 0.125rem;
  background-color: #ffffff;
}
.ProductSuggestion_holder__vOkfb:last-of-type {
  margin-right: 0;
  border-radius: 0 1.25rem 1.25rem 0;
}
.ProductSuggestion_holder__vOkfb:first-of-type {
  border-radius: 1.25rem 0 0 1.25rem;
}

.ProductSuggestion_wrapper__r3_Ue {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.9375rem;
}

.ProductSuggestion_categoryNameWrapper__6KqUW {
  display: flex;
  justify-content: space-between;
}

.ProductSuggestion_categoryName__UrTc9 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #64787d;
}

.ProductSuggestion_image__DzaqV {
  width: 100%;
  height: 9.0625rem;
  text-align: center;
}

.ProductSuggestion_productName__ClgTr {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4444444444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.4375rem 0 0.9375rem 0;
}

.ProductSuggestion_priceWrapper__tzFlb {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 1;
}

.ProductSuggestion_strikePrice__iEpDT {
  display: flex;
  gap: 0.25rem 0.625rem;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
  min-height: 1.375rem;
}

.ProductSuggestion_oldPrice__Germ7 {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #64787d;
  text-decoration: line-through;
}

.ProductSuggestion_price__ye3Lj {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
}

.ProductSuggestion_deliveryCosts__6hmaG {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #282828;
}

.ProductSuggestion_buttonLink__rUZtH {
  margin-top: auto;
}

.ProductSuggestion_button__wsoGI {
  width: 100%;
  margin-top: 0.9375rem;
}

.ProductSuggestion_badgesWrapper__4kbIv {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.3125rem 0.625rem;
  margin-left: 0.625rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productSuggestions/ProductSuggestionList.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductSuggestionList_bg__AjavP {
  background-color: #f0f0f0;
}

.ProductSuggestionList_wrapper__vjHyc {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  min-height: 29.6875rem;
}

.ProductSuggestionList_headline__8JHMb {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ProductSuggestionList_headline__8JHMb {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductSuggestionList_headline__8JHMb {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ProductSuggestionList_scrollContainer__8JqNN {
  width: 100%;
  overflow-x: scroll;
  margin-top: 1.6875rem;
}

.ProductSuggestionList_productListWrapper__A8oQO {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
  .ProductSuggestionList_productListWrapper__A8oQO {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductSuggestionList_productListWrapper__A8oQO {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BlogComponents/BlogHeaderBanner.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BlogHeaderBanner_wrapper__xP8Lr {
  position: relative;
  min-height: 6.25rem;
  max-width: 1920px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
@media only screen and (min-width: 501px) {
  .BlogHeaderBanner_wrapper__xP8Lr {
    min-height: 10rem;
  }
}
@media only screen and (min-width: 768px) {
  .BlogHeaderBanner_wrapper__xP8Lr {
    min-height: 20rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeaderBanner_wrapper__xP8Lr {
    min-height: 35.625rem;
  }
}

.BlogHeaderBanner_imgHolder__xh7iB {
  position: absolute;
  height: 100%;
  width: 100%;
}

.BlogHeaderBanner_image__mZNYU {
  height: 100%;
  object-fit: cover;
}

.BlogHeaderBanner_textWrapper__MOMJa {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  padding: 1.875rem 2.5rem;
  text-align: center;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .BlogHeaderBanner_textWrapper__MOMJa {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeaderBanner_textWrapper__MOMJa {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeaderBanner_textWrapper__MOMJa {
    padding: 1.875rem 12.5rem;
  }
}

.BlogHeaderBanner_headline__1dVz2 {
  font-family: meta;
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 1.1428571429;
  letter-spacing: 0.035625rem;
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .BlogHeaderBanner_headline__1dVz2 {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeaderBanner_headline__1dVz2 {
    font-size: 5em;
    font-weight: bold;
    line-height: 1.1875;
  }
}
@media only screen and (max-width: 500px) {
  .BlogHeaderBanner_headline__1dVz2 {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2333333333;
  }
}

@media only screen and (min-width: 768px) {
  .BlogHeaderBanner_subline__pmNEt {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeaderBanner_subline__pmNEt {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.1428571429;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BlogComponents/BlogFilter.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BlogFilter_wrapper__HAH6w {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .BlogFilter_wrapper__HAH6w {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogFilter_wrapper__HAH6w {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media only screen and (max-width: 500px) {
  .BlogFilter_buttonStyle__xFAYZ {
    min-width: 40%;
    flex: 1 1;
  }
}

.BlogFilter_buttonActive__0Ly0I {
}

.BlogFilter_button__tOs_0 {
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BlogComponents/BlogArticles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BlogArticles_feature__xlZCe {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.BlogArticles_headline___x1Q0 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .BlogArticles_headline___x1Q0 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogArticles_headline___x1Q0 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BlogArticles_wrapper__BSCkn {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .BlogArticles_wrapper__BSCkn {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogArticles_wrapper__BSCkn {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BlogArticles_innerWrapper__oo_Xf {
  width: calc(100% + (2* 0.9375rem));
  display: grid;
  grid-template-columns: 1fr;
  margin-left: -0.9375rem;
}
@media only screen and (max-width: 500px) {
  .BlogArticles_innerWrapper__oo_Xf {
    gap: 0.625rem 0;
  }
}
@media only screen and (min-width: 501px) {
  .BlogArticles_innerWrapper__oo_Xf {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  .BlogArticles_innerWrapper__oo_Xf {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .BlogArticles_innerWrapper__oo_Xf {
    grid-template-columns: repeat(4, 1fr);
  }
}

.BlogArticles_buttonWrapper__mCk8W {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .BlogArticles_buttonWrapper__mCk8W {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogArticles_buttonWrapper__mCk8W {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BlogArticles_button__OyJpn {
  margin-top: 0.625rem;
}

.BlogArticles_link__pYcvF {
  padding: 0.9375rem;
}
@media (hover: hover) {
  .BlogArticles_link__pYcvF:hover {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
    transition-duration: 0.2s;
    border-radius: 1.25rem;
    cursor: pointer;
  }
}
@media (hover: none) {
  .BlogArticles_link__pYcvF:active {
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
    transition-duration: 0.2s;
    border-radius: 1.25rem;
    cursor: pointer;
  }
}

.BlogArticles_figure__7UdvW {
  container-type: inline-size;
  margin-bottom: 0.625rem;
}

.BlogArticles_image__0Ay4V {
  width: 100%;
  height: 67cqw;
  object-fit: cover;
}

.BlogArticles_subline__VlOlF {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  color: #64787d;
}

.BlogArticles_itemHeadline__3xNgg {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.625rem;
}

.BlogArticles_text__IUkWw {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/IndentedList/IndentedList.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.IndentedList_ul__HBikM:not(:last-of-type) {
  margin-bottom: 0.625rem;
}

.IndentedList_category__ZYukb {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
}
.IndentedList_category__ZYukb:hover {
  color: #187ce0;
  fill: #187ce0;
}

.IndentedList_li__ZGWTY {
  padding-left: 1em;
  margin-left: 1.5625rem;
}
.IndentedList_li__ZGWTY::before {
  position: absolute;
  content: "•";
  margin-left: -1em;
}

.IndentedList_link__PHiKn:hover {
  color: #187ce0;
  fill: #187ce0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/NotFound/NotFound.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.NotFound_wrapper__pwc8b {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .NotFound_wrapper__pwc8b {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .NotFound_wrapper__pwc8b {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.NotFound_image__EO6MW {
  width: 9.375rem;
  height: 4.0625rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .NotFound_image__EO6MW {
    width: 14.375rem;
    height: 6.25rem;
  }
}

.NotFound_text__d5_d1 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.NotFound_text__d5_d1 a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #187ce0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/breadCrumb/BreadCrumb.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BreadCrumb_container__3aNbM {
  min-height: 24px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .BreadCrumb_container__3aNbM {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BreadCrumb_container__3aNbM {
    min-height: 18px;
  }
}
@media only screen and (min-width: 1600px) {
  .BreadCrumb_container__3aNbM {
    min-height: 24px;
  }
}

.BreadCrumb_container2__ZMakL {
  margin-bottom: 0;
}

.BreadCrumb_containerUSS__SRKLF {
  min-height: calc(24px + 1.25rem * 2);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .BreadCrumb_containerUSS__SRKLF {
    min-height: calc(24px + 1.5625rem * 2);
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BreadCrumb_containerUSS__SRKLF {
    min-height: calc(18px + 1.5625rem * 2);
  }
}
@media only screen and (min-width: 1600px) {
  .BreadCrumb_containerUSS__SRKLF {
    min-height: calc(24px + 1.5625rem * 2);
  }
}

.BreadCrumb_wrapper__kobzS {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .BreadCrumb_wrapper__kobzS {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BreadCrumb_wrapper__kobzS {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BreadCrumb_list__7ROvA {
  display: inline-flex;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .BreadCrumb_list__7ROvA {
    color: #64787d;
  }
}

.BreadCrumb_arrowWrapper__uYFaA {
  padding: 0 0.625em;
}

.BreadCrumb_arrow__kNxJV {
  width: 0.5625em;
  height: 0.625em;
  transform: rotate(-90deg);
  color: #64787d;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BenefitsOfElements/BenefitsOfElements.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BenefitsOfElements_headline__CfbMM {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .BenefitsOfElements_headline__CfbMM {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BenefitsOfElements_headline__CfbMM {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BenefitsOfElements_ul__p3Fz5 {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 0;
  flex-direction: column;
}
@media only screen and (min-width: 430px) {
  .BenefitsOfElements_ul__p3Fz5 {
    flex-direction: row;
  }
}

.BenefitsOfElements_item__oRNUh {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .BenefitsOfElements_item__oRNUh {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BenefitsOfElements_item__oRNUh {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .BenefitsOfElements_item__oRNUh {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BenefitsOfElements_item__oRNUh {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 430px) {
  .BenefitsOfElements_item__oRNUh {
    flex-direction: row;
    align-items: flex-start;
  }
}

.BenefitsOfElements_image__DRRka {
  width: 5rem;
  height: 3.75rem;
  flex-shrink: 0;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 430px) {
  .BenefitsOfElements_image__DRRka {
    margin-right: 1.25rem;
    margin-bottom: unset;
    width: 5rem;
    height: 5rem;
  }
}

.BenefitsOfElements_subline__LJh6G {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 768px) {
  .BenefitsOfElements_subline__LJh6G {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .BenefitsOfElements_subline__LJh6G {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.1428571429;
    margin-bottom: 0.3125rem;
  }
}

.BenefitsOfElements_text__asaxq {
  text-align: center;
}
@media only screen and (min-width: 430px) {
  .BenefitsOfElements_text__asaxq {
    text-align: left;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ThreeElements/ThreeElements.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ThreeElements_item__QGNTS {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-top: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .ThreeElements_item__QGNTS {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ThreeElements_item__QGNTS {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ThreeElements_item__QGNTS {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ThreeElements_item__QGNTS {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .ThreeElements_item__QGNTS {
    display: flex;
    gap: 0.625rem 0;
  }
}

.ThreeElements_imgWrapper__S1Sho {
  container-type: inline-size;
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .ThreeElements_imgWrapper__S1Sho {
    flex: 35% 1;
    flex-shrink: 0;
    margin-right: 1.5625rem;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .ThreeElements_imgWrapper__S1Sho {
    flex: 16.5625rem 1;
    flex-shrink: 0;
  }
}

.ThreeElements_image__ATuQV {
  height: 49cqw;
  object-fit: cover;
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .ThreeElements_image__ATuQV {
    width: 100%;
    height: 100%;
  }
}

.ThreeElements_txtWrapper__8y21f {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .ThreeElements_txtWrapper__8y21f {
    margin-top: unset;
  }
}

.ThreeElements_headline__MCuMd {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}

.ThreeElements_button__HO3d2 {
  margin-top: 1.25rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ThreeElements/ThreeElementsList.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ThreeElementsList_wrapper__3_bFO {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.ThreeElementsList_headline__pYx4N {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ThreeElementsList_headline__pYx4N {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ThreeElementsList_headline__pYx4N {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ThreeElementsList_subline__2CQo1 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ThreeElementsList_subline__2CQo1 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ThreeElementsList_subline__2CQo1 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ThreeElementsList_list__jcyPN {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/OfferList/OfferList.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.OfferList_wrapper__7Xmou {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.OfferList_headline__BXc7T {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .OfferList_headline__BXc7T {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .OfferList_headline__BXc7T {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.OfferList_list__O0BGI {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5625rem 0;
}

.OfferList_item__s5hVn {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  container-type: inline-size;
}
@media only screen and (min-width: 768px) {
  .OfferList_item__s5hVn {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .OfferList_item__s5hVn {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .OfferList_item__s5hVn {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .OfferList_item__s5hVn {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.OfferList_bg__x9BmX {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.OfferList_image__9PNow {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.OfferList_banner__eqVPD {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 12cqw 0.625rem 1.25rem 0;
  padding: 0.9375rem;
  background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (min-width: 768px) {
  .OfferList_banner__eqVPD {
    margin-top: 25cqw;
  }
}

.OfferList_bannerHead__SAWRr {
  font-family: meta;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.2333333333;
  letter-spacing: 0.035625rem;
  color: #ff3200;
  word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
  .OfferList_bannerHead__SAWRr {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
  }
}
@media only screen and (min-width: 950px) {
  .OfferList_bannerHead__SAWRr {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .OfferList_bannerHead__SAWRr {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2333333333;
  }
}
@media only screen and (min-width: 1400px) {
  .OfferList_bannerHead__SAWRr {
    font-size: 2.1875rem;
    font-weight: bold;
    line-height: 1.1428571429;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/StartPageBanner/StartPageBanner.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.StartPageBanner_wrapper__fglYP {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.StartPageBanner_mainHeadline__6GlhJ {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .StartPageBanner_mainHeadline__6GlhJ {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StartPageBanner_mainHeadline__6GlhJ {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media only screen and (max-width: 500px) {
  .StartPageBanner_mobileFullWidth__8HAMQ {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.StartPageBanner_banner__GIApM {
  position: relative;
  min-height: 10rem;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
}
@media only screen and (min-width: 501px) {
  .StartPageBanner_banner__GIApM {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 501px) and (min-width: 768px) {
  .StartPageBanner_banner__GIApM {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 501px) and (min-width: 1280px) {
  .StartPageBanner_banner__GIApM {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .StartPageBanner_banner__GIApM {
    min-height: 21.25rem;
  }
}

.StartPageBanner_imgHolder__tiOkZ {
  position: relative;
  width: 100%;
  order: 1;
}
@media only screen and (min-width: 501px) {
  .StartPageBanner_imgHolder__tiOkZ {
    width: calc(100% / 10 * 4.5);
  }
}
@media only screen and (min-width: 1024px) {
  .StartPageBanner_imgHolder__tiOkZ {
    width: calc(100% / 10 * 5.5);
  }
}
@media only screen and (min-width: 501px) {
  .StartPageBanner_imgHolder__tiOkZ {
    order: 2;
    align-self: stretch;
    overflow: hidden;
  }
}

@media only screen and (min-width: 501px) {
  .StartPageBanner_image__j5JTs {
    position: absolute;
    width: 100%;
    max-height: 200%;
    object-fit: contain;
    object-position: top;
  }
}

.StartPageBanner_textWrapper__Cmm1e {
  flex: 1 1;
  order: 2;
  margin-top: 1.625rem;
  margin-bottom: 1.625rem;
  padding: 0 1.25rem;
}
@media only screen and (min-width: 501px) {
  .StartPageBanner_textWrapper__Cmm1e {
    order: 1;
    padding-right: 1.25rem;
    padding-left: 1.875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StartPageBanner_textWrapper__Cmm1e {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.StartPageBanner_headline__5W_9E {
  font-family: meta;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.035625rem;
  color: #ff3200;
}
@media only screen and (min-width: 501px) {
  .StartPageBanner_headline__5W_9E {
    font-size: 2.1875rem;
    font-weight: bold;
    line-height: 1.1428571429;
  }
}
@media only screen and (min-width: 768px) {
  .StartPageBanner_headline__5W_9E {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 768px) {
  .StartPageBanner_headline__5W_9E {
    margin-bottom: 0.625rem;
  }
}

.StartPageBanner_subline__8cTX7 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .StartPageBanner_subline__8cTX7 {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
  }
}
@media only screen and (min-width: 1280px) {
  .StartPageBanner_subline__8cTX7 {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2333333333;
  }
}

.StartPageBanner_button__gfi_q {
  margin-top: 1.25rem;
}

.StartPageBanner_columnWrapper__yMRqb {
  margin-top: 1.25rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/StartPageBanner/StartPageBannerList.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.StartPageBannerList_ul__6zzGp {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1875rem 0;
}

.StartPageBannerList_li__gbRm5 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .StartPageBannerList_li__gbRm5 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StartPageBannerList_li__gbRm5 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 931px) {
  .StartPageBannerList_li__gbRm5 {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 931px) and (min-width: 768px) {
  .StartPageBannerList_li__gbRm5 {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 931px) and (min-width: 1280px) {
  .StartPageBannerList_li__gbRm5 {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.StartPageBannerList_liHead__VlzpZ {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 931px) {
  .StartPageBannerList_liHead__VlzpZ {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
  }
}
@media only screen and (min-width: 1024px) {
  .StartPageBannerList_liHead__VlzpZ {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
}

.StartPageBannerList_button__Q3gRa {
  margin-top: 1.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CategorieList/CategorieList.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.CategorieList_bg__eOYEL {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  background-color: #f0f0f0;
}

.CategorieList_headline__1fzqP {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .CategorieList_headline__1fzqP {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .CategorieList_headline__1fzqP {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ThreeTextColumns/ThreeTextColumns.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ThreeTextColumns_ul__BopAX {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1875rem 0;
}

.ThreeTextColumns_li__zIKcz {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ThreeTextColumns_li__zIKcz {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ThreeTextColumns_li__zIKcz {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .ThreeTextColumns_li__zIKcz {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .ThreeTextColumns_li__zIKcz {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ThreeTextColumns_li__zIKcz {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ThreeTextColumns_li__zIKcz {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ThreeTextColumns_li__zIKcz {
    width: calc((100% / 10 * 3.3333333333 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ThreeTextColumns_liHead__JTMcJ {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}

.ThreeTextColumns_button__hkxtN {
  margin-top: 1.25rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Input/RoundInput.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RoundInput_input__lrYpD {
  height: 2.5rem;
  width: 100%;
  padding-left: 1.25rem;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece;
  border-radius: 1.25rem;
  outline: none;
}
.RoundInput_input__lrYpD::-webkit-input-placeholder {
  color: #64787d;
  opacity: 1;
}
.RoundInput_input__lrYpD:hover::-webkit-input-placeholder {
  color: #282828;
  opacity: 1;
}
.RoundInput_input__lrYpD:focus::-webkit-input-placeholder {
  color: #282828;
  opacity: 1;
}
.RoundInput_input__lrYpD::-moz-placeholder {
  color: #64787d;
  opacity: 1;
}
.RoundInput_input__lrYpD:hover::-moz-placeholder {
  color: #282828;
  opacity: 1;
}
.RoundInput_input__lrYpD:focus::-moz-placeholder {
  color: #282828;
  opacity: 1;
}
.RoundInput_input__lrYpD:-ms-input-placeholder { /* IE 10+ */
  color: #64787d;
  opacity: 1;
}
.RoundInput_input__lrYpD:hover:-ms-input-placeholder {
  color: #282828;
  opacity: 1;
}
.RoundInput_input__lrYpD:focus:-ms-input-placeholder {
  color: #282828;
  opacity: 1;
}
.RoundInput_input__lrYpD:hover {
  border-color: #282828;
}
.RoundInput_input__lrYpD:focus {
  border-color: #282828;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/AutoComplete/AutoComplete.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AutoComplete_wrapper__Vl5Sg {
  position: relative;
  width: 100%;
  height: 2.5rem;
  z-index: 9;
}

.AutoComplete_input__SyxPn {
}

.AutoComplete_button__FFF5e {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  position: absolute;
  right: 0;
  top: 0;
  height: 2.5rem;
  padding: 0 1.25rem;
  border-radius: 1.25rem;
  background-color: #187ce0;
  color: #ffffff;
  z-index: 9;
}

.AutoComplete_dropdown__OkiUK {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.AutoComplete_listItem__jFve2 {
  padding: 1.25rem;
  border-bottom: 1px solid #e8e8e8;
}
.AutoComplete_listItem__jFve2:last-of-type {
  border-bottom: unset;
}
.AutoComplete_listItem__jFve2:hover {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  color: #ff3200;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-top: -1px;
  border-top: 1px solid white;
}

.AutoComplete_emptymessage__a1P_N {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 1.25rem;
}

.AutoComplete_hit__LclYX {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.AutoComplete_highlight__rnYju {
  color: #ff3200;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Search/Search.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Search_searchWrapper__YZVJj {
  display: flex;
  margin-left: 0.625rem;
}
@media only screen and (max-width: 1279px) {
  .Search_searchWrapper__YZVJj {
    flex: auto;
  }
}
@media only screen and (max-width: 767px) {
  .Search_searchWrapper__YZVJj {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding: 0 0.625rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) {
  .Search_searchWrapper__YZVJj {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1280px) {
  .Search_searchWrapper__YZVJj {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Search_searchWrapperStartpage__cKCMt {
}
@media only screen and (min-width: 1280px) {
  .Search_searchWrapperStartpage__cKCMt {
    position: fixed;
    top: calc(8px + 5px);
    left: 50%;
    transform: translateX(-50%);
    margin-left: unset;
  }
}
@media only screen and (min-width: 1600px) {
  .Search_searchWrapperStartpage__cKCMt {
    top: 8px;
  }
}

@media only screen and (min-width: 768px) {
  .Search_wrapper__oMnvr {
    width: 16.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .Search_wrapper__oMnvr {
    width: 25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Search_wrapper__oMnvr {
    width: 32.8125rem;
  }
}

.Search_inputWrapper__TP0Xk {
  position: relative;
  width: 100%;
  height: 40px;
  z-index: 9;
}

.Search_input__TR21k {
}

.Search_form__AIGlT {
  width: 100%;
}

.Search_listItem__Gnr9L {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  margin: -0.9375rem 0;
}

.Search_productImage__nIsUY {
  width: 5rem;
  height: 5rem;
  margin-right: 1.25rem;
}

.Search_emptymessage__oKzs_ {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.Search_dropdown___oAFZ {
}

.Search_list__ku_cD {
  max-height: 56.9375rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/HelpCenter/Search.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Search_wrapper__eZe_5 {
  position: relative;
  width: 100%;
  height: 2.5rem;
  z-index: 9;
}

.Search_input__fvewv {
}

.Search_buttonWrapper__mYoSi {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}

.Search_dropdown__klDCV {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.Search_listItem__cApXm {
  padding: 1.25rem;
  border-bottom: 1px solid #e8e8e8;
}
.Search_listItem__cApXm:last-of-type {
  border-bottom: unset;
}
.Search_listItem__cApXm:hover {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  color: #ff3200;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-top: -1px;
  border-top: 1px solid white;
}

.Search_highlight__oR3hN {
  color: #ff3200;
}

.Search_emptymessage__a_E85 {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 1.25rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Button/ButtonWithIcon.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ButtonWithIcon_button__1UPeL {
  display: flex;
  align-items: center;
}

.ButtonWithIcon_icon__Z8wWL {
  width: 1.125rem;
  height: 1.125rem;
  color: #ffffff;
  fill: #ffffff;
}
.ButtonWithIcon_icon__Z8wWL:hover {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .ButtonWithIcon_icon__Z8wWL {
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .ButtonWithIcon_text__biBNS {
    visibility: hidden !important;
    display: none !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/HelpCenter/HelpCenterContent.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.HelpCenterContent_headline__jYJX0 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 1.5625rem;
}

.HelpCenterContent_text__ni_5a {
  margin-bottom: 1.5625rem;
}

.HelpCenterContent_image__vpuIF {
  width: 100%;
  margin-bottom: 1.5625rem;
}

.HelpCenterContent_button__OUrlo {
  margin-bottom: 1.5625rem;
  margin-right: 0.625rem;
}
@media only screen and (max-width: 500px) {
  .HelpCenterContent_button__OUrlo {
    width: 100%;
    margin-right: unset;
  }
}

.HelpCenterContent_imgAndText__IGsjp {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 630px) {
  .HelpCenterContent_imgAndText__IGsjp {
    flex-wrap: nowrap;
  }
}

.HelpCenterContent_imgItem__nBvTL {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  max-width: 50%;
}
@media only screen and (max-width: 630px) {
  .HelpCenterContent_imgItem__nBvTL {
    max-width: 100%;
  }
}

.HelpCenterContent_iconAndText__N8neM {
  margin-bottom: 1.5625rem;
}

.HelpCenterContent_iconItem__AFBfj {
  display: inline;
  margin-right: 0.4375rem;
}

.HelpCenterContent_txtItem__jAJSJ {
  display: inline;
  margin-top: -0.25rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/HelpCenter/HelpCenterContainer.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.HelpCenterContainer_wrapper__3Eb3Q {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.HelpCenterContainer_searchWrapper__3IXsz {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .HelpCenterContainer_searchWrapper__3IXsz {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HelpCenterContainer_searchWrapper__3IXsz {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.HelpCenterContainer_abcWrapper__fOJLE {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .HelpCenterContainer_abcWrapper__fOJLE {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HelpCenterContainer_abcWrapper__fOJLE {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HelpCenterContainer_abcWrapper__fOJLE {
    margin-bottom: 1.25rem;
  }
}

.HelpCenterContainer_abcHolder__fxYwH {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.625rem;
}
@media only screen and (max-width: 1279px) {
  .HelpCenterContainer_abcHolder__fxYwH {
    gap: 0.625rem;
  }
}

.HelpCenterContainer_abcButton__w3A8q {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #ffffff;
  color: #187ce0;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.HelpCenterContainer_abcButton__w3A8q:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.HelpCenterContainer_abcButton__w3A8q:hover {
  color: #ffffff;
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.HelpCenterContainer_abcButton__w3A8q:active {
  border: 0.125rem solid #005a96;
}
.HelpCenterContainer_abcButton__w3A8q[disabled] {
  border: 0.125rem solid;
  pointer-events: none;
}

.HelpCenterContainer_abcButtonActive__97d_V {
  color: #ffffff;
  border-color: #005a96;
  background-color: #005a96;
}

.HelpCenterContainer_abcButtonInactive__egXup {
  border-color: #ababab;
  color: #ababab;
  pointer-events: none;
}

.HelpCenterContainer_columnWrapper__AI50B {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .HelpCenterContainer_columnWrapper__AI50B {
    flex-wrap: nowrap;
  }
}

.HelpCenterContainer_column__WJQko {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .HelpCenterContainer_column__WJQko {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HelpCenterContainer_column__WJQko {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .HelpCenterContainer_column__WJQko {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .HelpCenterContainer_column__WJQko {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.HelpCenterContainer_columnTerm__kjSRs {
}
@media only screen and (max-width: 1023px) {
  .HelpCenterContainer_columnTerm__kjSRs {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.HelpCenterContainer_columnTermList__aGvAp {
  max-height: 25vh;
}

.HelpCenterContainer_listTermStyle__bLPTt {
  padding: 0 0.625rem;
  line-height: 1.875;
  cursor: pointer;
}

.HelpCenterContainer_listTerm__9HyC1 {
}
.HelpCenterContainer_listTerm__9HyC1:hover {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  line-height: 1.875;
  background-color: #f0f0f0;
}

.HelpCenterContainer_listTermActive__AbXjN {
  font-weight: 500;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Carousel/Carousel.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Carousel_carousel__iOPeX {
  margin: 0 auto;
  position: relative;
  min-height: 270px;
  height: 100%;
  overflow: hidden;
  background-color: #f0f0f0;
}
@media only screen and (min-width: 501px) {
  .Carousel_carousel__iOPeX {
    min-height: 340px;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_carousel__iOPeX {
    min-height: 321px;
  }
}
@media only screen and (min-width: 1600px) {
  .Carousel_carousel__iOPeX {
    min-height: 428px;
  }
}

.Carousel_carouselInner__ZgSLG {
  height: 16.875rem;
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
@media only screen and (min-width: 768px) {
  .Carousel_carouselInner__ZgSLG {
    height: 21.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_carouselInner__ZgSLG {
    height: 100%;
  }
}

.Carousel_carouselItem__sy_UV {
  height: 16.875rem;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .Carousel_carouselItem__sy_UV {
    height: 21.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_carouselItem__sy_UV {
    height: 100%;
  }
}

.Carousel_carouselItemInfo__x5ljx {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .Carousel_carouselItemInfo__x5ljx {
    margin-top: -0.8125rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_carouselItemInfo__x5ljx {
    padding-bottom: calc(1rem + 3.125rem);
  }
}

.Carousel_img__J9eiS {
  height: 100%;
  object-fit: cover;
}

.Carousel_video__i_Q2M {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1280px) {
  .Carousel_video__i_Q2M {
    object-fit: contain;
  }
}

.Carousel_carouselControls__PqwKL {
  position: absolute;
  top: 100px;
  width: 100%;
  height: 200px;
}

.Carousel_carouselControl__bfqgx {
  position: absolute;
  height: 100px;
  width: 100px;
}

.Carousel_right__yB8Zs {
  right: 0;
}

.Carousel_left__F3r46 {
  left: 0;
}

.Carousel_defaultHeadline__e1X5E {
  font-family: meta;
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 1.1428571429;
  letter-spacing: 0.035625rem;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  color: #ff3200;
}
@media only screen and (min-width: 768px) {
  .Carousel_defaultHeadline__e1X5E {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_defaultHeadline__e1X5E {
    font-size: 5em;
    font-weight: bold;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 768px) {
  .Carousel_defaultHeadline__e1X5E {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_defaultHeadline__e1X5E {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Carousel_defaultSubHeadline__hKj0r, .Carousel_defaultSubHeadlineP24__6Hi1c {
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.25;
  margin-top: 0.9375em;
}
@media only screen and (max-width: 1279px) {
  .Carousel_defaultSubHeadline__hKj0r, .Carousel_defaultSubHeadlineP24__6Hi1c {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_defaultSubHeadline__hKj0r, .Carousel_defaultSubHeadlineP24__6Hi1c {
    width: calc((100% / 10 * 6 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Carousel_defaultSubHeadlineP24__6Hi1c {
  font-size: 2em;
}

.Carousel_productHeadline__6UYOY {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-family: meta;
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 1.1428571429;
  letter-spacing: 0.035625rem;
}
@media only screen and (min-width: 768px) {
  .Carousel_productHeadline__6UYOY {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_productHeadline__6UYOY {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .Carousel_productHeadline__6UYOY {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_productHeadline__6UYOY {
    font-size: 5em;
    font-weight: bold;
    line-height: 1.1875;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_productHeadline__6UYOY {
    margin-bottom: 0.05em;
  }
}

.Carousel_productSubHeadline___4_2_, .Carousel_productSubHeadline2__bzHMA {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .Carousel_productSubHeadline___4_2_, .Carousel_productSubHeadline2__bzHMA {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_productSubHeadline___4_2_, .Carousel_productSubHeadline2__bzHMA {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_productSubHeadline___4_2_, .Carousel_productSubHeadline2__bzHMA {
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1.25;
    margin-top: 0.9375em;
    margin-bottom: 1.15em;
  }
}

.Carousel_productSubHeadline2__bzHMA {
  width: 80%;
  white-space: normal;
}

.Carousel_infoTextWrapper__LgfGG, .Carousel_infoTextWrapperP24__1LgLJ {
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoTextWrapper__LgfGG, .Carousel_infoTextWrapperP24__1LgLJ {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 1280px) {
  .Carousel_infoTextWrapperP24__1LgLJ {
    margin-top: 1.875rem;
  }
}

.Carousel_infoText__MHIak {
  width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .Carousel_infoText__MHIak {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoText__MHIak {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .Carousel_infoText__MHIak {
    width: calc((100% / 10 * 3 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoText__MHIak {
    width: calc((100% / 10 * 3 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoText__MHIak {
    width: calc((100% / 10 * 4 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoText__MHIak {
    font-size: 2em;
    line-height: 1.15625;
  }
}

.Carousel_infoTextSub__YCIcy {
  width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
}
@media only screen and (min-width: 768px) {
  .Carousel_infoTextSub__YCIcy {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoTextSub__YCIcy {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .Carousel_infoTextSub__YCIcy {
    width: calc((100% / 10 * 3 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoTextSub__YCIcy {
    width: calc((100% / 10 * 3 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoTextSub__YCIcy {
    width: calc((100% / 10 * 4 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_infoTextSub__YCIcy {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    margin-top: 0.4375rem;
    margin-bottom: -1.5625em;
  }
}

.Carousel_subHeadlineAffiliate__dY8HS {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
  line-height: 1.3;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 1279px) {
  .Carousel_subHeadlineAffiliate__dY8HS {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_subHeadlineAffiliate__dY8HS {
    width: calc((100% / 10 * 6 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Carousel_logoImage__p0qMd {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  height: 3.125rem;
  margin: 0.4375rem 0;
  object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .Carousel_logoImage__p0qMd {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_logoImage__p0qMd {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .Carousel_logoImage__p0qMd {
    height: 4.375rem;
  }
}
@media only screen and (min-width: 928px) {
  .Carousel_logoImage__p0qMd {
    margin: 0.9375rem 0;
  }
}

.Carousel_buttonWrapper__xoesU {
  display: flex;
}

.Carousel_buttonWrapperAffiliate__roc1j {
  display: flex;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 928px) {
  .Carousel_buttonWrapperAffiliate__roc1j {
    margin-bottom: 0;
  }
}

.Carousel_buttonOffer__sOoyJ {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Carousel_buttonOffer__sOoyJ {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_buttonOffer__sOoyJ {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Carousel_buttonOfferNegative__mzK_L {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Carousel_buttonOfferNegative__mzK_L {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_buttonOfferNegative__mzK_L {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Carousel_badgeImageWrapper__7NNnF {
  position: absolute;
  top: 110px;
  right: 20px;
}
@media only screen and (min-width: 768px) {
  .Carousel_badgeImageWrapper__7NNnF {
    top: 100px;
    right: 170px;
  }
}
@media only screen and (min-width: 1024px) {
  .Carousel_badgeImageWrapper__7NNnF {
    right: 210px;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_badgeImageWrapper__7NNnF {
    top: 20px;
    right: 350px;
  }
}
@media only screen and (min-width: 1680px) {
  .Carousel_badgeImageWrapper__7NNnF {
    top: 40px;
    right: 460px;
  }
}
@media only screen and (min-width: 2560px) {
  .Carousel_badgeImageWrapper__7NNnF {
    top: 20px;
    right: 680px;
  }
}

.Carousel_badgeImage__oQpVZ {
  width: 120px;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .Carousel_badgeImage__oQpVZ {
    width: 180px;
  }
}
@media only screen and (min-width: 1440px) {
  .Carousel_badgeImage__oQpVZ {
    width: 12.5rem;
  }
}
@media only screen and (min-width: 1680px) {
  .Carousel_badgeImage__oQpVZ {
    width: 14.375rem;
  }
}
@media only screen and (min-width: 2560px) {
  .Carousel_badgeImage__oQpVZ {
    width: 21.25rem;
  }
}

.Carousel_sealImageWrapper__OSgSQ {
  display: none;
}
@media only screen and (min-width: 768px) {
  .Carousel_sealImageWrapper__OSgSQ {
    display: unset;
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

.Carousel_sealImage__Uutcd {
  width: auto;
  height: 80px;
}
@media only screen and (min-width: 1680px) {
  .Carousel_sealImage__Uutcd {
    height: 6.25rem;
  }
}
@media only screen and (min-width: 2560px) {
  .Carousel_sealImage__Uutcd {
    height: 8.75rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Carousel/CarouselIndicators.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.CarouselIndicators_carouselIndicators__2V4PK {
  position: absolute;
  width: 100%;
  bottom: 1.25rem;
  z-index: 2;
}
@media only screen and (min-width: 1280px) {
  .CarouselIndicators_carouselIndicators__2V4PK {
    bottom: 3.125rem;
  }
}

.CarouselIndicators_carouselIndicatorsHolder__rCEfn {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  gap: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .CarouselIndicators_carouselIndicatorsHolder__rCEfn {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .CarouselIndicators_carouselIndicatorsHolder__rCEfn {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .CarouselIndicators_carouselIndicatorsHolder__rCEfn {
    gap: 1.25rem;
  }
}

.CarouselIndicators_carouselIndicatorItem__zVtEw {
  width: 0.625rem;
  height: 0.625rem;
  display: flex;
  border-radius: 50%;
  background-color: #64787d;
  transform: rotate(-90deg);
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .CarouselIndicators_carouselIndicatorItem__zVtEw {
    width: 1rem;
    height: 1rem;
  }
}

@keyframes CarouselIndicators_dash__Iv8nb {
  0% {
    stroke-dasharray: 0 31.42;
  }
  100% {
    stroke-dasharray: 31.42 31.42;
  }
}
.CarouselIndicators_bgDefault__EesfE {
  background-color: #64787d;
}

.CarouselIndicators_bgActive__EcZNy {
  background-color: #187ce0;
}

.CarouselIndicators_dasharray__3tiiN {
  display: none;
}

.CarouselIndicators_loadingIndicator__ircxo svg {
  width: 0.625rem;
  height: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .CarouselIndicators_loadingIndicator__ircxo svg {
    width: 1rem;
    height: 1rem;
  }
}
.CarouselIndicators_loadingIndicator__ircxo .CarouselIndicators_dasharray__3tiiN {
  display: block;
  fill: #64787d;
  stroke: #ffffff;
  animation: CarouselIndicators_dash__Iv8nb;
}

.CarouselIndicators_playPause__nX8dh {
  width: 0.625rem;
  height: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .CarouselIndicators_playPause__nX8dh {
    width: 1rem;
    height: 1rem;
  }
}
.CarouselIndicators_playPause__nX8dh svg {
  width: 0.5625rem;
  height: 0.5625rem;
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) {
  .CarouselIndicators_playPause__nX8dh svg {
    width: 0.75rem;
    height: 0.75rem;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductFeatures/ProductVariantSuggestion.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductVariantSuggestion_holder__o7aAQ {
  min-width: 21.875rem;
  margin-right: 0.125rem;
  background-color: #ffffff;
}
@media only screen and (min-width: 1280px) {
  .ProductVariantSuggestion_holder__o7aAQ {
    min-width: calc(25% - 0.125rem);
  }
}
.ProductVariantSuggestion_holder__o7aAQ:last-of-type {
  margin-right: 0;
  border-radius: 0 1.25rem 1.25rem 0;
}
.ProductVariantSuggestion_holder__o7aAQ:first-of-type {
  border-radius: 1.25rem 0 0 1.25rem;
}

.ProductVariantSuggestion_wrapper__LixTh {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 0.9375rem 0.9375rem 1.875rem;
}
@media only screen and (min-width: 1280px) {
  .ProductVariantSuggestion_wrapper__LixTh {
    padding: 0.9375rem 0.9375rem 2.5rem;
  }
}

.ProductVariantSuggestion_badge__3mV3q {
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 1.25rem;
  width: 100%;
}

.ProductVariantSuggestion_image__2Pmw0 {
  width: 100%;
  height: 15.625rem;
  text-align: center;
}

.ProductVariantSuggestion_subline__2rhGD {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4444444444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.4375rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductFeatures/ProductVariants.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductVariants_bg__7loVr {
  background-color: #f0f0f0;
}

.ProductVariants_wrapper__FaJwc {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  min-height: 28.125rem;
}

.ProductVariants_headline__RmbaG {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ProductVariants_headline__RmbaG {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductVariants_headline__RmbaG {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media only screen and (max-width: 1279px) {
  .ProductVariants_scrollContainerMobile__SgkSp {
    width: 100%;
    overflow-x: scroll;
    margin-top: 1.6875rem;
    min-height: 21.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductVariants_scrollContainerMobile__SgkSp {
    max-width: 100.625rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

@media only screen and (min-width: 1280px) {
  .ProductVariants_scrollContainerDesk__OjgKq {
    width: 100%;
    overflow-x: scroll;
    margin-top: 1.6875rem;
  }
}
@media only screen and (max-width: 1279px) {
  .ProductVariants_scrollContainerDesk__OjgKq {
    max-width: 100.625rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .ProductVariants_scrollContainerDesk__OjgKq {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.ProductVariants_scrollContainerDesk__OjgKq::-webkit-scrollbar-track {
  background: #f0f0f0;
}

.ProductVariants_scrollContainerDesk__OjgKq::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border-radius: 4px;
}

.ProductVariants_scrollContainerDesk__OjgKq::-webkit-scrollbar-thumb:hover {
  background: #a6a6a6;
}

.ProductVariants_productListWrapper__lIZQ9 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
  .ProductVariants_productListWrapper__lIZQ9 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductVariants_productListWrapper__lIZQ9 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/affiliate/ShortInfoBinder/ShortInfoBinder.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ShortInfoBinder_wrapper__z_oKm {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5625rem;
  gap: 1.25rem 3.125rem;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .ShortInfoBinder_wrapper__z_oKm {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShortInfoBinder_wrapper__z_oKm {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ShortInfoBinder_wrapper__z_oKm {
    flex-direction: row;
  }
}

.ShortInfoBinder_item___zYoc {
  display: flex;
  flex: 1 1;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
@media only screen and (max-width: 430px) {
  .ShortInfoBinder_item___zYoc {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ShortInfoBinder_item___zYoc {
    flex-direction: column;
    align-items: center;
  }
}

.ShortInfoBinder_image__tgB1d {
  width: 5rem;
  flex-shrink: 0;
  margin-right: 1.875rem;
}
@media only screen and (max-width: 430px) {
  .ShortInfoBinder_image__tgB1d {
    margin-bottom: 1.25rem;
    margin-right: unset;
    width: unset;
    height: 3.75rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ShortInfoBinder_image__tgB1d {
    margin-bottom: 1.25rem;
    margin-right: unset;
    width: unset;
    height: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .ShortInfoBinder_image__tgB1d {
    margin-right: 1.25rem;
  }
}

.ShortInfoBinder_imageInner__91KF2 {
  object-fit: contain;
}

.ShortInfoBinder_text__KfXoY {
  text-align: left;
}
@media only screen and (max-width: 430px) {
  .ShortInfoBinder_text__KfXoY {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ShortInfoBinder_text__KfXoY {
    text-align: center;
  }
}

.ShortInfoBinder_headline__cTY4y {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 768px) {
  .ShortInfoBinder_headline__cTY4y {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .ShortInfoBinder_headline__cTY4y {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.1428571429;
    margin-bottom: 0.3125rem;
  }
}

.ShortInfoBinder_separationLine__NpYVt {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  border-bottom: 1px solid #cecece;
  margin-top: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShortInfoBinder_separationLine__NpYVt {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShortInfoBinder_separationLine__NpYVt {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/affiliate/AffiliateHeader/AffiliateHeader.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.AffiliateHeader_background__Y5kPw {
  background-color: #f0f0f0;
}

.AffiliateHeader_wrapper__GfB90 {
  position: relative;
  height: 10rem;
  max-width: 1920px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .AffiliateHeader_wrapper__GfB90 {
    height: 20rem;
  }
}

.AffiliateHeader_imgHolder__sPpWf {
  position: absolute;
  height: 100%;
}

.AffiliateHeader_image__mX6en {
  height: 100%;
  object-fit: cover;
}

.AffiliateHeader_textWrapper__n_dhF {
  width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .AffiliateHeader_textWrapper__n_dhF {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AffiliateHeader_textWrapper__n_dhF {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.AffiliateHeader_headline__X3pI7 {
  font-family: meta;
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 1.1428571429;
  letter-spacing: 0.035625rem;
  color: #ff3200;
}
@media only screen and (min-width: 768px) {
  .AffiliateHeader_headline__X3pI7 {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1280px) {
  .AffiliateHeader_headline__X3pI7 {
    font-size: 5em;
    font-weight: bold;
    line-height: 1.1875;
  }
}
@media only screen and (max-width: 500px) {
  .AffiliateHeader_headline__X3pI7 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 768px) {
  .AffiliateHeader_headline__X3pI7 {
    margin-bottom: 0.625rem;
  }
}

@media only screen and (max-width: 767px) {
  .AffiliateHeader_subline__khxDd {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .AffiliateHeader_subline__khxDd {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4444444444;
  }
}
@media only screen and (min-width: 1280px) {
  .AffiliateHeader_subline__khxDd {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2333333333;
  }
}

.AffiliateHeader_button__Zu5j5 {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
  margin-top: 1.25rem;
}
.AffiliateHeader_button__Zu5j5:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.AffiliateHeader_button__Zu5j5:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.AffiliateHeader_button__Zu5j5:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.AffiliateHeader_button__Zu5j5[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}

@media only screen and (min-width: 630px) {
  .AffiliateHeader_buttonTextMobile__rJdom {
    display: none;
  }
}

@media only screen and (max-width: 629px) {
  .AffiliateHeader_buttonText__N5txC {
    visibility: hidden !important;
    display: none !important;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/affiliate/AffiliateImageContent/AffiliateImageContent.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.AffiliateImageContent_itemWrapper__xkz5h {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.AffiliateImageContent_wrapper__iL4I_ {
  display: flex;
  flex-wrap: wrap;
}

.AffiliateImageContent_column__AFGf_ {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .AffiliateImageContent_column__AFGf_ {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AffiliateImageContent_column__AFGf_ {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .AffiliateImageContent_column__AFGf_ {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AffiliateImageContent_column__AFGf_ {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
.AffiliateImageContent_column__AFGf_ > :last-child {
  margin-bottom: 0;
}

.AffiliateImageContent_column2nd__vBxXw {
}
@media only screen and (max-width: 1023px) {
  .AffiliateImageContent_column2nd__vBxXw {
    margin-top: 1.5625rem;
  }
}

.AffiliateImageContent_headline__LgIsZ {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .AffiliateImageContent_headline__LgIsZ {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AffiliateImageContent_headline__LgIsZ {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.AffiliateImageContent_image__XqlBh {
  margin-bottom: 1.5625rem;
  width: 100%;
}

.AffiliateImageContent_text__Q1syW {
  margin-bottom: 1.5625rem;
}

.AffiliateImageContent_buttonWrapper__SpHxb {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .AffiliateImageContent_buttonWrapper__SpHxb {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AffiliateImageContent_buttonWrapper__SpHxb {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.AffiliateImageContent_button__4MF2f {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.AffiliateImageContent_button__4MF2f:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.AffiliateImageContent_button__4MF2f:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.AffiliateImageContent_button__4MF2f:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.AffiliateImageContent_button__4MF2f[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/StartPageLayer/StartPageLayer.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StartPageLayer_img__y4_Pz {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.StartPageLayer_textWrapper__1xhaa {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .StartPageLayer_textWrapper__1xhaa {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
    margin-top: 3.125rem;
  }
}

.StartPageLayer_headline__1b4f5 {
  font-family: meta;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.2333333333;
  display: inline-block;
  margin-bottom: 0.4375rem;
  color: #ff3200;
}
@media only screen and (min-width: 768px) {
  .StartPageLayer_headline__1b4f5 {
    font-size: 2.1875rem;
    font-weight: bold;
    line-height: 1.1428571429;
    line-height: 2.6875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StartPageLayer_headline__1b4f5 {
    font-size: 2.7rem;
    font-weight: bold;
    line-height: 1.2222222222;
    letter-spacing: -0.1rem;
  }
}

.StartPageLayer_subHeadline__5h9MQ {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.4375rem;
  color: #ff3200;
}
@media only screen and (min-width: 1280px) {
  .StartPageLayer_subHeadline__5h9MQ {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
    letter-spacing: -0.055rem;
  }
}

.StartPageLayer_subline__jNOs_ {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0.9375rem 0 0.3125rem 0;
}
@media only screen and (min-width: 768px) {
  .StartPageLayer_subline__jNOs_ {
    margin-top: 2.1875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .StartPageLayer_subline__jNOs_ {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
  }
}

.StartPageLayer_button__lzDZK {
  width: 100%;
  margin-top: 1.25rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/FreeTextsIV/FreeTextsIV.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.FreeTextsIV_headline__s4XZ9 {
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.2333333333;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 0.375rem;
}

.FreeTextsIV_section__T6miq {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_section__T6miq {
    gap: 0;
  }
}

.FreeTextsIV_wrapper__8TB11 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.FreeTextsIV_wrapper1columns___X0tj {
  width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .FreeTextsIV_wrapper1columns___X0tj {
    width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_wrapper1columns___X0tj {
    width: calc((100% / 12 * 12 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.FreeTextsIV_wrapper2columns__NH8sp {
  width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .FreeTextsIV_wrapper2columns__NH8sp {
    width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_wrapper2columns__NH8sp {
    width: calc((100% / 12 * 12 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_wrapper2columns__NH8sp {
    width: calc((100% / 12 * 6 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.FreeTextsIV_wrapper3columns__TpGzF {
  width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .FreeTextsIV_wrapper3columns__TpGzF {
    width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_wrapper3columns__TpGzF {
    width: calc((100% / 12 * 12 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_wrapper3columns__TpGzF {
    width: calc((100% / 12 * 4 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.FreeTextsIV_wrapper4columns__GE50y {
  width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .FreeTextsIV_wrapper4columns__GE50y {
    width: calc((100% / 12 * 12 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_wrapper4columns__GE50y {
    width: calc((100% / 12 * 12 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeTextsIV_wrapper4columns__GE50y {
    width: calc((100% / 12 * 3 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media only screen and (min-width: 501px) {
  .FreeTextsIV_img__JFCiZ {
    min-height: 9.375rem;
    object-fit: cover;
  }
}
.FreeTextsIV_img__JFCiZ video {
  max-width: 100%;
}

.FreeTextsIV_text__wHlbw img {
  float: left;
  width: 40%;
  margin: 0.1875rem 1.25rem 0 0;
}
.FreeTextsIV_text__wHlbw p:has(img) + p {
  clear: left;
}
.FreeTextsIV_text__wHlbw > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.FreeTextsIV_text__wHlbw > div iframe, .FreeTextsIV_text__wHlbw > div object, .FreeTextsIV_text__wHlbw > div embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.FreeTextsIV_title__NLe9T {
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.2333333333;
}

.FreeTextsIV_tableCol__XUL82 {
}

.FreeTextsIV_tableHeadline__nw9hA {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 0.375rem;
}

.FreeTextsIV_table__eReY1 div:first-of-type .FreeTextsIV_td__iIGJy {
  border-top: 1px solid #e8e8e8;
}

.FreeTextsIV_tr__WwaEo {
  display: flex;
  align-items: center;
}

.FreeTextsIV_th__RCDLa {
  font-weight: 500;
  font-size: 0.75rem;
  flex: 1 1;
  padding-right: 1.25rem;
}

.FreeTextsIV_td__iIGJy {
  flex: 1 1;
  padding: 0.1875rem 0 0.1875rem 1.25rem;
  border-bottom: 1px solid #e8e8e8;
  min-height: 1.6875rem;
}
@media only screen and (min-width: 501px) {
  .FreeTextsIV_td__iIGJy {
    flex: 2 1;
  }
}

.FreeTextsIV_separationLine__miRIF {
  border-bottom: 1px solid #cecece;
}

.FreeTextsIV_button__bg3mD {
  margin-top: 0.625rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/AmazonReviews/AmazonReviews.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.AmazonReviews_wrapper___Rf3O {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .AmazonReviews_wrapper___Rf3O {
    padding-right: 0;
  }
}

.AmazonReviews_innerWrapper__0rowN {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  border-bottom: 1px solid #cecece;
}
@media only screen and (min-width: 768px) {
  .AmazonReviews_innerWrapper__0rowN {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .AmazonReviews_innerWrapper__0rowN {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .AmazonReviews_innerWrapper__0rowN {
    margin-right: 0;
    width: 100%;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BlogComponents/BlogLinks.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .BlogLinks_wrapper__X6vdU {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 calc(2 * 0.625rem);
    gap: 0 calc(2 * 0.625rem);
  }
}

.BlogLinks_linkBlock__g17_q:not(:last-of-type) {
  border-bottom: 1px solid #cecece;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
  .BlogLinks_linkBlock__g17_q:not(:last-of-type) {
    border: unset;
  }
}

.BlogLinks_blockHeaderLine__WWOvU {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 1.25rem;
  margin-bottom: 1.25rem;
}

.BlogLinks_blockTitle__Sb5J7 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 1024px) {
  .BlogLinks_blockTitle__Sb5J7 {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.3;
  }
}

@media only screen and (min-width: 1024px) {
  .BlogLinks_text__2JhZd {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.3;
  }
}

.BlogLinks_blockLink__7aCna {
  white-space: nowrap;
  color: #187ce0;
}

.BlogLinks_item__pX4ZE {
  display: flex;
  flex-direction: column;
}

.BlogLinks_itemLabel__C_ezg {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BlogComponents/BlogHeader.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BlogHeader_header__G9DXP {
  background-color: #f0f0f0;
}

@media only screen and (min-width: 1280px) {
  .BlogHeader_maxWidth__Whr9b {
    max-width: 82.5rem;
  }
}

.BlogHeader_wrapper__0WH_e {
  display: flex;
  flex-wrap: wrap;
  container-type: inline-size;
  position: relative;
}

.BlogHeader_figure__UaR0A {
  height: 12.5rem;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .BlogHeader_figure__UaR0A {
    margin-left: -0.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .BlogHeader_figure__UaR0A {
    width: calc((100% / 10 * 3 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    position: absolute;
    height: 50%;
    right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_figure__UaR0A {
    width: calc((100% / 10 * 3 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_figure__UaR0A {
    height: 100%;
    right: unset;
    margin: unset;
  }
}

.BlogHeader_imgLeft__RDu3S {
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_imgLeft__RDu3S {
    left: 0;
    width: calc((100vw - 100cqw) / 2 + 1.25rem);
    transform: translateX(calc(-100% + 1.25rem));
  }
}

@media only screen and (max-width: 767px) {
  .BlogHeader_imgRightWrapper__LfIos {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_imgRightWrapper__LfIos {
    width: calc((100% / 10 * 3.5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    position: relative;
  }
}

.BlogHeader_imgRight__O_f5m {
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .BlogHeader_imgRight__O_f5m {
    bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_imgRight__O_f5m {
    width: calc(100% + (100vw - 100cqw) / 2 + 1 * (1.25rem));
    left: 0;
  }
}

.BlogHeader_image__d5ZpK {
  height: 100%;
  width: 100%;
  object-fit: cover;
  max-width: unset;
}
@media only screen and (max-width: 767px) {
  .BlogHeader_image__d5ZpK {
    width: calc(100% + 2 * 0.625rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .BlogHeader_image__d5ZpK {
    width: calc(100% + 0.625rem + 0.625rem);
  }
}

.BlogHeader_textContent__LlYp8 {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  padding: 3.125rem 2.5rem;
  background-color: #f0f0f0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .BlogHeader_textContent__LlYp8 {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_textContent__LlYp8 {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .BlogHeader_textContent__LlYp8 {
    min-height: 35.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_textContent__LlYp8 {
    width: calc((100% / 10 * 6.5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding-right: 1.25rem;
    padding-left: 3.75rem;
  }
}

.BlogHeader_headline__iaOKV {
  font-family: meta;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.2333333333;
  margin: 1.875rem 0;
}
@media only screen and (min-width: 768px) {
  .BlogHeader_headline__iaOKV {
    font-size: 3.125rem;
    font-weight: bold;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogHeader_headline__iaOKV {
    font-size: 3.4375rem;
    font-weight: bold;
    line-height: 1.1666666667;
  }
}

@media only screen and (min-width: 1024px) {
  .BlogHeader_text__hJ5eZ {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.4;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/BlogStartPage/BlogDescriptionContainer.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_breadcrumb__5W7zH {
    max-width: 82.5rem;
  }
}

.BlogDescriptionContainer_wrapper__ypaQr {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_wrapper__ypaQr {
    max-width: 82.5rem;
  }
}

.BlogDescriptionContainer_blogLinks__BzHm3 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.5625rem;
  margin-top: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .BlogDescriptionContainer_blogLinks__BzHm3 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_blogLinks__BzHm3 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .BlogDescriptionContainer_blogLinks__BzHm3 {
    width: calc((100% / 10 * 3 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_blogLinks__BzHm3 {
    width: calc((100% / 10 * 3 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_blogLinks__BzHm3 {
    width: calc((100% / 10 * 3.5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BlogDescriptionContainer_article__YM0OT {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .BlogDescriptionContainer_article__YM0OT {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_article__YM0OT {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .BlogDescriptionContainer_article__YM0OT {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_article__YM0OT {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BlogDescriptionContainer_article__YM0OT {
    width: calc((100% / 10 * 6.5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.BlogDescriptionContainer_universalWrapper__HUaqU {
  display: block;
}

.BlogDescriptionContainer_columnWidth__2gyXI {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .BlogDescriptionContainer_columnWidth__2gyXI {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.4;
  }
}
.BlogDescriptionContainer_columnWidth__2gyXI h2 {
  margin-bottom: 1.5625rem;
}
.BlogDescriptionContainer_columnWidth__2gyXI h3, .BlogDescriptionContainer_columnWidth__2gyXI h4 {
  margin-bottom: 1.25rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/Factsheet/Factsheet.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Factsheet_headline__r9FSq {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.9375rem;
}

.Factsheet_imageItem__qDJVU {
  width: 100%;
}
.Factsheet_imageItem__qDJVU:not(:last-of-type) {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .Factsheet_imageItem__qDJVU:not(:last-of-type) {
    margin-bottom: 2.1875rem;
  }
}

.Factsheet_img__dujQ4 {
  object-fit: contain;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/Factsheet/FactsheetLegend.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FactsheetLegend_item__XoaMH {
  display: flex;
  align-items: flex-start;
}
.FactsheetLegend_item__XoaMH:not(:last-of-type) {
  margin-bottom: 1.5625rem;
}

.FactsheetLegend_icon__ueuF5 {
  width: 1.25rem;
  height: 1.25rem;
}

.FactsheetLegend_img__5iA2T {
  width: 1.25rem;
  height: 1.25rem;
}

.FactsheetLegend_description__cS7YT {
  line-height: 1.375;
  margin-left: 0.625rem;
  flex: 1 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/Factsheet/FactsheetTemplates.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FactsheetTemplates_ul__xJhDg {
  width: 100%;
}
.FactsheetTemplates_ul__xJhDg:not(:last-of-type) {
  border-bottom: 1px solid #cecece;
  padding-bottom: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.FactsheetTemplates_link__5D_GD {
  display: flex;
}

.FactsheetTemplates_item__qBHNz {
  display: flex;
  align-items: center;
  min-height: 2.5rem;
}

.FactsheetTemplates_icon__ZYHYC {
  width: 1.5rem;
  height: 1.5rem;
}

.FactsheetTemplates_iconText__Xc_pv {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-left: 0.625rem;
}

.FactsheetTemplates_arrow__n8_0Z {
  width: 0.75rem;
  height: 0.5rem;
  color: #64787d;
  transform: rotate(-90deg);
  padding-top: 0.625rem;
}

.FactsheetTemplates_arrowText__rzGtZ {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-left: 1.0625rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/CalculatorFactSheetContainer/FactsheetContainer.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
@media only screen and (min-width: 768px) {
  .FactsheetContainer_wrapper__Cdf2s {
    background-color: #f6f6f6;
  }
}

.FactsheetContainer_factsheetWrapper__bz_l4 {
  padding-bottom: 1.5625rem;
  min-height: 4.0625rem;
}
@media only screen and (min-width: 768px) {
  .FactsheetContainer_factsheetWrapper__bz_l4 {
    background-color: #f6f6f6;
  }
}

.FactsheetContainer_showFactsheetWrapper__7zzmK {
  display: flex;
  flex-wrap: wrap;
}

.FactsheetContainer_separationLine__3k2_S {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  border-bottom: 1px solid #cecece;
  margin-bottom: 1.5625rem;
}
@media only screen and (max-width: 767px) {
  .FactsheetContainer_separationLine__3k2_S {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .FactsheetContainer_separationLine__3k2_S {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_separationLine__3k2_S {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.FactsheetContainer_showFactsheetButton__OCv0c {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .FactsheetContainer_showFactsheetButton__OCv0c {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_showFactsheetButton__OCv0c {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .FactsheetContainer_showFactsheetButton__OCv0c {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_showFactsheetButton__OCv0c {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_showFactsheetButton__OCv0c {
    width: calc((100% / 10 * 6 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.FactsheetContainer_closeFactsheetButton__O2kbA {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-bottom: 1.25rem;
  background-color: #005a96;
  border: 2px solid #005a96;
}
@media only screen and (min-width: 768px) {
  .FactsheetContainer_closeFactsheetButton__O2kbA {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_closeFactsheetButton__O2kbA {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .FactsheetContainer_closeFactsheetButton__O2kbA {
    width: calc((100% / 10 * 7 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_closeFactsheetButton__O2kbA {
    width: calc((100% / 10 * 7 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_closeFactsheetButton__O2kbA {
    width: calc((100% / 10 * 6 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactsheetContainer_closeFactsheetButton__O2kbA {
    margin-bottom: 2.8125rem;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/CalculatorFactSheetContainer/FactSheetWrapper.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.FactSheetWrapper_wrapper__yQmvw {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.FactSheetWrapper_factsheetHolder__kAco8 {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: inline-flex;
}
@media only screen and (min-width: 768px) {
  .FactSheetWrapper_factsheetHolder__kAco8 {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetHolder__kAco8 {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetHolder__kAco8 {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 650px) {
  .FactSheetWrapper_factsheetHolder__kAco8 {
    flex-wrap: wrap;
  }
}

.FactSheetWrapper_factsheetImgWrapper__6CiDz {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (max-width: 650px) {
  .FactSheetWrapper_factsheetImgWrapper__6CiDz {
    width: 100%;
  }
}
@media only screen and (min-width: 501px) {
  .FactSheetWrapper_factsheetImgWrapper__6CiDz {
    margin-right: 3.125rem;
  }
}

.FactSheetWrapper_legendWrapper__Ve5Ti {
  padding-top: 2.1875rem;
}
@media only screen and (min-width: 501px) {
  .FactSheetWrapper_legendWrapper__Ve5Ti {
    flex: 1 1;
    padding-top: 1rem;
  }
}

.FactSheetWrapper_factsheetInfoTxtWrapper__cQnTN {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .FactSheetWrapper_factsheetInfoTxtWrapper__cQnTN {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetInfoTxtWrapper__cQnTN {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .FactSheetWrapper_factsheetInfoTxtWrapper__cQnTN {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetInfoTxtWrapper__cQnTN {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetInfoTxtWrapper__cQnTN {
    width: calc((100% / 10 * 3 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1279px) {
  .FactSheetWrapper_factsheetInfoTxtWrapper__cQnTN {
    margin-top: 1.5625rem;
  }
}

.FactSheetWrapper_factsheetInfoTxtHeadline__rEoTZ {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.FactSheetWrapper_factsheetInfoTxtItem__TADCt:not(:last-of-type) {
  margin-bottom: 1.5625rem;
}

.FactSheetWrapper_factsheetFilesWrapper__G8BLv {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
}
@media only screen and (min-width: 768px) {
  .FactSheetWrapper_factsheetFilesWrapper__G8BLv {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetFilesWrapper__G8BLv {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .FactSheetWrapper_factsheetFilesWrapper__G8BLv {
    width: calc((100% / 10 * 5 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetFilesWrapper__G8BLv {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetFilesWrapper__G8BLv {
    width: calc((100% / 10 * 2 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (max-width: 1279px) {
  .FactSheetWrapper_factsheetFilesWrapper__G8BLv {
    margin-top: 1.5625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .FactSheetWrapper_factsheetFilesWrapper__G8BLv {
    flex-direction: column;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/SpecificHeader/components/ProductDetails/SpecificHeaderDetails.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SpecificHeaderDetails_wrapper__OPyjx {
  z-index: 1;
  flex: 1 1;
}

.SpecificHeaderDetails_offerIcon__rwCVx {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1.25rem;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderDetails_offerIcon__rwCVx {
    margin-left: 0;
    margin-right: 0;
  }
}

.SpecificHeaderDetails_textWrapper__0tq6R {
  display: flex;
  flex-direction: column;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderDetails_textWrapper__0tq6R {
    max-width: 50vw;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderDetails_textWrapper__0tq6R {
    margin: 0;
  }
}

.SpecificHeaderDetails_headline__LTSBD {
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.2333333333;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderDetails_headline__LTSBD {
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.1666666667;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderDetails_headline__LTSBD {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2333333333;
  }
}

.SpecificHeaderDetails_sublineLarge__foLi7 {
}

.SpecificHeaderDetails_price__dTd8R {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderDetails_price__dTd8R {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.15625;
    margin-top: 0.9375rem;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderDetails_price__dTd8R {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.1428571429;
  }
}

.SpecificHeaderDetails_deliveryCost__8OxTo {
  margin-bottom: 0.9375rem;
  margin-top: 0.25rem;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderDetails_deliveryCost__8OxTo {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5714285714;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderDetails_deliveryCost__8OxTo {
    margin-top: 0.375rem;
  }
}

.SpecificHeaderDetails_button__W_A_U {
  position: relative;
  z-index: 1;
  min-width: 11.25rem;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderDetails_button__W_A_U {
    margin: 0;
  }
}

.SpecificHeaderDetails_loadingcircleHolder__hZUti {
  display: flex;
  justify-content: center;
}

.SpecificHeaderDetails_loadingcircle__eVn0R {
  width: 1.5rem;
  height: 1.5rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/SpecificHeader/SpecificHeader.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpecificHeader_wrapper__8osUD {
  background-color: #f0f0f0;
  padding-bottom: 1.5625rem;
  padding-top: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .SpecificHeader_wrapper__8osUD {
    padding-bottom: 1.25rem;
  }
}

.SpecificHeader_container__HdE1i {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media only screen and (min-width: 501px) {
  .SpecificHeader_container__HdE1i {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "a c" "b c";
    grid-gap: 1.5625rem 0;
    gap: 1.5625rem 0;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeader_container__HdE1i {
    grid-template-columns: 3fr 1fr 3fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "a b c d";
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    gap: 0;
  }
}

.SpecificHeader_container2___0WbH {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media only screen and (min-width: 501px) {
  .SpecificHeader_container2___0WbH {
    display: grid;
    grid-template-columns: 3fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "a" "b";
    grid-gap: 1.5625rem 0;
    gap: 1.5625rem 0;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeader_container2___0WbH {
    grid-template-columns: 50% 1fr 3fr;
    grid-template-rows: 1fr;
    grid-template-areas: "a b c";
    gap: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.SpecificHeader_productDescription__ERhse {
  order: 1;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 501px) {
  .SpecificHeader_productDescription__ERhse {
    grid-area: a;
    flex-direction: row;
    position: relative;
    max-height: 18.75rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .SpecificHeader_productDescription__ERhse {
    max-height: none;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeader_productDescription__ERhse {
    display: block;
    height: auto;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

@media only screen and (min-width: 501px) {
  .SpecificHeader_productImage__P9dvJ {
    position: absolute;
    right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeader_productImage__P9dvJ {
    grid-area: c;
    position: relative;
    margin-left: 2.5rem;
  }
}

@media only screen and (min-width: 501px) {
  .SpecificHeader_productImage2__7gdHu {
    flex: 1 1;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeader_productImage2__7gdHu {
    grid-area: c;
    position: relative;
    margin-left: 2.5rem;
  }
}

.SpecificHeader_productReviews__4suws, .SpecificHeader_productReviews2__z55Bf {
  order: 3;
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .SpecificHeader_productReviews__4suws, .SpecificHeader_productReviews2__z55Bf {
    grid-area: b;
    justify-content: flex-start;
    width: auto;
    margin-bottom: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeader_productReviews__4suws, .SpecificHeader_productReviews2__z55Bf {
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 0.9375rem;
    width: auto;
    padding: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .SpecificHeader_productReviews2__z55Bf {
    margin-left: 1.25rem;
  }
}

.SpecificHeader_productOptions__Gs3ye {
  order: 4;
  margin-top: 1.5625rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .SpecificHeader_productOptions__Gs3ye {
    grid-area: c;
    padding: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeader_productOptions__Gs3ye {
    grid-area: d;
    margin-right: 1.25rem;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/SpecificHeader/components/ProductImage/SpecificHeaderImage.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpecificHeaderImage_mainImgWrapper__wSPk1 img {
  height: 17.5rem;
  object-fit: contain;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderImage_mainImgWrapper__wSPk1 img {
    max-width: 25rem;
    height: 18.75rem;
    width: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderImage_mainImgWrapper__wSPk1 img {
    max-width: 34.375rem;
    height: auto;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/SpecificHeader/components/ReviewAndFeatures/SpecificHeaderReviewFeatures.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpecificHeaderReviewFeatures_widget__2d2Yc {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderReviewFeatures_widget__2d2Yc {
    order: 3;
    margin: 0;
  }
}

.SpecificHeaderReviewFeatures_widget2__aMVmX {
  margin-right: 2.5rem;
  min-height: 44px;
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderReviewFeatures_widget2__aMVmX {
    order: 3;
    margin: 0;
  }
}

.SpecificHeaderReviewFeatures_listWrapper__v73_z {
  flex: 1 1;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderReviewFeatures_listWrapper__v73_z {
    min-width: 10rem;
  }
}

.SpecificHeaderReviewFeatures_list__PX0Vs {
  order: 1;
}
.SpecificHeaderReviewFeatures_list__PX0Vs ol, .SpecificHeaderReviewFeatures_list__PX0Vs ul {
  list-style-type: disc;
  list-style-position: inside;
}
.SpecificHeaderReviewFeatures_list__PX0Vs li {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
  line-height: 1.25rem;
}

.SpecificHeaderReviewFeatures_image__nZ9Cj {
  min-height: 65px;
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderReviewFeatures_image__nZ9Cj {
    min-width: 152px;
    min-height: unset;
  }
}

.SpecificHeaderReviewFeatures_innerWrapper__iEG_v, .SpecificHeaderReviewFeatures_innerWrapper2__cJPYk {
  flex: 1 1;
}
.SpecificHeaderReviewFeatures_innerWrapper__iEG_v img, .SpecificHeaderReviewFeatures_innerWrapper2__cJPYk img {
  margin-top: 0.9375rem;
  width: auto;
  height: 4.0625rem;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderReviewFeatures_innerWrapper__iEG_v, .SpecificHeaderReviewFeatures_innerWrapper2__cJPYk {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex: 2 1;
    padding-right: 1.25rem;
  }
  .SpecificHeaderReviewFeatures_innerWrapper__iEG_v .SpecificHeaderReviewFeatures_image__nZ9Cj, .SpecificHeaderReviewFeatures_innerWrapper2__cJPYk .SpecificHeaderReviewFeatures_image__nZ9Cj {
    height: 7rem;
    margin-top: 0.3125rem;
  }
}

@media only screen and (min-width: 501px) {
  .SpecificHeaderReviewFeatures_innerWrapper2__cJPYk {
    flex: 1 1;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/ItemsCarousel/GeneralCarousel.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GeneralCarousel_wrapper__ONCtI {
  position: relative;
}

.GeneralCarousel_default__zYOyH {
  display: flex;
  padding-left: 5px;
}
@media only screen and (min-width: 1280px) {
  .GeneralCarousel_default__zYOyH > div:last-of-type > div > div {
    margin-right: 0.625rem;
  }
}

.GeneralCarousel_noPadding__aGF_w {
  padding-left: 0;
}

.GeneralCarousel_vertical__pKxAD {
  position: absolute;
  flex-direction: column;
  height: 300%;
  width: auto;
  padding-left: 0;
  overscroll-behavior-y: contain;
}
@media only screen and (min-width: 1280px) {
  .GeneralCarousel_vertical__pKxAD > div:last-of-type > div > div {
    margin-right: 0;
  }
}

.GeneralCarousel_button__X_Hv3 {
  display: none;
  position: absolute;
  right: 0.625rem;
  top: -26px;
}
@media only screen and (min-width: 501px) {
  .GeneralCarousel_button__X_Hv3 {
    display: unset;
  }
}

.GeneralCarousel_controller__d9sME {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.875rem;
  background: rgba(255, 255, 255, 0.9);
}

.GeneralCarousel_upwards__UGnC3 {
  top: 0;
  bottom: unset;
}

.GeneralCarousel_controllerIcon__84u2U {
  width: 0.9375rem;
  height: 0.9375rem;
}

.GeneralCarousel_upwards__UGnC3 .GeneralCarousel_controllerIcon__84u2U {
  transform: rotate(180deg);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/SpecificHeader/components/SpecificHeaderPricingOptions/SpecificHeaderPricingOptions.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SpecificHeaderPricingOptions_columnImgsWrapper__bueB4 {
  position: relative;
  overflow: clip;
  width: 100vw;
  height: 7.8125rem;
  border-radius: 1.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  background-color: #ffffff;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderPricingOptions_columnImgsWrapper__bueB4 {
    min-width: 13.75rem;
    width: auto;
    height: calc(18.75rem + 7rem + 0.3125rem);
    padding: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderPricingOptions_columnImgsWrapper__bueB4 {
    border-radius: 1.25rem;
    height: calc(4.0625rem * 4);
  }
}

.SpecificHeaderPricingOptions_columnImgItem__coHte {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 10rem;
  height: 7.8125rem;
  border-right: 1px solid #f0f0f0;
  padding-bottom: 0.625rem;
}
.SpecificHeaderPricingOptions_columnImgItem__coHte img {
  width: 4.0625rem;
  height: 4.0625rem;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderPricingOptions_columnImgItem__coHte {
    flex-direction: row;
    gap: 0.625rem;
    height: 4.0625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 0;
    border-right: none;
    border-bottom: 1px solid #f0f0f0;
  }
}

.SpecificHeaderPricingOptions_columnImgsWrapper__bueB4 div div div:last-of-type div .SpecificHeaderPricingOptions_columnImgItem__coHte {
  border-right: none;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderPricingOptions_columnImgsWrapper__bueB4 div div div:last-of-type div .SpecificHeaderPricingOptions_columnImgItem__coHte {
    border-bottom: none;
  }
}

.SpecificHeaderPricingOptions_textWrapper__ywcvX {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (min-width: 501px) {
  .SpecificHeaderPricingOptions_textWrapper__ywcvX {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1280px) {
  .SpecificHeaderPricingOptions_textWrapper__ywcvX {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.SpecificHeaderPricingOptions_headline__xQW5b {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.SpecificHeaderPricingOptions_subHeadline__fXSkR {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
}

.SpecificHeaderPricingOptions_smallText__TPrvw {
  font-size: 0.625rem;
  font-weight: normal;
  line-height: 1.2;
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/FaqCategories/Faq.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Faq_wrapper___Kl0O {
  width: calc((100% / 10 * 12 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Faq_wrapper___Kl0O {
    width: calc((100% / 10 * 12 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Faq_wrapper___Kl0O {
    width: calc((100% / 10 * 12 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Faq_headline__HilMx {
  margin-bottom: 0.625rem;
}

.Faq_linkBlock__xeCqS {
  margin-bottom: 0.625rem;
}

.Faq_link__g4BGr {
  font-weight: 500;
  font-size: 0.75rem;
}

.Faq_linkedItem__tdlpN {
  margin-bottom: 0.625rem;
}

.Faq_categoryWrapper__nJgdm {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 1px;
  width: 100%;
  margin-bottom: 1.5625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .Faq_categoryWrapper__nJgdm {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.Faq_categoryItem__Vw0uY, .Faq_categoryItemActive__BpBuf {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 5.3125rem;
  width: 100%;
  padding-left: 0.375rem;
  padding-top: 0.375rem;
  padding-right: 0.375rem;
  background-color: #f6f6f6;
}
.Faq_categoryItem__Vw0uY:hover, .Faq_categoryItemActive__BpBuf:hover {
  background-color: #ababab;
}
@media only screen and (min-width: 501px) {
  .Faq_categoryItem__Vw0uY, .Faq_categoryItemActive__BpBuf {
    height: 6.25rem;
    padding-left: 0.9375rem;
    padding-top: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Faq_categoryItem__Vw0uY, .Faq_categoryItemActive__BpBuf {
    height: 8.75rem;
    padding-left: 0.625rem;
    padding-top: 0.625rem;
    padding-right: 0.625rem;
  }
}

.Faq_categoryName__MCJvV {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
  line-height: 1.3333333333;
  z-index: 1;
}
@media only screen and (min-width: 501px) {
  .Faq_categoryName__MCJvV {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5714285714;
    line-height: 1.2857142857;
    width: 60%;
  }
}
@media only screen and (min-width: 1280px) {
  .Faq_categoryName__MCJvV {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.3;
    line-height: 1.1;
    width: 60%;
  }
}

.Faq_imgWrapper__wEoIi {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .Faq_imgWrapper__wEoIi {
    height: 100%;
  }
}

.Faq_image__uMzQp {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: right bottom;
}

.Faq_categoryItemActive__BpBuf {
  background-color: #187ce0;
}
.Faq_categoryItemActive__BpBuf:hover {
  background-color: #187ce0;
}
.Faq_categoryItemActive__BpBuf .Faq_categoryName__MCJvV {
  color: #ffffff;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/productFinder/ProductLinkCategoryPage.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductLinkCategoryPage_wrapper___xNJ7 {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .ProductLinkCategoryPage_wrapper___xNJ7 {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: 768px) {
  .ProductLinkCategoryPage_wrapper___xNJ7 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .ProductLinkCategoryPage_wrapper___xNJ7 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
  .ProductLinkCategoryPage_wrapper___xNJ7 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.ProductLinkCategoryPage_prodList__GIdM3 {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .ProductLinkCategoryPage_prodList__GIdM3 {
    min-height: calc(2 * 10.1875rem + 2 * (2 * 0.0625rem));
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLinkCategoryPage_prodList__GIdM3 {
    min-height: calc(2 * 12.4375rem + 2 * (2 * 0.0625rem));
  }
}

.ProductLinkCategoryPage_prodListWrapper__p4OGI {
}

@media only screen and (min-width: 1024px) {
  .ProductLinkCategoryPage_tileSize__P3Q4c {
    width: calc(100% / 4 - 2 * 0.0625rem);
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLinkCategoryPage_tileSize__P3Q4c {
    width: calc(100% / 5 - 2 * 0.0625rem);
  }
}

.ProductLinkCategoryPage_tile__qkh6B {
}
@media only screen and (min-width: 768px) {
  .ProductLinkCategoryPage_tile__qkh6B:first-child {
    border-top-left-radius: 1.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductLinkCategoryPage_tile__qkh6B:nth-child(3) {
    border-top-right-radius: 1.25rem;
  }
  .ProductLinkCategoryPage_tile__qkh6B:nth-last-child(-n+3) {
    border-radius: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .ProductLinkCategoryPage_tile__qkh6B:nth-child(4) {
    border-top-right-radius: 1.25rem;
  }
  .ProductLinkCategoryPage_tile__qkh6B:nth-last-child(-n+4) {
    border-radius: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLinkCategoryPage_tile__qkh6B:nth-child(5) {
    border-top-right-radius: 1.25rem;
  }
  .ProductLinkCategoryPage_tile__qkh6B:nth-last-child(-n+5) {
    border-radius: 1.25rem;
  }
}

.ProductLinkCategoryPage_fakeTileWrapper__qp6A8 {
}

.ProductLinkCategoryPage_fakeTile__hjfpZ {
}
.ProductLinkCategoryPage_fakeTile__hjfpZ:nth-child(n+2):nth-child(-n+9) {
  display: none;
}
@media only screen and (min-width: 501px) {
  .ProductLinkCategoryPage_fakeTile__hjfpZ:nth-child(2) {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) {
  .ProductLinkCategoryPage_fakeTile__hjfpZ:last-child {
    border-bottom-right-radius: 1.25rem;
  }
  .ProductLinkCategoryPage_fakeTile__hjfpZ:first-child {
    border-top-left-radius: 1.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ProductLinkCategoryPage_fakeTile__hjfpZ:nth-child(n+7):nth-child(-n+9) {
    display: block !important;
  }
  .ProductLinkCategoryPage_fakeTile__hjfpZ:nth-last-child(3) {
    border-bottom-left-radius: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .ProductLinkCategoryPage_fakeTile__hjfpZ:nth-child(n+5):nth-child(-n+9) {
    display: block !important;
  }
  .ProductLinkCategoryPage_fakeTile__hjfpZ:nth-last-child(4) {
    border-bottom-left-radius: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductLinkCategoryPage_fakeTile__hjfpZ:nth-child(n+3):nth-child(-n+9) {
    display: block !important;
  }
  .ProductLinkCategoryPage_fakeTile__hjfpZ:nth-last-child(5) {
    border-bottom-left-radius: 1.25rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/BannerStripe/BannerStripe.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.BannerStripe_wrapper__DWJW0 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #187ce0;
}
@media only screen and (min-width: 768px) {
  .BannerStripe_wrapper__DWJW0 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerStripe_wrapper__DWJW0 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .BannerStripe_wrapper__DWJW0 {
    min-height: unset;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
  }
}

.BannerStripe_text__UnDEM {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .BannerStripe_text__UnDEM {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .BannerStripe_text__UnDEM {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/PortalAdvantages/PortalAdvantagesRow.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.PortalAdvantagesRow_wrapper__w38nW {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem 3.125rem;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .PortalAdvantagesRow_wrapper__w38nW {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PortalAdvantagesRow_wrapper__w38nW {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .PortalAdvantagesRow_wrapper__w38nW {
    flex-direction: row;
  }
}

.PortalAdvantagesRow_item__QQG06 {
  display: flex;
  flex: 1 1;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
@media only screen and (max-width: 430px) {
  .PortalAdvantagesRow_item__QQG06 {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .PortalAdvantagesRow_item__QQG06 {
    flex-direction: column;
    align-items: center;
  }
}

.PortalAdvantagesRow_image__rd32O {
  width: 5rem;
  flex-shrink: 0;
  margin-right: 1.875rem;
}
@media only screen and (max-width: 430px) {
  .PortalAdvantagesRow_image__rd32O {
    margin-bottom: 1.25rem;
    margin-right: unset;
    width: unset;
    height: 3.75rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .PortalAdvantagesRow_image__rd32O {
    margin-bottom: 1.25rem;
    margin-right: unset;
    width: unset;
    height: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .PortalAdvantagesRow_image__rd32O {
    margin-right: 1.25rem;
  }
}

.PortalAdvantagesRow_headline__shLy_ {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 768px) {
  .PortalAdvantagesRow_headline__shLy_ {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .PortalAdvantagesRow_headline__shLy_ {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.1428571429;
    margin-bottom: 0.3125rem;
  }
}

.PortalAdvantagesRow_headlineSmall__jAwNB {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.PortalAdvantagesRow_text__L73YV {
  text-align: left;
}
@media only screen and (max-width: 430px) {
  .PortalAdvantagesRow_text__L73YV {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .PortalAdvantagesRow_text__L73YV {
    text-align: center;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Trustpilot/Trustpilot.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Trustpilot_outerDist__SP59p {
  padding: 0 1.25rem;
}

.Trustpilot_outerWrapper__IGwEA {
  position: relative;
}

.Trustpilot_wrapperHolder__fE2d_ {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  top: 1.5625rem;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .Trustpilot_wrapperHolder__fE2d_ {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .Trustpilot_wrapperHolder__fE2d_ {
    top: 3.5rem;
  }
}

.Trustpilot_innerWrapper__HLd0N {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.Trustpilot_wrapper__l8TNI {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 7.625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.75rem;
  text-align: center;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .Trustpilot_wrapper__l8TNI {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-top: 0.625rem;
    padding-bottom: 0.75rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .Trustpilot_wrapper__l8TNI {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
  .Trustpilot_wrapper__l8TNI {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Trustpilot_logoWrapper__l_w4T {
  height: 1.25rem;
  margin-bottom: 0.5625rem;
}

.Trustpilot_logo___TSlt {
  height: 1.25rem;
  width: 5.0625rem;
}

.Trustpilot_starsWrapper__elmqG {
  display: flex;
  align-items: center;
  height: 0.9375rem;
  margin-bottom: 0.625rem;
}

.Trustpilot_stars__N1W4r {
  height: 0.9375rem;
  width: 5rem;
  margin-top: 0.125rem;
}

.Trustpilot_ratingTxt__VnvEj {
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 1.1818181818;
  margin-bottom: 0.4375rem;
}

.Trustpilot_ratingCountTxt__DFaBs {
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1.1818181818;
  padding: 0 0.625rem;
  white-space: nowrap;
}
.Trustpilot_ratingCountTxt__DFaBs span {
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 1.1818181818;
}

.Trustpilot_widgetWrapper__IlD3I {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.Trustpilot_headline__sMV5O {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .Trustpilot_headline__sMV5O {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Trustpilot_headline__sMV5O {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.Trustpilot_widget__kxdwN {
  width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Trustpilot_widget__kxdwN {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Trustpilot_widget__kxdwN {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .Trustpilot_widget__kxdwN {
    margin-left: 0.3125rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Trustpilot_widget__kxdwN {
    margin-left: 0.75rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/GoogleReviewsContainer/GoogleReviews.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.GoogleReviews_wrapperHolder__sXz3_ {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  top: 8.5rem;
  right: 0;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .GoogleReviews_wrapperHolder__sXz3_ {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .GoogleReviews_wrapperHolder__sXz3_ {
    top: 10.375rem;
  }
}
@media only screen and (min-width: 1280px) {
  .GoogleReviews_wrapperHolder__sXz3_ {
    top: 12.25rem;
  }
}

.GoogleReviews_wrapper__KcQ8x {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 7.625rem;
  padding-bottom: 0.3125rem;
  background-color: #f5f5f5; /* Google Reviews Badge Grey */
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .GoogleReviews_wrapper__KcQ8x {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    padding-top: 0;
    padding-bottom: 0.3125rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .GoogleReviews_wrapper__KcQ8x {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
  .GoogleReviews_wrapper__KcQ8x {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

.GoogleReviews_innerGoogleReviewsWrapper__awA2f {
  margin-left: -0.625rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalImageHeader.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ModalImageHeader_overlay__SUhBw {
}

.ModalImageHeader_origin__UD5vH {
  align-items: center;
}

.ModalImageHeader_wrapper__L2w10 {
  overflow: hidden !important;
}
@media only screen and (min-width: 501px) {
  .ModalImageHeader_wrapper__L2w10 {
    width: calc(80% - (2 * 0.625rem)) !important;
  }
}
@media only screen and (min-width: 768px) {
  .ModalImageHeader_wrapper__L2w10 {
    width: calc(80% - (2 * 0.625rem)) !important;
  }
}
@media only screen and (min-width: 1024px) {
  .ModalImageHeader_wrapper__L2w10 {
    width: calc(60% - (2 * 0.625rem)) !important;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalImageHeader_wrapper__L2w10 {
    width: calc((100% / 10 * 5 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalImageHeader_wrapper__L2w10 {
    width: calc(50% - ( 2 * 1.25rem )) !important;
  }
}

.ModalImageHeader_header__5m6XK {
  display: none;
}

.ModalImageHeader_text__zUHjj {
}

.ModalImageHeader_footer__d8ESg {
}

.ModalImageHeader_closeButton__gIvze {
}

.ModalImageHeader_closeIcon__vNxPL {
}

.ModalImageHeader_overlayBlur__HEjxv {
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CheckBox/CheckBox.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckBox_wrapper__MHQFm, .CheckBox_wrapper2__3Wk_U {
  display: flex;
  flex: auto;
}

.CheckBox_wrapper2__3Wk_U {
  margin-bottom: 0.625rem;
}

.CheckBox_input__mC0vk {
  position: absolute;
  opacity: 0;
  z-index: 1;
  height: 0.875rem;
  width: 0.875rem;
  margin-top: 0.3125rem;
  cursor: pointer;
}
.CheckBox_input__mC0vk:checked ~ .CheckBox_checkbox__hc7qI {
  border: 1px solid #64787d;
}
.CheckBox_input__mC0vk:checked ~ .CheckBox_checkbox__hc7qI::after {
  content: "";
  display: block;
  transform: rotate(40deg);
  height: 0.5rem;
  width: 0.25rem;
  margin: 0.0625rem 0 0 0.25rem;
  border-style: solid;
  border-color: #64787d;
  border-width: 0 1px 1px 0;
}
.CheckBox_input__mC0vk[disabled] {
  cursor: default;
}
.CheckBox_input__mC0vk[disabled] ~ .CheckBox_checkbox__hc7qI {
  background-color: #cecece;
}

.CheckBox_checkbox__hc7qI {
  position: absolute;
  height: 0.875rem;
  width: 0.875rem;
  margin-top: 0.3125rem;
  border: 1px solid #cecece;
  background-color: #ffffff;
}

.CheckBox_label__9RB6i {
  flex: auto;
  margin-left: calc(0.875rem + 0.3125rem);
}

.CheckBox_additionalInformations__65yU1 {
  margin-left: 0.625rem;
}

.CheckBox_additionalInformationsYCentered__DYIcC {
  display: inline-flex;
  align-items: center;
}

.CheckBox_error__CbSq3 {
  border: 1px solid #ff3200;
  background-color: #fff5f0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalWide.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ModalWide_overlay__ssXTS {
}

.ModalWide_origin__f7E1l {
}

.ModalWide_wrapper__xBJ2k {
  max-height: calc(100vh - (2px));
  max-height: calc((var(--vh, 1vh) * 100) - (2px));
  max-height: calc(100dvh - (2px));
}
@media only screen and (min-width: 928px) {
  .ModalWide_wrapper__xBJ2k {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 928px) and (min-width: 768px) {
  .ModalWide_wrapper__xBJ2k {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 928px) and (min-width: 1280px) {
  .ModalWide_wrapper__xBJ2k {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalWide_wrapper__xBJ2k {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .ModalWide_wrapper__xBJ2k {
    width: calc(100% - ( 2 * 0.625rem )) !important;
  }
}
@media only screen and (min-width: 928px) and (min-width: 768px) {
  .ModalWide_wrapper__xBJ2k {
    width: calc(100% - ( 2 * 0.625rem )) !important;
  }
}
@media only screen and (min-width: 928px) and (min-width: 1280px) {
  .ModalWide_wrapper__xBJ2k {
    width: calc(100% - ( 2 * 1.25rem )) !important;
  }
}
@media only screen and (min-width: 501px) and (max-width: 927px) {
  .ModalWide_wrapper__xBJ2k {
    max-height: unset;
  }
}
@media only screen and (min-width: 928px) {
  .ModalWide_wrapper__xBJ2k {
    max-height: calc(100vh - (2.5rem));
    max-height: calc((var(--vh, 1vh) * 100) - (2.5rem));
    max-height: calc(100dvh - (2.5rem));
  }
}
@media only screen and (min-width: 1280px) {
  .ModalWide_wrapper__xBJ2k {
    max-height: calc(100vh - (13.75rem));
    max-height: calc((var(--vh, 1vh) * 100) - (13.75rem));
    max-height: calc(100dvh - (13.75rem));
  }
}

.ModalWide_header__4Du23 {
}

.ModalWide_title__etcKp {
}

.ModalWide_body__BcLuc {
}

.ModalWide_footer__saiJO {
}

.ModalWide_closeButton__6GK_8 {
}

.ModalWide_closeIcon__YawwL {
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCart/Modals/welcomeLayer/WelcomeLayer.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.WelcomeLayer_wrapper__wEAJ1 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .WelcomeLayer_wrapper__wEAJ1 {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.WelcomeLayer_logo__1JnbQ {
  width: 9.625rem;
  height: 3.8125rem;
}
@media only screen and (min-width: 1280px) {
  .WelcomeLayer_logo__1JnbQ {
    width: 13.25rem;
    height: 5.25rem;
  }
}

.WelcomeLayer_textCol__ZJSbW {
  width: calc(100% / 10 * 10);
  padding-bottom: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .WelcomeLayer_textCol__ZJSbW {
    width: calc(100% / 10 * 5);
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 1024px) {
  .WelcomeLayer_textCol__ZJSbW {
    width: calc(100% / 10 * 6);
  }
}
@media only screen and (min-width: 1280px) {
  .WelcomeLayer_textCol__ZJSbW {
    width: calc(100% / 10 * 5);
    margin-right: 1.25rem;
  }
}

.WelcomeLayer_headline__MzTyv {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .WelcomeLayer_headline__MzTyv {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.1428571429;
  }
}
@media only screen and (min-width: 1280px) {
  .WelcomeLayer_headline__MzTyv {
    font-size: 2.8125rem;
    font-weight: bold;
    line-height: 1.2222222222;
  }
}

.WelcomeLayer_text__xowov p {
  margin-bottom: 1.5625rem;
}

@media only screen and (min-width: 1280px) {
  .WelcomeLayer_ul__hkJML {
    width: 80%;
  }
}

.WelcomeLayer_li__z80yq {
  padding-left: 1em;
}
.WelcomeLayer_li__z80yq::before {
  position: absolute;
  content: "•";
  margin-left: -1em;
}

.WelcomeLayer_checkboxLabel__91i42 {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
  margin-left: calc(0.875rem + 0.3125rem);
}

.WelcomeLayer_buttonWrapper__E4axj {
  display: flex;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.WelcomeLayer_button__ckkCH {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border: 0.125rem solid #187ce0;
  padding: 0.3125rem 1.25rem;
}
.WelcomeLayer_button__ckkCH:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.WelcomeLayer_button__ckkCH:hover {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.WelcomeLayer_button__ckkCH:active {
  background-color: #005a96;
  border: 0.125rem solid #005a96;
}
.WelcomeLayer_button__ckkCH[disabled] {
  background-color: #ababab;
  color: #ffffff;
  border: 0.125rem solid #ababab;
  pointer-events: none;
}
@media only screen and (max-width: 500px) {
  .WelcomeLayer_button__ckkCH {
    flex: 1 1;
  }
}

.WelcomeLayer_imageCol__8XB10 {
  width: calc(100% / 10 * 10);
  position: relative;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .WelcomeLayer_imageCol__8XB10 {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .WelcomeLayer_imageCol__8XB10 {
    width: calc(100% / 10 * 5);
    margin-left: 0.625rem;
  }
}
@media only screen and (min-width: 1024px) {
  .WelcomeLayer_imageCol__8XB10 {
    width: calc(100% / 10 * 4);
  }
}
@media only screen and (min-width: 1280px) {
  .WelcomeLayer_imageCol__8XB10 {
    width: calc(100% / 10 * 5);
    margin-left: 1.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .WelcomeLayer_imageCol__8XB10 {
    flex-direction: column;
    justify-content: space-between;
  }
}

.WelcomeLayer_imgWrapper__bXNmu {
  display: flex;
  align-self: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .WelcomeLayer_imgWrapper__bXNmu {
    margin-top: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .WelcomeLayer_imgWrapper__bXNmu {
    margin-left: -6.875rem;
  }
}

.WelcomeLayer_img__Km_lH {
  width: auto;
  max-height: 34.375rem;
}

.WelcomeLayer_speechBubble__TENX_ {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  max-width: 28.125rem;
  padding: 1.25rem;
  margin-top: 0.5rem;
  border-radius: 1.25rem;
  background-color: #ffffff;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .WelcomeLayer_speechBubble__TENX_ {
    position: relative;
  }
}
@media only screen and (min-width: 1280px) {
  .WelcomeLayer_speechBubble__TENX_ {
    position: absolute;
    min-width: 28.125rem;
  }
}
.WelcomeLayer_speechBubble__TENX_::after {
  content: "";
  position: absolute;
  width: 2.125rem;
  height: 1.25rem;
  background-image: url("/static/images/portals/sprite_trueColor/tooltip-arrow-big.svg");
  background-repeat: no-repeat;
  bottom: -1em;
  left: 9.375rem;
}

.WelcomeLayer_speechBubbleHeadline__pxm3e {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #cecece;
  padding-bottom: 0.9375rem;
}

.WelcomeLayer_trustpilot__oAk9C {
  width: 6rem;
  height: 1.125rem;
  margin-top: 0.9375rem;
  margin-bottom: 1.25rem;
}

.WelcomeLayer_ratingHeadline__EiZpB {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}

.WelcomeLayer_ratingText__fdXux {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  border-bottom: 1px solid #cecece;
  padding-bottom: 0.9375rem;
}

.WelcomeLayer_modalwrapper__N4FRS {
}
@media only screen and (min-width: 1280px) {
  .WelcomeLayer_modalwrapper__N4FRS {
    border-radius: inherit;
  }
}

.WelcomeLayer_footer__7CgwI {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .WelcomeLayer_footer__7CgwI {
    margin-left: 3.125rem;
    margin-right: 3.125rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CountrySelector/CountrySelector.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CountrySelector_buttonStyle__snWMD {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  display: flex;
  align-items: center;
  height: 2.5rem;
  white-space: nowrap;
}
.CountrySelector_buttonStyle__snWMD:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.CountrySelector_buttonHolder__VolCP {
  position: relative;
  display: inline-block;
  margin-top: 0.625rem;
  background-color: #fafafa;
  color: #000000;
}
.CountrySelector_buttonHolder__VolCP:first-of-type {
  margin-right: 0.625rem;
}

.CountrySelector_icon__wQNvE {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}

.CountrySelector_optionDrop__kxPty {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  background-color: #ffffff;
  left: -9999px;
  bottom: 2.625rem;
  z-index: 9999999;
}
.CountrySelector_optionDrop__kxPty.CountrySelector_opened___Hk_w {
  left: 0;
}

.CountrySelector_optionLink__kWQ3B {
  cursor: pointer;
}
.CountrySelector_optionLink__kWQ3B:hover {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.CountrySelector_optionActive__sEvjm {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.CountrySelector_buttonHolderCountry__cwecR {
}

.CountrySelector_buttonCountry__E0FCY {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.CountrySelector_buttonIconCountry__XSLw_ {
}

.CountrySelector_optionDropCountry__Jd__R {
}

.CountrySelector_optionLinkCountry__5sJ0X {
}

.CountrySelector_optionIconCountry__XWMwW {
}

.CountrySelector_buttonHolderLanguage__g9kJq {
}

.CountrySelector_buttonLanguage__6wA2j {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.CountrySelector_buttonIconLanguage__h_kBA {
}

.CountrySelector_optionDropLanguage__Ibn89 {
}

.CountrySelector_optionLinkLanguage__kBFXy {
}

.CountrySelector_optionIconLanguage__i5ZWZ {
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/ShortRegister/PasswordForgetForm/PasswordForgetForm.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PasswordForgetForm_wrapper__97iIU {
  padding: 1.25rem;
}

.PasswordForgetForm_button__xsMEO {
  width: 100%;
  margin-top: 0.625rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/SocialButtons/SocialButtons.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SocialButtons_button__gLzzt {
  display: flex;
  align-items: center;
  padding: 0 0.5625rem;
  border-left: 1px solid #ffffff;
}
.SocialButtons_button__gLzzt:hover {
  background-color: #005a96;
}
.SocialButtons_button__gLzzt:last-of-type {
  border-radius: 0 1.25rem 1.25rem 0;
}

.SocialButtons_companyIcon__zjoYU {
  height: 18px;
  display: flex;
  fill: #ffffff;
  color: #ffffff;
}

.SocialButtons_amazonIcon__x3nAk {
  width: 1.0625rem;
  margin-top: 0.125rem;
}

.SocialButtons_appleIcon__G_USy {
  width: 0.9375rem;
  margin-top: -0.125rem;
}

.SocialButtons_googleIcon__vHwjz {
  width: 1.125rem;
}

.SocialButtons_twitterIcon__1cp6_ {
  height: 1rem;
  width: 1.25rem;
}

.SocialButtons_facebookIcon__0ZRKk {
  width: 0.875rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/ShortRegister/ShortLogin/LoginForm.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoginForm_headline__kx7sy {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}

.LoginForm_options__gi5O6 {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.LoginForm_forgotPwdLink__nyFq1 {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
  white-space: nowrap;
}

.LoginForm_registerButton__sYmSA {
  width: 100%;
  margin-top: 0.625rem;
}

.LoginForm_loginButton__G4uF8 {
  width: 100%;
  margin-top: 1.25rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CheckBox/CheckBoxSmall.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckBoxSmall_wrapper__xPbYM {
}

.CheckBoxSmall_input__A_OfY {
  height: 0.6875rem;
  width: 0.6875rem;
  margin-top: 0.125rem;
}
.CheckBoxSmall_input__A_OfY:checked ~ .CheckBoxSmall_checkbox__51drP::after {
  width: 0.1875rem;
  margin: 0 0 0 0.1875rem;
}

.CheckBoxSmall_checkbox__51drP {
  height: 0.6875rem;
  width: 0.6875rem;
  margin-top: 0.125rem;
}

.CheckBoxSmall_label__KUsxq {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
  margin-left: calc(0.6875rem + 0.3125rem);
}

.CheckBoxSmall_error__bccuO {
  border: 1px solid #ff3200;
  background-color: #fff5f0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CountrySelector/CountrySelectorLogin.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CountrySelectorLogin_countryWrapper__J9Qjz {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.5rem;
  margin-bottom: 1.25rem;
}

.CountrySelectorLogin_countryText__aOs3Z {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
  padding-top: 0.125rem;
}

.CountrySelectorLogin_buttonHolderCountry__OmSaf {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: unset !important;
}

.CountrySelectorLogin_buttonCountry__BTv0A {
  display: inline-flex;
  align-items: center;
  width: unset !important;
  cursor: pointer;
}

.CountrySelectorLogin_buttonIconCountry__eY8hr {
}

.CountrySelectorLogin_arrowIcon__BgYL2 {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  color: #64787d;
}

.CountrySelectorLogin_arrowIconOpened__4sdG2 {
  transform: rotate(180deg);
}

.CountrySelectorLogin_optionListCountry__IZH3U {
  width: max-content;
}

.CountrySelectorLogin_optionDropCountry__aIxJe {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  background-color: #ffffff;
  top: 1.5625rem;
  right: 0;
  z-index: 9999999;
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.CountrySelectorLogin_optionDropCountry__aIxJe.CountrySelectorLogin_opened__4TcZh {
  display: unset;
  visibility: unset;
  pointer-events: unset;
}

.CountrySelectorLogin_optionLinkCountry__V8YH6 {
}

.CountrySelectorLogin_optionIconCountry__gp21Q {
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/ShortRegister/NetworkButton.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NetworkButton_button__5vBs1 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 2.5rem;
  border-radius: 1.25rem;
  display: flex;
  margin-top: 0.625rem;
}

.NetworkButton_text__E_RdP {
  flex: auto;
  align-self: center;
  text-align: center;
  padding-left: 0.9375rem;
  padding-right: 0.625rem;
}

.NetworkButton_networks____dys {
  display: flex;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/ShortRegister/ShortRegister.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShortRegister_wrapper__IKv47 {
  height: calc(100vh - 56px);
  height: calc((var(--vh, 1vh) * 100) - 56px);
  height: calc(100dvh - 56px);
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .ShortRegister_wrapper__IKv47 {
    height: unset;
    padding: 1.25rem;
  }
}

.ShortRegister_headline__4x5s_ {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}

.ShortRegister_factBlock__cUOEx {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.3333333333;
  display: flex;
  flex-direction: column;
  gap: 0.625rem 0;
  margin-bottom: 1.25rem;
}

.ShortRegister_ul__yeK2k {
  display: flex;
  flex-direction: column;
  gap: 0.625rem 0;
}

.ShortRegister_fact__Q1yhC {
  display: flex;
  align-items: flex-start;
}

.ShortRegister_dotWrapper__1g_7F {
  margin: 0 0.4375rem 0 0;
}

.ShortRegister_dot__YgKLz {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0.125rem 0.4375rem 0 0;
}

.ShortRegister_checkboxWrapper__4edkV {
  margin-top: 0.25rem;
}
.ShortRegister_checkboxWrapper__4edkV a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.ShortRegister_registerButton__XCx_N {
  width: 100%;
  margin-top: 0.9375rem;
}

.ShortRegister_loginButton__Uau_0 {
  width: 100%;
  margin-top: 0.625rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/avatar/Avatar.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Avatar_avatarWrapper__V5Afb {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

.Avatar_noImage__5s9QA {
  background-color: #187ce0;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Avatar_loadedImg__5xj4v {
  width: inherit;
  height: inherit;
  object-fit: cover;
}

.Avatar_initals__ihRXr {
  letter-spacing: 0.0625rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/UserBlockedMessage/UserBlockedMessage.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.UserBlockedMessage_wrapper__tAFLb {
  border: 0.125rem solid #ff3200;
  padding: 0.9375rem;
  background-color: #ffffff;
  color: #ff3200;
}

.UserBlockedMessage_wrapperRow__p2WF1 {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 500px) {
  .UserBlockedMessage_wrapperRow__p2WF1 {
    flex-wrap: wrap;
  }
}

.UserBlockedMessage_icoWrapper__DmkM4 {
  margin-right: 0.9375rem;
}

.UserBlockedMessage_ico___d6zU {
  width: 1.125rem;
  height: 1.125rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Navigation/HeaderMenu.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderMenu_menu__9YGxK {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}

.HeaderMenu_itemLink__dClFA {
  position: relative;
  margin-left: 12px;
}
@media only screen and (min-width: 501px) {
  .HeaderMenu_itemLink__dClFA {
    margin-left: 17px;
  }
}

.HeaderMenu_button__HmYo7 {
  display: flex;
  align-items: center;
}

.HeaderMenu_btnIcon__JrV9I {
  color: #64787d;
  fill: #64787d;
  width: 18px;
  height: 18px;
}
.HeaderMenu_btnIcon__JrV9I:hover {
  color: #187ce0;
  fill: #187ce0;
}
.HeaderMenu_btnIcon__JrV9I:hover {
  cursor: pointer;
}

.HeaderMenu_closeIcon__NjHoq {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: -10px;
  right: -10px;
  height: 18px;
  min-width: 18px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  border: 0.0625rem solid #ffffff;
  background-color: #187ce0;
}

.HeaderMenu_closeIconX__FXRcJ {
  height: 11px;
  width: 10px;
  stroke: #ffffff;
  fill: #ffffff;
}

.HeaderMenu_counterButton__w98Wk {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: -10px;
  right: -10px;
  height: 18px;
  min-width: 18px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  border: 0.0625rem solid #ffffff;
  background-color: #187ce0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ShoppingCartMini/ShoppingCartMini.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ShoppingCartMini_wrapper__aFk9P {
  position: absolute;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ShoppingCartMini_wrapper__aFk9P {
    height: calc(100vh - 56px);
    height: calc((var(--vh, 1vh) * 100) - 56px);
    height: calc(100dvh - 56px);
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 56px;
    left: 0;
    outline: 1px solid #ffffff;
  }
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_wrapper__aFk9P {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
    min-width: 24.625rem;
    right: -0.4375rem;
    margin-top: 16px;
    height: unset;
  }
}

.ShoppingCartMini_content__rWJrj {
  margin-top: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_content__rWJrj {
    margin-top: 1.25rem;
  }
}

.ShoppingCartMini_headline__Ssen3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 1.25rem;
  padding-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_headline__Ssen3 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_headline__Ssen3 {
    padding-bottom: 1.25rem;
  }
}

.ShoppingCartMini_close__l2wJE {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  cursor: pointer;
  right: 0.625rem;
  top: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_close__l2wJE {
    right: 1.25rem;
    top: 1.25rem;
  }
}

.ShoppingCartMini_list__MxYVL {
  max-height: calc(100vh - (170px));
  max-height: calc((var(--vh, 1vh) * 100) - (170px));
  max-height: calc(100dvh - (170px));
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_list__MxYVL {
    max-height: calc(100vh - (210px));
    max-height: calc((var(--vh, 1vh) * 100) - (210px));
    max-height: calc(100dvh - (210px));
  }
}

.ShoppingCartMini_item__K4dQu {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  display: flex;
  border-bottom: 1px solid #cecece;
  padding-bottom: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_item__K4dQu {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_item__K4dQu {
    padding-bottom: 1.25rem;
  }
}
.ShoppingCartMini_item__K4dQu:not(:first-child) {
  padding-top: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_item__K4dQu:not(:first-child) {
    padding-top: 1.25rem;
  }
}

.ShoppingCartMini_itemImg__VUcBD {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.625rem;
  width: 6.625rem;
  margin-right: 1.25rem;
  border: 1px solid #cecece;
}

.ShoppingCartMini_properties__IQs3j {
  flex: auto;
  display: inline-grid;
  margin-right: 1.25rem;
}

.ShoppingCartMini_propHead__1XIuq {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.ShoppingCartMini_option__Zb_v0 {
  flex: initial;
}

.ShoppingCartMini_optionIcon__U2RSJ {
  display: block;
  width: 0.9375rem;
  height: 1.25rem;
  margin-bottom: 0.625rem;
  cursor: pointer;
  color: #64787d;
  fill: #64787d;
}
.ShoppingCartMini_optionIcon__U2RSJ:hover {
  color: #187ce0;
  fill: #187ce0;
}

.ShoppingCartMini_buttonWrapper__89fAz {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_buttonWrapper__89fAz {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .ShoppingCartMini_buttonWrapper__89fAz {
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}

.ShoppingCartMini_button__GNlaj {
  width: 100%;
}

.ShoppingCartMini_counter__EceN0 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  top: -10px;
  right: -10px;
  height: 18px;
  min-width: 18px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  border: 0.0625rem solid #ffffff;
  background-color: #187ce0;
}

.ShoppingCartMini_userBlockedWrapper__cGHrN {
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .ShoppingCartMini_userBlockedWrapper__cGHrN {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}

/*/ ===== not shure if this is needed, classes for text shortening ===== //

.baketItem__propBox {
  display: inline-grid; // to make ellipsis possible in this construct
  width: 100%;
}

.baketItem__propText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
*/
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/avatar/AvatarSmall.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AvatarSmall_wrapperEquals__ergzh {
  font-weight: 500;
}

.AvatarSmall_wrapperNoImg__yYRG4 {
}

.AvatarSmall_avatar__wrapper__QZY39 {
  width: 2.5rem;
  height: 2.5rem;
}

.AvatarSmall_avatarWrapperHeader__gCtF6 {
  width: 40px;
  height: 40px;
}

.AvatarSmall_avatar__img__KRz5e {
}

.AvatarSmall_avatar__initals__kOiUs {
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/CustomerMenu/CustomerMenu.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomerMenu_wrapper__dFDZu {
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .CustomerMenu_wrapper__dFDZu {
    padding: 1.25rem;
  }
}

.CustomerMenu_avatar__LGX8M {
  height: 1.25rem;
}

.CustomerMenu_link__OLJfU {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  display: block;
  margin-top: 0.375rem;
}
.CustomerMenu_link__OLJfU:hover {
  color: #187ce0;
}

.CustomerMenu_userBlock__Q_v_h {
  display: flex;
  flex-direction: row-reverse;
}

.CustomerMenu_userBlockNoLink__PRZoo {
  pointer-events: none;
}

.CustomerMenu_nameBlock__gD1HF {
  flex: 1 1;
  padding-right: 0.625rem;
}
.CustomerMenu_nameBlock__gD1HF:hover {
  color: #187ce0;
}

.CustomerMenu_starIcon__CTrJV {
  width: 0.8125rem;
  height: 0.8125rem;
  margin-left: 0.3125rem;
}

.CustomerMenu_button__3T0dw {
  width: 100%;
  margin-top: 1.5625rem;
}

.CustomerMenu_zoomWrapper__4FrIm {
  display: flex;
  height: 2.5rem;
  margin-top: 1.25rem;
  border-radius: 1.25rem;
  background-color: #f0f0f0;
}

.CustomerMenu_zoomButton__cQkqS {
  flex: initial;
  display: inline-flex;
  align-items: center;
  padding: 0 1.25rem;
}

.CustomerMenu_zoomOut__QH6d_ {
  height: 0.75rem;
  width: 0.6875rem;
}

.CustomerMenu_zoomIn__omQ_W {
  height: 1.3125rem;
  width: 1.1875rem;
}

.CustomerMenu_zoomLevel__VdK6c {
  flex: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.25rem;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.CustomerMenu_notRegisterWrapper__EWEc8 {
  padding: 0 1.25rem 1.25rem;
}

.CustomerMenu_resendMailButton__t9BBb {
  width: 100%;
  margin-top: 1.25rem;
}

.CustomerMenu_cancelRegButton__5FPXD {
  width: 100%;
  margin-top: 0.625rem;
}

.CustomerMenu_layerWrapper__DGO4e {
  padding-bottom: 1.25rem;
}

.CustomerMenu_userBlockedWrapper__ZgmPk {
  margin-top: 1.25rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/FactSheet/Modal/DesignLayerBody.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.DesignLayerBody_wrapper__OZOXY {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .DesignLayerBody_wrapper__OZOXY {
    grid-template-columns: repeat(3, 1fr);
  }
}

.DesignLayerBody_itemLink__KECJQ {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DesignLayerBody_itemLink__KECJQ:hover > .DesignLayerBody_item__qMLib {
  opacity: 30%;
}
.DesignLayerBody_itemLink__KECJQ:active {
  opacity: 30%;
}

.DesignLayerBody_icon__0m6AW {
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  fill: #187ce0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./styledModules/SimpleModal/SimpleModal.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SimpleModal_overlay__Jq_Ug {
  position: fixed;
  top: calc(56px + 1.5625rem);
  left: 0;
  width: 100%;
  z-index: 100000;
}

.SimpleModal_wrapper__mtTM9 {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
  width: calc(100% - (2 * 0.625rem));
  padding: 2.5rem;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 1.25rem;
  color: #187ce0;
}
@media only screen and (min-width: 501px) {
  .SimpleModal_wrapper__mtTM9 {
    width: calc(100% / 10 * 5);
  }
}
@media only screen and (min-width: 1280px) {
  .SimpleModal_wrapper__mtTM9 {
    width: calc(100% / 10 * 4);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/ModalWideImage.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ModalWideImage_overlay__wh392 {
}

.ModalWideImage_origin__5RgMS {
  align-items: stretch !important;
}

.ModalWideImage_wrapper__Wrhcc {
}
@media only screen and (min-width: 928px) {
  .ModalWideImage_wrapper__Wrhcc {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 928px) and (min-width: 768px) {
  .ModalWideImage_wrapper__Wrhcc {
    width: calc((100% / 10 * 10 ) - ( 2 * 0.625rem ));
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}
@media only screen and (min-width: 928px) and (min-width: 1280px) {
  .ModalWideImage_wrapper__Wrhcc {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalWideImage_wrapper__Wrhcc {
    width: calc((100% / 10 * 10 ) - ( 2 * 1.25rem ));
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .ModalWideImage_wrapper__Wrhcc {
    width: calc(100% - ( 2 * 0.625rem )) !important;
  }
}
@media only screen and (min-width: 928px) and (min-width: 768px) {
  .ModalWideImage_wrapper__Wrhcc {
    width: calc(100% - ( 2 * 0.625rem )) !important;
  }
}
@media only screen and (min-width: 928px) and (min-width: 1280px) {
  .ModalWideImage_wrapper__Wrhcc {
    width: calc(100% - ( 2 * 1.25rem )) !important;
  }
}

.ModalWideImage_header__pZhqJ {
}

.ModalWideImage_title__NV5sG {
}

.ModalWideImage_body__SIcAr {
  height: calc(100vh - 9.375rem);
  height: calc((var(--vh, 1vh) * 100) - 9.375rem);
  height: calc(100dvh - 9.375rem);
}
@media only screen and (min-width: 501px) {
  .ModalWideImage_body__SIcAr {
    height: calc(100vh - 6.875rem);
    height: calc((var(--vh, 1vh) * 100) - 6.875rem);
    height: calc(100dvh - 6.875rem);
  }
}
@media only screen and (min-width: 768px) {
  .ModalWideImage_body__SIcAr {
    height: calc(100vh - 12.5rem);
    height: calc((var(--vh, 1vh) * 100) - 12.5rem);
    height: calc(100dvh - 12.5rem);
  }
}
@media only screen and (min-width: 1280px) {
  .ModalWideImage_body__SIcAr {
    height: calc(100vh - 23.75rem);
    height: calc((var(--vh, 1vh) * 100) - 23.75rem);
    height: calc(100dvh - 23.75rem);
  }
}

.ModalWideImage_footer__NVDlB {
}

.ModalWideImage_closeButton__USWBR {
}

.ModalWideImage_closeIcon__CgXzh {
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ResizableSplitView/ResizableSplitView.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ResizableSplitView_dividerWrapper__CxCK_ {
  position: relative;
  height: 0.4375rem;
  display: flex;
  justify-content: center;
  margin-bottom: -0.4375rem;
  background-color: #f6f6f6;
  cursor: row-resize;
  z-index: 10;
}

.ResizableSplitView_defaultDivider__Tj3D5 {
  box-shadow: 0 1px #455659, 0 3px #455659, 0 5px #455659;
  width: 3.75rem;
  height: 1px;
}

.ResizableSplitView_top___81Do {
  display: flex;
  height: 26.75rem;
  justify-content: center;
}

.ResizableSplitView_bottom__cSjij {
  flex: 1 1;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Modal/SpecialCases/ModalRegister.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ModalRegister_overlay__4jVdE {
}

.ModalRegister_origin__0_KFA {
}

.ModalRegister_wrapper__UksQ5 {
  border-radius: unset !important;
}
@media only screen and (min-width: 768px) {
  .ModalRegister_wrapper__UksQ5 {
    width: 23.4375rem !important;
  }
}

.ModalRegister_header__Kelvg {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  padding-top: calc(0.9375rem - 0.1875rem);
}

.ModalRegister_title__S2HjZ {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 0.625rem;
}

.ModalRegister_body__Jxau1 {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}
.ModalRegister_body__Jxau1 nav a {
  flex-direction: row;
  gap: 0.625rem;
  padding-right: 1.875rem;
}

.ModalRegister_footer__ntJHK {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.ModalRegister_closeButton__mZhIh {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: #ffffff;
  box-shadow: 0 0 10px 10px #ffffff;
}

.ModalRegister_closeIcon__U9_Kb {
  width: inherit;
  height: inherit;
  color: #64787d;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Header/SettingsBar/SettingsBar.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.SettingsBar_userMenu__vlQ7p {
  position: relative;
}

.SettingsBar_wrapperContent__9jJPX {
  height: calc(100vh - 56px);
  height: calc((var(--vh, 1vh) * 100) - 56px);
  height: calc(100dvh - 56px);
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .SettingsBar_wrapperContent__9jJPX {
    padding: 1.25rem;
    height: unset;
  }
}

.SettingsBar_wrapper__Vv25S {
  position: absolute;
  right: -9999px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .SettingsBar_wrapper__Vv25S {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    pointer-events: all;
    top: 56px;
    outline: 1px solid #ffffff;
  }
}
@media only screen and (min-width: 768px) {
  .SettingsBar_wrapper__Vv25S {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
    min-width: 23.4375rem;
    margin-top: 16px;
  }
}
.SettingsBar_wrapper__Vv25S.SettingsBar_opened__IaMhB {
  right: 0;
  display: block;
}

.SettingsBar_iconWrapper__ANJYK {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 18px;
}

.SettingsBar_closeIcon__oghC2::after, .SettingsBar_closeIcon__oghC2::before, .SettingsBar_closeIcon__oghC2 {
  position: absolute;
  display: block;
  width: 15px;
  height: 2px;
  border-radius: 3px;
  background-color: #64787d;
}

.SettingsBar_closeIcon__oghC2 {
  line-height: unset;
  display: block;
  transform: rotate(45deg);
  background-color: transparent;
  left: unset;
  margin-top: 1px;
}
.SettingsBar_closeIcon__oghC2::before {
  content: "";
  top: 0;
}
.SettingsBar_closeIcon__oghC2::after {
  content: "";
  bottom: 0;
  transform: rotate(-90deg);
}

.SettingsBar_menuButton__W9h8Z {
  width: 18px;
  color: #64787d;
  fill: #64787d;
}

.SettingsBar_openIcon__3WXjT {
  width: inherit;
  height: inherit;
}

.SettingsBar_avatarBtn__tKKHl {
  line-height: unset;
  display: block;
}

.SettingsBar_avatarOpen__PDwGk {
  width: 40px;
}

.SettingsBar_spinner__5Vz2f {
  position: absolute;
  scale: 0.56;
  top: -31px;
  left: -31px;
}
@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  .SettingsBar_spinner__5Vz2f {
    scale: 0.82;
    top: -21px;
    left: -21px;
  }
}

@keyframes SettingsBar_checkmark__bEmjW {
  0%, 100% {
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
}
.SettingsBar_checkmark__bEmjW {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: -9px;
  padding: 0;
  background-color: #1eb900;
  border-radius: 16px;
  animation: SettingsBar_checkmark__bEmjW 3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.SettingsBar_checkmark__bEmjW::after {
  content: "";
  display: block;
  height: 11px;
  width: 5px;
  transform: rotate(45deg);
  margin: -2px 0 0 9px;
  background-color: #1eb900;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 1px 1px 0;
}

.SettingsBar_checkmark__bEmjW .SettingsBar_hamburger__inner__OF4bs {
  opacity: 0;
}
.SettingsBar_checkmark__bEmjW ~ .SettingsBar_userMenu__wrapper__21Uel {
  margin-top: 0.65rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/WishListMini/WishListMini.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.WishListMini_wrapper__cRNkp {
  position: absolute;
  top: 56px;
  background-color: #ffffff;
  padding-top: 0.625rem;
}
@media only screen and (max-width: 767px) {
  .WishListMini_wrapper__cRNkp {
    position: fixed;
    width: 100%;
    height: calc(100vh - 10px);
    left: 0;
    z-index: 100;
  }
}
@media only screen and (min-width: 768px) {
  .WishListMini_wrapper__cRNkp {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
    min-width: 24.625rem;
    top: 34px;
    right: -0.4375rem;
    padding-top: 1.25rem;
  }
}

.WishListMini_close__rPUEU {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  cursor: pointer;
  top: 1.25rem;
  right: 1.25rem;
}

.WishListMini_list__ntDPf {
  max-height: calc(100vh - (190px));
  max-height: calc((var(--vh, 1vh) * 100) - (190px));
  max-height: calc(100dvh - (190px));
}
@media only screen and (min-width: 768px) {
  .WishListMini_list__ntDPf {
    max-height: calc(100vh - (210px));
    max-height: calc((var(--vh, 1vh) * 100) - (210px));
    max-height: calc(100dvh - (210px));
  }
}

.WishListMini_item__q_1AH {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  display: flex;
  border-bottom: 1px solid #cecece;
  padding-bottom: 1.25rem;
}
.WishListMini_item__q_1AH:not(:first-of-type) {
  padding-top: 1.25rem;
}

.WishListMini_itemImg__jxrWJ {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  height: 5rem;
  width: 5rem;
  margin-right: 1.25rem;
  border: 1px solid #cecece;
  cursor: pointer;
}

.WishListMini_properties__xmsVP {
  display: flex;
  flex-direction: column;
  flex: auto;
  margin-right: 0.625rem;
  cursor: pointer;
}

.WishListMini_propHead__GxzMR {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.WishListMini_price__MZtzl {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4444444444;
}

.WishListMini_deliveryCost__tpB5a {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #282828;
}

.WishListMini_headline__2B_ct {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
}

.WishListMini_optionIcon__wxP03 {
  display: block;
  width: 0.9375rem;
  height: 1.25rem;
  margin-bottom: 0.625rem;
  cursor: pointer;
  color: #64787d;
  fill: #64787d;
}
.WishListMini_optionIcon__wxP03:hover {
  color: #187ce0;
  fill: #187ce0;
}

.WishListMini_buttonWrapper__UstgH {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin: 1.25rem 0;
}

.WishListMini_button__MSWP_ {
  width: 100%;
}

.WishListMini_userBlockedWrapper__l8NXF {
  margin: 0 1.25rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductMenu/ProductMenu.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
@media only screen and (min-width: 1280px) {
  .ProductMenu_menu__MEsrn {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.ProductMenu_outerWrapper__cvadu {
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.15);
  height: calc(100vh - 56px);
  height: calc((var(--vh, 1vh) * 100) - 56px);
  height: calc(100dvh - 56px);
  position: fixed;
  top: calc(56px - 1px);
  right: 0;
  width: 100%;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .ProductMenu_outerWrapper__cvadu {
    position: absolute;
    top: calc(56px - 10px);
    width: 24.625rem;
    height: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_outerWrapper__cvadu {
    position: fixed;
    top: calc(56px - 1px);
    width: 100%;
  }
}

.ProductMenu_innerWrapper__M6fPX {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_innerWrapper__M6fPX {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    flex-wrap: nowrap;
    padding-top: 1.5625rem;
  }
}

.ProductMenu_column__lQLEq {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_column__lQLEq {
    width: unset;
    padding-bottom: 1.5625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media only screen and (max-width: 1279px) {
  .ProductMenu_categoryHandler__WelLd {
    display: flex;
    height: 3.1875rem;
  }
}

.ProductMenu_clapBtn__TWU_n {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  border-bottom: 1px solid #ffffff;
}
.ProductMenu_clapBtn__TWU_n:hover {
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_clapBtn__TWU_n {
    display: none;
  }
}

.ProductMenu_ico__iCUrr {
  width: 0.875rem;
  height: 0.625rem;
}

.ProductMenu_clapBtnOpen__V_s3K {
  background-color: #e8e8e8;
}

.ProductMenu_clapBtnClose__r_c6a {
  background-color: #455659;
}

.ProductMenu_icoOpen__jjd5_ {
  color: #64787d;
}

.ProductMenu_icoClose__JaEj3 {
  transform: rotate(180deg);
  color: #ffffff;
}

.ProductMenu_category__1hezY {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  display: block;
  display: flex;
  min-width: 0;
}
@media only screen and (max-width: 1279px) {
  .ProductMenu_category__1hezY {
    align-items: center;
    flex: 1 1;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-bottom: 1px solid #e8e8e8;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_category__1hezY {
    padding-right: unset;
    margin-bottom: 1.25rem;
  }
}

.ProductMenu_categoryLink__TbCHj {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ProductMenu_categoryLink__TbCHj:hover {
  color: #187ce0;
  fill: #187ce0;
}

@media only screen and (max-width: 1279px) {
  .ProductMenu_list__MaSlA {
    margin-top: 0.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.ProductMenu_listItem__F8axb {
  overflow: hidden;
}

.ProductMenu_product__bTbZy {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  line-height: 2.5rem;
}
.ProductMenu_product__bTbZy:hover {
  color: #187ce0;
  fill: #187ce0;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_product__bTbZy {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5714285714;
    line-height: 1.5625rem;
  }
}

.ProductMenu_variant__QoC_a {
  display: block;
  margin-left: 1.25rem;
}

@media only screen and (max-width: 1279px) {
  .ProductMenu_btnWrapper__W6NtQ {
    margin-bottom: 1.25rem;
  }
}

.ProductMenu_btn__Y0UJk {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 1.5625rem;
  padding: 0 0.625rem;
  margin-top: 1.25rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1279px) {
  .ProductMenu_btn__Y0UJk {
    text-align: center;
    cursor: pointer;
    touch-action: manipulation;
    border-radius: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    background-color: #187ce0;
    color: #ffffff;
    min-height: 2.5rem;
    border: 0.125rem solid #187ce0;
    padding: 0.3125rem 1.25rem;
    margin-top: 1.125rem;
  }
  .ProductMenu_btn__Y0UJk:hover {
    box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
  }
  .ProductMenu_btn__Y0UJk:hover {
    background-color: #005a96;
    border: 0.125rem solid #005a96;
  }
  .ProductMenu_btn__Y0UJk:active {
    background-color: #005a96;
    border: 0.125rem solid #005a96;
  }
  .ProductMenu_btn__Y0UJk[disabled] {
    background-color: #ababab;
    color: #ffffff;
    border: 0.125rem solid #ababab;
    pointer-events: none;
  }
}
.ProductMenu_btn__Y0UJk:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ProductMenu_btn__Y0UJk:hover {
  background-color: #005a96;
}

.ProductMenu_layerText__MlZYO {
  margin-bottom: 1.25rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/ProductMenu/ProductGroupsMenu.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.ProductGroupsMenu_wrapper__0ZBnf {
  display: flex;
  flex: auto;
  align-items: center;
  gap: 0 0.3125rem;
  overflow-x: auto;
}
@media only screen and (min-width: 1601px) {
  .ProductGroupsMenu_wrapper__0ZBnf {
    justify-content: center;
    overflow-x: unset;
  }
}
@media only screen and (min-width: 1280px) and (max-width: calc(1601px - 1px)) {
  .ProductGroupsMenu_wrapper__0ZBnf > li:nth-last-of-type(3) ul, .ProductGroupsMenu_wrapper__0ZBnf li:nth-last-of-type(4) ul {
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1601px) {
  .ProductGroupsMenu_wrapper__0ZBnf > li:nth-last-of-type(3) ul {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_wrapper__0ZBnf > li:nth-last-of-type(-n+2) ul {
    transform: translateX(-100%);
  }
}
@media only screen and (min-width: 1601px) {
  .ProductGroupsMenu_wrapper__0ZBnf > li:nth-last-of-type(-n+2) ul {
    left: unset;
    transform: unset;
    right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_scrollRangeNoScroll__07rb0 {
    justify-content: center;
  }
}

.ProductGroupsMenu_menuCategory__4UQl4 {
  position: relative;
  padding: 0 10px;
}

.ProductGroupsMenu_categoryWrapper__VtdOM {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  display: flex;
  align-items: center;
  height: 3.5rem;
}
@media only screen and (min-width: 1601px) {
  .ProductGroupsMenu_categoryWrapper__VtdOM {
    display: inline-grid;
    min-width: 0;
  }
}

.ProductGroupsMenu_category__WszGB {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ProductGroupsMenu_category__WszGB[data-active] {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.ProductGroupsMenu_dropdown___tWX0 {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 1;
  margin-top: -0.5rem;
}
@media only screen and (min-width: 501px) {
  .ProductGroupsMenu_dropdown___tWX0 {
    width: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_dropdown___tWX0 {
    left: auto;
    transform: translateX(-1.25rem);
  }
}
@media only screen and (min-width: 1601px) {
  .ProductGroupsMenu_dropdown___tWX0 {
    position: absolute;
    width: auto;
    left: -10px;
    transform: unset;
  }
}

.ProductGroupsMenu_active__luhnM {
  display: block;
}

.ProductGroupsMenu_dropdownInner__XEH6W {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  background: #ffffff;
}

.ProductGroupsMenu_columnWrapper__80A_M {
  height: calc(100vh - calc(56px + 3.5rem - 0.5rem));
  height: calc((var(--vh, 1vh) * 100) - calc(56px + 3.5rem - 0.5rem));
  height: calc(100dvh - calc(56px + 3.5rem - 0.5rem));
  padding: 0.75rem 0.625rem 0 0.625rem;
}
@media only screen and (min-width: 501px) {
  .ProductGroupsMenu_columnWrapper__80A_M {
    max-height: calc(100vh - (calc(56px + 3.5rem - 0.5rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(56px + 3.5rem - 0.5rem)));
    max-height: calc(100dvh - (calc(56px + 3.5rem - 0.5rem)));
    height: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_columnWrapper__80A_M {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
    gap: 2.5rem;
  }
}

.ProductGroupsMenu_listItem__0nWih {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.3125rem;
}
.ProductGroupsMenu_listItem__0nWih:last-of-type {
  padding-bottom: 1.25rem;
  margin-bottom: unset;
}
@media only screen and (min-width: 501px) {
  .ProductGroupsMenu_listItem__0nWih {
    width: 18.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_listItem__0nWih {
    min-width: 12.5rem;
    width: max-content;
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 1601px) {
  .ProductGroupsMenu_listItem__0nWih {
    width: 12.5rem;
  }
}
.ProductGroupsMenu_product__GW3Dg {
  display: inline;
  line-height: 1.8;
}
.ProductGroupsMenu_product__GW3Dg:hover {
  color: #187ce0;
  fill: #187ce0;
}

.ProductGroupsMenu_closeButton__OjZPl {
  position: absolute;
  right: 0.625rem;
  top: 1.125rem;
}

.ProductGroupsMenu_closeIcon__i09C4 {
  width: 1.125rem;
  height: 1.125rem;
  fill: #64787d;
}

.ProductGroupsMenu_buttonWrapper__sN4a9 {
  width: 100%;
  padding-bottom: 1.25rem;
}

.ProductGroupsMenu_btn__ZWRkv {
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5714285714;
  background-color: #187ce0;
  color: #ffffff;
  min-height: 1.5625rem;
  padding: 0 0.625rem;
  width: 100%;
  margin-top: 1.25rem;
  padding: 0.1875rem 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ProductGroupsMenu_btn__ZWRkv:hover {
  box-shadow: 0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
}
.ProductGroupsMenu_btn__ZWRkv:hover {
  background-color: #005a96;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/Header/Header.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.Header_positionFixed__qW3ZU {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
}

.Header_wrapper__xE_0e {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .Header_wrapper__xE_0e {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .Header_wrapper__xE_0e {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Header_wrapper__xE_0e {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.Header_innerWrapper__YG1bQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ffffff;
}

.Header_logoPageTitleWrapper__Lie__ {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .Header_logoPageTitleWrapper__Lie__ {
    min-width: 0;
  }
}

.Header_logoWrapper__hyfvt {
  margin-right: 6px;
  flex: initial;
  height: 40px;
}

.Header_headline__5BJya {
  font-family: meta;
  font-size: 27px;
  letter-spacing: -0.95px;
  padding-top: 2px;
  color: #ff3200;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
  display: none;
}
@media only screen and (min-width: 1280px) {
  .Header_headline__5BJya {
    display: unset;
  }
}

.Header_menuWrapper__gQLqC {
  display: flex;
  justify-content: flex-end;
  height: 40px;
}

.Header_menu__1MHJY {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: right;
}

.Header_searchBarMobileWrapper__I1O7t {
  position: absolute;
  width: 100%;
  padding-top: 0.3125rem;
  padding-bottom: 0.5rem;
  background-color: #ffffff;
  z-index: 110;
  transition: all 0.5s linear;
}

.Header_searchBarMobileOn__rLhtw {
  top: calc(56px - 1px);
}

.Header_searchBarMobileOff__50NoY {
  top: 0;
  z-index: 1;
}

.Header_addContent__HesaS {
  display: flex;
  position: relative;
  flex-shrink: 1;
}

@media only screen and (max-width: 500px) {
  .Header_shrink__YbXzG {
    flex: 1 1;
  }
}

.Header_slideLeft__9yRs8 {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .Header_slideLeft__9yRs8 {
    display: flex;
    transition: margin-right 0.4s linear;
    margin-right: calc(75px + 10px);
  }
}

.Header_slideRight__AJmX1 {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .Header_slideRight__AJmX1 {
    display: flex;
    transition: margin-right 0.4s linear;
    transition-delay: calc(0.4s / 2);
  }
}

.Header_withoutTrustpilot__oC6vD {
  display: flex;
}

.Header_trustpilotIn__4_XjX {
  margin-left: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Header_trustpilotIn__4_XjX {
    position: absolute;
    right: 0;
    transition: margin-top 0.4s linear;
    transition-delay: calc(0.4s / 2);
  }
}

.Header_trustpilotOut__TBOjf {
  margin-left: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .Header_trustpilotOut__TBOjf {
    position: absolute;
    right: 0;
    transition: margin-top 0.4s linear;
    margin-top: -56px;
  }
}

.Header_trustpilotHeaderMobileComp__2Uehs {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 12px;
}

.Header_trustpilotHeaderMobile__q5TJL {
}

.Header_trustpilotHeaderMobileUSS__lpIR3 {
}

.Header_meliboTip__2Q3ep {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  z-index: 99999999999999;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Logo/Logo.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Logo_logo__T21r4 {
  width: 102px;
  height: 40px;
}

.Logo_logoLink__u2j_0 {
  display: block;
  height: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Trustpilot/TrustpilotSticky.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TrustpilotSticky_wrapper__p4ov1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 52px;
  height: 28px;
  padding: 2px;
  margin-top: 6px;
  background-color: #000000;
}
@media only screen and (min-width: 501px) {
  .TrustpilotSticky_wrapper__p4ov1 {
    width: 75px;
    height: 40px;
    padding: 4px;
    margin-top: unset;
  }
}

.TrustpilotSticky_wrapperMobile__u9x5T {
  width: 100%;
  background-color: #000000;
}

.TrustpilotSticky_logoWrapper__FM5rb {
  display: flex;
  width: calc(52px - ( 2 * 2px));
  height: 10px;
  padding-top: 1px;
}
@media only screen and (min-width: 501px) {
  .TrustpilotSticky_logoWrapper__FM5rb {
    height: 15px;
    width: calc(75px - ( 2 * 4px));
    padding-top: unset;
  }
}

.TrustpilotSticky_logo__C9LJI {
  height: inherit;
  width: inherit;
}

.TrustpilotSticky_starsWrapper__pk79s {
  display: flex;
}

.TrustpilotSticky_stars__iddYP {
  width: calc(52px - ( 2 * 2px));
  height: 10px;
  margin-top: 3px;
}
@media only screen and (min-width: 501px) {
  .TrustpilotSticky_stars__iddYP {
    width: calc(75px - ( 2 * 4px));
    height: 13px;
  }
}

.TrustpilotSticky_textSmall__sEkfX {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./components/Trustpilot/TrustpilotHeaderMobile.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TrustpilotHeaderMobile_outerWrapper__nv5V_ {
  position: relative;
}

.TrustpilotHeaderMobile_bgImage__sYKrw {
  align-self: center;
  flex-Shrink: 0;
  display: flex;
  position: relative;
  object-fit: contain;
  height: 28px;
  width: 100%;
}

.TrustpilotHeaderMobile_ratingValueWrapper__hURLZ {
  container-type: inline-size;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(11%);
  text-align: center;
}

.TrustpilotHeaderMobile_ratingValue__FII2G {
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: white;
  font-size: 5px;
  font-size: 29cqw;
}
@media only screen and (min-width: 370px) {
  .TrustpilotHeaderMobile_ratingValue__FII2G {
    font-size: 5.5px;
    font-size: 29cqw;
  }
}
@media only screen and (min-width: 380px) {
  .TrustpilotHeaderMobile_ratingValue__FII2G {
    font-size: 7px;
    font-size: 29cqw;
  }
}
@media only screen and (min-width: 390px) {
  .TrustpilotHeaderMobile_ratingValue__FII2G {
    font-size: 7.5px;
    font-size: 29cqw;
  }
}
@media only screen and (min-width: 400px) {
  .TrustpilotHeaderMobile_ratingValue__FII2G {
    font-size: 8px;
    font-size: 29cqw;
  }
}

.TrustpilotHeaderMobile_starsWrapper__eOAHj {
  display: none;
}

.TrustpilotHeaderMobile_logoWrapper__SX49U {
  display: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./container/CookieConsent/CookieConsent.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CookieConsent_overlay__cel76 {
  z-index: 2147483645;
}

.CookieConsent_origin__CiA9m {
}
@media only screen and (max-width: 927px) {
  .CookieConsent_origin__CiA9m {
    align-items: flex-end;
    padding-bottom: 0;
  }
}

.CookieConsent_wrapper__5aqaW {
}
@media only screen and (max-width: 927px) {
  .CookieConsent_wrapper__5aqaW {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
  }
}

.CookieConsent_pagelinks__o1X1G {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.625rem;
  margin-top: 0.625rem;
}

.CookieConsent_textLink__OpuNy {
  text-decoration: underline;
}

.CookieConsent_options__74c0X {
  margin-top: 1.25rem;
}

.CookieConsent_collapseWrapper__BK3lD {
  margin-bottom: 0.625rem;
  border: 1px solid #cecece;
}

.CookieConsent_collapseHandler__5_hly {
  display: flex;
  gap: 1.25rem;
  padding: 1.25rem;
}

.CookieConsent_collapseTitle__ER4Hj {
  cursor: pointer;
}

.CookieConsent_collapseHeadline__XfYBP {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.CookieConsent_collapseIcon__gM1OW {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.CookieConsent_icon__sQeFT {
  width: 0.75rem;
  height: 0.625rem;
  color: #64787d;
}

.CookieConsent_iconClose__q_SkS {
  transform: rotate(180deg);
}

.CookieConsent_checkboxWrapper__mx9Ic {
  align-items: center;
  margin-top: -0.3125rem;
}

.CookieConsent_collapseContent__2bbd9 {
  padding: 1.25rem;
  background-color: #f0f0f0;
}

.CookieConsent_ul__XSM7H {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0;
}

.CookieConsent_li__XHrv9 {
  position: relative;
  width: 100%;
  padding-left: 1.5625rem;
}
.CookieConsent_li__XHrv9::before {
  content: url(/_next/static/media/ico_tickmark.a03c57f6.svg);
  position: absolute;
  width: 0.875rem;
  left: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./styles/standard.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* evtl. zu gebrauchen ??? */
/* @mixin columnDist--left {

  // smart grid-distance
  padding-left: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-left: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-left: $col-distance-desktop;
  }
}

@mixin columnDist--right {

  // smart grid-distance
  padding-right: $col-distance-smart;
  @content;

  // tablet grid-distance
  @include break-tablet--portrait {
    padding-right: $col-distance-tablet;
  }

  // desktop grid-distance
  @include break-desktop {
    padding-right: $col-distance-desktop;
  }
} */
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottom .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-top .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-topRight .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow {
  width: 0.875rem;
  height: 0.5625rem;
  color: #64787d;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  cursor: pointer;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

button {
  padding: 0;
  outline: none;
  background: none;
  cursor: pointer;
  border: none;
  color: inherit;
}

input {
  background: none;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del,
dfn, em, img, ins, kbd, q, samp, small, .wp-caption, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, ::after, ::before, a, input {
  box-sizing: border-box;
}

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

p {
  margin: 0;
}

figure {
  margin: 0;
}

hr {
  margin: 0;
}

@font-face {
  font-family: brutalType;
  font-weight: normal;
  src: url("/static/fonts/brutal_reg.woff2") format("woff2"), url("/static/fonts/brutal_reg.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: brutalType;
  font-weight: 500;
  src: url("/static/fonts/brutal_med.woff2") format("woff2"), url("/static/fonts/brutal_med.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: brutalType;
  font-weight: bold;
  src: url("/static/fonts/brutal_bold.woff2") format("woff2"), url("/static/fonts/brutal_bold.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: meta;
  font-weight: bold;
  src: url("/static/fonts/metaWebPro-BoldIta.woff") format("woff");
  font-display: block;
}
h1 {
  font-size: 2.9375rem;
  font-weight: bold;
  line-height: 1.170212766;
  margin: 0;
}

h2 {
  font-size: 2.8125rem;
  font-weight: bold;
  line-height: 1.2222222222;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2333333333;
  }
}

h3 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.1428571429;
  margin: 0;
}

h4 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.25;
  margin: 0;
}

b {
  font-weight: 500;
}

strong {
  font-weight: bold;
}

.ql-align-left {
  text-align: left;
}

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

.ql-align-right {
  text-align: right;
}

.ql-align-justify {
  text-align: justify;
}

html {
  overflow-x: hidden;
  font-size: 100%;
}
@media only screen and (min-width: 1280px) {
  html {
    font-size: 75%;
  }
}
@media only screen and (min-width: 1600px) {
  html {
    font-size: 100%;
  }
}

body {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  font-family: brutalType, sans-serif;
  color: #282828;
  width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

video {
  vertical-align: bottom;
}

input[type=search]::-webkit-search-cancel-button {
  visibility: hidden;
  display: none;
}

.unit-padding--rl {
  max-width: 100.625rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media only screen and (min-width: 768px) {
  .unit-padding--rl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .unit-padding--rl {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.layout {
  min-height: 100vh;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  padding-bottom: 750px;
  padding-top: 56px;
}
@media only screen and (max-width: 767px) {
  .layout {
    padding-bottom: 0 !important;
  }
}

.layoutWtopMenu {
  min-height: 100vh;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  padding-bottom: 750px;
  padding-top: calc(56px + 3.5rem);
}
@media only screen and (max-width: 767px) {
  .layoutWtopMenu {
    padding-bottom: 0 !important;
  }
}

#check-mobile {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: fixed;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  #check-mobile {
    display: none;
  }
}

.backgroundTint {
  background-color: #f6f6f6;
}

.backgroundTintSmart {
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .backgroundTintSmart {
    background-color: #f6f6f6;
  }
}

div::-webkit-scrollbar {
  -webkit-appearance: none;
}

.fullWidth {
  width: 100%;
}

.posRel {
  position: relative;
}

.disFlex {
  display: flex;
}

.hidden {
  visibility: hidden;
  display: none;
}

@media only screen and (max-width: 500px) {
  .hidden-smart-portrait--only {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .hidden-smart--only {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (max-width: 1279px) {
  .hidden-smart2tablet {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .hidden-tablet {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .hidden-tablet--only {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (min-width: 1280px) {
  .hidden-desktop {
    visibility: hidden !important;
    display: none !important;
  }
}

.visible-smart--only {
  display: none;
}
@media only screen and (max-width: 767px) {
  .visible-smart--only {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {
  .visible-tablet {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .visible-tablet--only {
    display: block !important;
  }
}

@media only screen and (min-width: 1024px) {
  .visible-tablet--landscape {
    display: block !important;
  }
}

@media only screen and (min-width: 1280px) {
  .visible-desktop {
    display: block !important;
  }
}

.formLine {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 500px) {
  .formLine {
    flex-wrap: wrap;
  }
}

.singleElement {
  width: 100%;
}

.multiElements {
  width: 100%;
}
@media only screen and (min-width: 501px) {
  .multiElements {
    flex: 1 1;
  }
  .multiElements:first-child {
    margin-right: 0.625rem;
  }
  .multiElements:nth-child(3) {
    margin-left: 0.625rem;
  }
}

.tooltipWrapper {
  display: inline-block;
  min-height: 2.5rem;
}

.tooltipWrapper {
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  background-color: #ffffff;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5714285714;
}

.tooltipWrapperBelowHeader {
  z-index: 9997;
}

.tooltipWrapperAboveHeader {
  z-index: 100000000;
}

.tooltipErrorWrapper {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  position: absolute;
  color: #ffffff;
  background-color: #ff3200;
  border-radius: 0.3125rem;
}

.tooltipWrapperSticky {
  position: fixed;
}

.tooltipErrorWrapper.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-bottom .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-bottomRight .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-topLeft .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-top .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-topRight .rc-tooltip-arrow::before, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow::before, .rc-tooltip-placement-bottom .rc-tooltip-arrow::before, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow::before, .rc-tooltip-placement-topLeft .rc-tooltip-arrow::before, .rc-tooltip-placement-top .rc-tooltip-arrow::before, .rc-tooltip-placement-topRight .rc-tooltip-arrow::before {
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  width: 0.8125rem;
  height: 0.6875rem;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-bottom .rc-tooltip-arrow::before, .rc-tooltip-placement-bottom .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-bottomRight .rc-tooltip-arrow::before, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-topLeft .rc-tooltip-arrow::before, .rc-tooltip-placement-topLeft .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-top .rc-tooltip-arrow::before, .rc-tooltip-placement-top .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-topRight .rc-tooltip-arrow::before, .rc-tooltip-placement-topRight .rc-tooltip-arrow::before {
  background-image: url("/static/images/portals/sprite_trueColor/tooltip-arrow.svg");
  background-size: contain;
}

.tooltipErrorWrapper.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-bottom .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-bottomRight .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-topLeft .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-top .rc-tooltip-arrow::before, .tooltipErrorWrapper.rc-tooltip-placement-topRight .rc-tooltip-arrow::before {
  background-image: url("/static/images/portals/sprite_trueColor/tooltipError-arrow.svg");
}

.tooltipErrorWrapper.rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-top .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-topRight .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow {
  position: absolute;
  bottom: -0.5em;
}

.tooltipErrorWrapper.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottom .rc-tooltip-arrow, .tooltipErrorWrapper.rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  position: absolute;
  top: -0.7em;
}

.tooltipErrorWrapper.rc-tooltip-placement-topRight .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow {
  left: 0.5em;
}

.tooltipErrorWrapper.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 49%;
}
.tooltipErrorWrapper.rc-tooltip-placement-top .rc-tooltip-arrow::before, .rc-tooltip-placement-top .rc-tooltip-arrow::before {
  transform: translateX(-50%);
}

.tooltipErrorWrapper.rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  right: 0.5em;
}

.tooltipErrorWrapper.rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  left: 0.5em;
}
.tooltipErrorWrapper.rc-tooltip-placement-bottomRight .rc-tooltip-arrow::before, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow::before {
  transform: scaleY(-1);
}

.tooltipErrorWrapper.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 48%;
}
.tooltipErrorWrapper.rc-tooltip-placement-bottom .rc-tooltip-arrow::before, .rc-tooltip-placement-bottom .rc-tooltip-arrow::before {
  transform: scaleY(-1) translateX(-50%);
}

.tooltipErrorWrapper.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  right: 0.5em;
}
.tooltipErrorWrapper.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow::before, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow::before {
  transform: scaleY(-1);
}

.rdp-caption_label {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.rdp-nav .rdp-button {
  color: #282828;
}
.rdp-nav .rdp-button:hover {
  color: #187ce0;
  background-color: inherit !important;
}

.rdp-button[disabled]:not(.rdp-day_selected) {
  pointer-events: none;
}

.rdp-head_cell {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 1.3333333333 !important;
  color: #ababab;
}

.rdp-day_selected {
  background-color: #187ce0 !important;
  opacity: inherit;
}

.rdp-button:hover:not([disabled]):not(.rdp-day_selected):not(.rdp-nav_button) {
  background-color: rgba(0, 90, 150, 0.1019607843) !important;
}

/* Form field container */
.adyen-checkout__field {
  margin-bottom: 0.625rem !important;
}

.adyen-checkout__label {
  position: relative;
}

/* Text element inside the form label container */
.adyen-checkout__label__text {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  padding-left: 0.9375rem;
  padding-bottom: 0 !important;
  font-size: 1rem !important;
  font-weight: normal;
  line-height: 1.5 !important;
  color: #64787d !important;
  pointer-events: none;
}
.adyen-checkout__label__text:hover {
  cursor: text;
}

.adyen-checkout__label--filled .adyen-checkout__label__text,
.adyen-checkout__label--focused .adyen-checkout__label__text {
  display: none;
}

.adyen-checkout__input-wrapper {
  border-radius: 0 !important;
}
.adyen-checkout__input-wrapper:active, .adyen-checkout__input-wrapper:active:hover, .adyen-checkout__input-wrapper:focus-within, .adyen-checkout__input-wrapper:focus-within:hover {
  border-color: #282828 !important;
  box-shadow: none;
}

.adyen-checkout__input-wrapper .adyen-checkout__card__cardNumber__input {
  position: relative;
}
.adyen-checkout__input-wrapper .adyen-checkout__card__cardNumber__input::before {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 16px;
  background-image: url("/static/images/portals/Image_VISA_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 28px 16px;
}
.adyen-checkout__input-wrapper .adyen-checkout__card__cardNumber__input::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 16px;
  background-image: url("/static/images/portals/Image_Mastercard_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 21px 16px;
}
.adyen-checkout__input-wrapper[is-error=true] .adyen-checkout__input {
  border-color: #ff3200 !important;
}
.adyen-checkout__input-wrapper[is-error=true] .adyen-checkout__input.adyen-checkout__input--valid {
  border-color: #cecece !important;
}

/* Input fields */
.adyen-checkout__input {
  height: 2.5rem !important;
  font-size: 1rem !important;
  padding-left: 0.9375rem !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.adyen-checkout__input:hover {
  border-color: #282828 !important;
}
.adyen-checkout__input::placeholder {
  color: #64787d !important;
  font-weight: 400 !important;
}

/* Input field for the card number */
.adyen-checkout__card__cardNumber__input .js-iframe,
.adyen-checkout__card__cardNumber__input {
  height: 2.5rem !important;
  font-size: 0.75rem !important;
}

.adyen-checkout__card__cardNumber__input--focus {
  outline: none !important;
}

.adyen-checkout__input--error {
  border-color: #ff3200 !important;
  background-color: #fff5f0 !important;
}

.adyen-checkout__input--focus {
  border-color: #282828 !important;
  box-shadow: none !important;
}

.adyen-checkout__error-text {
  color: #ff3200 !important;
}

.adyen-checkout-input__inline-validation--invalid img {
  display: none;
}

.adyen-checkout__icon {
  vertical-align: super;
}

.adyen-checkout-input__inline-validation--invalid {
  background: url("/static/images/portals/sprite_trueColor/ico_warningRed.svg");
  background-repeat: no-repeat;
}

.adyen-checkout__loading-input__form {
  display: flex !important;
  flex-direction: column !important;
}

.adyen-checkout__card__holderName {
  order: 1;
  margin-top: 0.625rem !important;
}

.adyen-checkout__card__form {
  order: 2;
}

.adyen-checkout__card__cvc__hint__wrapper,
.adyen-checkout__card__cardNumber__brandIcon {
  display: none !important;
}

.adyen-checkout-form-instruction,
.adyen-checkout-contextual-text {
  display: none !important;
}

.adyen-checkout__label__text {
  display: none !important;
}

.adyenCardContainer {
  font-family: brutalType, sans-serif;
}
.adyenCardContainer .adyen-checkout__field {
  margin-bottom: unset !important;
}
.adyenCardContainer .adyen-checkout__card__form {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  order: 2;
}
.adyenCardContainer .adyen-checkout-form-instruction {
  display: none;
}
.adyenCardContainer .adyen-checkout__label__text {
  display: none;
  color: #64787d !important;
}
.adyenCardContainer .adyen-checkout__card__cardNumber__input {
  position: relative;
}
.adyenCardContainer .adyen-checkout__card__cardNumber__input::before {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 16px;
  background-image: url("/static/images/portals/Image_VISA_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 28px 16px;
}
.adyenCardContainer .adyen-checkout__card__cardNumber__input::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 16px;
  background-image: url("/static/images/portals/Image_Mastercard_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 21px 16px;
}
.adyenCardContainer .adyen-checkout-contextual-text {
  display: none;
}
.adyenCardContainer .adyen-checkout__input-wrapper {
  border-radius: 0;
}
.adyenCardContainer .adyen-checkout__input-wrapper:active, .adyenCardContainer .adyen-checkout__input-wrapper:active:hover, .adyenCardContainer .adyen-checkout__input-wrapper:focus-within, .adyenCardContainer .adyen-checkout__input-wrapper:focus-within:hover {
  border-color: #282828 !important;
  box-shadow: none;
}
.adyenCardContainer .adyen-checkout__field-wrapper {
  gap: 1.25rem;
}
.adyenCardContainer .adyen-checkout__field {
  margin: 0 !important;
}
.adyenCardContainer .adyen-checkout__card__holderName {
  padding-bottom: 1.25rem;
  margin-top: 0 !important;
}

.fastPayment__paypalWrapper {
  min-width: 90px;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fastPayment__paypalWrapper {
    min-width: 40px;
  }
}
.fastPayment__paypalWrapper .adyen-checkout__paypal__button {
  margin-bottom: 0;
}
.fastPayment__paypalWrapper .paypal-buttons-layout-horizontal {
  min-width: calc((100% / 12 * 4 ) - ( 2 * 0.625rem )) !important;
  height: 2.5rem !important;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__paypalWrapper .paypal-buttons-layout-horizontal {
    height: 30px !important;
    min-width: 100px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fastPayment__paypalWrapper .paypal-buttons-layout-horizontal {
    min-width: 134px !important;
    height: 2.5rem !important;
  }
}

.fastPayment__googlePayWrapper {
  min-width: 90px;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fastPayment__googlePayWrapper {
    min-width: 40px;
  }
}
.fastPayment__googlePayWrapper .adyen-checkout__paywithgoogle {
  height: max-content;
}
.fastPayment__googlePayWrapper .gpay-card-info-container-fill {
  height: 2.5rem !important;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__googlePayWrapper .gpay-card-info-container-fill {
    height: 30px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fastPayment__googlePayWrapper .gpay-card-info-container-fill {
    height: 2.5rem !important;
  }
}
.fastPayment__googlePayWrapper .gpay-card-info-container {
  min-width: calc((100% / 12 * 4 ) - ( 2 * 0.625rem )) !important;
  min-height: 2.5rem !important;
  outline: none !important;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__googlePayWrapper .gpay-card-info-container {
    min-width: 100px !important;
    min-height: 30px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fastPayment__googlePayWrapper .gpay-card-info-container {
    min-width: 134px !important;
    min-height: 2.5rem !important;
  }
}

.fastPayment__applePayWrapper {
  min-width: 90px;
  width: 100%;
  max-width: 100%;
  height: 2.5rem !important;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fastPayment__applePayWrapper {
    min-width: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .fastPayment__applePayWrapper {
    width: 100px !important;
    height: 30px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fastPayment__applePayWrapper {
    width: 134px !important;
    min-height: 2.5rem !important;
  }
}
.fastPayment__applePayWrapper .adyen-checkout__applepay__button {
  width: 100%;
  height: 2.5rem !important;
  border-radius: 30px;
  border: none;
  outline: none;
  -webkit-appearance: -apple-pay-button;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__applePayWrapper .adyen-checkout__applepay__button {
    width: 100px !important;
    height: 30px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fastPayment__applePayWrapper .adyen-checkout__applepay__button {
    width: 134px !important;
    height: 2.5rem !important;
  }
}

.fastPayment__amazonPayWrapper {
  max-width: 90px !important;
  height: 2.5rem !important;
}
@media only screen and (min-width: 501px) {
  .fastPayment__amazonPayWrapper {
    max-width: 200px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .fastPayment__amazonPayWrapper {
    max-width: 60px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .fastPayment__amazonPayWrapper {
    max-width: 100px !important;
    height: 30px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fastPayment__amazonPayWrapper {
    width: 134px !important;
    min-height: 2.5rem !important;
  }
}

.fastPayment__amazonPayWrapper_noApplePay {
  max-width: 125px;
  height: 2.5rem !important;
}
@media only screen and (min-width: 1024px) and (max-width: 1180px) {
  .fastPayment__amazonPayWrapper_noApplePay {
    max-width: 80px !important;
  }
}
@media only screen and (min-width: 1180px) and (max-width: 1279px) {
  .fastPayment__amazonPayWrapper_noApplePay {
    max-width: 90px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .fastPayment__amazonPayWrapper_noApplePay {
    width: 134px !important;
    max-width: 134px !important;
    height: 30px !important;
  }
}
@media only screen and (min-width: 1600px) {
  .fastPayment__amazonPayWrapper_noApplePay {
    width: 134px !important;
    min-height: 2.5rem !important;
  }
}