@charset "UTF-8";
.wood .titlearea .contentWrapper .col-md-9:has(.categoryicon) img {
  margin-right: 1rem;
  width: 45px;
}
.wood .titlearea .contentWrapper .titleareaHeadline::before, .wood .titlearea .contentWrapper .titleareaHeadline::after {
  border: none !important;
  height: 0 !important;
  width: 0 !important;
}
.wood .jumpmarks button, .wood .jumpmarks .btn-primary {
  background: #3EA536;
  border: none;
  color: black !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}
.wood .jumpmarks button svg path, .wood .jumpmarks .btn-primary svg path {
  fill: black;
}
.wood .jumpmarks button + .btn-primary, .wood .jumpmarks .btn-primary + .btn-primary {
  margin-left: 1px;
}
.wood .intro p .Helvetica {
  display: none;
}
.wood .intro p .Helvetica + br {
  display: none;
}
.wood .intro ul {
  position: relative;
  float: left;
  width: 100%;
}
@media (max-width: 991.98px) {
  .wood .intro ul {
    width: auto;
  }
}
.wood .noticeBox::before {
  background: url(../Images/osmo-lightbulb.svg) no-repeat;
}
.wood .noticeBox .headline p:first-child {
  font-weight: 700;
  margin-bottom: 0;
}
.wood .noticeBox .headline p:last-child {
  margin-bottom: 1rem;
}
.wood .noticeBox .imageWrapper {
  max-height: 150px;
  overflow: hidden;
  margin-bottom: 1rem;
}
@media (max-width: 991.98px) {
  .wood .noticeBox .imageWrapper {
    margin-bottom: 0;
  }
}
.wood .noticeBox .imageWrapper img {
  width: 130% !important;
  left: -15%;
  top: -30px;
}
@media (max-width: 991.98px) {
  .wood .noticeBox .contentWrapper {
    margin-bottom: 1rem;
  }
}
.wood .noticeBox .contentWrapper .row {
  margin: 0;
}
.wood .noticeBox .contentWrapper .row img {
  width: 40px !important;
  height: 40px !important;
  padding: 0;
  margin-right: 0.75rem;
}
.wood .noticeBox .contentWrapper .row img + div {
  width: auto;
  font-weight: 700;
}
.wood .noticeBox .contentWrapper .row img + div p {
  font-weight: 700;
}
.wood .noticeBox .contentWrapper .row ul {
  padding-left: 1rem;
  margin-bottom: 0;
}
.wood .noticeBox .contentWrapper .row div:has(ul) {
  padding: 0;
}
.wood .FlexTable {
  position: relative;
  float: left;
  margin: 0 1rem;
}
.wood .FlexTable tbody tr td:has(.Attribute-Label-1884), .wood .FlexTable tbody tr td:has(.Attribute-Label-2699), .wood .FlexTable tbody tr td:has(.Attribute-Label-2708), .wood .FlexTable tbody tr td:has(.Attribute-Label-2696), .wood .FlexTable tbody tr td:has(.Attribute-Label-2706), .wood .FlexTable tbody tr td:has(.Attribute-Label-2670) {
  display: none;
}
.wood .FlexTable tbody tr td .Attribute-Label-2697 {
  position: relative;
}
.wood .FlexTable tbody tr td .Attribute-Label-2697::before {
  content: "";
  position: absolute;
  bottom: calc(-1rem - 10px);
  top: 8px;
  left: -18px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid #3EA536;
}
.wood .FlexTable tbody tr td .Attribute-Label-2698 {
  position: relative;
}
.wood .FlexTable tbody tr td .Attribute-Label-2698::before {
  content: "";
  position: absolute;
  bottom: calc(-1rem - 10px);
  top: 8px;
  left: -15px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #3EA536;
}
.wood .FlexTable tbody tr:has(.Field_2697), .wood .FlexTable tbody tr:has(.Field_2698) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.wood .FlexTable tbody tr:has(.Field_2697) td .Field_2697 div,
.wood .FlexTable tbody tr:has(.Field_2697) td .Field_2698 div, .wood .FlexTable tbody tr:has(.Field_2698) td .Field_2697 div,
.wood .FlexTable tbody tr:has(.Field_2698) td .Field_2698 div {
  font-weight: 700;
}
.wood .FlexTable tbody tr:has(.Field_2697) {
  border-bottom: 1px solid black;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.wood .FlexTable tbody tr:has(.Attribute-Label-1690) td {
  padding-top: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.wood .FlexTable tbody tr:has(.Attribute-Label-1690) td:nth-child(even) {
  text-align: right;
}
.wood .FlexTable tbody tr:has(.Attribute-Label-1690) td .Attribute-Label-1690 {
  font-weight: 700;
}
.wood .FlexTable tbody tr:has(.Attribute-Label-573) td, .wood .FlexTable tbody tr:has(.Attribute-Label-483) td, .wood .FlexTable tbody tr:has(.Attribute-Label-997) td, .wood .FlexTable tbody tr:has(.Attribute-Label-2729) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  padding: 0.5rem 0;
}
.wood .FlexTable tbody tr:has(.Attribute-Label-573) td:nth-child(even), .wood .FlexTable tbody tr:has(.Attribute-Label-483) td:nth-child(even), .wood .FlexTable tbody tr:has(.Attribute-Label-997) td:nth-child(even), .wood .FlexTable tbody tr:has(.Attribute-Label-2729) td:nth-child(even) {
  text-align: right;
}
.wood .FlexTable tbody tr:has(.Attribute-Label-573) .Attribute-Label-573,
.wood .FlexTable tbody tr:has(.Attribute-Label-573) .Attribute-Label-483,
.wood .FlexTable tbody tr:has(.Attribute-Label-573) .Attribute-Label-997,
.wood .FlexTable tbody tr:has(.Attribute-Label-573) .Attribute-Label-2729, .wood .FlexTable tbody tr:has(.Attribute-Label-483) .Attribute-Label-573,
.wood .FlexTable tbody tr:has(.Attribute-Label-483) .Attribute-Label-483,
.wood .FlexTable tbody tr:has(.Attribute-Label-483) .Attribute-Label-997,
.wood .FlexTable tbody tr:has(.Attribute-Label-483) .Attribute-Label-2729, .wood .FlexTable tbody tr:has(.Attribute-Label-997) .Attribute-Label-573,
.wood .FlexTable tbody tr:has(.Attribute-Label-997) .Attribute-Label-483,
.wood .FlexTable tbody tr:has(.Attribute-Label-997) .Attribute-Label-997,
.wood .FlexTable tbody tr:has(.Attribute-Label-997) .Attribute-Label-2729, .wood .FlexTable tbody tr:has(.Attribute-Label-2729) .Attribute-Label-573,
.wood .FlexTable tbody tr:has(.Attribute-Label-2729) .Attribute-Label-483,
.wood .FlexTable tbody tr:has(.Attribute-Label-2729) .Attribute-Label-997,
.wood .FlexTable tbody tr:has(.Attribute-Label-2729) .Attribute-Label-2729 {
  font-weight: 700;
}
.wood .FlexTable tbody tr:has(.Field_2670) .Field_2670 {
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.wood .hidden {
  display: none !important;
}
.wood .inactive picture, .wood .inactive .contentWrapper {
  opacity: 0.5;
}
.wood .inactive .zoom-result {
  opacity: 1;
}
.wood .references h2 {
  margin-bottom: 3rem !important;
}
.wood .references .imageWrapper::before {
  height: 0;
  width: 0;
}
.wood .references .imageWrapper img {
  max-width: 60%;
  margin: 1rem 0;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wood .references .h5::before, .wood .references .h5::after {
  border: none !important;
  width: 0 !important;
  height: 0 !important;
}
.wood .references:has(.borderTopFullWidth) h2 {
  margin-bottom: 0 !important;
}
.wood .references:has(.borderTopFullWidth) img {
  max-width: 100%;
  left: 0;
  transform: none;
  margin: 0;
}
.wood .references:has(.borderTopFullWidth) + section .contentWrapper {
  width: calc(100% - 1.5rem) !important;
}
.wood .accordionWrapper .card-header {
  transition: all 0.5s ease-in-out;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.wood .accordionWrapper .card-header::after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  right: 0;
  top: calc(1rem + 5px);
  width: 15px;
  height: 15px;
  background: url(../Icons/arrow-g.svg) no-repeat;
  transform: rotate(90deg);
}
.wood .accordionWrapper .card-header[aria-expanded=true]::after {
  transition: all 0.5s ease-in-out;
  content: "";
  position: absolute;
  right: 0;
  top: calc(1rem + 5px);
  width: 15px;
  height: 15px;
  background: url(../Icons/arrow-g.svg) no-repeat;
  transform: rotate(-90deg);
}
.wood .accordionWrapper .card-body {
  margin-bottom: 1rem;
}
.wood .productOverviewList .product .contentwrapper .btn-primary svg path {
  fill: #3EA536;
}

.productHeader {
  position: relative;
  float: left;
  width: 100%;
}
.productHeader .productHeaderInner {
  height: 700px;
}
@media (max-width: 767.98px) {
  .productHeader .productHeaderInner #images-container {
    display: block !important;
    top: 0;
    position: absolute !important;
    height: 100%;
    max-height: 350px;
  }
}
.productHeader .productHeaderInner #images-container .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.productHeader .productHeaderInner #images-container .image[data-active=active] {
  opacity: 1;
}
.productHeader .productHeaderInner #images-container .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
.productHeader .productHeaderInner .btn-primary {
  background: white !important;
  color: black !important;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
}
.productHeader .productHeaderInner .btn-primary svg path {
  fill: #3EA536 !important;
}
.productHeader .productHeaderInner .btn-primary:hover {
  background: #3EA536 !important;
  color: white !important;
}
.productHeader .productHeaderInner .btn-primary:hover svg path {
  fill: white !important;
}
.productHeader .productHeaderHeadline {
  font-size: 60px !important;
}
.productHeader .subline::before {
  border: none;
}
.productHeader .subline::after {
  height: 0;
  background: none;
}

.colorChoice .tableDetailWrapper .flexTable {
  width: 100%;
  margin-bottom: 0.5rem;
}

.decking .container h2,
.underconstruction .container h2,
.substructure .container h2,
.attachments .container h2,
.accessories .container h2 {
  margin-bottom: 3rem !important;
}
.decking .container .decking,
.decking .container .substructure,
.decking .container .attachments,
.decking .container .accessory,
.decking .container .accessories,
.underconstruction .container .decking,
.underconstruction .container .substructure,
.underconstruction .container .attachments,
.underconstruction .container .accessory,
.underconstruction .container .accessories,
.substructure .container .decking,
.substructure .container .substructure,
.substructure .container .attachments,
.substructure .container .accessory,
.substructure .container .accessories,
.attachments .container .decking,
.attachments .container .substructure,
.attachments .container .attachments,
.attachments .container .accessory,
.attachments .container .accessories,
.accessories .container .decking,
.accessories .container .substructure,
.accessories .container .attachments,
.accessories .container .accessory,
.accessories .container .accessories {
  margin-bottom: 3rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .decking .container .decking,
  .decking .container .substructure,
  .decking .container .attachments,
  .decking .container .accessory,
  .decking .container .accessories,
  .underconstruction .container .decking,
  .underconstruction .container .substructure,
  .underconstruction .container .attachments,
  .underconstruction .container .accessory,
  .underconstruction .container .accessories,
  .substructure .container .decking,
  .substructure .container .substructure,
  .substructure .container .attachments,
  .substructure .container .accessory,
  .substructure .container .accessories,
  .attachments .container .decking,
  .attachments .container .substructure,
  .attachments .container .attachments,
  .attachments .container .accessory,
  .attachments .container .accessories,
  .accessories .container .decking,
  .accessories .container .substructure,
  .accessories .container .attachments,
  .accessories .container .accessory,
  .accessories .container .accessories {
    width: 50%;
  }
}
.decking .container .decking .FlexTable,
.decking .container .substructure .FlexTable,
.decking .container .attachments .FlexTable,
.decking .container .accessory .FlexTable,
.decking .container .accessories .FlexTable,
.underconstruction .container .decking .FlexTable,
.underconstruction .container .substructure .FlexTable,
.underconstruction .container .attachments .FlexTable,
.underconstruction .container .accessory .FlexTable,
.underconstruction .container .accessories .FlexTable,
.substructure .container .decking .FlexTable,
.substructure .container .substructure .FlexTable,
.substructure .container .attachments .FlexTable,
.substructure .container .accessory .FlexTable,
.substructure .container .accessories .FlexTable,
.attachments .container .decking .FlexTable,
.attachments .container .substructure .FlexTable,
.attachments .container .attachments .FlexTable,
.attachments .container .accessory .FlexTable,
.attachments .container .accessories .FlexTable,
.accessories .container .decking .FlexTable,
.accessories .container .substructure .FlexTable,
.accessories .container .attachments .FlexTable,
.accessories .container .accessory .FlexTable,
.accessories .container .accessories .FlexTable {
  width: 100%;
  margin: 0;
}
.decking .container .decking .FlexTable tr,
.decking .container .substructure .FlexTable tr,
.decking .container .attachments .FlexTable tr,
.decking .container .accessory .FlexTable tr,
.decking .container .accessories .FlexTable tr,
.underconstruction .container .decking .FlexTable tr,
.underconstruction .container .substructure .FlexTable tr,
.underconstruction .container .attachments .FlexTable tr,
.underconstruction .container .accessory .FlexTable tr,
.underconstruction .container .accessories .FlexTable tr,
.substructure .container .decking .FlexTable tr,
.substructure .container .substructure .FlexTable tr,
.substructure .container .attachments .FlexTable tr,
.substructure .container .accessory .FlexTable tr,
.substructure .container .accessories .FlexTable tr,
.attachments .container .decking .FlexTable tr,
.attachments .container .substructure .FlexTable tr,
.attachments .container .attachments .FlexTable tr,
.attachments .container .accessory .FlexTable tr,
.attachments .container .accessories .FlexTable tr,
.accessories .container .decking .FlexTable tr,
.accessories .container .substructure .FlexTable tr,
.accessories .container .attachments .FlexTable tr,
.accessories .container .accessory .FlexTable tr,
.accessories .container .accessories .FlexTable tr {
  width: 100%;
  position: relative;
  float: left;
  display: inline-flex;
}
.decking .container .decking .FlexTable tr td,
.decking .container .substructure .FlexTable tr td,
.decking .container .attachments .FlexTable tr td,
.decking .container .accessory .FlexTable tr td,
.decking .container .accessories .FlexTable tr td,
.underconstruction .container .decking .FlexTable tr td,
.underconstruction .container .substructure .FlexTable tr td,
.underconstruction .container .attachments .FlexTable tr td,
.underconstruction .container .accessory .FlexTable tr td,
.underconstruction .container .accessories .FlexTable tr td,
.substructure .container .decking .FlexTable tr td,
.substructure .container .substructure .FlexTable tr td,
.substructure .container .attachments .FlexTable tr td,
.substructure .container .accessory .FlexTable tr td,
.substructure .container .accessories .FlexTable tr td,
.attachments .container .decking .FlexTable tr td,
.attachments .container .substructure .FlexTable tr td,
.attachments .container .attachments .FlexTable tr td,
.attachments .container .accessory .FlexTable tr td,
.attachments .container .accessories .FlexTable tr td,
.accessories .container .decking .FlexTable tr td,
.accessories .container .substructure .FlexTable tr td,
.accessories .container .attachments .FlexTable tr td,
.accessories .container .accessory .FlexTable tr td,
.accessories .container .accessories .FlexTable tr td {
  width: 50%;
  position: relative;
  float: left;
}
.decking .container .decking .FlexTable tr td img,
.decking .container .substructure .FlexTable tr td img,
.decking .container .attachments .FlexTable tr td img,
.decking .container .accessory .FlexTable tr td img,
.decking .container .accessories .FlexTable tr td img,
.underconstruction .container .decking .FlexTable tr td img,
.underconstruction .container .substructure .FlexTable tr td img,
.underconstruction .container .attachments .FlexTable tr td img,
.underconstruction .container .accessory .FlexTable tr td img,
.underconstruction .container .accessories .FlexTable tr td img,
.substructure .container .decking .FlexTable tr td img,
.substructure .container .substructure .FlexTable tr td img,
.substructure .container .attachments .FlexTable tr td img,
.substructure .container .accessory .FlexTable tr td img,
.substructure .container .accessories .FlexTable tr td img,
.attachments .container .decking .FlexTable tr td img,
.attachments .container .substructure .FlexTable tr td img,
.attachments .container .attachments .FlexTable tr td img,
.attachments .container .accessory .FlexTable tr td img,
.attachments .container .accessories .FlexTable tr td img,
.accessories .container .decking .FlexTable tr td img,
.accessories .container .substructure .FlexTable tr td img,
.accessories .container .attachments .FlexTable tr td img,
.accessories .container .accessory .FlexTable tr td img,
.accessories .container .accessories .FlexTable tr td img {
  width: 30px;
}
.decking .container .decking .FlexTable tr td span.Attribute-Label-2697,
.decking .container .decking .FlexTable tr td span.Attribute-Label-2698,
.decking .container .substructure .FlexTable tr td span.Attribute-Label-2697,
.decking .container .substructure .FlexTable tr td span.Attribute-Label-2698,
.decking .container .attachments .FlexTable tr td span.Attribute-Label-2697,
.decking .container .attachments .FlexTable tr td span.Attribute-Label-2698,
.decking .container .accessory .FlexTable tr td span.Attribute-Label-2697,
.decking .container .accessory .FlexTable tr td span.Attribute-Label-2698,
.decking .container .accessories .FlexTable tr td span.Attribute-Label-2697,
.decking .container .accessories .FlexTable tr td span.Attribute-Label-2698,
.underconstruction .container .decking .FlexTable tr td span.Attribute-Label-2697,
.underconstruction .container .decking .FlexTable tr td span.Attribute-Label-2698,
.underconstruction .container .substructure .FlexTable tr td span.Attribute-Label-2697,
.underconstruction .container .substructure .FlexTable tr td span.Attribute-Label-2698,
.underconstruction .container .attachments .FlexTable tr td span.Attribute-Label-2697,
.underconstruction .container .attachments .FlexTable tr td span.Attribute-Label-2698,
.underconstruction .container .accessory .FlexTable tr td span.Attribute-Label-2697,
.underconstruction .container .accessory .FlexTable tr td span.Attribute-Label-2698,
.underconstruction .container .accessories .FlexTable tr td span.Attribute-Label-2697,
.underconstruction .container .accessories .FlexTable tr td span.Attribute-Label-2698,
.substructure .container .decking .FlexTable tr td span.Attribute-Label-2697,
.substructure .container .decking .FlexTable tr td span.Attribute-Label-2698,
.substructure .container .substructure .FlexTable tr td span.Attribute-Label-2697,
.substructure .container .substructure .FlexTable tr td span.Attribute-Label-2698,
.substructure .container .attachments .FlexTable tr td span.Attribute-Label-2697,
.substructure .container .attachments .FlexTable tr td span.Attribute-Label-2698,
.substructure .container .accessory .FlexTable tr td span.Attribute-Label-2697,
.substructure .container .accessory .FlexTable tr td span.Attribute-Label-2698,
.substructure .container .accessories .FlexTable tr td span.Attribute-Label-2697,
.substructure .container .accessories .FlexTable tr td span.Attribute-Label-2698,
.attachments .container .decking .FlexTable tr td span.Attribute-Label-2697,
.attachments .container .decking .FlexTable tr td span.Attribute-Label-2698,
.attachments .container .substructure .FlexTable tr td span.Attribute-Label-2697,
.attachments .container .substructure .FlexTable tr td span.Attribute-Label-2698,
.attachments .container .attachments .FlexTable tr td span.Attribute-Label-2697,
.attachments .container .attachments .FlexTable tr td span.Attribute-Label-2698,
.attachments .container .accessory .FlexTable tr td span.Attribute-Label-2697,
.attachments .container .accessory .FlexTable tr td span.Attribute-Label-2698,
.attachments .container .accessories .FlexTable tr td span.Attribute-Label-2697,
.attachments .container .accessories .FlexTable tr td span.Attribute-Label-2698,
.accessories .container .decking .FlexTable tr td span.Attribute-Label-2697,
.accessories .container .decking .FlexTable tr td span.Attribute-Label-2698,
.accessories .container .substructure .FlexTable tr td span.Attribute-Label-2697,
.accessories .container .substructure .FlexTable tr td span.Attribute-Label-2698,
.accessories .container .attachments .FlexTable tr td span.Attribute-Label-2697,
.accessories .container .attachments .FlexTable tr td span.Attribute-Label-2698,
.accessories .container .accessory .FlexTable tr td span.Attribute-Label-2697,
.accessories .container .accessory .FlexTable tr td span.Attribute-Label-2698,
.accessories .container .accessories .FlexTable tr td span.Attribute-Label-2697,
.accessories .container .accessories .FlexTable tr td span.Attribute-Label-2698 {
  float: right;
}
.decking .container .decking .FlexTable tr td:has(.Field_2670),
.decking .container .substructure .FlexTable tr td:has(.Field_2670),
.decking .container .attachments .FlexTable tr td:has(.Field_2670),
.decking .container .accessory .FlexTable tr td:has(.Field_2670),
.decking .container .accessories .FlexTable tr td:has(.Field_2670),
.underconstruction .container .decking .FlexTable tr td:has(.Field_2670),
.underconstruction .container .substructure .FlexTable tr td:has(.Field_2670),
.underconstruction .container .attachments .FlexTable tr td:has(.Field_2670),
.underconstruction .container .accessory .FlexTable tr td:has(.Field_2670),
.underconstruction .container .accessories .FlexTable tr td:has(.Field_2670),
.substructure .container .decking .FlexTable tr td:has(.Field_2670),
.substructure .container .substructure .FlexTable tr td:has(.Field_2670),
.substructure .container .attachments .FlexTable tr td:has(.Field_2670),
.substructure .container .accessory .FlexTable tr td:has(.Field_2670),
.substructure .container .accessories .FlexTable tr td:has(.Field_2670),
.attachments .container .decking .FlexTable tr td:has(.Field_2670),
.attachments .container .substructure .FlexTable tr td:has(.Field_2670),
.attachments .container .attachments .FlexTable tr td:has(.Field_2670),
.attachments .container .accessory .FlexTable tr td:has(.Field_2670),
.attachments .container .accessories .FlexTable tr td:has(.Field_2670),
.accessories .container .decking .FlexTable tr td:has(.Field_2670),
.accessories .container .substructure .FlexTable tr td:has(.Field_2670),
.accessories .container .attachments .FlexTable tr td:has(.Field_2670),
.accessories .container .accessory .FlexTable tr td:has(.Field_2670),
.accessories .container .accessories .FlexTable tr td:has(.Field_2670) {
  width: 100%;
}
.decking .container .decking .FlexTable tr:first-of-type td img,
.decking .container .substructure .FlexTable tr:first-of-type td img,
.decking .container .attachments .FlexTable tr:first-of-type td img,
.decking .container .accessory .FlexTable tr:first-of-type td img,
.decking .container .accessories .FlexTable tr:first-of-type td img,
.underconstruction .container .decking .FlexTable tr:first-of-type td img,
.underconstruction .container .substructure .FlexTable tr:first-of-type td img,
.underconstruction .container .attachments .FlexTable tr:first-of-type td img,
.underconstruction .container .accessory .FlexTable tr:first-of-type td img,
.underconstruction .container .accessories .FlexTable tr:first-of-type td img,
.substructure .container .decking .FlexTable tr:first-of-type td img,
.substructure .container .substructure .FlexTable tr:first-of-type td img,
.substructure .container .attachments .FlexTable tr:first-of-type td img,
.substructure .container .accessory .FlexTable tr:first-of-type td img,
.substructure .container .accessories .FlexTable tr:first-of-type td img,
.attachments .container .decking .FlexTable tr:first-of-type td img,
.attachments .container .substructure .FlexTable tr:first-of-type td img,
.attachments .container .attachments .FlexTable tr:first-of-type td img,
.attachments .container .accessory .FlexTable tr:first-of-type td img,
.attachments .container .accessories .FlexTable tr:first-of-type td img,
.accessories .container .decking .FlexTable tr:first-of-type td img,
.accessories .container .substructure .FlexTable tr:first-of-type td img,
.accessories .container .attachments .FlexTable tr:first-of-type td img,
.accessories .container .accessory .FlexTable tr:first-of-type td img,
.accessories .container .accessories .FlexTable tr:first-of-type td img {
  width: 100%;
  border: 1px solid;
  margin-bottom: 1rem;
}
.decking .container .decking .FlexTable tr:first-of-type td:has(img),
.decking .container .substructure .FlexTable tr:first-of-type td:has(img),
.decking .container .attachments .FlexTable tr:first-of-type td:has(img),
.decking .container .accessory .FlexTable tr:first-of-type td:has(img),
.decking .container .accessories .FlexTable tr:first-of-type td:has(img),
.underconstruction .container .decking .FlexTable tr:first-of-type td:has(img),
.underconstruction .container .substructure .FlexTable tr:first-of-type td:has(img),
.underconstruction .container .attachments .FlexTable tr:first-of-type td:has(img),
.underconstruction .container .accessory .FlexTable tr:first-of-type td:has(img),
.underconstruction .container .accessories .FlexTable tr:first-of-type td:has(img),
.substructure .container .decking .FlexTable tr:first-of-type td:has(img),
.substructure .container .substructure .FlexTable tr:first-of-type td:has(img),
.substructure .container .attachments .FlexTable tr:first-of-type td:has(img),
.substructure .container .accessory .FlexTable tr:first-of-type td:has(img),
.substructure .container .accessories .FlexTable tr:first-of-type td:has(img),
.attachments .container .decking .FlexTable tr:first-of-type td:has(img),
.attachments .container .substructure .FlexTable tr:first-of-type td:has(img),
.attachments .container .attachments .FlexTable tr:first-of-type td:has(img),
.attachments .container .accessory .FlexTable tr:first-of-type td:has(img),
.attachments .container .accessories .FlexTable tr:first-of-type td:has(img),
.accessories .container .decking .FlexTable tr:first-of-type td:has(img),
.accessories .container .substructure .FlexTable tr:first-of-type td:has(img),
.accessories .container .attachments .FlexTable tr:first-of-type td:has(img),
.accessories .container .accessory .FlexTable tr:first-of-type td:has(img),
.accessories .container .accessories .FlexTable tr:first-of-type td:has(img) {
  position: relative;
  float: left;
  width: 100%;
}
.decking .container .decking .FlexTable tr:has(span.Attribute-Label-2698),
.decking .container .substructure .FlexTable tr:has(span.Attribute-Label-2698),
.decking .container .attachments .FlexTable tr:has(span.Attribute-Label-2698),
.decking .container .accessory .FlexTable tr:has(span.Attribute-Label-2698),
.decking .container .accessories .FlexTable tr:has(span.Attribute-Label-2698),
.underconstruction .container .decking .FlexTable tr:has(span.Attribute-Label-2698),
.underconstruction .container .substructure .FlexTable tr:has(span.Attribute-Label-2698),
.underconstruction .container .attachments .FlexTable tr:has(span.Attribute-Label-2698),
.underconstruction .container .accessory .FlexTable tr:has(span.Attribute-Label-2698),
.underconstruction .container .accessories .FlexTable tr:has(span.Attribute-Label-2698),
.substructure .container .decking .FlexTable tr:has(span.Attribute-Label-2698),
.substructure .container .substructure .FlexTable tr:has(span.Attribute-Label-2698),
.substructure .container .attachments .FlexTable tr:has(span.Attribute-Label-2698),
.substructure .container .accessory .FlexTable tr:has(span.Attribute-Label-2698),
.substructure .container .accessories .FlexTable tr:has(span.Attribute-Label-2698),
.attachments .container .decking .FlexTable tr:has(span.Attribute-Label-2698),
.attachments .container .substructure .FlexTable tr:has(span.Attribute-Label-2698),
.attachments .container .attachments .FlexTable tr:has(span.Attribute-Label-2698),
.attachments .container .accessory .FlexTable tr:has(span.Attribute-Label-2698),
.attachments .container .accessories .FlexTable tr:has(span.Attribute-Label-2698),
.accessories .container .decking .FlexTable tr:has(span.Attribute-Label-2698),
.accessories .container .substructure .FlexTable tr:has(span.Attribute-Label-2698),
.accessories .container .attachments .FlexTable tr:has(span.Attribute-Label-2698),
.accessories .container .accessory .FlexTable tr:has(span.Attribute-Label-2698),
.accessories .container .accessories .FlexTable tr:has(span.Attribute-Label-2698) {
  margin-bottom: 1.5rem;
}
.decking .container .decking.active::before,
.decking .container .substructure.active::before,
.decking .container .attachments.active::before,
.decking .container .accessory.active::before,
.decking .container .accessories.active::before,
.underconstruction .container .decking.active::before,
.underconstruction .container .substructure.active::before,
.underconstruction .container .attachments.active::before,
.underconstruction .container .accessory.active::before,
.underconstruction .container .accessories.active::before,
.substructure .container .decking.active::before,
.substructure .container .substructure.active::before,
.substructure .container .attachments.active::before,
.substructure .container .accessory.active::before,
.substructure .container .accessories.active::before,
.attachments .container .decking.active::before,
.attachments .container .substructure.active::before,
.attachments .container .attachments.active::before,
.attachments .container .accessory.active::before,
.attachments .container .accessories.active::before,
.accessories .container .decking.active::before,
.accessories .container .substructure.active::before,
.accessories .container .attachments.active::before,
.accessories .container .accessory.active::before,
.accessories .container .accessories.active::before {
  content: "ausgewählt";
  position: absolute;
  color: white;
  font-size: 0.8rem;
  top: 0;
  left: calc(var(--bs-gutter-x) * 0.5);
  padding: 0.25rem 0.5rem;
  background: #3EA536;
}
.decking.active,
.underconstruction.active,
.substructure.active,
.attachments.active,
.accessories.active {
  border: none !important;
  position: relative;
}
.decking.active .FlexTable tr:first-of-type td:has(img)::before,
.underconstruction.active .FlexTable tr:first-of-type td:has(img)::before,
.substructure.active .FlexTable tr:first-of-type td:has(img)::before,
.attachments.active .FlexTable tr:first-of-type td:has(img)::before,
.accessories.active .FlexTable tr:first-of-type td:has(img)::before {
  content: "ausgewählt";
  position: absolute;
  top: 1px;
  left: 1px;
  background: #3ea536;
  width: auto;
  color: white;
  padding: 0.5rem;
}
.decking .swiperItem .itemValueTypes .itemValueLabel,
.underconstruction .swiperItem .itemValueTypes .itemValueLabel,
.substructure .swiperItem .itemValueTypes .itemValueLabel,
.attachments .swiperItem .itemValueTypes .itemValueLabel,
.accessories .swiperItem .itemValueTypes .itemValueLabel {
  position: absolute;
  right: 0;
}
.decking .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelTop::before,
.underconstruction .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelTop::before,
.substructure .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelTop::before,
.attachments .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelTop::before,
.accessories .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelTop::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid #3EA536;
}
.decking .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelBottom::before,
.underconstruction .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelBottom::before,
.substructure .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelBottom::before,
.attachments .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelBottom::before,
.accessories .swiperItem .itemValueTypes .itemValueLabel.itemValueLabelBottom::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #3EA536;
}
.decking .swiperItem .itemValueTypesTable,
.underconstruction .swiperItem .itemValueTypesTable,
.substructure .swiperItem .itemValueTypesTable,
.attachments .swiperItem .itemValueTypesTable,
.accessories .swiperItem .itemValueTypesTable {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 1.5rem;
}
.decking .swiperItem .itemValueTypesTable tr,
.underconstruction .swiperItem .itemValueTypesTable tr,
.substructure .swiperItem .itemValueTypesTable tr,
.attachments .swiperItem .itemValueTypesTable tr,
.accessories .swiperItem .itemValueTypesTable tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.decking .swiperItem .itemValueTypesTable tr th, .decking .swiperItem .itemValueTypesTable tr td,
.underconstruction .swiperItem .itemValueTypesTable tr th,
.underconstruction .swiperItem .itemValueTypesTable tr td,
.substructure .swiperItem .itemValueTypesTable tr th,
.substructure .swiperItem .itemValueTypesTable tr td,
.attachments .swiperItem .itemValueTypesTable tr th,
.attachments .swiperItem .itemValueTypesTable tr td,
.accessories .swiperItem .itemValueTypesTable tr th,
.accessories .swiperItem .itemValueTypesTable tr td {
  width: 50%;
  position: relative;
  float: left;
  padding: 0.5rem 0;
}
.decking .swiperItem .itemValueTypesTable tr th:last-of-type span, .decking .swiperItem .itemValueTypesTable tr td:last-of-type span,
.underconstruction .swiperItem .itemValueTypesTable tr th:last-of-type span,
.underconstruction .swiperItem .itemValueTypesTable tr td:last-of-type span,
.substructure .swiperItem .itemValueTypesTable tr th:last-of-type span,
.substructure .swiperItem .itemValueTypesTable tr td:last-of-type span,
.attachments .swiperItem .itemValueTypesTable tr th:last-of-type span,
.attachments .swiperItem .itemValueTypesTable tr td:last-of-type span,
.accessories .swiperItem .itemValueTypesTable tr th:last-of-type span,
.accessories .swiperItem .itemValueTypesTable tr td:last-of-type span {
  float: right;
}
.decking .swiperItem .deckingLength,
.decking .swiperItem .substructureLength,
.decking .swiperItem .substructureAdditionalLengthInfo,
.decking .swiperItem .attachmentsLength,
.decking .swiperItem .accessoriesLength,
.underconstruction .swiperItem .deckingLength,
.underconstruction .swiperItem .substructureLength,
.underconstruction .swiperItem .substructureAdditionalLengthInfo,
.underconstruction .swiperItem .attachmentsLength,
.underconstruction .swiperItem .accessoriesLength,
.substructure .swiperItem .deckingLength,
.substructure .swiperItem .substructureLength,
.substructure .swiperItem .substructureAdditionalLengthInfo,
.substructure .swiperItem .attachmentsLength,
.substructure .swiperItem .accessoriesLength,
.attachments .swiperItem .deckingLength,
.attachments .swiperItem .substructureLength,
.attachments .swiperItem .substructureAdditionalLengthInfo,
.attachments .swiperItem .attachmentsLength,
.attachments .swiperItem .accessoriesLength,
.accessories .swiperItem .deckingLength,
.accessories .swiperItem .substructureLength,
.accessories .swiperItem .substructureAdditionalLengthInfo,
.accessories .swiperItem .attachmentsLength,
.accessories .swiperItem .accessoriesLength {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 0.5rem;
}
.decking .swiperItem .deckingLength p,
.decking .swiperItem .substructureLength p,
.decking .swiperItem .substructureAdditionalLengthInfo p,
.decking .swiperItem .attachmentsLength p,
.decking .swiperItem .accessoriesLength p,
.underconstruction .swiperItem .deckingLength p,
.underconstruction .swiperItem .substructureLength p,
.underconstruction .swiperItem .substructureAdditionalLengthInfo p,
.underconstruction .swiperItem .attachmentsLength p,
.underconstruction .swiperItem .accessoriesLength p,
.substructure .swiperItem .deckingLength p,
.substructure .swiperItem .substructureLength p,
.substructure .swiperItem .substructureAdditionalLengthInfo p,
.substructure .swiperItem .attachmentsLength p,
.substructure .swiperItem .accessoriesLength p,
.attachments .swiperItem .deckingLength p,
.attachments .swiperItem .substructureLength p,
.attachments .swiperItem .substructureAdditionalLengthInfo p,
.attachments .swiperItem .attachmentsLength p,
.attachments .swiperItem .accessoriesLength p,
.accessories .swiperItem .deckingLength p,
.accessories .swiperItem .substructureLength p,
.accessories .swiperItem .substructureAdditionalLengthInfo p,
.accessories .swiperItem .attachmentsLength p,
.accessories .swiperItem .accessoriesLength p {
  margin-bottom: 0;
}
.decking .swiperItem .imageWrapper img,
.underconstruction .swiperItem .imageWrapper img,
.substructure .swiperItem .imageWrapper img,
.attachments .swiperItem .imageWrapper img,
.accessories .swiperItem .imageWrapper img {
  height: 200px !important;
  width: auto !important;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}
.decking .contentWrapper .h5::before, .decking .contentWrapper .h5::after,
.underconstruction .contentWrapper .h5::before,
.underconstruction .contentWrapper .h5::after,
.substructure .contentWrapper .h5::before,
.substructure .contentWrapper .h5::after,
.attachments .contentWrapper .h5::before,
.attachments .contentWrapper .h5::after,
.accessories .contentWrapper .h5::before,
.accessories .contentWrapper .h5::after {
  border: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}
.decking .infoIcon,
.underconstruction .infoIcon,
.substructure .infoIcon,
.attachments .infoIcon,
.accessories .infoIcon {
  background: white;
}

.itemValueTypesTable .FlexTable {
  width: 100%;
  margin: 0;
}
.itemValueTypesTable .FlexTable tr th, .itemValueTypesTable .FlexTable tr td {
  width: 33.33% !important;
}
.itemValueTypesTable + .deckingLength,
.itemValueTypesTable + .substructureLength,
.itemValueTypesTable + .attachmentLength,
.itemValueTypesTable + .accessoriesLength {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 0.5rem;
}
.itemValueTypesTable + .deckingLength p,
.itemValueTypesTable + .substructureLength p,
.itemValueTypesTable + .attachmentLength p,
.itemValueTypesTable + .accessoriesLength p {
  margin-bottom: 0;
}

.deckingAdditionalLengthInfo {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 0.5rem;
}

.zoom-container {
  position: relative;
  display: inline-block;
}

.zoom-lens {
  position: absolute;
  border: 2px solid #ddd;
  width: 150px;
  height: 150px;
  opacity: 0.4;
  background: rgba(255, 255, 255, 0.4);
  display: none;
  cursor: crosshair;
  z-index: 99;
}

.zoom-result {
  position: absolute;
  background: white;
  top: 0;
  left: calc(100% + 15px);
  width: 400px;
  height: 400px;
  border: 1px solid #ddd;
  background-repeat: no-repeat;
  display: none;
  pointer-events: none;
  z-index: 99;
}

/*# sourceMappingURL=osmo-productdetail-wood.css.map */