tr.wc-attribute.pa_sonderfarbe {
  display: none !important;
}
tr.wc-attribute.pa_sonderfarbe.show {
  display: flex !important;
}
tr.wc-attribute span.help {
  display: block;
  padding-left: 15px;
  color: #aeaeae;
}
@media (max-width: 450px) {
  tr.wc-attribute.pa_befestigungsart li.button-variable-item {
    width: 100% !important;
    height: auto !important;
  }
}
tr.wc-attribute.pa_zaunfeld .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_pfostenabschluss .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_spitze .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_rasenkantensteine .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_pforte .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_klingelknopf .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item {
  height: 200px;
  width: auto;
}
@media (max-width: 450px) {
  tr.wc-attribute.pa_zaunfeld .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_pfostenabschluss .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_spitze .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_rasenkantensteine .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_pforte .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item, tr.wc-attribute.pa_klingelknopf .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item {
    width: 100%;
    height: auto;
  }
}
tr.wc-attribute.pa_zaunfeld .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item img.variable-item-image, tr.wc-attribute.pa_pfostenabschluss .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item img.variable-item-image, tr.wc-attribute.pa_spitze .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item img.variable-item-image, tr.wc-attribute.pa_rasenkantensteine .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item img.variable-item-image, tr.wc-attribute.pa_pforte .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item img.variable-item-image, tr.wc-attribute.pa_klingelknopf .woo-variation-items-wrapper ul.image-variable-items-wrapper li.image-variable-item img.variable-item-image {
  width: auto;
  align-self: center;
}

.woocommerce table.variations tr {
  border-top: none;
  display: flex;
  flex-direction: column;
}
.woocommerce table.variations tr td,
.woocommerce table.variations tr th {
  background-color: transparent;
  text-align: left;
  padding-left: 0;
}
.woocommerce table.variations tr td:hover,
.woocommerce table.variations tr th:hover {
  background-color: transparent;
}
.woocommerce table.variations tr td label,
.woocommerce table.variations tr td a,
.woocommerce table.variations tr th label,
.woocommerce table.variations tr th a {
  font-size: 12px;
  color: #191919;
  margin-top: 8px;
  font-weight: 400;
  font-style: normal;
}
.woocommerce table.variations tr td label .woo-selected-variation-item-name,
.woocommerce table.variations tr td a .woo-selected-variation-item-name,
.woocommerce table.variations tr th label .woo-selected-variation-item-name,
.woocommerce table.variations tr th a .woo-selected-variation-item-name {
  color: var(--e-global-color-secondary);
}

.ctm-gate-selection .gfield_radio,
.ctm-mail-selection .gfield_radio {
  display: none;
}
.ctm-gate-selection .ctm-image-choice-container,
.ctm-mail-selection .ctm-image-choice-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
.ctm-gate-selection .ctm-image-choice-container a.ctm-image,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px;
  text-decoration: none;
}
.ctm-gate-selection .ctm-image-choice-container a.ctm-image:hover, .ctm-gate-selection .ctm-image-choice-container a.ctm-image.selected,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image:hover,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image.selected {
  border: 2px solid var(--e-a-border-color-bold);
}
.ctm-gate-selection .ctm-image-choice-container a.ctm-image:hover span, .ctm-gate-selection .ctm-image-choice-container a.ctm-image.selected span,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image:hover span,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image.selected span {
  font-weight: 700;
}
.ctm-gate-selection .ctm-image-choice-container a.ctm-image.selected::before,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image.selected::before {
  background-image: var(--wvs-tick);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.ctm-gate-selection .ctm-image-choice-container a.ctm-image img,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image img {
  max-width: 300px;
  height: auto;
}
.ctm-gate-selection .ctm-image-choice-container a.ctm-image span,
.ctm-mail-selection .ctm-image-choice-container a.ctm-image span {
  display: block;
  margin-top: 15px;
  text-align: center;
  color: var(--e-global-color-text);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

a.ctm-submit-request-button {
  font-family: "Open Sans", Sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  fill: var(--e-global-color-30d4ec3);
  color: var(--e-global-color-30d4ec3);
  background-color: var(--e-global-color-primary);
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: var(--e-global-color-primary);
  border-radius: 0px 0px 0px 0px;
}

.ctm-offer-toggle a.bdt-show-hide-title {
  display: none !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item {
  border: 2px solid black;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item {
  width: 100px !important;
  height: 100px !important;
}
@media (max-width: 450px) {
  .woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item {
    width: 75px !important;
    height: 75px !important;
  }
}

/*# sourceMappingURL=codevision-traumzaun-mod.css.map */