/*genrated on 2026-09-02 14:57:07************************/
/* outfit-200 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-200.woff2') format('woff2');
}
/* outfit-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-300.woff2') format('woff2');
}
/* outfit-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-regular.woff2') format('woff2');
}
/* outfit-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-500.woff2') format('woff2');
}
/* outfit-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-600.woff2') format('woff2');
}
/* outfit-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-700.woff2') format('woff2');
}
/* outfit-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-800.woff2') format('woff2');
}
/* jost-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('/_libs/fonts/google/jost-v19-latin-300.woff2') format('woff2');
}
/* jost-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('/_libs/fonts/google/jost-v19-latin-300italic.woff2') format('woff2');
}
/* jost-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('/_libs/fonts/google/jost-v19-latin-regular.woff2') format('woff2');
}
/* jost-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('/_libs/fonts/google/jost-v19-latin-italic.woff2') format('woff2');
}
/* jost-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('/_libs/fonts/google/jost-v19-latin-500.woff2') format('woff2');
}
/* jost-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('/_libs/fonts/google/jost-v19-latin-500italic.woff2') format('woff2');
}
/* jost-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('/_libs/fonts/google/jost-v19-latin-600.woff2') format('woff2');
}
/* jost-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  src: url('/_libs/fonts/google/jost-v19-latin-600italic.woff2') format('woff2');
}
/*Wichtig: Nur hier die Schriftart/Größe für Editor setzen*/
td,
body {
  color: #35414d;
  font-weight: 400;
  font-family: 'Outfit';
  line-height: 21px;
  font-size: 15px;
}
table {
  width: 100%;
}
td {
  padding: 0px;
  vertical-align: top;
}
a img {
  border: none;
}
a {
  color: #000000;
}
h1 {
  font-size: 31px;
  line-height: 35px;
  font-weight: 600;
  color: #142B52;
  margin-top: 0px;
  margin-bottom: 6px;
}
h2 {
  margin-top: 0px;
  letter-spacing: 1.30px;
  color: #142B52;
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
  margin-bottom: 20px;
}
ul {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  margin: 9px 0px 9px 5px;
}
li {
  list-style: none;
  background: url("/_skins/base/images/ico_li.svg");
  background-position: 0px 9px;
  background-repeat: no-repeat;
  background-size: 14px auto;
  padding: 1px 0px 1px 22px;
}
p {
  margin-top: 6px;
  margin-bottom: 6px;
}
/* outfit-200 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-200.woff2') format('woff2');
}
/* outfit-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-300.woff2') format('woff2');
}
/* outfit-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-regular.woff2') format('woff2');
}
/* outfit-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-500.woff2') format('woff2');
}
/* outfit-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-600.woff2') format('woff2');
}
/* outfit-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-700.woff2') format('woff2');
}
/* outfit-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('/_libs/fonts/google/outfit-v15-latin_latin-ext-800.woff2') format('woff2');
}
/* jost-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('/_libs/fonts/google/jost-v19-latin-300.woff2') format('woff2');
}
/* jost-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('/_libs/fonts/google/jost-v19-latin-300italic.woff2') format('woff2');
}
/* jost-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('/_libs/fonts/google/jost-v19-latin-regular.woff2') format('woff2');
}
/* jost-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('/_libs/fonts/google/jost-v19-latin-italic.woff2') format('woff2');
}
/* jost-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('/_libs/fonts/google/jost-v19-latin-500.woff2') format('woff2');
}
/* jost-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('/_libs/fonts/google/jost-v19-latin-500italic.woff2') format('woff2');
}
/* jost-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('/_libs/fonts/google/jost-v19-latin-600.woff2') format('woff2');
}
/* jost-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  src: url('/_libs/fonts/google/jost-v19-latin-600italic.woff2') format('woff2');
}
#cookieInfo {
  bottom: 10px !important;
  left: 20px !important;
  right: 20px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0) !important;
  background-color: transparent !important;
  border-top: none !important;
  font-family: 'Jost' !important;
}
#cookieInfo .button {
  font-family: 'Jost' !important;
}
#cookieInfo .GeneralInfos .GeneralInfos_inlay::after {
  display: none;
}
.GeneralInfos {
  max-width: 100% !important;
  border-radius: 20px;
  background-color: #ffffff !important;
  display: flex !important;
  align-items: center;
}
.GeneralInfos .GeneralInfos_inlay {
  background-color: transparent !important;
  max-width: 1240px;
}
#cookieInfo::after {
  height: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  content: '';
}
body,
html {
  font-family: 'Outfit';
  margin: 0px;
  padding: 0px;
}
body:not(.site_id_63):not(.site_id_64) {
  font-size: 17px;
  line-height: 26px;
  min-height: 100%;
  color: #3c3c3c;
}
body.site_id_63,
body.site_id_64 {
  min-height: 100%;
  color: #3c3c3c;
}
body.site_id_63 .intercomDialog,
body.site_id_64 .intercomDialog,
body.site_id_63 .intercom-lightweight-app,
body.site_id_64 .intercom-lightweight-app {
  display: none;
}
body,
html {
  overflow-x: clip;
}
@supports not (overflow: clip) {
  body,
  html {
    overflow-x: hidden;
  }
}
.containerBgd {
  background-image: url("/_skins/base/images/bgd_start.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 100vh;
}
body.site_id_1.site_level_1 .containerBgd {
  display: none;
}
.BodyHolder {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  float: left;
}
/*useful config (don't delete)*/
.loading a {
  pointer-events: none;
}
html {
  overflow-y: scroll;
}
span a {
  cursor: pointer;
}
form {
  margin: 0px;
}
a {
  outline: none;
  color: #009ee0;
}
/* Basis layout */
div,
a,
span,
section {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.containerConfigurator .configurator-main .configurator-config {
  transform: translateY(100vh) !important;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
  transition-property: transform;
}
.compactHeader body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.compactHeader .container,
.compactHeader .cms-section .boxed {
  max-width: 100vw !important;
}
.compactHeader .config-section.controller-section .config-options .config-option > svg {
  top: auto;
}
.compactHeader .configurator-main .configurator-config {
  padding-top: 125px !important;
  transform: translateY(0vh) !important;
}
.compactHeader .configurator-main {
  height: auto !important;
  min-height: 100vh;
}
.compactHeader .configurator-main .product-image {
  display: flex !important;
  max-width: 100vw !important;
  max-height: 720px !important;
}
.compactHeader .configurator-main .icon > svg {
  top: auto !important;
}
.compactHeader .configurator-main .config-section h3 {
  font-size: 18px !important;
  line-height: 26px !important;
}
.compactHeader .summary .selection-info-container h3 {
  color: #FFF !important;
  line-height: 20px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.compactHeader .summary .add-to-cart-container .cart-info h3 {
  color: #FFF !important;
  line-height: 20px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.compactHeader .summary .add-to-cart-container .cart-info span.caption,
.compactHeader .summary .add-to-cart-container .cart-info span.value {
  line-height: 20px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.compactHeader .summary .add-to-cart-container .cart-info span.value {
  max-width: 150px !important;
  justify-content: right;
}
@media only screen and (max-width: 869px) {
  .compactHeader .configurator-main .configurator-preview {
    top: 65px !important;
  }
  .compactHeader .cms-section .cms-block-container {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .compactHeader .configurator-main .config-section h3 {
    font-size: 16px !important;
    line-height: 26px !important;
  }
  .compactHeader .configurator-main .config-section h3 span {
    font-size: 14px !important;
    line-height: 26px !important;
  }
}
#cartNotEmpty {
  position: fixed !important;
  margin: auto;
  z-index: 999;
  left: 0;
  right: 0;
  padding: 10px;
  max-width: 500px;
}
.overlay {
  background-color: rgba(18, 39, 65, 0.9);
  z-index: 99;
  display: none;
}
#cartNotEmpty::after {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  filter: drop-shadow(0px 0px 20px rgba(12, 50, 86, 0.1));
  transition: opacity 0.4s ease;
  z-index: -1;
}
.overlayBox {
  /*header*/
  /*.content*/
}
.overlayBox div.header,
.overlayBox div.content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #FFF;
  padding: 25px;
  width: 100%;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 20px rgba(12, 50, 86, 0.1));
}
.overlayBox div.header {
  float: left;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  letter-spacing: 0.3px;
  font-size: 16px;
  padding: 5px 25px 5px 25px;
  text-transform: uppercase;
  color: #fff;
  background-color: #142b52;
  font-weight: 900;
}
.overlayBox .content .contentInner {
  line-height: 28px;
}
.overlayBox .content .contentInner .btnInner {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  padding: 0 20px;
  letter-spacing: 0.4px;
  font-family: 'Outfit';
}
.overlayBox .content .contentInner .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.overlayBox .content .button {
  float: left;
  margin-top: 20px;
}
/*.overlayBox */
.cartEmpty.buttonArea {
  min-height: 300px;
  /*.btn_addCart */
}
.cartEmpty.buttonArea .button {
  width: auto;
  height: 35px;
  line-height: 35px;
  display: flex;
  max-width: 210px;
  width: 100%;
}
.cartEmpty.buttonArea .button .btnInner {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Outfit';
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  letter-spacing: 0.4px;
}
.cartEmpty.buttonArea .button .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.shop-cart-cart,
.mainOrderCart {
  width: 100%;
}
.mainOrder .mainCartContainer {
  max-width: 1570px;
  margin: 50px auto;
  padding: 0 20px;
}
.mainOrder .mainCartContainer h2 {
  letter-spacing: 0.5px;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 10px;
}
.mainOrder .mainCartContainer .cartHeader {
  display: flex;
  justify-content: space-between;
}
.mainOrder .mainCartContainer .button_grey {
  font-size: 14px;
  font-weight: 600;
  width: fit-content;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #9b9b9b;
  padding: 0 20px;
  letter-spacing: 0.4px;
  font-family: 'Outfit';
}
.mainOrder .mainCartContainer .button_grey:hover {
  background-color: #009ee0;
}
.mainCartContainer {
  display: flex;
  margin: 0 0 50px 0;
}
.mainCartContainer .mainCart {
  width: 100%;
  padding-right: 40px;
  max-width: calc(100% - 500px);
}
.mainCartContainer .mainCart .mainCart_Selection {
  display: flex;
  margin: 0 0 40px 0;
  justify-content: space-between;
}
.mainCartContainer .mainCart .mainCart_Selection .payment_Selection,
.mainCartContainer .mainCart .mainCart_Selection .delivery_Selection {
  width: calc(50% - 20px);
  text-align: left;
  border: 1px dashed #d5d5d5;
  padding: 15px 20px;
  border-radius: 10px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.mainCartContainer .mainCart .mainCart_Selection .payment_Selection:hover,
.mainCartContainer .mainCart .mainCart_Selection .delivery_Selection:hover {
  border: 1px solid #e4e4e4;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.mainCartContainer .mainCart .mainCart_Address {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
  justify-content: space-between;
  /*.requiredInfo*/
}
.mainCartContainer .mainCart .mainCart_Address .delivery_newForm,
.mainCartContainer .mainCart .mainCart_Address .delivery_Selection {
  width: calc(100% - 0px);
  text-align: left;
  padding: 15px 20px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.mainCartContainer .mainCart .mainCart_Address .delivery_Selection {
  max-width: 800px;
}
.mainCartContainer .mainCart .mainCart_Address .delivery_Selection .panelArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mainCartContainer .mainCart .mainCart_Address .delivery_newForm {
  max-width: 570px;
  max-width: calc(100% - 800px);
}
.mainCartContainer .mainCart .mainCart_Address .requiredInfo {
  font-size: 12px;
  font-style: italic;
}
.mainCartContainer .mainCart .mainCart_Address .buttonArea {
  display: flex;
}
.mainCartContainer .mainCart .mainCart_Address .buttonArea .leftArea {
  margin-right: 10px;
}
.mainCartContainer .mainCart .mainCart_Address .btnInner {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  padding: 0 20px;
  letter-spacing: 0.4px;
  margin: 20px 0 0 0;
  font-family: 'Outfit';
}
.mainCartContainer .mainCart .mainCart_Address .btnInner.btnInnerBlack {
  background-color: #333;
}
.mainCartContainer .mainCart .siteConfirmation.orderCheckout {
  display: flex;
  width: 100%;
  margin-bottom: 50px;
}
.mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelOptions {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelLeft,
.mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelRight {
  width: calc(50% - 20px);
  text-align: left;
  border: 1px dashed #d5d5d5;
  padding: 15px 20px;
  border-radius: 10px;
}
.mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelLeft .button_grey,
.mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelRight .button_grey {
  margin: 20px 0 0 0;
}
.mainCartContainer .infoCartPricing {
  width: 500px;
}
.mainCartContainer .infoCartPricing .shop-order-confirmation_summary {
  height: 100%;
}
.mainCartContainer .infoCartPricing .shop-order-confirmation_summary form {
  height: 100%;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner {
  border-radius: 10px;
  padding: 20px;
  background-color: #f3f3f3;
  position: sticky;
  top: 90px;
  text-align: left;
  /*.infoRemarks*/
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .row {
  padding: 3px 5px;
  display: flex;
  border-top: 1px dashed #999;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 30px;
  align-items: center;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .row.rowFirst {
  border: none;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .row.rowFinal {
  border-top: 1px solid #999;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .row.row_last .value {
  font-weight: 600;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .row div {
  width: 50%;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .row div.caption {
  font-weight: 500;
  display: flex;
  justify-content: start;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .row div.value {
  width: 50%;
  display: flex;
  justify-content: end;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon {
  width: 100%;
  margin-top: 20px;
  display: block;
  float: left;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon.customerAddonLast {
  margin-top: 10px;
  margin-bottom: 20px;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon.customerAddonDate .field span {
  display: flex;
  align-content: center;
  align-items: center;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon.customerAddonDate .field span input {
  max-width: 70px;
  text-align: center;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon.customerAddonDate .field span #DesiredDeliveryDate_day,
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon.customerAddonDate .field span #DesiredDeliveryDate_month {
  max-width: 45px;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon .caption {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 24px;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon .txt {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 21px;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon .field input {
  float: left;
  background-color: #fff;
  border: none;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #b9b4b4;
  font-family: 'Jost';
  text-transform: none;
  font-size: 16px;
  font-weight: 300;
  color: #bdbdbd;
  text-align: left;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .customerAddon .field.notEmptyInput input {
  color: #333;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .ConfirmContract {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 21px;
  width: 100%;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .infoRemarks {
  width: 100%;
  height: 200px;
  margin: 30px 0px 10px 0px;
  float: left;
  text-align: left;
  /*textarea*/
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .infoRemarks label {
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 21px;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .infoRemarks textarea {
  width: 100%;
  height: 180px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #b9b4b4;
  font-family: 'Jost';
  resize: none;
  color: #808080;
  font-size: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .infoRemarks textarea:focus {
  border-color: #000;
}
.mainCartContainer .infoCartPricing .infoCartPricingInner .infoContainer {
  display: none;
}
.mainCartContainer.mainCartContainer_Address .mainCart {
  width: 100%;
  padding-right: 0px;
  max-width: 100%;
}
.mainCartContainer.mainCartContainer_Address .mainCart div.ccm_form .panelCaption {
  margin-top: 0px;
}
.mainCartContainer h2 {
  letter-spacing: 1px;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  margin-bottom: 15px;
}
.siteFinished.orderCheckout .buttonArea {
  display: flex;
  margin-bottom: 30px;
  /*.btn_addCart */
}
.siteFinished.orderCheckout .buttonArea .button {
  width: auto;
  height: 35px;
  line-height: 35px;
  display: flex;
  max-width: 210px;
  width: 100%;
}
.siteFinished.orderCheckout .buttonArea .button.buttonRight {
  margin-left: 20px;
}
.siteFinished.orderCheckout .buttonArea .button .btnInner {
  font-weight: 700;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Outfit';
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.4px;
}
.siteFinished.orderCheckout .buttonArea .button .btnInner.btnInnerBlack {
  background-color: #393939;
  color: #FFF;
}
.siteFinished.orderCheckout .buttonArea .button .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#footerbottom .inlay {
  max-width: 1570px;
  padding: 0 20px;
  justify-content: space-between;
  display: flex;
  font-size: 13px;
  margin: 0 auto 30px auto;
}
#footerbottom .inlay .right a {
  color: #333;
  text-decoration: underline;
  margin: 0 10px;
}
.intercom-lightweight-app {
  visibility: hidden;
}
body.scrollBody .intercom-lightweight-app {
  visibility: visible;
}
#BodyContainer.compactHeader div#topContainer,
#BodyContainer.scroll div#topContainer,
#BodyContainer.compactHeader div#topContainer div#top,
#BodyContainer.scroll div#topContainer div#top {
  width: 100%;
  height: 73px;
}
#BodyContainer.compactHeader div#topContainer::before,
#BodyContainer.scroll div#topContainer::before {
  background-color: #fff;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: box-shadow, background-color, height;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
#BodyContainer.compactHeader div#topContainer,
#BodyContainer.scroll div#topContainer {
  background-color: transparent;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: box-shadow, background-color, height;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
#BodyContainer.compactHeader div#topContainer div#top #topLine,
#BodyContainer.scroll div#topContainer div#top #topLine {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transition-duration: .3s;
  transition-timing-function: ease;
  transition-property: max-height,padding;
}
#BodyContainer.compactHeader div#topContainer div#navigation .navbutton span.title,
#BodyContainer.scroll div#topContainer div#navigation .navbutton span.title {
  color: #142b52;
}
#BodyContainer.compactHeader div#topContainer .productNavigation .level_inner_1 .navbutton span.title,
#BodyContainer.scroll div#topContainer .productNavigation .level_inner_1 .navbutton span.title {
  color: #142b52;
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
#BodyContainer.compactHeader div#topContainer .productNavigation .level_inner_1 .navbutton span.title .icon_subgroup svg path,
#BodyContainer.scroll div#topContainer .productNavigation .level_inner_1 .navbutton span.title .icon_subgroup svg path {
  fill: #142b52;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#BodyContainer.compactHeader div#topContainer .menuBtn,
#BodyContainer.scroll div#topContainer .menuBtn {
  background: #142b52;
}
#BodyContainer.compactHeader div#topContainer div#top .actionbar .miniCart .amount,
#BodyContainer.scroll div#topContainer div#top .actionbar .miniCart .amount {
  color: #3A3A3A;
}
#BodyContainer.compactHeader div#topContainer div#top .logo svg path,
#BodyContainer.scroll div#topContainer div#top .logo svg path {
  fill: #142b52;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
#BodyContainer.compactHeader div#topContainer div#top .actionbar .languagepick svg path,
#BodyContainer.scroll div#topContainer div#top .actionbar .languagepick svg path {
  fill: #3A3A3A;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#BodyContainer.compactHeader div#topContainer div#top .actionbar .languagepick,
#BodyContainer.scroll div#topContainer div#top .actionbar .languagepick {
  border-color: transparent;
  transition: border-color 0.2s ease 0s;
}
#BodyContainer.compactHeader div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode,
#BodyContainer.scroll div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode {
  color: #3A3A3A;
}
#BodyContainer.compactHeader div#topContainer div#top .actionbar .f_icon a svg path,
#BodyContainer.scroll div#topContainer div#top .actionbar .f_icon a svg path {
  fill: #3A3A3A;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
#BodyContainer.compactHeader div#topContainer div#top #topLine .headLink a,
#BodyContainer.scroll div#topContainer div#top #topLine .headLink a {
  color: #3A3A3A;
}
#BodyContainer.compactHeader div#topContainer div#top #topLine .headLink a.accountLink,
#BodyContainer.scroll div#topContainer div#top #topLine .headLink a.accountLink {
  color: #FFF;
}
#BodyContainer.compactHeader div#topContainer div#top #topLine .headLink span,
#BodyContainer.scroll div#topContainer div#top #topLine .headLink span {
  color: #3A3A3A;
}
#BodyContainer.compactHeader div#topContainer div#top #topLine .phone,
#BodyContainer.scroll div#topContainer div#top #topLine .phone {
  color: #3A3A3A;
}
#BodyContainer.compactHeader div#topContainer div#top #topLine .phone svg path,
#BodyContainer.scroll div#topContainer div#top #topLine .phone svg path {
  fill: #00A992;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
#BodyContainer.compactHeader div#topContainer div#top #topLine .phone:hover,
#BodyContainer.scroll div#topContainer div#top #topLine .phone:hover {
  color: #00a992;
}
#BodyContainer.compactHeader div#topContainer div#top .logo,
#BodyContainer.scroll div#topContainer div#top .logo {
  width: 90px;
  margin-right: 80px;
  margin-bottom: 0px;
  margin-top: 0px;
  z-index: 9;
}
#BodyContainer.compactHeader .nav_wrap,
#BodyContainer.scroll .nav_wrap {
  position: relative;
}
#BodyContainer.compactHeader .nav_wrap #nav_wrapper,
#BodyContainer.scroll .nav_wrap #nav_wrapper {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
#BodyContainer.compactHeader .sigGold,
#BodyContainer.scroll .sigGold {
  transform: translateX(300px);
  transition: transform .4s ease 0s;
}
.containerInlaySpacer {
  min-height: 335px;
  width: 100%;
  display: block;
  position: relative;
  z-index: -1;
}
.containerInlaySpacer.containerInlayStartSpacer {
  min-height: 100vh;
}
.containerInlaySpacer.containerInlayStartSpacer .txtStage {
  position: absolute;
  top: 35vh;
  left: 0;
  right: 0;
  z-index: 0;
  max-width: 1500px;
  padding: 25px 20px 5px 20px;
  margin: 0 auto;
  transform: translateY(0);
  will-change: transform;
  color: #FFF;
  text-transform: uppercase;
  font-size: 80px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  font-weight: 600;
  line-height: 100px;
}
.containerInlaySpacer.containerInlayStartSpacer .txtStage span {
  justify-content: left;
  width: 100%;
  display: flex;
}
.containerInlaySpacer.containerInlayStartSpacer .txtStage span.bot {
  font-size: 130px;
  letter-spacing: 5px;
  transform: translateX(-4px);
}
.containerInlaySpacer.containerInlayStartSpacer .sigGold {
  position: absolute;
  bottom: 17px;
  right: 0;
  display: block;
  background-color: #142b52;
  height: 120px;
  width: 300px;
  border-radius: 80px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 7px;
  transition: transform .4s ease 0.5s;
}
.containerInlaySpacer.containerInlayStartSpacer .sigGold img {
  height: 100%;
  width: auto;
  display: block;
}
.containerInlaySpacer.containerInlayConfigurator {
  display: none;
}
.containerInlaySpacer .middle {
  padding-bottom: 0;
}
video#bgvid {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
video#bgvid {
  /*object-fit: contain;*/
  /*       object-fit: fill; */
  object-fit: cover;
  width: 100%;
  height: 100%;
}
div.container {
  text-align: left;
  width: 100%;
  min-height: calc(30vh - 470px);
  display: block;
  float: left;
  z-index: 1;
  background-color: #FFFFFF;
  position: relative;
  height: 100%;
  padding-top: 70px;
}
div.container .containerLine {
  height: 130px;
  position: absolute;
  left: 0;
  max-width: 48vw;
  top: -130px;
  display: block;
  width: 100vw;
  background-color: #FFF;
}
div.container .containerLine.containerLineSub {
  height: 48px;
  top: -47px;
}
div.container .containerLine::after {
  background-image: url("/_skins/base/images/icon_headerline.svg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 136px;
  position: absolute;
  right: -190px;
  max-width: 50vw;
  top: 0px;
  display: block;
  width: 200px;
  content: '';
}
div.container .containerLine.containerLineSub::after {
  background-image: url("/_skins/base/images/icon_headerline_sub.svg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 48px;
  position: absolute;
  right: -70px;
  max-width: 50vw;
  width: 71px;
}
div.container div.containerInlay {
  text-align: left;
  width: 100%;
  max-width: 1505px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
div.container div.containerInlay .introduction {
  display: flex;
  flex-wrap: wrap;
  max-width: 1500px;
  padding: 0 20px;
  margin: 0 auto 90px auto;
  justify-content: space-between;
}
div.container div.containerInlay .introduction .leftPart {
  width: 100%;
  width: 710px;
  max-width: calc(100% - 595px);
  letter-spacing: 0.5px;
  font-size: 18px;
  line-height: 28px;
  margin-right: auto;
}
div.container div.containerInlay .introduction .leftPart h1 {
  font-weight: 600;
  letter-spacing: 1.3px;
  font-size: 44px;
  line-height: 50px;
  margin-bottom: 25px;
}
div.container div.containerInlay .introduction .rightPart {
  background-image: url("/_skins/base/images/icon_exclusive.svg");
  background-position: right 20px bottom 20px;
  background-repeat: no-repeat;
  background-size: 75px auto;
  max-width: calc(100% - 770px);
  display: flex;
  border-radius: 20px;
  padding: 30px 120px 30px 30px;
  background-color: #142b52;
  color: #FFF;
  text-align: left;
  letter-spacing: 0.50px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}
div.container div.containerInlay .introduction .rightPart strong {
  font-weight: 500;
  position: relative;
  color: #009ee0;
  color: #26bfff;
}
div.container div.containerInlay .introduction .rightPart a {
  color: #26bfff;
}
div.container div.containerInlay.containerInlayWide {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.siteInfo {
  width: 100%;
  position: relative;
  /*.breadCrumb*/
}
.siteInfo .breadCrumb {
  width: auto;
  display: flex;
  align-content: center;
  height: 30px;
  line-height: 30px;
  margin: 0px 0px 0px 0px;
  letter-spacing: 0.4px;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
  position: absolute;
  top: -90px;
  left: 0;
}
.siteInfo .breadCrumb .crumb {
  background-image: url("/_skins/base/images/icon_breadcrumb.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  display: flex;
  align-content: center;
  position: relative;
  padding-right: 17px;
  margin-right: 10px;
  text-decoration: none;
  color: #414141;
}
.siteInfo .breadCrumb .crumb.crumbLast {
  background-image: none;
}
.siteInfo .breadCrumb a:hover {
  text-decoration: underline;
  color: #009ee0;
}
/*.topInfo*/
.productDetail {
  margin-bottom: 100px;
  /*.topInfo*/
}
.productDetail .topInfo {
  width: 100%;
  position: relative;
  /*.breadCrumb*/
}
.productDetail .topInfo .breadCrumb {
  width: auto;
  display: flex;
  align-content: center;
  height: 30px;
  line-height: 30px;
  margin: 0px 0px 0px 0px;
  letter-spacing: 0.4px;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
  position: absolute;
  top: -90px;
  left: 0;
}
.productDetail .topInfo .breadCrumb .crumb {
  background-image: url("/_skins/base/images/icon_breadcrumb.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  display: flex;
  align-content: center;
  position: relative;
  padding-right: 17px;
  margin-right: 10px;
}
.productDetail .topInfo .breadCrumb .crumb.crumbLast {
  background-image: none;
}
.container#containerRegister.notLogged {
  padding-bottom: 50px;
}
.container#containerRegister.notLogged .containerInlay {
  max-width: 1200px;
}
.container#containerRegister.notLogged .containerInlay .registerForm {
  padding-left: 50px;
}
.container#containerRegister.notLogged .loginMask {
  flex-wrap: wrap;
  justify-content: end;
}
.container#containerRegister.notLogged .loginMask .panelLeft {
  backdrop-filter: blur(0px);
  border-radius: 10px;
  padding: 20px;
  background-color: #f3f3f3;
  max-width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container#containerRegister.notLogged .loginMask .panelLeft .loginfields {
  max-width: 210px;
}
.container#containerRegister.notLogged .loginMask .panelLeft .panelCaption {
  max-width: 210px;
  width: 100%;
}
.container#containerRegister.notLogged .loginMask .panelRight {
  flex-direction: unset;
  backdrop-filter: none;
  justify-content: center;
  border-radius: 10px;
  max-width: 300px;
  text-align: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.container#containerRegister.notLogged .loginMask .button {
  margin: 0;
}
.container#containerLogin,
.container#containerRegister,
.container#containerProduct,
.container#containerProductList,
.container#containerBlogArticle,
.container#containerWaiting {
  padding-top: 55px;
}
.container#containerLogin .containerInlay,
.container#containerRegister .containerInlay,
.container#containerProduct .containerInlay,
.container#containerProductList .containerInlay,
.container#containerBlogArticle .containerInlay,
.container#containerWaiting .containerInlay {
  text-align: left;
  width: 100%;
  max-width: 1505px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
}
.container#containerLogin .containerInlay .stockInfo,
.container#containerRegister .containerInlay .stockInfo,
.container#containerProduct .containerInlay .stockInfo,
.container#containerProductList .containerInlay .stockInfo,
.container#containerBlogArticle .containerInlay .stockInfo,
.container#containerWaiting .containerInlay .stockInfo {
  width: 100%;
  margin-bottom: 15px;
}
.container#containerLogin .containerInlay .stockInfo .stock,
.container#containerRegister .containerInlay .stockInfo .stock,
.container#containerProduct .containerInlay .stockInfo .stock,
.container#containerProductList .containerInlay .stockInfo .stock,
.container#containerBlogArticle .containerInlay .stockInfo .stock,
.container#containerWaiting .containerInlay .stockInfo .stock {
  background: #d8f3df 0% 0% no-repeat padding-box;
  border-radius: 4px;
  height: 25px;
  display: flex;
  padding: 0 10px 0 20px;
  letter-spacing: 0.3px;
  color: #5E5E5E;
  font-size: 10px;
  font-weight: 600;
  position: relative;
  align-content: center;
  display: none;
  max-width: fit-content;
}
.container#containerLogin .containerInlay .stockInfo .stock.showFlag,
.container#containerRegister .containerInlay .stockInfo .stock.showFlag,
.container#containerProduct .containerInlay .stockInfo .stock.showFlag,
.container#containerProductList .containerInlay .stockInfo .stock.showFlag,
.container#containerBlogArticle .containerInlay .stockInfo .stock.showFlag,
.container#containerWaiting .containerInlay .stockInfo .stock.showFlag {
  display: flex;
}
.container#containerLogin .containerInlay .stockInfo .stock.notAvailable,
.container#containerRegister .containerInlay .stockInfo .stock.notAvailable,
.container#containerProduct .containerInlay .stockInfo .stock.notAvailable,
.container#containerProductList .containerInlay .stockInfo .stock.notAvailable,
.container#containerBlogArticle .containerInlay .stockInfo .stock.notAvailable,
.container#containerWaiting .containerInlay .stockInfo .stock.notAvailable {
  background: #e42d40;
  color: #FFF;
}
.container#containerLogin .containerInlay .stockInfo .stock.onOrder,
.container#containerRegister .containerInlay .stockInfo .stock.onOrder,
.container#containerProduct .containerInlay .stockInfo .stock.onOrder,
.container#containerProductList .containerInlay .stockInfo .stock.onOrder,
.container#containerBlogArticle .containerInlay .stockInfo .stock.onOrder,
.container#containerWaiting .containerInlay .stockInfo .stock.onOrder {
  background: #6a3b80;
  color: #FFF;
}
.container#containerLogin .containerInlay .stockInfo .stock.fewAvailable,
.container#containerRegister .containerInlay .stockInfo .stock.fewAvailable,
.container#containerProduct .containerInlay .stockInfo .stock.fewAvailable,
.container#containerProductList .containerInlay .stockInfo .stock.fewAvailable,
.container#containerBlogArticle .containerInlay .stockInfo .stock.fewAvailable,
.container#containerWaiting .containerInlay .stockInfo .stock.fewAvailable {
  background: #ece415;
  color: #242424;
}
.container#containerLogin .containerInlay .stockInfo .stock span,
.container#containerRegister .containerInlay .stockInfo .stock span,
.container#containerProduct .containerInlay .stockInfo .stock span,
.container#containerProductList .containerInlay .stockInfo .stock span,
.container#containerBlogArticle .containerInlay .stockInfo .stock span,
.container#containerWaiting .containerInlay .stockInfo .stock span {
  height: 25px;
  display: flex;
  align-content: center;
}
.container#containerLogin .containerInlay .stockInfo .stock::after,
.container#containerRegister .containerInlay .stockInfo .stock::after,
.container#containerProduct .containerInlay .stockInfo .stock::after,
.container#containerProductList .containerInlay .stockInfo .stock::after,
.container#containerBlogArticle .containerInlay .stockInfo .stock::after,
.container#containerWaiting .containerInlay .stockInfo .stock::after {
  content: '';
  width: 5px;
  height: 5px;
  display: block;
  background-color: #00A992;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  border-radius: 100%;
}
.container#containerLogin .containerInlay .stockInfo .stock.notAvailable::after,
.container#containerRegister .containerInlay .stockInfo .stock.notAvailable::after,
.container#containerProduct .containerInlay .stockInfo .stock.notAvailable::after,
.container#containerProductList .containerInlay .stockInfo .stock.notAvailable::after,
.container#containerBlogArticle .containerInlay .stockInfo .stock.notAvailable::after,
.container#containerWaiting .containerInlay .stockInfo .stock.notAvailable::after {
  background: #811220;
  color: #FFF;
}
.container#containerLogin .containerInlay .stockInfo .stock.onOrder::after,
.container#containerRegister .containerInlay .stockInfo .stock.onOrder::after,
.container#containerProduct .containerInlay .stockInfo .stock.onOrder::after,
.container#containerProductList .containerInlay .stockInfo .stock.onOrder::after,
.container#containerBlogArticle .containerInlay .stockInfo .stock.onOrder::after,
.container#containerWaiting .containerInlay .stockInfo .stock.onOrder::after {
  background: #412251;
  color: #FFF;
}
.container#containerLogin .containerInlay .stockInfo .stock.fewAvailable::after,
.container#containerRegister .containerInlay .stockInfo .stock.fewAvailable::after,
.container#containerProduct .containerInlay .stockInfo .stock.fewAvailable::after,
.container#containerProductList .containerInlay .stockInfo .stock.fewAvailable::after,
.container#containerBlogArticle .containerInlay .stockInfo .stock.fewAvailable::after,
.container#containerWaiting .containerInlay .stockInfo .stock.fewAvailable::after {
  background: #333308;
}
.container#containerLogin .containerInlay .productMainPart,
.container#containerRegister .containerInlay .productMainPart,
.container#containerProduct .containerInlay .productMainPart,
.container#containerProductList .containerInlay .productMainPart,
.container#containerBlogArticle .containerInlay .productMainPart,
.container#containerWaiting .containerInlay .productMainPart {
  display: flex;
}
.container#containerLogin .containerInlay .productMainPart .leftPart,
.container#containerRegister .containerInlay .productMainPart .leftPart,
.container#containerProduct .containerInlay .productMainPart .leftPart,
.container#containerProductList .containerInlay .productMainPart .leftPart,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart,
.container#containerWaiting .containerInlay .productMainPart .leftPart {
  width: 670px;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .images,
.container#containerRegister .containerInlay .productMainPart .leftPart .images,
.container#containerProduct .containerInlay .productMainPart .leftPart .images,
.container#containerProductList .containerInlay .productMainPart .leftPart .images,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .images,
.container#containerWaiting .containerInlay .productMainPart .leftPart .images {
  display: flex;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative {
  width: 100%;
  max-width: 150px;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ {
  border: 1px solid #D6D6D6;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding: 12px;
  margin-bottom: 30px;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativEmpty,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativEmpty,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativEmpty,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativEmpty,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativEmpty,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativEmpty {
  pointer-events: none;
  border-color: transparent;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativ3,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativ3,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativ3,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativ3,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativ3,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.imgAlternativ3 {
  margin-bottom: 0;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.active,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.active,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.active,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.active,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.active,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ.active {
  border: 1px solid #009ee0;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ:hover,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ:hover,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ:hover,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ:hover,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ:hover,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ:hover {
  cursor: pointer;
  border: 1px solid #009ee0;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 140px;
  object-fit: contain;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain {
  width: 100%;
  max-width: calc(100% - 150px);
  height: 100vh;
  max-height: 510px;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 40px;
  height: 100%;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner:hover .layer,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner:hover .layer,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner:hover .layer,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner:hover .layer,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner:hover .layer,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner:hover .layer {
  visibility: visible;
  zoom: 1;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .layer,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .layer,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .layer,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .layer,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .layer,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .layer {
  background-image: url("/_skins/base/images/icon_maximize.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 44px;
  height: 44px;
  display: block;
  top: 0;
  visibility: hidden;
  zoom: 0.1;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain {
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;
  display: flex;
  justify-content: center;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain2,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain2,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain2,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain2,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain2,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain2 {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain3,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain3,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain3,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain3,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain3,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.imgMain3 {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.afterHide,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.afterHide,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.afterHide,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.afterHide,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.afterHide,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.afterHide {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.show,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.show,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.show,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.show,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.show,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner .imgMain.show {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 515px;
  object-fit: contain;
  max-width: 96%;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .layer,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .layer,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .layer,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .layer,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .layer,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .layer {
  pointer-events: none;
}
.container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .imgMain.show + .layer,
.container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .imgMain.show + .layer,
.container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .imgMain.show + .layer,
.container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .imgMain.show + .layer,
.container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .imgMain.show + .layer,
.container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .imgMain.show + .layer {
  pointer-events: auto;
}
.container#containerLogin .containerInlay .productMainPart .rightPart,
.container#containerRegister .containerInlay .productMainPart .rightPart,
.container#containerProduct .containerInlay .productMainPart .rightPart,
.container#containerProductList .containerInlay .productMainPart .rightPart,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart,
.container#containerWaiting .containerInlay .productMainPart .rightPart {
  width: 100%;
  padding: 0 0 0 30px;
  max-width: calc(100% - 670px);
  /*.addCartForm*/
}
.container#containerLogin .containerInlay .productMainPart .rightPart .headerProduct,
.container#containerRegister .containerInlay .productMainPart .rightPart .headerProduct,
.container#containerProduct .containerInlay .productMainPart .rightPart .headerProduct,
.container#containerProductList .containerInlay .productMainPart .rightPart .headerProduct,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .headerProduct,
.container#containerWaiting .containerInlay .productMainPart .rightPart .headerProduct,
.container#containerLogin .containerInlay .productMainPart .rightPart .description,
.container#containerRegister .containerInlay .productMainPart .rightPart .description,
.container#containerProduct .containerInlay .productMainPart .rightPart .description,
.container#containerProductList .containerInlay .productMainPart .rightPart .description,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .description,
.container#containerWaiting .containerInlay .productMainPart .rightPart .description {
  max-width: 640px;
  margin-bottom: 20px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .headerProduct .brand,
.container#containerRegister .containerInlay .productMainPart .rightPart .headerProduct .brand,
.container#containerProduct .containerInlay .productMainPart .rightPart .headerProduct .brand,
.container#containerProductList .containerInlay .productMainPart .rightPart .headerProduct .brand,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .headerProduct .brand,
.container#containerWaiting .containerInlay .productMainPart .rightPart .headerProduct .brand {
  max-width: 140px;
  margin-bottom: 10px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .headerProduct .brand img,
.container#containerRegister .containerInlay .productMainPart .rightPart .headerProduct .brand img,
.container#containerProduct .containerInlay .productMainPart .rightPart .headerProduct .brand img,
.container#containerProductList .containerInlay .productMainPart .rightPart .headerProduct .brand img,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .headerProduct .brand img,
.container#containerWaiting .containerInlay .productMainPart .rightPart .headerProduct .brand img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 40px;
  object-fit: contain;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .description,
.container#containerRegister .containerInlay .productMainPart .rightPart .description,
.container#containerProduct .containerInlay .productMainPart .rightPart .description,
.container#containerProductList .containerInlay .productMainPart .rightPart .description,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .description,
.container#containerWaiting .containerInlay .productMainPart .rightPart .description {
  letter-spacing: 0.5px;
  color: #333333;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 30px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart h1,
.container#containerRegister .containerInlay .productMainPart .rightPart h1,
.container#containerProduct .containerInlay .productMainPart .rightPart h1,
.container#containerProductList .containerInlay .productMainPart .rightPart h1,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart h1,
.container#containerWaiting .containerInlay .productMainPart .rightPart h1 {
  font-size: 33px;
  font-weight: 600;
  line-height: 43px;
  margin-bottom: 6px;
  letter-spacing: 1px;
  color: #333333;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .factContainer,
.container#containerRegister .containerInlay .productMainPart .rightPart .factContainer,
.container#containerProduct .containerInlay .productMainPart .rightPart .factContainer,
.container#containerProductList .containerInlay .productMainPart .rightPart .factContainer,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .factContainer,
.container#containerWaiting .containerInlay .productMainPart .rightPart .factContainer {
  width: 100%;
  margin-top: 30px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .shortDescriptionContainer,
.container#containerRegister .containerInlay .productMainPart .rightPart .shortDescriptionContainer,
.container#containerProduct .containerInlay .productMainPart .rightPart .shortDescriptionContainer,
.container#containerProductList .containerInlay .productMainPart .rightPart .shortDescriptionContainer,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .shortDescriptionContainer,
.container#containerWaiting .containerInlay .productMainPart .rightPart .shortDescriptionContainer {
  font-size: 14px;
  margin: 20px 0 20px 0;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm {
  width: 100%;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .priceInfoMwst,
.container#containerRegister .containerInlay .productMainPart .rightPart .priceInfoMwst,
.container#containerProduct .containerInlay .productMainPart .rightPart .priceInfoMwst,
.container#containerProductList .containerInlay .productMainPart .rightPart .priceInfoMwst,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .priceInfoMwst,
.container#containerWaiting .containerInlay .productMainPart .rightPart .priceInfoMwst {
  width: 100%;
  text-align: right;
  font-size: 11px;
  color: #999997;
  float: right;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .notCustomerInfo,
.container#containerRegister .containerInlay .productMainPart .rightPart .notCustomerInfo,
.container#containerProduct .containerInlay .productMainPart .rightPart .notCustomerInfo,
.container#containerProductList .containerInlay .productMainPart .rightPart .notCustomerInfo,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .notCustomerInfo,
.container#containerWaiting .containerInlay .productMainPart .rightPart .notCustomerInfo {
  background-image: url("/_skins/base/images/icon_exclusive.svg");
  background-position: right 10px top 20px;
  background-repeat: no-repeat;
  background-size: 35px auto;
  width: 100%;
  max-width: 350px;
  display: block;
  padding: 15px 60px 15px 15px;
  background-color: #142b52;
  color: #FFF;
  text-align: left;
  letter-spacing: 0.4px;
  font-size: 13px;
  line-height: 23px;
  font-weight: 300;
  border-radius: 20px;
  max-width: 335px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .notCustomerInfo strong,
.container#containerRegister .containerInlay .productMainPart .rightPart .notCustomerInfo strong,
.container#containerProduct .containerInlay .productMainPart .rightPart .notCustomerInfo strong,
.container#containerProductList .containerInlay .productMainPart .rightPart .notCustomerInfo strong,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .notCustomerInfo strong,
.container#containerWaiting .containerInlay .productMainPart .rightPart .notCustomerInfo strong {
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .notCustomerInfo strong::after,
.container#containerRegister .containerInlay .productMainPart .rightPart .notCustomerInfo strong::after,
.container#containerProduct .containerInlay .productMainPart .rightPart .notCustomerInfo strong::after,
.container#containerProductList .containerInlay .productMainPart .rightPart .notCustomerInfo strong::after,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .notCustomerInfo strong::after,
.container#containerWaiting .containerInlay .productMainPart .rightPart .notCustomerInfo strong::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #009ee0;
  display: block;
  bottom: 2px;
  position: absolute;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm {
  width: 100%;
  float: left;
  height: auto;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: right;
  align-items: end;
  /*.price*/
  /*.price, .streetPrice */
  /*.btn_addCart */
  /*.quantity*/
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .priceContainer {
  margin-right: auto;
  position: relative;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .priceContainer .originalPrice,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .priceContainer .originalPrice,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .priceContainer .originalPrice,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .priceContainer .originalPrice,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .priceContainer .originalPrice,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .priceContainer .originalPrice {
  text-decoration: line-through;
  font-size: 13px;
  color: #ca0000;
  position: absolute;
  top: -25px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .price {
  align-content: center;
  font-size: 34px;
  height: auto;
  width: 100%;
  float: right;
  display: flex;
  justify-content: left;
  letter-spacing: 1px;
  color: #333333;
  padding-left: 5px;
  font-weight: 600;
  line-height: 45px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .price span,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .price span,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .price span,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .price span,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .price span,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .price span {
  height: 100%;
  display: inline-block;
  float: left;
  font-size: 21px;
  font-weight: 700px;
  line-height: 12px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .price,
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .streetPrice,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .streetPrice,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .streetPrice,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .streetPrice,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .streetPrice,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .streetPrice {
  margin-right: 4px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .actionArea,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .actionArea,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .actionArea,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .actionArea,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .actionArea,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .actionArea {
  padding-bottom: 5px;
  display: flex;
  width: 370px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart {
  width: auto;
  height: 43px;
  line-height: 43px;
  float: right;
  display: flex;
  max-width: 210px;
  width: 100%;
  margin: 0 0 0 30px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 43px;
  line-height: 43px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Outfit';
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  letter-spacing: 0.4px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner.noCostumer,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner.noCostumer,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner.noCostumer,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner.noCostumer,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner.noCostumer,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner.noCostumer {
  color: #BEBEBE;
  background-color: #E9E9E9;
  pointer-events: none;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner:hover,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner:hover,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner:hover,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner:hover,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner:hover,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .btn_addCart .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity {
  width: 130px;
  height: 38px;
  line-height: 38px;
  position: relative;
  float: left;
  margin-top: 3px;
  /*input#Quantity */
  /*.quantityPlus, .quantityMinus*/
  /*.quantityPlus*/
  /*.quantityMinus*/
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity.noCostumer,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity.noCostumer,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity.noCostumer,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity.noCostumer,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity.noCostumer,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity.noCostumer {
  pointer-events: none;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity {
  width: 60px;
  height: 36px;
  line-height: 36px;
  border: none;
  border: 1px solid #e4e4e4;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  color: #333333;
  padding: 0px;
  margin: 0px;
  display: flex;
  margin-left: 34px;
  border-left: none;
  border-right: none;
  background-color: #fcfcfc;
  font-family: 'Outfit';
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:hover,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:hover,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:hover,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:hover,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:hover,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:hover,
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus {
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity input#Quantity:focus {
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
  background-color: #f5f5f5;
  outline: none;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus {
  width: 35px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  top: 0px;
  border: 1px solid #e4e4e4;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover*/
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus a,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus a,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus a,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus a,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus a,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus a,
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus a,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus a,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus a,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus a,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus a,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus span,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus span,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus span,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus span,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus span,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus span,
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span {
  width: 100%;
  text-align: center;
  color: #333333;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover {
  background-color: #009ee0;
  border-color: #009ee0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  cursor: pointer;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover span,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover span,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover span,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover span,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover span,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover span,
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover span,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover span,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover span,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover span,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover span,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover span {
  color: #FFF;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  left: 94px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityPlus:hover {
  -webkit-box-shadow: inset -1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset -1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset -1px 0px 10px 1px rgba(0, 0, 0, 0.15);
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus {
  left: 0px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus span {
  line-height: 30px;
}
.container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover,
.container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .quantity .quantityMinus:hover {
  -webkit-box-shadow: inset 1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 1px 0px 10px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 1px 0px 10px 1px rgba(0, 0, 0, 0.15);
}
.container#containerLogin .containerInlay .productMainPart .factContainer,
.container#containerRegister .containerInlay .productMainPart .factContainer,
.container#containerProduct .containerInlay .productMainPart .factContainer,
.container#containerProductList .containerInlay .productMainPart .factContainer,
.container#containerBlogArticle .containerInlay .productMainPart .factContainer,
.container#containerWaiting .containerInlay .productMainPart .factContainer {
  max-width: 450px;
}
.container#containerLogin .containerInlay .productMainPart .factContainer .row,
.container#containerRegister .containerInlay .productMainPart .factContainer .row,
.container#containerProduct .containerInlay .productMainPart .factContainer .row,
.container#containerProductList .containerInlay .productMainPart .factContainer .row,
.container#containerBlogArticle .containerInlay .productMainPart .factContainer .row,
.container#containerWaiting .containerInlay .productMainPart .factContainer .row {
  display: flex;
  flex-wrap: wrap;
}
.container#containerLogin .containerInlay .productMainPart .factContainer .row.row_odd,
.container#containerRegister .containerInlay .productMainPart .factContainer .row.row_odd,
.container#containerProduct .containerInlay .productMainPart .factContainer .row.row_odd,
.container#containerProductList .containerInlay .productMainPart .factContainer .row.row_odd,
.container#containerBlogArticle .containerInlay .productMainPart .factContainer .row.row_odd,
.container#containerWaiting .containerInlay .productMainPart .factContainer .row.row_odd {
  background: #f3f3f3 0% 0% no-repeat padding-box;
}
.container#containerLogin .containerInlay .productMainPart .factContainer .row div,
.container#containerRegister .containerInlay .productMainPart .factContainer .row div,
.container#containerProduct .containerInlay .productMainPart .factContainer .row div,
.container#containerProductList .containerInlay .productMainPart .factContainer .row div,
.container#containerBlogArticle .containerInlay .productMainPart .factContainer .row div,
.container#containerWaiting .containerInlay .productMainPart .factContainer .row div {
  width: 100%;
  color: #333;
  height: auto;
  line-height: 28px;
  font-size: 14px;
  min-height: 28px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.container#containerLogin .containerInlay .productMainPart .factContainer .row .caption,
.container#containerRegister .containerInlay .productMainPart .factContainer .row .caption,
.container#containerProduct .containerInlay .productMainPart .factContainer .row .caption,
.container#containerProductList .containerInlay .productMainPart .factContainer .row .caption,
.container#containerBlogArticle .containerInlay .productMainPart .factContainer .row .caption,
.container#containerWaiting .containerInlay .productMainPart .factContainer .row .caption {
  max-width: 160px;
  padding-left: 10px;
  font-weight: 600;
}
.container#containerLogin .containerInlay .productMainPart .factContainer .row .value,
.container#containerRegister .containerInlay .productMainPart .factContainer .row .value,
.container#containerProduct .containerInlay .productMainPart .factContainer .row .value,
.container#containerProductList .containerInlay .productMainPart .factContainer .row .value,
.container#containerBlogArticle .containerInlay .productMainPart .factContainer .row .value,
.container#containerWaiting .containerInlay .productMainPart .factContainer .row .value {
  width: calc(100% - 160px);
}
.container#containerLogin .containerInlay .productMainPart .factContainer .row .value.longValue,
.container#containerRegister .containerInlay .productMainPart .factContainer .row .value.longValue,
.container#containerProduct .containerInlay .productMainPart .factContainer .row .value.longValue,
.container#containerProductList .containerInlay .productMainPart .factContainer .row .value.longValue,
.container#containerBlogArticle .containerInlay .productMainPart .factContainer .row .value.longValue,
.container#containerWaiting .containerInlay .productMainPart .factContainer .row .value.longValue {
  padding-left: 30px;
  width: 100%;
}
.container#containerLogin .containerInlay .productMainPart .attributes,
.container#containerRegister .containerInlay .productMainPart .attributes,
.container#containerProduct .containerInlay .productMainPart .attributes,
.container#containerProductList .containerInlay .productMainPart .attributes,
.container#containerBlogArticle .containerInlay .productMainPart .attributes,
.container#containerWaiting .containerInlay .productMainPart .attributes {
  width: 100%;
}
.container#containerLogin .containerInlay .productMainPart .attributes .attribute,
.container#containerRegister .containerInlay .productMainPart .attributes .attribute,
.container#containerProduct .containerInlay .productMainPart .attributes .attribute,
.container#containerProductList .containerInlay .productMainPart .attributes .attribute,
.container#containerBlogArticle .containerInlay .productMainPart .attributes .attribute,
.container#containerWaiting .containerInlay .productMainPart .attributes .attribute {
  margin-top: 20px;
}
.container#containerLogin .containerInlay .productMainPart .attributes .attribute .caption,
.container#containerRegister .containerInlay .productMainPart .attributes .attribute .caption,
.container#containerProduct .containerInlay .productMainPart .attributes .attribute .caption,
.container#containerProductList .containerInlay .productMainPart .attributes .attribute .caption,
.container#containerBlogArticle .containerInlay .productMainPart .attributes .attribute .caption,
.container#containerWaiting .containerInlay .productMainPart .attributes .attribute .caption {
  letter-spacing: 0.15px;
  color: #333333;
  font-weight: 600;
  font-size: 14px;
}
.container#containerLogin .containerInlay .productMainPart .attributes .attribute .options,
.container#containerRegister .containerInlay .productMainPart .attributes .attribute .options,
.container#containerProduct .containerInlay .productMainPart .attributes .attribute .options,
.container#containerProductList .containerInlay .productMainPart .attributes .attribute .options,
.container#containerBlogArticle .containerInlay .productMainPart .attributes .attribute .options,
.container#containerWaiting .containerInlay .productMainPart .attributes .attribute .options {
  display: flex;
  flex-wrap: wrap;
}
.container#containerLogin .containerInlay .productMainPart .attributes .attribute .options a,
.container#containerRegister .containerInlay .productMainPart .attributes .attribute .options a,
.container#containerProduct .containerInlay .productMainPart .attributes .attribute .options a,
.container#containerProductList .containerInlay .productMainPart .attributes .attribute .options a,
.container#containerBlogArticle .containerInlay .productMainPart .attributes .attribute .options a,
.container#containerWaiting .containerInlay .productMainPart .attributes .attribute .options a {
  letter-spacing: 0.15px;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #BCBCBC;
  border-radius: 4px;
  margin: 0 5px 5px 0;
  display: flex;
  min-width: 55px;
  justify-content: center;
  padding: 0 5px;
  text-decoration: none;
}
.container#containerLogin .containerInlay .productMainPart .attributes .attribute .options a:hover,
.container#containerRegister .containerInlay .productMainPart .attributes .attribute .options a:hover,
.container#containerProduct .containerInlay .productMainPart .attributes .attribute .options a:hover,
.container#containerProductList .containerInlay .productMainPart .attributes .attribute .options a:hover,
.container#containerBlogArticle .containerInlay .productMainPart .attributes .attribute .options a:hover,
.container#containerWaiting .containerInlay .productMainPart .attributes .attribute .options a:hover {
  background-color: #00a992;
  border: 1px solid #00a992;
  color: #FFF;
  cursor: pointer;
}
.container#containerLogin .containerInlay .productMainPart .attributes .attribute .options a.active,
.container#containerRegister .containerInlay .productMainPart .attributes .attribute .options a.active,
.container#containerProduct .containerInlay .productMainPart .attributes .attribute .options a.active,
.container#containerProductList .containerInlay .productMainPart .attributes .attribute .options a.active,
.container#containerBlogArticle .containerInlay .productMainPart .attributes .attribute .options a.active,
.container#containerWaiting .containerInlay .productMainPart .attributes .attribute .options a.active {
  background-color: #009ee0;
  border: 1px solid #009ee0;
  color: #FFF;
}
.container#containerProductList,
.container#containerBlogArticle,
.container#containerFAQ {
  padding-bottom: 40px;
  background: transparent linear-gradient(180deg, #ffffff 0%, #ffffff 41%, #f3f3f3 100%) 0% 0% no-repeat padding-box;
}
.container#containerFAQ {
  padding-bottom: 90px;
}
.container#containerRegister {
  padding-top: 55px;
}
.container#containerRegister .containerInlay .middle {
  display: flex;
  align-items: flex-start;
}
.container#containerLogin {
  padding-top: 55px;
}
.container#containerLogin .containerInlay .middle {
  display: flex;
  align-items: flex-start;
}
.container#containerLogin .containerInlay .middle .mainLogin {
  max-width: calc(100% - 300px);
  margin: 0 0 50px 0;
  width: 100%;
}
.container#containerLogin .containerInlay .middle .mainLogin div.ccm_form.noRegister div.field,
.container#containerLogin .containerInlay .middle .mainLogin div.ccm_form.noRegister div.field input {
  pointer-events: none !important;
}
.container#containerLogin .containerInlay .middle .mainLogin .hintChangeData .title {
  letter-spacing: 1px;
  color: #142b52;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-top: 30px;
  margin-bottom: 0px;
}
.container#containerLogin .containerInlay .middle .mainLogin .hintChangeData .txt {
  clear: both;
  font-size: 12px;
  color: #686868;
  line-height: 21px;
}
.container#containerLogin .containerInlay .middle .mainLogin h2 {
  letter-spacing: 1px;
  color: #142b52;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.container#containerLogin .containerInlay .middle .mainLogin .buttonArea {
  /*.button_reg*/
}
.container#containerLogin .containerInlay .middle .mainLogin .buttonArea .button_save {
  width: 100%;
  margin: 25px auto 0px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  float: none;
  background-color: #3e3e3e;
  border: 1px solid #3e3e3e;
  font-size: 21px;
  padding: 13px 25px;
  font-weight: 300;
  border-radius: 10px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13);
  display: inline-block;
  letter-spacing: 2px;
  padding-left: 3vw;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover */
}
.container#containerLogin .containerInlay .middle .mainLogin .buttonArea .button_save:hover {
  background-color: #009ee0;
  border: 1px solid #009ee0;
  color: #2C2C2C;
  color: #FFF;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container#containerLogin .containerInlay .middle .mainLogin .bottomArea {
  position: relative;
  width: 100%;
}
.container#containerLogin .containerInlay .middle .mainLogin .bottomArea .successFail {
  background-image: url("/_skins/base/images/icon_error.svg");
  background-repeat: no-repeat;
  background-position: 9px 9px;
  background-size: 20px auto;
  background-color: #FF4E5E;
  position: absolute;
  top: 10px;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin: auto;
  height: 40px;
  line-height: 40px;
  pointer-events: none;
  color: #fff;
  border-radius: 6px;
  max-width: 325px;
  padding-left: 35px;
  font-size: 16px;
  padding-right: 10px;
}
.container#containerLogin .containerInlay .middle .mainLogin .bottomArea .successFail::after {
  content: '';
  position: absolute;
  left: 5px;
  top: -10px;
  width: 0px;
  height: 0px;
  transform: rotate(360deg);
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #FF4E5E transparent;
}
.container#containerLogin .containerInlay .middle .mainLogin .bottomArea .successOK {
  height: 35px;
  line-height: 35px;
  pointer-events: none;
  color: #fff;
  border-radius: 6px;
  max-width: 305px;
  margin: 10px auto 0px auto;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  display: block;
  text-align: center;
}
.container#containerLogin .containerInlay .middle .mainLogin .panelInnerLeft {
  width: 100%;
}
.container#containerLogin .containerInlay .middle .UserOutput {
  text-align: left;
  border: 1px dashed #d5d5d5;
  padding: 15px 20px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.container#containerLogin .containerInlay .middle .UserOutput div.PasswordOutput {
  background-image: url("/_skins/base/images/icon_pwd_points.svg");
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: auto 14px;
  float: left;
  background-color: #ffffff;
  border: none;
  padding: 15px 10px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  border-radius: 5px 5px 5px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 300;
  color: #333;
  background-color: #f2f2f2;
  max-width: 310px;
  margin-top: 25px;
}
.container#containerLogin .containerInlay .middle .UserOutput div.PasswordOutput .inputfield.notEmptyInput {
  height: 20px;
  display: block;
  width: 100%;
  max-width: 160px;
}
.container#containerLogin .containerInlay .middle .UserOutput div.PasswordOutput .inputfield.notEmptyInput label {
  top: -24px;
}
.container#containerLogin .containerInlay .middle .UserOutput div.PasswordOutput .buttonFP {
  position: absolute;
  color: #009ee0;
  right: 10px;
  top: 10px;
  font-size: 13px;
  text-transform: uppercase;
  pointer-events: auto !important;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer {
  padding-right: 50px;
  width: 300px;
  margin-bottom: 50px;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login {
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  max-width: 385px;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.2s linear 0s;
  border: 1px solid #eee;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a {
  width: 100%;
  display: flex;
  border-top: 1px solid #eee;
  text-decoration: none;
  color: #333;
  padding: 2px 15px;
  font-size: 14px;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a.sunForum .link {
  background-image: url("/_skins/base/images/icon_exLink.svg");
  background-repeat: no-repeat;
  background-position: right 6px;
  background-size: 10px auto;
  padding-right: 18px;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a.sunForum .link button {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  display: flex;
  font-family: 'Outfit';
  text-decoration: none;
  color: #333;
  font-size: 14px;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a.sunForum .link button:hover {
  cursor: pointer;
  color: #009ee0 !important;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a.navbutton_first {
  border-top: none;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a.navbutton_active {
  background-color: #009ee0;
  color: #FFF;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a.navbutton_active:hover {
  color: #FFF;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a:hover {
  color: #009ee0;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .loginNavigation .complextypes-Navigation-skin_login a.logout {
  background-color: #393939;
  color: #FFF;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .welcome {
  width: 100%;
  background-color: #eee;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .welcome .panelCaption {
  padding: 5px 10px 0px 15px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  letter-spacing: 0.5px;
  text-align: left;
}
.container#containerLogin .containerInlay .middle .loginNavigationContainer .welcome .company {
  padding: 0px 10px 0px 15px;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: left;
  line-height: 15px;
  margin-bottom: 20px;
}
.siteChangePass {
  text-align: left;
  max-width: 600px;
}
.siteChangePass .button {
  width: auto;
  height: 35px;
  line-height: 35px;
  display: flex;
  max-width: 210px;
  width: 100%;
}
.siteChangePass .button .btnInner {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Outfit';
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  letter-spacing: 0.4px;
}
.siteChangePass .button .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.headlineContainer {
  max-width: 1485px;
  margin: 0 auto 50px auto;
  padding: 0 10px;
}
.owl-carousel .owl-stage-outer {
  padding-top: 30px;
}
.offersCrossLong .relatedProducts h2 {
  text-align: center;
  letter-spacing: 1.30px;
  color: #142b52;
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
  margin-bottom: 20px;
}
.productCross {
  margin: 0px 20px 5px 0px;
  padding: 15px 15px 20px 15px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*.title*/
  /*&:hover*/
}
.productCross .title {
  font-size: 21px;
  letter-spacing: 0px;
  color: #333333;
  line-height: 28px;
  text-decoration: none;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 0 10px;
  max-width: 300px;
  margin: 5px auto 0 auto;
  width: 100%;
  font-weight: 500;
  min-height: 70px;
}
.productCross .titleSpacer {
  height: 58px;
  min-height: 58px;
}
.productCross .systemLabel {
  font-weight: 300;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #142b52;
  line-height: 21px;
  right: 0;
  border-bottom-left-radius: 5px;
  color: #fff;
}
.productCross .systemLabel.label_SigenstackSystem {
  background-color: #138e13;
}
.productCross .systemLabel strong {
  font-weight: 600;
}
.productCross .highlightLabel {
  font-weight: 600;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #ffbd5d;
  line-height: 21px;
  left: 0;
  border-bottom-right-radius: 5px;
  color: #333;
}
.productCross .highlightLabel.label_Aktion {
  background-color: #d02123;
  color: #FFF;
}
.productCross .highlightLabel.label_Neu {
  background-color: #1be6ca;
}
.productCross .childAttributeValues {
  width: 100%;
  display: flex;
  font-size: 13px;
  justify-content: center;
  position: relative;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.productCross .childAttributeValues span {
  color: #FFF;
  margin: 0 2px;
  letter-spacing: 0.39px;
  color: #565656;
  border-radius: 9px;
  padding: 0 8px;
  height: 19px;
  justify-content: center;
  min-width: 33px;
  display: flex;
  font-weight: 500;
  align-items: center;
  border: 1px solid #565656;
  border-radius: 22px;
}
.productCross .childAttributeValues span.upto {
  border-color: transparent;
  background-color: transparent;
  width: 10px;
  min-width: 10px;
  padding: 0 6px;
  color: #142b52;
}
.productCross span.img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productCross span.img img {
  max-height: 370px;
  aspect-ratio: 0.79569892;
  object-fit: contain;
  margin: 0 auto;
}
.productCross:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.productStart*/
.container.containerWaiting div.containerInlay {
  max-width: 1460px;
  padding: 15px 20px;
  width: 100%;
}
.container.containerWaiting div.containerInlay .middle {
  display: flex;
  flex-wrap: wrap;
}
.container.containerWaiting div.containerInlay .leftPart {
  width: 250px;
}
.container.containerWaiting div.containerInlay .leftPart img {
  width: 100%;
  height: auto;
  display: block;
}
.container.containerWaiting div.containerInlay .rightPart {
  padding-left: 100px;
  width: calc(100% - 250px);
  max-width: 700px;
  position: relative;
}
.container.containerArticle div.containerInlay {
  max-width: 1460px;
  padding: 15px 20px;
  width: 100%;
}
.container.containerArticle div.containerInlay .middle {
  display: flex;
  flex-wrap: wrap;
}
.container.containerArticle div.containerInlay .leftPart {
  width: 100%;
  padding-right: 100px;
  max-width: calc(100% - 250px);
}
.container.containerArticle div.containerInlay .rightPart {
  width: 250px;
  position: relative;
}
.container.containerArticle div.containerInlay .rightPart .teaserSubscription {
  background-image: url("/_skins/base/images/bgd_flow_footer.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 300% auto;
  background-color: #142b52;
  border-radius: 15px;
  padding: 20px 15px;
  font-size: 15px;
  line-height: 45px;
  letter-spacing: 0.45px;
  color: #E1E1E1;
  position: sticky;
  top: 210px;
  height: 400px;
  margin-top: 40px;
}
.container.containerArticle div.containerInlay .rightPart .teaserSubscription .innerSub {
  width: 100%;
  position: relative;
  color: #fff;
  z-index: 1;
  text-align: center;
}
.container.containerArticle div.containerInlay .rightPart .teaserSubscription .innerSub .btn {
  background-color: #009ee0;
  color: #FFF;
  border-radius: 38px;
  text-align: center;
  padding: 0px 15px 0px 15px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.50px;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  display: block;
  max-width: fit-content;
  margin: 45px auto 0 auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.container.containerArticle div.containerInlay .rightPart .teaserSubscription .innerSub .btn:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  cursor: pointer;
  background-color: #00a992;
}
.container.containerArticle div.containerInlay .rightPart .teaserSubscription .innerSub h2 {
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 30px;
  color: #009ee0;
}
.container.containerArticle div.containerInlay .rightPart .teaserSubscription .innerSub .Text {
  max-width: 1160px;
  text-align: center;
  margin: 0 auto;
  line-height: 22px;
  padding: 40px 0px 0 0px;
}
.productImgAlternativeOverlay {
  display: none;
}
.container.containerNews {
  min-height: 670px;
  position: relative;
  background-color: #F3F3F3;
}
.container.containerNewsSite {
  padding-top: 5px;
}
.container.containerCrossSelling {
  min-height: 370px;
  position: relative;
  background-color: #F3F3F3;
  z-index: 0;
}
body.site_id_54 .container.containerFAQ {
  background-color: #F3F3F3;
  padding-top: 0;
}
body.site_id_54 .container.containerFAQ .middle {
  max-width: 1505px;
  padding-top: 0;
}
body.site_id_54 .container.containerFAQ .leftPart {
  padding-top: 0px;
}
body.site_id_54 .filterArea {
  margin-top: 30px;
}
body.site_id_54 .faq .frage {
  background-color: #ECEAEA;
}
body.site_id_54 .container.containerFAQ .leftPart {
  background-image: none;
}
body.site_id_54 .container.containerFAQ .leftPart .btn_talk {
  margin: 30px 0 30px 0;
}
.container.containerFAQ {
  min-height: 670px;
  position: relative;
  background-color: #F3F3F3;
  background-color: #E1E3E0;
}
.container.containerFAQ .middle {
  display: flex;
  flex-wrap: wrap;
  max-width: 1460px;
  padding: 25px 20px 5px 20px;
  margin: 0 auto;
  float: none;
  min-height: 670px;
}
.container.containerFAQ .leftPart {
  background-image: url("/_skins/base/images/bgd_faq.png");
  background-position: left 10% bottom 0px;
  background-repeat: no-repeat;
  background-size: 75% auto;
  width: 100%;
  padding-top: 40px;
  max-width: calc(100% - 670px);
}
.container.containerFAQ .leftPart h2 {
  text-align: left;
  letter-spacing: 0.90px;
  color: #142b52;
  font-weight: 600;
  font-size: 44px;
  line-height: 50px;
}
.container.containerFAQ .leftPart .btn_talk {
  background-image: url("/_skins/base/images/icon_talk.svg");
  background-position: left 10px top 8px;
  background-repeat: no-repeat;
  background-size: 35px auto;
  background-color: #00a992;
  border-radius: 7px;
  height: 45px;
  padding: 0px 25px 0 60px;
  color: #FFF;
  font-size: 17px;
  text-decoration: none;
  max-width: fit-content;
  display: flex;
  align-items: center;
  margin-top: 20px;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.container.containerFAQ .leftPart .btn_talk:hover {
  background-color: #009ee0;
}
.container.containerFAQ .leftPart .qrCode {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  background-color: #FFF;
  border-radius: 7px;
  padding: 7px;
  max-width: 140px;
  margin: 15px 0 0 0;
  display: flex;
  align-items: center;
}
.container.containerFAQ .leftPart .qrCode img {
  width: 100%;
  height: auto;
  display: block;
}
.container.containerFAQ .rightPart {
  width: 670px;
  padding-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}
.container.containerFAQ .rightPart .rightPartInner {
  width: 100%;
}
.container.containerFAQ .rightPart .btn {
  background-color: #009ee0;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  padding: 0px 35px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.51px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  display: block;
  max-width: fit-content;
  margin-top: 10px;
  margin-left: auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.container.containerFAQ .rightPart .btn:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  cursor: pointer;
  background-color: #00a992;
}
.container.containerContact .middle {
  display: flex;
  flex-wrap: wrap;
}
.container.containerContact .leftPart {
  width: 100%;
  padding-right: 70px;
  padding-bottom: 40px;
  max-width: calc(100% - 300px);
}
.container.containerContact .rightPart {
  width: 300px;
  position: relative;
}
.container.containerContact .rightPart .whatsApp {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  background-color: #FFF;
  border-radius: 35px;
}
.container.containerContact .rightPart .whatsApp img {
  width: 100%;
  height: auto;
  display: block;
}
body.site_id_63 div#topContainer,
body.site_id_64 div#topContainer,
body.search-active div#topContainer {
  background-color: #fff;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow,background-color;
  z-index: 9;
}
body.site_id_63 div#topContainer .productNavigation .level_inner_1 .navbutton span.title,
body.site_id_64 div#topContainer .productNavigation .level_inner_1 .navbutton span.title,
body.search-active div#topContainer .productNavigation .level_inner_1 .navbutton span.title {
  color: #142b52;
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
body.site_id_63 div#topContainer div#top .logo svg path,
body.site_id_64 div#topContainer div#top .logo svg path,
body.search-active div#topContainer div#top .logo svg path {
  fill: #142b52;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer .menuBtn,
body.site_id_64 div#topContainer .menuBtn,
body.search-active div#topContainer .menuBtn {
  background: #142b52;
}
body.site_id_63 div#topContainer div#top .actionbar .f_icon a svg path,
body.site_id_64 div#topContainer div#top .actionbar .f_icon a svg path,
body.search-active div#topContainer div#top .actionbar .f_icon a svg path {
  fill: #3A3A3A;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer div#top .actionbar .miniCart .amount,
body.site_id_64 div#topContainer div#top .actionbar .miniCart .amount,
body.search-active div#topContainer div#top .actionbar .miniCart .amount {
  color: #3A3A3A;
}
body.site_id_63 div#topContainer div#top .actionbar .languagepick svg path,
body.site_id_64 div#topContainer div#top .actionbar .languagepick svg path,
body.search-active div#topContainer div#top .actionbar .languagepick svg path {
  fill: #3A3A3A;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer div#top .actionbar .languagepick,
body.site_id_64 div#topContainer div#top .actionbar .languagepick,
body.search-active div#topContainer div#top .actionbar .languagepick {
  border: 1px solid transparent;
  border-color: transparent;
  transition: border-color 0.2s ease 0s;
}
body.site_id_63 div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode,
body.site_id_64 div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode,
body.search-active div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode {
  color: #3A3A3A;
}
body.site_id_63 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg,
body.site_id_64 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg,
body.search-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg path,
body.site_id_64 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg path,
body.search-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg path {
  fill: #00A992;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg,
body.site_id_64 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg,
body.search-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg {
  transform: rotate(180deg);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg path,
body.site_id_64 div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg path,
body.search-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg path {
  fill: #009ee0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer div#top #topLine .headLink a,
body.site_id_64 div#topContainer div#top #topLine .headLink a,
body.search-active div#topContainer div#top #topLine .headLink a {
  color: #3A3A3A;
}
body.site_id_63 div#topContainer div#top #topLine .headLink a.accountLink,
body.site_id_64 div#topContainer div#top #topLine .headLink a.accountLink,
body.search-active div#topContainer div#top #topLine .headLink a.accountLink {
  color: #FFF;
}
body.site_id_63 div#topContainer div#top #topLine .headLink span,
body.site_id_64 div#topContainer div#top #topLine .headLink span,
body.search-active div#topContainer div#top #topLine .headLink span {
  color: #3A3A3A;
}
body.site_id_63 div#topContainer div#top #topLine .phone,
body.site_id_64 div#topContainer div#top #topLine .phone,
body.search-active div#topContainer div#top #topLine .phone {
  color: #3A3A3A;
}
body.site_id_63 div#topContainer div#top #topLine .phone svg path,
body.site_id_64 div#topContainer div#top #topLine .phone svg path,
body.search-active div#topContainer div#top #topLine .phone svg path {
  fill: #00A992;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
body.site_id_63 div#topContainer div#top #topLine .phone:hover,
body.site_id_64 div#topContainer div#top #topLine .phone:hover,
body.search-active div#topContainer div#top #topLine .phone:hover {
  color: #00a992;
}
body.site_id_63 div#topContainer div#navigation .navbutton,
body.site_id_64 div#topContainer div#navigation .navbutton,
body.search-active div#topContainer div#navigation .navbutton {
  /*span.title*/
}
body.site_id_63 div#topContainer div#navigation .navbutton span.title,
body.site_id_64 div#topContainer div#navigation .navbutton span.title,
body.search-active div#topContainer div#navigation .navbutton span.title {
  color: #142b52;
}
@media (any-hover: hover) and (pointer: fine) {
  body.subnav-active div#topContainer,
  div#topContainer:hover:not(.scroll) {
    background-color: #fff;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-property: box-shadow, background-color;
  }
  body.subnav-active div#topContainer .productNavigation .level_inner_1 .navbutton span.title,
  div#topContainer:hover:not(.scroll) .productNavigation .level_inner_1 .navbutton span.title {
    color: #142b52;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
  }
  body.subnav-active div#topContainer div#top .logo svg path,
  div#topContainer:hover:not(.scroll) div#top .logo svg path {
    fill: #142b52;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer .menuBtn,
  div#topContainer:hover:not(.scroll) .menuBtn {
    background: #142b52;
  }
  body.subnav-active div#topContainer div#top .actionbar .f_icon a svg path,
  div#topContainer:hover:not(.scroll) div#top .actionbar .f_icon a svg path {
    fill: #3A3A3A;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer div#top .actionbar .miniCart .amount,
  div#topContainer:hover:not(.scroll) div#top .actionbar .miniCart .amount {
    color: #3A3A3A;
  }
  body.subnav-active div#topContainer div#top .actionbar .languagepick svg path,
  div#topContainer:hover:not(.scroll) div#top .actionbar .languagepick svg path {
    fill: #3A3A3A;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer div#top .actionbar .languagepick,
  div#topContainer:hover:not(.scroll) div#top .actionbar .languagepick {
    border: 1px solid transparent;
    border-color: transparent;
    transition: border-color 0.2s ease 0s;
  }
  body.subnav-active div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode,
  div#topContainer:hover:not(.scroll) div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode {
    color: #3A3A3A;
  }
  body.subnav-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg,
  div#topContainer:hover:not(.scroll) .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg path,
  div#topContainer:hover:not(.scroll) .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg path {
    fill: #00A992;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg,
  div#topContainer:hover:not(.scroll) .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg {
    transform: rotate(180deg);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg path,
  div#topContainer:hover:not(.scroll) .productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg path {
    fill: #009ee0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer div#top #topLine .headLink a,
  div#topContainer:hover:not(.scroll) div#top #topLine .headLink a {
    color: #3A3A3A;
  }
  body.subnav-active div#topContainer div#top #topLine .headLink a.accountLink,
  div#topContainer:hover:not(.scroll) div#top #topLine .headLink a.accountLink {
    color: #FFF;
  }
  body.subnav-active div#topContainer div#top #topLine .headLink span,
  div#topContainer:hover:not(.scroll) div#top #topLine .headLink span {
    color: #3A3A3A;
  }
  body.subnav-active div#topContainer div#top #topLine .phone,
  div#topContainer:hover:not(.scroll) div#top #topLine .phone {
    color: #3A3A3A;
  }
  body.subnav-active div#topContainer div#top #topLine .phone svg path,
  div#topContainer:hover:not(.scroll) div#top #topLine .phone svg path {
    fill: #00A992;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.subnav-active div#topContainer div#top #topLine .phone:hover,
  div#topContainer:hover:not(.scroll) div#top #topLine .phone:hover {
    color: #00a992;
  }
  body.subnav-active div#topContainer div#navigation .navbutton,
  div#topContainer:hover:not(.scroll) div#navigation .navbutton {
    /*span.title*/
  }
  body.subnav-active div#topContainer div#navigation .navbutton span.title,
  div#topContainer:hover:not(.scroll) div#navigation .navbutton span.title {
    color: #142b52;
  }
}
body.activeOverlay div#topContainer {
  z-index: 1;
}
div#topContainer {
  width: 100%;
  height: 120px;
  z-index: 997;
  position: fixed;
  top: 0;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow,background-color;
}
div#topContainer div#top {
  width: 100%;
  height: 120px;
  display: block;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: end;
}
div#topContainer div#top #topLine {
  width: 100%;
  display: flex;
  max-height: 100px;
  position: relative;
  padding-top: 10px;
  padding-bottom: 7px;
  justify-content: end;
  transition: all 0.55s ease 0s;
  -webkit-transition: all 0.55s ease 0s;
  -moz-transition: all 0.55s ease 0s;
  -o-transition: all 0.55s ease 0s;
  -ms-transition: all 0.55s ease 0s;
}
div#topContainer div#top #topLine #topLineInner {
  padding: 0px 20px 0px 20px;
  width: 100%;
  max-width: 1840px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-content: center;
  justify-content: right;
}
div#topContainer div#top #botLine {
  width: 100%;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 1840px;
  padding: 0px 20px 0px 20px;
}
div#topContainer div#top #topLine::after {
  background-image: url("/_skins/base/images/bgd_line.svg");
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  justify-content: end;
}
div#topContainer div#top #topLine .loggedAs {
  text-decoration: none;
  color: #FFF;
  font-size: 12px;
}
div#topContainer div#top #topLine .headLink {
  display: flex;
  align-items: center;
}
div#topContainer div#top #topLine .headLink a {
  color: #FFF;
  text-decoration: none;
  font-size: 12px;
  display: flex;
  align-items: center;
}
div#topContainer div#top #topLine .headLink a:hover {
  color: #009ee0;
}
div#topContainer div#top #topLine .headLink a.accountLink {
  background-color: #009ee0;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 26px;
}
div#topContainer div#top #topLine .headLink a.accountLink:hover {
  color: #FFF;
}
div#topContainer div#top #topLine .headLink.headLinkRight {
  margin-right: 20px;
}
div#topContainer div#top #topLine .headLink span {
  width: 15px;
  display: inline-block;
  text-align: center;
  color: #FFF;
}
div#topContainer div#top #topLine .phone {
  color: #FFF;
  text-decoration: none;
  font-size: 12px;
  display: flex;
  align-items: center;
}
div#topContainer div#top #topLine .phone svg {
  width: 22px;
  height: auto;
  display: block;
  margin-right: 5px;
}
div#topContainer div#top #botLine {
  width: 100%;
}
div#topContainer div#top .logo {
  width: 115px;
  margin-right: 55px;
  margin-bottom: 8px;
}
div#topContainer div#top .logo svg {
  width: 100%;
  display: block;
}
div#topContainer div#top .logo svg path {
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
div#topContainer div#top .actionbar {
  display: flex;
  align-items: end;
  margin-left: auto;
  padding-bottom: 10px;
  position: relative;
}
div#topContainer div#top .actionbar .f_icon,
div#topContainer div#top .actionbar .f_icon.isLogged {
  display: flex;
  margin-right: 20px;
  align-content: center;
}
div#topContainer div#top .actionbar .f_icon a,
div#topContainer div#top .actionbar .f_icon.isLogged a {
  height: 40px;
  transform: translateY(20px);
}
div#topContainer div#top .actionbar .f_icon a svg,
div#topContainer div#top .actionbar .f_icon.isLogged a svg {
  width: 100%;
  height: auto;
  display: block;
}
div#topContainer div#top .actionbar .f_icon a:hover,
div#topContainer div#top .actionbar .f_icon.isLogged a:hover {
  cursor: pointer;
}
div#topContainer div#top .actionbar .f_icon a:hover svg path,
div#topContainer div#top .actionbar .f_icon.isLogged a:hover svg path {
  fill: #009ee0 !important;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
}
div#topContainer div#top .actionbar .f_icon.icon_search,
div#topContainer div#top .actionbar .f_icon.isLogged.icon_search {
  width: 21px;
  position: relative;
  z-index: 999;
}
div#topContainer div#top .actionbar .f_icon.icon_search a,
div#topContainer div#top .actionbar .f_icon.isLogged.icon_search a {
  transform: translateY(21px);
}
div#topContainer div#top .actionbar .f_icon.icon_account,
div#topContainer div#top .actionbar .f_icon.isLogged.icon_account {
  width: 24px;
}
div#topContainer div#top .actionbar .f_icon.icon_cart,
div#topContainer div#top .actionbar .f_icon.isLogged.icon_cart {
  width: 115px;
}
div#topContainer div#top .actionbar .f_icon.icon_cart .icon,
div#topContainer div#top .actionbar .f_icon.isLogged.icon_cart .icon {
  width: 27px;
}
div#topContainer div#top .actionbar .miniCart {
  width: 100%;
  display: flex;
}
div#topContainer div#top .actionbar .miniCart .tip {
  display: flex;
  text-decoration: none;
}
div#topContainer div#top .actionbar .miniCart .icon {
  position: relative;
  margin-right: 8px;
}
div#topContainer div#top .actionbar .miniCart .icon .miniCartQuantity {
  width: 15px;
  height: 15px;
  background-color: #3A3A3A;
  position: absolute;
  top: -8px;
  right: -7px;
  font-family: 'Jost';
  letter-spacing: 0;
  color: #FFFFFF;
  font-size: 10px;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
div#topContainer div#top .actionbar .miniCart .amount {
  font-size: 12px;
  color: #FFF;
  letter-spacing: 0.3px;
  font-weight: 400;
  text-decoration: none;
}
div#topContainer div#top .actionbar .languagepick {
  height: 40px;
  width: 73px;
  border: 1px solid transparent;
  border-color: #FFF;
  transition: border-color 0.52s ease 1s;
  display: flex;
  border-radius: 24px;
  align-content: center;
  padding: 0 15px;
  align-items: center;
}
div#topContainer div#top .actionbar .languagepick span.icon {
  width: 15px;
  height: auto;
  display: block;
}
div#topContainer div#top .actionbar .languagepick svg {
  width: 15px;
  height: auto;
  display: block;
}
div#topContainer div#top .actionbar #languagePickerContainer {
  position: relative;
  transform: translateY(31px);
  padding-bottom: 20px;
}
div#topContainer div#top .actionbar #languagePickerContainer .lc_arrow {
  background-image: url("/_skins/base/images/icon_poly.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  display: block;
  z-index: 100;
  width: 12px;
  height: 7px;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  visibility: hidden;
  transition: opacity .52s ease;
  opacity: 0;
}
div#topContainer div#top .actionbar #languagePickerContainer.show .lc_arrow {
  visibility: visible;
  transition: opacity .52s ease;
  opacity: 1;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.messageCaption {
  padding: 0px;
  background: none;
  border: none;
  display: block;
  height: 24px;
  font-size: 15px;
  line-height: 25px;
  padding-right: 5px;
  float: left;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode {
  color: #fff;
  font-family: 'Jost';
  border: none;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  width: 25px;
  margin-left: 5px;
  letter-spacing: 0.5px;
}
div#topContainer div#top .actionbar #languagePickerContainer .caption:hover {
  cursor: default;
  pointer-events: none;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick a.dropLang {
  padding: 0px;
  border: none;
  display: block;
  text-align: center;
  float: left;
  text-decoration: none;
  margin-left: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick a.dropLang:hover {
  cursor: pointer;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick a.dropLang.active {
  cursor: pointer;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick .languagesInner {
  max-height: 0;
  overflow: hidden;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick #languages {
  display: block;
  position: absolute;
  left: -18px;
  top: 53px;
  width: 110px;
  height: auto;
  margin: 0px 0px 0px 0px;
  border-radius: 8px;
  background-color: #ffffff;
  transform: translateY(-20px);
  transition: transform 0.4s ease 0s, background-color 0.4s ease;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick #languages a.lang {
  width: 100%;
  display: flex;
  border-top: 1px solid #eee;
  text-decoration: none;
  color: #333;
  padding: 2px 15px;
  font-size: 14px;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick #languages a.lang.lang_first {
  border-top: none;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick #languages a.lang:hover {
  color: #009ee0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#topContainer div#top .actionbar #languagePickerContainer #languagePick #languages .lang.active {
  color: #009ee0;
}
div#topContainer div#top .actionbar #languagePickerContainer.show #languagePick #languages {
  max-height: 290px;
  padding: 0px 0px 0px 0px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  border-right: none;
  transform: translateY(0%);
  transition: transform 0.4s ease 0s, background-color 0.4s ease;
}
div#topContainer div#top .actionbar #languagePickerContainer.show #languagePick .languagesInner {
  max-height: 290px;
}
div#topContainer #navigationContainer {
  display: flex;
  align-items: end;
  max-width: 715px;
}
.text_bild.modulItem .ms_inner {
  display: flex;
  margin: 0 auto;
  max-width: 1505px;
  padding: 0 20px;
  width: 100%;
}
.text_bild {
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px;
}
.text_bild.text_bild_last {
  border-bottom: none;
}
.text_bild .details {
  width: 100%;
  padding-right: 50px;
  max-width: calc(100% - 810px);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.text_bild .details h2 {
  font-weight: 600;
  letter-spacing: 1.65px;
  color: #142b52;
  width: 100%;
  line-height: 70px;
  font-size: 55px;
  margin-top: 0px;
  letter-spacing: 1.30px;
  color: #142B52;
  font-size: 44px;
  font-weight: 800;
  line-height: 50px;
  margin-bottom: 20px;
}
.text_bild .details h2 strong {
  font-weight: 600;
}
.text_bild .details h2 p {
  margin: 0;
}
.text_bild .details .text {
  letter-spacing: 0.5px;
  font-size: 18px;
  line-height: 28px;
}
.text_bild .details .link {
  height: 50px;
  line-height: 50px;
  display: flex;
  position: relative;
  max-width: fit-content;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.45px;
  color: #34434A;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 30px;
  text-decoration: none;
  margin: 30px 0 0 0;
  background-color: #EBEBEB;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.text_bild .details .link:hover {
  color: #FFF;
  background-color: #142b52;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.text_bild.text_bild_even .details {
  padding-left: 50px;
  padding-right: 0;
}
.text_bild .img {
  width: 100%;
  max-width: 810px;
}
.text_bild .img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}
.ErrorReportGen {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-image: url("/_skins/base/images/icon_error.svg");
  background-repeat: no-repeat;
  background-position: 6px 4px;
  background-size: 13px auto;
  background-color: #ff4e5e;
  color: #fff;
  font-size: 10px;
  position: absolute;
  bottom: -19px;
  border-radius: 4px;
  height: 22px;
  line-height: 24px;
  letter-spacing: .3px;
  padding: 0 7px 0 26px;
  z-index: 2;
  min-width: 130px;
  /*~ .er_contentLeft*/
}
.ErrorReportGen.ErrorReportContract {
  position: relative;
  bottom: auto;
  transform: translateY(10px);
}
.ErrorReportGen .er_contentLeft {
  display: none;
}
/*~ .ErrorReportGen*/
.ErrorReportGen::before {
  content: "";
  position: absolute;
  left: 5px;
  top: -10px;
  width: 0;
  height: 0;
  transform: rotate(1turn);
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #ff4e5e transparent;
}
.loginNavContainer .loginNavContainerInner {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  margin: 0px 10px 1px 0px;
  padding-bottom: 0px;
  border-radius: 8px;
  background-color: #ffffff;
}
.loginNavContainer .loginNavContainerInner .welcome .panelCaption {
  padding: 5px 10px 0px 15px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  letter-spacing: 0.5px;
  text-align: left;
}
.loginNavContainer .loginNavContainerInner .welcome .company {
  padding: 0px 10px 0px 15px;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-align: left;
  line-height: 15px;
  margin-bottom: 20px;
}
.loginNavContainer .loginNavContainerInner .navB {
  width: 100%;
  display: flex;
  border-top: 1px solid #eee;
  text-decoration: none;
  color: #333;
  padding: 2px 15px;
  font-size: 14px;
}
.loginNavContainer .loginNavContainerInner .navB:hover {
  cursor: pointer;
  color: #009ee0;
}
.loginNavContainer .loginNavContainerInner .navB.logout {
  background-color: #393939;
  color: #FFF;
}
.loginNavContainer .loginNavContainerInner .navB.logout:hover {
  color: #FFF;
}
.loginNavContainer .loginNavContainerInner .navB.sunForum .link {
  background-image: url("/_skins/base/images/icon_exLink.svg");
  background-repeat: no-repeat;
  background-position: right 6px;
  background-size: 10px auto;
  padding-right: 18px;
}
.loginNavContainer .loginNavContainerInner .navB.sunForum .link button {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  display: flex;
  font-family: 'Outfit';
  text-decoration: none;
  color: #333;
  font-size: 14px;
}
.loginNavContainer .loginNavContainerInner .navB.sunForum .link button:hover {
  cursor: pointer;
  color: #009ee0;
}
.loginNavContainer .loginNavContainerInner:hover {
  background-color: #ffffff;
}
.loginMask {
  display: flex;
  flex-wrap: nowrap;
  /*.btn_addCart */
  /*.panelTop*/
  /*.panelRight*/
}
.loginMask .button {
  width: auto;
  height: 35px;
  line-height: 35px;
  display: flex;
  max-width: 210px;
  width: 100%;
  margin: 0 auto;
}
.loginMask .button .btnInner {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  font-family: 'Outfit';
  letter-spacing: 0.4px;
}
.loginMask .button .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.loginMask .panelLeft {
  width: calc(50% - 10px);
  height: auto;
  float: left;
  overflow: hidden;
  margin: 0px 10px 1px 0px;
  padding-bottom: 5px;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  /*input*/
  /*.notEmpty*/
  /*.button_log*/
}
.loginMask .panelLeft:hover {
  background-color: #ffffff;
}
.loginMask .panelLeft .panelCaption {
  padding: 5px 10px 0px 15px;
  color: #333;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
  letter-spacing: 0.5px;
  text-align: left;
}
.loginMask .panelLeft .loginfields {
  width: 100%;
  min-height: 40px;
  float: left;
}
.loginMask .panelLeft input {
  font-family: 'Jost';
  border: none;
  width: 100%;
  max-width: 210px;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e8e7e8;
  appearance: none;
  -webkit-appearance: none;
  height: 40px;
  font-size: 13px;
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 5px 0px;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  /*:focus*/
}
.loginMask .panelLeft input:focus {
  border-color: #3e77c0;
  color: #52463a;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
.loginMask .panelLeft input:autofill,
.loginMask .panelLeft textarea:autofill,
.loginMask .panelLeft select:autofill,
.loginMask .panelLeft input:-webkit-autofill,
.loginMask .panelLeft textarea:-webkit-autofill,
.loginMask .panelLeft select:-webkit-autofill {
  -webkit-text-fill-color: #111;
  /* Schriftfarbe */
  caret-color: #111;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  /* Gelb übermalen */
  box-shadow: 0 0 0 1000px #fff inset;
}
.loginMask .panelLeft input:-moz-autofill,
.loginMask .panelLeft textarea:-moz-autofill,
.loginMask .panelLeft select:-moz-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}
.loginMask .panelLeft .pwd input {
  margin-bottom: 5px;
}
.loginMask .panelLeft .notEmpty {
  color: #52463a;
}
.loginMask .panelLeft .forget_pwd {
  margin: 0px 0px 0px 0px;
  height: 20px;
  width: 100%;
  text-decoration: none;
  color: #333;
  font-size: 12px;
  text-align: center;
  font-weight: 300;
  font-style: normal;
}
.loginMask .panelLeft .forget_pwd:hover {
  text-decoration: underline;
}
.loginMask .panelLeft .button_log {
  margin-top: 57px;
}
.loginMask .panelRight {
  padding: 10px 15px 10px 15px;
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: rgba(27, 230, 202, 0.8);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  backdrop-filter: blur(10px);
  font-size: 14px;
  text-align: left;
  /*.panelCaption*/
}
.loginMask .panelRight:hover {
  background-color: #1be6ca;
}
.loginMask .panelRight .button .btnInner {
  background-color: #142b52;
}
.loginMask .panelRight .button .btnInner:hover {
  background-color: #009ee0;
}
.loginMask .panelRight .panelCaption {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}
.loginMask .panelRight .txt {
  width: 100%;
  line-height: 22px;
  height: auto;
  margin: 0px 0px 10px 0px;
}
.loginMask .panelRight .button {
  float: none;
}
/*.loginMask*/
.logContainer {
  width: 240px;
  display: block;
  position: absolute;
  top: 70px;
  z-index: 50;
  overflow: hidden;
  transition: all .2s ease;
  left: -67px;
  max-height: 0;
  opacity: 0;
}
.logContainer.show {
  max-height: 500px;
  padding-top: 20px;
  opacity: 1;
  transition: height .4s ease;
}
.logContainer.show .loginMask .panelLeft {
  transform: translateY(0%);
  transition: transform 0.4s ease 0s, background-color 0.4s ease;
}
.logContainer.show .loginMask .panelLeft .loginfields {
  width: 100%;
  float: none;
  max-width: 210px;
  margin: 0 auto;
}
.logContainer.show .loginMask .panelLeft .loginfields.hideMessage .ErrorReportGen {
  display: none;
}
.logContainer.show .loginMask .panelLeft .forget_pwd {
  float: none;
  max-width: 210px;
  margin: 0 auto;
  display: flex;
}
.logContainer.show .loginMask .panelRight {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition: transform 0.4s ease 0.4s, visibility 0.4s ease 0.4s, opacity 0.4s ease 0.4s, background-color 0.4s ease;
}
.logContainer.show .lc_arrow {
  visibility: visible;
  transition: opacity .52s ease;
  opacity: 0.9;
}
.logContainer .ErrorReportGen {
  position: relative;
  bottom: auto;
  margin-bottom: 5px;
}
.logContainer .logContainerInner {
  position: relative;
}
.logContainer .lc_arrow {
  background-image: url("/_skins/base/images/icon_poly.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  display: block;
  z-index: 100;
  width: 12px;
  height: 7px;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  visibility: hidden;
  transition: opacity .52s ease;
  opacity: 0;
}
.logContainer .loginMask {
  display: flex;
  flex-wrap: wrap;
}
.logContainer .loginMask .panelLeft {
  margin-right: 0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  width: 100%;
  transform: translateY(-50%);
  z-index: 2;
  position: relative;
}
.logContainer .loginMask .panelRight {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  width: 100%;
  transform: translateY(-100%);
  z-index: 1;
  position: relative;
  visibility: hidden;
  opacity: 0;
}
div#middle {
  float: left;
  min-height: 400px;
}
div#footer {
  position: relative;
  background-color: #142b52;
  min-height: 430px;
  clear: left;
  color: #fff;
  width: 100%;
  z-index: 1;
}
div#footer #footerInner {
  max-width: 1190px;
  padding: 0px 20px 15px 20px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  font-weight: 300;
  font-size: 17px;
  letter-spacing: 0.10px;
}
div#footer #footerInner .leftPart {
  width: 395px;
}
div#footer #footerInner .leftPart a {
  font-weight: 300;
  letter-spacing: 0.09px;
  font-family: 'Jost';
  color: #FFFFFF;
  width: 100%;
  text-decoration: none;
}
div#footer #footerInner .leftPart a:hover {
  color: #009ee0;
}
div#footer #footerInner .leftPart .adress {
  font-family: 'Jost';
  padding-left: 20px;
  line-height: 26px;
}
div#footer #footerInner .leftPart .logo {
  width: 100%;
  max-width: 165px;
  display: block;
  margin-bottom: 20px;
}
div#footer #footerInner .leftPart .logo img {
  width: 100%;
  height: auto;
  display: block;
}
div#footer #footerInner .leftPart .contacts {
  margin: 20px 0 20px 0;
}
div#footer #footerInner .leftPart .contacts a {
  line-height: 40px;
  width: 100%;
  display: block;
}
div#footer #footerInner .leftPart .smIcons {
  text-align: center;
  margin-top: 10px;
  height: 42px;
  max-width: 105px;
  margin-left: 0;
  margin-right: auto;
}
div#footer #footerInner .leftPart a.smIcon {
  width: 24px;
  height: 24px;
  float: left;
  display: block;
}
div#footer #footerInner .leftPart a.smIcon.insta {
  background-image: url("/_skins/base/images/icon_insta_logo_small.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 10px;
  margin-top: 5px;
  width: 24px;
}
div#footer #footerInner .leftPart a.smIcon.linkIn {
  background-image: url("/_skins/base/images/logo_linkedin.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 0;
  margin-top: 5px;
  width: 24px;
}
div#footer #footerInner .leftPart a.smIcon.fb {
  background-image: url("/_skins/base/images/icon_fb_logo_small.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 10px;
  margin-top: 5px;
}
div#footer #footerInner .rightPart {
  max-width: calc(100% - 395px);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 76px;
  justify-content: end;
}
div#footer #footerInner .rightPart .info {
  width: 40%;
}
div#footer #footerInner .rightPart .info.info2 {
  width: 60%;
}
div#footer #footerInner .rightPart .info .caption {
  font-weight: 500;
  letter-spacing: 0.1px;
  font-family: 'Jost';
  color: #009ee0;
  margin-bottom: 15px;
}
div#footer #footerInner .rightPart .info .list {
  display: flex;
  flex-wrap: wrap;
}
div#footer #footerInner .rightPart .info .list a {
  letter-spacing: 0.10px;
  font-family: 'Jost';
  color: #FFFFFF;
  display: block;
  line-height: 37px;
  text-decoration: none;
  max-width: 50%;
  width: 100%;
}
div#footer #footerInner .rightPart .info .list a:hover {
  color: #009ee0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
div#footer #footerInner .rightPart .info .list.listFirst {
  display: block;
}
div#footer #footerInner .rightPart .info .list.listFirst a {
  max-width: 100%;
}
div#footer #footerInner .bottomPart {
  font-size: 13px;
  color: #BFBFBF;
  padding: 15px 20px 0 20px;
}
div#footer #footerInner .bottomPart a {
  color: #BFBFBF;
  text-decoration: none;
}
.subscribeContainer {
  background-image: url("/_skins/base/images/bgd_flow_footer.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  background-color: #142b52;
  position: relative;
  color: #fff;
  z-index: 1;
  min-height: 550px;
}
.subscribeContainer .btn {
  background-image: url("/_skins/base/images/icon_subscribe_btn.svg");
  background-position: right 5px top 5px;
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-color: #009ee0;
  color: #FFF;
  border-radius: 38px;
  text-align: center;
  padding: 0px 75px 0px 35px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.50px;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  display: block;
  max-width: fit-content;
  margin: 45px auto 0 auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.subscribeContainer .btn:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  cursor: pointer;
  background-color: #00a992;
}
.subscribeContainer .TextItem_2 {
  max-width: 1160px;
  text-align: center;
  margin: 0 auto;
  padding: 60px 20px 0 20px;
}
.subscribeContainer .TextItem_2 h2 {
  margin-bottom: 30px;
  font-size: 45px;
  color: #FFF;
  line-height: 50px;
}
body.site_id_35 .subscribeContainer {
  display: none;
}
.exclusiveTextContainer {
  width: 465px;
  display: flex;
}
.exclusiveTextContainer .TextItem_exclusive {
  background-image: url("/_skins/base/images/icon_exclusive.svg");
  background-position: right 10px bottom 15px;
  background-repeat: no-repeat;
  background-size: 60px auto;
  border-radius: 20px;
  padding: 15px 60px 15px 25px;
  background-color: #142b52;
  color: #FFF;
  text-align: left;
  letter-spacing: 0.50px;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
}
.exclusiveTextContainer strong {
  font-weight: 500;
  position: relative;
  color: #009ee0;
}
.exclusiveTextContainer strong::after {
  width: 100%;
  height: 2px;
  display: block;
  background-color: #009ee0;
  position: absolute;
  left: 0;
  bottom: -3px;
  content: '';
}
.registerForm {
  width: 100%;
  max-width: calc(100% - 465px);
  padding: 0 0 50px 100px;
}
.registerForm .panel h2 {
  letter-spacing: 1px;
  color: #142b52;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px;
}
.registerForm .panel .subHeadline {
  font-size: 14px;
}
.registerForm .panel .panelSpacer {
  width: 100%;
  height: 40px;
  display: flex;
}
.registerForm .bottomArea {
  position: relative;
  width: 100%;
}
.registerForm .bottomArea .successFail {
  background-image: url("/_skins/base/images/icon_error.svg");
  background-repeat: no-repeat;
  background-position: 9px 9px;
  background-size: 20px auto;
  background-color: #FF4E5E;
  position: absolute;
  top: 10px;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin: auto;
  height: 40px;
  line-height: 40px;
  pointer-events: none;
  color: #fff;
  border-radius: 6px;
  max-width: 325px;
  padding-left: 35px;
  font-size: 16px;
  padding-right: 10px;
}
.registerForm .bottomArea .successFail::after {
  content: '';
  position: absolute;
  left: 5px;
  top: -10px;
  width: 0px;
  height: 0px;
  transform: rotate(360deg);
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #FF4E5E transparent;
}
.registerForm .bottomArea .successOK {
  height: 35px;
  line-height: 35px;
  pointer-events: none;
  color: #fff;
  border-radius: 6px;
  max-width: 305px;
  margin: 10px auto 0px auto;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  display: block;
  text-align: center;
}
.registerForm .buttonArea {
  /*.button_reg*/
}
.registerForm .buttonArea .button_reg {
  width: 100%;
  margin: 25px auto 0px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  float: none;
  background-color: #3e3e3e;
  border: 1px solid #3e3e3e;
  font-size: 21px;
  padding: 13px 25px;
  font-weight: 300;
  border-radius: 10px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13);
  display: inline-block;
  letter-spacing: 2px;
  padding-left: 3vw;
  font-family: 'Outfit';
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /*&:hover */
}
.registerForm .buttonArea .button_reg:hover {
  background-color: #009ee0;
  border: 1px solid #009ee0;
  color: #2C2C2C;
  color: #FFF;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.containerSpacer {
  width: 100%;
  height: 100px;
  display: block;
  position: relative;
  z-index: 1;
  border-top: 1px solid #FFF;
  background: transparent linear-gradient(0deg, #ffffff 0%, #d8d8d8 100%) 0% 0% no-repeat padding-box;
}
.containerSpacer.containerSpacerLinear {
  border-top: none;
  background: transparent linear-gradient(0deg, #ffffff 0%, #f3f3f3 100%) 0% 0% no-repeat padding-box;
}
.filters {
  display: flex;
  padding-right: 0px;
  flex-wrap: wrap;
}
.filterArea {
  margin-top: 30px;
  width: 100%;
  margin: 50px 0 30px 0;
}
.filterArea .filterBox a {
  text-align: center;
  color: #333;
  border: 1px solid #d9d9d9;
  border-radius: 90px;
  padding: 0px 25px;
  height: 35px;
  font-weight: 300;
  line-height: 33px;
  display: inline-block;
  text-decoration: none;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 17px;
  background-color: #f2f2f2;
}
.filterArea .filterBox a:hover {
  border: 1px solid #009ee0;
  background-color: #009ee0;
  color: #FFF;
}
.filterArea .filterBox a.active {
  border: 1px solid #009ee0;
  background-color: #009ee0;
  color: #FFF;
}
.filterArea .filterBox.filterAll a {
  background-color: #7e931c;
}
.filterArea .filterBox.filterAll a.active {
  background-color: #b1be78;
}
.faq {
  width: 100%;
  min-height: 60px;
  float: left;
  position: relative;
  margin-bottom: 10px;
  /*.close*/
  /*.icoMore*/
  /*.frage*/
  /*.antwort*/
}
.faq .close {
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 15px;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  display: none;
}
.faq .icoMore {
  background-image: url("/_skins/base/images/ico_more.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  right: 40px;
  top: 25px;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.faq .frage {
  font-size: 18px;
  width: calc(100% - 0px);
  padding-left: 30px;
  color: #142b52;
  font-weight: 500;
  background-color: #F2F2F2;
  text-align: left;
  letter-spacing: 0px;
  padding-right: 55px;
  line-height: 25px;
  display: flex;
  min-height: 60px;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 8px;
  /*&:hover*/
}
.faq .frage strong {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 400;
}
.faq .frage:hover {
  color: #009ee0;
  background-color: #F2F2F2;
  cursor: pointer;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.faq .antwort {
  max-height: 0px;
  width: 100%;
  background-color: #F2F2F2;
  overflow: hidden;
  color: #615756;
  font-size: 17px;
  font-weight: 300;
  padding: 0px 30px;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.faq .antwort span {
  width: 100%;
  display: block;
  margin-top: 20px;
}
.faq .antwort span img {
  width: 100%;
  height: auto;
  display: block;
}
/*.faq*/
.faq.show .close {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  display: block;
}
/*.faq.show */
.faq.show .frage {
  color: #009ee0;
  cursor: default;
}
.faq.show .frage .icoMore {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
/*.faq.show .frage*/
.faq.show .antwort {
  max-height: 600px;
  padding-bottom: 40px;
  float: left;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
/*.faq.show .antwort*/
.container.serviceTeasers {
  padding-top: 0px;
}
.container.serviceTeasers div.containerInlay {
  text-align: left;
  width: 100%;
  max-width: 1505px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.container.serviceTeasers .middle {
  display: flex;
  justify-content: space-between;
}
.container.serviceTeasers .middle .leftArea,
.container.serviceTeasers .middle .rightArea {
  min-height: 200px;
  width: 100%;
  max-width: 710px;
  margin-bottom: 50px;
}
.contentElemente {
  width: 100%;
  float: left;
  min-height: 25px;
  margin: 0px 0px 10px 0px;
  /*.contentElement*/
}
.contentElemente .contentElementInner {
  max-width: 1460px;
  padding: 15px 20px;
  width: 100%;
}
.contentElemente .contentElement {
  width: 100%;
  float: left;
  margin: 40px 0px 20px 0px;
  min-height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*.ceText*/
  /*.ceImg*/
  /*&.contentEven*/
}
.contentElemente .contentElement h2 {
  letter-spacing: 0.90px;
  font-size: 44px;
  line-height: 50px;
  font-weight: 500;
  color: #142b52;
}
.contentElemente .contentElement .ceText {
  width: 55%;
  max-width: 735px;
  float: left;
  min-height: 25px;
  height: 100%;
}
.contentElemente .contentElement .ceText .inner {
  max-width: 735px;
  margin: auto;
  padding: 40px 10px 0 60px;
  align-self: center;
}
.contentElemente .contentElement .ceText .inner h2.title {
  width: 100%;
  margin: 0px 0px 30px 0px;
  text-align: left;
  letter-spacing: 0.50px;
  font-size: 41px;
  line-height: 42px;
  font-weight: 600;
  color: #142b52;
}
.contentElemente .contentElement .ceText .inner h2.title p {
  padding-bottom: 0;
}
.contentElemente .contentElement .ceText .inner .subtitle {
  letter-spacing: 0.70px;
  color: #142b52;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 25px 0;
}
.contentElemente .contentElement .ceText .inner .txt {
  text-align: left;
  font-size: 18px;
  letter-spacing: 0.50px;
  font-weight: 300;
  color: #333333;
  line-height: 28px;
}
.contentElemente .contentElement .ceText .inner .link {
  background-color: #009ee0;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  padding: 0px 35px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.51px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  display: block;
  max-width: fit-content;
  margin-top: 30px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.contentElemente .contentElement .ceText .inner .link:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  cursor: pointer;
  background-color: #00a992;
}
.contentElemente .contentElement .ceImg {
  width: 45%;
  max-width: 735px;
  float: left;
  min-height: 100px;
  position: relative;
}
.contentElemente .contentElement .ceImg img {
  width: 100%;
  height: auto;
  display: block;
}
.contentElemente .contentElement .ceImg .imgTitle {
  position: absolute;
  margin: 0 auto;
  bottom: 15px;
  left: 15px;
  width: auto;
  height: 50px;
  font-size: 21px;
  color: #232323;
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  -moz-backdrop-filter: blur(5px);
  -o-backdrop-filter: blur(5px);
  -ms-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  font-weight: 300;
  letter-spacing: 0.50px;
  border-radius: 8px;
}
.contentElemente .contentElement.contentEven {
  background-color: #F2F2F2;
  /*.ceText*/
}
.contentElemente .contentElement.contentEven .ceText a {
  text-decoration: underline;
}
.contentElemente .contentElement.contentEven .ceText .inner h2.title {
  text-align: left;
}
.contentElemente .contentElement.contentEven .ceText .inner {
  padding: 40px 80px 0 0px;
}
/*.contentElemente*/
.contentElemente .contentElement.contentEven.noContent {
  background-color: transparent;
}
.teaserCommunity {
  padding: 40px 50px 90px 50px;
  background-color: #F1F3F7;
  border-radius: 38px;
  margin-right: 20px;
}
.teaserCommunity h2 {
  letter-spacing: 0.7px;
  color: #333333;
  font-size: 35px;
  line-height: 38px;
  font-weight: 600;
}
.teaserCommunity .txt {
  letter-spacing: 0px;
  color: #333333;
  font-size: 19px;
  line-height: 30px;
  margin: 15px 0 35px 0;
}
.teaserCommunity .smIcons {
  text-align: center;
  height: 50px;
  max-width: 175px;
  margin-left: 0;
  margin-right: auto;
}
.teaserCommunity a.smIcon {
  width: 42px;
  height: 42px;
  float: left;
  display: block;
}
.teaserCommunity a.smIcon.insta {
  background-image: url("/_skins/base/images/icon_insta_logo_b.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 20px;
  margin-top: 5px;
  width: 42px;
}
.teaserCommunity a.smIcon.linkIn {
  background-image: url("/_skins/base/images/icon_linked_logo_b.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 0;
  margin-top: 5px;
  width: 44px;
}
.teaserCommunity a.smIcon.fb {
  background-image: url("/_skins/base/images/icon_fb_logo_b.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-right: 20px;
  margin-top: 5px;
}
.teaserService {
  border: 1px solid #707070;
  border-radius: 38px;
  padding: 40px 50px 90px 50px;
}
.teaserService h2 {
  letter-spacing: 0.7px;
  color: #333333;
  font-size: 35px;
  line-height: 38px;
  font-weight: 600;
}
.teaserService .txt {
  letter-spacing: 0px;
  color: #333333;
  font-size: 19px;
  line-height: 30px;
  margin: 15px 0 30px 0;
}
.teaserService .serviceIcons {
  text-align: center;
  margin-top: 10px;
  height: 90px;
  max-width: 480px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}
.teaserService a.serviceIcon {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: relative;
  width: 89px;
  height: 89px;
  border-radius: 100%;
  background-color: #F1F3F7;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.teaserService a.serviceIcon svg {
  height: auto;
  display: block;
  margin: auto;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.teaserService a.serviceIcon:hover {
  background-color: #142b52;
}
.teaserService a.serviceIcon:hover svg path,
.teaserService a.serviceIcon:hover svg circle {
  fill: #FFF;
}
.teaserService a.serviceIcon.whatsApp svg {
  width: 31px;
}
.teaserService a.serviceIcon.email svg {
  width: 37px;
  height: 40px;
}
.teaserService a.serviceIcon.chat svg {
  width: 36px;
}
.teaserService a.serviceIcon::after {
  content: '';
  width: 100%;
  display: block;
  letter-spacing: 0px;
  color: #333333;
  font-size: 15px;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  text-decoration: underline;
}
.teaserService a.serviceIcon.whatsApp::after {
  content: 'WhatsApp';
}
.teaserService a.serviceIcon.email::after {
  content: 'E-Mail';
}
.teaserService a.serviceIcon.chat::after {
  content: 'Online Chat';
}
.articleContent {
  width: 100%;
  background-color: #F3F3F3;
}
.articleContent .articleContentInner {
  display: flex;
  max-width: 1505px;
  margin: 0px auto 0px auto;
  padding: 30px 20px;
  justify-content: space-between;
}
.articleContent .articleContentInner h2 {
  background-image: url("/_skins/base/images/dashed_line.svg");
  background-position: 0px bottom;
  background-repeat: repeat-x;
  background-size: auto 1px;
  text-align: left;
  letter-spacing: 0.5px;
  color: #142B52;
  font-size: 28px;
}
.articleContent .articleContentInner .articleDescription {
  width: calc(50% - 20px);
  max-width: 700px;
}
.articleContent .articleContentInner .articleDescription .txt {
  padding-right: 20px;
}
.articleContent .articleContentInner .articleDownloads {
  width: calc(50% - 20px);
  max-width: 700px;
}
.articleContent .articleContentInner .articleDownloads .download {
  background-image: url("/_skins/base/images/icon_pdf.svg");
  background-position: 0px center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  padding-left: 35px;
  width: 100%;
  color: #142b52;
  text-decoration: none;
  margin-bottom: 15px;
  min-height: 30px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.articleContent .articleContentInner .articleDownloads .download:hover {
  color: #009ee0;
}
.articleContent .articleContentInner .articleDownloads .download:hover span.title::after {
  background-color: #009ee0;
}
.articleContent .articleContentInner .articleDownloads .download span.title {
  position: relative;
}
.articleContent .articleContentInner .articleDownloads .download span.title::after {
  content: '';
  width: 100%;
  background-color: #00a992;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.articleContent .articleContentInner .articleDownloads .download span.info {
  margin-left: 10px;
  letter-spacing: 0.40px;
  color: #777777;
  font-size: 12px;
  line-height: 20px;
}
div#navigation {
  /* Navigation - Global*/
  margin-left: 20px;
  display: flex;
  /*.navbutton*/
}
div#navigation .navbutton {
  width: inherit;
  height: 30px;
  float: left;
  text-decoration: none;
  text-align: center;
  color: #35414d;
  position: relative;
  z-index: 10;
  /*span.title*/
}
div#navigation .navbutton span.title {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  padding: 0px 15px 0px 15px;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.5px;
  width: 100%;
  position: relative;
  color: #fff;
  transition: color 0.3s ease-in-out;
  display: flex;
  align-items: center;
}
div#navigation .navbutton.justMobile {
  display: none;
}
div#navigation .navbutton.justMobile.navbuttonSpecialFirst {
  margin-top: 15px;
}
div#navigation .navbutton.active {
  color: #009ee0;
}
div#navigation .navbutton.active span.title {
  color: #009ee0;
}
div#navigation .navbutton.active .icon_subgroup svg {
  transform: rotate(180deg);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
div#navigation .navbutton.active .icon_subgroup svg path {
  fill: #009ee0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
div#navigation a.navbutton_active span.title {
  color: #009ee0;
}
/* @end */
.container.containerRegisterKontakt {
  background-image: url("/_skins/base/images/bgd_flow_footer.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  background-color: #142b52;
  position: relative;
  color: #3c3c3c;
  z-index: 1;
  min-height: 550px;
}
.container {
  position: relative;
  color: #3c3c3c;
  z-index: 1;
  min-height: 550px;
  /* Basis layout */
  /* @end  */
}
.container .thxBack {
  margin-top: 10px;
  display: block;
}
.container #logo {
  width: 100%;
  max-height: 140px;
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  justify-content: right;
  align-items: end;
}
.container #logo img {
  width: 100%;
  display: block;
  height: auto;
  max-width: 190px;
}
.container #logo img.sigenergy {
  max-width: 210px;
  margin: 0px 0 0 20px;
}
.container div.mainRegisterContainer {
  text-align: left;
  width: 100%;
  max-width: 1120px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.container div.mainRegister {
  padding-top: 0px;
  height: auto;
  width: 100%;
  max-width: 730px;
  border-radius: 20px;
  display: flex;
  z-index: 9999;
  align-content: center;
  margin-top: 40px;
  flex-wrap: wrap;
  /*.button_reg*/
}
.container div.mainRegister h1 {
  margin-top: 0px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #fff;
}
.container div.mainRegister h2 {
  margin-top: 0px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #fff;
  font-size: 44px;
  line-height: 50px;
}
.container div.mainRegister h2 span {
  font-weight: 400;
  font-size: 23px;
  display: block;
  line-height: 16px;
}
.container div.mainRegister .button_reg {
  width: 100%;
  margin: 25px auto 0px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  float: none;
  background-color: #3e3e3e;
  border: 1px solid #3e3e3e;
  font-size: 21px;
  padding: 13px 25px;
  font-weight: 300;
  border-radius: 10px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.13);
  display: inline-block;
  letter-spacing: 2px;
  padding-left: 3vw;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Outfit';
  /*&:hover */
}
.container div.mainRegister .button_reg:hover {
  background-color: #009ee0;
  border: 1px solid #009ee0;
  color: #2C2C2C;
  color: #FFF;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container div.mainRegister h2.titleThx {
  font-weight: 400;
}
.container div.mainRegister .registerInfo {
  width: 100%;
  text-align: center;
  margin: 20px 0px 0px 0px;
  padding-bottom: 0px;
}
.container div.mainRegister .registerInfo a {
  margin: 5px auto 0px 0px;
  text-align: center;
  float: none;
  font-weight: 300;
  display: inline-block;
  max-width: 315px;
  outline: none;
  color: #2c2c2c;
  box-shadow: inset 0 -0.4em 0 0 #00afe2;
  text-decoration: none;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.mainRegister .registerInfo a:hover {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #00afe2;
  color: #2c2c2c;
}
.container .mainRegister > div.complextypes-Anmeldung-skin {
  width: 100%;
  padding: 30px;
  margin: auto;
  background: #fff;
  border-radius: 20px;
  display: flex;
  z-index: 9999;
  box-shadow: 19px 0 34px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all 0.2s ease 0.2s;
  -webkit-transition: all 0.2s ease 0.2s;
  -moz-transition: all 0.2s ease 0.2s;
  -o-transition: all 0.2s ease 0.2s;
  -ms-transition: all 0.2s ease 0.2s;
}
.container div.mainText {
  height: auto;
  width: 100%;
  max-width: 880px;
  padding: 40px 20px 40px 20px;
  margin: 45px auto 50px auto;
  border-radius: 20px;
  display: flex;
  z-index: 9999;
  align-content: center;
  left: 0;
  right: 0;
  flex-wrap: wrap;
  position: relative;
}
.container div.mainText .mainTextInner {
  width: 100%;
  padding: 40px;
  margin: auto;
  background: #fff;
  border-radius: 20px;
  display: flex;
  z-index: 9999;
  box-shadow: 19px 0 34px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: all 0.2s ease 0.2s;
  -webkit-transition: all 0.2s ease 0.2s;
  -moz-transition: all 0.2s ease 0.2s;
  -o-transition: all 0.2s ease 0.2s;
  -ms-transition: all 0.2s ease 0.2s;
}
.container .einleitung {
  color: #FFF;
  margin-bottom: 30px;
}
.container .einleitung .text {
  font-size: 14px;
}
.container div.ccm_form {
  /* Form - Global*/
}
.container div.ccm_form div.field {
  min-height: 20px;
  margin-bottom: 7px;
  position: relative;
  float: left;
  width: 100%;
}
.container div.ccm_form div.field.hideMessage .ErrorReportGen {
  display: none !important;
}
.container div.ccm_form div.fieldOption {
  min-height: 20px;
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
}
.container div.ccm_form div.field.shortField {
  margin-right: 20px;
  max-width: calc(50% - 10px);
}
.container div.ccm_form div.field.shortField.shortFieldRight {
  margin-right: 0px;
}
.container div.ccm_form div.field.StreetNumber {
  margin-right: 0px;
  max-width: 150px;
}
.container div.ccm_form div.field.City {
  margin-right: 0px;
  max-width: calc(100% - 10px - 150px);
}
.container div.ccm_form div.field.ZIP {
  margin-right: 10px;
  max-width: 150px;
}
.container div.ccm_form div.field.Nachricht {
  min-height: 200px;
}
.container div.ccm_form div.field.Nachricht textarea {
  min-height: 200px;
  height: 100%;
}
.container div.ccm_form div.field.Nachricht textarea:focus {
  min-height: 200px;
}
.container div.ccm_form div.field label {
  display: inline-block;
  float: left;
  font-size: 11px;
  position: absolute;
  left: 5px;
  top: 5px;
  padding: 0 0px;
  color: #919090;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  visibility: hidden;
  transition: all 0.4s ease 0.2s;
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  -o-transition: all 0.4s ease 0.2s;
  -ms-transition: all 0.4s ease 0.2s;
}
.container div.ccm_form div.field input,
.container div.ccm_form div.field textarea {
  float: left;
  background-color: #f2f2f2;
  border: none;
  padding: 11px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 5px 0px 5px 0px;
  width: 100%;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #b9b4b4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Jost';
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  color: #bdbdbd;
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.field.Password input,
.container div.ccm_form div.field.PasswordRepeat input {
  font-size: 16px;
}
.container div.ccm_form div.field input::placeholder {
  color: #888;
}
.container div.ccm_form div.field.Land select,
.container div.ccm_form div.field.TicketNumber select {
  width: 100%;
  min-height: 46px;
  margin: 5px 0px 5px 0px;
  padding: 15px 5px 5px 5px;
  font-size: 16px;
  text-align: center;
  color: #7b7b7b;
  -webkit-appearance: none;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #b9b4b4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f2f2f2;
}
.container div.ccm_form div.field.Land label,
.container div.ccm_form div.field.TicketNumber label {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  visibility: visible;
}
.container div.ccm_form div.TicketNumber_Caption {
  width: 140px;
  margin-right: 10px;
  float: left;
  display: flex;
  align-content: center;
  align-items: center;
  height: 47px;
}
.container div.ccm_form div.TicketNumber {
  width: calc(50% - 160px);
  float: left;
}
.container div.ccm_form div.TicketNumber select {
  padding-top: 12px !important;
}
.container div.ccm_form div.field textarea {
  text-align: left;
  text-transform: none;
  font-size: 14px;
}
.container div.ccm_form div.field .notEmptyInput textarea {
  padding: 30px 5px;
  color: #000000;
  font-size: 16px;
}
.container div.ccm_form div.field textarea:focus {
  min-height: 150px;
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.field.Password span.notEmptyInput,
.container div.ccm_form div.field.PasswordRepeat span.notEmptyInput {
  position: relative;
}
.container div.ccm_form div.field span.notEmptyInput {
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.field span.notEmptyInput span input {
  color: #000000;
  padding: 18px 5px 4px 5px;
  outline: none;
  text-transform: none;
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.field span.notEmptyInput span input:focus {
  border-bottom: 1px inset #4f4f4e;
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.field span.notEmptyInput label {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  visibility: visible;
  transition: all 0.4s ease 0.2s;
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  -o-transition: all 0.4s ease 0.2s;
  -ms-transition: all 0.4s ease 0.2s;
}
.container div.ccm_form div.field span.notEmptyInput {
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.field span.notEmptyInput span input:focus {
  text-align: center;
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.Datenschutz {
  position: relative;
}
.container div.ccm_form div.Datenschutz .ErrorReportGen {
  position: absolute;
  bottom: auto;
  line-height: 22px;
  width: auto;
  display: inline-block;
  left: 5px;
  top: 45px;
  max-width: 285px;
  right: auto;
  padding-left: 30px;
}
.container div.ccm_form div.Datenverarbeitung.fieldOption label {
  width: 100%;
  max-width: calc(100% - 50px);
  margin-right: 0;
  line-height: 20px;
  font-size: 13px;
  display: block;
  padding-left: 10px;
  float: left;
  letter-spacing: -0.5px;
}
.container div.ccm_form div.fieldOption.Sex {
  padding: 10px 0px 0px 0px;
  width: 100%;
  height: 60px;
  margin: 10px 0px 10px 0px;
}
.container div.ccm_form div.fieldOption.Sex span.notEmptyInput label {
  position: relative;
}
.container div.ccm_form div.fieldOption.Sex span {
  width: 250px;
  display: block;
}
.container div.ccm_form div.fieldOption.Sex span span {
  width: 250px;
  display: flex;
}
.container div.ccm_form div.fieldOption.Sex span span div {
  width: 125px;
  display: block;
  height: 40px;
}
.container div.ccm_form div.Sex.fieldOption input,
.container div.ccm_form div.Datenschutz input,
.container div.ccm_form div.Datenverarbeitung input,
.container div.ccm_form div.EmailNews input {
  float: left;
  background-color: #f2f2f2;
  border: none;
  padding: 15px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 19px;
  height: 35px;
  line-height: 35px;
  width: 35px;
  font-weight: 300;
  border: 1px solid #b9b4b4;
  color: #bdbdbd;
  transition: all 0.2s ease-in-out 0.3s;
  -webkit-transition: all 0.2s ease-in-out 0.3s;
  -moz-transition: all 0.2s ease-in-out 0.3s;
  -o-transition: all 0.2s ease-in-out 0.3s;
  -ms-transition: all 0.2s ease-in-out 0.3s;
}
.container div.ccm_form div.Sex.fieldOption input:hover,
.container div.ccm_form div.Datenschutz input:hover,
.container div.ccm_form div.Datenverarbeitung input:hover,
.container div.ccm_form div.EmailNews input:hover {
  cursor: pointer;
}
.container div.ccm_form div.Sex.fieldOption label,
.container div.ccm_form div.Datenschutz.fieldOption label,
.container div.ccm_form div.EmailNews.fieldOption label {
  width: 295px;
  margin: 0px 0px 0px 0px;
  padding-left: 10px;
  display: block;
  float: left;
  height: 40px;
  text-align: left;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
}
.container div.ccm_form div.Sex.fieldOption label {
  width: 90px;
}
.container div.ccm_form .requiredFields {
  height: 30px;
  line-height: 30px;
  width: 100%;
  display: block;
  margin-top: 10px;
}
.container div.ccm_form div.Datenschutz.fieldOption,
.container div.ccm_form div.EmailNews.fieldOption {
  margin-top: 10px;
}
.container div.ccm_form div.Datenschutz.fieldOption .txt,
.container div.ccm_form div.EmailNews.fieldOption .txt {
  font-size: 13px;
  width: 100%;
  display: block;
  float: left;
  margin: 0px;
  line-height: 18px;
  padding-left: 48px;
  pointer-events: none;
  margin-top: -5px;
  letter-spacing: -0.5px;
}
.container div.ccm_form div.Datenschutz.fieldOption .txt a,
.container div.ccm_form div.EmailNews.fieldOption .txt a {
  outline: none;
  color: #2c2c2c;
  box-shadow: inset 0 -0.4em 0 0 #00afe2;
  text-decoration: none;
  pointer-events: auto;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form div.Datenschutz.fieldOption .txt a:hover,
.container div.ccm_form div.EmailNews.fieldOption .txt a:hover {
  background-color: #00afe2;
  color: #2c2c2c;
}
.container div.ccm_form input#Datenschutz,
.container div.ccm_form input#Sex_1,
.container div.ccm_form input#Sex_2,
.container div.ccm_form input#Datenverarbeitung,
.container div.ccm_form input#PrivacyGDPR,
.container div.ccm_form input#Newsletter,
.container div.ccm_form input#EmailNewsletter {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  border-radius: 5px;
  float: left;
  background-color: #f2f2f2;
  border: none;
  padding: 15px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 19px;
  height: 35px;
  line-height: 35px;
  width: 35px;
  font-weight: 300;
  border: 1px solid #b9b4b4;
  margin-left: 0;
  color: #bdbdbd;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form .ErrorReportData.visible {
  margin-top: 30px;
  max-height: 200px;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form .ErrorReportData {
  width: 100%;
  display: block;
  text-align: center;
  color: red;
  height: 25px;
  line-height: 25px;
  margin-top: 0px;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.container div.ccm_form input#Datenschutz:after,
.container div.ccm_form input#Sex_1:after,
.container div.ccm_form input#Sex_2:after,
.container div.ccm_form input#Datenverarbeitung:after,
.container div.ccm_form input#PrivacyGDPR:after,
.container div.ccm_form input#Newsletter:after,
.container div.ccm_form input#EmailNewsletter:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  width: 100%;
  height: 100%;
  background-image: url("/_skins/base/images/ico_ok.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0px auto;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form input#Datenschutz:hover:after,
.container div.ccm_form input#Sex_1:hover:after,
.container div.ccm_form input#Sex_2:hover:after,
.container div.ccm_form input#Datenverarbeitung:hover:after,
.container div.ccm_form input#PrivacyGDPR:hover:after,
.container div.ccm_form input#Newsletter:hover:after,
.container div.ccm_form input#EmailNewsletter:hover:after {
  background-image: url("/_skins/base/images/ico_ok.svg");
  background-position: center center;
  background-size: 25px auto;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 20 );
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form input#Datenschutz:checked:after,
.container div.ccm_form input#Sex_1:checked:after,
.container div.ccm_form input#Sex_2:checked:after,
.container div.ccm_form input#Datenverarbeitung:checked:after,
.container div.ccm_form input#PrivacyGDPR:checked:after,
.container div.ccm_form input#Newsletter:checked:after,
.container div.ccm_form input#EmailNewsletter:checked:after {
  background-image: url("/_skins/base/images/ico_ok.svg");
  background-position: center center;
  background-size: 25px auto;
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form input#Datenschutz:checked:after:hover,
.container div.ccm_form input#Sex_1:checked:after:hover,
.container div.ccm_form input#Sex_2:checked:after:hover,
.container div.ccm_form input#Datenverarbeitung:checked:after:hover,
.container div.ccm_form input#PrivacyGDPR:checked:after:hover,
.container div.ccm_form input#Newsletter:checked:after:hover,
.container div.ccm_form input#EmailNewsletter:checked:after:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.container div.ccm_form input#Datenschutz:checked:hover:after,
.container div.ccm_form input#Sex_1:checked:hover:after,
.container div.ccm_form input#Sex_2:checked:hover:after,
.container div.ccm_form input#Datenverarbeitung:checked:hover:after,
.container div.ccm_form input#PrivacyGDPR:checked:hover:after,
.container div.ccm_form input#Newsletter:checked:hover:after,
.container div.ccm_form input#EmailNewsletter:checked:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
}
.container div.ccm_form .panelCaption {
  letter-spacing: 1px;
  color: #142b52;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 0px;
}
.container div.ccm_form div span.info {
  width: 430px;
  display: block;
  float: left;
  color: #9C9C9C;
  clear: left;
  margin-left: 136px;
  font-style: italic;
}
.container div.ccm_form div span.errorMessage {
  clear: left;
  color: #E51937;
  margin-left: 136px;
}
.container div.ccm_form div span.error input,
.container div.ccm_form div.ccm_form div span.error textarea {
  border: 1px solid #E51937;
}
.container div.ccm_form .ErrorReportGen {
  position: absolute;
  bottom: -10px;
  background-color: #ff4e5e;
  color: #fff;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 18px;
  right: 0;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  pointer-events: none;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form .notEmptyInput .ErrorReportGen {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form .error .notEmptyInput .ErrorReportGen {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.container div.ccm_form div.field.errorEmail span.notEmptyInput .ErrorReportGen {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
}
.productNavigation.show {
  position: fixed;
  top: 30px;
  z-index: 999;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation {
  position: relative;
  width: 100%;
  height: 30px;
  margin: 0px auto 0px auto;
  /*.level_inner_1*/
  /*.level_inner_1 .level_inner_2 .navbutton*/
}
.productNavigation:hover::after {
  max-width: 100vw;
}
.productNavigation .productNavigationInner {
  text-align: left;
  max-width: 1235px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 30px;
  display: flex;
}
.productNavigation .level_0 {
  width: 100%;
  display: block;
}
.productNavigation .level_0:hover span.img {
  filter: blur(0px);
  transition: all 0.35s ease 0.3s;
  -webkit-transition: all 0.35s ease 0.3s;
  -moz-transition: all 0.35s ease 0.3s;
  -o-transition: all 0.35s ease 0.3s;
  -ms-transition: all 0.35s ease 0.3s;
}
.productNavigation .closeSub {
  display: none;
}
.productNavigation .level_inner_1 {
  float: left;
  /*.navbutton*/
  /*&:hover*/
}
.productNavigation .level_inner_1 .navbutton {
  width: inherit;
  height: 30px;
  float: left;
  text-decoration: none;
  text-align: center;
  color: #35414d;
  position: relative;
  z-index: 10;
  /*span.title*/
}
.productNavigation .level_inner_1 .navbutton.active {
  height: 40px !important;
}
.productNavigation .level_inner_1 .navbutton span.title {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  padding: 0px 20px 0px 20px;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.5px;
  width: 100%;
  position: relative;
  color: #fff;
  transition: color 0.3s ease-in-out;
  display: flex;
  align-items: center;
}
.productNavigation .level_inner_1 .navbutton.active {
  color: #009ee0;
}
.productNavigation .level_inner_1 .navbutton.active span.title {
  color: #009ee0;
}
.productNavigation .level_inner_1 .navbutton.active .icon_subgroup svg {
  transform: rotate(180deg);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.productNavigation .level_inner_1 .navbutton.active .icon_subgroup svg path {
  fill: #009ee0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup {
  right: 5px;
  top: 3px;
  bottom: 0;
  position: absolute;
  width: 9px;
  height: 6px;
  display: flex;
  margin: auto 0;
}
.productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg {
  width: 100%;
  height: auto;
  display: block;
}
.productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg path {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.productNavigation .level_inner_1.subGroupsActive .navbutton:hover .icon_subgroup svg path {
  fill: #009ee0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.productNavigation .level_inner_1 .mobileClose {
  display: none;
}
.productNavigation .level_inner_1:hover span.img {
  filter: blur(0px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1:hover span.title {
  text-align: left;
  position: relative;
  display: flex;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.productNavigation .level_inner_1:hover .level_inner_2 span.title {
  margin-top: 0px;
}
.productNavigation .level_inner_1 .level_1 {
  background-color: #FFF;
  overflow: hidden;
  padding-right: 0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  visibility: hidden;
  left: 0px;
  position: absolute;
  top: 0px;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.productNavigation .level_inner_1 .level_1 .level_container {
  width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  max-width: 825px;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton,
.productNavigation .level_inner_1 .level_inner_2 {
  height: 40px;
  line-height: 40px;
  float: left;
}
.productNavigation .level_inner_1 .level_inner_2 {
  height: 40px;
  line-height: 40px;
  float: left;
  width: 220px;
  min-width: fit-content;
  max-width: 16%;
  background-color: transparent !important;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton {
  font-size: 13px;
  color: #35414d;
  text-transform: none;
  text-align: left;
  padding-left: 10px;
  border: none;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0);
  border-right: 1px solid #ddd;
  background-color: transparent !important;
  /*&:hover*/
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton .title {
  background-color: transparent;
  border-radius: 0px;
  margin-top: 0px;
  justify-content: left;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton .title span.innerTitle {
  position: relative;
  left: auto;
  right: auto;
  margin-left: 0;
  max-width: fit-content !important;
  padding: 0 2px;
  letter-spacing: 1px;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton .title span.innerTitle::after {
  background-color: #eee233;
  left: 2px;
  right: auto;
  position: absolute;
  content: '';
  bottom: 4px;
  height: 3px;
  max-width: 0%;
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton:hover span.title {
  background-color: #eee233;
  background-color: transparent;
  color: #18508b;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_inner_1 .level_inner_2 .navbutton:hover span.title span.innerTitle::after {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  max-width: 100%;
  color: #18508b;
  width: 100%;
}
.productNavigation .level_inner_1 .level_inner_2 {
  /*.level_2 .level_inner_3 .navbutton */
}
.productNavigation .level_inner_1 .level_inner_2 .level_2 .level_inner_3 .navbutton {
  font-size: 13px;
  color: #35414d;
  text-transform: none;
  text-align: left;
  padding-left: 20px;
  border: none;
  width: 170px;
  height: 27px;
  line-height: 27px;
  background-color: #FFFFFF;
  clear: both;
  /*&:hover*/
}
.productNavigation .level_inner_1 .level_inner_2 .level_2 .level_inner_3 .navbutton .title {
  background-color: #FFFFFF;
  height: 27px;
  line-height: 27px;
  margin-top: 0px;
}
.productNavigation .level_inner_1 .level_inner_2 .level_2 .level_inner_3 .navbutton:hover span.title {
  color: #FFFFFF;
  background-color: #35414d;
  border-radius: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productNavigation .level_1 .level_inner_2.navbutton_1 {
  clear: both;
}
.productNavigation .level_0 .level_inner_1.navContainer {
  position: relative;
}
.productNavigation .level_inner_1:hover .navbutton {
  height: 30px;
}
.productNavigation .level_inner_1:hover .level_inner_2 .navbutton {
  border-bottom: none;
  height: 30px;
  background-color: transparent;
}
.productNavigation .level_inner_1:hover .level_1 {
  /**/
  transition: all 0.2s linear 0.3s;
  -webkit-transition: all 0.2s linear 0.3s;
  -moz-transition: all 0.2s linear 0.3s;
  -o-transition: all 0.2s linear 0.3s;
  -ms-transition: all 0.2s linear 0.3s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  min-height: 70px;
  max-height: 600vh;
  padding-top: 15px;
  padding-bottom: 15px;
  top: 45px;
  z-index: 9;
  display: inline-table;
  border-bottom: 6px solid #eee334;
  border-bottom: 1px solid #1a548f21;
  text-align: left;
  filter: drop-shadow(1px 3px 5px rgba(12, 50, 86, 0.1));
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(30px);
  -moz-backdrop-filter: blur(30px);
  -o-backdrop-filter: blur(30px);
  -ms-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  visibility: visible;
}
.productNavigation .level_inner_1 .level_1.show {
  /**/
  transition: all 0.3s linear 0.1s;
  -webkit-transition: all 0.3s linear 0.1s;
  -moz-transition: all 0.3s linear 0.1s;
  -o-transition: all 0.3s linear 0.1s;
  -ms-transition: all 0.3s linear 0.1s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  min-height: 70px;
  top: 30px;
  z-index: 9999;
  display: inline-table;
}
.productNavigation .level_inner_1.navbutton_1:hover .level_1,
.productNavigation .level_inner_1.navbutton_2:hover .level_1,
.productNavigation .level_inner_1.navbutton_3:hover .level_1,
.productNavigation .level_inner_1.navbutton_4:hover .level_1,
.productNavigation .level_inner_1.navbutton_1 .level_1.show,
.productNavigation .level_inner_1.navbutton_2 .level_1.show,
.productNavigation .level_inner_1.navbutton_3 .level_1.show,
.productNavigation .level_inner_1.navbutton_4 .level_1.show {
  /*left Menüs*/
  left: 0px;
}
.productNavigation .level_inner_1.navbutton_5:hover .level_1,
.productNavigation .level_inner_1.navbutton_6:hover .level_1,
.productNavigation .level_inner_1.navbutton_7:hover .level_1,
.productNavigation .level_inner_1.navbutton_5 .level_1.show,
.productNavigation .level_inner_1.navbutton_6 .level_1.show,
.productNavigation .level_inner_1.navbutton_7 .level_1.show {
  /*right Menüs*/
  left: 0px;
}
.productNavigation .level_inner_1.navbutton_7 {
  border-right: none;
}
/*.productNavigation*/
.btn_down {
  height: 36px;
  display: block;
  position: absolute;
  left: 0;
  top: calc(-130px - 40px);
}
.btn_down:hover {
  cursor: pointer;
}
.btn_down:hover p::after {
  max-width: 100%;
}
.btn_down:hover p::after span {
  color: #fff;
}
.scrollDown {
  height: 36px;
  text-align: left;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  width: 100%;
  max-width: 180px;
  display: flex;
}
.scrollDown p {
  font-weight: 700;
  font-size: 14px;
  line-height: 33px;
  display: flex;
  align-items: center;
  font-family: 'Jost';
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #142b52;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.scrollDown p span {
  color: #fff;
}
.scrollDown p::after {
  background-color: #142b52;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  display: block;
  height: 2px;
  content: '';
  max-width: 0;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.scrollDown p::after span {
  color: #fff;
}
@keyframes scroll {
  0% {
    transform: translate(90px, 120px);
  }
  30% {
    transform: translate(90px, 200px);
  }
  100% {
    transform: translate(90px, 120px);
  }
}
.scrollDown svg #wheel {
  fill: #fff !important;
  transform: translate(90px, 120px);
  animation: scroll ease 2s infinite;
}
.scrollDown svg #mouse {
  fill: #00A992 !important;
  stroke: #fff !important;
  stroke-width: 10px;
  stroke: #00A992 !important;
}
.scrollDown:hover svg #mouse {
  fill: #009ee0 !important;
  stroke: #009ee0 !important;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.scrollDown *,
.scrollDown *::before,
.scrollDown *::after {
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.containerScroll {
  max-width: 1460px;
  margin: 0px auto 0px auto;
  width: 100%;
  position: relative;
}
.catTeaserContainer {
  max-width: 1370px;
  padding: 0 20px;
  margin: 0px auto 90px auto;
  padding-top: 50px;
}
.catTeasers {
  display: flex;
  justify-content: space-between;
}
.catTeasers .catTeaser {
  width: 100%;
  max-width: 418px;
  height: 205px;
  display: flex;
  position: relative;
}
.catTeasers .catTeaser .catTeaserInner {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 35px;
  background-size: 100% auto;
  background-position: 0 center;
  background-repeat: no-repeat;
  justify-content: right;
}
.catTeasers .catTeaser .catTeaserInner.contentLeft {
  justify-content: left;
}
.catTeasers .catTeaser .catTeaserInner.contentLeft .details {
  padding-left: 30px;
}
.catTeasers .catTeaser .details {
  width: 50%;
  display: flex;
  padding: 10px 0px 0 35px;
  align-content: center;
  flex-wrap: wrap;
}
.catTeasers .catTeaser .details .title {
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 25px;
  line-height: 30px;
  width: 100%;
  display: flex;
}
.catTeasers .catTeaser .details .brand {
  width: 100%;
  display: flex;
}
.catTeasers .catTeaser .details .brand img {
  width: 100%;
  height: auto;
  display: block;
}
.catTeasers .catTeaser .details .brand.brand_sigenergy img {
  max-width: 80px;
}
.catTeasers .catTeaser .img_cutOut {
  position: absolute;
  width: 50%;
  left: 0;
  bottom: 0;
  display: block;
}
.catTeasers .catTeaser .img_cutOut img {
  width: 100%;
  height: auto;
  display: block;
}
.catTeasers .catTeaser .link {
  background-color: #00a992;
  color: #FFF;
  border-radius: 33px;
  text-align: center;
  padding: 0px 20px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.45px;
  height: 44px;
  font-size: 15px;
  display: flex;
  align-items: center;
  max-width: fit-content;
  margin-top: 15px;
}
.mainCart,
.articlesCartConfirm {
  max-width: 994px;
  width: 100%;
  margin: 0 auto;
  min-height: 100px;
  text-align: left;
}
.mainCart .header,
.articlesCartConfirm .header,
.mainCart .article,
.articlesCartConfirm .article {
  width: 100%;
}
.mainCart .header,
.articlesCartConfirm .header {
  background: #fff;
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  display: grid;
  grid-template-columns: 5px
      110px
      1fr
      75px
      25px
      110px
      5px;
  align-items: center;
  gap: 10px;
  background-color: #f3f3f3;
  border-radius: 6px;
}
.mainCart .header .col,
.articlesCartConfirm .header .col {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.mainCart .header .col4,
.articlesCartConfirm .header .col4 {
  text-align: center;
}
.mainCart .article,
.articlesCartConfirm .article {
  background: #fdfdfd;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 10px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  /* Bildspalte */
  /* Titel / Ausführung */
  /* Menge */
  /* Delete */
  /* Preis */
}
.mainCart .article .topContent,
.articlesCartConfirm .article .topContent {
  display: grid;
  grid-template-columns: 5px
        110px
        1fr
        75px
        25px
        110px
        5px;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  line-height: 1.2;
}
.mainCart .article .col,
.articlesCartConfirm .article .col {
  font-size: 14px;
  color: #000;
}
.mainCart .article .mobileCaption,
.articlesCartConfirm .article .mobileCaption {
  display: none;
}
.mainCart .article .col2 .link,
.articlesCartConfirm .article .col2 .link {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}
.mainCart .article .col2 .img,
.articlesCartConfirm .article .col2 .img {
  width: 110px;
  min-height: 50px;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.mainCart .article .col2 .img img,
.articlesCartConfirm .article .col2 .img img {
  width: 80px;
  height: auto;
  min-height: 20px;
}
.mainCart .article .col3,
.articlesCartConfirm .article .col3 {
  font-size: 10px;
}
.mainCart .article .col3 a.link,
.articlesCartConfirm .article .col3 a.link {
  display: block;
  width: 100%;
  color: #333;
  text-decoration: none;
}
.mainCart .article .col3 a.link:hover,
.articlesCartConfirm .article .col3 a.link:hover {
  color: #009ee0;
  text-decoration: underline;
}
.mainCart .article .col3 .title,
.articlesCartConfirm .article .col3 .title {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.3px;
  display: block;
}
.mainCart .article .col3 .title .number,
.articlesCartConfirm .article .col3 .title .number {
  font-size: 13px;
  display: inline-block;
  margin-top: 8px;
  height: auto;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.mainCart .article .col4,
.articlesCartConfirm .article .col4 {
  text-align: center;
}
.mainCart .article .col4 input,
.articlesCartConfirm .article .col4 input {
  width: 40px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #e4e4e4;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #35414d;
  padding: 0;
  margin: 0;
  background: #fcfcfc;
  font-family: 'Jost';
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.mainCart .article .col4 input:hover,
.articlesCartConfirm .article .col4 input:hover,
.mainCart .article .col4 input:focus,
.articlesCartConfirm .article .col4 input:focus {
  box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.15);
  background: #f5f5f5;
}
.mainCart .article .col4.serviceQuantity input,
.articlesCartConfirm .article .col4.serviceQuantity input {
  width: 100%;
  max-width: calc(85%);
  font-size: 19px;
}
.mainCart .article .col5,
.articlesCartConfirm .article .col5 {
  text-align: center;
}
.mainCart .article .col5 .delete,
.articlesCartConfirm .article .col5 .delete,
.mainCart .article .col5 a,
.articlesCartConfirm .article .col5 a {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background: url("/_skins/base/images/ico_delete.svg") no-repeat center;
  background-size: 12px auto;
  text-indent: -9999px;
  cursor: pointer;
  border-radius: 100%;
  background-color: #f3f3f3;
}
.mainCart .article .col6,
.articlesCartConfirm .article .col6 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.mainCart .article .col6.servicePrice,
.articlesCartConfirm .article .col6.servicePrice {
  font-style: italic;
}
.infoCartPricing,
.infoCartPricingConfirmation {
  min-height: 40px;
  margin: 0px;
  /*.row*/
}
.infoCartPricing .btnInner,
.infoCartPricingConfirmation .btnInner {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  padding: 0 20px;
  letter-spacing: 0.4px;
  margin: 20px 0 0 0;
  font-family: 'Outfit';
}
.infoCartPricing .btnInner.btnInnerBlack,
.infoCartPricingConfirmation .btnInner.btnInnerBlack {
  background-color: #333;
}
.infoCartPricing .btnInner:hover,
.infoCartPricingConfirmation .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.infoCartPricing .row,
.infoCartPricingConfirmation .row {
  width: 100%;
}
.infoCartPricing .deliveryInfos,
.infoCartPricingConfirmation .deliveryInfos {
  background-color: #F2F2F2;
  font-size: 12px;
  padding: 0px 15px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px;
  border: 1px dashed transparent;
  position: relative;
  margin-top: 15px;
}
.infoCartPricing .deliveryInfos .opener,
.infoCartPricingConfirmation .deliveryInfos .opener {
  position: absolute;
  right: 0;
  width: 100%;
  height: 24px;
  z-index: 9;
  display: flex;
  /*.icoMore*/
}
.infoCartPricing .deliveryInfos .opener .icoMore,
.infoCartPricingConfirmation .deliveryInfos .opener .icoMore {
  background-image: url("/_skins/base/images/icon_opener.svg");
  background-position: 0px center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 15px;
  height: 16px;
  display: block;
  position: absolute;
  right: 7px;
  top: 4px;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.infoCartPricing .deliveryInfos .opener:hover,
.infoCartPricingConfirmation .deliveryInfos .opener:hover {
  cursor: pointer;
}
.infoCartPricing .deliveryInfos .opener.active .icoMore,
.infoCartPricingConfirmation .deliveryInfos .opener.active .icoMore {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.infoCartPricing .deliveryInfos .title,
.infoCartPricingConfirmation .deliveryInfos .title {
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  color: #FFF;
  width: calc(100% + 2px);
  height: 25px;
  display: flex;
  align-items: center;
  font-size: 13px;
  padding: 0 10px;
  letter-spacing: 0.3px;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  border-radius: 7px;
  background-color: #a8a8a8;
}
.infoCartPricing .deliveryInfos .txt,
.infoCartPricingConfirmation .deliveryInfos .txt {
  width: 100%;
  padding-top: 25px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
}
.infoCartPricing .deliveryInfos.show,
.infoCartPricingConfirmation .deliveryInfos.show {
  padding: 0px 15px 10px 15px;
  border: 1px dashed #333;
}
.infoCartPricing .deliveryInfos.show .title,
.infoCartPricingConfirmation .deliveryInfos.show .title {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.infoCartPricing .deliveryInfos.show .txt,
.infoCartPricingConfirmation .deliveryInfos.show .txt {
  width: 100%;
  padding-top: 35px;
  max-height: 700px;
  overflow: hidden;
}
.infoCartPricing .deliveryInfos .title,
.infoCartPricingConfirmation .deliveryInfos .title,
.infoCartPricing .deliveryInfos .txt,
.infoCartPricingConfirmation .deliveryInfos .txt {
  line-height: 17px;
}
.infoCartPricing .deliveryInfos .title p,
.infoCartPricingConfirmation .deliveryInfos .title p,
.infoCartPricing .deliveryInfos .txt p,
.infoCartPricingConfirmation .deliveryInfos .txt p {
  margin: 0;
}
.infoCartPricing .deliveryInfos .title li,
.infoCartPricingConfirmation .deliveryInfos .title li,
.infoCartPricing .deliveryInfos .txt li,
.infoCartPricingConfirmation .deliveryInfos .txt li {
  background-position: 0px 4px;
  background-size: 10px auto;
  padding: 1px 0px 1px 16px;
}
/*.infoCartPricing*/
.payment_form a,
.payment_form a.active {
  font-weight: 300;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  background: url("/_skins/base/images/ico_checkbox.svg");
  background-position: 0px 2px;
  background-repeat: no-repeat;
  background-size: 20px auto;
  padding-left: 30px;
  height: 22px;
  display: block;
  position: relative;
}
.payment_form a.active::after {
  background: url("/_skins/base/images/ico_checkbox_active.svg");
  background-position: 3px 5px;
  background-repeat: no-repeat;
  background-size: 14px auto;
  height: 22px;
  width: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.payment_form a.active {
  font-weight: 600;
}
.payment_form .radiobutton {
  margin-bottom: 20px;
}
.payment_form .radiobutton span.info {
  font-size: 12px;
  padding-left: 5px;
}
.payment_form .radiobutton span.radioDefault {
  background: url("/_skins/base/images/ico_checkbox.svg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 80px;
  width: 115px;
  height: 20px;
  display: inline-block;
  font-weight: 300;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  padding-left: 30px;
  pointer-events: none;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 30 );
}
/*.payment_form*/
*,
*:before,
*:after {
  box-sizing: border-box;
}
.menuBtn {
  display: none;
  transform: scale(0.5);
  width: 68px;
  height: 68px;
  background: #142b52;
  background: transparent;
  -webkit-touch-callout: none;
  user-select: none;
  position: absolute;
  right: 0px;
  top: 15px;
  pointer-events: auto;
  z-index: 9999;
  border-radius: 100%;
}
.menuBtn.active {
  background-color: rgba(0, 0, 0, 0.8);
}
.menuBtn:hover {
  cursor: pointer;
}
.pathMenu {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  mask: url(#mask);
}
.animatepathMenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}
.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  transform: rotate(0deg);
  transform-origin: 100% 0;
}
.path-rotation:before {
  content: '';
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: #ffffff;
}
@keyframes rotate-out {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-in {
  0% {
    transform: rotate(360deg);
  }
  40% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.menuBtn.active .path {
  animation: dash-in 0.6s linear normal;
  animation-fill-mode: forwards;
}
.menuBtn.active .animatepathMenu {
  animation: rotate-in 0.6s linear normal;
  animation-fill-mode: forwards;
}
.menuBtn.is-closed .path {
  animation: dash-out 0.6s linear normal;
  animation-fill-mode: forwards;
}
.menuBtn.is-closed .animatepathMenu {
  animation: rotate-out 0.6s linear normal;
  animation-fill-mode: forwards;
}
.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}
@keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 240;
  }
  100% {
    stroke-dashoffset: 240;
  }
}
.menu-icon {
  position: absolute;
  padding: 20px 16px;
  height: 68px;
  width: 68px;
}
.menu-container {
  position: relative;
  height: 28px;
  width: 36px;
}
.menu-bun-top,
.menu-bun-bot,
.menu-filling {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;
  background: #ffffff;
}
.menu-bun-top {
  top: 0;
  transform-origin: 34px 2px;
}
.menu-bun-bot {
  bottom: 0;
  transform-origin: 34px 2px;
}
.menu-filling {
  top: 12px;
}
.menu-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}
.svg-ring {
  width: 68px;
  height: 68px;
}
.menuBtn.active .menu-bun-top {
  animation: bun-top-out 0.6s linear normal;
  animation-fill-mode: forwards;
}
.menuBtn.active .menu-bun-bot {
  animation: bun-bot-out 0.6s linear normal;
  animation-fill-mode: forwards;
}
.menuBtn.is-closed .menu-bun-top {
  animation: bun-top-in 0.6s linear normal;
  animation-fill-mode: forwards;
}
.menuBtn.is-closed .menu-bun-bot {
  animation: bun-bot-in 0.6s linear normal;
  animation-fill-mode: forwards;
}
@keyframes bun-top-out {
  0% {
    left: 0;
    top: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    top: 0;
    transform: rotate(15deg);
  }
  80% {
    left: -5px;
    top: 0;
    transform: rotate(-60deg);
  }
  100% {
    left: -5px;
    top: 1px;
    transform: rotate(-45deg);
  }
}
@keyframes bun-bot-out {
  0% {
    left: 0;
    transform: rotate(0deg);
  }
  20% {
    left: 0;
    transform: rotate(-15deg);
  }
  80% {
    left: -5px;
    transform: rotate(60deg);
  }
  100% {
    left: -5px;
    transform: rotate(45deg);
  }
}
@keyframes bun-top-in {
  0% {
    left: -5px;
    bot: 0;
    transform: rotate(-45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(-60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(15deg);
  }
  100% {
    left: 0;
    bot: 1px;
    transform: rotate(0deg);
  }
}
@keyframes bun-bot-in {
  0% {
    left: -5px;
    transform: rotate(45deg);
  }
  20% {
    left: -5px;
    bot: 0;
    transform: rotate(60deg);
  }
  80% {
    left: 0;
    bot: 0;
    transform: rotate(-15deg);
  }
  100% {
    left: 0;
    transform: rotate(0deg);
  }
}
.menuBtn.active .menu-filling {
  animation: menu-fill-out 0.6s linear normal;
  animation-fill-mode: forwards;
}
.menuBtn.is-closed .menu-filling {
  animation: menu-fill-in 0.6s linear normal;
  animation-fill-mode: forwards;
}
@keyframes menu-fill-in {
  0% {
    width: 0;
    left: 36px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  80% {
    width: 36px;
    left: -6px;
  }
  100% {
    width: 36px;
    left: 0px;
  }
}
@keyframes menu-fill-out {
  0% {
    width: 36px;
    left: 0px;
  }
  20% {
    width: 42px;
    left: -6px;
  }
  40% {
    width: 0;
    left: 40px;
  }
  100% {
    width: 0;
    left: 36px;
  }
}
.containerTeam {
  width: 100%;
  margin: 40px 0 40px;
  display: flex;
  flex-wrap: wrap;
}
.containerTeam h2 {
  text-align: left;
  margin-bottom: 40px;
  letter-spacing: 0.90px;
  color: #142b52;
  font-size: 44px;
  line-height: 50px;
  width: 100%;
  display: flex;
}
.containerTeam #main-team {
  width: 100%;
  display: flex;
}
.team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.team .mitarbeiter {
  width: 100%;
  margin: 0 20px 60px 0;
  max-width: calc(100% * (1/3) - 20px);
}
.team .mitarbeiter .img {
  max-width: 200px;
  height: auto;
  margin: 0 0 15px 0;
  aspect-ratio: 0.8;
  background-color: #f4f4f4;
}
.team .mitarbeiter .img img {
  width: 100%;
  height: auto;
  display: block;
}
.team .mitarbeiter .name {
  font-weight: 600;
}
.team .mitarbeiter .position {
  width: 100%;
  display: block;
  font-size: 16px;
}
.team .mitarbeiter .email {
  width: 100%;
  display: block;
  font-size: 16px;
  margin-top: 2px;
}
.team .mitarbeiter a {
  color: #142b52;
}
.team .mitarbeiter a:hover {
  color: #009ee0;
}
.clearB {
  clear: both;
}
.arrow_wrap {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 8px;
  min-height: 300px;
  padding: 20px;
}
.subGroups.level_0 > .complextypes-ProductGroup-navigation_groups {
  min-height: 300px;
}
.main_group.show {
  background-color: lightgrey;
}
.werbung {
  background-color: #00a992;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  right: 0;
  padding-left: 30px;
  display: flex;
  justify-content: left;
  height: 34px;
  align-items: center;
}
.werbung a {
  font: normal normal normal 15px/28px Jost;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  text-decoration: none;
}
.werbung p {
  margin: 0;
}
.activeTeaser .werbung {
  max-width: calc(100% - 210px);
}
.subGroups.level_0 {
  display: flex;
}
.subGroups.level_0 .sub_group_level_2 {
  padding: 30px 30px 34px 30px;
  text-align: left;
  min-width: 190px;
  border-right: 1px solid #DFDFDF;
}
.subGroups.level_0 .activeAktion .sub_group_level_2 {
  padding-bottom: 44px;
}
.subGroups.level_0 .groupCounter_3 .subGroup .sub_group_level_2 {
  min-width: 210px;
  flex-wrap: wrap;
  display: flex;
  align-content: baseline;
}
.subGroups.level_0 .groupCounter_2.main_group .subGroup.level_1 {
  width: 490px;
}
.subGroups.level_0 .groupCounter_3.main_group .subGroup.level_1 {
  width: 690px;
}
.subGroups.level_0 .complextypes-ProductGroup-navigation_groups .navbutton {
  width: fit-content;
  display: flex;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #142b52;
  text-decoration: none;
  font-family: 'Jost';
  font-weight: 400;
  line-height: 28px;
  flex: 0 0 auto;
  clear: both;
  display: inline-block;
  width: max-content;
  display: inline-flex;
  white-space: nowrap;
  width: auto;
  flex: unset;
  float: none;
  clear: none;
  box-sizing: border-box;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.subGroups.level_0 .complextypes-ProductGroup-navigation_groups .navbutton:hover {
  color: #009ee0;
}
.subGroups.level_0 .complextypes-ProductGroup-navigation_groups .subGroup.level_2 {
  display: grid;
  grid-template-columns: repeat(var(--cols, 1), max-content);
  /* 3 Buttons pro Zeile */
  gap: 4px 5px;
  justify-content: start;
  /* linksbündig, kein Stretch */
}
.subGroups.level_0 .complextypes-ProductGroup-navigation_groups .subGroup {
  display: flex;
}
.subGroups.level_0 .complextypes-ProductGroup-navigation_groups .subGroup .groupTitle {
  width: fit-content;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.3px;
  color: #142b52;
  white-space: nowrap;
  margin-bottom: 15px;
}
.subGroups.level_0 .main_group.activeTeaser > .complextypes-ProductGroup-navigation_groups {
  max-width: calc(100% - 210px);
}
.subGroup.level_1 {
  display: flex;
}
#nav_wrapper {
  position: sticky;
  top: 0;
  background: #fff;
  filter: drop-shadow(10px 0 10px rgba(12, 50, 86, 0.1));
  z-index: 50;
  position: relative;
  overflow: hidden;
  transition: height .2s ease;
  width: 100vw;
  width: 400px;
  border-radius: 8px;
  transition: width .3s ease .1s;
}
#nav_wrapper.activeAktionInside {
  border-radius: 8px 8px 8px 0px;
}
#nav_wrapper.groupWidth_2 {
  width: 490px;
}
#nav_wrapper.groupWidth_2 .sub_group_level_2 {
  width: 50%;
}
#nav_wrapper.groupWidth_3 {
  width: 690px;
}
#nav_wrapper.groupWidth_3.activeTeaserInside {
  width: 900px;
}
#nav_wrapper.groupWidth_4 {
  width: 820px;
}
#nav_wrapper .groupCounter_2.main_group {
  width: 490px !important;
}
#nav_wrapper .groupCounter_3.main_group {
  width: 690px !important;
}
#nav_wrapper .groupCounter_4.main_group {
  width: 820px !important;
}
#nav_wrapper.activeTeaserInside .groupCounter_3.main_group {
  width: 900px !important;
}
#productGroups {
  position: relative;
}
#productGroups .subGroups.level_0 {
  position: relative;
}
#productGroups .main_group {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-12%);
  transition: transform .52s ease,opacity .33s ease;
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: space-between;
}
#productGroups .main_group .textlink {
  display: flex;
  justify-content: end;
  width: 100%;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  color: #009ee0;
  margin-right: 10px;
  text-decoration: none;
  margin-bottom: 10px;
  margin-left: auto;
  width: calc(100% - 100px);
  display: none;
}
#productGroups .main_group .textlink div {
  background-image: url("/_skins/base/images/icon_config.svg");
  background-position: right 5px top 5px;
  background-repeat: no-repeat;
  background-size: 20px auto;
  padding: 3px 37px 3px 7px;
  border-radius: 8px;
  float: right;
  border: 1px dashed #009ee0;
  line-height: 20px;
}
#productGroups .main_group .teaser {
  max-width: 210px;
  width: 100%;
  position: relative;
}
#productGroups .main_group .teaser .layer_teaser {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
#productGroups .main_group .teaser .layer_teaser:hover .link {
  background-color: #142b52;
}
#productGroups .main_group .teaser.teaser_sigenstor {
  background-image: url("/_skins/base/images/teaser_sigenstor.jpg");
  background-position: 0 bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#productGroups .main_group .teaser.teaser_sigenstack {
  background-image: url("/_skins/base/images/teaser_sigenstack.jpg");
  background-position: 0 bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#productGroups .main_group .teaser .link {
  background-image: url("/_skins/base/images/icon_link.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
  background-color: #009EE0;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  right: 10px;
  bottom: 40px;
  border-radius: 8px;
  z-index: 999;
}
#productGroups .main_group .teaser .link:hover {
  background-color: #142b52;
}
#productGroups .main_group .teaser .title {
  background-color: #142b52;
  border-bottom-right-radius: 8px;
  color: #FFF;
  letter-spacing: 0.8px;
  font-weight: 600;
  font-size: 16px;
  justify-content: center;
  padding: 0 30px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#productGroups .main_group.is_left {
  transform: translateX(-100%);
  opacity: 0;
  z-index: 1;
}
#productGroups .main_group.is_right {
  transform: translateX(100%);
  opacity: 0;
  z-index: 1;
}
#productGroups .main_group.is_active {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
  min-height: 337px;
}
.nav_wrap {
  position: relative;
  padding-top: 0px;
}
.nav_wrap.open {
  padding-top: 13px;
}
.nav_arrow {
  width: 30px;
  height: 20px;
  display: block;
  z-index: 100;
  background-color: #fff;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  top: 8px;
  left: 7%;
  opacity: 0;
  visibility: hidden;
  transform: rotate(45deg);
  box-shadow: -2px 0 5px #162324 0d;
  position: absolute;
  transition: left .52s ease;
}
.nav_arrow.is_visible {
  opacity: 1;
  visibility: visible;
  transition: left .52s ease;
}
.articlesOV .grid-item,
.articlesOV .grid-sizer {
  width: calc(100% * (1/3) - 20px);
}
.articlesOV {
  max-width: 1460px;
  margin: 0 auto;
  padding: 0 10px;
}
.articlesOV .article {
  margin: 0 0px 45px 0px;
  width: calc(100% * (1/3) - 20px);
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  position: relative;
  border-radius: 20px;
  background-color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.articlesOV .article:hover {
  box-shadow: 0px 3px 8px #0000000D;
}
.articlesOV .article.hideArticle {
  display: none !important;
}
.articlesOV .article .imgOV {
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  width: 100%;
}
.articlesOV .article .imgOV img {
  width: 100%;
  height: auto;
  display: block;
}
.articlesOV .article .imgOV.imgOV_logo {
  height: 100%;
  max-height: calc(100% / 2.80);
  display: flex;
  justify-content: center;
  align-content: center;
}
.articlesOV .article .imgOV.imgOV_logo img {
  width: auto;
  max-width: 70%;
  margin: auto;
  height: auto;
  display: block;
  max-height: 90px;
}
.articlesOV .article.eventArticle .imgOV {
  height: 100%;
  max-height: calc(100% / 2.80);
}
.articlesOV .article.eventArticle .imgOV img {
  width: 100%;
  height: auto;
  display: block;
}
.articlesOV .article .bild {
  width: 100%;
  min-height: 300px;
  text-align: center;
  display: flex;
  align-items: center;
}
.articlesOV .article .bild img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-height: 300px;
}
.articlesOV .article .logoEvent {
  width: 100%;
  max-width: 255px;
  margin: 0px auto 20px auto;
  text-align: center;
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}
.articlesOV .article .logoEvent img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-height: 140px;
}
.articlesOV .article .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.articlesOV .article .details {
  width: 100%;
  display: block;
  padding: 20px 20px 13px 20px;
}
.articlesOV .article .details h2 {
  width: 100%;
  font-family: 'Jost';
  margin: 0px 0px 15px 0px;
  text-align: left;
  font-size: 21px;
  line-height: 27px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #333333;
}
.articlesOV .article .details .title .subtitle {
  letter-spacing: 0.70px;
  color: #515151;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  margin: 5px 0 20px 0;
}
.articlesOV .article .details .title.subActive h2 {
  margin: 0px 0px 5px 0px;
}
.articlesOV .article .details .text {
  font-weight: 400;
  min-height: 15px;
  letter-spacing: 0.3px;
  color: #333333;
  font-size: 16px;
  line-height: 26px;
}
.articlesOV .article .details .text strong {
  font-weight: 600;
}
.articlesOV .article .details .date {
  margin: 20px auto 0 auto;
  color: #8D8D8D;
  line-height: 22px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.articlesOV .article .details .date .dateInner {
  display: flex;
  align-items: center;
}
.articlesOV .article .details .date .dateInner span.blogCat {
  font-family: 'Jost';
  letter-spacing: 0.35px;
  font-size: 12px;
  color: #333333;
  display: flex;
  line-height: 22px;
  align-items: center;
  background: #f2f2f2 0% 0% no-repeat padding-box;
  border-radius: 22px;
  padding: 0 8px;
  margin: 0 15px 0 0;
  justify-content: center;
}
.articlesOV .article .details .date_published {
  font-size: 14px;
}
.articleVO {
  position: relative;
}
.articleVO .backLink {
  background-image: url("/_skins/base/images/icon_back.svg");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  position: absolute;
  left: 0;
  top: -40px;
  text-decoration: none;
  padding-left: 15px;
}
.articleVO .backLink span {
  position: relative;
}
.articleVO .backLink span::after {
  content: '';
  width: 100%;
  background-color: #00a992;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.articleVO .contentElemente .contentElement {
  margin: 30px 0px 30px 0px;
}
.articleVO h1 {
  text-align: left;
  letter-spacing: 0.90px;
  color: #142b52;
  font-size: 44px;
  line-height: 50px;
  margin-bottom: 30px;
  max-width: 900px;
}
.articleVO .subtitle {
  letter-spacing: 0.70px;
  color: #142b52;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 25px 0;
}
.articleVO .date {
  margin: 0 auto;
  display: block;
  width: 100%;
  line-height: 26px;
  font-size: 17px;
}
.articleVO img {
  max-width: 900px;
  height: auto;
}
.articleVO .kurztext {
  margin: 10px 0 50px 0px;
  max-width: 800px;
}
.articleVO .langtext {
  margin: 10px 0 50px 0px;
  max-width: 900px;
  text-align: left;
  font-size: 18px;
  letter-spacing: 0.50px;
  font-weight: 300;
  color: #333333;
  line-height: 28px;
}
.articleVO .mainImg {
  margin: 30px 0 50px 0px;
}
.articleVO .mainImg img {
  width: 100%;
  height: auto;
  display: block;
}
.articleVO .articleInfo {
  font-size: 14px;
  border-top: 1px solid #eee;
  padding: 10px 10px 0 10px;
  margin-top: 10px;
  width: 100%;
  display: block;
}
.container.containerAbout {
  min-height: 750px;
  position: relative;
  padding-top: 0;
  padding-bottom: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.9);
  background: transparent radial-gradient(closest-side at 51% 51%, #36507d 0%, #142b52 100%) 0% 0% no-repeat padding-box;
}
.container.containerAbout .TextItem_3 {
  max-width: 700px;
  text-align: center;
  color: #FFF;
  margin: 0 auto;
  position: relative;
  padding: 240px 20px 0 20px;
}
.container.containerAbout .TextItem_3 .btn {
  background-color: #009ee0;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  padding: 0px 35px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.51px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  display: block;
  max-width: fit-content;
  margin: 30px auto 15px auto;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.container.containerAbout .TextItem_3 .btn:hover {
  background-color: #00a992;
}
.container.containerAbout .TextItem_3 h2 {
  margin-bottom: 30px;
  font-size: 45px;
  line-height: 50px;
  color: #FFF;
}
.container.containerAbout .TextItem_3 .innerTextItem {
  position: relative;
  padding: 0px 0px 150px 0px;
}
.container.containerAbout .TextItem_3::before {
  background-image: url("/_skins/base/images/sigenergy_gold_partner.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 275px;
  height: 115px;
  position: absolute;
  left: 0;
  top: 110px;
  content: '';
  display: block;
  right: 0;
  margin: 0 auto;
}
.container.containerAbout .TextItem_3 .innerTextItem::before {
  background-image: url("/_skins/base/images/sunlumo_sigenergy.svg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  max-width: 468px;
  height: 120px;
  position: absolute;
  left: 0;
  bottom: 10px;
  content: '';
  display: block;
  right: 0;
  margin: 0 auto;
}
.textTeasers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 50px 0;
  margin: 50px 0 50px 0;
  font-family: 'Jost';
  border-radius: 20px;
}
.textTeasers .textTeaser {
  text-align: center;
  background-color: #F2F2F2;
  padding: 40px;
  width: 100%;
  max-width: calc(50% - 20px);
}
.textTeasers .textTeaser h2 {
  margin-bottom: 30px;
  font-size: 43px;
  line-height: 50px;
  color: #142b52;
}
.textTeasers .textTeaser .subtitle {
  letter-spacing: 0.70px;
  color: #142b52;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 25px 0;
}
.textTeasers .textTeaser .Text {
  line-height: 28px;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.textTeasers .textTeaser .btn {
  background-color: #009ee0;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  padding: 0px 35px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.51px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  display: block;
  max-width: fit-content;
  margin: 30px auto 0 auto;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.textTeasers .textTeaser .btn:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  cursor: pointer;
  background-color: #00a992;
}
.tip {
  position: relative;
}
.tip.active {
  position: relative;
}
.tip.active::before,
.tip.active::after {
  display: none;
}
.tip::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  font-size: 12px;
  bottom: -13px;
  transform: translateX(-50%);
  padding: 0 5px 2px 5px;
  background: #142b52;
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s;
  height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.3px;
}
.tip::before {
  background-image: url("/_skins/base/images/icon_poly_b.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s;
  z-index: 10;
  width: 12px;
  height: 9px;
  bottom: 5px;
}
.tip-bottom::after {
  top: calc(100.7%);
}
.tip-bottom::before {
  top: calc(100.1%);
  border-bottom-color: #142b52;
}
.tip:hover::after,
.tip:focus-visible::after,
.tip:hover::before,
.tip:focus-visible::before {
  opacity: 1;
  visibility: visible;
}
/* Visuell versteckt, Screenreader-sichtbar */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.modulItem {
  width: 100%;
  position: relative;
}
.modulItem .ms_inner {
  display: flex;
  margin: 0 auto;
  max-width: 1505px;
  padding: 0 20px;
  width: 100%;
}
.modulsetElement {
  width: 100%;
  max-width: 2560px;
  margin: 0px auto;
  background-color: #F3F3F3;
}
.modulsetElement .modulsetElementContainer {
  padding: 0 20px;
  margin: 0 auto;
  /*&.zweispalter-text*/
}
.modulsetElement .modulsetElementContainer.ms_960 {
  max-width: 1000px;
  padding: 0 20px;
}
.modulsetElement .modulsetElementContainer.ms_1115 {
  max-width: 1000px;
  padding: 0 20px;
}
.modulsetElement .modulsetElementContainer.ms_1300 {
  max-width: 1340px;
  padding: 0 20px;
}
.modulsetElement .modulsetElementContainer.ms_1400 {
  max-width: 1460px;
}
.modulsetElement .modulsetElementContainer.downloadBlock .msContainerInner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1460px;
  margin: 0 auto;
}
.modulsetElement .modulsetElementContainer.downloadBlock .msContainerInner .title,
.modulsetElement .modulsetElementContainer.downloadBlock .msContainerInner .txt {
  width: 100%;
  max-width: 750px;
  display: flex;
}
.modulsetElement .modulsetElementContainer.downloadBlock .msContainerInner .txt {
  width: 100%;
  max-width: 750px;
  display: flex;
}
.modulsetElement .modulsetElementContainer.downloadBlock .msContainerInner .title h2 {
  font-weight: 600;
  letter-spacing: 1.3px;
  font-size: 44px;
  line-height: 50px;
}
.modulsetElement .modulsetElementContainer.zweispalter-text .msContainerInner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1460px;
  margin: 0 auto;
}
.modulsetElement .modulsetElementContainer.zweispalter-text .msContainerInner .title h2 {
  font-weight: 600;
  letter-spacing: 1.3px;
  font-size: 44px;
  line-height: 50px;
}
.modulsetElement .modulsetElementContainer .msContainerInner.msContainerInnerFlex {
  display: flex;
  flex-wrap: wrap;
}
.ModulSpacer {
  width: 100%;
}
.ModulSpacer.ms_space_ExtraSmall {
  height: 30px;
}
.ModulSpacer.ms_space_Small {
  height: 60px;
}
.ModulSpacer.ms_space_Middle {
  height: 120px;
}
.ModulSpacer.ms_space_Large {
  height: 150px;
}
.ModulSpacer.ms_space_ExtraLarge {
  height: 250px;
}
.downloadBlock .complextypes-Downloadblock-skin {
  width: 100%;
  max-width: 600px;
}
.downloadBlock .complextypes-Downloadblock-skin .modulDownloads {
  width: 100%;
}
.downloadBlock .download {
  background-image: url("/_skins/base/images/icon_pdf.svg");
  background-position: 0px center;
  background-repeat: no-repeat;
  background-size: 21px auto;
  padding-left: 35px;
  width: fit-content;
  color: #142b52;
  text-decoration: none;
  margin-bottom: 15px;
  min-height: 30px;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.downloadBlock .download:hover {
  color: #009ee0;
}
.downloadBlock .download:hover span.title::after {
  background-color: #009ee0;
}
.downloadBlock .download span.title {
  position: relative;
}
.downloadBlock .download span.title::after {
  content: '';
  width: 100%;
  background-color: #00a992;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.downloadBlock .download span.info {
  margin-left: 10px;
  letter-spacing: 0.40px;
  color: #777777;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  width: 100%;
  max-width: fit-content;
}
.shopFeaturesContainer {
  display: flex;
  width: 100%;
  padding: 0px 0 20px 0;
  background-color: #fff;
}
.shopFeaturesContainer .msContainerInner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1460px;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  justify-content: space-between;
}
.shopFeaturesContainer .msContainerInner .element {
  text-align: center;
}
.shopFeaturesContainer .msContainerInner .element .title {
  line-height: 30px;
  color: #333333;
  font-size: 21px;
  font-weight: 600;
}
.shopFeaturesContainer .msContainerInner .element .icon img {
  width: 100%;
  height: auto;
  max-width: 65px;
  max-height: 65px;
}
.shopFeaturesContainer .msContainerInner .element .text {
  line-height: 30px;
  color: #333333;
  font-weight: 300;
  font-size: 19px;
}
.produktblock {
  display: flex;
  width: 100%;
  padding: 0px 0 20px 0;
  background-color: #F3F3F3;
}
.produktblock.produktblock_odd {
  padding-top: 20px;
  padding-bottom: 40px;
}
.produktblock .ms_inner {
  display: flex;
  justify-content: space-between;
}
.produktblock .ms_inner .produkt {
  margin: 0px 10px 5px 0px;
  padding: 15px 15px 30px 15px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  max-width: 385px;
  display: flex;
  flex-wrap: wrap;
  height: unset;
  transition: all 0.2s linear 0s;
  border: 1px solid #eee;
  align-content: baseline;
  aspect-ratio: 0.80208333;
  max-height: 480px;
  width: calc((100% * (1 / 3) - 5px));
  /*.title*/
  /*&:hover*/
}
.produktblock .ms_inner .produkt.produkt3 {
  width: 658px;
  max-width: calc((100% * (2 / 3) - 10px));
  padding: 0px;
  margin-right: 0px;
  aspect-ratio: 1.37083333;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner {
  position: relative;
  height: 100%;
  /*.btn_addCart */
}
.produktblock .ms_inner .produkt.produkt3 .produktInner img {
  width: auto;
  height: 100%;
  display: block;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .details {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: fit-content;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  max-width: 360px;
  justify-content: left;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .details .productitle {
  font-weight: 600;
  letter-spacing: 0px;
  color: #333333;
  font-size: 38px;
  line-height: 45px;
  max-width: 340px;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .details .productitle.white_font {
  color: #FFF;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .details .productsubtitle {
  font-weight: 600;
  letter-spacing: 0px;
  color: #333333;
  font-size: 21px;
  line-height: 30px;
  margin-top: 5px;
  width: 100%;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .details .productsubtitle.white_font {
  color: #FFF;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .link {
  width: auto;
  height: 43px;
  line-height: 43px;
  float: right;
  display: flex;
  max-width: 190px;
  width: 100%;
  margin: 20px 0 0 0;
  text-decoration: none;
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .link .btnInner {
  font-size: 17px;
  font-weight: 500;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 43px;
  line-height: 43px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  text-transform: lowercase;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  letter-spacing: 0.4px;
  font-family: 'Outfit';
}
.produktblock .ms_inner .produkt.produkt3 .produktInner .link .btnInner:hover {
  background-color: #142b52;
  color: #fff;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.produktblock .ms_inner .produkt .title {
  font-size: 21px;
  letter-spacing: 0px;
  color: #333333;
  line-height: 28px;
  text-decoration: none;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 0 10px;
  max-width: 300px;
  margin: 5px auto 0 auto;
  width: 100%;
  font-weight: 500;
  min-height: 58px;
}
.produktblock .ms_inner .produkt .titleSpacer {
  height: 45px;
}
.produktblock .ms_inner .produkt span.img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 0.9943662;
}
.produktblock .ms_inner .produkt span.img img {
  max-height: 370px;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.produktblock .ms_inner .produkt.produkt1 .link,
.produktblock .ms_inner .produkt.produkt2 .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.produktblock .ms_inner .produkt.produkt1 .highlightLabel,
.produktblock .ms_inner .produkt.produkt2 .highlightLabel {
  font-weight: 600;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #ffbd5d;
  line-height: 21px;
  left: 0;
  border-bottom-right-radius: 5px;
}
.produktblock .ms_inner .produkt.produkt1 .highlightLabel.label_Aktion,
.produktblock .ms_inner .produkt.produkt2 .highlightLabel.label_Aktion {
  background-color: #d02123;
  color: #FFF;
}
.produktblock .ms_inner .produkt.produkt1 .highlightLabel.label_Neu,
.produktblock .ms_inner .produkt.produkt2 .highlightLabel.label_Neu {
  background-color: #1be6ca;
}
.produktblock .ms_inner .produkt.produkt1 .childAttributeValues,
.produktblock .ms_inner .produkt.produkt2 .childAttributeValues {
  width: 100%;
  display: flex;
  font-size: 13px;
  justify-content: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.produktblock .ms_inner .produkt.produkt1 .childAttributeValues span,
.produktblock .ms_inner .produkt.produkt2 .childAttributeValues span {
  color: #FFF;
  margin: 0 2px;
  letter-spacing: 0.39px;
  color: #565656;
  border-radius: 9px;
  padding: 0 8px;
  height: 19px;
  justify-content: center;
  min-width: 33px;
  display: flex;
  font-weight: 500;
  align-items: center;
  border: 1px solid #565656;
  border-radius: 22px;
}
.produktblock .ms_inner .produkt.produkt1 .childAttributeValues span.upto,
.produktblock .ms_inner .produkt.produkt2 .childAttributeValues span.upto {
  border-color: transparent;
  background-color: transparent;
  width: 10px;
  min-width: 10px;
  padding: 0 6px;
  color: #142b52;
}
.produktblock .ms_inner .produkt:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.produktblock .systemLabel {
  font-weight: 300;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #142b52;
  line-height: 21px;
  right: 0;
  border-bottom-left-radius: 5px;
  color: #fff;
}
.produktblock .systemLabel.label_SigenstackSystem {
  background-color: #138e13;
}
.produktblock .systemLabel strong {
  font-weight: 600;
}
.produktblock.produktblock_even .ms_inner .produkt.produkt3 .produktInner .details {
  left: 30px;
  top: auto;
  bottom: 35px;
}
.produktblock.produktblock_even .produkt.produkt2 {
  margin-right: 0;
}
.produktblock.produktblock_even .produkt.produkt3 {
  margin-right: 10px;
}
.produktblockPlus {
  display: flex;
  width: 100%;
  padding: 0px 0 20px 0;
  background-color: #F3F3F3;
}
.produktblockPlus .ms_inner {
  display: flex;
  justify-content: space-between;
}
.produktblockPlus .ms_inner .teaser {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 105%;
  max-width: 460px;
  max-height: 740px;
  border-radius: 20px;
  position: relative;
  margin-right: 10px;
  min-width: 375px;
  aspect-ratio: 0.62162162;
}
.produktblockPlus .ms_inner .teaser.teaser_sigenstor {
  background-image: url("/_skins/base/images/bgd_sigenstor_planer.png");
}
.produktblockPlus .ms_inner .teaser.teaser_sigenstack {
  background-image: url("/_skins/base/images/bgd_sigenstack_planer.png");
}
.produktblockPlus .ms_inner .teaser .title {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.produktblockPlus .ms_inner .teaser .title span {
  background-color: #142b52;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #FFF;
  letter-spacing: 0.8px;
  font-weight: 600;
  font-size: 21px;
  justify-content: center;
  padding: 0 30px;
  height: 48px;
  display: inline-flex;
  align-items: center;
}
.produktblockPlus .ms_inner .teaser .title .link {
  background-image: url("/_skins/base/images/icon_link.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
  background-color: #009EE0;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  right: 20px;
  bottom: 20px;
  border-radius: 8px;
}
.produktblockPlus .ms_inner .teaser .title .link:hover {
  background-color: #142b52;
}
.produktblockPlus .ms_inner .teaser .text {
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: #333333;
  margin-top: 20px;
  padding: 0 30px;
}
.produktblockPlus .ms_inner .systemLabel {
  font-weight: 300;
  letter-spacing: 0.3px;
  display: flex;
  font-size: 11px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 7px;
  background-color: #142b52;
  line-height: 21px;
  right: 0;
  border-bottom-left-radius: 5px;
  color: #fff;
}
.produktblockPlus .ms_inner .systemLabel.label_SigenstackSystem {
  background-color: #138e13;
}
.produktblockPlus .ms_inner .systemLabel strong {
  font-weight: 600;
}
.produktblockPlus .ms_inner .productList {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 955px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-content: baseline;
}
.produktblockPlus .ms_inner .produkt {
  margin: 0px 0px 5px 0px;
  padding: 15px 15px 20px 15px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  max-width: 220px;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.2s linear 0s;
  border: 1px solid #eee;
  aspect-ratio: 0.61111111;
  /*.title*/
  /*&:hover*/
}
.produktblockPlus .ms_inner .produkt .title {
  font-size: 15px;
  letter-spacing: 0px;
  color: #333333;
  text-decoration: none;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 0 10px;
  max-width: 300px;
  margin: 5px auto 0 auto;
  width: 100%;
  font-weight: 500;
  line-height: 22px;
}
.produktblockPlus .ms_inner .produkt .titleSpacer {
  height: 45px;
}
.produktblockPlus .ms_inner .produkt .highlightLabel {
  font-weight: 600;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #ffbd5d;
  line-height: 21px;
  left: 0;
  border-bottom-right-radius: 5px;
}
.produktblockPlus .ms_inner .produkt .highlightLabel.label_Aktion {
  background-color: #d02123;
  color: #FFF;
}
.produktblockPlus .ms_inner .produkt .highlightLabel.label_Neu {
  background-color: #1be6ca;
}
.produktblockPlus .ms_inner .produkt span.img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 0.74438903;
}
.produktblockPlus .ms_inner .produkt span.img img {
  max-height: 275px;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.produktblockPlus .ms_inner .produkt .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.produktblockPlus .ms_inner .produkt:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.produktblock_3er {
  display: flex;
  width: 100%;
  padding: 0px 0 20px 0;
  background-color: #F3F3F3;
}
.produktblock_3er .ms_inner {
  display: flex;
  justify-content: space-between;
}
.produktblock_3er .ms_inner .produkt {
  margin: 0px 10px 5px 0px;
  padding: 15px 15px 30px 15px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 10px;
  max-width: 485px;
  display: flex;
  flex-wrap: wrap;
  height: unset;
  transition: all 0.2s linear 0s;
  border: 1px solid #eee;
  align-content: baseline;
  aspect-ratio: 0.8362069;
  max-height: 580px;
  width: calc((100% * (1 / 3) - 5px));
  /*.title*/
  /*&:hover*/
}
.produktblock_3er .ms_inner .produkt .title {
  font-size: 21px;
  letter-spacing: 0px;
  color: #333333;
  line-height: 28px;
  text-decoration: none;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 0 10px;
  max-width: 300px;
  margin: 5px auto 0 auto;
  width: 100%;
  font-weight: 500;
  min-height: 58px;
}
.produktblock_3er .ms_inner .produkt .titleSpacer {
  height: 45px;
}
.produktblock_3er .ms_inner .produkt span.img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 0.9943662;
}
.produktblock_3er .ms_inner .produkt span.img img {
  max-height: 370px;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.produktblock_3er .ms_inner .produkt .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.produktblock_3er .ms_inner .produkt .highlightLabel {
  font-weight: 600;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #ffbd5d;
  line-height: 21px;
  left: 0;
  border-bottom-right-radius: 5px;
}
.produktblock_3er .ms_inner .produkt .highlightLabel.label_Aktion {
  background-color: #d02123;
  color: #FFF;
}
.produktblock_3er .ms_inner .produkt .highlightLabel.label_Neu {
  background-color: #1be6ca;
}
.produktblock_3er .ms_inner .produkt .childAttributeValues {
  width: 100%;
  display: flex;
  font-size: 13px;
  justify-content: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.produktblock_3er .ms_inner .produkt .childAttributeValues span {
  color: #FFF;
  margin: 0 2px;
  letter-spacing: 0.39px;
  color: #565656;
  border-radius: 9px;
  padding: 0 8px;
  height: 19px;
  justify-content: center;
  min-width: 33px;
  display: flex;
  font-weight: 500;
  align-items: center;
  border: 1px solid #565656;
  border-radius: 22px;
}
.produktblock_3er .ms_inner .produkt .childAttributeValues span.upto {
  border-color: transparent;
  background-color: transparent;
  width: 10px;
  min-width: 10px;
  padding: 0 6px;
  color: #142b52;
}
.produktblock_3er .ms_inner .produkt:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.produktblock_3er .systemLabel {
  font-weight: 300;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #142b52;
  line-height: 21px;
  right: 0;
  border-bottom-left-radius: 5px;
  color: #fff;
}
.produktblock_3er .systemLabel.label_SigenstackSystem {
  background-color: #138e13;
}
.produktblock_3er .systemLabel strong {
  font-weight: 600;
}
.produktblock_4er {
  display: flex;
  width: 100%;
  padding: 0px 0 20px 0;
  background-color: #F3F3F3;
}
.produktblock_4er .ms_inner {
  display: flex;
  justify-content: space-between;
}
.produktblock_4er .ms_inner .produkt {
  margin: 0px 10px 5px 0px;
  padding: 15px 15px 30px 15px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  max-width: 385px;
  display: flex;
  flex-wrap: wrap;
  height: unset;
  transition: all 0.2s linear 0s;
  border: 1px solid #eee;
  align-content: baseline;
  aspect-ratio: 0.80208333;
  max-height: 480px;
  width: calc((100% * (1 / 4) - 5px));
  /*.title*/
  /*&:hover*/
}
.produktblock_4er .ms_inner .produkt .title {
  font-size: 21px;
  letter-spacing: 0px;
  color: #333333;
  line-height: 28px;
  text-decoration: none;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 0 10px;
  max-width: 300px;
  margin: 5px auto 0 auto;
  width: 100%;
  font-weight: 500;
  min-height: 58px;
}
.produktblock_4er .ms_inner .produkt .titleSpacer {
  height: 45px;
}
.produktblock_4er .ms_inner .produkt span.img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 0.9943662;
}
.produktblock_4er .ms_inner .produkt span.img img {
  max-height: 370px;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.produktblock_4er .ms_inner .produkt .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.produktblock_4er .ms_inner .produkt .highlightLabel {
  font-weight: 600;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #ffbd5d;
  line-height: 21px;
  left: 0;
  border-bottom-right-radius: 5px;
}
.produktblock_4er .ms_inner .produkt .highlightLabel.label_Aktion {
  background-color: #d02123;
  color: #FFF;
}
.produktblock_4er .ms_inner .produkt .highlightLabel.label_Neu {
  background-color: #1be6ca;
}
.produktblock_4er .ms_inner .produkt .childAttributeValues {
  width: 100%;
  display: flex;
  font-size: 13px;
  justify-content: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.produktblock_4er .ms_inner .produkt .childAttributeValues span {
  color: #FFF;
  margin: 0 2px;
  letter-spacing: 0.39px;
  color: #565656;
  border-radius: 9px;
  padding: 0 8px;
  height: 19px;
  justify-content: center;
  min-width: 33px;
  display: flex;
  font-weight: 500;
  align-items: center;
  border: 1px solid #565656;
  border-radius: 22px;
}
.produktblock_4er .ms_inner .produkt .childAttributeValues span.upto {
  border-color: transparent;
  background-color: transparent;
  width: 10px;
  min-width: 10px;
  padding: 0 6px;
  color: #142b52;
}
.produktblock_4er .ms_inner .produkt:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.produktblock_4er .systemLabel {
  font-weight: 300;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #142b52;
  line-height: 21px;
  right: 0;
  border-bottom-left-radius: 5px;
  color: #fff;
}
.produktblock_4er .systemLabel.label_SigenstackSystem {
  background-color: #138e13;
}
.produktblock_4er .systemLabel strong {
  font-weight: 600;
}
.teaserCTA_stammtisch {
  width: 100%;
  background-color: #F3F3F3;
}
.teaserCTA_stammtisch .teaserCTA {
  background-image: url("/_skins/base/images/bgd_angebot_teaser.png");
  background-repeat: no-repeat;
  background-position: right 0 top 0px;
  background-size: auto 100%;
  width: 100%;
  margin: 0 auto 0px auto;
  max-width: 1460px;
  border-radius: 18px;
  background-color: #69DED8;
  position: relative;
}
.teaserCTA_stammtisch .teaserCTA .teaserCTA_inner {
  padding: 40px 0 20px 45px;
  max-width: 100%;
  text-align: left;
  position: relative;
}
.teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .title {
  font-size: 37px;
  line-height: 46px;
  font-weight: 600;
  letter-spacing: 0.74px;
  color: #142b52;
}
.teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .text {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
  max-width: 700px;
  margin: 30px 0 20px 0;
  letter-spacing: 0.5px;
  color: #333333;
  font-family: 'Outfit';
}
.teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .icon_glasl {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 140px;
  display: block;
}
.teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .icon_glasl img {
  width: 100%;
  height: auto;
  display: block;
}
.btn {
  background-color: #009ee0;
  color: #FFF;
  border-radius: 38px;
  text-align: center;
  padding: 0px 15px 0px 15px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 0.50px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  display: block;
  max-width: fit-content;
  margin: 15px 0 0 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.btn:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  cursor: pointer;
  background-color: #00a992;
}
.containerSupportRezension {
  display: flex;
  justify-content: space-between;
  max-width: 1460px;
  margin: 0 auto;
}
.teaserSupport {
  background-image: url("/_skins/base/images/bgd_teaser_support.png");
  background-repeat: no-repeat;
  background-position: right 0px top 0px;
  background-size: auto 100%;
  width: 100%;
  padding: 30px 185px 20px 35px;
  max-width: 708px;
  max-width: calc(50% - 15px);
  background-color: #0A2A47;
  border-radius: 20px;
}
.teaserSupport h2 {
  text-align: left;
  color: #FFF;
  padding: 0px 0 0 0px;
  font-size: 35px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.teaserSupport .subtitle {
  letter-spacing: 0.35px;
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  color: #FFF;
  text-align: left;
  margin: 15px 0 10px 0;
}
.teaserSupport .content .text {
  color: #FFF;
  text-align: left;
  letter-spacing: 0.35px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}
.stageInner {
  background-image: url("/_skins/base/images/icon_meinungen.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 20px;
  background-size: 98px auto;
  max-width: 708px;
  max-width: calc(50% - 15px);
  background-color: #009EE0;
  border-radius: 20px;
  position: relative;
}
.stageInner .owl-dots {
  display: none;
}
.stageInner .owl_navigation {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 998;
  pointer-events: none;
}
.stageInner .owl_navigation .button_left {
  left: -25px;
}
.stageInner .owl_navigation .button_right {
  right: -25px;
}
.stageInner .owl_navigation .button_left,
.stageInner .owl_navigation .button_right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.stageInner .owl_navigation .button_left a,
.stageInner .owl_navigation .button_right a {
  background-image: url("/_skins/base/images/icon_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px auto;
  background-color: #F3F3F3;
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 100%;
  text-indent: -10000px;
  pointer-events: auto;
}
.stageInner .owl_navigation .button_left a.disabled,
.stageInner .owl_navigation .button_right a.disabled {
  pointer-events: none;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 20 );
}
.stageInner .owl_navigation .button_left a:hover,
.stageInner .owl_navigation .button_right a:hover {
  background-color: #9c9c9c;
}
.stageInner .owl_navigation .button_left a {
  background-image: url("/_skins/base/images/icon_arrow_left.svg");
}
.stageInner h2 {
  text-align: left;
  color: #FFF;
  padding: 30px 0 0 35px;
  font-size: 35px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.stageInner .slide {
  width: 100%;
  max-width: 1100px;
  display: flex;
}
.stageInner .slide .content {
  padding: 20px 120px 20px 35px;
}
.stageInner .slide .content .text,
.stageInner .slide .content .person {
  color: #FFF;
  line-height: 28px;
  text-align: left;
}
.stageInner .slide .content .text {
  font-size: 16px;
  font-weight: 300;
  color: #FFF;
}
.stageInner .slide .content .text strong {
  font-weight: 500;
  line-height: 28px;
}
.stageInner .slide .content .person .company {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.3px;
}
#searchContainer {
  transition: background-color 0.5s ease-out;
  border: 1px solid transparent;
  position: absolute;
  width: 100%;
  max-width: 500px;
  z-index: 8;
  border-radius: 7px;
  background-color: transparent;
  margin: 0 auto;
  left: -8px;
  bottom: 5px;
  width: 35px;
}
#searchContainer #searchInput {
  background-color: transparent !important;
  font-family: 'Outfit';
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  float: left;
  border: none;
  width: calc(100% - 35px);
  background-color: transparent;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  transition: all 0.3s ease 1.3s;
  -webkit-transition: all 0.3s ease 1.3s;
  -moz-transition: all 0.3s ease 1.3s;
  -o-transition: all 0.3s ease 1.3s;
  -ms-transition: all 0.3s ease 1.3s;
}
.search-header {
  font-size: 14px;
}
.pagination-container,
.search-header,
.order-search-container {
  margin: 0 auto 1rem auto;
  max-width: 1000px;
  justify-content: end;
  display: flex;
}
.pagination-container .pagination,
.search-header .pagination,
.order-search-container .pagination {
  width: 100%;
}
.order-search-container button {
  width: auto;
  height: 31px;
  margin-top: 1px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  float: none;
  background-color: #3e3e3e;
  border: none;
  font-size: 15px;
  padding: 0px 10px;
  font-weight: 300;
  border-radius: 5px;
  display: inline-block;
  letter-spacing: 0.2px;
  font-family: 'Outfit';
}
.order-search-container button:hover {
  background-color: #009ee0;
  cursor: pointer;
}
#ohsearch {
  background-color: transparent !important;
  font-family: 'Outfit';
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  outline: none;
  padding-left: 10px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  border-radius: 5px;
  transition: all 0.3s ease 0.6s;
  -webkit-transition: all 0.3s ease 0.6s;
  -moz-transition: all 0.3s ease 0.6s;
  -o-transition: all 0.3s ease 0.6s;
  -ms-transition: all 0.3s ease 0.6s;
  color: #142b52;
  font-family: 'Jost';
  font-weight: 400;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 15px;
  border: 1px solid #2d2d2d;
}
body.scrollBody #searchContainer {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
}
body.search-active #searchContainer {
  max-width: 900px;
}
body.search-active div#topContainer div#top .actionbar .f_icon.icon_cart,
body.search-active div#topContainer div#top .actionbar .f_icon.icon_account {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  transition: all 0s linear 0s;
  -webkit-transition: all 0s linear 0s;
  -moz-transition: all 0s linear 0s;
  -o-transition: all 0s linear 0s;
  -ms-transition: all 0s linear 0s;
}
body.search-active div#topContainer #navigationContainer {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  transition: all 0s linear 0s;
  -webkit-transition: all 0s linear 0s;
  -moz-transition: all 0s linear 0s;
  -o-transition: all 0s linear 0s;
  -ms-transition: all 0s linear 0s;
}
#searchContainerInner {
  background-image: none;
  background-repeat: no-repeat;
  background-position: right 10px top 7px;
  background-size: 16px auto;
  position: relative;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
body.search-active #searchContainerInner {
  background-image: url("/_skins/base/images/icon_search_b.svg");
  background-position: right 10px top 7px;
  background-size: 16px auto;
}
body.search-active #closeButton {
  display: block;
  z-index: 999;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: opacity 0.3s ease 1.2s;
  -webkit-transition: opacity 0.3s ease 1.2s;
  -moz-transition: opacity 0.3s ease 1.2s;
  -o-transition: opacity 0.3s ease 1.2s;
  -ms-transition: opacity 0.3s ease 1.2s;
}
body.search-active #searchContainer {
  background-color: #ffffff;
  border: 1px solid #2d2d2d;
  z-index: 1001;
  pointer-events: auto;
  right: 265px;
  bottom: 5px;
  width: 350px;
  left: auto;
  transition: width 0.3s ease 0.5s;
  -webkit-transition: width 0.3s ease 0.5s;
  -moz-transition: width 0.3s ease 0.5s;
  -o-transition: width 0.3s ease 0.5s;
  -ms-transition: width 0.3s ease 0.5s;
}
body.search-active :not(:-moz-autofill-preview)::-moz-text-control-editing-root,
body.search-active :placeholder-shown:not(:autofill)::placeholder,
body.search-active :autofill::-moz-text-control-preview {
  visibility: inherit;
}
body.search-active input::placeholder,
body.search-active input::-moz-text-control-editing-root,
body.search-active input::-moz-text-control-preview {
  scrollbar-width: none;
  resize: none;
  word-wrap: normal;
  white-space: pre;
  line-height: -moz-block-height !important;
}
body.search-active ::placeholder,
body.search-active ::-moz-text-control-editing-root,
body.search-active *|*::-moz-button-content,
body.search-active select > label,
body.search-active optgroup::before {
  unicode-bidi: inherit;
  text-overflow: inherit;
}
body.search-active ::placeholder {
  -webkit-text-security: none;
  opacity: 0.54;
}
body.search-active ::placeholder,
body.search-active ::-moz-text-control-preview {
  resize: none;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
body.search-active ::placeholder,
body.search-active ::-moz-text-control-editing-root,
body.search-active ::-moz-text-control-preview {
  overflow: auto;
  border: 0;
  padding: inherit;
  margin: 0;
  text-decoration: inherit;
  display: inline-block;
  ime-mode: inherit;
  resize: inherit;
  scrollbar-width: inherit;
  -moz-control-character-visibility: visible;
  overflow-clip-box: inherit;
  visibility: hidden;
}
body.search-active #searchContainer #searchInput {
  background-color: transparent !important;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  border-right: 1px solid #2d2d2d !important;
  outline: none;
  padding-left: 10px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.3s ease 0.6s;
  -webkit-transition: all 0.3s ease 0.6s;
  -moz-transition: all 0.3s ease 0.6s;
  -o-transition: all 0.3s ease 0.6s;
  -ms-transition: all 0.3s ease 0.6s;
  color: #142b52;
  font-family: 'Jost';
  font-weight: 400;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 15px;
}
body.search-active #searchInput:not(:placeholder-shown) + #clearButton {
  display: flex;
}
body.search-active .lc_arrow {
  background-image: url("/_skins/base/images/icon_poly.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  display: block;
  z-index: 100;
  width: 12px;
  height: 7px;
  bottom: -14px;
  right: 20px;
  transform: translateX(-50%);
  position: absolute;
  visibility: hidden;
  transition: opacity .52s ease;
  opacity: 0;
}
body.search-active #suggestions {
  pointer-events: auto;
}
#clearButton {
  background-image: url("/_skins/base/images/ico_search_close.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px auto;
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff !important;
  cursor: pointer;
  background-color: #595959 !important;
  width: 17px;
  border-radius: 100%;
  height: 17px;
  font-size: 10px;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-weight: 300;
  font-family: 'Jost';
  display: none;
}
#clearButton.visible {
  display: flex;
}
body::before {
  transition: opacity 0.3s ease;
  opacity: 0;
  /* Standardmäßig unsichtbar */
}
body.search-active::before {
  opacity: 1;
  /* Sichtbar, wenn aktiv */
}
body.searchGo #searchContainer {
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
body.searchGo .lc_arrow {
  visibility: visible;
  transition: opacity .52s ease 0.1s;
  opacity: 1;
}
/* Vorschläge */
#suggestions {
  position: absolute;
  top: 44px;
  right: 0;
  max-height: 500px;
  z-index: 1000;
  color: #FFF;
  height: 100vh;
  pointer-events: none;
  background: #fff;
  filter: drop-shadow(10px 0 10px rgba(12, 50, 86, 0.1));
  z-index: 50;
  height: fit-content;
  overflow: hidden;
  transition: height .2s ease;
  border-radius: 8px;
  transition: width .3s ease .1s;
  /* Hervorhebung von Suchtreffern */
}
#suggestions .highlight {
  background-color: #DFDFDF;
  padding: 0px 1px;
  border-radius: 5px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#suggestions .suggestion-item:hover .highlight {
  background-color: #009ee0;
  transition: all 0s linear 0s;
  -webkit-transition: all 0s linear 0s;
  -moz-transition: all 0s linear 0s;
  -o-transition: all 0s linear 0s;
  -ms-transition: all 0s linear 0s;
}
/* Styling für Vorschlagsitems */
.suggestion-item {
  cursor: pointer;
  text-align: left;
}
.suggestion-item:hover {
  background-color: #009ee0;
}
.suggestion-item a {
  padding: 8px 20px;
  letter-spacing: 0.3px;
  color: #142b52;
  font-family: 'Jost';
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
  font-size: 15px;
  width: 100%;
  display: flex;
  border-bottom: 1px dashed #dfdfdf;
}
.suggestion-item:hover {
  cursor: default;
}
/* Stil für exakte Treffer */
.suggestion-item.exact-match .mainName .highlight {
  background-color: #e0ffe0 !important;
}
.suggestion-item.exact-match .mainName {
  letter-spacing: 0.3px;
  color: #142b52 !important;
  font-family: 'Jost';
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
}
.suggestion-item.exact-match .mainName:hover {
  color: #fff !important;
}
.suggestion-item.exact-match .mainName:hover .highlight {
  background-color: transparent !important;
}
/* Styling beim Fokussieren des Suchfelds */
#closeButton {
  border: none;
  cursor: pointer;
  display: none;
  position: absolute;
  top: -3px;
  background-color: transparent;
  height: 35px;
  text-align: center;
  margin: 0 auto;
  right: -55px;
  font-family: 'Jost';
  width: 50px;
  letter-spacing: 0.3px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  color: #373737;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  transition: opacity 0.3s ease 0.2s;
  -webkit-transition: opacity 0.3s ease 0.2s;
  -moz-transition: opacity 0.3s ease 0.2s;
  -o-transition: opacity 0.3s ease 0.2s;
  -ms-transition: opacity 0.3s ease 0.2s;
}
#closeButton svg {
  width: 45%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  top: 0;
  bottom: 0;
}
#showPass,
#showPass2 {
  background-image: url("/_skins/base/images/icon_show_pwd.svg");
  background-size: 15px auto;
  background-position: center;
  background-repeat: no-repeat;
  height: 25px;
  width: 35px;
  position: absolute;
  top: 18px;
  right: 4px;
  display: none;
}
#showPass.active,
#showPass2.active {
  background-image: url("/_skins/base/images/icon_show_pwd_not.svg");
}
div.ccm_form div.field span.notEmptyInput #showPass,
div.ccm_form div.field span.notEmptyInput #showPass2 {
  display: block;
}
#productOverlay,
#productOverlay * {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#productOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  filter: drop-shadow(0px 0px 20px rgba(12, 50, 86, 0.1));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
  z-index: 9999;
}
#productOverlay.active {
  opacity: 1;
  visibility: visible;
}
.overlayContent {
  position: relative;
  width: 95%;
  height: 96%;
  margin: 1% auto;
  overflow: hidden;
}
.overlaySlider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.overlayTrack {
  display: flex;
  transition: transform .4s ease;
  will-change: transform;
  height: 100%;
}
.overlayTrack.no-anim {
  transition: none !important;
}
.overlayTrack > .slide {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlayTrack > .slide {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlayTrack img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  pointer-events: none;
  outline: none !important;
}
.overlayTrack {
  display: flex;
  height: 100%;
  transition: transform 0.4s ease;
}
.nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.prev {
  left: 10px;
  width: 30px;
  height: 55px;
}
.prev svg {
  width: 100%;
  height: auto;
  display: block;
}
.prev svg path {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.prev:hover path {
  fill: #009ee0;
}
.next {
  right: 10px;
  width: 30px;
  height: 55px;
}
.next svg {
  width: 100%;
  height: auto;
  display: block;
}
.next svg path {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.next:hover path {
  fill: #009ee0;
}
.closeOverlay {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 999;
  width: 44px;
  height: 44px;
}
.closeOverlay svg {
  width: 100%;
  height: auto;
  display: block;
}
.closeOverlay svg path {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.closeOverlay:hover path#arrowTop,
.closeOverlay:hover path#arrowBot,
.closeOverlay:hover path#border {
  fill: #009ee0;
}
.productImgOverlay {
  display: none;
}
#Header {
  background: transparent radial-gradient(closest-side at 34% 47%, #3779bd 0%, #003265 100%) 0% 0% no-repeat padding-box;
  height: 110px;
  width: 100%;
  float: left;
  position: relative;
  margin: 0px 0px 10px 0px;
  /*.inlay */
  /*.middleArea*/
}
#Header .inlay {
  text-align: left;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  height: 110px;
  position: relative;
  width: 100%;
  padding: 0 15px;
}
#Header .inlay .top {
  width: 100%;
  height: 100px;
  float: left;
  display: flex;
  position: relative;
  justify-content: space-between;
}
#Header #logo {
  width: 200px;
  height: auto;
  float: left;
  margin-top: 20px;
}
#Header .middleArea {
  max-width: 547px;
  width: auto;
  height: 69px;
  float: left;
  position: relative;
}
#Header .imgSecure {
  width: 303px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#Header .panelContainer {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
}
#Header .panelContainer a.back {
  background-image: url("/_skins/base/images/icon_back.svg");
  background-size: 9px auto;
  background-position: 0 center;
  background-repeat: no-repeat;
  color: #FFF;
  height: 30px;
  padding: 0 10px 0 18px;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  align-items: center;
  margin-right: 12px;
}
#Header .panelContainer a.back:hover {
  color: #009ee0;
}
#Header .userpanel {
  display: flex;
  color: #393939;
  background-color: #FFF;
  font-size: 13px;
  letter-spacing: 0.3px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 9px;
}
#Header .userpanel .userpanelInner {
  display: flex;
}
#Header .userpanel .welcome {
  height: 30px;
  padding: 0 10px;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  align-items: center;
}
#Header .userpanel a.logout {
  background-color: #393939;
  color: #FFF;
  text-decoration: none;
  height: 30px;
  padding: 0 10px;
  display: flex;
  border-bottom-right-radius: 7px;
  align-items: center;
}
#Header .userpanel a.logout:hover {
  background-color: #009ee0;
}
/*#Header.checkOut */
.main_group .close {
  display: none;
}
.product-configurator-detail-overlay::after {
  left: auto !important;
  right: 0 !important;
  width: 100vw !important;
}
.pagination-container .pagination {
  justify-content: end;
}
.pagination {
  padding: 5px 5px 5px 5px;
  padding-bottom: 5px;
  margin: 25px auto 0 auto;
  font-size: 15px;
  padding-bottom: 20px;
  display: flex;
  justify-content: start;
}
.pagination .caption {
  font-size: 16px;
  float: left;
  color: #FFFFFF;
  margin-right: 4px;
  height: 30px;
  line-height: 30px;
}
.pagination a,
.pagination .pagination-button-container button {
  background-image: none;
  background: #2d4891 none repeat scroll 0 0;
  margin: 0px 0px;
  margin-right: 7px;
  font-weight: 400;
  height: 30px;
  text-align: center;
  width: 30px;
  float: left;
  display: block;
  line-height: 30px;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  color: #ffffff;
  border-radius: 90px;
  font-size: 11px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.pagination .pagination-button-container button {
  border: none;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-content: center;
  font-family: 'Outfit';
}
.pagination .pagination-button-container button.pagination-buttonactive {
  background: #009ee0;
}
.pagination .pagination-button-container button:hover {
  background: #009ee0;
  cursor: pointer;
}
.pagination .pagination-button-container .pagination-buttonactive {
  background: #009ee0;
}
.pagination div.points {
  margin-right: 2px;
  height: 30px;
  width: 30px;
  float: left;
  display: block;
  line-height: 35px;
  text-decoration: none;
  padding: 0px;
  text-align: center;
}
.pagination .active {
  color: #fff;
  background-image: none;
  background: #009ee0;
}
.pagination a:hover {
  text-decoration: none;
  color: #fff;
  background: #009ee0;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.pagination .active:hover {
  color: #38414d;
  cursor: default;
  text-decoration: none;
}
.pagination div {
  display: inline;
}
.pagination span.disabled {
  color: #999;
}
/*.pagination*/
.productListAll .productList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1505px;
  padding: 0 20px;
  width: 100%;
}
.productListAll .productList .produkt {
  margin: 0px 10px 10px 0px;
  padding: 15px 15px 45px 15px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  max-width: 385px;
  display: flex;
  flex-wrap: wrap;
  height: unset;
  transition: all 0.2s linear 0s;
  border: 1px solid #eee;
  align-content: baseline;
  aspect-ratio: 0.80208333;
  max-height: 480px;
  width: calc((100% * (1 / 4) - 10px));
  /*.title*/
  /*&:hover*/
}
.productListAll .productList .produkt .systemLabel {
  font-weight: 300;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #142b52;
  line-height: 21px;
  right: 0;
  border-bottom-left-radius: 5px;
  color: #fff;
}
.productListAll .productList .produkt .systemLabel.label_SigenstackSystem {
  background-color: #138e13;
}
.productListAll .productList .produkt .systemLabel strong {
  font-weight: 600;
}
.productListAll .productList .produkt .highlightLabel {
  font-weight: 600;
  letter-spacing: 0.4px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  position: absolute;
  top: 0;
  padding: 1px 9px;
  background-color: #ffbd5d;
  line-height: 21px;
  left: 0;
  border-bottom-right-radius: 5px;
}
.productListAll .productList .produkt .highlightLabel.label_Aktion {
  background-color: #d02123;
  color: #FFF;
}
.productListAll .productList .produkt .highlightLabel.label_Neu {
  background-color: #1be6ca;
}
.productListAll .productList .produkt .title {
  font-size: 19px;
  letter-spacing: 0px;
  color: #333333;
  line-height: 26px;
  text-decoration: none;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 0 10px;
  max-width: 300px;
  margin: 5px auto 0 auto;
  width: 100%;
  font-weight: 500;
  min-height: 58px;
}
.productListAll .productList .produkt .titleSpacer {
  height: 45px;
}
.productListAll .productList .produkt span.img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 0.9943662;
}
.productListAll .productList .produkt span.img img {
  max-height: 370px;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.productListAll .productList .produkt .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.productListAll .productList .produkt .childAttributeValues {
  width: 100%;
  display: flex;
  font-size: 13px;
  justify-content: center;
  position: relative;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.productListAll .productList .produkt .childAttributeValues span {
  color: #FFF;
  margin: 0 2px;
  letter-spacing: 0.39px;
  color: #565656;
  border-radius: 9px;
  padding: 0 8px;
  height: 19px;
  justify-content: center;
  min-width: 33px;
  display: flex;
  font-weight: 500;
  align-items: center;
  border: 1px solid #565656;
  border-radius: 22px;
}
.productListAll .productList .produkt .childAttributeValues span.upto {
  border-color: transparent;
  background-color: transparent;
  width: 10px;
  min-width: 10px;
  padding: 0 6px;
  color: #142b52;
}
.productListAll .productList .produkt:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.intercomDialog.hidden {
  display: none;
  visibility: hidden;
}
.intercomDialog {
  position: fixed;
  right: 0;
  bottom: 0;
  color: #FFF;
  display: block;
  width: 70px;
  height: 70px;
  z-index: 999;
}
.intercomDialog .intercomDialogInner {
  position: absolute;
  right: 0px;
  top: -80px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(28, 53, 97, 0.9);
  width: 285px;
  height: 140px;
  width: 70px;
  height: 70px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
}
.intercomDialog.show .intercomDialogInner {
  visibility: visible;
  pointer-events: auto;
  right: 20px;
  top: -130px;
  width: 285px;
  height: 140px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.intercomDialog .text {
  font-size: 13px;
  line-height: 19px;
}
.intercomDialog #loadIntercomButton {
  background-color: #009ee0;
  color: #FFF;
  border-radius: 22px;
  text-align: center;
  padding: 0px 20px;
  text-decoration: none;
  font-weight: 300;
  letter-spacing: 1px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  display: block;
  max-width: fit-content;
  border: none;
  margin: 10px auto 0 auto;
}
.intercomDialog #loadIntercomButton:hover {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  cursor: pointer;
  background-color: #00a992;
}
.intercomActivator {
  position: fixed;
  z-index: 2147483003;
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  bottom: 20px;
  right: 20px;
  max-width: 48px;
  width: 48px;
  max-height: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
  transition: transform 167ms cubic-bezier(0.33, 0, 0, 1);
  box-sizing: content-box;
}
.intercomActivator .intercom-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  transition: transform 100ms linear, opacity 80ms linear;
}
.intercomActivator .intercom-icon svg {
  width: 24px;
  height: 24px;
}
.intercomActivator .intercom-close {
  display: none;
  user-select: none;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  transition: transform 0.16s linear, opacity 0.08s linear;
  opacity: 1;
  transform: rotate(0deg);
}
.intercomActivator.active .intercom-icon {
  display: none;
}
.intercomActivator.active .intercom-close {
  display: flex;
}
.intercomActivator.active .intercom-close svg path {
  fill: #000;
}
.intercomActivator.notVisible {
  display: none !important;
}
.containerOrder .order {
  color: #333;
  margin: 0 auto 1rem auto;
  max-width: 1000px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.containerOrder .order.show {
  border-color: #009ee0;
}
.containerOrder .order .order-inner {
  padding: 15px;
}
.containerOrder .order .order-header {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee;
}
.containerOrder .order .order-header div {
  color: #333;
  font-size: 15px;
}
.containerOrder .order .order-header div span:first-child {
  font-weight: 600;
  margin-right: 0.3rem;
}
.containerOrder .order .order-quickinfo {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin: 1.5rem 0;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1rem 1.5rem;
}
.containerOrder .order .order-quickinfo .order-quickinfo-item {
  flex: 1;
  min-width: 160px;
  font-size: 15px;
}
.containerOrder .order .order-quickinfo .order-quickinfo-item strong {
  display: block;
  color: #000;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.containerOrder .order .order-quickinfo .order-quickinfo-item div:last-child {
  color: #555;
}
.containerOrder .order .order-items {
  margin-top: 1rem;
}
.containerOrder .order .order-items .order-items-header {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  background-color: #f3f3f3;
  border-radius: 6px;
  padding: 0.8rem 1rem;
  font-weight: 600;
  color: #333;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.containerOrder .order .order-items .order-items-header .quantity {
  text-align: center;
}
.containerOrder .order .order-items .order-items-header .unit-price,
.containerOrder .order .order-items .order-items-header .total-price {
  text-align: right;
}
.containerOrder .order .order-items .order-items-list .order-item {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  padding: 13px;
  border-bottom: 1px solid #eee;
  align-items: start;
  background: #fdfdfd;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 5px;
}
.containerOrder .order .order-items .order-items-list .order-item:last-child {
  border-bottom: none;
}
.containerOrder .order .order-items .order-items-list .order-item .order-item-product .order-item-caption {
  font-weight: 600;
  margin-bottom: 0.3rem;
}
.containerOrder .order .order-items .order-items-list .order-item .order-item-product .order-item-description {
  font-size: 12px;
  color: #666;
  line-height: 18px;
}
.containerOrder .order .order-items .order-items-list .order-item .order-item-product .order-item-description p {
  margin: 0.2rem 0;
}
.containerOrder .order .order-items .order-items-list .order-item .order-item-quantity {
  justify-self: center;
}
.containerOrder .order .order-items .order-items-list .order-item .order-item-unit-price,
.containerOrder .order .order-items .order-items-list .order-item .order-item-total {
  justify-self: right;
}
.containerOrder .order .order-items .order-items-list .order-item .order-item-quantity,
.containerOrder .order .order-items .order-items-list .order-item .order-item-unit-price,
.containerOrder .order .order-items .order-items-list .order-item .order-item-total {
  text-align: right;
  font-size: 0.95rem;
  color: #333;
  align-self: center;
}
.containerOrder .order .order-items .order-items-list .order-item .order-item-total {
  font-weight: 600;
  color: #111;
}
.containerOrder .order .order-addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #eee;
  padding-top: 1.5rem;
}
.containerOrder .order .order-addresses .order-address-delivery,
.containerOrder .order .order-addresses .order-address-invoice {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  flex: 1;
  min-width: 250px;
}
.containerOrder .order .order-addresses .order-address-delivery .caption,
.containerOrder .order .order-addresses .order-address-invoice .caption {
  font-weight: 600;
}
.containerOrder .order .order-addresses .order-address {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 10px;
  flex: 1;
  min-width: 220px;
}
.containerOrder .order .order-addresses .order-address .address-line {
  font-size: 15px;
  line-height: 21px;
  color: #333;
}
.containerOrder .order .order-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
  gap: 2rem;
}
.containerOrder .order .order-footer .order-meta-block,
.containerOrder .order .order-footer .order-price-block {
  flex: 1;
  min-width: 250px;
}
.containerOrder .order .order-footer .order-meta-line,
.containerOrder .order .order-footer .order-price-line {
  display: flex;
  justify-content: space-between;
  padding: 0;
  font-size: 15px;
}
.containerOrder .order .order-footer .order-meta-line span:first-child,
.containerOrder .order .order-footer .order-price-line span:first-child {
  color: #555;
}
.containerOrder .order .order-footer .order-meta-line span:last-child,
.containerOrder .order .order-footer .order-price-line span:last-child {
  font-weight: 600;
  color: #111;
}
.containerOrder .order .order-footer .order-meta-line.order-meta-line-tracking {
  flex-wrap: wrap;
}
.containerOrder .order .order-footer .order-meta-line.order-meta-line-tracking span.link-list {
  width: 100%;
  display: block;
}
.containerOrder .order .order-footer .order-meta-line.order-meta-line-tracking ul {
  padding-left: 2px;
  margin: 7px 0px 7px 0px;
}
.containerOrder .order .order-footer .order-meta-line.order-meta-line-tracking ul li {
  background-position: 0px 6px;
  background-size: 10px auto;
  padding: 1px 0px 1px 15px;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
}
.containerOrder .order .order-footer .order-price-line:last-child span:last-child {
  color: #000;
}
.containerOrder .order .showMore {
  background-image: url("/_skins/base/images/icon_show_more.svg");
  background-position: right 10px top 17px;
  background-repeat: no-repeat;
  background-size: 11px auto;
  background-color: #f3f3f3;
  border-radius: 6px;
  padding: 10px 30px 10px 15px;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}
.containerOrder .order .showMore:hover {
  cursor: pointer;
  color: #FFF;
  background-color: #009ee0;
}
.containerOrder .order .showMore.active {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  visibility: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.containerOrder .order .order-items {
  max-height: 0;
  overflow: hidden;
  margin-top: 0rem;
  border-top: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.containerOrder .order .order-addresses {
  padding-top: 0rem;
  overflow: hidden;
  max-height: 0;
  margin-top: 0rem;
  transition: all 0.3s ease-in-out;
  border-top: 1px solid transparent;
}
.containerOrder .order .order-footer {
  padding-top: 0rem;
  overflow: hidden;
  max-height: 0;
  margin-top: 0rem;
  transition: all 0.3s ease-in-out;
  border-top: 1px solid transparent;
}
.containerOrder .order.show .order-items {
  max-height: 1000px;
  overflow: hidden;
  margin-top: 1rem;
}
.containerOrder .order.show .order-addresses {
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
  overflow: hidden;
  margin-top: 2rem;
  max-height: 1000px;
}
.containerOrder .order.show .order-footer {
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
  overflow: hidden;
  max-height: 1000px;
  margin-top: 2rem;
}
.addressBlock {
  float: left;
  min-height: 20px;
  margin: 0px 10px 30px 0px;
  width: calc(50% - 20px);
  text-align: left;
  border: 1px dashed #d5d5d5;
  padding: 15px 20px;
  border-radius: 10px;
  /*leftBlock*/
  /*rightBlock*/
  /*.delete*/
}
.addressBlock .leftBlock {
  width: 200px;
  float: left;
  min-height: 20px;
}
.addressBlock .rightBlock {
  float: left;
  min-height: 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.addressBlock .rightBlock a.btnInner {
  max-width: 150px;
}
.addressBlock .rightBlock a.button {
  float: left;
  margin-right: 7px;
}
.addressBlock .delete {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  border-radius: 5px;
  overflow: hidden;
  text-decoration: none;
  background-color: #009ee0;
  padding: 0 20px;
  letter-spacing: 0.4px;
  margin: 20px 0 0 0;
  font-family: 'Outfit';
  max-width: 150px;
  background-color: #df1313;
}
.addressBlock .staticInfoBox {
  height: 35px;
  line-height: 35px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: #f2f2f2;
  padding: 0 10px;
  letter-spacing: 0.4px;
  margin: 20px 0 0 0;
}
.addressBlock .inlayInfo {
  font-size: 11px;
  color: #808080;
  width: 100%;
  max-width: 150px;
  text-align: center;
}
/*.addressBlock*/
.shop-b2b-addUser {
  max-width: 340px;
  border-radius: 10px;
  padding: 20px;
  background-color: #f3f3f3;
  margin-left: 20px;
  /*.button_reg*/
}
.shop-b2b-addUser .button_reg {
  width: 100%;
  margin: 5px auto 0px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  float: none;
  background-color: #3e3e3e;
  border: 1px solid #3e3e3e;
  font-size: 15px;
  padding: 2px 15px;
  font-weight: 300;
  border-radius: 5px;
  display: inline-block;
  letter-spacing: 0.3px;
  max-width: 210px;
  float: right;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Outfit';
  /*&:hover */
}
.shop-b2b-addUser .button_reg:hover {
  background-color: #009ee0;
  border: 1px solid #009ee0;
  color: #2C2C2C;
  color: #FFF;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.shop-b2b-addUser .ccm_form .field .caption,
.shop-b2b-addUser .ccm_form .caption {
  font-size: 14px;
}
.shop-b2b-addUser div.ccm_form div.field input,
.shop-b2b-addUser div.ccm_form div.field textarea {
  background-color: #fff;
}
.shop-b2b-list {
  width: 500px;
}
.shop-b2b-list .userline {
  border: 1px dashed #d5d5d5;
  padding: 15px 20px;
  border-radius: 10px;
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
}
.shop-b2b-list .userline .username {
  max-width: 220px;
  font-size: 15px;
}
.shop-b2b-list .btn_action {
  color: #3e3e3e;
  font-size: 15px;
  margin-left: 10px;
}
.shop-b2b-list .btn_action:hover {
  color: #009ee0;
}
.shop-b2b-list .btn_action1 {
  margin-left: auto;
}
.container#containerLogin.containerUserList .containerInlay .middle .mainLogin {
  justify-content: space-between;
  display: flex;
  width: 950px;
}
.container#containerLogin.containerUserList .containerInlay .middle .mainLogin h2 {
  letter-spacing: 1px;
  color: #142b52;
  font-size: 21px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 7px;
}
.mainLogin .info {
  padding: 15px 10px 15px 10px;
  margin: 0 auto 30px auto;
  font-size: 14px;
  max-width: 1000px;
  border-radius: 10px;
  background-color: #1be6ca;
  color: #3e3e3e;
  border: none;
  text-align: center;
  display: flex;
  line-height: 20px;
  align-items: center;
  justify-content: center;
}
.mainLogin .no-orders {
  padding: 15px 10px 15px 10px;
  margin: 0 auto 30px auto;
  max-width: 1000px;
  color: #3e3e3e;
  text-align: center;
  display: flex;
  line-height: 20px;
}
/* the div that holds the date picker calendar */
/* the table (within the div) that holds the date picker calendar */
.dpTable {
  -webkit-box-shadow: 0px -1px 4px -1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px -1px 4px -1px rgba(0, 0, 0, 0);
  box-shadow: 0px -1px 4px -1px rgba(0, 0, 0, 0);
  font-size: 11px;
  text-align: left;
  background-color: #ffffff;
  padding: 5px;
  padding: 0px;
  width: 352px;
  margin-top: 1px;
}
/* a table row that holds date numbers (either blank or 1-31) */
/* the top table row that holds the month, year, and forward/backward buttons */
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR:hover {
  cursor: pointer;
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
  border: 1px solid #efefef;
  text-align: center;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
  background-color: #efefef;
  cursor: pointer;
  color: #303030;
  text-align: center;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
  background-color: #009ee0;
  border: 1px solid #5c5e44;
  text-align: center;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
  text-align: center;
}
/* a table cell that holds one of the forward/backward buttons */
/* the table cell that holds the "This Month" or "Close" button at the bottom */
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
  background-color: #3b3b3b;
  border: 1px solid #3b3b3b;
  color: white;
  text-align: center;
  width: 25px;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  color: #5b5b5b;
  font-weight: 300;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
/* the forward/backward buttons at the top */
.dpButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 19px;
  color: #FFF;
  background: #009ee0;
  font-weight: 300;
  padding: 0px;
  width: 30px;
  border: none;
  height: 30px;
}
.dpButton:hover {
  cursor: pointer;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton,
.dpTDHover .dpDayHighlight {
  color: #FFF;
  background: #009ee0;
  border: 1px solid #009ee0;
}
.dpTodayButton {
  font-family: 'Outfit';
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
}
.dpTodayButton:hover {
  cursor: pointer;
}
input#DesiredDeliveryDate_day,
input#DesiredDeliveryDate_month,
input#DesiredDeliveryDate_year {
  padding: 3px;
  margin: 0;
  background: #fff;
  color: #3c3c3c;
  border: none;
  outline: none;
  display: inline-block;
  -moz-appearance: none;
  appearance: none;
  height: 35px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  font-family: 'Outfit';
  width: 108px;
  margin-right: 5px;
  text-align: center;
  border-radius: 5px;
}
.dpTitleTR td:nth-child(3) button {
  float: right;
}
.customerAddonDate .field span {
  text-align: center;
}
.customerAddonDate button {
  background-image: url("/_skins/base/images/icon_calendar.svg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: auto 37px;
  width: 37px;
  height: 37px;
  border: none;
  padding: 0px;
  margin-left: 5px;
  background-color: transparent;
  text-indent: -10000px;
}
.customerAddonDate button:hover {
  cursor: pointer;
}
/* noTouch*/
/* noTouch END*/
@media only screen and (max-width: 1500px) {
  .container#containerLogin .containerInlay .productMainPart .leftPart,
  .container#containerRegister .containerInlay .productMainPart .leftPart,
  .container#containerProduct .containerInlay .productMainPart .leftPart,
  .container#containerProductList .containerInlay .productMainPart .leftPart,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart,
  .container#containerWaiting .containerInlay .productMainPart .leftPart {
    max-width: calc(100% - 750px);
    width: 100%;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart,
  .container#containerRegister .containerInlay .productMainPart .rightPart,
  .container#containerProduct .containerInlay .productMainPart .rightPart,
  .container#containerProductList .containerInlay .productMainPart .rightPart,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart,
  .container#containerWaiting .containerInlay .productMainPart .rightPart {
    width: 750px;
    max-width: 100%;
    margin-left: 20px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img {
    max-height: unset;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .BodyHolder.notLogged .container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .BodyHolder.notLogged .container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .BodyHolder.notLogged .container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .BodyHolder.notLogged .container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .BodyHolder.notLogged .container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .BodyHolder.notLogged .container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .priceContainer {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1450px) {
  .produktblockPlus .ms_inner .teaser .text {
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
    padding: 0px 15px;
  }
}
@media only screen and (max-width: 1350px) {
  .catTeasers .catTeaser {
    max-width: calc((100% * (1 / 3) - 10px));
    height: unset;
    aspect-ratio: 2.03902439;
  }
  .catTeasers .catTeaser .details .title {
    font-size: 21px;
    line-height: 28px;
  }
  .catTeasers .catTeaser .catTeaserInner {
    overflow: hidden;
    border-radius: 25px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain {
    height: unset;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner {
    padding: 0px;
  }
}
@media only screen and (max-width: 1300px) {
  .stageInner .slide .content {
    padding: 20px 45px 20px 35px;
  }
  div.container div.containerInlay .introduction {
    align-items: baseline;
    margin-bottom: 2vw;
  }
  div.container div.containerInlay .introduction .rightPart {
    background-position: right 15px bottom 15px;
    background-size: 55px auto;
    padding: 20px 20px 65px 20px;
    letter-spacing: 0.30px;
    max-width: 350px;
  }
  div.container div.containerInlay .introduction .leftPart {
    max-width: calc(100% - 350px);
    letter-spacing: 0.3px;
    padding-right: 50px;
  }
  .exclusiveTextContainer {
    background-position: right 15px bottom 15px;
    background-size: 55px auto;
    letter-spacing: 0.30px;
    max-width: 350px;
  }
  .exclusiveTextContainer .TextItem_exclusive {
    padding: 20px 20px 65px 20px;
  }
  .registerForm {
    max-width: calc(100% - 350px);
    padding: 0 0 50px 25px;
  }
  .catTeaserContainer {
    margin: 0px auto 6vw auto;
    padding-top: 5vw;
  }
  .produktblock .ms_inner .produkt .title {
    font-size: 18px;
    line-height: 21px;
    padding: 5px 5px;
    margin-top: 0;
    min-height: 60px;
    align-items: center;
  }
  .produktblock_3er .ms_inner .produkt .title,
  .produktblock_4er .ms_inner .produkt .title {
    font-size: 18px;
    line-height: 21px;
    padding: 5px 5px;
    margin-top: 0;
    min-height: 60px;
    align-items: center;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .details .productitle {
    font-size: 35px;
    line-height: 41px;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .details .productsubtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .link {
    height: 40px;
    line-height: 40px;
    max-width: 160px;
  }
  .catTeasers .catTeaser .link {
    height: 40px;
  }
  .container.containerFAQ {
    min-height: 570px;
  }
  .container.containerFAQ .leftPart {
    background-size: 100% auto;
    background-position: left 0% bottom 0px;
  }
  .container.containerFAQ .middle {
    min-height: 570px;
  }
  div.container .containerLine.containerLineSub {
    max-width: 70vw;
  }
  .mainCartContainer .mainCart .mainCart_Address .delivery_Selection {
    max-width: 400px;
  }
  .addressBlock {
    margin: 0px 0px 20px 0px;
    width: 100%;
  }
  .mainOrder .mainCartContainer.mainCartContainer_Address {
    max-width: 1050px;
    padding: 0;
    margin-top: 0;
  }
  .mainCartContainer .mainCart .mainCart_Address .delivery_newForm {
    max-width: calc(100% - 400px);
  }
  .productCross .title {
    font-size: 18px;
    line-height: 21px;
    padding: 5px 5px;
    margin-top: 0;
    min-height: 60px;
    align-items: center;
  }
  .productCross {
    width: auto;
    margin-right: 5px;
  }
  .productListAll .productList .produkt .title {
    min-height: 58px;
    font-size: 18px;
    line-height: 21px;
    padding: 5px 5px;
    margin-top: 0;
    min-height: 60px;
    align-items: center;
  }
  .productListAll .productList .produkt {
    width: calc((100% * (1 / 3) - 10px));
    aspect-ratio: 0.74038462;
  }
  .text_bild .details {
    max-width: calc(100% - 610px);
  }
  .text_bild .img {
    width: 100%;
    max-width: 610px;
  }
}
@media only screen and (max-width: 1250px) {
  .produktblockPlus .ms_inner .teaser {
    max-height: 840px;
    min-width: 340px;
    aspect-ratio: 0.54761905;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain {
    height: unset;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner {
    padding: 0px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ {
    width: 105px;
    height: 105px;
    padding: 3px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain {
    max-width: calc(100% - 105px);
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative {
    max-width: 105px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart,
  .container#containerRegister .containerInlay .productMainPart .leftPart,
  .container#containerProduct .containerInlay .productMainPart .leftPart,
  .container#containerProductList .containerInlay .productMainPart .leftPart,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart,
  .container#containerWaiting .containerInlay .productMainPart .leftPart {
    max-width: calc(100%);
    width: 500px;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart,
  .container#containerRegister .containerInlay .productMainPart .rightPart,
  .container#containerProduct .containerInlay .productMainPart .rightPart,
  .container#containerProductList .containerInlay .productMainPart .rightPart,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart,
  .container#containerWaiting .containerInlay .productMainPart .rightPart {
    width: 100%;
    max-width: calc(100% - 500px);
    margin-left: 10px;
    padding: 0 0 0 10px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ img {
    max-height: 100%;
  }
  .articleContent .articleContentInner .articleDescription {
    width: calc(100% - 550px - 20px);
  }
  .articleContent .articleContentInner .articleDownloads {
    width: 550px;
    margin-left: 20px;
  }
  .contentElemente .contentElement {
    width: 100%;
    float: left;
    min-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4vw 0px 3vw 0px;
    margin: 2vw 0px 1vw 0px;
  }
  .contentElemente .contentElement.contentOdd .ceText .inner {
    padding: 20px 10px 0 30px;
  }
  .contentElemente .contentElement.contentEven .ceText .inner {
    padding: 10px 30px 0 0px;
  }
  .contentElemente .contentElement .ceText .inner h2.title {
    margin: 0px 0px 15px 0px;
    font-size: 38px;
    line-height: 40px;
  }
  .contentElemente .contentElement .ceText .inner .txt {
    font-size: 16px;
    line-height: 27px;
  }
  .text_bild .details h2 {
    font-size: 38px;
    line-height: 40px;
  }
  .articleVO .langtext {
    font-size: 16px;
    line-height: 27px;
  }
  .mainCartContainer .mainCart {
    padding-right: 30px;
    max-width: calc(100% - 375px);
  }
  .mainCartContainer .infoCartPricing {
    width: 375px;
  }
  div#navigation .navbutton span.title {
    padding: 0px 5px 0px 5px;
  }
  .productNavigation .level_inner_1 .navbutton span.title {
    padding: 0px 17px 0px 13px;
  }
  div#topContainer div#top .logo {
    margin-right: 20px;
  }
  div#topContainer #navigationContainer {
    max-width: 625px;
  }
  .ErrorReportGen.ErrorReportContract {
    height: auto;
    line-height: 13px;
    letter-spacing: .3px;
    padding: 4px 7px 4px 26px;
  }
  .produktblock_3er .ms_inner .produkt {
    aspect-ratio: 0.78225806;
  }
  .produktblock_4er .ms_inner .produkt {
    aspect-ratio: 0.78225806;
  }
}
@media only screen and (max-width: 1200px) {
  .container#containerLogin .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .container#containerRegister .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .container#containerProductList .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart .addCartForm .priceContainer,
  .container#containerWaiting .containerInlay .productMainPart .rightPart .addCartForm .priceContainer {
    margin-right: 0;
    position: relative;
    width: 100%;
    text-align: right;
    justify-content: right;
    display: flex;
    flex-wrap: wrap;
  }
  .container#containerProduct .containerInlay .productMainPart .rightPart .addCartForm .price {
    width: 100%;
    text-align: right;
    justify-content: right;
  }
  .container#containerLogin .containerInlay .stockInfo,
  .container#containerRegister .containerInlay .stockInfo,
  .container#containerProduct .containerInlay .stockInfo,
  .container#containerProductList .containerInlay .stockInfo,
  .container#containerBlogArticle .containerInlay .stockInfo,
  .container#containerWaiting .containerInlay .stockInfo {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
    display: flex;
    justify-content: right;
  }
}
@media only screen and (max-width: 1150px) {
  div#topContainer div#top .actionbar {
    max-width: 280px;
  }
  .teaserCTA_stammtisch .teaserCTA .teaserCTA_inner {
    max-width: 60%;
    position: static;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .details .productitle {
    font-size: 31px;
    line-height: 35px;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .details .productsubtitle {
    font-size: 17px;
    line-height: 24px;
    margin-top: 2px;
  }
  .subscribeContainer {
    background-size: 175% auto;
    min-height: 460px;
  }
  .container.containerFAQ .leftPart {
    background-position: left 10% bottom 0px;
    background-repeat: no-repeat;
    background-size: 75% auto;
    max-width: calc(100% - 500px);
  }
  .container.containerFAQ .rightPart {
    width: 500px;
  }
  .faq .frage {
    line-height: 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 60px;
  }
  .container#containerLogin.containerUserList .containerInlay .middle .mainLogin {
    width: auto;
    flex-wrap: wrap;
  }
  .shop-b2b-addUser {
    max-width: 500px;
    margin-left: 0;
    margin-top: 30px;
  }
  div#topContainer div#top #botLine {
    padding: 0px 10px 0px 10px;
  }
  .productNavigation .level_inner_1 .navbutton span.title {
    font-size: 15px;
  }
  div#navigation .navbutton span.title {
    font-size: 15px;
  }
  div#navigation {
    margin-left: 15px;
  }
  div#topContainer #navigationContainer {
    max-width: 590px;
  }
}
@media only screen and (max-width: 1100px) {
  .ModulSpacer {
    width: 100%;
  }
  .ModulSpacer.ms_space_ExtraSmall {
    height: 15px;
  }
  .ModulSpacer.ms_space_Small {
    height: 30px;
  }
  .ModulSpacer.ms_space_Middle {
    height: 60px;
  }
  .ModulSpacer.ms_space_Large {
    height: 75px;
  }
  .ModulSpacer.ms_space_ExtraLarge {
    height: 125px;
  }
  .teaserSupport {
    background-size: 160px auto;
    padding: 25px 125px 20px 25px;
  }
  .stageInner h2 {
    padding: 25px 0 0 25px;
  }
  .stageInner .slide .content {
    padding: 20px 25px 20px 25px;
  }
  .stageInner .owl_navigation .button_left a,
  .stageInner .owl_navigation .button_right a {
    width: 35px;
    height: 35px;
  }
  .stageInner .owl_navigation {
    position: absolute;
    width: 75px;
    height: 35px;
    top: auto;
    z-index: 998;
    pointer-events: none;
    margin: 0 auto;
    bottom: 10px;
    right: 10px;
  }
  .stageInner .owl_navigation .button_left,
  .stageInner .owl_navigation .button_right {
    position: absolute;
    top: 0;
    transform: translateY(0%);
  }
  .stageInner .owl_navigation .button_left,
  .stageInner .owl_navigation .button_right {
    position: absolute;
    top: 0;
    transform: translateY(0%);
  }
  .stageInner .owl_navigation .button_right {
    right: 0;
  }
  .stageInner {
    background-position: right 15px top 20px;
    background-size: 70px auto;
  }
  .productNavigation .level_inner_1 .navbutton span.title {
    font-size: 15px;
    padding: 0px 20px 0px 10px;
    letter-spacing: 0.3px;
  }
  div#topContainer div#top .logo {
    margin-right: 30px;
  }
  #nav_wrapper {
    left: calc(-1 *(100vw - 900px) / 2);
  }
  .catTeaserContainer {
    overflow-x: auto;
  }
  .catTeaserContainer #main-catTeasers {
    width: 1310px;
  }
  .catTeaserContainer {
    overflow-x: auto;
    overflow-y: hidden;
    max-height: fit-content;
  }
  .shopFeaturesContainer .msContainerInner .element .title {
    font-size: 19px;
    line-height: 27px;
  }
  .shopFeaturesContainer .msContainerInner .element .text {
    font-size: 17px;
    line-height: 23px;
  }
  .articlesOV .grid-item,
  .articlesOV .grid-sizer {
    width: calc(100% * (1 / 3) - 25px);
  }
  .articlesOV .article {
    width: calc(100% * (1 / 3) - 10px);
    margin-bottom: 25px;
  }
  .produktblockPlus .ms_inner .productList {
    gap: 3px;
  }
  .produktblockPlus .ms_inner .produkt {
    margin: 0px 0px 0px 0px;
  }
  .produktblockPlus .ms_inner .produkt .title {
    line-height: 19px;
  }
  .contentElemente .contentElement .ceImg .imgTitle {
    bottom: 10px;
    left: 10px;
    height: 40px;
    font-size: 18px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .contentElemente .contentElement .ceText .inner .subtitle {
    letter-spacing: 0.50px;
    font-size: 21px;
    line-height: 28px;
    margin: 0 0 15px 0;
  }
  .text_bild .details {
    max-width: calc(100% - 410px);
  }
  .text_bild .img {
    width: 100%;
    max-width: 410px;
  }
  .produktblock_3er .ms_inner .produkt .title,
  .produktblock_4er .ms_inner .produkt .title {
    font-size: 15px;
    line-height: 19px;
    min-height: 40px;
  }
  .produktblockPlus .ms_inner .systemLabel {
    font-size: 9px;
    padding: 1px 5px;
  }
}
@media only screen and (max-width: 1024px) {
  body,
  html {
    font-size: 16px;
  }
  body:not(.site_id_63):not(.site_id_64) {
    font-size: 16px;
    line-height: 26px;
  }
  .teaserCTA_stammtisch .teaserCTA .teaserCTA_inner {
    padding: 25px 0 15px 25px;
  }
  .teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .title {
    font-size: 27px;
    line-height: 29px;
    letter-spacing: 0.5px;
  }
  .teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .text {
    line-height: 27px;
    font-size: 15px;
    margin: 15px 0 10px 0;
  }
  .btn {
    letter-spacing: 0.30px;
    font-size: 14px;
    margin: 10px 0 0 0;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .link .btnInner {
    font-size: 16px;
  }
  div#topContainer div#top .actionbar {
    max-width: unset;
  }
  div#topContainer div#top .actionbar #languagePickerContainer {
    transform: translateY(0px);
    padding-bottom: 20px;
    position: fixed;
    bottom: -100px;
    left: 20px;
    z-index: 99;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  div#topContainer div#top .actionbar #languagePickerContainer #languagePick #languages {
    left: 5px;
    top: -135px;
    z-index: 99;
  }
  div#topContainer div#top .actionbar #languagePickerContainer .lc_arrow {
    top: auto;
    left: 10px;
    transform: rotate(180deg);
    bottom: -5px;
  }
  div#topContainer div#top .actionbar .languagepick {
    height: 28px;
    width: 68px;
    padding: 0 11px;
  }
  div#topContainer div#top #topLine {
    position: fixed;
    bottom: -100px;
    right: 0;
    top: auto;
    visibility: hidden;
  }
  div#topContainer div#top .logo {
    margin-right: 0px;
    margin-bottom: 0px;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 100px;
  }
  div#topContainer div#top #topLine::after {
    display: none;
  }
  div#topContainer div#top .actionbar {
    margin-right: 30px;
    padding-top: 1px;
  }
  div#topContainer {
    height: 70px;
  }
  div#topContainer div#top {
    height: 70px;
  }
  .logContainer {
    top: 45px;
  }
  div#topContainer div#top #botLine {
    width: 100%;
    padding-top: 15px;
  }
  #hamburger {
    display: block;
    z-index: 997;
  }
  #hamburger.active {
    display: block;
    z-index: 9997;
  }
  #nav_wrapper {
    left: 0;
  }
  div#topContainer #navigationContainer {
    max-width: 100vw;
  }
  .productNavigation .productNavigationInner {
    height: unset;
    display: flex;
    flex-wrap: wrap;
    padding: 100px 20px 20px 20px;
    min-height: 100vh;
    align-items: baseline;
    align-content: baseline;
    background: transparent linear-gradient(180deg, #ffffff 0%, #ffffff 41%, #f3f3f3 100%) 0% 0% no-repeat padding-box;
  }
  .productNavigation .productNavigationInner #mainGroups {
    width: 100%;
  }
  div#topContainer div#top #topLine .headLink.headLinkRight a {
    color: #009EE0;
  }
  div#topContainer div#top #topLine .headLink.headLinkRight a.isLogged {
    color: #fff;
  }
  body div#topContainer div#top #topLine .headLink a.contactLink,
  body div#topContainer div#top #topLine .headLink.headLinkcontactLink span,
  body div#topContainer div#top #topLine .headLink a.loggedAs,
  body div#topContainer div#top #topLine .headLink a.loggedAs span {
    color: #333333;
  }
  .productNavigation .productNavigationInner::before {
    background-image: url("/_skins/base/images/ico_sun.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    content: '';
    top: 20px;
    left: 20px;
    width: 60px;
    display: flex;
    flex-wrap: wrap;
    height: 55px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  div#navigation {
    margin-left: 0;
    flex-wrap: wrap;
    width: 100%;
  }
  div#navigation .navbutton.navbutton1 {
    height: 35px;
    margin-top: 15px;
  }
  .productNavigation .level_inner_1 .navbutton span.title {
    height: 35px;
    color: #333;
  }
  .productNavigation .level_inner_1 .navbutton {
    height: 35px;
  }
  .productNavigation .level_inner_1:hover .navbutton {
    height: 35px;
  }
  .productNavigation .level_0 .level_inner_1.navContainer {
    width: 100%;
  }
  .productNavigation .level_0 .level_inner_1.navContainer.subGroupsActive {
    border-bottom: 1px dashed #DFDFDF;
  }
  .nav_wrap {
    margin-top: 0px;
    position: fixed;
    top: 0;
    z-index: 99;
    transition: all .2s ease 0.1s;
    width: 100vw !important;
    transform: translateX(300vw);
  }
  .nav_arrow {
    display: none !important;
  }
  .nav_wrap.open {
    transform: translateX(0vw);
    transition: all .2s ease 0.1s;
  }
  .main_group .close {
    position: absolute;
    top: 45px;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 28px;
    line-height: 28px;
    text-transform: lowercase;
    border-radius: 7px;
    overflow: hidden;
    text-decoration: none;
    background-color: #4d4d4d;
    letter-spacing: 0.4px;
    max-width: fit-content;
    padding: 0 10px;
    left: 7px;
  }
  .main_group .close.textlinkActive {
    top: 80px;
  }
  .productNavigation .level_inner_1 .navbutton {
    max-width: 160px;
  }
  .productNavigation .level_inner_1 .navbutton.active {
    height: 35px !important;
  }
  #nav_wrapper,
  #nav_wrapper.groupWidth_2,
  #nav_wrapper.groupWidth_3,
  #nav_wrapper.groupWidth_4,
  #nav_wrapper.groupWidth_2.activeTeaserInside,
  #nav_wrapper.groupWidth_3.activeTeaserInside,
  #nav_wrapper.groupWidth_4.activeTeaserInside {
    width: 100vw;
    height: 100vh !important;
    overflow-y: auto;
  }
  #nav_wrapper .groupCounter_2.main_group,
  #nav_wrapper .groupCounter_3.main_group,
  #nav_wrapper .groupCounter_4.main_group,
  #nav_wrapper.activeTeaserInside .groupCounter_2.main_group,
  #nav_wrapper.activeTeaserInside .groupCounter_3.main_group,
  #nav_wrapper.activeTeaserInside .groupCounter_4.main_group {
    width: 100vw !important;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    padding-top: 80px;
  }
  .subGroups.level_0 .complextypes-ProductGroup-navigation_groups .subGroup {
    display: flex;
    width: auto;
    flex-wrap: wrap;
  }
  .subGroups.level_0 .complextypes-ProductGroup-navigation_groups .subGroup .groupTitle {
    width: 100%;
    margin-bottom: 5px;
  }
  .subGroups.level_0 .main_group.activeTeaser > .complextypes-ProductGroup-navigation_groups {
    max-width: 100%;
  }
  .subGroups.level_0 .groupCounter_2.main_group .subGroup.level_1,
  .subGroups.level_0 .groupCounter_3.main_group .subGroup.level_1,
  .subGroups.level_0 .groupCounter_4.main_group .subGroup.level_1 {
    width: auto;
  }
  .subGroups.level_0 .groupCounter_2 .subGroup .sub_group_level_2,
  .subGroups.level_0 .groupCounter_3 .subGroup .sub_group_level_2,
  .subGroups.level_0 .groupCounter_4 .subGroup .sub_group_level_2 {
    width: 100% !important;
  }
  .subGroups.level_0 .sub_group_level_2 {
    padding: 10px 10px 10px 10px;
    border-right: none;
    border-top: 1px dashed #DFDFDF;
  }
  .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup {
    right: 5px;
    top: 2px;
    width: 9px;
    height: 9px;
    transform: rotate(-90deg);
  }
  .subGroups.level_0 .activeAktion .sub_group_level_2 {
    padding-bottom: 10px;
  }
  .activeTeaser .werbung {
    max-width: 100vw;
    position: relative;
    height: auto;
    padding: 10px 20px;
    font-size: 14px;
  }
  div#topContainer div#top .actionbar .f_icon.icon_search {
    z-index: 98;
  }
  #productGroups .main_group .teaser {
    max-width: 210px;
    width: 100%;
    position: relative;
    height: 335px;
  }
  div#topContainer #navigationContainer {
    position: fixed;
    top: 0;
    height: 100vh;
    background-color: #fff;
    z-index: 99;
    left: 0;
    right: 0;
    transform: translateX(-130vw);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  div#topContainer #navigationContainer.show {
    transform: translateX(0vw);
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  div#topContainer #navigationContainer .productNavigation .level_inner_1.subGroupsActive .navbutton .icon_subgroup svg path {
    fill: #333;
  }
  div#topContainer #navigationContainer.show {
    display: block;
  }
  div#navigation .navbutton {
    width: 100%;
    display: flex;
    align-items: center;
  }
  div#navigation .navbutton span.title {
    color: #333;
    height: 35px;
    font-size: 15px;
    padding: 0px 20px 0px 10px;
    letter-spacing: 0.3px;
  }
  div#navigation .navbutton.navbuttonSpecial,
  div#navigation .navbutton.navbuttonSpecial.navbuttonSpecialFirst {
    width: auto;
    display: flex;
    align-items: center;
    margin-top: 25px;
    color: #a4a4a4;
  }
  div#navigation .navbutton.navbuttonSpecial span.title,
  div#navigation .navbutton.navbuttonSpecial.navbuttonSpecialFirst span.title {
    color: #a4a4a4 !important;
    font-size: 14px;
    padding: 0px 15px 0px 15px;
  }
  div#navigation .navbutton.navbuttonSpecial.navbuttonSpecialShort span.title,
  div#navigation .navbutton.navbuttonSpecial.navbuttonSpecialFirst.navbuttonSpecialShort span.title {
    padding-left: 10px;
  }
  body.nav-active.subnav-active div#topContainer div#top .actionbar #languagePickerContainer {
    bottom: -100px;
    visibility: hidden;
  }
  body.nav-active.subnav-active div#topContainer div#top #topLine {
    bottom: -100px;
    visibility: hidden;
  }
  body.nav-active .productNavigation .productNavigationInner::before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    transition: all 0.3s ease 0.2s;
    -webkit-transition: all 0.3s ease 0.2s;
    -moz-transition: all 0.3s ease 0.2s;
    -o-transition: all 0.3s ease 0.2s;
    -ms-transition: all 0.3s ease 0.2s;
  }
  body.nav-active div#topContainer div#top #topLine {
    position: fixed;
    right: 0;
    bottom: 14px;
    display: block;
    z-index: 999;
    visibility: visible;
    pointer-events: none;
  }
  body.nav-active div#topContainer div#top #topLine .headLink a {
    pointer-events: auto;
  }
  body.nav-active div#topContainer div#top #topLine .phone {
    color: #3A3A3A;
    pointer-events: auto;
  }
  body.nav-active div#topContainer div#top #topLine .phone svg path {
    fill: #00A992;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.nav-active div#topContainer div#top #topLine .phone:hover {
    color: #00a992;
  }
  body.nav-active div#topContainer div#top .actionbar #languagePickerContainer {
    bottom: 0;
    visibility: visible;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.nav-active div#top .actionbar .languagepick svg path {
    fill: #3A3A3A;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  body.nav-active div#top .actionbar .languagepick {
    border: 1px solid transparent;
    border-color: transparent;
    transition: border-color 0.2s ease 0s;
  }
  body.nav-active div#topContainer div#top .actionbar #languagePickerContainer #languagePick .caption span.langCode {
    color: #3A3A3A;
  }
  body.nav-active div#topContainer div#top .actionbar .languagepick {
    border-color: #3A3A3A !important;
  }
  body.nav-active div#navigation .navbutton.justMobile {
    display: flex;
  }
  #productGroups .main_group .teaser {
    max-width: 600px;
    width: 100%;
    margin-top: 0px;
    position: relative;
    height: calc(600px * 0.85);
  }
  #productGroups .main_group .teaser.teaser_sigenstor {
    background-image: url("/_skins/base/images/teaser_sigenstor_mobile.jpg");
  }
  #productGroups .main_group .teaser.teaser_sigenstack {
    background-image: url("/_skins/base/images/teaser_sigenstack_mobile.jpg");
  }
  .containerInlaySpacer.containerInlayStartSpacer {
    min-height: 80vh;
  }
  .containerInlaySpacer.containerInlayStartSpacer .txtStage {
    top: 0;
    margin: auto;
    font-size: 60px;
    line-height: 75px;
    bottom: 125px;
    align-content: center;
  }
  .containerInlaySpacer.containerInlayStartSpacer .txtStage span.bot {
    font-size: 96px;
    letter-spacing: 5px;
    transform: translateX(-4px);
  }
  .btn_down {
    left: 5px;
  }
  div.container div.containerInlay .introduction .leftPart h1 {
    letter-spacing: 1px;
    font-size: 35px;
    line-height: 41px;
    margin-bottom: 15px;
  }
  div.container div.containerInlay .introduction .leftPart {
    font-size: 16px;
    line-height: 26px;
  }
  div.container div.containerInlay .introduction .rightPart {
    font-size: 15px;
  }
  .produktblock_3er .ms_inner .produkt .childAttributeValues,
  .produktblock_4er .ms_inner .produkt .childAttributeValues {
    font-size: 11px;
    bottom: 10px;
  }
  .produktblock .ms_inner .produkt.produkt1 .childAttributeValues,
  .produktblock .ms_inner .produkt.produkt2 .childAttributeValues {
    font-size: 11px;
    bottom: 10px;
  }
  div#footer #footerInner .leftPart {
    width: 310px;
  }
  div#footer #footerInner .leftPart .logo {
    max-width: 200px;
    margin-bottom: 20px;
  }
  div#footer #footerInner .leftPart .adress {
    font-size: 15px;
  }
  div#footer #footerInner .leftPart a {
    line-height: 35px;
    font-size: 15px;
  }
  div#footer #footerInner .leftPart .contacts a {
    line-height: 35px;
    font-size: 15px;
  }
  div#footer #footerInner .bottomPart {
    font-size: 13px;
  }
  #footerSpacer {
    min-height: 415px;
  }
  div#footer #footerInner .rightPart .info .caption {
    letter-spacing: 0.1px;
    margin-bottom: 5px;
    line-height: 26px;
    font-size: 17px;
  }
  div#footer #footerInner .rightPart {
    padding-top: 62px;
    max-width: calc(100% - 310px);
  }
  div#footer #footerInner .rightPart .info .list a {
    line-height: 35px;
    font-size: 15px;
  }
  div#footer #footerInner .rightPart .info .list.listSec {
    max-width: 360px;
    margin: 0 auto;
  }
  .subscribeContainer .TextItem_2 h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 44px;
  }
  .modulsetElement .modulsetElementContainer.downloadBlock .msContainerInner .title h2,
  .modulsetElement .modulsetElementContainer.zweispalter-text .msContainerInner .title h2 {
    letter-spacing: 1px;
    font-size: 36px;
    line-height: 44px;
  }
  .subscribeContainer .btn {
    background-size: 30px auto;
    padding: 0px 50px 0px 25px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 30px auto 0 auto;
  }
  .container.containerFAQ .leftPart {
    background-position: left 10% bottom 0px;
    background-size: 100% auto;
  }
  .container.containerFAQ .leftPart h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0.50px;
  }
  .faq .icoMore {
    right: 15px;
  }
  .faq .frage {
    padding-right: 35px;
  }
  .text_bild .details h2 {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 44px;
  }
  .textTeasers .textTeaser {
    padding: 25px 20px 25px 20px;
    max-width: calc(50% - 5px);
  }
  .textTeasers .textTeaser h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 44px;
  }
  .textTeasers .textTeaser .subtitle {
    font-size: 21px;
    line-height: 24px;
    margin: 0 0 20px 0;
  }
  .container.containerAbout .TextItem_3 {
    padding: 195px 0px 0 0px;
  }
  .container.containerAbout .TextItem_3 h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 44px;
  }
  .container.containerAbout .TextItem_3 .innerTextItem {
    position: relative;
    padding: 0px 0px 120px 0px;
  }
  .container.containerAbout .TextItem_3 .innerTextItem::before {
    max-width: 340px;
    height: 90px;
    bottom: 0;
  }
  .container.containerAbout .TextItem_3::before {
    width: 215px;
    height: 90px;
    top: 80px;
  }
  .text_bild .details .text {
    font-size: 15px;
    line-height: 24px;
  }
  .container.containerAbout {
    min-height: 450px;
    padding-bottom: 40px;
  }
  .articlesOV .article .details h2 {
    font-size: 19px;
    line-height: 25px;
  }
  .articlesOV .article .details .text {
    font-size: 15px;
    line-height: 24px;
  }
  h2 {
    letter-spacing: 1px;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .headlineContainer {
    margin: 0 auto 30px auto;
  }
  .teaserService h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .teaserService .txt {
    font-size: 17px;
    line-height: 27px;
    margin: 15px 0 25px 0;
  }
  .teaserCommunity h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .teaserCommunity .txt {
    letter-spacing: 0px;
    font-size: 17px;
    line-height: 27px;
    margin: 15px 0 25px 0;
  }
  .teaserService a.serviceIcon {
    width: 69px;
    height: 69px;
  }
  .teaserService a.serviceIcon.email svg {
    width: 30px;
    height: 33px;
  }
  .teaserService a.serviceIcon.chat::after {
    width: 80px;
    left: -5px;
  }
  .teaserService {
    padding: 30px 35px 50px 34px;
  }
  .teaserCommunity {
    height: 100%;
    padding: 30px 35px 50px 34px;
  }
  .subscribeContainer .btn {
    font-size: 15px;
  }
  body.search-active #searchContainer {
    right: 190px;
  }
  #BodyContainer.compactHeader div#topContainer div#top #topLine,
  #BodyContainer.scroll div#topContainer div#top #topLine {
    max-height: 43px;
    overflow: visible;
    padding-top: 10px;
    padding-bottom: 7px;
  }
  body.nav-active .intercom-lightweight-app {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .productNavigation {
    height: calc(100vh - 80px);
  }
  .containerInlaySpacer {
    min-height: 220px;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart h1,
  .container#containerRegister .containerInlay .productMainPart .rightPart h1,
  .container#containerProduct .containerInlay .productMainPart .rightPart h1,
  .container#containerProductList .containerInlay .productMainPart .rightPart h1,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart h1,
  .container#containerWaiting .containerInlay .productMainPart .rightPart h1 {
    font-size: 28px;
    line-height: 35px;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart .description,
  .container#containerRegister .containerInlay .productMainPart .rightPart .description,
  .container#containerProduct .containerInlay .productMainPart .rightPart .description,
  .container#containerProductList .containerInlay .productMainPart .rightPart .description,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart .description,
  .container#containerWaiting .containerInlay .productMainPart .rightPart .description {
    font-size: 15px;
    line-height: 26px;
  }
  .contentElemente .contentElement .ceText .inner h2.title {
    font-size: 32px;
    line-height: 34px;
  }
  .contentElemente .contentElement h2 {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: 0.5px;
  }
  .contentElemente .contentElement .ceText .inner {
    padding: 0 20px;
  }
  .container div.ccm_form div.field input,
  .container div.ccm_form div.field textarea {
    font-size: 15px;
  }
  .registerForm .panel h2 {
    letter-spacing: 0.5px;
    font-size: 21px;
    margin-bottom: 0px;
  }
  .container#containerLogin .containerInlay .middle .mainLogin h2 {
    letter-spacing: 0.5px;
    font-size: 21px;
    margin-bottom: 0px;
  }
  .mainCartContainer h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .container div.ccm_form div.Sex.fieldOption label,
  .container div.ccm_form div.Datenschutz.fieldOption label,
  .container div.ccm_form div.EmailNews.fieldOption label {
    padding-left: 4px;
    font-size: 15px;
  }
  .container div.ccm_form div.Sex.fieldOption label {
    width: 60px;
  }
  .container div.ccm_form div.fieldOption.Sex span span div {
    width: 100px;
  }
  .registerForm .panel .panelSpacer {
    height: 20px;
  }
  .container div.ccm_form div.field.Password input,
  .container div.ccm_form div.field.PasswordRepeat input {
    font-size: 15px;
  }
  .container div.ccm_form div.field.Land select,
  .container div.ccm_form div.field.TicketNumber select {
    font-size: 15px;
  }
  .container div.ccm_form div.Sex.fieldOption label,
  .container div.ccm_form div.Datenschutz.fieldOption label,
  .container div.ccm_form div.EmailNews.fieldOption label {
    font-size: 15px;
    max-width: 180px;
  }
  .registerForm .buttonArea .button_reg {
    font-size: 19px;
    padding: 10px 25px;
    letter-spacing: 1.5px;
  }
  .container div.ccm_form div.field.shortField {
    font-size: 15px;
  }
  .container div.ccm_form div.field.shortField div {
    font-size: 15px;
  }
  .mainCartContainer .mainCart {
    padding-right: 0px;
    max-width: 100%;
  }
  .mainCartContainer .infoCartPricing {
    width: 100%;
  }
  .mainCartContainer {
    flex-wrap: wrap;
  }
  .mainCartContainer .mainCart {
    margin-bottom: 35px;
  }
  body.nav-active {
    position: static;
  }
  #BodyContainer.compactHeader .nav_wrap,
  #BodyContainer.scroll .nav_wrap {
    position: fixed;
    margin-top: 0px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0);
  }
  .TextItem .innerTextItem {
    font-size: 15px;
  }
  .filterArea .filterBox a {
    font-size: 16px;
  }
  .addressBlock {
    font-size: 15px;
    line-height: 22px;
    padding: 10px;
  }
  .mainCartContainer .mainCart .mainCart_Address .btnInner,
  .addressBlock .delete {
    font-size: 13px;
    padding: 0 10px;
    letter-spacing: 0.4px;
    margin: 10px 0 0 0;
  }
  .mainCartContainer .mainCart .mainCart_Address .btnInner {
    margin-right: 5px;
  }
  .addressBlock .staticInfoBox {
    margin: 10px 0 0 0;
    max-width: 100px;
    line-height: 13px;
    padding-top: 4px;
  }
  #productGroups .main_group .textlink {
    display: flex;
  }
  .productCross .childAttributeValues span {
    letter-spacing: 0.3px;
    padding: 0 6px;
    height: 16px;
    font-size: 11px;
  }
  .productListAll .productList .produkt .childAttributeValues span {
    letter-spacing: 0.3px;
    padding: 0 6px;
    height: 16px;
    font-size: 11px;
  }
  .produktblock_4er .ms_inner .produkt {
    aspect-ratio: 0.7238806;
  }
}
/*24*/
@media only screen and (max-width: 950px) {
  .produktblockPlus .ms_inner .productList {
    grid-template-columns: repeat(3, 1fr);
  }
  .articleContent .articleContentInner {
    flex-wrap: wrap;
  }
  .articleContent .articleContentInner .articleDescription {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .articleContent .articleContentInner .articleDownloads {
    width: 100%;
    max-width: 100%;
    margin-left: 0px;
  }
  .container div.ccm_form div.field {
    margin-bottom: 2px;
    margin-top: 1px;
  }
  .container div.ccm_form div.field.shortField {
    margin-right: 5px;
    max-width: calc(50% - 3px);
    margin-bottom: 2px;
    margin-top: 1px;
  }
  .container div.ccm_form div.field.ZIP {
    margin-right: 5px;
    max-width: 110px;
  }
  .container div.ccm_form div.field.City {
    margin-right: 0px;
    max-width: calc(100% - 5px - 110px);
  }
  .exclusiveTextContainer {
    max-width: 280px;
  }
  .registerForm {
    max-width: calc(100% - 280px);
  }
}
@media only screen and (max-width: 900px) {
  div.container .containerLine {
    height: 80px;
    max-width: 40vw;
    top: -80px;
  }
  div.container .containerLine::after {
    background-size: auto 100%;
    height: 81px;
    right: -115px;
    width: 121px;
  }
  .btn_down {
    left: 5px;
    top: calc(-90px - 40px);
  }
  .containerInlaySpacer.containerInlayStartSpacer .sigGold {
    bottom: 8px;
    height: 75px;
    width: 185px;
    padding: 3px;
  }
  .teaserCTA_stammtisch .teaserCTA {
    background-position: right -155px top 0px;
  }
  .teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .icon_glasl {
    right: 15px;
    top: auto;
    width: 100px;
    bottom: 10px;
  }
  .teaserSupport {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .stageInner {
    max-width: 100%;
  }
  .containerSupportRezension {
    flex-wrap: wrap;
  }
  .modulsetElement .modulsetElementContainer.shopFeaturesContainer {
    flex-wrap: wrap;
  }
  .modulsetElement .modulsetElementContainer.shopFeaturesContainer .msContainerInner {
    padding: 20px 0px;
    max-width: 600px;
  }
  .modulsetElement .modulsetElementContainer.shopFeaturesContainer .msContainerInner .element {
    max-width: calc((100% * (1 / 2) - 14px));
    margin: 17px 7px 16px;
    width: 100%;
  }
  .container.containerFAQ .leftPart {
    background-image: none;
    max-width: 100%;
    padding-bottom: 40px;
  }
  .container.containerFAQ .rightPart {
    width: 100%;
    background-image: url("/_skins/base/images/bgd_faq.png");
    background-position: left 0% bottom 0px;
    background-repeat: no-repeat;
    background-size: 55vw auto;
    padding-bottom: 215px;
  }
  .container.containerFAQ .leftPart .btn_talk {
    float: left;
    margin-top: 40px;
  }
  .container.containerFAQ .leftPart .qrCode {
    max-width: 110px;
    margin-top: 10px;
    margin-left: 20px;
    float: left;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ {
    width: 70px;
    height: 70px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative {
    max-width: 70px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart,
  .container#containerRegister .containerInlay .productMainPart .leftPart,
  .container#containerProduct .containerInlay .productMainPart .leftPart,
  .container#containerProductList .containerInlay .productMainPart .leftPart,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart,
  .container#containerWaiting .containerInlay .productMainPart .leftPart {
    max-width: calc(100%);
    width: 350px;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart,
  .container#containerRegister .containerInlay .productMainPart .rightPart,
  .container#containerProduct .containerInlay .productMainPart .rightPart,
  .container#containerProductList .containerInlay .productMainPart .rightPart,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart,
  .container#containerWaiting .containerInlay .productMainPart .rightPart {
    max-width: calc(100% - 350px);
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain {
    max-width: calc(100% - 70px);
  }
  .productDetail .topInfo .breadCrumb {
    height: 25px;
    line-height: 25px;
    letter-spacing: 0.2px;
    font-size: 12px;
    top: -90px;
  }
  #footerbottom .inlay {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  #footerbottom .inlay .left,
  #footerbottom .inlay .right {
    width: 100%;
  }
  .container#containerLogin .containerInlay .middle .loginNavigationContainer {
    padding-right: 35px;
    width: 240px;
  }
  .container#containerLogin .containerInlay .middle .mainLogin {
    max-width: calc(100% - 240px);
  }
  .container#containerLogin .containerInlay .middle .UserOutput div.PasswordOutput {
    background-size: auto 9px;
    padding: 5px 5px;
    font-size: 14px;
  }
  .container#containerLogin .containerInlay .middle .UserOutput div.PasswordOutput .buttonFP {
    right: 9px;
    top: 2px;
    font-size: 13px;
  }
  .container#containerRegister.notLogged .loginMask .panelLeft {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    justify-content: start;
  }
  .container#containerRegister.notLogged .loginMask .panelLeft .loginMask .panelLeft .forget_pwd {
    text-align: left;
  }
  .container#containerRegister.notLogged .loginMask .panelLeft .panelCaption {
    max-width: 100%;
    width: 100%;
  }
  .container#containerRegister.notLogged .loginMask .panelLeft .loginfields {
    max-width: 100%;
  }
  .container#containerRegister.notLogged .loginMask .panelRight {
    max-width: 100%;
    width: 100%;
    padding: 20px 15px 20px 15px;
  }
}
@media only screen and (max-width: 800px) {
  .text_bild.modulItem .ms_inner {
    flex-wrap: wrap;
  }
  .text_bild {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .text_bild .details {
    max-width: calc(100% - 0px);
    padding-right: 0;
    margin-bottom: 30px;
  }
  .text_bild .img {
    width: 100%;
    max-width: 810px;
  }
  .text_bild.text_bild_even .details {
    padding-left: 0px;
    padding-right: 0;
  }
  .text_bild.text_bild_even.modulItem .ms_inner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .containerOrder .order .order-items .order-items-header {
    grid-template-columns: 3fr 50px 1fr 10px;
  }
  .containerOrder .order .order-items .order-items-header div:last-child {
    display: none;
  }
  .containerOrder .order .order-items .order-items-list .order-item {
    grid-template-columns: 3fr 50px 1fr 10px;
  }
  .containerOrder .order-item .order-item-total {
    grid-column: span 3;
    text-align: right;
    padding-top: 0.4rem;
    border-top: 1px solid #eee;
    margin-top: 0.4rem;
  }
  .containerOrder .order-item .order-item-total::before {
    content: "Summe";
    font-size: .9rem;
    font-weight: 500;
    color: #666;
    margin-right: 1rem;
    white-space: normal;
  }
  .containerOrder .order-header {
    flex-direction: column;
    gap: 0.5rem;
  }
  .containerOrder .order-footer {
    flex-direction: column;
  }
  .produktblock .ms_inner {
    max-width: 658px;
    flex-wrap: wrap;
  }
  .produktblock .ms_inner .produkt.produkt1,
  .produktblock .ms_inner .produkt.produkt2 {
    width: calc((100% * (1 / 2) - 5px));
  }
  .produktblock .ms_inner .produkt.produkt2 {
    margin-right: 0;
  }
  .produktblock .ms_inner .produkt.produkt3 {
    max-width: 100%;
  }
  .produktblock.produktblock_even .produkt.produkt3 {
    margin-right: 0px;
  }
  .produktblock_4er .ms_inner {
    max-width: 658px;
    flex-wrap: wrap;
  }
  .produktblock_4er .ms_inner .produkt {
    width: calc((100% * (1 / 2) - 5px));
    margin-right: 0;
    aspect-ratio: 0.7578125;
  }
  div#footer {
    position: relative;
  }
  #footerSpacer {
    min-height: 585px;
  }
  div#footer #footerInner .leftPart {
    width: 100%;
  }
  div#footer #footerInner .leftPart .adress {
    text-align: center;
    padding-left: 0;
  }
  div#footer #footerInner .leftPart .logo {
    margin: 0 auto 20px auto;
  }
  div#footer #footerInner .leftPart .smIcons {
    margin: 10px auto 0px auto;
    width: fit-content;
  }
  div#footer #footerInner .rightPart {
    padding-top: 50px;
    max-width: 100%;
  }
  div#footer #footerInner .rightPart .info {
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
  }
  div#footer #footerInner .rightPart .info .list a {
    line-height: 30px;
    font-size: 14px;
  }
  div#footer #footerInner .rightPart .info.info2 {
    width: 100%;
  }
  div#footer #footerInner .rightPart .info.info2 .list a {
    max-width: 100%;
  }
  div#footer #footerInner .bottomPart {
    text-align: center;
    margin: 0 auto;
  }
  div#footer #footerInner .bottomPart a {
    width: 100%;
    display: block;
  }
  div#footer #footerInner .rightPart .info .list.listFirst {
    display: block;
    margin-bottom: 25px;
  }
  div#footer #footerInner .bottomPart {
    padding: 15px 0px 0 0px;
  }
  div#footer {
    position: relative;
    padding-bottom: 50px;
  }
  div#footer #footerInner {
    padding: 0px 10px 15px 10px;
  }
  div#footer #footerInner .bottomPart {
    font-size: 11px;
    line-height: 18px;
  }
  .articlesOV .grid-item,
  .articlesOV .grid-sizer {
    width: calc(100% * (1 / 2) - 20px);
  }
  .articlesOV .article {
    width: calc(100% * (1 / 2) - 10px);
    margin-bottom: 25px;
  }
  .produktblockPlus .ms_inner .productList {
    margin-top: 40px;
  }
  .produktblockPlus .ms_inner .produkt {
    max-width: 260px;
  }
  .produktblockPlus .ms_inner {
    flex-wrap: wrap;
  }
  .produktblockPlus .ms_inner .teaser.teaser_sigenstack {
    max-height: 280px;
    min-width: unset;
    width: 100%;
    margin-right: 0;
    max-width: 100%;
    display: block;
    aspect-ratio: 2.56756757;
    background-image: url("/_skins/base/images/bgd_sigenstack_planer_mobile.png");
    background-position: bottom right;
  }
  .produktblockPlus .ms_inner .teaser.teaser_sigenstor {
    max-height: 280px;
    min-width: unset;
    width: 100%;
    margin-right: 0;
    max-width: 100%;
    display: block;
    aspect-ratio: 2.56756757;
    background-image: url("/_skins/base/images/bgd_sigenstor_planer_mobile.png");
    background-position: bottom right;
  }
  .produktblockPlus .ms_inner .teaser .text {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
    padding: 0px 15px 0px 0px;
    position: absolute;
    right: 0;
    max-width: 40%;
    text-align: right;
    top: 35px;
  }
  .produktblockPlus .ms_inner .teaser .title {
    height: 38px;
    position: absolute;
    right: 20px;
  }
  .produktblockPlus .ms_inner .teaser .title span {
    letter-spacing: 0.5px;
    font-size: 19px;
    padding: 0 20px;
    height: 38px;
  }
  .produktblockPlus .ms_inner .teaser .title .link {
    right: auto;
    bottom: unset;
    border-radius: 8px;
    left: 35px;
    position: fixed;
    transform: translateY(10px);
  }
  .contentElemente .contentElement .ceText {
    width: 100%;
    max-width: 810px;
    float: left;
    min-height: 25px;
    height: 100%;
  }
  .contentElemente .contentElement .ceText .inner {
    padding: 0 40px 0 0px;
  }
  .contentElemente .contentElement.contentOdd .ceText .inner {
    padding: 15px 0px 0 0px;
  }
  .contentElemente .contentElement.contentEven .ceText .inner {
    padding: 20px 0px 30px 0px;
  }
  .contentElemente {
    margin: 1vw 0px 4vw 0px;
  }
  .contentElemente .contentElement .ceImg {
    width: 100%;
    max-width: 735px;
    margin: 0 auto;
  }
  .exclusiveTextContainer {
    max-width: 100%;
    background-size: 55px auto;
    margin-top: 0;
    margin-bottom: 50px;
    width: 100%;
  }
  .exclusiveTextContainer .TextItem_exclusive {
    padding: 20px 20px 20px 20px;
  }
  .registerForm {
    max-width: 100%;
    padding-left: 0;
  }
  .container#containerRegister .containerInlay .middle {
    flex-wrap: wrap;
  }
  .container#containerRegister.notLogged .containerInlay .registerForm {
    padding-left: 0px;
  }
  .container#containerRegister.notLogged .containerInlay .middle {
    flex-direction: column-reverse;
  }
  .container#containerRegister.notLogged .loginMask {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 300px;
    margin: 0 auto;
  }
  .container#containerRegister.notLogged .loginMask .panelLeft {
    max-width: 300px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .container#containerRegister.notLogged .loginMask .panelLeft .loginfields {
    max-width: 210px;
  }
  .container#containerRegister.notLogged .loginMask .panelLeft .panelCaption {
    max-width: 210px;
    padding: 5px 0px 0px 0px;
  }
  .mainCartContainer .mainCart .mainCart_Address .delivery_Selection {
    max-width: 100%;
  }
  .addressBlock {
    margin: 0px 20px 20px 0px;
    max-width: calc(50% - 20px);
  }
  .mainCartContainer .mainCart .mainCart_Address .delivery_newForm {
    max-width: 100%;
  }
  .team .mitarbeiter {
    max-width: calc(100% * (1/2) - 20px);
  }
  body div#topContainer div#top #topLine .headLink a.contactLink,
  body div#topContainer div#top #topLine .headLink.headLinkcontactLink span,
  body div#topContainer div#top #topLine .headLink a.loggedAs {
    display: none;
  }
}
/*800*/
@media only screen and (max-width: 700px) {
  div#topContainer div#top .actionbar .f_icon.icon_cart {
    width: 35px;
  }
  div#topContainer div#top .actionbar .miniCart .amount {
    display: none;
  }
  #productGroups .main_group .teaser {
    max-width: 100vw;
    width: 100%;
    margin-top: 31px;
    position: relative;
    height: calc(100vw * 0.85);
  }
  #nav_wrapper.activeTeaserInside .groupCounter_2.main_group,
  #nav_wrapper.activeTeaserInside .groupCounter_3.main_group,
  #nav_wrapper.activeTeaserInside .groupCounter_4.main_group {
    padding-bottom: 50px;
  }
  #productGroups .main_group .teaser .title {
    border-radius: 0;
    bottom: auto;
    top: -32px;
  }
  #productGroups .main_group .teaser .link {
    bottom: auto;
    top: 30px;
  }
  div#topContainer div#top .actionbar .f_icon.icon_search {
    position: fixed;
    left: 18px;
    top: 1px;
  }
  div#topContainer div#top .actionbar .f_icon.icon_cart {
    position: fixed;
    left: 55px;
    top: 1px;
  }
  div#topContainer div#top .logo {
    margin-right: 0px;
    margin-bottom: 0px;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
    right: 0;
    margin: 0 auto;
    transform: translateX(-10px);
  }
  #BodyContainer.compactHeader div#topContainer,
  #BodyContainer.scroll div#topContainer,
  #BodyContainer.compactHeader div#topContainer div#top,
  #BodyContainer.scroll div#topContainer div#top {
    height: 60px;
  }
  #BodyContainer div#topContainer div#top .logo::after {
    background-image: url("/_skins/base/images/logo_sun.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 40px;
    position: absolute;
    right: 0px;
    width: 45px;
    content: '';
    top: 20px;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    visibility: hidden;
    pointer-events: none;
  }
  #BodyContainer.compactHeader div#topContainer div#top .logo,
  #BodyContainer.scroll div#topContainer div#top .logo {
    width: 70px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 55px;
    top: -5px;
    position: absolute;
    transform: translateX(0px);
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    -ms-transition: all 0s ease 0s;
  }
  #BodyContainer.compactHeader div#topContainer div#top .logo svg,
  #BodyContainer.scroll div#topContainer div#top .logo svg {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    transition: opacity 0.35s ease 0s;
    -webkit-transition: opacity 0.35s ease 0s;
    -moz-transition: opacity 0.35s ease 0s;
    -o-transition: opacity 0.35s ease 0s;
    -ms-transition: opacity 0.35s ease 0s;
  }
  #BodyContainer.compactHeader div#topContainer div#top .logo::after,
  #BodyContainer.scroll div#topContainer div#top .logo::after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    visibility: visible !important;
    pointer-events: auto !important;
  }
  #BodyContainer.compactHeader div#topContainer div#top .logo svg path,
  #BodyContainer.scroll div#topContainer div#top .logo svg path {
    fill: #fff;
    transition: all 0s;
  }
  .menuBtn {
    top: -0px;
    right: -5px;
  }
  div#topContainer {
    height: 60px;
  }
  div#topContainer div#top #botLine {
    padding-top: 0px;
  }
  div#topContainer div#top .actionbar .f_icon {
    display: flex;
    margin-right: 15px;
    align-content: center;
  }
  #suggestions {
    position: fixed;
    top: 60px;
    max-height: 500px;
    filter: drop-shadow(10px 0 10px rgba(12, 50, 86, 0));
    left: 0;
    right: 0;
    border-radius: 0;
  }
  body.search-active #searchContainer {
    left: 0;
    width: calc(100vw - 100px);
    position: fixed;
    top: 15px;
    bottom: auto;
    right: 70px;
  }
  body.search-active #searchInput {
    width: calc(100% - 50px);
  }
  body.search-active div#topContainer div#top .logo {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    transition: all 0s linear 0s;
    -webkit-transition: all 0s linear 0s;
    -moz-transition: all 0s linear 0s;
    -o-transition: all 0s linear 0s;
    -ms-transition: all 0s linear 0s;
  }
  body.search-active #hamburger {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    transition: all 0s linear 0s;
    -webkit-transition: all 0s linear 0s;
    -moz-transition: all 0s linear 0s;
    -o-transition: all 0s linear 0s;
    -ms-transition: all 0s linear 0s;
    pointer-events: none;
  }
  body.search-active div#topContainer div#top .actionbar .f_icon.icon_search {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
    transition: all 0s linear 0s;
    -webkit-transition: all 0s linear 0s;
    -moz-transition: all 0s linear 0s;
    -o-transition: all 0s linear 0s;
    -ms-transition: all 0s linear 0s;
    pointer-events: none;
  }
  .suggestion-item a {
    padding: 3px 10px;
    font-size: 14px;
  }
  div.container div.containerInlay .introduction .leftPart {
    max-width: 100%;
    padding-right: 0;
  }
  div.container div.containerInlay .introduction .rightPart {
    max-width: 100%;
    background-size: 55px auto;
    padding: 20px 20px 20px 20px;
    margin-top: 30px;
  }
  .catTeasers .catTeaser .link {
    padding: 0px 15px;
    height: 32px;
    margin-top: 10px;
  }
  .catTeasers .catTeaser .details {
    width: 75%;
    align-content: end;
    padding-bottom: 15px;
    justify-content: right;
    padding-right: 15px;
    padding-left: 0;
  }
  .catTeasers .catTeaser .details .title,
  .catTeasers .catTeaser .details .brand {
    justify-content: right;
  }
  .catTeasers .catTeaser .catTeaserInner.contentLeft .details {
    padding-left: 15px;
    padding-right: 0px;
    justify-content: left;
  }
  .catTeasers .catTeaser .catTeaserInner.contentLeft .details .title,
  .catTeasers .catTeaser .catTeaserInner.contentLeft .details .brand {
    justify-content: left;
  }
  .catTeaserContainer {
    padding-top: 8vw;
  }
  .teaserCTA_stammtisch .teaserCTA {
    background-image: url("/_skins/base/images/bgd_angebot_teaser_mobile.png");
    background-position: left 0px bottom 0px;
    background-size: 100% auto;
    aspect-ratio: 0.85714286;
  }
  .teaserCTA_stammtisch .teaserCTA .teaserCTA_inner {
    padding: 25px 20px 15px 20px;
    max-width: 100%;
    padding-bottom: 55vw;
  }
  .logContainer .logContainerInner .loginMask .button {
    margin: 0 auto 0 auto;
  }
  .container.containerContact .leftPart {
    padding-right: 0px;
    max-width: 100%;
  }
  .container.containerContact .rightPart {
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 700px) {
  .shopFeaturesContainer .msContainerInner .element .title {
    font-size: 17px;
    line-height: 25px;
  }
  .shopFeaturesContainer .msContainerInner .element .text {
    font-size: 15px;
    line-height: 21px;
  }
  #cookieInfo {
    bottom: 5px !important;
    left: 5px !important;
    right: 5px !important;
  }
  .GeneralInfos .GeneralInfos_inlay .leftArea .caption {
    font-size: 17px !important;
  }
  .subscribeContainer .TextItem_2 h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .textTeasers .textTeaser .subtitle {
    font-size: 19px;
    line-height: 24px;
  }
  .container.containerFAQ .rightPart {
    background-size: 85vw;
    padding-bottom: 215px;
  }
  .faq .frage {
    line-height: 21px;
    font-size: 16px;
    padding-left: 15px;
  }
  .container.containerFAQ .leftPart {
    padding-top: 30px;
  }
  .container.containerFAQ .leftPart h2 {
    margin-bottom: 15px;
    font-size: 31px;
    line-height: 25px;
    letter-spacing: 0px;
  }
  .container.containerFAQ {
    padding-top: 5px;
  }
  .faq .frage {
    line-height: 21px;
    font-size: 15px;
    padding-left: 15px;
  }
  .textTeasers .textTeaser {
    padding: 25px 20px 25px 20px;
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  .textTeasers .textTeaser h2 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 26px;
  }
  .textTeasers .textTeaser .btn {
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-top: 20px;
  }
  .container.containerAbout .TextItem_3 h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .modulsetElement .modulsetElementContainer.downloadBlock .msContainerInner .title h2,
  .modulsetElement .modulsetElementContainer.zweispalter-text .msContainerInner .title h2 {
    letter-spacing: 0.5px;
    font-size: 24px;
    line-height: 26px;
  }
  .container.serviceTeasers .middle {
    flex-wrap: wrap;
  }
  .container.serviceTeasers .middle .leftArea,
  .container.serviceTeasers .middle .rightArea {
    min-height: unset;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .teaserCommunity {
    margin-right: 0;
  }
  .subscribeContainer .TextItem_2 {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.3px;
    font-weight: 300;
  }
  .textTeasers {
    margin: 0px 0 30px 0;
  }
  .containerInlaySpacer.containerInlayStartSpacer .txtStage {
    font-size: 40px;
    line-height: 50px;
    bottom: 15px;
  }
  .containerInlaySpacer.containerInlayStartSpacer .txtStage span.bot {
    font-size: 63px;
  }
  .containerInlaySpacer.containerInlayStartSpacer {
    min-height: 60vh;
  }
  h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .stageInner h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .teaserSupport h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .teaserCTA_stammtisch .teaserCTA .teaserCTA_inner .title {
    font-size: 24px;
    line-height: 26px;
  }
  h1 {
    letter-spacing: 0.5px;
    font-size: 28px;
    line-height: 33px;
  }
  div.container div.containerInlay .introduction .leftPart h1 {
    letter-spacing: 0.5px;
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 10px;
  }
  div.container {
    padding-top: 25px;
  }
  .btn_down {
    top: -70px;
  }
  .containerInlaySpacer.containerInlayStartSpacer .sigGold {
    bottom: 8px;
    height: 55px;
    width: 130px;
    padding: 3px;
  }
  .produktblock .ms_inner .produkt.produkt1,
  .produktblock .ms_inner .produkt.produkt2 {
    aspect-ratio: 0.72641509;
  }
  .container#containerLogin .containerInlay .productMainPart,
  .container#containerRegister .containerInlay .productMainPart,
  .container#containerProduct .containerInlay .productMainPart,
  .container#containerProductList .containerInlay .productMainPart,
  .container#containerBlogArticle .containerInlay .productMainPart,
  .container#containerWaiting .containerInlay .productMainPart {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart,
  .container#containerRegister .containerInlay .productMainPart .leftPart,
  .container#containerProduct .containerInlay .productMainPart .leftPart,
  .container#containerProductList .containerInlay .productMainPart .leftPart,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart,
  .container#containerWaiting .containerInlay .productMainPart .leftPart {
    max-width: 100%;
    width: 100%;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative {
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    max-width: fit-content;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative .imgAlternativ {
    width: 80px;
    height: 80px;
    margin: 0 5px;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart,
  .container#containerRegister .containerInlay .productMainPart .rightPart,
  .container#containerProduct .containerInlay .productMainPart .rightPart,
  .container#containerProductList .containerInlay .productMainPart .rightPart,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart,
  .container#containerWaiting .containerInlay .productMainPart .rightPart {
    max-width: 100%;
    margin-left: 0px;
    padding: 0 0 0 0px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .images,
  .container#containerRegister .containerInlay .productMainPart .leftPart .images,
  .container#containerProduct .containerInlay .productMainPart .leftPart .images,
  .container#containerProductList .containerInlay .productMainPart .leftPart .images,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .images,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .images {
    flex-wrap: wrap;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain {
    max-width: 90vw;
    width: 90vw;
    height: 90vw;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .images,
  .container#containerRegister .containerInlay .productMainPart .leftPart .images,
  .container#containerProduct .containerInlay .productMainPart .leftPart .images,
  .container#containerProductList .containerInlay .productMainPart .leftPart .images,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .images,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .images {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column-reverse;
    margin-top: 40px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgAlternative,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgAlternative {
    margin: 20px auto 0 auto;
    max-width: fit-content;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain .productImgMainInner img {
    margin-left: 0px;
  }
  div.container .containerLine.containerLineSub {
    max-width: 75vw;
  }
  .containerBgd {
    background-size: auto 50vh;
  }
  .productDetail .topInfo .breadCrumb .crumb {
    background-size: 5px auto;
    padding-right: 9px;
    margin-right: 5px;
  }
  .productDetail .topInfo .breadCrumb {
    white-space: nowrap;
    width: auto;
    overflow-x: scroll;
    max-width: 75vw;
  }
  .articleContent .articleContentInner h2 {
    line-height: 40px;
  }
  .downloadBlock .download span.title::after,
  .articleContent .articleContentInner .articleDownloads .download span.title::after {
    display: none;
  }
  .downloadBlock .download,
  .articleContent .articleContentInner .articleDownloads .download {
    background-size: 15px auto;
    padding-left: 22px;
    margin-bottom: 10px;
    font-size: 12px;
    flex-wrap: wrap;
    line-height: 18px;
    background-position: 0px 4px;
  }
  .downloadBlock .download span.info,
  .articleContent .articleContentInner .articleDownloads .download span.title {
    margin-right: 5px;
  }
  .downloadBlock .download span.info,
  .articleContent .articleContentInner .articleDownloads .download span.info {
    margin-left: 0px;
    letter-spacing: 0.20px;
    font-size: 11px;
    white-space: nowrap;
  }
  .contentElemente .contentElement .ceText .inner .link {
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-top: 20px;
  }
  .container div.ccm_form div.field.shortField {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 2px;
  }
  .container div.ccm_form div.field.ZIP {
    margin-right: 5px;
    max-width: 110px;
  }
  .container div.ccm_form div.field.City {
    margin-right: 0px;
    max-width: calc(100% - 5px - 110px);
  }
  .container div.ccm_form div.field.Firstname {
    margin-right: 5px;
    max-width: calc(50% - 3px);
  }
  .container div.ccm_form div.field.Lastname {
    margin-right: 0px;
    max-width: calc(50% - 3px);
  }
  .container div.ccm_form div.field.Password input,
  .container div.ccm_form div.field.PasswordRepeat input {
    margin-top: 0;
  }
  #searchContainer {
    position: fixed;
    left: 0;
  }
  .logContainer {
    width: 100%;
    position: fixed;
    left: 5px;
    right: 5px;
    max-width: calc(100% - 10px);
  }
  .logContainer {
    top: -200vh;
  }
  .logContainer.show {
    top: 45px;
  }
  .loginMask .panelLeft input {
    width: 100%;
    max-width: 100%;
  }
  .logContainer .loginMask .panelLeft {
    padding: 5px 10px;
  }
  .loginMask .panelRight {
    padding: 20px 20px 20px 20px;
  }
  .loginMask .panelLeft .panelCaption {
    padding: 5px 10px 0px 3px;
  }
  .logContainer .lc_arrow {
    top: -6px;
    left: auto;
    transform: translateX(0%);
    right: 67px;
    right: 55px;
  }
  .loginMask .button {
    margin: 0 0 0 auto;
  }
  .loginMask .panelLeft .forget_pwd {
    width: 100%;
    display: flex;
    justify-content: end;
  }
  div#topContainer div#top {
    height: 60px;
  }
  div#topContainer {
    position: sticky;
    top: 0px;
    padding-top: 0px;
  }
  div#topContainer #top {
    padding-top: 10px;
  }
  div#topContainer div#top .actionbar .f_icon.icon_cart {
    top: 12px;
  }
  div#topContainer div#top .actionbar .f_icon.icon_search {
    top: 12px;
  }
  div#topContainer div#top .actionbar .f_icon a svg {
    transform: translateY(-8px);
  }
  #BodyContainer.compactHeader div#topContainer::before,
  #BodyContainer.scroll div#topContainer::before {
    background-color: #fff;
  }
  .stageInner .slide .content {
    padding: 20px 25px 50px 25px;
  }
  .logContainer::after {
    content: '';
    width: 100vw;
    height: 100vh;
    display: block;
    z-index: -1;
    position: fixed;
    top: 155px;
    bottom: 0;
    left: 0px;
    right: 0;
    margin: auto;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(7px);
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 0 );
  }
  .logContainer.show::after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  .mainCart .header .col,
  .articlesCartConfirm .header .col {
    font-size: 12px;
  }
  .mainCart .article .col3 .title,
  .articlesCartConfirm .article .col3 .title {
    font-size: 14px;
  }
  .mainCart .article .col6,
  .articlesCartConfirm .article .col6 {
    font-size: 14px;
    line-height: 0.5px;
  }
  .mainCart .article .col3 .title .number,
  .articlesCartConfirm .article .col3 .title .number {
    font-size: 12px;
    margin-top: 5px;
  }
  .mainCart .header,
  .articlesCartConfirm .header {
    grid-template-columns: 3px 110px 1fr 75px 25px 110px 3px;
    gap: 7px;
  }
  .mainCart .article .topContent,
  .articlesCartConfirm .article .topContent {
    grid-template-columns: 3px 110px 1fr 75px 25px 110px 3px;
    gap: 7px;
    padding: 7px 0;
  }
  #cartNotEmpty {
    top: 130px;
    left: 0px;
    right: 0px;
    padding: 0px;
    max-width: calc(100vw - 40px);
  }
  .overlayBox div.header,
  .overlayBox div.content {
    max-width: calc(100vw - 70px);
  }
  .overlayBox div.header {
    padding: 5px 15px 5px 15px;
    height: 25px;
    line-height: 25px;
    letter-spacing: 0.3px;
    font-size: 14px;
  }
  .overlayBox div.content {
    padding: 15px;
  }
  .overlayBox div.content .contentInner {
    line-height: 22px;
    font-size: 14px;
  }
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelLeft,
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelRight {
    width: calc(50% - 5px);
    padding: 10px 12px;
  }
  .mainCartContainer .mainCart .mainCart_Selection .payment_Selection,
  .mainCartContainer .mainCart .mainCart_Selection .delivery_Selection {
    width: calc(50% - 5px);
    padding: 10px 12px;
  }
  .container#containerLogin .containerInlay .middle {
    flex-wrap: wrap;
  }
  .container#containerLogin .containerInlay .middle .loginNavigationContainer {
    padding-right: 0;
    width: 100%;
    margin: 0 auto 40px auto;
  }
  .container#containerLogin .containerInlay .middle .mainLogin {
    max-width: 100%;
  }
  .productListAll .productList .produkt .title {
    font-size: 15px;
    line-height: 19px;
  }
  .productCross .title {
    font-size: 15px;
    line-height: 19px;
  }
  .productCross {
    padding: 5px 5px 10px 5px;
  }
  .productCross span.img img {
    max-height: 210px;
    aspect-ratio: 0.74434088;
  }
  .productListAll .productList .produkt {
    width: calc((100% * (1 / 2) - 10px));
    aspect-ratio: 0.74038462;
  }
  .productListAll .productList {
    padding: 0;
  }
  .productListAll .productList .produkt {
    padding: 10px 10px 45px 10px;
  }
  .text_bild .details h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .produktblock_3er .ms_inner {
    max-width: 658px;
    flex-wrap: wrap;
  }
  .produktblock_3er .ms_inner .produkt {
    width: calc((100% * (1 / 2) - 5px));
    margin-right: 0;
    aspect-ratio: 0.73484848;
  }
  .produktblock_3er .ms_inner .produkt.produkt3 {
    margin-left: auto;
    margin-right: auto;
    width: calc((100% - 0px));
    max-width: 100%;
    aspect-ratio: 1.6;
  }
  .produktblock_3er .ms_inner .produkt.produkt3 span.img {
    aspect-ratio: 2.22222222;
  }
  div#topContainer div#top #topLine .loggedAs {
    display: none;
  }
  .produktblockPlus .ms_inner .produkt {
    aspect-ratio: 0.55;
  }
  .container div.ccm_form .field .ErrorReportGen,
  .container div.ccm_form div.field.shortField div.ErrorReportGen {
    font-size: 11px;
  }
}
/*700*/
@media only screen and (max-width: 620px) {
  .subscribeContainer {
    background-size: 270% auto;
  }
  .mainCart .header,
  .articlesCartConfirm .header {
    grid-template-columns: 3px 55px 1fr 35px 25px 85px 3px;
    gap: 3px;
  }
  .mainCart .article .topContent,
  .articlesCartConfirm .article .topContent {
    grid-template-columns: 3px 55px 1fr 35px 25px 85px 3px;
    gap: 3px;
    padding: 7px 0;
  }
  .mainCart .article .col2 .img,
  .articlesCartConfirm .article .col2 .img {
    width: 100%;
  }
  .mainCart .article .col2 .img img,
  .articlesCartConfirm .article .col2 .img img {
    width: 100%;
  }
  .mainCart .article .col3 .title,
  .articlesCartConfirm .article .col3 .title {
    font-size: 12px;
  }
  .mainCart .article .col6,
  .articlesCartConfirm .article .col6 {
    font-size: 12px;
    line-height: 0px;
  }
  .mainCart .article .col4 input,
  .articlesCartConfirm .article .col4 input {
    width: 25px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .mainCart .article .col6,
  .articlesCartConfirm .article .col6 {
    font-size: 12px;
    text-align: right;
  }
  .mainCart .header .col6,
  .articlesCartConfirm .header .col6 {
    text-align: right;
  }
  .mainCart .article .col3,
  .articlesCartConfirm .article .col3,
  .mainCart .header .col3,
  .articlesCartConfirm .header .col3 {
    padding-left: 10px;
  }
  .mainCart .header .col,
  .articlesCartConfirm .header .col {
    font-size: 10px;
  }
  .mainCart .header,
  .articlesCartConfirm .header {
    height: 30px;
    line-height: 30px;
  }
  .mainCartContainer .infoCartPricing .infoCartPricingInner {
    padding: 10px;
  }
  .addressBlock {
    margin: 0px 0px 10px 0px;
    max-width: 100%;
  }
  .mainCartContainer .mainCart .mainCart_Address .btnInner,
  .addressBlock .delete {
    font-size: 13px;
    padding: 0 5px;
    margin-top: 10px;
    height: 28px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 570px) {
  .textTeasers .textTeaser .btn {
    padding: 0px 15px;
    height: 27px;
    line-height: 28px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 550px) {
  .container.containerFAQ .rightPart {
    background-size: 100%;
    padding-bottom: 215px;
  }
  .textTeasers .textTeaser h2,
  .subscribeContainer .TextItem_2 h2,
  .container.containerAbout .TextItem_3 h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .container.containerAbout .TextItem_3 {
    padding: 115px 0px 0 0px;
  }
  .container.containerAbout .TextItem_3 .innerTextItem::before {
    max-width: 70vw;
  }
  .container.containerAbout .TextItem_3::before {
    width: 185px;
    height: 80px;
    top: 30px;
  }
  .textTeasers .textTeaser .txt {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.3px;
  }
  .articlesOV .grid-item,
  .articlesOV .grid-sizer {
    width: 100%;
  }
  .articlesOV .article {
    width: 100%;
    margin-bottom: 15px;
  }
  div.container div.containerInlay .introduction .rightPart {
    background-size: 45px auto;
    background-position: right 10px bottom 10px;
  }
  .catTeaserContainer {
    padding-top: 14vw;
  }
  .catTeasers .catTeaser .details {
    padding-bottom: 25px;
    padding-right: 25px;
  }
  .catTeasers .catTeaser .catTeaserInner.contentLeft .details {
    padding-left: 25px;
    padding-right: 0px;
  }
  .teaserSupport {
    background-size: 105px auto;
    padding: 25px 25px 20px 25px;
  }
  .teaserSupport .subtitle {
    padding-right: 70px;
  }
  .container.containerFAQ .leftPart .btn_talk {
    background-position: left 9px top 8px;
    background-size: 25px auto;
    height: 35px;
    padding: 0px 15px 0 43px;
    font-size: 15px;
  }
  .container.containerFAQ .leftPart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .container.containerFAQ .leftPart h2 {
    margin-bottom: 15px;
    font-size: 29px;
    line-height: 25px;
    letter-spacing: 0px;
    width: 100%;
    display: flex;
  }
  .produktblock .ms_inner .produkt .title {
    font-size: 15px;
    line-height: 18px;
  }
  .produktblock .ms_inner .produkt.produkt1,
  .produktblock .ms_inner .produkt.produkt2 {
    aspect-ratio: 0.6754386;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .details .productitle {
    font-size: 26px;
    line-height: 29px;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .details .productsubtitle {
    font-size: 15px;
    line-height: 20px;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .link .btnInner {
    font-size: 15px;
    height: 35px;
    line-height: 35px;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .link {
    height: 35px;
    line-height: 35px;
    max-width: 130px;
  }
  .produktblock .ms_inner .produkt.produkt3 .produktInner .details {
    left: 15px;
    bottom: 20px;
    top: auto;
  }
  .produktblock.produktblock_even .ms_inner .produkt.produkt3 .produktInner .details {
    left: 15px;
    top: auto;
    bottom: 20px;
  }
  .produktblockPlus .ms_inner .productList {
    margin-top: 20px;
  }
  .produktblockPlus .ms_inner .teaser .text {
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px;
    padding: 0px 15px 0px 0px;
    top: 30px;
    max-width: 55%;
  }
  .produktblockPlus .ms_inner .teaser.teaser_sigenstack {
    aspect-ratio: 1.9;
  }
  .produktblockPlus .ms_inner .teaser .title {
    height: 30px;
  }
  .produktblockPlus .ms_inner .teaser .title span {
    letter-spacing: 0.3px;
    font-size: 17px;
    padding: 0 15px;
  }
  .produktblockPlus .ms_inner .teaser .title .link {
    transform: translateY(20px);
  }
  .produktblockPlus .ms_inner .produkt .title {
    line-height: 15px;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 0px;
  }
  .produktblockPlus .ms_inner .produkt {
    padding: 10px 10px 10px 10px;
  }
  .produktblockPlus .ms_inner .produkt span.img img {
    max-height: 180px;
  }
  .modulItem .ms_inner {
    padding: 0 10px;
  }
  .modulsetElement .modulsetElementContainer {
    padding: 0 10px;
  }
  div.container div.containerInlay .introduction {
    padding: 0 10px;
  }
  div.container div.containerInlay {
    padding: 0 10px;
  }
  .container.serviceTeasers div.containerInlay {
    padding: 0 10px;
  }
  .mainOrder .mainCartContainer {
    padding: 0 10px;
  }
  #footerbottom .inlay {
    padding: 0 10px;
  }
  .text_bild.modulItem .ms_inner {
    padding: 0 10px;
  }
  .containerSpacer {
    height: 40px;
  }
  .container.containerFAQ .middle {
    padding: 25px 10px 5px 10px;
  }
  .container#containerLogin .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerRegister .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProduct .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerProductList .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerBlogArticle .containerInlay .productMainPart .leftPart .productImgMain,
  .container#containerWaiting .containerInlay .productMainPart .leftPart .productImgMain {
    max-width: 100%;
    width: 100vw;
    height: 100vw;
  }
  h1 {
    font-size: 22px;
    line-height: 26px;
  }
  .container#containerLogin .containerInlay,
  .container#containerRegister .containerInlay,
  .container#containerProduct .containerInlay,
  .container#containerProductList .containerInlay,
  .container#containerBlogArticle .containerInlay,
  .container#containerWaiting .containerInlay {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart h1,
  .container#containerRegister .containerInlay .productMainPart .rightPart h1,
  .container#containerProduct .containerInlay .productMainPart .rightPart h1,
  .container#containerProductList .containerInlay .productMainPart .rightPart h1,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart h1,
  .container#containerWaiting .containerInlay .productMainPart .rightPart h1 {
    font-size: 22px;
    line-height: 26px;
  }
  .container#containerLogin .containerInlay .productMainPart .rightPart .description,
  .container#containerRegister .containerInlay .productMainPart .rightPart .description,
  .container#containerProduct .containerInlay .productMainPart .rightPart .description,
  .container#containerProductList .containerInlay .productMainPart .rightPart .description,
  .container#containerBlogArticle .containerInlay .productMainPart .rightPart .description,
  .container#containerWaiting .containerInlay .productMainPart .rightPart .description {
    font-size: 14px;
    line-height: 24px;
  }
  .container#containerLogin .containerInlay .productMainPart .factContainer .row .caption,
  .container#containerRegister .containerInlay .productMainPart .factContainer .row .caption,
  .container#containerProduct .containerInlay .productMainPart .factContainer .row .caption,
  .container#containerProductList .containerInlay .productMainPart .factContainer .row .caption,
  .container#containerBlogArticle .containerInlay .productMainPart .factContainer .row .caption,
  .container#containerWaiting .containerInlay .productMainPart .factContainer .row .caption {
    max-width: 140px;
    padding-left: 7px;
    font-size: 13px;
  }
  .container#containerLogin .containerInlay .productMainPart .factContainer .row .value,
  .container#containerRegister .containerInlay .productMainPart .factContainer .row .value,
  .container#containerProduct .containerInlay .productMainPart .factContainer .row .value,
  .container#containerProductList .containerInlay .productMainPart .factContainer .row .value,
  .container#containerBlogArticle .containerInlay .productMainPart .factContainer .row .value,
  .container#containerWaiting .containerInlay .productMainPart .factContainer .row .value {
    width: calc(100% - 140px);
    font-size: 13px;
  }
  .articleContent .articleContentInner .articleDownloads .download {
    background-size: 15px auto;
    padding-left: 22px;
    margin-bottom: 10px;
    font-size: 12px;
  }
  .contentElemente .contentElement .ceText .inner .link {
    padding: 0px 15px;
    height: 27px;
    line-height: 28px;
    font-size: 14px;
  }
  .text_bild .details h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .contentElemente .contentElement h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .contentElemente .contentElement .ceText .inner h2.title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .contentElemente .contentElement .ceText .inner .subtitle {
    font-size: 18px;
    line-height: 22px;
  }
  .contentElemente .contentElement .ceText .inner .txt {
    letter-spacing: 0.3px;
    font-size: 16px;
    line-height: 26px;
  }
  .contentElemente .contentElementInner {
    padding: 15px 10px;
  }
  .articleContent .articleContentInner h2 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
  }
  .offersCrossLong .relatedProducts h2 {
    margin-bottom: 0;
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
  }
  .mainCartContainer .mainCart .mainCart_Selection .payment_Selection,
  .mainCartContainer .mainCart .mainCart_Selection .delivery_Selection,
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelLeft,
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelRight {
    width: calc(100% - 0px);
    padding: 5px 12px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 21px;
  }
  .mainCartContainer .mainCart .mainCart_Selection {
    flex-wrap: wrap;
    margin: 0 0 0px 0;
  }
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelOptions {
    flex-wrap: wrap;
  }
  .mainOrder .mainCartContainer h2 {
    letter-spacing: 0.5px;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 5px;
  }
  .payment_form .radiobutton {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .payment_form a,
  .payment_form a.active {
    font-size: 15px;
  }
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelLeft .button_grey,
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout .panelRight .button_grey {
    margin: 10px 0 0 0;
  }
  .mainOrder .mainCartContainer .button_grey {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
  }
  .mainCartContainer .mainCart .siteConfirmation.orderCheckout {
    margin-bottom: 25px;
  }
  #Header .imgSecure {
    width: 100%;
    height: 23px;
    max-width: 200px;
    bottom: -4px;
  }
  #Header .imgSecure img {
    width: 100%;
    height: auto;
    display: block;
  }
  #Header #logo {
    width: 80px;
    height: auto;
    float: left;
    margin-top: 20px;
    display: flex;
    align-items: end;
  }
  #Header #logo img {
    width: 100%;
    height: auto;
    display: block;
  }
  #Header .inlay {
    height: 110px;
    padding: 0px 5px;
  }
  #Header .panelContainer {
    width: 100%;
    display: flex;
    left: 0;
    justify-content: end;
  }
  #Header .panelContainer .shoppanel {
    position: absolute;
    left: 0;
  }
  #Header .panelContainer a.back {
    margin-right: 0;
    font-size: 11px;
    padding-right: 0;
  }
  #Header .userpanel .userpanelInner {
    font-size: 11px;
  }
  #Header .userpanel .welcome {
    padding: 0 8px;
    font-size: 12px;
  }
  .mainOrder .mainCartContainer {
    margin: 15px auto 10px auto;
  }
  #footerbottom .inlay {
    font-size: 11px;
  }
  .filterArea .filterBox a {
    font-size: 15px;
  }
  .shop-b2b-list .userline {
    padding: 10px;
  }
  .shop-b2b-list .userline .username {
    font-size: 14px;
  }
  .shop-b2b-list .btn_action {
    font-size: 13px;
    margin-left: 5px;
  }
  .productCross .title {
    font-size: 16px;
    line-height: 19px;
    padding: 5px 0px;
    min-height: 55px;
  }
  .productCross {
    margin-right: 0px;
  }
  .team .mitarbeiter {
    max-width: 265px;
    margin: 0 auto 50px auto;
    display: block;
  }
  .produktblock .ms_inner .produkt.produkt1 .highlightLabel,
  .produktblock .ms_inner .produkt.produkt2 .highlightLabel,
  .produktblockPlus .ms_inner .produkt .highlightLabel {
    border-radius: 4px;
    font-size: 12px;
    padding: 1px 8px;
    line-height: 19px;
    align-items: center;
  }
  .produktblockPlus .ms_inner .teaser .title span {
    font-size: 15px;
    height: 28px;
  }
  .produktblockPlus .ms_inner .teaser .text {
    font-size: 13px;
    line-height: 17px;
    top: 22px;
    max-width: 57%;
  }
}