@charset "UTF-8";
/*! BEGIN STICKERPRINTING-FLUX STYLE */
/*! 2025-12-16 10:06:02 */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/roboto-v30-latin-regular.woff2") format("woff2"), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/roboto-v30-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(""), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/roboto-v30-latin-500.woff2") format("woff2"), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/roboto-v30-latin-500.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/roboto-v30-latin-700.woff2") format("woff2"), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/roboto-v30-latin-700.woff") format("woff");
}
* {
  font-family: "Roboto", sans-serif !important;
  font-variant-ligatures: none;
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local(""), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/material-icons-outlined-20220627.woff2") format("woff2"), url("/tpl/ds_aufkleberdrucker24Redux/assets/font/material-icons-outlined-20220627.woff") format("woff");
}
strong:not([class=headline]),
b {
  font-family: inherit;
  font-weight: bold;
}

input:not([type=checkbox]) {
  -moz-appearance: textfield;
}

.formTitle {
  display: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}

.in-dev {
  display: none;
}

.list--font-inherit > li {
  font-size: inherit;
}

.padding--medium {
  padding: 10px;
}

/*#region Columns */
.columns {
  -moz-columns: 2 400px;
       columns: 2 400px;
  -moz-column-gap: 4vw;
       column-gap: 4vw;
  -moz-column-rule: 1px solid #f1f1f1;
       column-rule: 1px solid #f1f1f1;
  font-size: 15px;
}

.columns section {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  /* Firefox */
  page-break-inside: avoid;
  text-align: justify;
  overflow: hidden;
}

.columns p {
  font-size: inherit;
  line-height: inherit;
}

.columns strong {
  font-size: unset;
  display: unset;
}

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

.columns section h3 {
  margin-bottom: 16px;
}

.columns section h2,
.columns section h4 {
  font-size: 18px;
  text-align: left;
  color: #fa2258;
  font-weight: bold;
  margin-bottom: 12px;
}

.columns section:last-of-type *:last-child {
  margin-bottom: 0;
}

.columns table {
  margin: 10px;
}

.columns table,
.columns table tr,
.columns table th,
.columns table td {
  border: 1px solid #f1f1f1;
}

.columns table th,
.columns table td {
  padding: 3px 10px;
}

.columns .column-flex table.small-data {
  width: 25%;
}

table.small-data {
  text-align: center;
  font-size: 14px;
}

table.small-data th {
  text-align: center;
  font-size: 14px;
}

table.full-width {
  width: 100%;
  margin: 0 0 24px 0;
}

.columns .column-img-left {
  float: left;
  margin: 0 1vmin 1vmin 0;
  max-width: 140px;
}

.columns .column-img-right {
  float: right;
  margin: 0 0 1vmin 1vmin;
  max-width: 140px;
}

.columns dl {
  margin-bottom: 24px;
}

.columns dl > dt {
  font-size: 18px;
  margin-bottom: 2px;
  font-weight: bold;
}

.columns dl > dt:nth-child(1n+2) {
  margin-top: 6px;
}

.columns dl > dd {
  font-size: 15px;
  margin-left: 3%;
  /* font-size: 90%; */
  line-height: 130%;
}

@media screen and (max-width: 854px) {
  /* adopt left style */
  .columns .column-img-right {
    float: left;
    margin: 0 1vmin 1vmin 0;
  }
}
/* #endregion Columns */
.video-responsive {
  width: 100%;
}
.video-responsive > * {
  width: 100% !important;
  transform: translate3d(0, 0, 0);
}
.video-responsive img {
  max-width: unset;
}

.wrp {
  width: unset;
  max-width: 1366px;
}
@media screen and (max-width: 1396px) {
  .wrp {
    padding: 0 10px;
  }
}

#upload #upload_section {
  width: 65%;
}

#visual_calculation .contentwrapper.right,
#upload #upload_info,
#cart #sidebar {
  width: 32%;
}

@media screen and (max-width: 1023px) {
  #upload #upload_section,
  #cart form,
  #visual_calculation .contentwrapper.right,
  #upload #upload_info,
  #cart #sidebar {
    width: 100% !important;
  }
  #upload #upload_info {
    margin-top: 32px;
  }
}
.privacypolicyContact > label:last-of-type {
  width: 80%;
  text-align: left;
}

/* Sonderanfrage individuelles Formular */
@supports (display: grid) {
  @media screen and (min-width: 901px) {
    main#form_individual div.col_left {
      float: none;
      margin: 0;
      width: 100%;
      display: grid;
      grid-template: repeat(auto-fit, 50px)/[left] 1fr [left_b] 1fr [right] 1fr [right_b] 1fr;
    }
    main#form_individual div.col_left * {
      grid-column: span 2;
    }
    main#form_individual div.col_left img {
      width: auto;
    }
    main#form_individual div.col_left label {
      font-size: 14px;
      line-height: 14px;
      margin-top: 12px;
    }
    main#form_individual div.col_left form:not([id=formular_reseller]) .info {
      float: left;
    }
    main#form_individual div.col_left h1,
    main#form_individual div.col_left hr,
    main#form_individual div.col_left fieldset:first-of-type,
    main#form_individual div.col_left fieldset:nth-of-type(4) {
      grid-column: 1/-1;
    }
    main#form_individual div.col_left fieldset:nth-of-type(9) {
      grid-row: span 2;
    }
    main#form_individual div.col_left fieldset:nth-of-type(9) textarea {
      height: 102px;
      margin-bottom: 0;
    }
    main#form_individual div.col_left #upload_section {
      display: flex;
      align-items: center;
      flex-direction: column;
    }
    main#form_individual div.col_left #upload_section label {
      text-align: center;
      padding: 0;
    }
    main#form_individual div.col_left #upload_section .upload_field {
      margin: 0;
      width: 80%;
    }
    main#form_individual div.col_left #upload_section input,
    main#form_individual div.col_left #upload_section button {
      width: 100% !important;
      margin: 5px 0;
    }
    main#form_individual div.col_left #upload_section button,
    main#form_individual div.col_left #upload_section a.btn.delete {
      min-width: unset;
      width: 100%;
    }
    main#form_individual div.col_left #upload_section input:focus {
      border: none;
    }
    main#form_individual div.col_left #upload_section .template-upload,
    main#form_individual div.col_left #upload_section .template-download {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-gap: 0 8px;
      grid-auto-flow: column;
      margin-top: 8px;
    }
    main#form_individual div.col_left #upload_section .template-upload div,
    main#form_individual div.col_left #upload_section .template-download div {
      grid-column: span 1;
    }
    main#form_individual div.col_left #upload_section .template-upload .buttons,
    main#form_individual div.col_left #upload_section .template-download .buttons {
      grid-row: span 2;
    }
    main#form_individual div.col_left [name~=captcha_code] {
      border: 1px dashed;
    }
    main#form_individual div.col_left #captcha {
      border: 1px dashed;
      padding: 4px;
      margin-top: 8px;
    }
    main#form_individual div.col_left .btn.success {
      margin: 0 auto;
    }
  }
  /* Sonstiges */
  main#form_individual div.col_left button {
    grid-column: 2/span 2;
    align-self: self-end;
    background: #fa2258;
  }
  main#form_individual div.col_left button {
    color: white;
  }
  main#form_individual div.col_left button::before {
    color: white;
  }
  main#form_individual div.col_left button:hover {
    background: #29aee8;
  }
  main#form_individual div.col_left .hint {
    grid-column: span 4;
    height: 28px;
    margin: 0 auto;
    padding: 1px;
    /* text-align: center; */
    grid-row: 13;
    background: none;
    border: none;
    font-size: 13px;
  }
  main#form_individual div.col_right {
    display: none;
  }
}
.article-quad {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.article-quad > div {
  width: 22%;
}
.article-quad img {
  width: 90%;
  max-width: 200px;
  margin: 0 auto;
}
.article-quad p {
  text-align: center;
}

.article-table {
  width: 100%;
  text-align: center;
}
.article-table tr:nth-child(even) {
  background: rgba(230, 230, 230, 0.1);
}
.article-table img {
  max-width: 200px !important;
}

.table-equals {
  table-layout: fixed;
}

.table-img.center {
  margin: auto;
}

.colorgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 4px;
}

.colorgrid--item {
  height: 50px;
}

.colorgrid--color {
  height: 100%;
}

.colorgrid--description {
  position: relative;
  top: -100%;
  margin-left: 8px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  overflow: hidden;
}

.colorgrid--number {
  display: block;
  font-weight: bold;
  font-size: 110%;
  color: inherit;
}

.colorgrid--name {
  color: inherit;
  font-size: 90%;
  white-space: nowrap;
}

#visual_calculation .conOptions [data-option-text*=ORACAL i], #visual_calculation .conOptions [data-option-text*=ASLAN i], #visual_calculation .conOptions [data-option-text*=hologram i], #visual_calculation .conOptions [data-option-text^="651"], #visual_calculation .conOptions [data-option-text^="751"], #visual_calculation .conOptions [data-option-text^="8510"], #visual_calculation .conOptions [data-option-text^="8530"], #visual_calculation .conOptions [data-option-text^="8710"], #visual_calculation .conOptions [data-option-text^="8810"] {
  overflow: hidden;
  height: 70px;
  padding: 10px 5px !important;
  display: flex;
  flex-direction: column;
  background: dimgray;
}
#visual_calculation .conOptions [data-option-text*=ORACAL i] img, #visual_calculation .conOptions [data-option-text*=ASLAN i] img, #visual_calculation .conOptions [data-option-text*=hologram i] img, #visual_calculation .conOptions [data-option-text^="651"] img, #visual_calculation .conOptions [data-option-text^="751"] img, #visual_calculation .conOptions [data-option-text^="8510"] img, #visual_calculation .conOptions [data-option-text^="8530"] img, #visual_calculation .conOptions [data-option-text^="8710"] img, #visual_calculation .conOptions [data-option-text^="8810"] img {
  position: absolute;
  left: 0;
  width: 100%;
}
#visual_calculation .conOptions [data-option-text*=ORACAL i] p, #visual_calculation .conOptions [data-option-text*=ASLAN i] p, #visual_calculation .conOptions [data-option-text*=hologram i] p, #visual_calculation .conOptions [data-option-text^="651"] p, #visual_calculation .conOptions [data-option-text^="751"] p, #visual_calculation .conOptions [data-option-text^="8510"] p, #visual_calculation .conOptions [data-option-text^="8530"] p, #visual_calculation .conOptions [data-option-text^="8710"] p, #visual_calculation .conOptions [data-option-text^="8810"] p {
  color: white !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
  margin: 0 !important;
  z-index: 2;
}
#visual_calculation .conOptions [data-option-text*=ORACAL i].selected, #visual_calculation .conOptions [data-option-text*=ASLAN i].selected, #visual_calculation .conOptions [data-option-text*=hologram i].selected, #visual_calculation .conOptions [data-option-text^="651"].selected, #visual_calculation .conOptions [data-option-text^="751"].selected, #visual_calculation .conOptions [data-option-text^="8510"].selected, #visual_calculation .conOptions [data-option-text^="8530"].selected, #visual_calculation .conOptions [data-option-text^="8710"].selected, #visual_calculation .conOptions [data-option-text^="8810"].selected {
  border-color: white !important;
  box-shadow: 3px 3px 6px #354149 !important;
}
#visual_calculation .conOptions [data-option-text*=ORACAL i].selected:hover p, #visual_calculation .conOptions [data-option-text*=ASLAN i].selected:hover p, #visual_calculation .conOptions [data-option-text*=hologram i].selected:hover p, #visual_calculation .conOptions [data-option-text^="651"].selected:hover p, #visual_calculation .conOptions [data-option-text^="751"].selected:hover p, #visual_calculation .conOptions [data-option-text^="8510"].selected:hover p, #visual_calculation .conOptions [data-option-text^="8530"].selected:hover p, #visual_calculation .conOptions [data-option-text^="8710"].selected:hover p, #visual_calculation .conOptions [data-option-text^="8810"].selected:hover p {
  color: #354149 !important;
}
#visual_calculation .conOptions [data-option-text*="070"] {
  background: rgb(14, 13, 13) !important;
}
#visual_calculation .conOptions [data-option-text*="010"] {
  background: rgb(239, 242, 242) !important;
}
#visual_calculation .conOptions [data-option-text*="010"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="020"] {
  background: rgb(252, 172, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="020"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="219"] {
  background: rgb(249, 178, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="219"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="203"] {
  background: rgb(254, 188, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="203"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="211"] {
  background: rgb(252, 187, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="211"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="019"] {
  background: rgb(233, 170, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="019"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="208"] {
  background: rgb(232, 169, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="208"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="209"] {
  background: rgb(253, 194, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="209"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="021"] {
  background: rgb(250, 196, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="021"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="022"] {
  background: rgb(242, 202, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="022"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="216"] {
  background: rgb(250, 202, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="216"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="025"] {
  background: rgb(243, 229, 20) !important;
}
#visual_calculation .conOptions [data-option-text*="025"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="026"] {
  background: rgb(100, 16, 29) !important;
}
#visual_calculation .conOptions [data-option-text*="312"] {
  background: rgb(111, 0, 14) !important;
}
#visual_calculation .conOptions [data-option-text*="361"] {
  background: rgb(129, 0, 21) !important;
}
#visual_calculation .conOptions [data-option-text*="030"] {
  background: rgb(139, 16, 26) !important;
}
#visual_calculation .conOptions [data-option-text*="348"] {
  background: rgb(155, 0, 24) !important;
}
#visual_calculation .conOptions [data-option-text*="306"] {
  background: rgb(171, 0, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="031"] {
  background: rgb(177, 24, 17) !important;
}
#visual_calculation .conOptions [data-option-text*="027"] {
  background: rgb(186, 2, 14) !important;
}
#visual_calculation .conOptions [data-option-text*="028"] {
  background: rgb(193, 6, 26) !important;
}
#visual_calculation .conOptions [data-option-text*="325"] {
  background: rgb(202, 12, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="324"] {
  background: rgb(207, 0, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="032"] {
  background: rgb(203, 23, 3) !important;
}
#visual_calculation .conOptions [data-option-text*="326"] {
  background: rgb(208, 29, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="047"] {
  background: rgb(212, 52, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="036"] {
  background: rgb(234, 103, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="033"] {
  background: rgb(216, 54, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="335"] {
  background: rgb(226, 60, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="333"] {
  background: rgb(233, 89, 18) !important;
}
#visual_calculation .conOptions [data-option-text*="034"] {
  background: rgb(239, 86, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="332"] {
  background: rgb(234, 101, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="035"] {
  background: rgb(245, 102, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="340"] {
  background: rgb(76, 23, 34) !important;
}
#visual_calculation .conOptions [data-option-text*="048"] {
  background: rgb(105, 0, 46) !important;
}
#visual_calculation .conOptions [data-option-text*="415"] {
  background: rgb(97, 34, 86) !important;
}
#visual_calculation .conOptions [data-option-text*="404"] {
  background: rgb(65, 39, 115) !important;
}
#visual_calculation .conOptions [data-option-text*="040"] {
  background: rgb(90, 46, 104) !important;
}
#visual_calculation .conOptions [data-option-text*="403"] {
  background: rgb(89, 44, 135) !important;
}
#visual_calculation .conOptions [data-option-text*="043"] {
  background: rgb(122, 97, 165) !important;
}
#visual_calculation .conOptions [data-option-text*="042"] {
  background: rgb(180, 144, 188) !important;
}
#visual_calculation .conOptions [data-option-text*="041"] {
  background: rgb(187, 22, 97) !important;
}
#visual_calculation .conOptions [data-option-text*="077"] {
  background: rgb(192, 44, 110) !important;
}
#visual_calculation .conOptions [data-option-text*="044"] {
  background: rgb(205, 81, 128) !important;
}
#visual_calculation .conOptions [data-option-text*="045"] {
  background: rgb(233, 127, 180) !important;
}
#visual_calculation .conOptions [data-option-text*="532"] {
  background: rgb(17, 24, 35) !important;
}
#visual_calculation .conOptions [data-option-text*="588"] {
  background: rgb(0, 24, 54) !important;
}
#visual_calculation .conOptions [data-option-text*="590"] {
  background: rgb(11, 22, 54) !important;
}
#visual_calculation .conOptions [data-option-text*="562"] {
  background: rgb(19, 30, 58) !important;
}
#visual_calculation .conOptions [data-option-text*="518"] {
  background: rgb(13, 23, 61) !important;
}
#visual_calculation .conOptions [data-option-text*="591"] {
  background: rgb(0, 34, 88) !important;
}
#visual_calculation .conOptions [data-option-text*="050"] {
  background: rgb(19, 46, 91) !important;
}
#visual_calculation .conOptions [data-option-text*="058"] {
  background: rgb(0, 43, 110) !important;
}
#visual_calculation .conOptions [data-option-text*="537"] {
  background: rgb(1, 21, 91) !important;
}
#visual_calculation .conOptions [data-option-text*="065"] {
  background: rgb(5, 31, 109) !important;
}
#visual_calculation .conOptions [data-option-text*="049"] {
  background: rgb(24, 47, 125) !important;
}
#visual_calculation .conOptions [data-option-text*="592"] {
  background: rgb(14, 35, 125) !important;
}
#visual_calculation .conOptions [data-option-text*="593"] {
  background: rgb(12, 34, 126) !important;
}
#visual_calculation .conOptions [data-option-text*="536"] {
  background: rgb(0, 39, 120) !important;
}
#visual_calculation .conOptions [data-option-text*="150"] {
  background: rgb(7, 49, 173) !important;
}
#visual_calculation .conOptions [data-option-text*="510"] {
  background: rgb(0, 49, 136) !important;
}
#visual_calculation .conOptions [data-option-text*="086"] {
  background: rgb(25, 48, 171) !important;
}
#visual_calculation .conOptions [data-option-text*="067"] {
  background: rgb(0, 62, 125) !important;
}
#visual_calculation .conOptions [data-option-text*="595"] {
  background: rgb(0, 76, 119) !important;
}
#visual_calculation .conOptions [data-option-text*="057"] {
  background: rgb(0, 66, 147) !important;
}
#visual_calculation .conOptions [data-option-text*="051"] {
  background: rgb(0, 80, 161) !important;
}
#visual_calculation .conOptions [data-option-text*="098"] {
  background: rgb(0, 80, 162) !important;
}
#visual_calculation .conOptions [data-option-text*="509"] {
  background: rgb(0, 72, 153) !important;
}
#visual_calculation .conOptions [data-option-text*="508"] {
  background: rgb(0, 84, 169) !important;
}
#visual_calculation .conOptions [data-option-text*="052"] {
  background: rgb(0, 103, 187) !important;
}
#visual_calculation .conOptions [data-option-text*="507"] {
  background: rgb(0, 101, 177) !important;
}
#visual_calculation .conOptions [data-option-text*="555"] {
  background: rgb(71, 121, 190) !important;
}
#visual_calculation .conOptions [data-option-text*="594"] {
  background: rgb(0, 119, 180) !important;
}
#visual_calculation .conOptions [data-option-text*="517"] {
  background: rgb(0, 127, 189) !important;
}
#visual_calculation .conOptions [data-option-text*="084"] {
  background: rgb(0, 117, 187) !important;
}
#visual_calculation .conOptions [data-option-text*="053"] {
  background: rgb(0, 136, 207) !important;
}
#visual_calculation .conOptions [data-option-text*="056"] {
  background: rgb(55, 161, 212) !important;
}
#visual_calculation .conOptions [data-option-text*="549"] {
  background: rgb(114, 142, 161) !important;
}
#visual_calculation .conOptions [data-option-text*="608"] {
  background: rgb(0, 90, 109) !important;
}
#visual_calculation .conOptions [data-option-text*="054"] {
  background: rgb(0, 155, 151) !important;
}
#visual_calculation .conOptions [data-option-text*="055"] {
  background: rgb(88, 206, 184) !important;
}
#visual_calculation .conOptions [data-option-text*="055"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="599"] {
  background: rgb(127, 208, 215) !important;
}
#visual_calculation .conOptions [data-option-text*="060"] {
  background: rgb(0, 70, 39) !important;
}
#visual_calculation .conOptions [data-option-text*="661"] {
  background: rgb(0, 75, 47) !important;
}
#visual_calculation .conOptions [data-option-text*="078"] {
  background: rgb(0, 83, 25) !important;
}
#visual_calculation .conOptions [data-option-text*="617"] {
  background: rgb(0, 96, 43) !important;
}
#visual_calculation .conOptions [data-option-text*="607"] {
  background: rgb(0, 102, 80) !important;
}
#visual_calculation .conOptions [data-option-text*="604"] {
  background: rgb(0, 114, 68) !important;
}
#visual_calculation .conOptions [data-option-text*="066"] {
  background: rgb(0, 134, 148) !important;
}
#visual_calculation .conOptions [data-option-text*="613"] {
  background: rgb(0, 82, 54) !important;
}
#visual_calculation .conOptions [data-option-text*="061"] {
  background: rgb(0, 116, 71) !important;
}
#visual_calculation .conOptions [data-option-text*="068"] {
  background: rgb(0, 122, 66) !important;
}
#visual_calculation .conOptions [data-option-text*="619"] {
  background: rgb(0, 139, 83) !important;
}
#visual_calculation .conOptions [data-option-text*="062"] {
  background: rgb(0, 142, 58) !important;
}
#visual_calculation .conOptions [data-option-text*="064"] {
  background: rgb(0, 163, 26) !important;
}
#visual_calculation .conOptions [data-option-text*="063"] {
  background: rgb(99, 196, 60) !important;
}
#visual_calculation .conOptions [data-option-text*="080"] {
  background: rgb(68, 41, 30) !important;
}
#visual_calculation .conOptions [data-option-text*="803"] {
  background: rgb(67, 37, 22) !important;
}
#visual_calculation .conOptions [data-option-text*="828"] {
  background: rgb(79, 50, 31) !important;
}
#visual_calculation .conOptions [data-option-text*="079"] {
  background: rgb(98, 34, 20) !important;
}
#visual_calculation .conOptions [data-option-text*="083"] {
  background: rgb(179, 88, 29) !important;
}
#visual_calculation .conOptions [data-option-text*="801"] {
  background: rgb(126, 79, 33) !important;
}
#visual_calculation .conOptions [data-option-text*="811"] {
  background: rgb(173, 135, 79) !important;
}
#visual_calculation .conOptions [data-option-text*="081"] {
  background: rgb(169, 134, 94) !important;
}
#visual_calculation .conOptions [data-option-text*="082"] {
  background: rgb(206, 192, 159) !important;
}
#visual_calculation .conOptions [data-option-text*="082"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="818"] {
  background: rgb(222, 191, 146) !important;
}
#visual_calculation .conOptions [data-option-text*="804"] {
  background: rgb(224, 202, 149) !important;
}
#visual_calculation .conOptions [data-option-text*="804"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="023"] {
  background: rgb(239, 219, 155) !important;
}
#visual_calculation .conOptions [data-option-text*="023"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="813"] {
  background: rgb(232, 214, 184) !important;
}
#visual_calculation .conOptions [data-option-text*="813"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="018"] {
  background: rgb(227, 211, 186) !important;
}
#visual_calculation .conOptions [data-option-text*="018"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="720"] {
  background: rgb(45, 47, 49) !important;
}
#visual_calculation .conOptions [data-option-text*="073"] {
  background: rgb(76, 78, 79) !important;
}
#visual_calculation .conOptions [data-option-text*="713"] {
  background: rgb(88, 95, 98) !important;
}
#visual_calculation .conOptions [data-option-text*="071"] {
  background: rgb(102, 107, 103) !important;
}
#visual_calculation .conOptions [data-option-text*="076"] {
  background: rgb(129, 134, 137) !important;
}
#visual_calculation .conOptions [data-option-text*="721"] {
  background: rgb(117, 130, 137) !important;
}
#visual_calculation .conOptions [data-option-text*="074"] {
  background: rgb(138, 143, 140) !important;
}
#visual_calculation .conOptions [data-option-text*="724"] {
  background: rgb(164, 164, 162) !important;
}
#visual_calculation .conOptions [data-option-text*="072"] {
  background: rgb(197, 200, 200) !important;
}
#visual_calculation .conOptions [data-option-text*="072"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="109"] {
  background: rgb(213, 221, 223) !important;
}
#visual_calculation .conOptions [data-option-text*="109"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="090"] {
  background: rgb(129, 132, 135) !important;
}
#visual_calculation .conOptions [data-option-text*="090"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="091"] {
  background: rgb(117, 98, 50) !important;
}
#visual_calculation .conOptions [data-option-text*="092"] {
  background: rgb(107, 65, 29) !important;
}
#visual_calculation .conOptions [data-option-text*="930"] {
  background: rgb(145, 112, 66) !important;
}
#visual_calculation .conOptions [data-option-text*="093"] {
  background: rgb(67, 69, 66) !important;
}
#visual_calculation .conOptions [data-option-text*="918"] {
  background: rgb(96, 97, 91) !important;
}
#visual_calculation .conOptions [data-option-text*="932"] {
  background: rgb(68, 70, 72) !important;
}
#visual_calculation .conOptions [data-option-text*="8710 - 775"] {
  background: rgb(230, 234, 243) !important;
}
#visual_calculation .conOptions [data-option-text*="8710 - 775"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 055"] {
  background: rgb(197, 223, 212) !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 055"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 056"] {
  background: rgb(149, 206, 215) !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 056"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 085"] {
  background: rgb(233, 204, 208) !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 085"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 090"] {
  background: rgb(234, 235, 230) !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 090"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 091"] {
  background: rgb(236, 224, 202) !important;
}
#visual_calculation .conOptions [data-option-text*="8810 - 091"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 090"] {
  background: rgb(201, 209, 211) !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 090"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 091"] {
  background: rgb(169, 156, 122) !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 091"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 094"] {
  background: rgb(201, 209, 211) !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 094"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 095"] {
  background: rgb(169, 156, 122) !important;
}
#visual_calculation .conOptions [data-option-text*="8510 - 095"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 029"] {
  background: rgb(222, 250, 4) !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 029"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 037"] {
  background: rgb(250, 126, 1) !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 037"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 038"] {
  background: rgb(248, 63, 13) !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 038"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 357"] {
  background: rgb(248, 22, 8) !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 357"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 039"] {
  background: rgb(247, 15, 9) !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 039"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 046"] {
  background: rgb(244, 7, 124) !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 046"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 069"] {
  background: rgb(58, 207, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="7510 - 069"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 000"] {
  background: rgb(225, 223, 220) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 010"] {
  background: rgb(235, 236, 237) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 020"] {
  background: rgb(255, 173, 41) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 019"] {
  background: rgb(235, 174, 0) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 021"] {
  background: rgb(255, 201, 28) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 022"] {
  background: rgb(254, 209, 37) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 025"] {
  background: rgb(243, 230, 52) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 030"] {
  background: rgb(159, 37, 45) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 031"] {
  background: rgb(193, 46, 54) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 032"] {
  background: rgb(205, 48, 41) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 047"] {
  background: rgb(218, 72, 49) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 034"] {
  background: rgb(238, 95, 36) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 036"] {
  background: rgb(240, 116, 50) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 035"] {
  background: rgb(255, 113, 35) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 040"] {
  background: rgb(105, 67, 117) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 043"] {
  background: rgb(130, 107, 171) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 042"] {
  background: rgb(189, 148, 190) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 041"] {
  background: rgb(203, 62, 122) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 045"] {
  background: rgb(241, 139, 184) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 429"] {
  background: rgb(242, 182, 193) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 429"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 050"] {
  background: rgb(54, 63, 99) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 049"] {
  background: rgb(48, 62, 130) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 086"] {
  background: rgb(50, 66, 175) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 057"] {
  background: rgb(0, 79, 150) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 051"] {
  background: rgb(0, 85, 142) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 098"] {
  background: rgb(0, 95, 168) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 052"] {
  background: rgb(0, 108, 180) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 053"] {
  background: rgb(0, 143, 198) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 056"] {
  background: rgb(77, 166, 212) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 172"] {
  background: rgb(169, 201, 234) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 066"] {
  background: rgb(0, 136, 147) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 054"] {
  background: rgb(0, 161, 157) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 055"] {
  background: rgb(106, 208, 189) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 060"] {
  background: rgb(27, 70, 53) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 061"] {
  background: rgb(0, 125, 88) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 062"] {
  background: rgb(0, 143, 74) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 064"] {
  background: rgb(62, 160, 46) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 063"] {
  background: rgb(113, 172, 66) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 493"] {
  background: rgb(137, 143, 61) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 495"] {
  background: rgb(188, 228, 152) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 495"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 818"] {
  background: rgb(220, 190, 155) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 800"] {
  background: rgb(94, 67, 52) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 801"] {
  background: rgb(142, 93, 59) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 083"] {
  background: rgb(178, 100, 57) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 817"] {
  background: rgb(217, 143, 55) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 081"] {
  background: rgb(174, 141, 103) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 816"] {
  background: rgb(198, 182, 158) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 622"] {
  background: rgb(201, 222, 96) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 622"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 082"] {
  background: rgb(209, 194, 163) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 814"] {
  background: rgb(225, 212, 176) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 814"] p {
  color: black !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 070"] {
  background: rgb(41, 42, 44) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 073"] {
  background: rgb(79, 81, 82) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 752"] {
  background: rgb(100, 103, 109) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 071"] {
  background: rgb(122, 130, 132) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 074"] {
  background: rgb(145, 149, 146) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 751"] {
  background: rgb(188, 182, 168) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 072"] {
  background: rgb(195, 199, 199) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 090"] {
  background: rgb(128, 130, 132) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 091"] {
  background: rgb(129, 109, 66) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 092"] {
  background: rgb(127, 87, 53) !important;
}
#visual_calculation .conOptions [data-option-text*="631 - 752"] {
  background: rgb(79, 81, 82) !important;
}

.cw-loader-container {
  left: 10px !important;
  right: initial !important;
}
.cw-loader-container .cw-loader-welcome {
  width: -moz-max-content !important;
  width: max-content !important;
  border-radius: 28px !important;
  padding: 8px 16px !important;
  margin-bottom: 10px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.cw-loader-container .cw-loader-button {
  background: #29aee8;
  margin: 0 auto 0 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.cw-loader-container .cw-loader-close {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

#chatwerk-iframe,
.fake-holder .fake-container {
  left: 30px !important;
}

iframe web-chat-loader-root,
iframe cw-loader-container {
  display: none;
}

#uc-btn-open-main-corner-modal {
  bottom: 40px !important;
}

#cookie-settings-link {
  color: #ffffff !important;
  background: #29aee8;
  font-weight: bold;
  border: none;
  padding: 10px 40px;
  text-transform: uppercase;
  line-height: 1.1;
  scroll-margin: 80px;
}
#cookie-settings-link:hover {
  background: #57bfed;
  text-decoration: none;
}

div[id*=minimized-trustbadge],
div[id*=maximized-trustbadge] {
  bottom: 12px !important;
}
@media screen and (max-width: 648px) {
  div[id*=minimized-trustbadge],
  div[id*=maximized-trustbadge] {
    display: none !important;
  }
}

#visual_calculation .contentwrapper.right #delivery #deliveryDate.update {
  color: transparent !important;
  background-image: linear-gradient(135deg, transparent 38.46%, #fa2258 38.46%, #fa2258 50%, transparent 50%, transparent 88.46%, #fa2258 88.46%, #fa2258 100%);
  background-size: 40px 40px;
  animation: deliveryUpdate 8s linear infinite;
}
@keyframes deliveryUpdate {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 119px 0;
  }
}

.calcsizehelper {
  color: #20272b;
  font-weight: bold;
  background-color: #fa2258;
  padding: 1px 12px;
  border-radius: 10px;
  margin-left: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.calcsizehelper span {
  color: #ffffff;
}

#cart .calcsizehelper {
  float: right;
  position: relative;
  top: 2px;
  padding: 0 12px;
}
@media screen and (max-width: 500px) {
  #cart .calcsizehelper {
    float: unset;
  }
}
#cart .calcsizehelper span::before {
  display: none !important;
}
#cart .sizewarnicon::before,
#cart .amountwarnicon::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  content: attr(data-icon);
  color: #354149;
  float: right;
  margin: 0 8px;
  width: unset;
}
@media screen and (max-width: 500px) {
  #cart .sizewarnicon::before,
  #cart .amountwarnicon::before {
    float: left;
  }
}
#cart .amountwarnicon::before {
  float: left;
}
#cart .carthelptext {
  background: #fa2258 !important;
}
#cart .carthelptext b {
  color: #354149;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
}
#cart td:hover .carthelptext {
  display: block !important;
}
@media screen and (max-width: 500px) {
  #cart td:nth-child(2) span.calcsizehelper::before {
    display: none;
  }
}

#visual_calculation div.foul {
  display: flex !important;
  pointer-events: none;
  border-style: dashed !important;
  filter: saturate(0) contrast(0.8) brightness(1.1);
}
#visual_calculation div.foul p {
  color: silver;
}

#visual_calculation li.foul {
  display: list-item !important;
  pointer-events: none;
  text-decoration: line-through;
  color: silver;
}

body {
  overflow-x: hidden;
}

strong {
  font-family: unset !important;
  font-size: unset !important;
  font-style: unset !important;
  font-weight: bold !important;
}

h2 {
  font-size: 24px;
  font-weight: bold;
}

h1,
h2,
h3,
.headline {
  margin-bottom: 16px;
}

#page > #modal-text > h1 {
  text-align: center;
}

.rte_container a {
  color: #fa2258 !important;
}

.hint-base, #formular .hint,
#cart .hint, .hint.success, .hint.error {
  color: #ffffff !important;
  font-weight: 500 !important;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  border: none !important;
}
.hint-base *, #formular .hint *,
#cart .hint *, .hint.success *, .hint.error *,
.hint-base strong {
  color: #ffffff !important;
}

.hint {
  margin-bottom: 16px;
}
.hint.success {
  background: rgb(77, 228, 77) !important;
}
.hint.error {
  background: rgb(250, 90, 90) !important;
}

#formular .hint,
#cart .hint {
  background: #fb547e !important;
}

.btn:hover,
header.main #customer-menu #login.modal .btn:hover {
  background: #fb547e;
  border-color: #fa2258;
}

.btn,
.btn.success,
.btn.back,
.btn.btn-alt,
#cart_registration .btn.success,
#visual_calculation .contentwrapper.right button {
  color: #ffffff !important;
  background: #29aee8 !important;
  border: none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: 500;
}
.btn.active,
.btn.success.active,
.btn.back.active,
.btn.btn-alt.active,
#cart_registration .btn.success.active,
#visual_calculation .contentwrapper.right button.active {
  transition: all 0.1s;
  animation: none;
}
.btn.active .anim.loading,
.btn.success.active .anim.loading,
.btn.back.active .anim.loading,
.btn.btn-alt.active .anim.loading,
#cart_registration .btn.success.active .anim.loading,
#visual_calculation .contentwrapper.right button.active .anim.loading {
  background-color: transparent;
  border-top-color: #585f65;
  border-left-color: #4c5257;
  border-bottom-color: #40464a;
  border-right-color: #35393c;
}
.btn::before,
.btn.success::before,
.btn.back::before,
.btn.btn-alt::before,
#cart_registration .btn.success::before,
#visual_calculation .contentwrapper.right button::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
  left: -8px;
  color: #ffffff !important;
}
.btn:hover,
.btn.success:hover,
.btn.back:hover,
.btn.btn-alt:hover,
#cart_registration .btn.success:hover,
#visual_calculation .contentwrapper.right button:hover {
  background: #fb547e !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
}
.btn:hover::before,
.btn.success:hover::before,
.btn.back:hover::before,
.btn.btn-alt:hover::before,
#cart_registration .btn.success:hover::before,
#visual_calculation .contentwrapper.right button:hover::before {
  color: #354149 !important;
}
.btn:hover:active,
.btn.success:hover:active,
.btn.back:hover:active,
.btn.btn-alt:hover:active,
#cart_registration .btn.success:hover:active,
#visual_calculation .contentwrapper.right button:hover:active {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);
}
.btn:disabled, .btn:hover:disabled,
.btn.success:disabled,
.btn.success:hover:disabled,
.btn.back:disabled,
.btn.back:hover:disabled,
.btn.btn-alt:disabled,
.btn.btn-alt:hover:disabled,
#cart_registration .btn.success:disabled,
#cart_registration .btn.success:hover:disabled,
#visual_calculation .contentwrapper.right button:disabled,
#visual_calculation .contentwrapper.right button:hover:disabled {
  transition: none;
  background: #a6aaad !important;
  cursor: default;
  text-shadow: none;
}
.btn:disabled::before, .btn:hover:disabled::before,
.btn.success:disabled::before,
.btn.success:hover:disabled::before,
.btn.back:disabled::before,
.btn.back:hover:disabled::before,
.btn.btn-alt:disabled::before,
.btn.btn-alt:hover:disabled::before,
#cart_registration .btn.success:disabled::before,
#cart_registration .btn.success:hover:disabled::before,
#visual_calculation .contentwrapper.right button:disabled::before,
#visual_calculation .contentwrapper.right button:hover:disabled::before {
  color: #ffffff !important;
}
.btn:disabled:active, .btn:hover:disabled:active,
.btn.success:disabled:active,
.btn.success:hover:disabled:active,
.btn.back:disabled:active,
.btn.back:hover:disabled:active,
.btn.btn-alt:disabled:active,
.btn.btn-alt:hover:disabled:active,
#cart_registration .btn.success:disabled:active,
#cart_registration .btn.success:hover:disabled:active,
#visual_calculation .contentwrapper.right button:disabled:active,
#visual_calculation .contentwrapper.right button:hover:disabled:active {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.btn.btn-alt,
.btn.back {
  color: #354149 !important;
  background: #ffffff !important;
}
.btn.btn-alt::before,
.btn.back::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
  left: -8px;
  color: #354149 !important;
}
.btn.btn-alt:hover,
.btn.back:hover {
  color: #ffffff !important;
}

fieldset.privacypolicyContact {
  box-sizing: border-box;
  padding: 0 12px;
  color: #ffffff !important;
  background: #fa2258 !important;
  border: none;
  border-radius: 2px;
  display: flex;
  justify-content: center;
}
fieldset.privacypolicyContact span,
fieldset.privacypolicyContact label {
  color: inherit;
}
fieldset.privacypolicyContact a {
  color: inherit !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
fieldset.privacypolicyContact a::before {
  content: "launch";
}
fieldset.privacypolicyContact a::after {
  content: "";
}
fieldset.privacypolicyContact a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 110%;
  margin-left: 2px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
fieldset.privacypolicyContact a:hover {
  color: #354149 !important;
}
fieldset.privacypolicyContact label {
  width: unset !important;
}

#overlay,
#ds_popup_overlay {
  background: rgba(255, 255, 255, 0.5);
}
#overlay .active,
#ds_popup_overlay .active {
  transition: opacity 0.1s ease-out;
}
#overlay::before,
#ds_popup_overlay::before {
  color: #354149;
}

.in-dev {
  display: none;
}

.hcenter {
  margin-left: auto;
  margin-right: auto;
}

h1,
h2,
h3,
h4,
.hint.message h1,
.hint.message h2 {
  margin: 20px 0;
  color: #29aee8;
}

strong {
  font-family: unset !important;
  font-size: unset !important;
  font-style: unset !important;
  font-weight: bold !important;
}

#trade-blocks {
  margin-bottom: 0;
  padding-bottom: 0;
}

.btn.success {
  background: #29aee8;
}

.btn.success:hover {
  background: #f76a2e;
}

.hint.message.success {
  color: unset;
}

#usp-bar {
  display: none;
}

/* common extras */
.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.float-right {
  float: right;
}

.image-responsive {
  width: 100%;
  overflow-x: auto;
}

.image-responsive > img {
  width: 100%;
}

.moveup2 {
  position: relative;
  top: -60px;
}

.size200 {
  width: 200px;
}

.v-space-s {
  height: 50px;
}

/* Footer-Bar */
#footer-bar {
  background: #7b7b7b;
}

#totop a::before {
  background: #29aee8;
}

/* band */
.band--vw-container {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  /* background: #767676; */
}

.band {
  box-sizing: border-box;
  margin: 24px auto;
  padding: 25px 0;
}

.band--dark-gray a {
  text-decoration: underline;
}

.band p {
  margin: 10px 6px;
  font-size: 100%;
}

.band--big {
  font-size: 140% !important;
  font-weight: bold;
}

.band--main-color {
  background: #29aee8;
}

.band--contact {
  background: #e2e2e2;
}

.band--dark-gray {
  background: #767676;
}

.rte_container .band--main-color *,
.rte_container .band--dark-gray * {
  color: white !important;
}

.band--left-right div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.band--left-right div p {
  width: 47%;
}

.band .right {
  text-align: right;
}

.band--quad {
  display: flex;
  flex-wrap: wrap;
}

.band--quad > div {
  width: 25%;
}

.band--quad > div > img {
  margin: 0 auto;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

.band--quad > div > p {
  text-align: center;
}

.band--img-left {
  display: flex;
  align-items: center;
}

.band--img-left img {
  margin: 0;
}

.band--sales-contact {
  background: #f5f5f5;
}

.band--sales-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

.band--sales-flex > h2 {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.band--sales-flex > div {
  flex: 1 0 21%;
}

.band--sales-flex img {
  margin: 10px auto;
  filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
}

.band--sales-flex img:hover {
  background: radial-gradient(#696969, rgba(0, 0, 0, 0) 74%);
}

.band--sales-flex p {
  text-align: center;
  font-size: 90%;
  margin: 4px 6px;
}

.band--sales-flex p:nth-of-type(1n + 2) {
  line-height: 100%;
  margin-bottom: 0;
}

.band--sales-flex > div > *:last-child {
  margin-bottom: 12px;
}

@media screen and (max-width: 1023px) {
  .band--quad > div {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .band--left-right div p,
  .band .right {
    width: 100%;
    text-align: center;
  }
  .band--quad > div {
    width: 100%;
  }
  .band--quad > div > img {
    transform: scale(0.5);
  }
  .band--sales-flex {
    display: none;
  }
  /* show only 2 on mobile */
  /* .band--sales-flex>div:nth-child(1n+3) {
         display: none;
     } */
}
/* columns */
.columns {
  -moz-columns: 2 400px;
       columns: 2 400px;
  -moz-column-gap: 4vw;
       column-gap: 4vw;
  -moz-column-rule: 1px solid lightgrey;
       column-rule: 1px solid lightgrey;
  orphans: 2;
  widows: 2;
}

.columns section {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  /* Firefox */
  page-break-inside: avoid;
  text-align: justify;
}

.columns section h3 {
  margin-top: 0;
  font-size: 130%;
  text-align: left;
  text-wrap: balance;
}

.columns .column-img-left,
.columns .column-img-right {
  max-width: 100px;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.2));
}

.columns .column-img-left {
  float: left;
  margin: 0 2vmin 1vmin 0;
}

.columns .column-img-right {
  float: right;
  margin: 0 0 1vmin 2vmin;
}

/* .columns .column-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.columns section h3 {
    margin-bottom: 16px;
}

.columns section h4 {
    text-align: left;
    color: rgb(246, 156, 28);
    font-weight: bold;
}

.columns section:last-of-type p:last-child {
    margin-bottom: 0;
} */
.columns table {
  width: 100%;
  margin: 0 0 24px;
  text-align: center;
  font-size: 90%;
}

.columns table,
.columns table tr,
.columns table th,
.columns table td {
  border: 1px solid lightgrey;
}

.columns table th,
.columns table td {
  padding: 3px 10px;
}

.columns table thead {
  /* override template header hiding below 500px */
  display: table-header-group;
}

/* .columns .column-flex table.small-data {
    width: 25%;
} */
table.small-data {
  text-align: center;
  font-size: 14px;
}

table.small-data th {
  text-align: center;
  font-size: 14px;
}

table.full-width {
  width: 100%;
  margin: 0 0 24px 0;
}

.columns dl {
  margin-bottom: 24px;
}

.columns dt {
  margin-top: 4px;
  margin-bottom: 6px;
  color: #29aee8;
}

.columns dt:nth-child(1n+2) {
  margin-top: 6px;
}

.columns dd {
  /* margin-left: 3%; */
  margin-bottom: 6px;
  /* font-size: 90%; */
  /* line-height: 130%; */
}

.columns--aux-color h3,
.columns--aux-color dt {
  color: #fa2258 !important;
}

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

.flex--big-little>*:first-child {
    width: 70%;
}

.flex--big-little>*:last-child {
    width: 20%;
    text-align: right;
} */
/* Tabelle */
table.table-base {
  width: 100%;
  margin-bottom: 2vh;
}

.table-base th,
.table-base td {
  border: 1px solid lightgrey;
  text-align: center;
  vertical-align: top;
  padding: 4px;
}

.table-base.header-left td:first-child {
  text-align: left;
  font-weight: bold;
  padding-right: 12px;
}

/* image and text */
.img-and-text {
  display: grid;
  grid-template-columns: auto auto;
  margin-bottom: 12px;
}
.img-and-text img {
  grid-row: span 10;
  width: 150px;
  margin-right: 1vw;
  margin-bottom: 0;
}
.img-and-text h3 {
  grid-column: 2;
  margin: 0 0 12px;
}
.img-and-text p {
  grid-column: 2;
  margin-bottom: 8px;
}

details {
  margin-bottom: 4px;
  padding-bottom: 6px;
  transition: all 0.3s ease;
  border-bottom: 1px solid #e6e6e6;
}
details:last-of-type {
  border-bottom: none;
}
details summary {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
details summary:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  content: "expand_circle_down";
  color: #fa2258;
  font-size: inherit;
  position: relative;
  top: 2px;
  margin-right: 8px;
  transition: all 0.3s ease;
}
details summary:hover {
  color: #fa2258;
}
@keyframes detailsAnimation {
  from {
    opacity: 0;
    transform: translateY(-1em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
details p {
  margin: 6px 0 6px 30px !important;
}
details[open] summary {
  color: #fa2258;
}
details[open] summary:before {
  content: "info";
}
details[open] p {
  animation: detailsAnimation 0.3s ease;
}

/* product text */
.product-headline,
.product-description {
  text-align: center;
}

/* Homepage */
.flip-container .front > span:first-child {
  /* background: $clrSecond; */
  /* color: white; */
  background: #f4f4f4;
  color: #29aee8;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.3), 0 -2px 3px -3px rgba(0, 0, 0, 0.3);
}

.flip-container .front img {
  margin: 48px auto 0;
  width: unset;
}

.flip-container p {
  text-align: center;
}

.flip-container a.adetails {
  font-size: 14px;
  padding: 6px;
}

.product-suggestions .preis strong {
  /* undo custom global strong */
  /* force base template size */
  font-size: 24px !important;
}

/* Datencheck Tabelle */
.datencheck-table h2 {
  margin-bottom: 20px;
  text-align: center;
}

.datencheck-table > div {
  width: 100%;
  margin: 0 0 1em;
}

.datencheck-table h3 {
  /* margin-bottom: 10px; */
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: bold;
}

.datencheck-table p {
  line-height: 100%;
  /* font-weight: 100; */
  margin: 10px;
}

.datencheck-table th,
.datencheck-table td {
  padding: 5px 10px;
  vertical-align: top;
}

.datencheck-table th:nth-of-type(1n + 2) {
  width: 22%;
}

.datencheck-table tbody tr:nth-child(odd) {
  background-color: rgb(235, 235, 235);
}

.datencheck-check {
  color: rgb(99, 179, 46);
  font-weight: bold;
  text-align: center;
}

.datencheck-check2::before,
.datencheck-cross2::before {
  display: block;
  line-height: 120%;
  width: 18px;
  height: 18px;
  border-radius: 20px;
  margin: 20px auto 10px;
}

.datencheck-check2 {
  color: rgb(99, 179, 46);
  font-weight: bold;
  text-align: center;
}

.datencheck-check2::before {
  content: "✔";
  border: 3px solid rgb(99, 179, 46);
}

.datencheck-cross {
  color: rgb(205, 23, 25);
  font-weight: bold;
  text-align: center;
}

.datencheck-cross2 {
  color: rgb(205, 23, 25);
  font-weight: bold;
  text-align: center;
  font-size: 130%;
}

.datencheck-cross2::before {
  content: "✖";
  /* border: 3px solid rgb(205, 23, 25); */
}

.datencheck-table img {
  margin: 0 auto;
}

.datencheck-table--lead {
  font-weight: bold;
}

.datencheck-table--follow {
  font-size: 14px;
}

.datencheck-table--subtitle {
  font-size: 14px;
  font-weight: normal;
  margin: 2px !important;
}

.hilite-column th:nth-of-type(4),
.hilite-column td:nth-of-type(4) {
  border-left: 10px solid #29aee8;
  border-right: 10px solid #29aee8;
}

.hilite-column th:nth-of-type(4) {
  border-top: 6px solid #29aee8;
  padding: 5px 0 25px;
}

.hilite-column tr:nth-last-of-type(1n + 2) {
  border-bottom: 1px solid silver;
}

.hilite-column tr:last-of-type td:nth-of-type(4) {
  border-bottom: 6px solid #29aee8;
}

.hilite-column th .byline {
  margin: 15px 0;
  padding: 8px;
  font-weight: normal;
}

.hilite-column th:nth-of-type(4) .byline {
  color: white;
  background: #29aee8;
}

@media screen and (max-width: 600px) {
  .datencheck-table table {
    table-layout: fixed;
    width: 100%;
  }
  .datencheck-table thead tr {
    height: 130px;
  }
  .datencheck-table th:first-child {
    vertical-align: bottom;
  }
  /* Text Kopfzeile rotieren beginnend mit der 2. Spalte */
  .datencheck-table th:nth-child(n+2) {
    vertical-align: middle;
    text-align: left;
    transform-origin: 70% 60%;
    transform: rotate(300deg);
    padding: 0;
  }
  .datencheck-table h3 {
    margin: 0;
    font-size: 16px;
    line-height: 120%;
  }
  .datencheck-table .squeeze,
  .datencheck-check,
  .datencheck-cross {
    width: 60px;
  }
  .datencheck-table img {
    width: 50px !important;
    height: auto !important;
  }
}
/* Exit-Intent */
#ouibounce-modal .modal-title {
  background-color: #fa2258 !important;
}

#ouibounce-modal .modal-body {
  padding: 2px 16px !important;
}

/* Size Flow */
@media screen and (max-width: 760px) {
  .flow-mobile-hide {
    display: none;
  }
}
header.main {
  margin-bottom: 46px;
}
header.main #service-bar {
  font-weight: 500;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
header.main #service-bar span:empty {
  display: none;
}
header.main #brand-logo {
  width: auto;
  margin-top: 7px;
  margin-right: 32px;
}
header.main #brand-logo img {
  margin-left: 4px;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
  max-width: 280px;
  max-height: 80px;
}
@media screen and (max-width: 767px) {
  header.main #brand-logo img {
    width: auto;
    height: 65px;
  }
}
@media screen and (max-width: 400px) {
  header.main #brand-logo img {
    height: 40px;
  }
}
header.main #header_usp img[alt="Geprüfter Onlineshop"] {
  display: none;
}
header.main .social-networks > *:last-child a {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  header.main .social-networks {
    margin-top: 22px;
  }
}
@media screen and (max-width: 500px) {
  header.main .social-networks {
    display: none;
  }
}
header.main #customer-menu > *:first-child {
  margin-left: 0;
}
header.main #customer-menu > button,
header.main #customer-menu > button.menu-item-search,
header.main #customer-menu > button.menu-item-login,
header.main #customer-menu > a.menu-item-cart {
  box-sizing: border-box;
  border-radius: 2px;
  border: none;
  background: transparent;
  border: 2px solid transparent;
}
header.main #customer-menu > button::before,
header.main #customer-menu > button.menu-item-search::before,
header.main #customer-menu > button.menu-item-login::before,
header.main #customer-menu > a.menu-item-cart::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 11px;
  left: -1px;
  font-size: 36px;
  color: #707980;
}
header.main #customer-menu > button .count,
header.main #customer-menu > button.menu-item-search .count,
header.main #customer-menu > button.menu-item-login .count,
header.main #customer-menu > a.menu-item-cart .count {
  font-size: 14px;
  background: #707980 !important;
  border-radius: 2px;
  height: 16px;
  width: 24px;
  top: unset;
  left: 20px;
  bottom: -1px;
  line-height: 15px;
  box-shadow: none;
  font-weight: bold;
  padding: 0px 4px;
  color: #ffffff !important;
  box-sizing: border-box;
}
header.main #customer-menu > button:hover::before,
header.main #customer-menu > button.menu-item-search:hover::before,
header.main #customer-menu > button.menu-item-login:hover::before,
header.main #customer-menu > a.menu-item-cart:hover::before {
  color: #fa2258;
}
header.main #customer-menu > button:hover .count,
header.main #customer-menu > button.menu-item-search:hover .count,
header.main #customer-menu > button.menu-item-login:hover .count,
header.main #customer-menu > a.menu-item-cart:hover .count {
  background: #fa2258 !important;
}
header.main #customer-menu button.menu-item-search::before {
  content: "search";
}
header.main #customer-menu button.menu-item-search::after {
  content: "";
}
header.main #customer-menu button.menu-item-login span {
  font-size: 12px;
  bottom: -2px;
}
header.main #customer-menu button.menu-item-login::before {
  content: "account_circle";
}
header.main #customer-menu button.menu-item-login::after {
  content: "";
}
header.main #customer-menu button.menu-item-login:not([title~=Login]):not([title="Iniciar sesión"]):not([title=Connexion])::before {
  content: "admin_panel_settings";
}
header.main #customer-menu button.menu-item-login:not([title~=Login]):not([title="Iniciar sesión"]):not([title=Connexion])::after {
  content: "";
}
header.main #customer-menu button.menu-item-login:not([title~=Login]):not([title="Iniciar sesión"]):not([title=Connexion])::before {
  color: #fa2258;
}
header.main #customer-menu button.menu-item-login:not([title~=Login]):not([title="Iniciar sesión"]):not([title=Connexion]) + a.menu-item-cart::before {
  color: #fa2258;
}
header.main #customer-menu button.menu-item-login:not([title~=Login]):not([title="Iniciar sesión"]):not([title=Connexion]) + a.menu-item-cart .count {
  background: #fa2258 !important;
}
header.main #customer-menu button.menu-item-login.login_status_green::before {
  content: "how_to_reg";
}
header.main #customer-menu button.menu-item-login.login_status_green::after {
  content: "";
}
header.main #customer-menu button.menu-item-login.login_status_green::after {
  content: none;
}
header.main #customer-menu a.menu-item-cart::before {
  content: "shopping_cart";
}
header.main #customer-menu a.menu-item-cart::after {
  content: "";
}
header.main #customer-menu a.active .count {
  color: #ffffff;
}
@media screen and (max-width: 1280px) {
  header.main #customer-menu > * {
    margin-left: 0 !important;
  }
}
header.main #customer-menu #search.modal,
header.main #customer-menu #login.modal {
  border: 1px solid #fa2258;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  width: 360px;
  top: 70px;
  right: 0;
}
header.main #customer-menu #search.modal fieldset,
header.main #customer-menu #login.modal fieldset {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: none;
  margin-bottom: 0;
}
header.main #customer-menu #search.modal fieldset:last-of-type,
header.main #customer-menu #login.modal fieldset:last-of-type {
  margin-bottom: 12px;
}
header.main #customer-menu #search.modal fieldset label,
header.main #customer-menu #search.modal fieldset input,
header.main #customer-menu #login.modal fieldset label,
header.main #customer-menu #login.modal fieldset input {
  font-size: 14px;
}
header.main #customer-menu #search.modal fieldset label,
header.main #customer-menu #login.modal fieldset label {
  flex: 1;
  width: unset;
  height: 32px;
  margin: 0;
  text-align: left;
}
header.main #customer-menu #search.modal fieldset input,
header.main #customer-menu #login.modal fieldset input {
  width: 100%;
  margin: 0;
  font-weight: 500 !important;
  background: #f9f9f9;
}
header.main #customer-menu #search.modal fieldset input:focus,
header.main #customer-menu #login.modal fieldset input:focus {
  border-color: #fa2258;
}
header.main #customer-menu #search.modal fieldset {
  margin: 0;
}
header.main #customer-menu #login.modal .btn,
header.main #customer-menu #login.modal button#kundenholensubmit2,
header.main #customer-menu #login.modal a {
  height: 36px;
  line-height: 36px;
  padding: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
header.main #customer-menu #login.modal button#kundenholensubmit2,
header.main #customer-menu #login.modal a {
  font-weight: 500;
  color: #ffffff;
  background: #fa2258;
}
header.main #customer-menu #login.modal button#kundenholensubmit2::before,
header.main #customer-menu #login.modal a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
  margin: 0 20px;
}
header.main #customer-menu #login.modal button#kundenholensubmit2:hover,
header.main #customer-menu #login.modal a:hover {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
  background: #fb547e;
}
header.main #customer-menu #login.modal button#kundenholensubmit2:hover::before,
header.main #customer-menu #login.modal a:hover::before {
  color: #354149;
}
header.main #customer-menu #login.modal a:first-child {
  margin-top: 0 !important;
}
header.main #customer-menu #login.modal button#kundenholensubmit {
  margin-bottom: 16px !important;
}
header.main #customer-menu #login.modal button#kundenholensubmit::before {
  content: "login";
}
header.main #customer-menu #login.modal button#kundenholensubmit::after {
  content: "";
}
header.main #customer-menu #login.modal button#kundenholensubmit::before {
  left: 0;
  margin: 0 20px;
}
header.main #customer-menu #login.modal button#kundenholensubmit2::before {
  content: "logout";
}
header.main #customer-menu #login.modal button#kundenholensubmit2::after {
  content: "";
}
header.main #customer-menu #login.modal a[href*="/pw_lost"]::before {
  content: "change_circle";
}
header.main #customer-menu #login.modal a[href*="/pw_lost"]::after {
  content: "";
}
header.main #customer-menu #login.modal a[href*="?onlyreg"]::before {
  content: "face";
}
header.main #customer-menu #login.modal a[href*="?onlyreg"]::after {
  content: "";
}
header.main #customer-menu #login.modal a[href*="/konto_adresse"] {
  background: #29aee8 !important;
}
header.main #customer-menu #login.modal a[href*="/konto_adresse"]::before {
  content: "manage_accounts";
}
header.main #customer-menu #login.modal a[href*="/konto_adresse"]::after {
  content: "";
}
header.main #customer-menu #login.modal a[href*="/konto_adresse"]::before {
  left: 0;
}
header.main #customer-menu #login.modal a[href*="/konto_tracking"] {
  margin-bottom: 16px !important;
  background: #29aee8;
}
header.main #customer-menu #login.modal a[href*="/konto_tracking"]::before {
  content: "pending_actions";
}
header.main #customer-menu #login.modal a[href*="/konto_tracking"]::after {
  content: "";
}
header.main #customer-menu #login.modal a[href*="/konto_tracking"]:hover {
  background: #fb547e;
}
header.main #customer-menu #login.modal a[href*="/konto_adressbuch"] {
  margin-bottom: 16px !important;
  background: #29aee8;
}
header.main #customer-menu #login.modal a[href*="/konto_adressbuch"]::before {
  content: "import_contacts";
}
header.main #customer-menu #login.modal a[href*="/konto_adressbuch"]::after {
  content: "";
}
header.main #customer-menu #login.modal a[href*="/konto_adressbuch"]:hover {
  background: #fb547e;
}

#navbar {
  height: 46px;
  background: #7b7b7b;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  z-index: 4;
}
#navbar .service-menu div {
  line-height: 40px;
}
#navbar .service-menu ul {
  top: 46px;
}
#navbar .service-menu ul li a {
  line-height: 16px;
}
#navbar .wrp {
  display: grid;
  grid-template-columns: auto 190px;
  height: 100%;
}
#navbar .wrp > ul > li {
  font-weight: 500;
  margin-right: 20px;
  transition: none;
  /* submenus */
}
#navbar .wrp > ul > li.menu-item-0 {
  padding-left: 40px;
}
#navbar .wrp > ul > li.menu-item-0::before {
  content: "star";
}
#navbar .wrp > ul > li.menu-item-0::after {
  content: "";
}
#navbar .wrp > ul > li.menu-item-0::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 8px;
}
@media screen and (max-width: 1280px) {
  #navbar .wrp > ul > li.menu-item-0 {
    padding-left: 10px;
  }
  #navbar .wrp > ul > li.menu-item-0::before {
    content: "";
  }
}
#navbar .wrp > ul > li:hover {
  color: #fa2258 !important;
}
#navbar .wrp > ul > li::after {
  display: none;
}
#navbar .wrp > ul > li:last-of-type {
  width: -moz-max-content;
  width: max-content;
  margin-right: 0;
}
#navbar .wrp > ul > li a {
  height: 46px;
}
@media screen and (max-width: 1400px) {
  #navbar .wrp > ul > li:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 1360px) {
  #navbar .wrp > ul > li:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 1160px) {
  #navbar .wrp > ul > li:nth-child(5) {
    display: none;
  }
}
@media screen and (max-width: 940px) {
  #navbar .wrp > ul > li:nth-child(4) {
    display: none;
  }
}
#navbar .wrp > ul > li:hover ul {
  min-width: 250px;
  width: -moz-max-content;
  width: max-content;
  top: 43px;
  left: -1px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#navbar .wrp > ul > li:hover ul > li a {
  text-align: left;
  height: unset !important;
}
#navbar .wrp > ul > li:hover ul > li:hover {
  background: #fa2258;
  background: #29aee8;
}
#navbar .wrp > ul > li:hover ul > li:hover a {
  color: #ffffff;
  background: transparent !important;
  border-right-color: #fa2258;
}
#navbar .wrp > ul > li:hover ul > li.menu-item-more a {
  color: #fa2258;
}
#navbar .wrp > ul > li:hover ul > li.menu-item-more:hover {
  background: #fa2258;
}
#navbar .wrp > ul.right {
  justify-self: right;
}
#navbar .wrp > ul.right ul {
  left: unset !important;
  right: -1px;
}
#navbar .wrp > ul.right ~ .right ul {
  left: 0 !important;
}
#navbar .wrp > ul.right > li:first-child.info::after {
  content: "help";
}
#navbar .wrp > ul.right > li:first-child.info::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: -3px;
  margin-left: 10px;
}
@media screen and (max-width: 1280px) {
  #navbar .wrp > ul.right > li:first-child.info {
    padding-right: 10px;
  }
  #navbar .wrp > ul.right > li:first-child.info::after {
    content: "";
  }
}
#navbar .wrp > ul.right ~ .right > li:first-child.info::after {
  content: none;
}
#navbar .wrp > ul.right .wrp > ul > li:hover ul > li:hover a,
#navbar .service-menu ul li:hover a {
  color: #e4053d !important;
  background: unset;
}

/* show all menu entries on small screens */
@media screen and (max-width: 1023px) {
  #navbar .wrp > ul > li {
    margin-left: 12px;
  }
  #navbar .wrp > ul > li > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #navbar .wrp > ul > li:first-child {
    height: 47px;
    padding-top: 7px;
  }
}
.breadcrumb {
  margin-bottom: 0 !important;
}
.breadcrumb li a::after {
  margin-top: 2px;
}
.breadcrumb li:last-of-type a::after {
  content: none;
}
.breadcrumb li:last-child a, .breadcrumb li:hover a {
  color: #29aee8;
}

#trade-blocks a {
  font-weight: 500;
}

.trade-groups.sidebar {
  background: none;
}
.trade-groups.sidebar ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1vw;
  border-bottom: 3px solid #7b7b7b;
}
@media screen and (max-width: 1023px) {
  .trade-groups.sidebar ul {
    grid-template-columns: repeat(auto-fit, minmax(140px, auto));
    height: auto;
  }
}
.trade-groups.sidebar ul li {
  width: unset !important;
}
.trade-groups.sidebar ul li a {
  text-align: center;
  font-weight: bold;
  padding: 10px 0 !important;
  border-bottom: none;
}
.trade-groups.sidebar ul li a:hover {
  color: #ffffff;
  background: #7b7b7b;
}
.trade-groups.sidebar ul li.current a {
  background: #7b7b7b;
}
.trade-groups.sidebar ul li.current a:hover {
  color: #ffffff;
}
.trade-groups.sidebar .content {
  width: 100%;
}
.trade-groups.sidebar .content .tab_content {
  text-align: center;
}
.trade-groups.sidebar .content .card {
  float: none;
  display: inline-block;
  margin: 8px;
  height: 250px;
  width: 252px;
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.trade-groups.sidebar .content .card img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.trade-groups.sidebar .content .card figcaption {
  position: absolute;
  padding-top: 0;
  top: 77%;
}
.trade-groups.sidebar .content .card figcaption em {
  display: block;
}
.trade-groups.sidebar .content .card h2 {
  color: #7b7b7b;
  margin: 0;
}
.trade-groups.sidebar .content .card:hover {
  border: none;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
  transition: none;
}
.trade-groups.sidebar .content .card:hover figcaption {
  background: none;
}
.trade-groups.sidebar .content .card:hover figcaption h2 {
  color: #7b7b7b;
}

form h4,
form select,
form input {
  /* fix template font-family misattribution */
  font-family: inherit !important;
  font-weight: bold !important;
}
form label {
  font-size: 14px !important;
}
form:not([id=formular_reseller]) input:not(.btn),
form:not([id=formular_reseller]) select,
form:not([id=formular_reseller]) .non-input-field,
form:not([id=formular_reseller]) textarea {
  border-color: #f1f1f1;
  box-shadow: inset 1px 1px 2px rgba(100, 100, 100, 0.1);
  background: #f9f9f9;
}
form:not([id=formular_reseller]) input:not(.btn):focus,
form:not([id=formular_reseller]) select:focus,
form:not([id=formular_reseller]) .non-input-field:focus,
form:not([id=formular_reseller]) textarea:focus {
  border-color: #fa2258;
}
form:not([id=formular_reseller]) select {
  padding-left: 8px;
}
form:not([id=formular_reseller]) input[type=checkbox] {
  cursor: pointer !important;
}
form input:required:invalid,
form textarea:required:invalid {
  background-color: rgb(221, 245, 255) !important;
}
form .requirement {
  margin-left: 6px !important;
}
form .info {
  float: left !important;
}
form input[name=captcha_code],
form #captcha {
  border: 1px dashed #707980 !important;
}
form #captcha {
  padding: 2px !important;
  margin-top: 8px !important;
}
form #captcha ~ a {
  display: block;
  text-align: right;
  margin-right: 10px;
  padding-right: 10px;
}
form .upload_field input {
  float: unset !important;
  width: 350px !important;
  margin: 0 !important;
  border: 1px solid #fa2258 !important;
}
@media screen and (max-width: 1280px) {
  form .privacypolicyContact {
    width: 100% !important;
  }
  form .btn:not([name=cmd_calc]) {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  form article,
  form #sidebar {
    width: 100% !important;
    float: none !important;
  }
  form:not(#popup_cartOffer) fieldset.col-full label {
    width: 0;
  }
  form:not(#popup_cartOffer) label {
    text-align: left;
  }
}

#payment-bar div.wrp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#payment-bar div.wrp h3 {
  display: none;
}
#payment-bar div.wrp img {
  width: 120px;
  image-rendering: -webkit-optimize-contrast;
}

@media (min-width: 649px) {
  #totop {
    display: none;
  }
}
#totop a.totop::before {
  content: "keyboard_double_arrow_up";
}
#totop a.totop::after {
  content: "";
}
#totop a.totop::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  width: 46px;
  height: 46px;
  font-size: 36px;
  line-height: 1.2;
  color: #354149;
  background: #e6e6e6;
  border-radius: 50%;
  position: relative;
  right: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

#ds_popup {
  border: 1px solid #fa2258;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  animation: opacity 0.2s ease-in-out;
}

.modal {
  border: none;
}

#actionModal .underlay {
  background: rgba(0, 0, 0, 0.2);
}
#actionModal .modal-title {
  background: #29aee8 !important;
}
#actionModal h3 {
  text-align: center;
  text-transform: none !important;
}
#actionModal .modal-footer {
  background: rgb(250, 90, 90) !important;
  font-weight: bold;
}
#actionModal .modal-footer::before {
  top: 0 !important;
}

#addressBook th,
#addressBook td {
  color: dimgray !important;
}

@supports (display: grid) {
  #trade-blocks .wrp.cf {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-template-rows: auto;
    grid-gap: 48px 24px;
  }
  #trade-blocks .cf::before,
  #trade-blocks .cf::after {
    content: none;
  }
  #trade-blocks .flipper {
    height: 100%;
  }
  #trade-blocks .flip-container,
  #trade-blocks .flip-container .back {
    height: unset;
  }
  #trade-blocks .flip-container,
  #trade-blocks .flip-container:nth-child(4n) {
    margin: 0 auto;
  }
  #trade-blocks .flip-container .front {
    position: static;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  #trade-blocks .flip-container .front img {
    width: 220px;
  }
  #trade-blocks .flip-container .front p {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #trade-blocks a {
    border: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  #trade-blocks a:hover:active {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);
  }
}
.headline.custom + .description {
  padding: 0;
}
.headline.custom + .description > .hint.message {
  padding: 0;
  margin-bottom: 8px;
}

.overview-headline {
  text-align: center;
  font-size: 25px;
  color: #29aee8 !important;
  font-weight: bold;
  margin: 0 !important;
}

.trade-groups article.product-card {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  background: linear-gradient(#f5f5f5, white) !important;
}
.trade-groups article.product-card img {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
}
.trade-groups article.product-card h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none;
}
.trade-groups article.product-card .rte_container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.trade-groups article.product-card ul {
  margin: 0 0 16px;
}
.trade-groups article.product-card ul li::before {
  background: #29aee8;
}
.trade-groups article.product-card a.btn {
  margin-top: auto !important;
}
.trade-groups article.product-card a.btn::before {
  content: "control_camera";
}
.trade-groups article.product-card a.btn::after {
  content: "";
}
.trade-groups article.product-card a.btn.group::before {
  content: "grid_view";
}
.trade-groups article.product-card a.btn::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
}
.trade-groups article.product-card a.btn .anim.loading {
  top: 6px;
}
.trade-groups article.product-card:hover {
  background: white !important;
}
.trade-groups article.product-card:hover h4 {
  color: #29aee8;
  text-shadow: none;
}

.trade-groups.full .product-card-container .product-card:nth-child(1) .rte_container .card-btn, .trade-groups.full .product-card-container .product-card:nth-child(2) .rte_container .card-btn, .trade-groups.full .product-card-container .product-card:nth-child(7) .rte_container .card-btn, .trade-groups.full .product-card-container .product-card:nth-child(8) .rte_container .card-btn, .trade-groups.full .product-card-container .product-card:nth-child(17) .rte_container .card-btn, .trade-groups.full .product-card-container .product-card:nth-child(18) .rte_container .card-btn {
  width: calc(50% - 0.75vw - 12px) !important;
  margin-right: 6px;
}

@media screen and (max-width: 1199px) {
  .trade-groups.full .product-card-container.product-card-grid article.product-card {
    margin: 0 !important;
    min-height: 250px;
    grid-column: span 2;
    display: grid;
    grid-gap: 0 1.5vw;
    grid-template-columns: 3fr 4fr !important;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card h4 {
    height: 53px;
    grid-column: 2;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card a:nth-of-type(1) {
    grid-column: 1;
    grid-row: 1/5;
    align-self: center;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card .rte_container {
    grid-row: span 2;
    line-height: 145%;
    font-size: 14px;
    padding: 0 2px 10px;
    text-align: center;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card .rte_container ul {
    padding-left: 0;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card .rte_container > .card-btn {
    grid-column: 1;
    grid-row: 1/5;
    align-self: center;
    width: 54% !important;
    margin-right: 6px;
    position: absolute;
    bottom: 10px;
    right: 0;
  }
}
@media screen and (max-width: 519px) {
  .trade-groups.full .product-card-container.product-card-grid article.product-card {
    grid-template-columns: 1fr !important;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card h4 {
    grid-column: 1;
    height: 32px;
    margin-top: 8px;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card a:nth-of-type(1) {
    grid-row: 1;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card .rte_container {
    grid-row: 3;
    display: flex;
    flex-direction: column;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card .rte_container li {
    text-align: center;
    padding: 0;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card .rte_container li::before {
    display: none !important;
  }
  .trade-groups.full .product-card-container.product-card-grid article.product-card .rte_container > .card-btn {
    position: static;
    width: 90% !important;
  }
}
.headline.custom {
  margin-bottom: 12px;
}
.headline.custom .description {
  top: 30px;
}
.headline.custom .textWrapper {
  margin-bottom: 0 !important;
}
.headline.custom .textWrapper dl {
  margin-top: 10px;
}
.headline.custom .textWrapper dt {
  font-weight: bold;
  margin-top: 16px;
}
.headline.custom .textWrapper .banner-sub,
.headline.custom .textWrapper dt,
.headline.custom .textWrapper dd {
  display: table;
  background: rgba(255, 255, 255, 0.8);
}
.headline.custom .banner-head {
  background: #fa2258 !important;
  padding: 3px 20px !important;
  font-weight: bold;
  font-size: 20px !important;
}
.headline.custom .banner-sub {
  margin-top: 6px;
  font-size: 18px;
  font-style: italic;
}

header.headline.custom {
  max-height: 420px;
}
header.headline.custom .imageWrapper {
  height: 100%;
  max-height: 420px;
}
header.headline.custom img {
  width: 100% !important;
  height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  position: unset;
  left: 0;
}
header.headline.custom .description {
  right: 45%;
}
header.headline.custom ul {
  display: block !important;
}

@media screen and (max-width: 1279px) {
  header.headline.custom img {
    height: 300px;
  }
  header.headline.custom img {
    height: 300px;
    -o-object-position: 18%;
       object-position: 18%;
  }
  header.headline.custom .description {
    right: unset;
    left: 13%;
  }
  header.headline.custom .banner-sub,
  header.headline.custom .textWrapper p {
    display: none !important;
  }
  header.headline.custom dt {
    margin-top: 6px !important;
  }
  header.headline.custom .textWrapper ul br {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  header.headline.custom .description {
    top: 10px;
  }
}
@media screen and (max-width: 639px) {
  .headline.custom > .description .textWrapper strong {
    line-height: unset;
  }
  header.headline.custom img {
    visibility: hidden;
  }
  header.headline.custom .description {
    right: unset;
    left: 5%;
  }
  .headline.custom .textWrapper dl {
    margin-top: 4px;
  }
  header.headline.custom dt {
    margin-top: 2px !important;
  }
  header.headline.custom dd {
    font-size: 14px;
  }
  .headline.custom a.btn.success.order {
    margin-top: 6px;
  }
}
.headline.custom a.btn.success.order,
a.btn.success.order,
#popup_recommend .btn.success {
  color: white !important;
  background: #29aee8 !important;
  border-color: #29aee8 !important;
  margin-top: 16px;
  padding: 0 40px;
}
.headline.custom a.btn.success.order::before,
a.btn.success.order::before,
#popup_recommend .btn.success::before {
  content: "control_camera";
}
.headline.custom a.btn.success.order::after,
a.btn.success.order::after,
#popup_recommend .btn.success::after {
  content: "";
}
.headline.custom a.btn.success.order:hover,
a.btn.success.order:hover,
#popup_recommend .btn.success:hover {
  background: #fb547e !important;
}

main .description.col_left {
  float: none;
  width: 100%;
  margin: unset;
  padding: unset;
}

.article-tiles {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}

.article-tiles .flex-spacer {
  flex: 0.2;
}

.article-tiles img {
  margin: 10px;
}

.article-tiles p {
  font-size: inherit;
  text-align: justify;
  line-height: 100%;
  margin-bottom: 6px;
}

.article-tile-data {
  flex: 1;
  align-self: center;
}

.article-tile-img {
  width: 220px;
  height: 150px;
}

@media screen and (max-width: 800px) {
  .article-tile-img {
    display: none;
  }
  .article-tile-data {
    flex: unset;
    margin-bottom: 6px;
  }
  .article-tile-data p {
    text-align: left;
  }
}
.article-infotext .article-downloads img {
  width: 50%;
}

.article-infotext .article-infotext--link {
  line-height: 16px;
  vertical-align: sub;
  font-weight: bold;
}

.article-infotext .article-infotext--link:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  float: left;
  margin: 0 6px 12px;
}

.article-infotext .link-datencheck:before {
  background: url("/customers_pics/655/b544b6fce5be49116fcaf285d5e207e2.png") no-repeat;
}

.article-infotext .link-druckdaten:before {
  background: url("/customers_pics/655/9ada6e23fcecb2847895485933fcac28.png") no-repeat;
}

.article-infotext .link-farbrad:before {
  background: url("/customers_pics/655/a02041d59498cf4068587f86253db18c.png") no-repeat;
}

.article-infotext .article-infotext--link:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}

#visual_calculation #calculation,
#visual_calculation #total_block,
#visual_calculation #comments,
#visual_calculation #delivery,
#visual_calculation #printTemplates {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}
#visual_calculation .head p {
  margin-bottom: 6px;
}
#visual_calculation #calculation label.input {
  background: #ffffff;
}
#visual_calculation #calculation label.input input {
  background: #ffffff;
}
#visual_calculation #reseller_attributes > .optionGroup {
  display: flex;
  flex-direction: column;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:first-of-type {
  width: 100% !important;
  margin-right: 0;
  height: 73px;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:first-of-type #optionGroupCon_sorten {
  width: 100%;
  max-height: 300px;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset {
  width: 48% !important;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type {
  position: absolute;
  top: calc(-80px - 16px + 7px);
  margin-left: 52%;
  z-index: 1;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type span.optionName {
  font-weight: 500;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type label.input.input-small {
  width: 25%;
  min-width: 80px;
  border-color: #fa2258;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type label.input.input-small::before {
  content: "height";
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type label.input.input-small::after {
  content: "";
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type label.input.input-small:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #fa2258;
  position: absolute;
  left: 5px;
  top: 7px;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type label.input.input-small:first-of-type:before {
  left: 8px;
  transform: rotate(90deg);
}
@media screen and (max-width: 700px) {
  #visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type {
    order: -1;
    position: unset;
    margin-left: 0;
    width: 100% !important;
  }
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type {
  order: -1;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type fieldset {
  width: 100%;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type span.optionName {
  font-weight: 500;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type label.input {
  width: 12.5%;
  min-width: 80px;
  border-color: #fa2258;
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type label.input::before {
  content: "layers";
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type label.input::after {
  content: "";
}
#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type label.input:before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #fa2258;
  position: absolute;
  left: 8px;
  top: 10px;
  font-size: 20px;
}
@media screen and (max-width: 700px) {
  #visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type label.input {
    width: 25%;
  }
}
@media screen and (max-width: 700px) {
  #visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:last-of-type {
    margin-left: 0;
  }
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions {
  padding-top: 15px;
  border-color: #fa2258;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 4;
  max-height: 600px;
  overflow-y: auto;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel {
  width: 23%;
  padding: 10px;
  margin-right: 2%;
  border-color: #d5d5d5;
  transition: all 0.1s;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel p {
  font-weight: 500;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel p br {
  line-height: unset;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel.selected {
  border-color: #29aee8;
  box-shadow: 0 0 3px #29aee8, 2px 2px 1px #29aee8;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel.selected p {
  cursor: default;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel.selected .selectedOverlay {
  display: none;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel:hover:not(.selected) {
  border-color: #fa2258;
  box-shadow: 0 0 3px #fa2258, 1px 1px 1px #fa2258;
}
#visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel:hover .hoverOverlay {
  display: none;
}
@media screen and (max-width: 600px) {
  #visual_calculation #reseller_attributes > .optionGroup .conOptions .flex-container .panel {
    width: 48%;
  }
}
#visual_calculation .contentwrapper.left .head .text {
  float: unset;
  margin-left: 0;
  max-width: unset;
}
#visual_calculation .contentwrapper.left .head .text h1 {
  text-align: center;
  font-weight: bold;
  color: #29aee8;
}
#visual_calculation .contentwrapper.left #etiketten_width,
#visual_calculation .contentwrapper.left #etiketten_height {
  text-align: right;
  font-weight: 500;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) h2 {
  color: unset;
  margin-top: 20px;
  margin-bottom: 4px;
  font-weight: 500;
  background: none;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper:last-of-type input {
  text-align: right;
  font-weight: 500;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper .optionName {
  font-size: unset;
  line-height: 2.5em;
  height: 29px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset {
  margin-bottom: 16px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label {
  border: 1px solid #e6e6e6;
  font-weight: 500;
  overflow: hidden;
  display: flex;
  align-items: center;
  line-height: 1;
  text-wrap: balance;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label:not(.input) {
  padding-left: 38px;
  padding-right: 24px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label::before {
  content: "check";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label::after {
  content: "";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #fa2258;
  color: #29aee8;
  position: absolute;
  left: 8px;
  top: 9px;
  font-size: 20px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label.active {
  border: 1px solid #fa2258;
  color: unset;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label:hover {
  background: #ffffff;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label:not(.input)::after {
  content: "keyboard_arrow_down";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label:not(.input)::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #a6aaad;
  transform: none;
  top: 6px;
  right: 4px;
  width: 24px;
  height: 24px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon {
  border: 1px solid #fa2258;
  border-top: none;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 3;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon ul li {
  line-height: unset;
  padding: 5px 10px 5px 38px;
  transition: none;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon ul li::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  width: 34px;
  position: absolute;
  left: 8px;
  font-size: 20px;
  animation: sort_select 1s ease-in-out 1s infinite alternate;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon ul li:first-child {
  border-top: none;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon ul li.selected {
  border-top: transparent;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon ul li:hover {
  background: #fa2258;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon ul li:hover::before {
  content: "label";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .optionGroupCon ul li:hover::after {
  content: "";
}
@keyframes sort_select {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(4px);
  }
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info {
  right: 10px;
  float: right !important;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info::before {
  content: "help_center";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info::after {
  content: "";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info:hover {
  animation: none;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 2px;
  left: 5px;
  color: #29aee8;
  animation: tooltip_attention 6s ease-in-out infinite alternate;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info:hover::before {
  color: #fb547e;
  animation: none;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip {
  width: 400px;
  margin-top: -60px;
  line-height: 1.2;
  z-index: 5;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip img {
  max-width: 60px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip > strong {
  display: none;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip p {
  font-size: 12px;
  line-height: unset;
  margin-bottom: 0;
  letter-spacing: 0;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip br {
  line-height: 16px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip a {
  color: #fa2258;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip .tooltip_attention {
  font-weight: 500;
  color: #29aee8;
}
@media screen and (max-width: 1200px) {
  #visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .info .tooltip {
    left: unset;
    right: 20px;
    min-width: 100px;
    max-width: 70vw;
  }
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset span.value {
  margin-top: 14px !important;
  letter-spacing: 1px;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  text-decoration-thickness: 3px;
  font-weight: 500;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .btnCalcOptical {
  background: #fb547e;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  float: none;
  margin-left: 16px;
  top: 0;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .btnCalcOptical::before {
  content: "read_more";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .btnCalcOptical::after {
  content: "";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .btnCalcOptical::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  width: unset;
  position: relative;
  top: -2px;
  text-indent: 0;
  display: block;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .btnCalcOptical:hover {
  background: #fb547e;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .btnCalcOptical:hover::before {
  color: #354149;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .btnCalcOptical:hover:active {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .textarea.width100 {
  height: 80px;
  background: white;
  padding: 8px;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset .textarea.width100 textarea {
  width: 100%;
  height: 100%;
  resize: none;
}
@keyframes unit_warn {
  100% {
    text-decoration-color: #57bfed;
  }
}
@keyframes refresh_warn {
  0% {
    opacity: 0.9;
  }
  100% {
    transform: translateY(10px);
    opacity: 1;
  }
}
@keyframes tooltip_attention {
  0% {
    transform: translate(0, -3px) rotate(10deg);
  }
  3% {
    transform: translate(0, -6px) rotate(-10deg);
    color: #57bfed;
  }
  6% {
    transform: translate(0, 0);
    color: #29aee8;
  }
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset label:focus-within + span.value {
  animation: unit_warn 0.8s ease-in-out infinite alternate;
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset:focus-within .btnCalcOptical.auto_submit_item::after {
  content: "keyboard_arrow_up";
}
#visual_calculation .contentwrapper.left .optionGroup:not(.DynamicOptionGroup) .optionWrapper fieldset:focus-within .btnCalcOptical.auto_submit_item::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  bottom: -18px;
  left: 8px;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
  animation: refresh_warn 1s ease-in-out infinite alternate;
}
#visual_calculation form[action="/nachberechnung.htm" i] #reseller_attributes > .optionGroup > .optionWrapper:last-of-type {
  margin-left: 0 !important;
}
#visual_calculation form[action="/nachberechnung.htm" i] #reseller_attributes > .optionGroup > .optionWrapper:last-of-type fieldset {
  width: 48%;
}
#visual_calculation form[action="/nachberechnung.htm" i] .zusTextCon {
  position: relative;
  bottom: 50px;
  margin-left: 52%;
  height: 40px !important;
}
#visual_calculation form[action="/nachberechnung.htm" i] .zusTextCon .zusTextInput {
  padding: 0 !important;
  height: 100%;
}
#visual_calculation form[action="/nachberechnung.htm" i] .zusTextCon input {
  height: 100% !important;
  text-align: left !important;
  font-size: 14px !important;
  border-radius: 2px;
  border-color: #fa2258 !important;
}
#visual_calculation .optionGroup > input[type=hidden] + .optionWrapper fieldset:first-child {
  position: static !important;
  margin-left: 0 !important;
}
#visual_calculation .contentwrapper.right .inner-wrapper-sticky {
  display: flex;
  flex-direction: column;
}
#visual_calculation .contentwrapper.right .inner-wrapper-sticky > section {
  padding: 10px 20px 15px;
}
#visual_calculation .contentwrapper.right .inner-wrapper-sticky > section:not(:first-of-type) {
  margin-top: 12px;
}
#visual_calculation .contentwrapper.right .inner-wrapper-sticky > #articleDescriptionThree,
#visual_calculation .contentwrapper.right .inner-wrapper-sticky #articleDescriptionFour {
  padding: 0;
}
#visual_calculation .contentwrapper.right #total_block h2 {
  font-weight: bold;
  color: #4a5b67;
  text-align: center;
  margin-bottom: 24px;
  background: none;
}
#visual_calculation .contentwrapper.right #total_block #vat_in_percent {
  font-size: 14px;
  margin-left: 3px;
}
#visual_calculation .contentwrapper.right #total_block .total span,
#visual_calculation .contentwrapper.right #total_block #total_gross_price .resellerPrice {
  color: #4a5b67;
  font-weight: bold;
  font-family: inherit;
}
#visual_calculation .contentwrapper.right #total_block button {
  padding: 0 10px;
  margin-bottom: 16px;
}
#visual_calculation .contentwrapper.right #total_block button:first-of-type::before {
  content: "add_shopping_cart";
}
#visual_calculation .contentwrapper.right #total_block button:first-of-type::after {
  content: "";
}
#visual_calculation .contentwrapper.right #total_block button:nth-of-type(2) {
  background: #fa2258 !important;
}
#visual_calculation .contentwrapper.right #total_block button:nth-of-type(2)::before {
  content: "auto_awesome";
}
#visual_calculation .contentwrapper.right #total_block button:nth-of-type(2)::after {
  content: "";
}
#visual_calculation .contentwrapper.right #total_block button:nth-of-type(2):hover {
  background: #fb547e !important;
}
#visual_calculation .contentwrapper.right #total_block br {
  display: none;
}
#visual_calculation .contentwrapper.right a {
  font-size: 14px;
  background: none;
  padding: 4px;
  color: inherit;
  border: none;
  text-align: left;
}
#visual_calculation .contentwrapper.right a::before {
  content: "link";
}
#visual_calculation .contentwrapper.right a::after {
  content: "";
}
#visual_calculation .contentwrapper.right a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
#visual_calculation .contentwrapper.right a:hover {
  text-decoration: none;
  color: #fa2258;
}
#visual_calculation .contentwrapper.right a + br {
  display: none;
}
#visual_calculation .contentwrapper.right #comments {
  display: block !important;
}
#visual_calculation .contentwrapper.right #comments label {
  text-align: center;
  font-weight: bold;
  font-size: 16px !important;
}
#visual_calculation .contentwrapper.right #comments textarea {
  box-sizing: border-box;
  width: 100% !important;
  height: unset;
  border-color: #fa2258 !important;
}
#visual_calculation .contentwrapper.right #comments input {
  width: 100% !important;
  border-color: #e6e6e6 !important;
}
#visual_calculation .contentwrapper.right #delivery {
  text-align: center !important;
}
#visual_calculation .contentwrapper.right #delivery strong {
  color: #4a5b67;
  background: #ffffff;
}
#visual_calculation .contentwrapper.right #delivery h2 {
  display: none;
}
#visual_calculation .contentwrapper.right #delivery h3 {
  margin-top: 0;
  text-align: center !important;
  background: none;
}
#visual_calculation .contentwrapper.right #delivery .content {
  padding-left: 0 !important;
}
#visual_calculation .contentwrapper.right #delivery .content img {
  display: none !important;
}
#visual_calculation .contentwrapper.right #delivery #deliveryDate {
  color: #4a5b67 !important;
  font-weight: bold;
  font-size: 16px;
}
#visual_calculation .contentwrapper.right #delivery #delivery_countdown {
  font-style: italic;
  border-style: dashed;
}
#visual_calculation .contentwrapper.right #delivery #delivery_countdown ~ * {
  display: none;
}
#visual_calculation .contentwrapper.right #printTemplates {
  padding: 0;
}
#visual_calculation .contentwrapper.right #printTemplates #showTemplates {
  padding: 6px 6px 12px;
  color: #354149;
  font-weight: 500;
  text-align: center;
  background: none;
}
#visual_calculation .contentwrapper.right #printTemplates #showTemplates::before {
  content: "topic";
}
#visual_calculation .contentwrapper.right #printTemplates #showTemplates::after {
  content: "";
}
#visual_calculation .contentwrapper.right #printTemplates #showTemplates::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 6px;
  right: 6px;
}
#visual_calculation article {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}
#visual_calculation input#pwReferenceId ~ div#contentWrapper .optionGroup {
  display: block;
}
#visual_calculation input#pwReferenceId ~ div#contentWrapper .optionWrapper fieldset {
  z-index: unset;
  position: static;
  margin-left: 0;
  width: 48% !important;
}
#visual_calculation input#pwReferenceId ~ div#contentWrapper .optionWrapper fieldset:first-of-type {
  margin-right: 4%;
}
#visual_calculation input#pwReferenceId ~ div#contentWrapper .optionWrapper .panel {
  background-color: white !important;
}
#visual_calculation input#pwReferenceId ~ div#contentWrapper .optionName {
  height: unset;
}
#visual_calculation input#pwReferenceId ~ div#contentWrapper .priceTableText h2 {
  text-align: right;
}

/* Upload */
#upload #upload_section,
#upload #upload_info {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  margin-right: 0;
}
#upload .upload_option {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}
#upload .upload_option#upload_browser::before, #upload .upload_option#upload_email::before {
  content: none;
}
#upload .upload_option > * {
  width: 100%;
}
#upload .upload_option h3 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 6px;
}
#upload .upload_option hr {
  display: none;
}
#upload .upload_option p {
  text-align: center;
  margin-bottom: 16px;
  width: 100%;
}
#upload .upload_option .fileuploader-input {
  background: repeating-linear-gradient(135deg, rgba(41, 174, 232, 0.1), rgba(41, 174, 232, 0.1) 10px, #ffffff 10px, #ffffff 20px);
}
#upload .upload_option .fileuploader-icon-main::before {
  content: "file_upload";
}
#upload .upload_option .fileuploader-icon-main::after {
  content: "";
}
#upload .upload_option .fileuploader-icon-main::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 36px !important;
  color: #fa2258;
  background: #ffffff;
  border: 1px solid #fa2258;
}
#upload .upload_option .fileuploader-input-caption {
  margin-bottom: 24px;
}
#upload .upload_option .fileuploader-input-caption span {
  margin-top: 12px;
}
#upload .upload_option .fileinput {
  padding: 0 32px;
}
#upload .upload_option .fileinput label {
  width: auto;
  padding: 0;
  text-align: center;
}
#upload .upload_option .fileinput label::before {
  content: "insert_drive_file";
}
#upload .upload_option .fileinput label::after {
  content: "";
}
#upload .upload_option .fileinput label::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 4px;
  left: -5px;
}
#upload .upload_option#upload_email {
  margin-top: 32px;
}
#upload .upload_option#upload_email a {
  width: unset;
  padding: 0 32px;
}
#upload .upload_option#upload_email a::before {
  content: "email";
}
#upload .upload_option#upload_email a::after {
  content: "";
}
#upload #to_upload_check::before {
  content: "double_arrow";
}
#upload #to_upload_check::after {
  content: "";
}
#upload #to_upload_check:not(.hidden) ~ #upload_email a {
  background: #707980 !important;
}
#upload #to_upload_check:not(.hidden) ~ #upload_email a:hover {
  background: #fa2258 !important;
}
#upload #upload_info h1 {
  margin: 0;
  text-transform: uppercase;
}
#upload #upload_info p {
  margin-bottom: 8px;
}
#upload #upload_info ul {
  margin-bottom: 8px;
}
#upload #upload_info li {
  font-size: inherit;
}
#upload #upload_info hr {
  margin: 8px 0;
}
#upload #upload_info a.btn.orange {
  color: white !important;
  display: block;
  background: #fa2258 !important;
}
#upload #upload_info a.btn.orange::before {
  content: "topic";
}
#upload #upload_info a.btn.orange::after {
  content: "";
}
#upload #upload_info a.btn.orange:hover {
  background: #fb547e !important;
}
#upload #upload_info .upload-info-table p {
  margin: 0;
  line-height: 100%;
}
#upload #upload_info .upload-info-table p:nth-child(2) {
  font-size: 14px;
  font-style: italic;
}
#upload #upload_info .upload-info-table td {
  padding: 2px;
}
#upload #upload_info .upload-info-table img {
  margin: 0;
}
#upload #upload_info .upload-info-table.file-formats img {
  width: 36px;
}

#cart table.preisberechnung tbody tr {
  line-height: 100% !important;
}
#cart table.preisberechnung tbody tr * {
  font-size: 14px !important;
}
#cart table.preisberechnung tbody tr th {
  font-size: 14px;
  font-weight: 500;
  vertical-align: bottom;
  text-transform: uppercase;
  padding: 4px 4px 6px;
}
#cart table.preisberechnung tbody tr h3 {
  font-size: 18px !important;
}
#cart table.preisberechnung tbody tr h3 {
  color: #29aee8;
}
#cart table.preisberechnung tbody tr strong {
  color: dimgray;
}
#cart table.preisberechnung tbody tr.product_calculation, #cart table.preisberechnung tbody tr#total_netto {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#cart table.preisberechnung tbody tr.product_calculation + tr > td {
  font-weight: normal !important;
}
#cart table.preisberechnung tbody tr.product_calculation + tr > td strong {
  color: inherit;
}
#cart table.preisberechnung tbody tr br + br {
  line-height: 0;
}
#cart table.preisberechnung tbody tr td {
  padding: 4px;
}
@media screen and (max-width: 500px) {
  #cart table.preisberechnung tbody tr td {
    padding: 0;
  }
}
#cart table.preisberechnung tbody tr th:nth-child(3),
#cart table.preisberechnung tbody tr td:nth-child(3) {
  width: 10%;
  text-align: right;
}
@media screen and (max-width: 500px) {
  #cart table.preisberechnung tbody tr th:nth-child(3),
  #cart table.preisberechnung tbody tr td:nth-child(3) {
    text-align: left;
  }
}
#cart table.preisberechnung tbody tr th:nth-child(4),
#cart table.preisberechnung tbody tr td:nth-child(4) {
  width: 10%;
  text-align: right;
}
#cart table.preisberechnung tbody tr th:nth-child(5),
#cart table.preisberechnung tbody tr td:nth-child(5) {
  width: 15%;
}
#cart table.preisberechnung tbody tr.product_options td {
  padding-bottom: 0;
}
#cart table.preisberechnung tbody tr a.delete,
#cart table.preisberechnung tbody tr a.change,
#cart table.preisberechnung tbody tr a.duplicate,
#cart table.preisberechnung tbody tr a.edit {
  margin-right: 12px;
}
#cart table.preisberechnung tbody tr a.delete img,
#cart table.preisberechnung tbody tr a.change img,
#cart table.preisberechnung tbody tr a.duplicate img,
#cart table.preisberechnung tbody tr a.edit img {
  display: none;
}
#cart table.preisberechnung tbody tr a.delete span,
#cart table.preisberechnung tbody tr a.change span,
#cart table.preisberechnung tbody tr a.duplicate span,
#cart table.preisberechnung tbody tr a.edit span {
  font-weight: normal;
  color: #707980;
  border: none;
  padding-top: 0;
  margin-top: 6px;
  margin-bottom: 6px;
}
#cart table.preisberechnung tbody tr a.delete span::before,
#cart table.preisberechnung tbody tr a.change span::before,
#cart table.preisberechnung tbody tr a.duplicate span::before,
#cart table.preisberechnung tbody tr a.edit span::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #a6aaad;
  position: relative;
  top: 7px;
  left: -2px;
  margin-right: 2px;
}
@media screen and (max-width: 500px) {
  #cart table.preisberechnung tbody tr a.delete span::before,
  #cart table.preisberechnung tbody tr a.change span::before,
  #cart table.preisberechnung tbody tr a.duplicate span::before,
  #cart table.preisberechnung tbody tr a.edit span::before {
    content: none;
    width: unset;
    top: 7px !important;
  }
}
#cart table.preisberechnung tbody tr a.delete:hover,
#cart table.preisberechnung tbody tr a.change:hover,
#cart table.preisberechnung tbody tr a.duplicate:hover,
#cart table.preisberechnung tbody tr a.edit:hover {
  text-decoration: none;
}
#cart table.preisberechnung tbody tr a.delete:hover span,
#cart table.preisberechnung tbody tr a.change:hover span,
#cart table.preisberechnung tbody tr a.duplicate:hover span,
#cart table.preisberechnung tbody tr a.edit:hover span {
  color: #fa2258;
}
#cart table.preisberechnung tbody tr a.delete:hover span::before,
#cart table.preisberechnung tbody tr a.change:hover span::before,
#cart table.preisberechnung tbody tr a.duplicate:hover span::before,
#cart table.preisberechnung tbody tr a.edit:hover span::before {
  color: #707980;
}
#cart table.preisberechnung tbody tr a.delete i.icon.delete {
  display: none;
}
#cart table.preisberechnung tbody tr a.delete span {
  margin-bottom: 0;
}
#cart table.preisberechnung tbody tr a.delete span::before {
  content: "remove_shopping_cart";
}
#cart table.preisberechnung tbody tr a.delete span::after {
  content: "";
}
#cart table.preisberechnung tbody tr a.delete span::before {
  top: 5px;
}
#cart table.preisberechnung tbody tr a.delete:hover span {
  color: rgb(250, 90, 90);
}
#cart table.preisberechnung tbody tr a.change img + span::before {
  content: "list_alt";
}
#cart table.preisberechnung tbody tr a.change img + span::after {
  content: "";
}
#cart table.preisberechnung tbody tr a.duplicate img + span::before {
  content: "bookmark_add";
}
#cart table.preisberechnung tbody tr a.duplicate img + span::after {
  content: "";
}
#cart table.preisberechnung tbody tr a.edit img[src*="upload.svg"] + span::before {
  content: "file_upload";
}
#cart table.preisberechnung tbody tr a.edit img[src*="upload.svg"] + span::after {
  content: "";
}
#cart table.preisberechnung tbody tr a.edit img[src*="exists.svg"] + span::before {
  content: "check_circle";
}
#cart table.preisberechnung tbody tr a.edit img[src*="exists.svg"] + span::after {
  content: "";
}
#cart table.preisberechnung tbody tr a + a:last-of-type span {
  margin-bottom: 24px;
}
#cart table.preisberechnung tbody tr:nth-last-child(6):not(#total_netto) td {
  color: #fa2258;
  text-transform: uppercase;
  padding-bottom: 24px;
}
#cart table.preisberechnung tbody tr#total_netto td:last-child, #cart table.preisberechnung tbody tr#total_shipping td:last-child, #cart table.preisberechnung tbody tr#total_options td:last-child, #cart table.preisberechnung tbody tr#total_vat td:last-child, #cart table.preisberechnung tbody tr#total_price td:last-child {
  color: #fa2258;
}
#cart table.preisberechnung tbody tr#total_netto td:first-child {
  color: inherit;
}
#cart table.preisberechnung tbody tr#total_vat td {
  padding-bottom: 16px;
}
#cart table.preisberechnung tbody tr#total_price {
  border-bottom: 1px solid #e6e6e6;
}
#cart table.preisberechnung tbody tr#total_price td:last-child strong {
  color: #fa2258 !important;
  font-size: 18px !important;
}

#cart table.preisberechnung tbody tr.product_calculation > td,
#cart table.preisberechnung tbody tr.product_calculation > td h3 {
  font-weight: bold;
}

#cart table.preisberechnung tbody tr.product_options > td strong {
  color: dimgray;
}

#cart table.preisberechnung tbody tr.product_calculation + tr td {
  padding-top: 6px;
}

#cart table.preisberechnung tbody tr:not(.product_calculation) > td[style*="font-weight: bold"]:first-child {
  display: flex;
  font-weight: unset !important;
  font-size: 13px;
}
#cart table.preisberechnung tbody tr:not(.product_calculation) > td[style*="font-weight: bold"]:first-child::before {
  content: "•";
  color: #a6aaad;
  font-weight: bold;
  margin: 0 8px 0 4px;
}

#cart table.preisberechnung tbody tr:not(.product_calculation) > td {
  line-height: 14px;
  font-size: 13px;
}

#cart table.preisberechnung tbody tr:not(.product_calculation) > td:nth-child(n+2) {
  font-weight: bold !important;
}

#cart tr[id^=total] td {
  font-size: 14px !important;
}

#cart #total_netto td,
#cart #total_coupon td {
  padding-right: 4px;
}

#cart #total_price {
  border-top: 2px solid #fa2258;
  padding: unset;
}

#cart #total_price td {
  font-weight: bold !important;
  font-size: 16px !important;
  line-height: 24px;
}

#cart_first table.preisberechnung {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}

#cart table.preisberechnung .coupon_input,
#cart_third table.preisberechnung .coupon_input {
  width: 300px;
}
#cart table.preisberechnung button.coupon,
#cart_third table.preisberechnung button.coupon {
  background: #fa2258 !important;
}
#cart table.preisberechnung button.coupon::before,
#cart_third table.preisberechnung button.coupon::before {
  content: "add_task";
}
#cart table.preisberechnung button.coupon::after,
#cart_third table.preisberechnung button.coupon::after {
  content: "";
}
#cart table.preisberechnung button.coupon::before,
#cart_third table.preisberechnung button.coupon::before {
  left: 0;
  top: 6px;
  color: #ffffff !important;
}
#cart table.preisberechnung button.coupon:hover::before,
#cart_third table.preisberechnung button.coupon:hover::before {
  color: #354149 !important;
}
#cart table.preisberechnung button.coupon i,
#cart_third table.preisberechnung button.coupon i {
  display: none;
}
#cart .actionbar a.back,
#cart_third .actionbar a.back {
  color: #ffffff !important;
  background: #29aee8 !important;
  width: unset;
  padding: 0 30px;
}
#cart .actionbar a.back::before,
#cart_third .actionbar a.back::before {
  color: inherit !important;
}
#cart .actionbar a.back:hover,
#cart_third .actionbar a.back:hover {
  background: #57bfed !important;
}
#cart .actionbar a.back:hover::before,
#cart_third .actionbar a.back:hover::before {
  color: #354149 !important;
}
#cart .actionbar a.back::before,
#cart_third .actionbar a.back::before {
  content: "arrow_back";
}
#cart .actionbar a.back::after,
#cart_third .actionbar a.back::after {
  content: "";
}
#cart .actionbar a.pull-right,
#cart_third .actionbar a.pull-right {
  margin-left: 16px !important;
  color: #ffffff !important;
  background: #fa2258 !important;
}
#cart .actionbar a.pull-right::before,
#cart_third .actionbar a.pull-right::before {
  color: inherit !important;
}
#cart .actionbar a.pull-right:hover,
#cart_third .actionbar a.pull-right:hover {
  background: #fb547e !important;
}
#cart .actionbar a.pull-right:hover::before,
#cart_third .actionbar a.pull-right:hover::before {
  color: #354149 !important;
}
#cart .actionbar a.pull-right::before,
#cart_third .actionbar a.pull-right::before {
  content: "article";
}
#cart .actionbar a.pull-right::after,
#cart_third .actionbar a.pull-right::after {
  content: "";
}
@media screen and (max-width: 799px) {
  #cart .actionbar a.pull-right,
  #cart_third .actionbar a.pull-right {
    display: none;
  }
}
#cart .actionbar button[name=moveNext],
#cart_third .actionbar button[name=moveNext] {
  width: unset;
  padding: 0 40px;
}
#cart .actionbar button[name=moveNext]::before,
#cart_third .actionbar button[name=moveNext]::before {
  content: "double_arrow";
}
#cart .actionbar button[name=moveNext]::after,
#cart_third .actionbar button[name=moveNext]::after {
  content: "";
}
@media screen and (max-width: 799px) {
  #cart .actionbar a,
  #cart .actionbar button,
  #cart_third .actionbar a,
  #cart_third .actionbar button {
    width: 100% !important;
  }
}

#cart_second #formular {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#cart_second #formular p.hint {
  width: 100%;
}
#cart_second #formular .col_middle,
#cart_second #formular .col_left,
#cart_second #formular .col_right {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  background: #ffffff;
  padding: 25px;
  margin: 0 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#cart_second #formular .col_middle .content,
#cart_second #formular .col_left .content {
  margin-bottom: 33px;
}
#cart_second #formular .col_middle h3::before {
  content: "next_plan";
}
#cart_second #formular .col_middle h3::after {
  content: "";
}
#cart_second #formular .col_left h3::before {
  content: "face";
}
#cart_second #formular .col_left h3::after {
  content: "";
}
#cart_second #formular .col_right input,
#cart_second #formular .col_right a {
  float: unset !important;
  width: 100% !important;
}
#cart_second #formular .col_right h3::before {
  content: "account_circle";
}
#cart_second #formular .col_right h3::after {
  content: "";
}
#cart_second #formular h3 {
  width: 100%;
  font-weight: bold;
  text-align: center;
  min-height: 56px;
}
#cart_second #formular h3::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  display: block !important;
  margin-bottom: 6px;
  font-size: 36px !important;
}
#cart_second #formular hr {
  display: none;
}
#cart_second #formular .btn {
  margin-top: 16px;
}
#cart_second #formular div.clr {
  display: none;
}
#cart_second #addressBookModal {
  color: #ffffff !important;
  background: #29aee8 !important;
  border: none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: 500;
  padding: 2px 20px 4px 24px;
  height: 40px;
}
#cart_second #addressBookModal.active {
  transition: all 0.1s;
  animation: none;
}
#cart_second #addressBookModal.active .anim.loading {
  background-color: transparent;
  border-top-color: #585f65;
  border-left-color: #4c5257;
  border-bottom-color: #40464a;
  border-right-color: #35393c;
}
#cart_second #addressBookModal::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
  left: -8px;
  color: #ffffff !important;
}
#cart_second #addressBookModal:hover {
  background: #fb547e !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
}
#cart_second #addressBookModal:hover::before {
  color: #354149 !important;
}
#cart_second #addressBookModal:hover:active {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);
}
#cart_second #addressBookModal:disabled, #cart_second #addressBookModal:hover:disabled {
  transition: none;
  background: #a6aaad !important;
  cursor: default;
  text-shadow: none;
}
#cart_second #addressBookModal:disabled::before, #cart_second #addressBookModal:hover:disabled::before {
  color: #ffffff !important;
}
#cart_second #addressBookModal:disabled:active, #cart_second #addressBookModal:hover:disabled:active {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
#cart_second #addressBookModal::before {
  content: "import_contacts";
}
#cart_second #addressBookModal::after {
  content: "";
}

#cart_registration article:first-of-type {
  background: none;
  margin: 0;
}
#cart_registration article:first-of-type button.btn {
  color: #ffffff !important;
  background: #fa2258 !important;
}
#cart_registration article:first-of-type button.btn::before {
  color: inherit !important;
}
#cart_registration article:first-of-type button.btn:hover {
  background: #fb547e !important;
}
#cart_registration article:first-of-type button.btn:hover::before {
  color: #354149 !important;
}
#cart_registration article:first-of-type button.btn::before {
  content: "arrow_back";
}
#cart_registration article:first-of-type button.btn::after {
  content: "";
}
#cart_registration article:nth-of-type(2),
#cart_registration #registration > article {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}
#cart_registration article:nth-of-type(2) h1,
#cart_registration #registration > article h1 {
  margin-left: 185px;
}
@media screen and (max-width: 592px) {
  #cart_registration article:nth-of-type(2) h1,
  #cart_registration #registration > article h1 {
    margin-left: 0;
    text-align: center;
    width: 100%;
  }
}
#cart_registration article:nth-of-type(2) hr,
#cart_registration #registration > article hr {
  display: none;
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type,
#cart_registration #registration > article > fieldset:last-of-type {
  padding: 0 12px;
  color: #ffffff !important;
  background: #fa2258 !important;
  border: none;
  border-radius: 2px;
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type span,
#cart_registration article:nth-of-type(2) > fieldset:last-of-type label,
#cart_registration #registration > article > fieldset:last-of-type span,
#cart_registration #registration > article > fieldset:last-of-type label {
  color: inherit;
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type a,
#cart_registration #registration > article > fieldset:last-of-type a {
  color: inherit !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type a::before,
#cart_registration #registration > article > fieldset:last-of-type a::before {
  content: "launch";
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type a::after,
#cart_registration #registration > article > fieldset:last-of-type a::after {
  content: "";
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type a::before,
#cart_registration #registration > article > fieldset:last-of-type a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 110%;
  margin-left: 2px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type a:hover,
#cart_registration #registration > article > fieldset:last-of-type a:hover {
  color: #354149 !important;
}
#cart_registration article:nth-of-type(2) > fieldset:last-of-type label,
#cart_registration #registration > article > fieldset:last-of-type label {
  width: 24px;
}
#cart_registration #registration > article {
  background: #ffffff;
  margin-bottom: 30px;
}
#cart_registration .actionbar p {
  margin-left: 16px;
}
#cart_registration #divergent_address {
  margin-top: 30px;
}
#cart_registration .deviateEmailAddressForInvoiceHint {
  font-size: unset;
}

@media screen and (min-width: 800px) {
  #cart_registration .form_billing-address.cf ~ fieldset {
    margin-left: 185px;
  }
}
#cart_third #cart {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}
#cart_third div.col_left,
#cart_third div.col_right {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  padding: 12px;
  min-height: 187px;
}
#cart_third div.col_left p,
#cart_third div.col_right p {
  margin-bottom: 12px;
  font-weight: 500;
}
#cart_third div.col_left hr,
#cart_third div.col_right hr {
  margin: 12px 0;
}
#cart_third div.col_left i.icon,
#cart_third div.col_right i.icon {
  display: inline !important;
  position: relative !important;
  top: 6px !important;
  left: 0 !important;
  color: #29aee8;
  font-weight: bold;
  margin-right: 8px;
}
#cart_third div.col_left i.icon::before,
#cart_third div.col_right i.icon::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px !important;
  position: relative;
  top: -4px;
}
#cart_third div.col_left i.icon.payment_address::before,
#cart_third div.col_right i.icon.payment_address::before {
  content: "domain";
}
#cart_third div.col_left i.icon.payment_address::after,
#cart_third div.col_right i.icon.payment_address::after {
  content: "";
}
#cart_third div.col_left i.icon.divergent_address::before,
#cart_third div.col_right i.icon.divergent_address::before {
  content: "directions";
}
#cart_third div.col_left i.icon.divergent_address::after,
#cart_third div.col_right i.icon.divergent_address::after {
  content: "";
}
#cart_third div.col_left i.icon.payment::before,
#cart_third div.col_right i.icon.payment::before {
  content: "account_balance";
}
#cart_third div.col_left i.icon.payment::after,
#cart_third div.col_right i.icon.payment::after {
  content: "";
}
#cart_third .btn.edit {
  color: #ffffff !important;
  background: #fa2258 !important;
  height: 40px;
  top: 6px;
  right: 12px;
  padding: 2px 35px;
  font-size: 16px;
  font-weight: normal;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none;
}
#cart_third .btn.edit::before {
  color: inherit !important;
}
#cart_third .btn.edit:hover {
  background: #fb547e !important;
}
#cart_third .btn.edit:hover::before {
  color: #354149 !important;
}
#cart_third .btn.edit::before {
  content: "notes";
}
#cart_third .btn.edit::after {
  content: "";
}
#cart_third .btn.edit::before {
  top: 6px;
}
#cart_third .btn.edit:hover {
  color: #ffffff !important;
  background: #fb547e !important;
}
#cart_third .btn.edit:hover::before {
  color: #ffffff !important;
}
#cart_third strong {
  display: inline;
  margin-left: 0;
}
#cart_third #cart_second_addresscheck {
  display: flex;
  flex-direction: column;
}
#cart_third #cart_second_addresscheck .col_left,
#cart_third #cart_second_addresscheck .col_right {
  flex: 1;
}
#cart_third #cart_third_delivery {
  display: none;
}
#cart_third div[name~=bezahlung] label {
  margin-bottom: 2px;
  text-align: left;
}
#cart_third div[name~=bezahlung] label span {
  padding-left: 16px;
  font-weight: bold;
}
#cart_third div[name~=bezahlung] .customPaymentInput + label::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}
#cart_third div[name~=bezahlung] .customPaymentInput:checked + label::after {
  content: "task_alt";
}
#cart_third div[name~=bezahlung] .customPaymentInput:checked + label::after {
  background: none;
  color: #fa2258;
  top: 6px;
  font-size: 28px;
  border: none;
}
#cart_third #cart_third_payment div.col_right button {
  margin-left: 140px;
}
#cart_third #cart_third_payment div.col_right #payment {
  display: none;
}
#cart_third #cart_third_payment div.col_right > fieldset:not(:first-of-type) {
  display: none;
}
#cart_third #cart_third_payment div.col_right #wirecard_46,
#cart_third #cart_third_payment div.col_right .wirecard_46 {
  display: none;
}
#cart_third #special .hint.message.success {
  color: #29aee8;
}
#cart_third .customPaymentInput:checked + label > span {
  color: #fa2258;
}
#cart_third .customPaymentInput + label:hover > span {
  color: #fa2258;
}
#cart_third #cart_third_agb {
  margin: 0 10px 25px;
}
#cart_third #cart_third_agb fieldset {
  padding: 0 12px;
  color: #ffffff !important;
  background: #fa2258 !important;
  border: none;
  border-radius: 2px;
}
#cart_third #cart_third_agb fieldset span,
#cart_third #cart_third_agb fieldset label {
  color: inherit;
}
#cart_third #cart_third_agb fieldset a {
  color: inherit !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
#cart_third #cart_third_agb fieldset a::before {
  content: "launch";
}
#cart_third #cart_third_agb fieldset a::after {
  content: "";
}
#cart_third #cart_third_agb fieldset a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 110%;
  margin-left: 2px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
#cart_third #cart_third_agb fieldset a:hover {
  color: #354149 !important;
}
#cart_third #cart_third_agb label {
  width: 30px;
}
#cart_third .btn.show_crefo_pay::before {
  content: "payment";
}
#cart_third .btn.show_crefo_pay::after {
  content: "";
}
#cart_third .hint.error ~ #cart #cart_third_agb fieldset {
  background: rgb(250, 90, 90) !important;
}
#cart_third button[name=cmd_bestellung] {
  width: unset;
  padding: 0 40px;
  margin-right: 30px !important;
  margin-bottom: 30px;
}
#cart_third button[name=cmd_bestellung]::before {
  content: "done_all";
}
#cart_third button[name=cmd_bestellung]::after {
  content: "";
}

@supports (display: grid) {
  #cart_third:not(.cartOffer) #formular {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "hint hint" "adr pay" "cart cart";
    gap: 24px 16px;
  }
  #cart_third:not(.cartOffer) #formular .hint {
    grid-area: hint;
  }
  #cart_third:not(.cartOffer) #formular div.col_left,
  #cart_third:not(.cartOffer) #formular div.col_right {
    width: 100%;
    min-height: 180px;
    display: grid;
    grid-template-columns: 42px 60% auto;
    grid-template-rows: 30px 20px auto;
    grid-template-areas: "icon title btn" ". hr hr" ". data data";
    align-items: center;
  }
  #cart_third:not(.cartOffer) #formular div.col_left strong,
  #cart_third:not(.cartOffer) #formular div.col_right strong {
    grid-area: title;
  }
  #cart_third:not(.cartOffer) #formular div.col_left hr,
  #cart_third:not(.cartOffer) #formular div.col_right hr {
    grid-area: hr;
    margin: 8px 0;
  }
  #cart_third:not(.cartOffer) #formular div.col_left address,
  #cart_third:not(.cartOffer) #formular div.col_left fieldset,
  #cart_third:not(.cartOffer) #formular div.col_right address,
  #cart_third:not(.cartOffer) #formular div.col_right fieldset {
    grid-area: data;
  }
  #cart_third:not(.cartOffer) #formular div.col_left {
    min-height: 180px;
  }
  #cart_third:not(.cartOffer) #formular #cart_second_addresscheck {
    grid-area: adr;
  }
  #cart_third:not(.cartOffer) #formular #cart_third_delivery {
    display: none;
  }
  #cart_third:not(.cartOffer) #formular #cart_third_payment {
    grid-area: pay;
  }
  #cart_third:not(.cartOffer) #formular #cart_third_payment .col_right {
    height: 100%;
  }
  #cart_third:not(.cartOffer) #formular #cart_third_payment .col_right fieldset {
    align-self: self-start;
  }
  #cart_third:not(.cartOffer) #formular #cart_third_payment .crefopayDetails img {
    width: unset;
    max-width: 100%;
    margin: 0 auto;
  }
  #cart_third:not(.cartOffer) #formular #cart_third_payment .crefopayDetails .btn:not(.show_crefo_pay) {
    background: #a6aaad !important;
  }
  #cart_third:not(.cartOffer) #formular #cart_third_payment .crefopayDetails .btn:not(.show_crefo_pay)::before {
    content: "change_circle";
  }
  #cart_third:not(.cartOffer) #formular #cart_third_payment .crefopayDetails .btn:not(.show_crefo_pay)::after {
    content: "";
  }
  #cart_third:not(.cartOffer) #formular #cart {
    grid-area: cart;
  }
  #cart_third:not(.cartOffer) #formular div.col_left {
    margin: 0 0 8px !important;
  }
  #cart_third:not(.cartOffer) #formular div.col_right {
    margin: 0 !important;
  }
  @media screen and (max-width: 1023px) {
    #cart_third:not(.cartOffer) #formular {
      grid-template-areas: "hint hint" "adr adr" "pay pay" "cart cart";
    }
  }
}
#cart_third.cartOffer h1 {
  text-align: center;
}
#cart_third.cartOffer #cart {
  margin-bottom: 20px;
}
#cart_third.cartOffer .info_msg {
  padding: 0 12px;
  color: #ffffff !important;
  background: #fa2258 !important;
  border: none;
  border-radius: 2px;
  color: #fa2258;
  background: #ffffff;
  text-align: center;
  padding: 10px;
}
#cart_third.cartOffer .info_msg span,
#cart_third.cartOffer .info_msg label {
  color: inherit;
}
#cart_third.cartOffer .info_msg a {
  color: inherit !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
#cart_third.cartOffer .info_msg a::before {
  content: "launch";
}
#cart_third.cartOffer .info_msg a::after {
  content: "";
}
#cart_third.cartOffer .info_msg a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 110%;
  margin-left: 2px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
#cart_third.cartOffer .info_msg a:hover {
  color: #354149 !important;
}

form.searchOffer {
  display: block;
}

#page > #modal-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#page > #modal-text iframe {
  width: 500px;
}

#contact form article {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}
#contact h1 {
  text-align: center;
}
#contact button[type=submit]::before {
  content: "drafts";
}
#contact button[type=submit]::after {
  content: "";
}
#contact button[type=submit]:hover::before {
  content: "mail";
}
#contact button[type=submit]:hover::after {
  content: "";
}
#contact p:last-of-type {
  text-align: center;
  margin: 16px 0 0;
}
#contact a[href="/index.htm"] {
  margin: 32px;
  padding: 0 32px;
}
#contact a[href="/index.htm"]::before {
  content: "home";
}
#contact a[href="/index.htm"]::after {
  content: "";
}

#pw_lost {
  background: #f7f7f7;
}
#pw_lost form {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  background: white;
  padding: 30px;
}
#pw_lost form h1,
#pw_lost form p {
  text-align: center;
}
#pw_lost form label {
  width: 300px;
}
@media screen and (max-width: 600px) {
  #pw_lost form label {
    width: 100%;
  }
}
#pw_lost form .btn {
  margin-left: 300px !important;
}
@media screen and (max-width: 768px) {
  #pw_lost form .btn {
    margin-left: 0 !important;
    width: 100%;
  }
}

#address #username,
#address article {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  padding: 20px;
}
#address hr {
  display: none;
}
#address h1,
#address h3,
#address h4 {
  display: block;
  width: 100%;
  text-align: center;
}
#address h1 {
  margin: 10px 0 30px;
}
#address h3,
#address h4 {
  font-size: 18px;
  font-weight: bold;
}
#address h3::after,
#address h4::after {
  content: none;
}
#address button::before {
  content: "inventory";
}
#address button::after {
  content: "";
}
#address #usernameFormular button {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
#address form:not(#formular) article {
  float: unset;
  margin: 0 auto;
}
#address form:not(#formular) article button::before {
  content: "login";
}
#address form:not(#formular) article button::after {
  content: "";
}
@media screen and (max-width: 1280px) {
  #address .btn {
    margin-left: 0 !important;
  }
}

#account_tracking > .wrp > h1 {
  text-align: center;
}
#account_tracking .col_left,
#account_tracking .col_right {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  padding: 20px;
}
#account_tracking form#tracking_search .col_left,
#account_tracking form#tracking_search .col_right {
  font-weight: 500;
}
#account_tracking form#tracking_search button[name=cmd_calc] {
  color: #ffffff !important;
  background: #fa2258 !important;
  margin-left: 8px;
}
#account_tracking form#tracking_search button[name=cmd_calc]::before {
  color: inherit !important;
}
#account_tracking form#tracking_search button[name=cmd_calc]:hover {
  background: #fb547e !important;
}
#account_tracking form#tracking_search button[name=cmd_calc]:hover::before {
  color: #354149 !important;
}
#account_tracking form#tracking_search button[name=cmd_calc]::before {
  content: "search";
}
#account_tracking form#tracking_search button[name=cmd_calc]::after {
  content: "";
}
#account_tracking form#tracking_search button[name=cmd_calc]::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  width: unset;
  position: relative;
  top: -2px;
  left: -3px;
  text-indent: 0;
  display: block;
}
#account_tracking form#tracking_search .buttonWrapper button {
  color: #ffffff !important;
  background: #fa2258 !important;
}
#account_tracking form#tracking_search .buttonWrapper button::before {
  color: inherit !important;
}
#account_tracking form#tracking_search .buttonWrapper button:hover {
  background: #fb547e !important;
}
#account_tracking form#tracking_search .buttonWrapper button:hover::before {
  color: #354149 !important;
}
#account_tracking form#tracking_search section {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  color: #fa2258;
  background: #ffffff;
  font-weight: 500;
  padding: 20px;
}
#account_tracking form#tracking_search section h2 {
  font-size: 18px;
  color: #fa2258;
  width: 100%;
  margin: 10px 0 30px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
#account_tracking form#tracking_search section h2::after {
  display: none;
}
#account_tracking form#tracking_search section hr {
  position: relative;
  top: -50px;
  border: 1px solid #fa2258;
}
#account_tracking form#tracking_search section hr:first-of-type {
  display: none;
}
#account_tracking form#tracking_search section a {
  margin-bottom: 30px;
}
#account_tracking form#tracking_search section a:last-child {
  margin-bottom: 8px;
}
#account_tracking form#tracking_search section .btn {
  padding: 0 40px;
}
#account_tracking form#tracking_search section .btn::before {
  content: "receipt_long";
}
#account_tracking form#tracking_search section .btn::after {
  content: "";
}
#account_tracking form[name=form1] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(450px, 100%), 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
#account_tracking form[name=form1] #msg_box {
  grid-column: 1/-1;
  color: #ffffff;
  background-color: rgb(250, 90, 90);
  padding: 16px;
}
#account_tracking form[name=form1] #msg_box strong {
  color: inherit;
}
#account_tracking form[name=form1] #msg_box br {
  display: none;
}
#account_tracking form[name=form1] .col_left,
#account_tracking form[name=form1] .col_right {
  width: 100%;
  margin: 0;
}
#account_tracking form[name=form1] h1 {
  color: #fa2258;
  font-weight: 500;
  margin-top: 0;
  margin-left: 6px;
}
#account_tracking form[name=form1] hr {
  display: none;
}
#account_tracking form[name=form1] strong {
  display: block;
  margin-bottom: 16px;
  margin-left: 6px;
}
#account_tracking form[name=form1] table:not(:last-of-type) {
  margin-bottom: 16px;
}
#account_tracking form[name=form1] table tr td {
  font-weight: 500;
  padding: 2px 6px;
}
@media (max-width: 600px) {
  #account_tracking form[name=form1] table tr td {
    display: block;
    width: 100%;
  }
}
#account_tracking form[name=form1] table tr:hover td {
  color: #29aee8;
}
#account_tracking form[name=form1] table tr:nth-child(even) {
  background: #f9f9f9;
}
#account_tracking form[name=form1] #tracking_total_block {
  margin-left: 6px;
}
#account_tracking form[name=form1] #tracking_total_block li {
  font-size: 14px;
  font-weight: 500;
}
#account_tracking form[name=form1] #tracking_total_block li:nth-child(even) {
  background: #f9f9f9;
}
#account_tracking form[name=form1] #tracking_total_block .total_value {
  color: #fa2258;
  font-weight: bold;
}
#account_tracking form[name=form1] #tracking_total_block .total_value mark {
  color: #ffffff;
  background: #29aee8;
  padding: 0 4px;
}
#account_tracking form[name=form1] a {
  color: #ffffff !important;
  background: #fa2258 !important;
  width: 100% !important;
  margin-bottom: 8px;
  text-align: left;
}
#account_tracking form[name=form1] a::before {
  color: inherit !important;
}
#account_tracking form[name=form1] a:hover {
  background: #fb547e !important;
}
#account_tracking form[name=form1] a:hover::before {
  color: #354149 !important;
}
#account_tracking form[name=form1] a::before {
  margin: 0 10px 0 20px;
}
#account_tracking form[name=form1] a[href$="konto_tracking.htm"]::before {
  content: "arrow_back";
}
#account_tracking form[name=form1] a[href$="konto_tracking.htm"]::after {
  content: "";
}
#account_tracking form[name=form1] a[href*="auftrag_rechnung.htm"]::before {
  content: "text_snippet";
}
#account_tracking form[name=form1] a[href*="auftrag_rechnung.htm"]::after {
  content: "";
}
#account_tracking form[name=form1] a[href*=doReorder]::before {
  content: "flare";
}
#account_tracking form[name=form1] a[href*=doReorder]::after {
  content: "";
}
#account_tracking form[name=form1] a[href*=withFiles]::before {
  content: "published_with_changes";
}
#account_tracking form[name=form1] a[href*=withFiles]::after {
  content: "";
}
#account_tracking form[name=form1] .clr {
  display: none;
}
#account_tracking form[name=form1] > br {
  display: none;
}
#account_tracking form[name=form1] a.pink {
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  line-height: 32px;
  padding: 3px 12px;
  font-size: 18px;
  text-align: center;
  background: #29aee8 !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
#account_tracking form[name=form1] a.pink::before {
  content: "perm_media";
}
#account_tracking form[name=form1] a.pink::after {
  content: "";
}
#account_tracking form[name=form1] a.pink::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
  margin-left: 0;
}
#account_tracking form[name=form1] a.pink:hover {
  background: #fb547e !important;
  text-decoration: none;
}
#account_tracking form[name=form1] input[name=ablehnen] {
  color: #ffffff !important;
  background: #fa2258 !important;
}
#account_tracking form[name=form1] input[name=ablehnen]::before {
  color: inherit !important;
}
#account_tracking form[name=form1] input[name=ablehnen]:hover {
  background: #fb547e !important;
}
#account_tracking form[name=form1] input[name=ablehnen]:hover::before {
  color: #354149 !important;
}
#account_tracking form[action="/kundenfreigabe.htm"] .col_right table tr {
  background: none;
}

#formular[action="/adresse.htm"] > article {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}

#order_sample #druckmuster {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1vw;
  align-items: self-start;
}
@media (max-width: 1023px) {
  #order_sample #druckmuster {
    grid-template-columns: 1fr;
  }
}
#order_sample article,
#order_sample #sidebar {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  width: unset;
  margin: 0;
}
#order_sample h1,
#order_sample h2 {
  text-align: center !important;
  color: #29aee8;
  font-size: 18px;
  width: 100%;
  margin: 20px 0;
  font-weight: bold;
}
#order_sample h1::before,
#order_sample h2::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
  margin-right: 5px;
}
#order_sample h1::before {
  content: "home";
}
#order_sample h1::after {
  content: "";
}
#order_sample h2::before {
  content: "loyalty";
}
#order_sample h2::after {
  content: "";
}
#order_sample #sidebar {
  padding: 20px 30px;
}
#order_sample #sidebar .hint.message {
  margin-top: 25px;
}
#order_sample #sidebar input:not([name=captcha_code]) {
  width: 18px !important;
  height: 18px !important;
  margin: 7px 8px 0 0 !important;
}
#order_sample #sidebar fieldset {
  line-height: 30px;
  margin: 0;
  cursor: default;
}
#order_sample #sidebar fieldset:hover {
  color: #fa2258;
}
#order_sample #sidebar hr ~ fieldset {
  margin-bottom: 8px;
}
#order_sample #sidebar textarea {
  height: 100px;
}
#order_sample #sidebar label {
  width: 100px;
}
#order_sample #sidebar input[name=captcha_code] {
  width: 50% !important;
}
#order_sample #sidebar #captcha {
  margin-left: 100px;
}
#order_sample #sidebar #captcha ~ a {
  float: left;
}
#order_sample #sidebar hr + fieldset + fieldset + fieldset {
  padding: 0 12px;
  color: #ffffff !important;
  background: #fa2258 !important;
  border: none;
  border-radius: 2px;
}
#order_sample #sidebar hr + fieldset + fieldset + fieldset span,
#order_sample #sidebar hr + fieldset + fieldset + fieldset label {
  color: inherit;
}
#order_sample #sidebar hr + fieldset + fieldset + fieldset a {
  color: inherit !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
#order_sample #sidebar hr + fieldset + fieldset + fieldset a::before {
  content: "launch";
}
#order_sample #sidebar hr + fieldset + fieldset + fieldset a::after {
  content: "";
}
#order_sample #sidebar hr + fieldset + fieldset + fieldset a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 110%;
  margin-left: 2px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
#order_sample #sidebar hr + fieldset + fieldset + fieldset a:hover {
  color: #354149 !important;
}
#order_sample #sidebar label[for=datenschutz] {
  width: 90% !important;
  text-align: left;
  line-height: 30px;
}
#order_sample #sidebar button::before {
  content: "thumb_up";
}
#order_sample #sidebar button::after {
  content: "";
}

.product-listing .content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5vmax;
}
.product-listing .content .card {
  width: 100%;
  height: 220px;
  margin: 0;
}
.product-listing .content .card:hover {
  box-shadow: none;
}
.product-listing .content .card figure {
  height: 100%;
}
.product-listing .content .card figure:hover strong {
  color: #fa2258;
}
.product-listing .content .card picture {
  height: 100%;
}
.product-listing .content .card img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-listing .content .card figcaption {
  padding: 0;
  bottom: -50px;
}
.product-listing .content .card figcaption strong {
  font-weight: 500 !important;
  background: rgba(255, 255, 255, 0.6) !important;
}

form#popup_recommend h1 {
  text-align: center;
  font-size: 16px !important;
}
form#popup_recommend label {
  white-space: pre;
  text-align: right;
  float: left;
  width: 145px;
  padding-right: 17px;
  box-sizing: border-box;
  line-height: 40px;
}
form#popup_recommend input,
form#popup_recommend textarea {
  width: 350px;
}
form#popup_recommend textarea[name=mitteilung] {
  height: 120px;
}
form#popup_recommend fieldset:last-of-type {
  padding: 0 12px;
  color: #ffffff !important;
  background: #fa2258 !important;
  border: none;
  border-radius: 2px;
  margin-left: 145px;
  margin-top: 16px;
  margin-bottom: 16px;
  width: -moz-fit-content;
  width: fit-content;
}
form#popup_recommend fieldset:last-of-type span,
form#popup_recommend fieldset:last-of-type label {
  color: inherit;
}
form#popup_recommend fieldset:last-of-type a {
  color: inherit !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
form#popup_recommend fieldset:last-of-type a::before {
  content: "launch";
}
form#popup_recommend fieldset:last-of-type a::after {
  content: "";
}
form#popup_recommend fieldset:last-of-type a::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 110%;
  margin-left: 2px;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
form#popup_recommend fieldset:last-of-type a:hover {
  color: #354149 !important;
}
form#popup_recommend fieldset:last-of-type label {
  width: unset;
}
form#popup_recommend p {
  margin-left: 145px;
  width: 350px;
}
form#popup_recommend button {
  height: 36px;
  width: calc(100vw - 35px);
  line-height: 1;
}
form#popup_recommend button::before {
  content: "" !important;
}

/* faq */
.faq h2 {
  text-align: center;
}
.faq > section {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0;
}
.faq > section:not(:last-child) {
  border-bottom: 1px solid silver;
}
.faq p {
  margin: 6px 0;
}
.faq .faq-question {
  width: 25%;
  margin-right: 3vmin;
  font-weight: bold;
}
.faq .faq-answer {
  flex: 1;
  text-align: justify;
}
@media screen and (max-width: 799px) {
  .faq section {
    display: block;
  }
  .faq section .faq-question {
    width: 100%;
  }
}

.btn,
.btn.success,
.btn.back,
.btn.btn-alt,
#cart_registration .btn.success,
#visual_calculation .contentwrapper.right button {
  /* background: #f69c1c !important; */
  /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); */
  background: #0dc107 !important;
}
.btn:hover,
.btn.success:hover,
.btn.back:hover,
.btn.btn-alt:hover,
#cart_registration .btn.success:hover,
#visual_calculation .contentwrapper.right button:hover {
  background: #0fda08 !important;
}

h1,
h2,
h3 {
  scroll-margin: 50px;
}

header.main #service-bar span {
  margin-right: 24px;
}
header.main #service-bar span.label_tel,
header.main #service-bar span.label_mail,
header.main #service-bar a {
  color: #29aee8;
}
header.main #service-bar span.label_tel::before,
header.main #service-bar span.label_mail::before,
header.main #service-bar span.label_opening-hours::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #707980;
  font-size: 18px;
  position: relative;
  top: 6px;
}
header.main #service-bar span.label_tel::before {
  content: "phone_in_talk";
}
header.main #service-bar span.label_tel::after {
  content: "";
}
header.main #service-bar span.label_mail::before {
  content: "mail";
}
header.main #service-bar span.label_mail::after {
  content: "";
}
header.main #service-bar span.label_mail::before {
  top: 7px;
}
header.main #service-bar span.label_opening-hours::before {
  content: "schedule";
}
header.main #service-bar span.label_opening-hours::after {
  content: "";
}
header.main #service-bar span.label_opening-hours::before {
  top: 4px;
  margin-right: 8px;
}
header.main #brand-logo img {
  margin-top: 4px;
}

@media screen and (min-width: 1024px) {
  header.main #service-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 15;
  }
  #navbar {
    position: sticky;
    top: 30px !important;
  }
  header.main {
    margin-bottom: 0;
  }
  header.main > .wrp {
    position: relative;
    top: 30px;
  }
  #navbar.sticky {
    position: sticky;
  }
}
#navbar {
  background: #7b7b7b;
}
#navbar .wrp > ul > li.menu-item-0 {
  padding-left: 10px;
}
#navbar .wrp > ul > li.menu-item-0::before {
  display: none;
}
#navbar .wrp > ul > li {
  padding: 10px 10px 10px 10px !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
}
#navbar .wrp > ul > li:hover {
  color: #fb547e !important;
  text-shadow: 0 0 1px #354149;
  color: #ffffff !important;
  text-shadow: 2px 2px 1px #fa2258;
  background: inherit !important;
}
#navbar .wrp > ul > li:hover ul {
  left: 0;
  top: 46px;
  border-radius: 0 0 4px 4px;
  background: #959595;
  overflow: hidden;
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  #navbar .wrp > ul > li:hover ul {
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: saturate(0.7) brightness(1.2) blur(12px);
            backdrop-filter: saturate(0.7) brightness(1.2) blur(12px);
    border: 1px solid #e6e6e6;
    border-top: none;
  }
}
#navbar .wrp > ul > li:hover ul > li a {
  border: none;
  font-size: 15px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
}
#navbar .wrp > ul > li:hover ul > li:last-of-type {
  border-radius: 0 0 4px 4px;
}
#navbar ul.right ul li a::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  float: right;
  position: relative;
  right: 1px;
  top: -4px;
  text-shadow: none;
}
#navbar ul.right ul li a[href*=druckdaten]::after,
#navbar ul.right ul li a[href*=dimpression]::after,
#navbar ul.right ul li a[href*=dati-di-stampa]::after {
  content: "lightbulb";
}
#navbar ul.right ul li a[href*=datencheck]::after,
#navbar ul.right ul li a[href*=verifications]::after,
#navbar ul.right ul li a[href*=controllo]::after {
  content: "done_all";
}
#navbar ul.right ul li a[href*=layout]::after {
  content: "interests";
}
#navbar ul.right ul li a[href*=fragen]::after {
  content: "help_outline";
}
#navbar ul.right ul li a[href*=muster]::after {
  content: "compare";
}
#navbar ul.right ul li a[href*="6819"]::after,
#navbar ul.right ul li a[href="/online-tutorials.htm"]::after {
  content: "draw";
}
#navbar ul.right ul li a[href*=bestellvorgang]::after,
#navbar ul.right ul li a[href*=procedura-dordine]::after {
  content: "dvr";
}
#navbar ul.right ul li a[href*=liefer] {
  border-bottom: 2px solid #29aee8 !important;
}
#navbar ul.right ul li a[href*=liefer]::after {
  content: "local_shipping";
}

#trade-blocks .flip-container a {
  background: #29aee8;
}
#trade-blocks .flip-container a.adetails {
  background: #fa2258;
}

.description {
  padding: 0;
}

.hilite {
  text-align: center;
}

.columns {
  -moz-column-rule: none;
       column-rule: none;
  -moz-column-gap: 3vmin;
       column-gap: 3vmin;
}
.columns .column-img-left,
.columns .column-img-right {
  filter: none;
}
.columns dt {
  color: #fa2258;
}
.columns section {
  background: #f9f9f9;
  padding: 1.2vmax;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1);
  margin-bottom: 3vmin;
}
.columns section > *:first-child {
  margin-top: 0;
}
.columns section > *:last-child {
  margin-bottom: 0;
}
.columns section h3 {
  color: #fa2258;
  font-weight: 500;
}

.video-responsive {
  box-sizing: border-box;
  margin-top: 3vmax;
  margin-bottom: 3vmax;
}
.video-responsive.nomargin {
  margin: 0;
}

.rte_container > .video-responsive > iframe {
  height: 484px;
}

.trade-groups {
  padding-bottom: 0;
}
.trade-groups article.product-card {
  background: none !important;
}

.product-card-container.spdesign h4 {
  color: #7b7b7b !important;
}

.product-card img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.product-card-container a {
  order: 1;
}

.trade-groups .product-card-container .product-card div,
.product-listing .product-card-container .product-card div {
  order: 3;
}

.trade-groups .product-card-container .product-card img,
.product-listing .product-card-container .product-card img {
  margin-bottom: 0 !important;
  height: 250px !important;
}

.product-card.small {
  padding-bottom: 0 !important;
}

.trade-groups article.product-card img {
  filter: none;
}

.trade-groups article.product-card {
  display: flex;
  flex-direction: column;
}

.trade-groups article.product-card h4 {
  order: 2;
}

#calculation .btnCalcOptical {
  background: #29aee8 !important;
}
#calculation section[data-groupid="408"] h2 {
  display: none;
}
#calculation #reseller_attributes section[data-groupid="0"] fieldset {
  width: 100%;
  margin-right: 0;
}
#calculation #reseller_attributes .optionWrapper:nth-last-of-type(3) fieldset {
  width: 100%;
  margin-right: 0;
}
#calculation #reseller_attributes .optionWrapper:nth-last-of-type(3) fieldset label {
  border-color: rgba(41, 174, 232, 0.5);
}
#calculation #reseller_attributes .optionWrapper:nth-last-of-type(3) fieldset label:focus-within {
  border-color: #29aee8;
}
#calculation #reseller_attributes .optionWrapper:nth-last-of-type(3) fieldset input {
  font-weight: normal !important;
}
#calculation label#label_6565, #calculation label#label_9450 {
  width: 48%;
}

#comments .remark:first-of-type {
  display: none;
}
#comments br:first-of-type {
  display: none;
}

/* Artikel-Details */
.tab_content h1 {
  /* template override */
  margin-bottom: initial;
}

.article-details-hr {
  margin: 0 0 24px;
}

.article-box-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 16px;
}

.article-detail {
  width: 23%;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr 1fr;
}

.article-detail img {
  float: left;
  margin-right: 10px;
  grid-row: span 2;
  align-self: center;
  justify-self: right;
  margin-bottom: 0;
}

.article-detail p {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}

.article-box-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.article-text {
  flex: 1;
}

.article-downloads {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 350px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2px;
  margin-left: 24px;
  background-color: #29aee8;
  border-radius: 4px;
}

.article-downloads img {
  width: 90px;
  height: 90px;
  border: 1px solid;
  border-color: #29aee8;
  border-radius: 6px;
  margin: 3px;
}

#detail_infobar_text .article-downloads {
  padding: 6px;
  margin: 0;
}

.article-big-image img {
  margin: 0 auto;
  max-width: 100%;
}

/* hybrid article details */
.article-tile-img.datencheck {
  background: url("/customers_pics/660/8d659be0fed227ffdf72e6df339a3e05.png");
}

.article-tile-img.druckdaten {
  background: url("/customers_pics/660/aeee75f75e5531b41b6e878cfbf6a97e.png");
}

#visual_calculation header .rte_container {
  display: none;
}

#visual_calculation .article-infotext,
#visual_calculation .datencheck-table {
  display: none;
}

.infopanel-big-head {
  grid-area: bighead;
  text-align: center;
  margin: 0 !important;
}

.infopanel-big-img {
  grid-area: img;
  max-width: 450px;
  justify-self: center;
}

.infopanel-big-img > img {
  width: 100%;
  margin: 0;
  border-radius: 6px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.infopanel-big-data1,
.infopanel-big-data3 {
  text-align: right;
}

.infopanel-big-data1,
.infopanel-big-data2,
.infopanel-big-data3,
.infopanel-big-data4 {
  align-self: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.infopanel-big-data1,
.infopanel-big-data2 {
  margin-top: 20%;
}

.infopanel-big-data3,
.infopanel-big-data4 {
  margin-bottom: 20%;
}

@media screen and (max-width: 599px) {
  .infopanel-big-head {
    font-size: 16px;
  }
  .infopanel-big-img {
    max-width: unset;
  }
  .infopanel-big-img img {
    width: auto;
    height: 300px;
    margin: 0 auto;
  }
}
@media (max-width: 799px) {
  ad24-contacts {
    display: none;
  }
}
.individualHeaderContent {
  justify-content: space-between;
}
.individualHeaderContent .images {
  order: 2;
  width: calc(25% - 1vw) !important;
}
.individualHeaderContent .images img {
  margin-top: 10px;
  border-radius: 6px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.individualHeaderContent .text {
  width: calc(75% - 2vw) !important;
  padding-left: 0 !important;
}
.individualHeaderContent .text h1 {
  font-weight: bold;
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 8px;
}
.individualHeaderContent .text p {
  margin-bottom: 12px;
}
.individualHeaderContent .text .byline {
  font-size: 16px;
  font-style: italic;
}
.individualHeaderContent .text li {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  list-style: disc;
  margin-left: 18px;
  padding-left: 0;
}
.individualHeaderContent .text li::before {
  content: none;
}
.individualHeaderContent .text .btn {
  padding: 0 32px;
}
.individualHeaderContent .miniatureImages {
  margin-top: 16px;
}
.individualHeaderContent .miniatureImages li:first-of-type {
  margin-left: 0;
}
.individualHeaderContent .miniatureImages img {
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1);
  transition: all 0.15s;
}
.individualHeaderContent .miniatureImages img:hover {
  transform: scale(1.2);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 799px) {
  .individualHeaderContent {
    flex-direction: column;
  }
  .individualHeaderContent .images,
  .individualHeaderContent .text {
    width: 100% !important;
  }
  .individualHeaderContent .images {
    order: unset;
  }
  .individualHeaderContent .images .gallery_preview {
    max-width: 300px;
    margin: 0 auto 12px;
  }
  .individualHeaderContent h1,
  .individualHeaderContent .byline {
    text-align: center;
  }
  .individualHeaderContent h1 {
    margin-bottom: 8px;
  }
  .individualHeaderContent ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .individualHeaderContent ul li {
    display: inline-block;
    text-align: center;
    font-size: 14px !important;
    font-weight: 500;
    color: #ffffff;
    background: #fa2258;
    padding: 2px 8px !important;
    margin: 3px !important;
    border-radius: 4px !important;
    box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1);
  }
  .individualHeaderContent ad24-configbuttons + p {
    text-align: center;
    max-height: 100px;
    overflow: auto;
  }
}

.article-content {
  display: grid;
  grid-template-rows: auto auto;
  gap: 2vw;
}
.article-content > * {
  align-self: center;
}
.article-content section:first-of-type * {
  text-align: center;
}
.article-content section:nth-of-type(2) {
  grid-row: 1;
}
.article-content .video-responsive {
  margin: 0 auto;
  max-width: 800px;
}
.article-content .video-responsive iframe {
  height: 460px;
}
@media (max-width: 966px) {
  .article-content .video-responsive iframe {
    height: 320px;
  }
}
@media (max-width: 640px) {
  .article-content .video-responsive iframe {
    height: 240px;
  }
}

@media screen and (max-width: 1023px) {
  .article-content {
    grid-template-columns: 1fr;
  }
  .article-content h2,
  .article-content section:first-of-type p {
    text-align: center;
  }
  .columns h3 {
    text-align: center !important;
  }
}
#calculation {
  scroll-margin: 45px;
}
#calculation h2 {
  text-align: center;
  font-size: 24px;
  margin-top: 8px;
}

#calculation .attention {
  padding: 1vmin 2vmin 1vmin 46px;
  border: 1px solid #fb547e;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(250, 34, 88, 0.5);
}
#calculation .attention::before {
  content: "error_outline";
}
#calculation .attention::after {
  content: "";
}
#calculation .attention::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #fa2258;
  position: absolute;
  left: 34px;
}
#calculation .attention p {
  font-size: 14px;
  margin-bottom: 0;
}
#calculation .attention a {
  color: #fa2258;
}
#calculation .attention a.down {
  white-space: nowrap;
}
#calculation .attention a.down::after {
  content: "arrow_drop_down";
}
#calculation .attention a.down::after {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px !important;
  position: relative;
  top: 2px;
}
@media screen and (max-width: 768px) {
  #calculation .attention {
    padding-left: 2vmin;
  }
  #calculation .attention::before {
    display: none !important;
  }
}

#calculation_banner {
  position: absolute;
  width: 100%;
  height: 480px;
  margin-top: 40px;
}
#calculation_banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#calculation_banner + #visual_calculation {
  padding-top: 0;
  background: white;
}
#calculation_banner + #visual_calculation .individualHeader {
  background: transparent;
  border: none !important;
  box-shadow: none !important;
}
#calculation_banner + #visual_calculation .individualHeader .text {
  width: 55% !important;
}
@media screen and (max-width: 1023px) {
  #calculation_banner + #visual_calculation .individualHeader .text {
    width: 100% !important;
  }
}
#calculation_banner + #visual_calculation .individualHeader .text * {
  width: -moz-fit-content;
  width: fit-content;
}
#calculation_banner + #visual_calculation .individualHeader .text h1,
#calculation_banner + #visual_calculation .individualHeader .text p,
#calculation_banner + #visual_calculation .individualHeader .text ul {
  padding: 2px 8px !important;
  border-radius: 4px;
  -webkit-backdrop-filter: brightness(1.4) saturate(1.2) blur(24px);
          backdrop-filter: brightness(1.4) saturate(1.2) blur(24px);
}
#calculation_banner + #visual_calculation .individualHeader li {
  color: #3e3e3e;
}
#calculation_banner + #visual_calculation .individualHeader li::first-letter {
  text-transform: uppercase;
}
#calculation_banner + #visual_calculation .individualHeader li::marker {
  color: #29aee8;
}
#calculation_banner + #visual_calculation #calculation,
#calculation_banner + #visual_calculation #total_block,
#calculation_banner + #visual_calculation #comments,
#calculation_banner + #visual_calculation #delivery {
  background: #fbfbfb;
  border-radius: 4px;
}
#calculation_banner + #visual_calculation #articleDescriptionFour {
  border: none !important;
  box-shadow: none !important;
}
#calculation_banner + #visual_calculation article {
  border: none !important;
  box-shadow: none !important;
}
#calculation_banner + #visual_calculation .columns section {
  background: #fbfbfb;
  box-shadow: none !important;
}

.article-content ~ h2 {
  font-weight: 500;
  color: #ffffff;
  background: #fa2258;
  padding: 0.3vmax;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1);
  margin-top: 3vmax;
}

#trade-blocks {
  padding: 0;
}

.homepagetabs {
  scroll-margin: 50px;
}
.homepagetabs .tab {
  overflow: hidden;
  background-color: #f9f9f9;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  margin: 0 6px;
  display: flex;
}
.homepagetabs .tab button {
  font-size: 18px;
  font-weight: 500;
  background-color: inherit;
  float: left;
  border: none;
  border-right: 1px solid #e6e6e6;
  outline: none;
  cursor: pointer;
  padding: 12px 16px;
  transition: 0.3s;
  flex: 1 1 0px;
}
.homepagetabs .tab button:last-of-type {
  border-right: none;
}
@media (max-width: 599px) {
  .homepagetabs .tab button:nth-of-type(n + 3) {
    display: none;
  }
}
.homepagetabs .tab button:hover {
  background-color: #f1f1f1;
}
.homepagetabs .tab button.active {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
  background-color: #29aee8;
}
.homepagetabs .tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
@media (max-width: 599px) {
  .homepagetabs .tabcontent {
    padding: 6px 0;
  }
  .homepagetabs .tabcontent .wrp {
    padding: 0;
  }
}
.homepagetabs .product-card-container {
  padding-top: 0 !important;
  top: 0 !important;
}

footer {
  background: #f1f1f1;
  margin-top: 32px;
}

.footer-usp-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #f9f9f9;
}

.footer-usp {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 16px 0 24px;
}
.footer-usp .usp-item {
  font-weight: 500;
}
.footer-usp .usp-item::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  color: #29aee8;
  position: relative;
  top: 5px;
  margin-right: 8px;
}
.footer-usp .quality::before {
  content: "star";
}
.footer-usp .quality::after {
  content: "";
}
.footer-usp .invoice::before {
  content: "receipt_long";
}
.footer-usp .invoice::after {
  content: "";
}
.footer-usp .express::before {
  content: "fast_forward";
}
.footer-usp .express::after {
  content: "";
}
.footer-usp .eco::before {
  content: "eco";
}
.footer-usp .eco::after {
  content: "";
}

.footer-content {
  display: grid;
  grid-template-columns: auto auto auto auto 402px;
  gap: 24px 0;
  grid-template-areas: "contact service info company payment" "logo social badges badges delivery";
  padding: 2vh 2vw;
}
.footer-content p {
  margin-bottom: 6px;
  font-weight: 500;
}
.footer-content a {
  color: dimgray;
}
.footer-content .subtitle {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.footer-content .logo {
  grid-area: logo;
  display: flex;
  align-items: center;
}
.footer-content .logo img {
  width: 180px;
  image-rendering: -webkit-optimize-contrast;
}
.footer-content .payment {
  grid-area: payment;
}
.footer-content .payment-image {
  width: 400px;
  height: 120px;
  border: 1px solid #e6e6e6;
  background-image: url("/customers_pics/660/504fe97ee9fd1335dd36cd87f4e65930.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.footer-content .delivery {
  grid-area: delivery;
}
.footer-content .delivery-image {
  width: 400px;
  height: 60px;
  border: 1px solid #e6e6e6;
  background-image: url("/customers_pics/660/3da04a0bec50913f9719bf9dcf810770.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.footer-content .social-networks,
.footer-content .badges {
  display: flex;
  align-items: center;
}
.footer-content .social-networks {
  grid-area: social;
  margin: 0;
}
.footer-content .social-networks > :last-child {
  margin-right: 0;
}
.footer-content .badges {
  grid-area: badges;
}
.footer-content .badges img {
  max-width: 50px;
}

@media screen and (max-width: 1199px) {
  .footer-usp .eco {
    display: none;
  }
  .footer-content {
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-areas: "contact service info company" "logo social badges badges" "payment payment delivery delivery" !important;
  }
}
@media screen and (max-width: 999px) {
  .footer-usp .invoice {
    display: none;
  }
  .footer-content {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-areas: "contact service info" "company badges badges" "social payment payment" "logo delivery delivery" !important;
  }
}
@media screen and (max-width: 599px) {
  .footer-usp {
    display: none;
  }
  .footer-content {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-areas: "contact service" "info company" "badges badges" "payment payment" "delivery delivery" "logo social" !important;
  }
  .footer-item {
    text-align: center;
  }
  .footer-item.badges {
    justify-content: center;
  }
  .payment-image,
  .delivery-image {
    width: 100% !important;
    background-size: contain;
    border: none !important;
    background-position: center;
  }
  .payment-image {
    height: 80px !important;
  }
}
#visual_calculation #articleDescriptionFour {
  background-image: url(/customers_pics/655/881ea8dd530dd393d2c8663e38b0dc6a.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 120px;
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
}

.docs {
  display: grid;
  grid-template-columns: minmax(60%, 1fr) minmax(150px, 320px);
  /* grid-auto-flow: column; */
  gap: 2vw;
}
@media screen and (max-width: 960px) {
  .docs {
    grid-template-columns: 1fr;
  }
  .docs #index {
    display: none;
  }
}
.docs #index {
  position: sticky;
  top: 80px;
  height: 85vh;
  overflow: hidden;
}
.docs .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3vmin;
}
@media screen and (max-width: 1279px) {
  .docs .grid {
    grid-template-columns: 1fr;
  }
}
.docs .grid .col-2 {
  grid-column: 1/-1;
}
.docs .grid .row-1 {
  grid-row: span 1;
}
.docs .grid .row-3 {
  grid-row: span 3;
}
.docs .grid .row-4 {
  grid-row: span 4;
}
.docs .grid h2,
.docs .grid section {
  grid-row: span 2;
  margin: 0;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1);
  overflow: hidden;
}
.docs .grid section {
  background: #f9f9f9;
  padding: 1.2vmax;
}
.docs .grid section > *:first-child {
  margin-top: 0;
}
.docs .grid section > *:last-child {
  margin-bottom: 0;
}
.docs .grid section.selected {
  border-color: #29aee8;
  box-shadow: 0px 0px 8px rgba(41, 174, 232, 0.6);
}
.docs .grid section.hint {
  background: radial-gradient(circle at bottom right, #f90945, #fa2258);
  border-color: #fa2258;
}
.docs .grid section.hint h3,
.docs .grid section.hint p {
  color: #ffffff;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
}
.docs .grid section.hint h3::before {
  content: "lightbulb";
}
.docs .grid section.hint h3::after {
  content: "";
}
.docs .grid section.hint h3::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 5px;
  margin-right: 6px;
}
.docs .grid h2 {
  grid-column: 1/-1;
  /* text-align: center; */
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
  background: #29aee8;
  padding: 0.5vmax 1.2vmax;
  margin-top: 3vmin;
  scroll-margin: 2vmax;
  scroll-padding: 2vmax;
}
.docs .grid h2:first-of-type {
  margin-top: 0;
}
.docs .grid h3 {
  font-size: 18px;
  font-weight: bold;
  scroll-margin: 3.6vmax;
}
.docs .grid p,
.docs .grid li {
  font-size: 16px;
  line-height: 1.5em;
  color: dimgray;
}
.docs .grid p strong,
.docs .grid li strong {
  font-weight: 500 !important;
}
.docs .grid ol li {
  list-style-type: decimal;
  padding-left: 6px;
  margin-left: 16px;
}
.docs .grid ol li::marker {
  font-weight: 500;
}
.docs .grid ol li::before {
  display: none;
}
.docs .grid .images {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 1.2vmax 0 0;
}
.docs .grid .images.two img {
  margin: 3vmin;
}
.docs .grid .images.three > img,
.docs .grid .images.three figure {
  width: 30%;
}
.docs .grid .images.three > img img,
.docs .grid .images.three figure img {
  width: 100%;
  margin: 0;
}
.docs .grid .images.four figure {
  width: 23%;
}
.docs .grid .images.four figure img {
  margin: 0;
}
.docs .grid .images img {
  max-width: 100%;
  margin: 1vmin;
}
.docs .grid .images figure {
  display: table;
  margin: 1vmin;
}
.docs .grid .images figure img {
  margin-bottom: 0.5vmin;
}
.docs .grid .images figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin: 0 1vmin 1vmin;
}

@media print {
  #service-bar,
  #header_usp,
  .social-networks,
  #customer-menu,
  #navbar,
  .breadcrumb,
  footer,
  #footer-bar,
  .cw-loader-container,
  [id^=trustbadge],
  #totop {
    display: none;
  }
  header.main {
    height: unset;
  }
  header.main #brand-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  h1 {
    text-align: center;
  }
  .docs {
    display: block;
  }
  .docs #index {
    display: none;
  }
  .docs .grid {
    display: block;
  }
  .docs .grid h2,
  .docs .grid section {
    border: none;
    box-shadow: none;
    margin-bottom: 12px;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .docs .grid h2 {
    text-shadow: none;
  }
  .docs .grid h2:not(:first-of-type) {
    page-break-before: always;
  }
  .docs .grid .hint {
    display: none;
  }
}
.datachecks {
  display: grid;
  grid-template-columns: 5fr repeat(3, 2fr);
  gap: 1vmax;
  margin: 1vmax;
}
.datachecks * {
  box-sizing: border-box;
}
.datachecks.four {
  grid-template-columns: 5fr repeat(4, 2fr);
}
@media screen and (max-width: 1023px) {
  .datachecks.four {
    grid-template-columns: 4fr repeat(3, 2fr);
  }
  .datachecks.four .layout {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .datachecks.four {
    grid-template-columns: repeat(4, 2fr);
  }
}
.datachecks.ch .price {
  font-size: 18px !important;
}
@media screen and (max-width: 1023px) {
  .datachecks {
    grid-template-columns: 4fr repeat(3, 2fr);
  }
}
@media screen and (max-width: 767px) {
  .datachecks {
    grid-template-columns: 4fr repeat(2, 2fr);
  }
}
@media screen and (max-width: 600px) {
  .datachecks {
    grid-template-columns: repeat(3, 2fr);
  }
}
.datachecks .datachecks-col {
  display: grid;
  grid-template-rows: 260px 70px 70px 70px 110px;
  grid-auto-rows: 70px;
  grid-auto-flow: row;
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.055);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .datachecks .datachecks-col {
    grid-template-rows: 160px 70px 70px 70px 110px;
  }
}
.datachecks .datachecks-col > * {
  padding: 0 1vmin;
}
.datachecks .datachecks-col .center {
  text-align: center;
}
.datachecks .datachecks-col .head {
  align-self: flex-start;
  margin-top: 32px;
}
.datachecks .datachecks-col .title {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .datachecks .datachecks-col .title {
    font-size: 16px;
  }
}
.datachecks .datachecks-col .sub {
  font-size: 18px;
}
.datachecks .datachecks-col .price {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.164);
  margin: 16px auto 12px;
}
.datachecks .datachecks-col .price span {
  color: white;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.164);
}
@media screen and (max-width: 767px) {
  .datachecks .datachecks-col .price {
    font-size: 16px !important;
    width: unset;
    height: unset;
    background: none !important;
    box-shadow: none;
  }
  .datachecks .datachecks-col .price span {
    color: dimgray;
  }
}
.datachecks .datachecks-col .icon::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  content: attr(data-icon);
}
.datachecks .datachecks-col .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #e6e6e6;
}
.datachecks .datachecks-col .item .category {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}
@media screen and (max-width: 600px) {
  .datachecks .datachecks-col .item .category {
    font-size: 14px;
  }
}
.datachecks .datachecks-col .item .details {
  color: rgb(133, 133, 133);
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .datachecks .datachecks-col .item .details {
    display: none;
  }
}
.datachecks .datachecks-col .item p {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .datachecks .datachecks-col .item p {
    font-size: 14px;
    line-height: 16px;
  }
}
.datachecks .datachecks-col .item .itemdetail {
  font-weight: bold;
}
.datachecks .datachecks-col .item .no,
.datachecks .datachecks-col .item .yes {
  font-size: 36px;
}
.datachecks .datachecks-col .item .yes {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.164);
}
.datachecks .datachecks-col .item .yes span {
  color: white;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.164);
}
@media screen and (max-width: 767px) {
  .datachecks .datachecks-col .item .yes {
    width: 32px;
    height: 32px;
  }
  .datachecks .datachecks-col .item .yes .icon::before {
    font-size: 20px;
  }
}
.datachecks .datachecks-col .item .forms {
  display: flex;
  margin-top: 6px;
}
.datachecks .datachecks-col .item .forms > * {
  border-radius: 4px;
  margin: 4px;
}
.datachecks .datachecks-col .item .no {
  color: silver;
}
.datachecks .datachecks-col.facts {
  border: 1px solid #e6e6e6;
}
.datachecks .datachecks-col.facts h1 {
  margin-top: 0 !important;
}
.datachecks .datachecks-col.facts .headsub {
  margin-top: 8px;
  width: 80%;
}
@media (max-width: 1023px) {
  .datachecks .datachecks-col.facts .headsub {
    display: none;
  }
}
.datachecks .datachecks-col.facts .head,
.datachecks .datachecks-col.facts .item {
  width: 100%;
  display: grid;
  grid-template-columns: 50px 1fr;
}
.datachecks .datachecks-col.facts .head .icon,
.datachecks .datachecks-col.facts .item .icon {
  grid-row: span 2;
  color: #a6aaad;
  padding-right: 1vmin;
  justify-self: center;
}
.datachecks .datachecks-col.facts .head .category,
.datachecks .datachecks-col.facts .item .category {
  align-self: end;
}
.datachecks .datachecks-col.facts .head .details,
.datachecks .datachecks-col.facts .item .details {
  align-self: start;
}
.datachecks .datachecks-col.facts .head .icon {
  grid-row: span 1;
  align-self: center;
}
.datachecks .datachecks-col.facts .head .h {
  color: #29aee8;
  padding-left: 0;
}
.datachecks .datachecks-col.facts .head .h::before {
  font-size: 36px;
}
.datachecks .datachecks-col.facts .head .pro {
  color: #fa2258;
  margin-top: 36px;
  align-self: baseline;
}
@media (max-width: 1023px) {
  .datachecks .datachecks-col.facts .head .pro {
    display: none;
  }
}
.datachecks .datachecks-col.basic {
  border: 1px solid #a6aaad;
  box-shadow: 0 0 8px rgba(166, 170, 173, 0.493);
}
.datachecks .datachecks-col.basic .price {
  background: #a6aaad;
}
.datachecks .datachecks-col.basic .yes {
  background: #a6aaad !important;
}
.datachecks .datachecks-col.standard {
  border: 1px solid #29aee8;
  box-shadow: 0 0 8px rgba(41, 174, 232, 0.493);
}
.datachecks .datachecks-col.standard .price {
  background: #29aee8;
}
.datachecks .datachecks-col.standard .yes {
  background: #29aee8 !important;
}
.datachecks .datachecks-col.profi {
  border: 1px solid #fa2258;
  box-shadow: 0 0 8px rgba(250, 34, 88, 0.493);
}
.datachecks .datachecks-col.profi .price {
  background: #fa2258;
}
.datachecks .datachecks-col.profi .yes {
  background: #fa2258 !important;
}
.datachecks .datachecks-col.layout {
  grid-template-rows: 260px auto;
  align-items: center;
  border: 1px solid #ffd923;
  box-shadow: 0 0 8px rgba(255, 217, 35, 0.493);
  background: url(/customers_pics/655/704075b148ea7e1eb2ccd6ad393f8ebc.jpeg);
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .datachecks .datachecks-col.layout {
    display: none;
  }
}
.datachecks .datachecks-col.layout .price {
  background: #ffd923;
}
.datachecks .datachecks-col.layout .explainer p {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  text-shadow: 0 0 2px white, 0 0 5px white, 0 0 8px white;
  margin-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  .datachecks .datachecks-col.layout .explainer p {
    font-size: 14px;
  }
}
.datachecks .datachecks-col.layout .explainer a {
  width: 100%;
  margin-top: 16px;
  background: #ffd923 !important;
}
.datachecks .datachecks-col.layout .explainer a::before {
  content: "keyboard_double_arrow_right";
}
.datachecks .datachecks-col.layout .explainer a::after {
  content: "";
}
.datachecks .datachecks-col.layout .explainer a:hover {
  background: #ffe256 !important;
}

.datachecks-advisory {
  margin: 60px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .datachecks .datachecks-col.facts .icon {
    display: none;
  }
  .datachecks * {
    font-size: 13px !important;
  }
  .datachecks .category {
    align-self: center !important;
  }
}
.faq-byline {
  text-align: center;
}

.faq-categories {
  margin: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 3vw;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  .faq-categories {
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  }
}

.faq-categories--item {
  padding: 20px 5px;
  border: 2px solid #e6e6e6;
  text-align: center;
  border-radius: 4px;
  transition: all 0.2s;
  cursor: help;
}
.faq-categories--item:hover {
  border-color: #29aee8;
}

.faq-categories--item.selected {
  border-color: #29aee8;
  box-shadow: 2px 2px 3px silver;
  background: #29aee8;
}
.faq-categories--item.selected * {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);
}
.faq-categories--item.selected *::before,
.faq-categories--item.selected *::after {
  color: rgba(255, 255, 255, 0.507);
}
.faq-categories--item.selected .faq-categories--icon::before {
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.faq-categories--item * {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.faq-categories--icon {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
}
.faq-categories--icon::before {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  font-size: 48px;
  color: #29aee8;
}
.faq-categories--icon.products::before {
  content: "star_outline";
}
.faq-categories--icon.products::after {
  content: "";
}
.faq-categories--icon.options::before {
  content: "tune";
}
.faq-categories--icon.options::after {
  content: "";
}
.faq-categories--icon.data::before {
  content: "task";
}
.faq-categories--icon.data::after {
  content: "";
}
.faq-categories--icon.order::before {
  content: "shopping_cart";
}
.faq-categories--icon.order::after {
  content: "";
}
.faq-categories--icon.service::before {
  content: "announcement";
}
.faq-categories--icon.service::after {
  content: "";
}

.faq-categories--title {
  padding: 16px 0 8px;
  display: block;
  font-weight: bold;
  font-size: 20px;
}

.faq-categories--description::after {
  display: block;
  content: "...";
}

.faq-categories--description span {
  font-size: 90%;
  font-weight: 500;
}

.faq-categories--description span::before {
  content: "‹";
  color: #e6e6e6;
}

.faq-categories--description span::after {
  content: "›";
  color: #e6e6e6;
}

.faq-search {
  margin: 0 0 24px;
  height: 90px;
  scroll-margin: 40px;
}

.faq-answers {
  display: flex;
  justify-content: center;
}

.faq-answers--item {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  transition: all 0.2s;
  display: none;
}

.faq-answers--item.selected {
  display: block;
}

.faq-answers--item h2 {
  display: inline-block;
  cursor: help;
  font-size: 24px;
}
.faq-answers--item h2:hover {
  color: #57bfed;
}

.faq-answers--item h2::before,
.faq-answers--item section::before {
  content: "›";
  width: 8px;
  margin-right: 12px;
  float: left;
}

.faq-answers--item section::before {
  padding-top: 5px;
}

.faq-answers--item h2.show::before,
.faq-answers--item section.show::before {
  content: "-";
}

.faq-answers--item section:last-of-type {
  border-bottom: none;
}

.faq-answers--item h3 {
  font-size: 18px;
  color: dimgray;
  display: table;
  padding: 4px 0;
  margin: 4px 0;
  font-weight: normal;
  cursor: help;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.faq-answers--item h3 em {
  font-style: normal;
  color: inherit;
  font-size: inherit;
  color: #fa2258;
}
.faq-answers--item h3:hover {
  color: #fb547e;
}

.faq-answers--item p {
  margin: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
  padding: 0 36px;
}

.faq-answers--item section.show p:last-child {
  margin-bottom: 16px;
}

.faq-answers--item p em {
  font-style: normal;
  font-size: inherit;
  color: #29aee8;
}

.faq-answers--item section.show p {
  margin: 0 0 6px;
  opacity: 1;
  height: auto;
}

.layoutservice {
  margin: 0 12vw;
  display: grid;
  gap: 3vw;
  grid-template-columns: 1fr 4fr;
}
.layoutservice .side {
  background-size: cover;
  border-radius: 4px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.layoutservice-item {
  margin-bottom: 16px;
}
.layoutservice-item:last-child {
  margin-bottom: 0;
}
.layoutservice-item h2 {
  margin: 0 !important;
}
.layoutservice-item p {
  margin-bottom: 8px;
  text-align: justify;
}
.layoutservice-item p:last-child {
  margin: 0;
}
.layoutservice-item em {
  color: #fa2258 !important;
  font-size: inherit;
  font-style: normal;
  font-weight: 500;
}
.layoutservice-item img {
  grid-column: 2;
  grid-row: 1/-1;
  margin: 0 auto;
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.5));
}

/* Slider */
#slider .wrp {
  left: 32px;
}
#slider .wrp .side-nav {
  display: none;
}

#slider {
  height: 380px !important;
}
#slider .slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
#slider .slide figcaption {
  top: 30px;
}
#slider .slide figcaption > div {
  padding-left: 48px;
}
#slider .slide figcaption strong {
  font-size: 32px !important;
  color: #ffffff;
  padding: 1px 20px 4px;
  background: #29aee8;
  border-radius: 2px;
}
#slider .slide figcaption strong + p {
  display: none;
}
#slider .slide figcaption .banner-sub {
  margin: 0;
  font-size: 18px;
  font-style: italic;
}
#slider .slide figcaption dl {
  margin-top: 10px;
}
#slider .slide figcaption dt {
  font-weight: bold;
  margin-top: 12px;
}
#slider .slide figcaption .banner-sub,
#slider .slide figcaption dt,
#slider .slide figcaption dd {
  display: table;
  background: rgba(255, 255, 255, 0.8);
}
#slider .slide figcaption a.btn.success {
  padding: 0 30px;
}
#slider .slide figcaption a.btn.success::before {
  content: "control_camera";
}
#slider .slide figcaption a.btn.success::after {
  content: "";
}
#slider #controlNav {
  bottom: 0;
}
#slider #controlNav a {
  padding: 0 3px;
  margin: 0 3px;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1);
  transition: all 1s;
}
#slider #controlNav a.current {
  border-color: #fa2258;
  background: #fa2258;
}
#slider #controlNav a .nameTag {
  pointer-events: none;
}

@media screen and (max-width: 1023px) {
  #slider {
    display: none;
  }
}
/* TrustedShops Widget */
.ts-rating {
  border: 1px solid #e6e6e6 !important;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.1) !important;
  background-color: transparent !important;
}
.ts-rating .ts-title {
  color: #29aee8 !important;
  text-align: center;
  font-size: 14px !important;
  margin-bottom: 12px !important;
}
.ts-rating .ts-reviews {
  max-height: 95px;
  overflow: hidden;
}
.ts-rating .ts-reviews-list {
  display: flex;
  justify-content: space-between;
}
.ts-rating .ts-reviews-list li {
  padding: 0;
}
.ts-rating .ts-reviews-list li::before {
  display: none;
}
.ts-rating .ts-reviews-list .ts-review {
  display: flex;
}
.ts-rating .ts-reviews-list .ts-review .ts-review-text {
  color: #4a5b67 !important;
  font-size: 12px;
}
.ts-rating .ts-footer a {
  color: #ffffff !important;
  padding-top: 0 !important;
}

#calculation #label_sorten::before {
  content: "label";
}
#calculation #label_8908::before,
#calculation #label_8736::before,
#calculation #label_8471::before {
  content: "security";
}
#calculation #label_8439::before,
#calculation #label_8511::before,
#calculation #label_8744::before,
#calculation #label_8735::before,
#calculation #label_8470::before {
  content: "power_input";
}
#calculation #label_8441::before,
#calculation #label_8513::before,
#calculation #label_8746::before,
#calculation #label_8737::before,
#calculation #label_8472::before {
  content: "invert_colors";
}
#calculation #label_8443::before,
#calculation #label_8793::before,
#calculation #label_8749::before,
#calculation #label_8738::before,
#calculation #label_8473::before {
  content: "content_cut";
}
#calculation #label_8438::before,
#calculation #label_8531::before,
#calculation #label_8509::before,
#calculation #label_8792::before,
#calculation #label_8743::before,
#calculation #label_8791::before,
#calculation #label_8734::before,
#calculation #label_8790::before,
#calculation #label_8469::before {
  content: "category";
}
#calculation #label_8532::before,
#calculation #label_8515::before,
#calculation #label_8747::before,
#calculation #label_8800::before,
#calculation #label_8474::before {
  content: "import_export";
}
#calculation #label_8533::before,
#calculation #label_8516::before,
#calculation #label_8748::before,
#calculation #label_8740::before,
#calculation #label_8475::before {
  content: "flip";
}
#calculation #label_8529::before,
#calculation #label_8510::before,
#calculation #label_8742::before,
#calculation #label_8733::before,
#calculation #label_8468::before {
  content: "done_all";
}
#calculation #label_8821::before,
#calculation #label_8820::before,
#calculation #label_8810::before {
  content: "speed";
}
#calculation #label_delivery_land::before {
  content: "flag";
}
#calculation #label_versand::before {
  content: "timer";
}
#calculation label.textarea {
  padding-left: 38px !important;
}
#calculation label.textarea::before {
  content: "mode_comment" !important;
}

html[lang=ch] .footer-content .payment-image {
  background-image: url("/customers_pics/660/7c0b73d50cfdbe4eab7ea0492fbab671.png");
}
html[lang=ch] .footer-content .delivery-image {
  background-image: url("/customers_pics/660/49141bdfdbb32205f92da685b6a1085d.png");
}
html[lang=ch] #calculation section[data-groupid="785"] h2 {
  display: none;
}
html[lang=ch] #calculation #reseller_attributes section[data-groupid="788"] fieldset {
  width: 100%;
  margin-right: 0;
}
html[lang=ch] #articleDescriptionFour {
  background-image: url("/customers_pics/660/7c0b73d50cfdbe4eab7ea0492fbab671.png") !important;
}

html[lang=de] .footer-content .payment-image {
  background-image: url("/customers_pics/660/58e0c16fcc9766ee78af7b14f44e6ffd.png");
}
html[lang=de] #calculation section[data-groupid="785"] h2 {
  display: none;
}
html[lang=de] #calculation #reseller_attributes section[data-groupid="788"] fieldset {
  width: 100%;
  margin-right: 0;
}
html[lang=de] #articleDescriptionFour {
  background-image: url("/customers_pics/660/58e0c16fcc9766ee78af7b14f44e6ffd.png") !important;
}

html[lang=es] .footer-content {
  grid-template-columns: auto auto auto auto;
  grid-template-areas: "logo contact info payment" "social service company delivery";
}
html[lang=es] .footer-content .payment-image {
  background-image: url("/customers_pics/660/73c1a27fa5ac07edfcfe0a9463260671.png");
  border: none;
}
html[lang=es] .footer-content .delivery-image {
  background-image: url("/customers_pics/660/6b3448466e89400a993d3014661e6e14.png");
  border: none;
}
html[lang=es] #calculation section[data-groupid="820"] h2 {
  display: none;
}
html[lang=es] #articleDescriptionFour {
  background-image: url("/customers_pics/660/73c1a27fa5ac07edfcfe0a9463260671.png") !important;
}

html[lang=fr] .footer-content {
  grid-template-columns: auto auto auto auto;
  grid-template-areas: "logo contact info payment" "social service company delivery";
}
html[lang=fr] .footer-content .payment-image {
  background-image: url("/customers_pics/660/504fe97ee9fd1335dd36cd87f4e65930.png");
}
html[lang=fr] #calculation section[data-groupid="817"] h2 {
  display: none;
}
html[lang=fr] #calculation section[data-groupid="818"] fieldset {
  width: 100% !important;
  margin-right: 0 !important;
}
html[lang=fr] #articleDescriptionFour {
  background-image: url("/customers_pics/660/504fe97ee9fd1335dd36cd87f4e65930.png") !important;
}

html[lang=it] #calculation section[data-groupid="787"] h2 {
  display: none;
}
html[lang=it] #articleDescriptionFour {
  background-image: url("/customers_pics/660/504fe97ee9fd1335dd36cd87f4e65930.png") !important;
}

html[lang=ro] .footer-content .payment-image {
  background-image: url("/customers_pics/660/63b0932861be09feef48ffb7e6322b26.png");
}
html[lang=ro] #calculation section[data-groupid="786"] h2 {
  display: none;
}
html[lang=ro] #articleDescriptionFour {
  background-image: url("/customers_pics/660/63b0932861be09feef48ffb7e6322b26.png") !important;
}

.infopanel-big-img {
  float: left;
}

.infopanel-tile-img {
  float: left;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3));
}

.infopanel-tile-img:hover {
  filter: drop-shadow(0px 0px 5px #fa2258);
}

.infopanel-tile-img img {
  max-width: 200px;
  border-radius: 3px;
}

.infopanel-big::after,
.infopanel-tile-data::after {
  display: block;
  content: "";
  clear: both;
}

@supports (display: grid) {
  .infopanel {
    display: grid;
    grid-template-columns: 4fr 200px 1fr;
    grid-template-rows: repeat(3, auto);
    grid-gap: 6px;
    font-size: 12px;
  }
  .infopanel > * {
    align-self: center;
  }
  .infopanel-big {
    grid-row: 1/-1;
  }
  .infopanel-big-head {
    grid-area: bighead;
    text-align: center;
    margin-top: 0;
    font-weight: normal;
  }
  .infopanel img {
    width: 100%;
    margin: 0 auto;
  }
  .infopanel p {
    font-size: inherit;
    line-height: 100%;
    margin-bottom: 6px;
  }
  @media screen and (max-width: 1279px) {
    .infopanel {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, auto);
      grid-auto-flow: column;
    }
    .infopanel-big {
      grid-row: unset;
      grid-column: 1/-1;
    }
  }
  @media screen and (max-width: 599px) {
    .infopanel {
      grid-template-columns: 200px auto;
      grid-template-rows: auto;
      grid-auto-flow: unset;
    }
  }
  @media screen and (max-width: 399px) {
    .infopanel {
      grid-template-columns: 1fr 1fr;
    }
  }
  .infopanel-big {
    padding: 0 20px 20px;
    display: grid;
    align-self: start;
    grid-template-areas: "bighead bighead bighead" "data1 img data2" "data3 img data4";
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap: 10px;
  }
  .infopanel-big-img {
    grid-area: img;
  }
  .infopanel-big-data1,
  .infopanel-big-data3 {
    text-align: right;
  }
  .infopanel-big-data1,
  .infopanel-big-data2,
  .infopanel-big-data3,
  .infopanel-big-data4 {
    align-self: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  }
  @media screen and (max-width: 599px) {
    .infopanel-big {
      grid-template-areas: "bighead bighead" "img img" "data1 data2" "data3 data4";
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      grid-gap: 10px 20px;
    }
    .infopanel-big-head {
      font-size: 16px;
    }
    .infopanel-big-img img {
      width: auto;
      height: 300px;
    }
  }
}
p,
li {
  font-size: 14px !important;
}

header.main {
  height: 112px;
}
header.main #brand-logo img {
  max-height: 60px;
}
header.main #customer-menu {
  margin-top: 10px;
}

#navbar {
  height: 34px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
#navbar .wrp > ul > li {
  font-weight: unset;
  padding: 4px 10px !important;
  height: 34px !important;
}
#navbar .wrp > ul > li:hover {
  text-shadow: none;
}
#navbar .wrp > ul > li:hover ul {
  top: 34px !important;
}
#navbar .wrp > ul > li:hover ul > li a {
  font-size: inherit;
}

.trade-groups.full .product-card-container .product-card:not(.x) {
  grid-column: unset !important;
  display: flex !important;
}
.trade-groups.full .product-card-container .product-card:not(.x) > a {
  align-self: normal !important;
}
.trade-groups.full .product-card-container .product-card:not(.x) .rte_container {
  display: contents;
}
.trade-groups.full .product-card-container .product-card:not(.x) ul {
  display: none;
}
.trade-groups.full .product-card-container .product-card:not(.x) > div.rte_container > a.card-btn {
  order: 3;
  width: 100% !important;
  margin: 0;
}

nav.breadcrumb {
  padding: 0;
}
nav.breadcrumb ul {
  margin-left: 20px;
}
nav.breadcrumb a {
  color: dimgray !important;
  padding: 0;
}

.cart_breadcrumb:has(+ #calculation_banner) {
  display: none;
}

#calculation_banner {
  margin-top: -32px !important;
}
#calculation_banner + #visual_calculation .individualHeader {
  height: 640px;
}
#calculation_banner + #visual_calculation .individualHeader .text {
  width: 43% !important;
}

.breadcrumb {
  z-index: 1;
}

#usp-bar {
  display: none;
}

picture#calculation_banner {
  height: 640px;
  margin-top: 0;
}

#visual_calculation #calculation,
#visual_calculation #total_block,
#visual_calculation #comments,
#visual_calculation #delivery {
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#visual_calculation #total_block {
  order: 2;
  border: none !important;
}
#visual_calculation #total_block button ~ p,
#visual_calculation #total_block button ~ hr,
#visual_calculation #total_block button ~ br,
#visual_calculation #total_block button ~ a {
  display: none;
}
#visual_calculation .contentwrapper.right #delivery {
  order: 1;
  border: none !important;
}
#visual_calculation .contentwrapper.right #delivery .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#visual_calculation .contentwrapper.right #delivery #delivery_countdown {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  text-align: left;
}
#visual_calculation .contentwrapper.right #delivery #deliveryDate {
  color: white !important;
  background: #29aee8;
  font-size: 14px;
  font-weight: normal;
  padding: 0 6px;
  border-radius: 2px;
}
#visual_calculation #comments {
  border: none !important;
  order: 3;
}
#visual_calculation #articleDescriptionFour {
  order: 4;
}
#visual_calculation #reseller_attributes h2 {
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 12px;
}
#visual_calculation #reseller_attributes fieldset {
  position: relative;
  display: grid;
  grid-template-columns: 200px 100px 50px 100px 50px 1fr;
  align-items: center;
  width: 100%;
  min-height: unset;
  height: unset !important;
  margin-right: 0;
}
@media screen and (max-width: 699px) {
  #visual_calculation #reseller_attributes fieldset {
    grid-template-columns: 150px 2fr 1fr 2fr 1fr 1fr;
  }
}
#visual_calculation #reseller_attributes fieldset .optionName {
  color: #707980;
  height: unset;
  line-height: unset;
  text-align: right;
  margin-right: 10px;
}
#visual_calculation #reseller_attributes fieldset label {
  height: 32px;
}
#visual_calculation #reseller_attributes fieldset label.input {
  width: unset !important;
}
#visual_calculation #reseller_attributes fieldset label.input + span {
  margin: 0 0 0 4px !important;
}
#visual_calculation #reseller_attributes fieldset .btnCalcOptical {
  grid-column-end: -1;
}
#visual_calculation #reseller_attributes fieldset label:not(.input) {
  grid-column: 2/-1;
  background: #fbfbfb;
}
#visual_calculation #reseller_attributes fieldset label {
  font-weight: bold;
  margin: 0 !important;
}
#visual_calculation #reseller_attributes fieldset label::before {
  top: 5px !important;
}
#visual_calculation #reseller_attributes fieldset .info {
  top: unset;
}
#visual_calculation #reseller_attributes fieldset .optionGroupCon,
#visual_calculation #reseller_attributes fieldset .conOptions {
  right: 0;
  top: 32px;
}
#visual_calculation #reseller_attributes fieldset .optionGroupCon {
  width: calc(100% - 200px) !important;
}
@media screen and (max-width: 699px) {
  #visual_calculation #reseller_attributes fieldset .optionGroupCon {
    width: calc(100% - 150px) !important;
  }
}
#visual_calculation #reseller_attributes fieldset .width100.textarea {
  grid-column: 2/-1;
  height: 52px;
  padding: 4px 10px;
  border-color: #f1f1f1;
}
#visual_calculation #reseller_attributes fieldset .width100.textarea::-moz-placeholder {
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#visual_calculation #reseller_attributes fieldset .width100.textarea::placeholder {
  transition: all 0.25s ease-out;
}
#visual_calculation #reseller_attributes fieldset .width100.textarea:focus {
  border-color: #fa2258;
}
#visual_calculation #reseller_attributes fieldset .width100.textarea:focus::-moz-placeholder {
  color: #354149;
}
#visual_calculation #reseller_attributes fieldset .width100.textarea:focus::placeholder {
  color: #354149;
}

#visual_calculation #reseller_attributes > .optionGroup > .optionWrapper:first-of-type fieldset:last-of-type {
  position: static;
  margin: 0 0 16px;
  width: 100% !important;
  order: -1;
}

#calculation_banner + #visual_calculation .individualHeader .text h1,
#calculation_banner + #visual_calculation .individualHeader .text ul,
#calculation_banner + #visual_calculation .individualHeader .text p {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
#calculation_banner + #visual_calculation .individualHeader .text *,
#calculation_banner + #visual_calculation .individualHeader .text *::marker {
  color: #ffffff;
}

.calcsizehelper {
  display: none;
}

.collage {
  display: grid;
  grid-template-columns: 161fr 100fr;
  grid-template-rows: 200px 322px;
  gap: 1vw;
  grid-auto-flow: column;
  align-items: center;
  margin: 2vw;
}
.collage.right {
  grid-template-columns: 100fr 161fr;
}
.collage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  margin: 0;
  transition: all 0.2s ease;
}
.collage.left :nth-child(1) {
  grid-row: 1/-1;
}
.collage.right :nth-child(3) {
  grid-row: 1/-1;
}

footer {
  background: transparent;
  border-top: 1px solid #f1f1f1;
}
footer .logo img,
footer .payment-image,
footer .delivery-image {
  filter: drop-shadow(1px 1px 2px rgba(100, 100, 100, 0.1));
}

#footer-bar {
  height: 24px;
  background: #e6e6e6;
}
#footer-bar * {
  color: dimgray !important;
  line-height: 24px !important;
}

/*! END STICKERPRINTING-FLUX STYLE */
/*# sourceMappingURL=stickerprinting-flux.css.map */