@charset "UTF-8";

:root {
  --grey: rgb(227, 227, 227);
  --fullwidth: 1800px;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
body,
html {
  margin: 0;
}
html {
    scroll-behavior: smooth;
}
body,
input,
select,
textarea,
button,
td.VariantGroupLabel {
  font-family: "Poppins", "Arial", sans-serif;
  color: rgba(50, 50, 50, 1);
  font-size: 13px;
  font-weight: normal;
  -webkit-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  /*background-color: #f8f8f8;*/
  background-color: rgba(255, 255, 255, 1);
}
body.noscroll {
  overflow: hidden;
}
a {
  /*color: #375442;*/
  color: rgba(0, 0, 0, 1);
}
a:hover {
  color: rgba(71, 71, 71, 1);
}
.dark a {
  color: rgba(255, 255, 255, 1);
}
img {
  border: 0;
  max-width: 100%;
  display: block;
}
img.fullwidth {
  width: 100%;
}
.hidden {
  display: none;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0 10px;
  height: 35px;
  border-radius: 0;
  border: solid 1px rgba(237, 237, 237, 1);
  background-color: rgba(255, 255, 255, 1);
}
textarea {
  height: 60px;
  padding: 10px;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  margin: 0;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(198, 198, 198, 1);
}
input[type="radio"] {
  border-radius: 50%;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked,
.layerselector > span.active:before {
  background-color: #375442;
  border-color: #375442;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: 50% 50%;
}
input[type="submit"],
button,
input[type="button"],
.button,
.ddrd-button,
#ProductMenu_List div.container > a > span > small {
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
  border-radius: 25px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  min-height: 35px;
  font-size: 14px;
  padding: 10px 35px;
  justify-content: center;
  align-items: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  font-style: normal;
  white-space: nowrap;
}
input[type="submit"]:not(:disabled):hover,
button:not(:disabled):hover,
input[type="button"]:not(:disabled):hover,
.button:hover {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(70, 70, 70, 1);
}
input[type="submit"]:disabled,
button:disabled {
  background-color: rgba(176, 176, 176, 1);
  cursor: not-allowed;
}
input[type="submit"]:disabled.loading,
button:disabled.loading {
  cursor: progress;
}
.button.dark {
  background-color: rgba(73, 73, 73, 1);
}
.button.light {
  background-color: var(--grey);
  color: rgba(0, 0, 0, 1);
}
.button.cardlink,
.button.cardlink:hover {
  background-color: #8cada6;
  color: rgba(255, 255, 255, 1);
  width: 100%;
  display: flex;
  margin: 30px 0 5px;
  font-size: 100%;
}
.product .button,
.product input[type="submit"] {
  min-height: 0;
  font-size: inherit;
  padding: 8px 22px;
  margin-top: 10px;
}
.button.cardlink[href*="avorite"] {
  width: auto;
  display: inline-flex;
  margin: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2ZmZmZmZiIgY2xhc3M9InctNiBoLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIxIDguMjVjMC0yLjQ4NS0yLjA5OS00LjUtNC42ODgtNC41LTEuOTM1IDAtMy41OTcgMS4xMjYtNC4zMTIgMi43MzMtLjcxNS0xLjYwNy0yLjM3Ny0yLjczMy00LjMxMy0yLjczM0M1LjEgMy43NSAzIDUuNzY1IDMgOC4yNWMwIDcuMjIgOSAxMiA5IDEyczktNC43OCA5LTEyWiIgLz4KPC9zdmc+");
  background-size: 16px auto;
  background-position: 17px 50%;
  padding-left: 40px;
  padding-right: 20px;
  background-repeat: no-repeat;
}
.button.cardlink[href*="avorite"].active {
  background-color: rgba(188, 82, 83, 1);
}
.productcard .button.cardlink[href*="avorite"] {
  margin-top: 15px;
}
select {
  padding-right: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xOS41IDguMjVsLTcuNSA3LjUtNy41LTcuNSIgLz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: calc(100% - 10px) 50%;
  background-color: #f6f6f6;
}
h1,
.largeheader,
.Heading_Customer,
.Heading_B2BLogin,
.Heading_B2Blogin,
.Heading_Order4 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 26px;
  font-weight: normal;
  line-height: normal;
  display: block;
  text-align: left;
  text-align: center;
}
h2,
h3,
.mediumheader,
.productcard .info td.VariantGroupLabel,
.Heading_OrderStep4 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 25px;
  font-weight: normal;
  line-height: normal;
}
h1 + h2 {
  text-align: center;
  font-size: inherit;
  margin-bottom: 30px;
}
h4 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
}
h4:not(:first-child) {
  margin-top: 25px;
}
ul.ProductList_Custom_UL + .sortedheader{
  margin-top: 40px;
}
#checkout-container h3,
#checkout-container h2 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 19px;
  font-weight: normal;
}
h1:empty,
h2:empty,
.Heading_B2BLogin + br,
.Heading_B2BLogin_Wrapper + br {
  display: none;
}
h1.center {
  text-align: center;
}
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: rgb(206, 229, 217);
  color: #161616;
  text-align: center;
  padding: 5px 0;
  border-radius: 8px;
  left: 150%;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.container {
  width: 1800px;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
  /*display: block;*/
}
.container.medium {
  width: 1100px;
}
.container.small {
  width: 1500px;
  max-width: 90%;
}
.container.mini {
  width: 800px;
}
.container.content {
  padding-top: 5%;
  padding-bottom: 5%;
}
.container.center {
  justify-content: center;
  display: flex;
}
.textcenter {
  text-align: center;
}
.valign {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vh {
  height: calc(100vh - 75px);
}
.spacetop {
  margin-top: 50px;
}
.spacebottom {
  margin-bottom: 50px;
}
.paddingtop {
  padding-top: 60px;
}
.paddingbottom {
  padding-bottom: 60px;
}
.padding {
  padding: 3%;
}
.sand {
  background-color: #f1e7d9;
}
.beige {
  background-color: #e8d2be;
}
.green {
  background-color: #375442;
}
.green,
.green a {
  color: rgba(255, 255, 255, 1);
}
.light-green {
  background-color: #cee5d9;
}
.grey {
  background-color: #dadada;
}
.light-blue {
  background-color: #a5bacd;
}
.dark-blue {
  background-color: #03213b;
}
.dark-blue,
.dark-blue a {
  color: rgba(255, 255, 255, 1);
}
.orange {
  background-color: #ed9654;
}
.yellow {
  background-color: #ffea9f;
}

.light {
  background-color: rgba(255, 255, 255, 1);
}

p {
  line-height: 1.5;
  margin-bottom: 0;
}

* + p,
p:first-child {
  margin-top: 0;
}
* > p:last-child {
  margin-bottom: 0;
}
.count:not(:empty),
.topnavbuttons > .basket:not([data-count="0"]):before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background-color: #2a3d4c;
  color: rgba(255, 255, 255, 1);
  display: flex;
  transform: translate(-45%, -45%);
  font-size: 9px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-family: "Arial";
}
.buttonsrow {
  gap: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topbar {
  background-color: rgba(0, 0, 0, 1);
  padding: 8px 0;
  text-transform: uppercase;
}
.topbar,
.topbar a {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}
.topbar .container:not(.slick-initialized) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topbar .container:not(.slick-initialized) > *,
.topbar .slick-slide {
  display: flex !important;
  justify-content: flex-start;
}
.topbar i,
.topbar svg {
  flex: none;
  margin-right: 10px;
}
.topbar i {
  font-style: normal;
  font-family: Arial;
}
.topbar svg {
  width: 18px;
  height: auto;
}
.topbar u {
  text-decoration: none;
  font-weight: 300;
  flex: none;
  padding-left: 10px;
}

header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 1);
  transition: box-shadow 1s ease;
}
header.shadow,
.webshop-checkout header {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
header > div.container {
  display: flex;
  align-items: center;
  flex: none;
  justify-content: space-between;
}

header .logo {
  flex: none;
}
/*
header .logo img {
  height: 60px;
  width: auto;
  display: block;
}
*/
header .logo img {
  height: auto;
  width: 147px;
  display: block;
    max-width: none;
}
/*
header .search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  display: none;
}
header .search form input[type="text"] {
  height: 80px;
  border: none;
  width: 100%;
  text-align: left;
  padding: 0;
}
*/
header .shortcuts {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .shortcuts > * {
  flex: none;
  text-decoration: none;
}
header .shortcuts > :not(:last-child) {
  margin-right: 20px;
}

header .shortcuts > * > svg {
  width: 25px;
  height: auto;
  display: block;
}

#ProductMenu_List a#ActiveCategory_A {
  display: none !important;
}

/*
.outerwrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.outerwrapper > * {
    flex: none;
}
.outerwrapper > article {
    flex: auto;
}
*/

article [itemtype="https://schema.org/BreadcrumbList"]
{
  display: none;
  margin-bottom: 15px;
}
.breadcrumb {
  /*box-shadow: 0 0 30px rgba(0,0,0,.1);*/
  padding: 10px 0;
}
.breadcrumb,
.breadcrumb a {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}
.breadcrumb a.BreadCrumbLink_Active {
  /*color:#375442*/
}
.breadcrumb:empty,
.breadcrumb br {
  display: none;
}
.breadcrumb [itemtype="https://schema.org/BreadcrumbList"]
{
  display: block;
}

article {
  width: 2300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  transition: opacity 0.3s ease;
}
article.faded {
  opacity: 0.4;
  /*
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    */
}
.centerbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.topbox {
  min-height: 20vh;
  padding: 100px 0;
  background-color: #f1e7d9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  /* text-align: center; */
  position: relative;
}
.topbox.heigh,
.high {
  min-height: 45vh;
}
.topbox.heigh h1,
.topbox.high h1 {
  font-size: 50px;
}
.dark {
  color: rgba(255, 255, 255, 1);
}
.slider-align {
  display: none;
}
.slideshow {
  min-height: 200px;
}
.webshop-frontpage .slideshow:not(.slick-initialized),
.webshop-frontpage .slideshow:not(.slick-initialized) > *,
.webshop-frontpage .slideshow .slick-slide {
  height: 70vh;
}
.slideshow:not(.slick-initialized) > *,
.slideshow .slick-slide {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  padding: 40px 2%;
  background-color: rgba(255, 255, 255, 1);
}
.slideshow:not(.slick-initialized) > .hastext:after,
.slideshow .slick-slide.hastext:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.slideshow:not(.slick-initialized) > * > span,
.slideshow .slick-slide > span {
  position: relative;
  z-index: 2;
}
.slideshow:not(.slick-initialized) > :nth-child(n + 2) {
  display: none !important;
}
.slideshow .header {
  font-size: 70px;
  line-height: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
}
.slideshow .teaser {
  font-size: 18px;
}
.slideshow .button {
  margin-top: 30px;
}
.slideshow video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.calculatorcontainer.fullscreen,
.colorpicker,
.savebasketdialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(73, 73, 73, 0.6);
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calculatorcontainer.fullscreen > *:not(.calculator),
.colorpicker:not(.active),
.savebasketdialog:not(.active) {
  display: none;
}
.savebasketdialog input {
  margin-bottom: 15px;
}
.savebasketdialog input[type="text"] {
  font-size: 16px;
}
.savebasketdialog a.button {
  margin-top: 10px;
}
.savebasketdialog .basketterms {
  display: flex;
}

.buttonHolderForCalc {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: initial;
}
.buttonHolderForCalc button {
  margin-bottom: 5px;
}
/*
.calculatorcontainer:not(.fullscreen) {
    margin-top: 40px;
}
*/
.calculator {
  position: relative;
}
.calculatorcontainer .calculator {
    min-height: 300px;
}
.colorpicker > section {
  flex: none;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: column;
  position: relative;
}
.savebasketdialog > section {
  flex: none;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: column;
  position: relative;
}
.calculator.loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  background: rgba(255, 255, 255, 0.7);
  background-image: url("/images/skins/2023/images/loader.gif");
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: 50% 50%;
}
.calculatorcontainer.fullscreen .calculator,
.colorpicker > section,
.savebasketdialog > section {
  width: calc(100% - 60px);
  max-width: 1800px;
  max-height: calc(100% - 60px);
}
.colorpicker > section {
  height: 95vh;
  max-height: 95vh;
  width: 95vw;
}
.colorpicker > section > .mediumheader {
  flex: none;
  line-height: 1;
}
.calculatorcontainerWrapper .progress {
  display: flex;
  flex: none;
  position: sticky;
  z-index: 40;
  top: 70px;
}
.calculatorcontainerWrapper .progress > div {
  flex: auto;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  position: relative;
}
.calculatorcontainerWrapper .progress > div:not(:last-child) {
  border-right: solid 1px rgba(230, 230, 230, 1);
}
.calculatorcontainerWrapper .progress > div.done {
  background-color: #f1e7d9;
}
.calculatorcontainerWrapper .progress > div.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(0, 0, 0, 1);
}
/*
.calculator .steps,
.calculator.extraSpace {
    padding: 30px;
    flex: auto;
}
*/
.calculator .steps > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.calculator .steps > div > * {
  flex: none;
}
.calculator .steps [data-step="colors"] > div.calccolumns {
  flex: auto;
  align-items: flex-start;
}
.calculator .steps > div > div.buttons {
  flex: auto;
  position: sticky;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  z-index: 30;
  justify-content: center;
}
.calculator .steps > div > div.buttons:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  height: 100%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 -20px 30px rgba(0, 0, 0, 0.1);
}
.calculator .steps [data-step="colors"] > div.calccolumns + .buttons {
  flex: none;
}
.calculator .steps > div:not(.active) {
  display: none;
}
.calculator h2 {
  font-size: 15px;
  margin: 0 0 30px;
  padding: 0;
  font-weight: bold;
}
.calculator [data-step="area"] input[type="number"] {
  height: 60px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #ccc;
  background-color: #e2e2e2;
  /*box-shadow: inset 2px 2px 4px rgb(0 0 0 / 10%);*/
  border-radius: 5px;
  margin: 13px 0 13px;
  width: 600px;
  max-width: 100%;
}
.calculator [data-step] > ul .button {
  background-color: #f1e7d9;
  color: inherit;
}
.calculator .areastart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: center;
}
.calculator .areastart button {
  width: 300px;
  max-width: 100%;
  border-radius: 25px;
}
.calculator .colorType,
.colorpicker .colorType {
  display: flex;
  margin: 0 -1% 2%;
  justify-content: space-between;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.calculator .colorType {
  margin: 0 -1% 0;

  border-bottom: none;
}
.calculator .colorType + span {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding-bottom: 1%;
  margin-bottom: 1%;
}
.calculator .colorType button,
.colorpicker .colorType button {
  flex: auto;
  margin: 0 1% 2%;
  color: rgba(0, 0, 0, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  background-image: url("/images/skins/2023/images/example-normal.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 15px;
}
.calculator .colorType button {
  margin: 0 1% 1%;
}
.calculator .colorType button.dark,
.colorpicker .colorType button.dark {
  color: rgba(255, 255, 255, 1);
}
.calculator .colorType button[class*="Glat1"],
.colorpicker .colorType button[class*="Glat1"] {
  background-image: url("/images/skins/2023/images/example-rough.webp");
}
.calculator .colorType button:before,
.colorpicker .colorType button:before {
  content: "";
  margin: 0 10px 0 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(198, 198, 198, 1);
}
.calculator .colorType button.selected:before,
.colorpicker .colorType button.selected:before {
  background-color: #375442;
  border-color: #375442;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: 50% 50%;
}

.calculator .buttons {
  margin: 60px -1% 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.calculator .buttons button {
  flex: none;
  margin: 0 1%;
  width: 15%;
}
.calculator .buttons > button:first-child:not(:last-child) {
  background-color: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 1);
  color: rgba(50, 50, 50, 1);
}
/*
.calculator .buttons > button:first-child:last-child {
    width: 98%;
}
*/
.calculator .introvideo video {
  clip-path: inset(1px 2px);
    aspect-ratio: 16/9;
    object-fit: cover;
}

ul.substrate {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
ul.substrate > li {
  width: 31.33%;
  flex: none;
  border-radius: 10px;
  padding: 40px 45px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  min-height: 350px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  /*overflow: hidden;*/
  line-height: normal;
  border: solid 5px rgba(226, 226, 226, 1);
  display: flex;
  flex-direction: column;
}
ul.substrate > li.active {
  border-color: #375442;
}
ul.substrate > li > * {
  flex: none;
}
/*
ul.substrate > li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.20);
    content: "";
}
ul.substrate > li.active:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: solid 9px #375442;
    content: "";
}
*/
ul.substrate > li:not(.active):hover {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
ul.substrate > li > strong {
  font-size: 18px;
  margin: 0 0 15px;
  display: block;
  position: relative;
  z-index: 2;
  font-weight: normal;
  text-transform: uppercase;
}
ul.substrate > li > strong small {
    display: block;
    font-size: 12px;
    line-height: normal;
    text-transform: none;
}
ul.substrate > li > div,
ul.precoating > li > div {
  position: relative;
  z-index: 2;
  flex: auto;
}
ul.substrate > li > div {
  font-size: 110%;
}
ul.substrate > li > div > ul,
ul.precoating > li > div > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.substrate > li > div > ul > li,
ul.precoating > li > div > ul > li {
  padding-left: 25px;
  background-image: url("/images/skins/2023/images/icon-check-green.svg");
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: 0 5px;
}
ul.substrate > li > div > ul > li:not(:last-child),
ul.precoating > li > div > ul > li:not(:last-child) {
  margin-bottom: 3px;
}
ul.substrate > li .button,
ul.precoating > li .button {
  margin: 15px 0 0;
  /*
    width: 100%;
    background-color: rgba(226,226,226,1.00);
	*/
}
ul.substrate > li.active .button,
ul.precoating > li.active .button {
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
}

.substrateOptions {
  margin-top: 20px;
  background-color: #375442;
  border-radius: 10px;
  padding: 5px;
  position: relative;
}
.substrateOptions:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: inherit;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.substrateOptions select {
  width: 100%;
  height: 46px;
  border-radius: inherit;
  padding-left: 15px;
  border: none;
}

ul.coating,
ul.precoating,
ul.accessories {
  margin: 30px -1% -1%;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}

ul.precoating, ul.coating {
  justify-content: center;
}

ul.accessories {
  flex-wrap: wrap;
  margin-top: 0;
  justify-content: flex-start;
}

ul.coating > li,
ul.precoating > li,
ul.accessories > li {
  flex: auto;
  margin: 0 1% 2%;
  max-width: 20%;
  border-radius: 10px;
  padding: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  min-height: 200px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  line-height: normal;
  border: solid 5px rgba(226, 226, 226, 1);
  display: flex;
  flex-direction: column;
}
ul.accessories > li {
  flex: none;
  width: 18%;
}
ul.precoating > li {
  max-width: 31.33%;
}
ul.coating > li.active,
ul.precoating > li.active,
ul.accessories > li.active {
  border-color: #375442;
}
ul.coating > li > *,
ul.precoating > li > *,
ul.accessories > li > * {
  flex: none;
}
ul.coating > li > strong,
ul.precoating > li > strong,
ul.accessories > li > strong {
  font-size: 15px;
  margin: 0;
  padding: 0 23px 0 0;
  display: block;
  position: relative;
  z-index: 2;
  font-weight: normal;
}
ul.coating > li div.coatingImages,
ul.precoating > li div.coatingImages,
ul.accessories > li div.coatingImages {
  display: flex;
  align-items: center;
  flex: auto;
  position: relative;
  justify-content: space-evenly;
}
ul.coating > li div.coatingImages img,
ul.precoating > li div.coatingImages img,
ul.accessories > li div.coatingImages img {
  display: block;
  flex: none;
  width: 75%;
  mix-blend-mode: multiply;
}
ul.coating > li div.coatingImages img:first-of-type:not(:last-of-type),
ul.coating > li div.coatingImages img:last-of-type:not(:first-of-type),
ul.precoating > li div.coatingImages img:first-of-type:not(:last-of-type),
ul.precoating > li div.coatingImages img:last-of-type:not(:first-of-type),
ul.accessories > li div.coatingImages img:first-of-type:not(:last-of-type),
ul.accessories > li div.coatingImages img:last-of-type:not(:first-of-type) {
  width: 50%;
}
ul.coating > li .shine,
ul.precoating > li .shine,
ul.accessories > li .shine {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px 10px;
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  z-index: 2;
}
ul.precoating > li img {
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: 50% 50%;
  display: block;
}
ul.precoating > li > img {
  margin-bottom: 15px;
}
ul.precoating > li .noprecoatimage {
  display: block;
  position: relative;
  border-radius: 50%;
  /*border: solid 6px rgba(226,226,226,1.00);*/
  overflow: hidden;
  margin-bottom: 15px;
  align-self: flex-start;
}
ul.precoating > li .noprecoatimage:before {
  content: "";
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
  height: 6px;
  top: 50%;
  left: 50%;
  background-color: rgba(226, 226, 226, 1);
  position: absolute;
}
ul.coating > li .button,
ul.precoating > li .button,
ul.accessories > li .button {
  margin: 15px 0 0;
  width: 100%;
  /*background-color: rgba(226, 226, 226, 1);*/
    background-color: #f1e7d9;
    color: inherit;
}
ul.coating > li.outofstock .button,
ul.precoating > li.outofstock .button,
ul.accessories > li.outofstock .button {
  background-color: #375442;
}
ul.coating > li.active .button,
ul.precoating > li.active .button,
ul.accessories > li.active .button {
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
}
ul.coating > li .ribbon,
ul.precoating > li .ribbon,
ul.accessories > li .ribbon,
ul.substrate > li .ribbon {
  right: -4px;
  top: -3px;
  transform: scale(1.2);
}

.layersselectul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.layersselectul > li {
  position: relative;
}
.layersselectul > li:not(:last-child) {
  margin-bottom: 15px;
}
.layersselect .layertitle {
  border-radius: 5px;
  padding: 2px 15px;
  margin: 0 0 5px;
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
  display: inline-block;
}
.layerselector {
  display: flex;
  border-radius: 10px;
}
.layerselector > span {
  flex: auto;
  text-align: center;
  cursor: pointer;
  padding: 15px;
  background-color: rgba(243, 243, 243, 1);
  border-left: none;
  display: flex;
  align-items: center;
}
.layerselector > span:before {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 1);
  margin: 0 10px 0 0;
  /*border: solid 1px rgba(217,217,217,1.00);*/
  content: "";
}
.layerselector > span.active:before {
}
.layerselector > :first-child {
  /*border-left: solid 1px rgba(217,217,217,1.00);*/
  border-radius: 10px 0 0 10px;
}
.layerselector > :last-child {
  border-radius: 0 10px 10px 0;
}
.layerselector span.singleOption {
  border-radius: 10px;
}

.layerselector > .active {
  background-color: #f1e7d9;
}

.calccolumns > .colors {
  display: flex;
  flex-direction: column;
}
.calccolumns > .colors > * {
  flex: none;
}
.colorsul {
  height: calc(95vh - 205px);
  align-items: flex-start;
}
/*
.calccolumns .colors > .colorsul {
    height: calc(95vh - 205px);
    align-items: flex-start;
}
*/
.colorviewslick {
  width: 100%;
  display: block;
}
.colorsul {
  margin: 0 -1%;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  flex: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
.colorsul > li {
  margin: 0 1% 2%;
  flex: none;
  width: 31.33%;
  border-radius: 25px;
  padding: 10px 15px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  line-height: normal;
}
.colorsul > li:not(.visible) {
  display: none;
}
.colorsul > li.active:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: solid 5px #375442;
  content: "";
}
.colorsul > li.dark {
  color: rgba(255, 255, 255, 1);
}
/*
.colorsul > li > span {
    display: block;
    font-size: 10px;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
}
*/
.colorsul > li > span {
  position: absolute;
  border-radius: 20px;
  line-height: normal;
  font-size: 10px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
  top: 0;
  right: 10px;
  transform: rotate(3deg);
  padding: 1px 10px;
  z-index: 5;
}

/*
.colorsul > li.custom:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: block;
    margin: 0 10px 0 0;
    background: linear-gradient(45deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}
*/
.colortypepicker {
  display: flex;
  margin: 15px 0% 8px;
}
.colortypepicker > div {
  flex: auto;
  margin: 0 2%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  line-height: normal;
}
.colortypepicker > div input {
  margin: 0 10px 0 0;
  flex: none;
}

.colorsearchinput {
  margin: 0 0 20px;
}

.colorview {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex: none !important;
  width: 50%;
}

.colorview.hidden {
  display: none;
}
.colorview > button.colorpickersave {
  margin: 0 0 15px;
}
.colorview > div.colorviewlarge {
  flex: none;
  width: calc(100% - 90px);
  height: auto;
  max-height: calc(95vh - 100px);
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  align-self: flex-start;
}
.colorview > div.colorviewlarge img {
  height: auto;
  max-height: calc(95vh - 100px);
}
.calculatorcontainerWrapper .colorview > div.colorviewlarge img {
  height: auto;
  max-height: calc(95vh - 240px);
}
/*
.colorview > div.colorviewlarge > :nth-child(n+2) {
    display: none;
}
*/
.colorview .saveandclosebutton {
  position: absolute;
  bottom: 3%;
  right: 3%;
  z-index: 10;
}
.calculatorcontainerWrapper .colorview .saveandclosebutton,
.categorydescription .colorview .saveandclosebutton {
  display: none;
}
.colorview .colordescription {
  position: absolute;
  top: 15px;
  left: 15px;
  max-width: calc(100% - 30px);
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 1);
  z-index: 5;
  padding: 5px 15px;
  line-height: normal;
}
.colorview .colordescription:empty {
  display: none;
}
.colorview > div.colorviewthumbs {
  flex: none;
  width: 80px;
}
.colorview > div.colorviewthumbs img {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  height: auto;
  aspect-ratio: 1/1;
}
.colorview > div.colorviewthumbs img.active {
  border: solid 4px #375442;
}
.colorview > div.colorviewthumbs > img:not(:last-child) {
  margin-bottom: 10px;
}
.colorview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/*
.colorview:after {
    content: "";
    padding-bottom: 70%;
    display: block;
}
*/
.selectedcolordiv {
  background-color: inherit;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 5px 15px;
  border-radius: 3px 3px 0 0;
  line-height: normal;
  white-space: nowrap;
  display: none;
}
.selectedcolordiv.dark {
  color: rgba(255, 255, 255, 1);
}

.calccolumns,
.showcolors {
  display: flex;
  margin: 0 -1%;
}
.calccolumns {
  flex: auto;
}
.calccolumns > *,
.showcolors > * {
  margin: 0 1%;
  flex: auto;
}
.calccolumns > :nth-child(2) {
  width: 48%;
  flex: none;
}
.calccolumns .colorview {
  flex: none;
  width: 44.9%;
}

.calculator [data-step="price"] h2 {
  margin: 0 0 10px;
}
.calccolumns div.calculateddata {
  padding: 25px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.calcsummaryul {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none;
}
.calcsummaryul > li {
  display: flex;
  align-items: center;
}
.calcsummaryul > li > * {
  flex: none;
}
.calcsummaryul > li > img,
.calcsummaryul.colorLines .colorViewer {
  width: 90px;
  height: auto;
  margin-right: 30px;
}
.calcsummaryul.colorLines .colorViewer:before {
  content: "";
  padding-bottom: 100%;
  display: block;
}
.calcsummaryul > li > .name {
  flex: auto;
}
.calcsummaryul > li > .amount {
  text-align: right;
}
.calcsummaryul > li > .total {
  width: 150px;
  text-align: right;
  padding-left: 20px;
}
.calcsummaryul > li:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px rgba(239, 239, 239, 1);
}

.summaryTotal {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: bold;
}

.btnsound {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  line-height: normal;
  cursor: pointer;
  z-index: 4;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 25px;
  padding: 4px 10px;
}
.btnsound > img {
  flex: none;
  width: 21px;
  height: auto;
  margin: 0 5px 0 0;
}
.introvideo .btnsound {
  left: auto;
  right: 15px;
}
.calculatedArea {
  display: flex;
  gap: 1%;
  align-items: baseline;
  justify-content: center;
  font-size: 20px;
}

.calculatedArea span:first-child {
  font-weight: bold;
}

.basket {
  position: relative;
}
.basket > img {
  width: 25px;
  display: block;
}
.basket:not([data-count="0"]):before {
  content: attr(data-count);
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Arial";
  font-size: 12px;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.fpabout {
  margin: 50px 0;
  padding: 50px 0;
}
.fpabout .container {
  display: flex;
  justify-content: flex-start;
}
.Text1_FrontPage {
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  width: 500px;
  max-width: 100%;
  padding: 40px 50px;
}
.Text1_FrontPage h1 {
  font-weight: normal;
}
.btnmenunew {
  display: none;
}
.btnsearch {
  cursor: pointer;
  text-decoration: none;
}
.btnaccount {
  position: relative;
  text-decoration: none;
}
.btnaccount .name {
  position: absolute;
  right: 100%;
  top: 30%;
  transform: translateY(-50%);
  font-size: 11px;
  padding: 5px 8px;
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  line-height: 1;
  white-space: nowrap;
  border-radius: 2px;
    display: none;
}
.btnaccount .name:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: inherit;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.badges {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  z-index: 4;
  align-items: flex-end;
}
.badges > * {
  margin-bottom: 5px;
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
  line-height: 1;
}
.badges > :has(img) {
    padding: 0;
    background-color: transparent;
}
.badges img {
    max-width: 50px;
    height: auto;
}
.product .badges
.offer {
  background-color: #ffea9f;
  color: rgba(0, 0, 0, 1);
}

.productcard div.viabill-pricetag:not(:empty) {
  height: 25px !important;
  margin: -20px 0 20px;
}
.productcard > .image {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
}
.productcard > .image > a {
  flex: auto;
}
.productcard .Prices_Custom_UL {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.productcard .Prices_Custom_UL .currency {
  padding-left: 5px;
}
.productcard .Prices_Custom_UL small {
  display: block;
  color: rgba(145, 145, 145, 1);
  font-weight: normal;
  font-size: 12px;
  margin: 5px 0 0;
}
.productcard .buy.samplebuy .Prices_Custom_UL .priceline > .currency,
.productcard .buy.samplebuy .Prices_Custom_UL small {
  display: none;
}
.productcard .Prices_Custom_UL > li .beforeprice {
  text-decoration: line-through;
  color: rgba(121, 33, 34, 1);
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
}
.productcard .Prices_Custom_UL > li:first-child,
.productcard .pricem2 {
  font-size: 18px;
  line-height: 1;
  /*font-weight: bold;*/
}
.productcard .pricem2 + div .Prices_Custom_UL > li:first-child {
  font-size: inherit;
  font-weight: normal;
  display: flex;
  justify-content: flex-start;
  margin: 7px 0 0;
}
.productcard .pricem2 + div .Prices_Custom_UL small {
  display: inline-block;
  font-size: inherit;
  color: inherit;
  margin: 0 0 0 4px;
}

.productcard .productnumber {
  color: rgba(215, 215, 215, 1);
  line-height: normal;
}

.relatedarticles > a {
  display: block;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}
.relatedarticles > a:not(:last-child) {
  margin-bottom: 20px;
}
.relatedarticles > a img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.relatedarticles > a > span {
  display: flex;
  flex-direction: column;
  padding: 20px 25px;
}
.relatedarticles > a > span > i {
  font-style: normal;
  text-decoration: underline;
  color: #375442;
}

/*
.productcard.article > columns > div.content {
    box-shadow: 5px 5px 0 rgba(0,0,0,.1);
    border: solid 1px rgba(241,241,241,1.00);
    padding: 30px 40px;
    background-color: rgba(255,255,255,1.00);
}
.productcard.article > columns > div.content + div#buyremembertobuy:not(:empty) {
    width: auto;
    flex: auto;
    padding: 30px 40px;
    position: relative;
    background-color: rgba(255,255,255,1.00);
    align-self: flex-start;
    border-radius: 10px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    border-left: solid 5px #34495e;
}
.productcard.article .content > .image img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    border-radius: 6px;
}
*/
.productcard.article > columns > div.content + div {
  flex: none;
  width: 300px;
}
.productcard.article > columns > div.content + div:empty {
  display: none;
}

.productcard.article .how-to {
  display: flex;
  margin: 0 -1%;
  flex-wrap: wrap;
  clear: both;
}
.productcard.article .how-to > div {
  flex: none;
  width: 48%;
  margin: 0 1% 2%;
  height: auto;
  box-shadow: 0 0 30px rgb(0 0 0 / 10%);
  padding: 15px;
  border-radius: 6px;
}
.productcard.article .how-to h2 {
  flex: none;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}
.productcard.article div.content .how-to img {
  display: block;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}
.productcard.article .how-to div[class*="stepbillede"] {
  float: none;
  border: none;
}
.productcard.article .how-to div[class*="steptekst"] {
  float: none;
  border: none;
  height: auto;
  width: 100%;
}

.employees ul {
  margin: 0 -1%;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.employees ul > li {
  flex: none;
  width: 23%;
  margin: 0 1% 3%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.employees img {
  display: block;
  margin: 0 0 15px;
  width: 100%;
}

div#CookiePolicy,
div#CookiePolicy.fixed-bottom {
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999;
  position: fixed;
  margin: 0;
  border-radius: 0;
  right: auto;
}
div#CookiePolicy div.CookiePolicyCenterText {
  background-color: rgba(255, 255, 255, 1);
  flex: none;
  width: 700px;
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  color: rgba(0, 0, 0, 1);
  margin: 0;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
div#CookiePolicy h1,
div#CookiePolicy h2,
div#CookiePolicy h3,
div#CookiePolicy h4,
div#CookiePolicy h5 {
  color: rgba(0, 0, 0, 1);
}
div.CookiePolicyText {
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  max-height: none;
  overflow: visible;
}
div.CookiePolicyText a {
  text-decoration: underline;
}
div.CookiePolicyText > h2,
div.CookiePolicyText > p {
  background-color: #f6f6f6;
  font-weight: normal;
  color: rgba(84, 84, 84, 1);
}
div.CookiePolicyText > img {
  width: 300px;
  max-width: 50%;
  margin: 20px 40px;
}
div.CookiePolicyText > h2 {
  padding: 30px 40px 15px;
  margin: 0;
  font-size: 25px;
  font-weight: normal;
}
div.CookiePolicyText > p {
  padding: 0 40px 30px;
  margin: 0;
  line-height: 1.4em;
}
div.CookiePolicyText > * {
  order: 1;
}
div.cookie-policy-accept-buttons-container {
  order: 2;
  margin: 0;
  padding: 30px 40px 25px;
  display: flex;
  justify-content: center;
}
div.cookie-policy-accept-buttons-container > input[type="button"] {
  flex: auto;
  margin: 0;
  border-radius: 5px;
  padding: 20px 15px;
  font-weight: normal;
  box-shadow: inset 0px -4px 0px -2px rgba(0, 0, 0, 0);
}
div.cookie-policy-accept-buttons-container
  > input[type="button"].cookie-policy-accept {
  background-color: #f6f6f6 !important;
  border: none !important;
  color: rgba(0, 0, 0, 1) !important;
}
div.cookie-policy-accept-buttons-container > input:not(:last-of-type) {
  margin-right: 30px;
}
div.cookie-policy-details-link-container {
  order: 3;
  padding: 0 0 25px;
  display: flex;
  justify-content: center;
}
div.cookie-policy-details-link-container > a {
  flex: none;
  color: rgba(0, 0, 0, 1);
}
div.cookie-policy-details-container {
  order: 4;
  display: none;
}
div.cookie-policy-details-container div.rtable-cell {
  font-size: 65%;
}
div.cookie-policy-consents-container {
  order: 5;
  display: flex;
  border-top: solid 1px #d4d4d4;
  background-color: #f6f6f6;
  margin: 0;
}
div.cookie-policy-consents-container > div {
  flex: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 15px 20px;
}
div.cookie-policy-consents-container > div input {
  display: none;
}
div.cookie-policy-consents-container > div:not(:last-child) {
  border-right: solid 1px #d4d4d4;
}
div.cookie-policy-consents-container label {
  font-weight: normal;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.cookie-policy-consents-container label div {
  border-radius: 25px;
  width: 53px;
  margin: 7px 0 0;
  background-color: #ababab;
  padding: 4px;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
}
div.cookie-policy-consents-container input:checked + label div {
  justify-content: flex-end;
  background-color: rgba(87, 168, 87, 1);
}
div.cookie-policy-consents-container input:checked:disabled + label div {
  opacity: 0.7;
  cursor: default;
}
div.cookie-policy-consents-container label div > span {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 1);
}
.rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 0;
  padding: 0;
}
.rtable--4cols > .rtable-cell {
  width: 25%;
}
.rtable-header-cell {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: bold;
}
.rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #ececec;
  font-size: 0.85em;
}
.cookieSettingsButton {
  position: fixed;
  bottom: 15px;
  left: 15px;
  width: 35px;
  height: 35px;
  background-color: rgba(69, 135, 63, 1);
  border-radius: 50%;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cookieSettingsButton img {
  flex: none;
  width: 57% !important;
  height: auto !important;
}
.cookieSettingsButton:hover {
  opacity: 0.7;
}

columns .focus {
  flex: none;
  width: 48%;
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  padding: 3%;
}
columns .focus a {
  color: rgba(255, 255, 255, 1);
}
columns [style*="background"],
columns[style*="background"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.focuswide {
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
}
iframe {
  max-width: 100%;
}
iframe[src*="youtu"] {
  max-width: 100%;
  display: block;
  height: auto;
  aspect-ratio: 16/9;
}

.productcard .productstars {
  color: #00b67a;
  margin-bottom: 10px;
  font-size: 15px;
  display: inline-block;
  text-decoration: none;
}

anyday-price-widget {
  margin: 0 0 15px;
  display: block;
}
.anyday-theme-light.anyday-small-container {
  padding: 0;
}

/*
.productcard .buy {
  background-color: rgb(229, 229, 229);
  padding: 2%;
}
*/
.productcard .buy {
  padding: 30px 0 0;
}
.stock {
  display: flex;
  align-items: flex-start;
  line-height: normal;
}
.stock img {
  flex: none;
  margin: 2px 5px 0 0;
  width: 16px;
  height: auto;
}
.stock i {
  color: rgba(78, 151, 90, 1);
  font-style: normal;
}

.productcard .stock {
  margin-bottom: 25px;
  padding-bottom: 8px;
  border-bottom: solid 1px rgba(230, 230, 230, 1);
  align-items: center;
}
.productcard .stock svg {
  width: 18px;
  height: 18px;
  color: rgba(0, 0, 0, 1);
}
.productcard .stock span {
  white-space: nowrap;
}

.productcard .stock a[href*="deliveryinfo"] {
  display: block;
  color: rgba(0, 0, 0, 1);
  padding: 0 0 0 25px;
  text-decoration: none;
  background-image: url("/images/skins/2023/images/icon-alert-orange.svg");
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: 0 2px;
}

.webshop-productlist .SubCats_Categories_UL {
  display: flex;
  margin: 0 -1%;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
  
}
.webshop-productlist .SubCats_Categories_UL > li {
  flex: none;
  width: 18% !important;
  float: none !important;
  margin: 1% 1% 1%;
}
.webshop-productlist .SubCats_Categories_UL .category {
  flex: auto;
  display: flex;
  align-items: center;
  border: solid 1px rgba(0, 0, 0, 1);
  background-color: rgba(255, 255, 255, 1);
  height: 100%;
}
.webshop-productlist .SubCats_Categories_UL .activesubcat .category {
    border-color: rgba(0,0,0,1.00);
    background-color: rgba(0,0,0,1.00);
}
.webshop-productlist .SubCats_Categories_UL .category > * {
  flex: auto;
}
.webshop-productlist .SubCats_Categories_UL .category > a {
  padding: 9px 20px;
  display: block;
  text-decoration: none;
  color: inherit;
  text-align: center;
  text-transform: uppercase;
}
.webshop-productlist .SubCats_Categories_UL .activesubcat .category > a {
    color: rgba(255,255,255,1.00);
}
.webshop-productlist .SubCats_Categories_UL .category > .image {
  flex: none;
  width: 30%;
  padding: 0;
  align-self: stretch;
  background-color: rgba(238, 238, 238, 0.4);
}
.webshop-productlist .SubCats_Categories_UL .category > .image img {
  width: 100%;
  display: block;
  mix-blend-mode: multiply;
  height: 100%;
}
.webshop-productlist .SubCats_Categories_UL .category > .image:empty {
  display: none;
}

.SubCats_Categories_UL > li:empty {
  display: none;
}
.subcatsloader > ul.SubCats_Categories_UL {
  display: none !important;
}
a[data-favorites]:not([data-favorites=""]):before {
  content: attr(data-favorites);
  font-size: 11px;
  line-height: 1;
  padding: 1px 5px;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(188, 82, 83, 1);
  margin-right: 5px;
  border-radius: 2px;
}
.loadingfavorite {
  background-color: rgba(223, 223, 223, 0.1);
  position: relative;
}
.loadingfavorite:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-image: url("/images/skins/2023/images/loading.gif");
  background-repeat: no-repeat;
  background-size: 45px auto;
  background-position: 50% 50%;
}
.loadingfavorite img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 781/400;
  object-fit: cover;
  filter: grayscale(1) blur(5px);
  opacity: 0.1;
}
.loadingfavorite a {
  display: none;
}
.webshop-favorites .ProductList_Custom_UL > li {
  position: relative;
}
.ProductList_Custom_UL a[href*="RemProduct"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 1);
  font-size: 13px;
  font-weight: normal;
  font-family: "Arial";
  text-align: center;
  background-color: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  text-decoration: none;
  z-index: 10;
}
.Favorites_Custom_UL,
form[action="/shop/favorites.html"] {
  display: none;
}
.ProductList_Custom_UL:not(.slick-initialized),
.Related_Custom_UL:not(.slick-initialized) {
  margin: 20px -1% 20px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  /*align-items: flex-start;*/
}
.ProductList_Custom_UL.faqonly {
  row-gap: 0;
}
.ProductList_Custom_UL > li,
.Related_Custom_UL > li {
  flex: none;
  width: 18%;
  margin: 0 1% 1.4%;
}
li > form {
  height: 100%;
  width: 100%;
  display: flex;
}
li > form > div {
  flex: auto;
}

.item.shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
/*
.item.box {
    padding: 15px;
    border-radius: 6px;
    background-color: rgba(255,255,255,1.00);
}
*/
.item.box {
  /* border: solid 1px var(--grey); */
}

.item.sample a > img,
.item.product .image .image img,
.item.video img,
.item.gallery img,
.item.article .image img,
.item.color .image img {
  display: block;
  border-radius: 5px;
  height: auto;
}
.item .price,
.bp_relatedproductsProductPrice {
  font-size: 15px !important;
  white-space: nowrap;
}
.item .price .beforeprice {
  text-decoration: line-through;
  color: rgba(121, 33, 34, 1);
  display: block;
  font-weight: normal;
  line-height: normal;
}
.item .price small {
  display: block;
}

.item.color .image img {
  width: 100%;
}
.item.color a {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}

.item.sample {
  align-self: flex-start;
}
.item.gallery {
  flex: auto;
}
.item.gallery a {
  display: block;
  text-decoration: none;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.item.gallery img {
  flex: none;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0;
  object-fit: cover;
  object-position: 50% 100%;
}
.item.gallery span {
  padding: 5% 8%;
  font-size: 18px;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0));
  color: rgba(255, 255, 255, 1);

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.item.article > a,
.item.video > a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
  height: 100%;
}
.item.article .image,
.item.video .image {
  flex: none;
  position: relative;
}
.item.article .image img,
.item.video .image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0;
}
.item.article .info,
.item.video .info {
  padding: 4%;
  flex: auto;
  display: flex;
  flex-direction: column;
}
.item.article .info .name,
.item.video .info .name {
  font-size: 16px;
  margin: 0 0 10px;
  line-height: normal;
  flex: none;
}
.item.article .info .desc,
.item.video .info .desc {
  color: rgba(82, 82, 82, 1);
  margin-bottom: 10px;
  flex: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.item.article .info .desc > p:first-child,
.item.video .info .desc > p:first-child {
  margin-top: 0;
}
.item.article .info .buttonarticle,
.item.video .info .buttonarticle {
  align-self: flex-start;
  font-style: normal;
  color: #375442;
  display: flex;
  align-items: center;
}
.item.article .info .buttonarticle:after,
.item.video .info .buttonarticle:after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0id2hpdGUiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTguMjUgNC41bDcuNSA3LjUtNy41IDcuNSIgLz48L3N2Zz4=);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #375442;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-left: 15px;
}

.item.download > a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
  height: 100%;
}
.item.download .image {
  flex: none;
}
.item.download .image img {
  display: block;
  width: 100%;
}
.item.download .info {
  flex: auto;
  background-color: rgba(255, 255, 255, 1);
  padding: 5%;
  display: flex;
  flex-direction: column;
}
.item.download .name {
  font-size: 16px;
  margin-bottom: 13px;
  flex: none;
}
.item.download .desc {
  margin-bottom: 15px;
  flex: auto;
  color: rgba(82, 82, 82, 1);
}
.item.download .button {
  flex: none;
}

.inspirationbox {
  display: flex;
  background-color: rgba(244, 244, 244, 1);
  text-align: center;

  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  line-height: normal;
}
.inspirationbox > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 7%;
}
.inspirationbox strong {
  font-size: clamp(25px, 2.9vw, 50px);
}
.inspirationbox p {
  margin-top: 15px;
  font-size: clamp(12px, 1vw, 18px);
}
.inspirationbox .button {
  margin-top: 20px;
}
.inspirationbox[style*="image"],
.inspirationbox[style*="image"] a {
  color: rgb(0, 0, 0);
}

.faq {
  flex: auto;
  align-self: flex-start;
  color: rgba(50, 50, 50, 1);
}
.faq .name {
  font-weight: normal;
  cursor: pointer;
  user-select: none;
  position: relative;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 1);
  justify-content: space-between;
  background-color: #375442;
  border-radius: 25px;
}
.faq .name svg {
  margin-left: 15px;
  width: 20px;
  height: auto;
  display: block;
  transition: all 0.5s ease;
}
.faq .name.open svg {
  transform: rotate(180deg);
}
.faq .desc {
  display: none;
  padding: 20px;
  user-select: none;
}
.faq .desc > p:first-of-type {
  margin-top: 0;
}
.faq .desc > p:last-of-type {
  margin-bottom: 0;
}

.product {
  position: relative;
  flex: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product > * {
  flex: none;
}
.product .image {
  position: relative;
  margin-bottom: 10px;
}
.product .image > a {
  display: block;
}
.product .image img {
  display: block;
  width: 100%;
  height: auto;
  /*height: 100%;*/
  /*object-fit: cover;*/
  object-fit: contain;
  object-position: 50% 50%;
}
.product .image img.extraimage {
  display: none;
}
.product .image:has(.extraimage):hover img:not(.extraimage) {
  display: none;
}
.product .image:has(.extraimage):hover img.extraimage {
  display: block;
}
.product .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: auto;
  /*background-color: var(--grey);*/
  cursor: pointer;
  text-align: center;
}
.product .info .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.product .info > * {
  flex: none;
}
.product .info > .name {
  flex: auto;
}
.product .info .name a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: inherit;
  line-height: normal;
  margin: 0 0 10px;
}
.product .info .description {
  flex: auto;
}
.product .info .description > * {
  overflow: hidden;
  height: 84px;
  position: relative;
  /*
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	font-size: inherit;
	font-weight: normal;
	white-space: normal;
	*/
}
/*
.product .info .description > *:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%);
}
*/
.product .info .description > * > * {
  margin: 0;
}
.product .info .description > * > :nth-child(n + 2) {
  display: none;
}
.product .buy {
  position: relative;
}
.product .buy input[type="text"] {
  position: absolute;
  top: 50%;
  left: 7px;
  height: calc(100% - 12px);
  width: 35px;
  z-index: 5;
  border: none;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 25px;
  transform: translateY(-50%);
  padding: 0;
  text-align: center;
  display: none;
}
/*
.product .buy input[type="text"] + input,
.product .buy input[type="text"] + div {
    width: 100%;
    padding-left: 50px;
}
*/
[data-video] {
  position: relative;
  aspect-ratio: 16/9;
}
.item.video .image:before,
[data-video]:not([data-video=""]):before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDk5IDk5Ij48ZyBpZD0iR3JvdXBfNDI0IiBkYXRhLW5hbWU9Ikdyb3VwIDQyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNzggLTg4OSkiPjxnIGlkPSJFbGxpcHNlXzIzIiBkYXRhLW5hbWU9IkVsbGlwc2UgMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNzggODg5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjUiPgogICAgICA8Y2lyY2xlIGN4PSI0OS41IiBjeT0iNDkuNSIgcj0iNDkuNSIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjQ5LjUiIGN5PSI0OS41IiByPSI0NyIgZmlsbD0ibm9uZSIvPgogICAgPC9nPgogICAgPHBhdGggaWQ9IlBvbHlnb25fMTUiIGRhdGEtbmFtZT0iUG9seWdvbiAxNSIgZD0iTTIxLjUsMCw0MywzN0gwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM1MiA5MTkpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  z-index: 5;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
  top: 0;
  left: 0;
}
.item.video:hover .image:before,
[data-video]:not([data-video=""]):hover:before {
  background-color: rgba(0, 0, 0, 0);
}

.item.sample a {
  display: flex;
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
}
.item.sample a > img {
  flex: none;
  align-self: flex-start;
  width: 40%;
  margin-right: 15px;
}
.item.sample a .info {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.item.sample a .info .title {
  font-weight: bold;
  margin: 0 0 5px;
  font-size: 18px;
}
.item.sample a .info .desc {
  flex: auto;
}
/*
.item.sample a .info .price,
.product .price {
    margin-bottom: 10px;
}
*/

.tags:empty {
  display: none;
}
.productcard .tags {
  margin-bottom: 20px;
}
.tags > * {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tags svg {
  width: 18px;
  height: auto;
  margin: 0 10px 0 0;
  color: #375442;
}

[data-fee]:empty {
    display: none;
}
[data-fee] {
    line-height: normal;
    font-size: 13px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
}
[data-fee] svg {
    width: 18px;
    height: auto;
    display: block;
}
.productcard .Prices_Custom_UL [data-fee] {
    margin-top: 10px;
}

.productcard [itemtype*="Offer"],
.productcard ul.totalstoneprice {
  margin: 0 0 30px;
}
.productcard > .info {
  display: flex;
  flex-direction: column;
}
.productcard > .info > p:first-child {
  margin-top: 0;
}
.productcard > .info > p:last-child {
  margin-bottom: 0;
}
.productcard .image img {
  display: block;
  width: 100%;
  height: auto;
}
/*
.productcard > .info, .productcard > .buy {
    padding: 2% 2.5%;
    background-color: rgba(255,255,255,1.00);

}

.productcard .image img, .productcard > .info, .productcard > .buy {
    box-shadow: 0 0 40px rgba(0,0,0,.1);
}
*/
/*
.productcard .imagethumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -1% 20px;
}
.productcard .imagethumbs > a {
  flex: none;
  margin: 1%;
  width: 18%;
}
*/
.productcard .imagethumbs {
  flex: none;
  width: 13%;
  min-width: 50px;
}
.productcard .imagethumbs > a {
  display: block;
    position: relative;
}
.productcard .imagethumbs > a:not(:last-of-type) {
  margin-bottom: 15px;
}
.productcard .imagethumbs > a > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: 50% 50%;
}
.productcard .imagethumbs > a[href*="youtu"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url('/images/skins/2023/images/icon-play-white.svg');
    background-repeat: no-repeat;
    background-size: 45% auto;
    background-position: 50% 50%;
}
.productcard .longdescription {
  column-count: 3;
  column-gap: 7%;
}
.productcard .info {
  counter-reset: groups;
}
.productcard .info h1 {
  text-align: left;
}
/*
.info .VariantGroupLabel:before,
.info .mediumheader:before {
  counter-increment: groups;
  content: counter(groups) ". ";
}*/
.treetypes {
  display: flex;
  margin: 0 -1% 30px;
  flex-wrap: wrap;
}
.treetypes > * {
  flex: none;
  width: 18%;
  margin: 0 1% 2%;
  text-align: center;
  text-decoration: none;
}
.treetypes img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 5px;
}
.treetypes small {
  display: block;
  line-height: normal;
  color: rgba(0, 0, 0, 1);
}

.Variants, #BUYSECTION, .button.cardlink {
    width: 460px;
    max-width: 100%;
}

.Variants {
  margin-bottom: 20px;
}
.Variants > table {
  width: 100%;
}
.Variants > table:not(:last-of-type) {
  margin-bottom: 15px;
}
/*
.productcard .info .Variants > table:first-child {
  margin-bottom: 0;
}
*/
.RadioButton_Container_ProductInfo {
  display: flex;
  margin: 0 -2%;
  flex-wrap: wrap;
}
.RadioButton_Container_ProductInfo > div {
  display: flex;
  flex: none;
  margin: 0 2% 4%;
  width: 46%;
  flex-direction: column;
  padding: 6px;
  /*border: solid 1px rgba(243,243,243,1.00);*/
  border: solid 1px rgba(135, 135, 135, 0.1);
  align-items: center;
  text-align: center;
}
.RadioButton_Container_ProductInfo > div > label {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  flex: auto;
  width: 100%;
}
.RadioButton_Container_ProductInfo > div > input {
  width: 20px;
  height: 20px;
  flex: none;
}
.RadioButton_Container_ProductInfo > div > label > div {
  font-size: 11px;
  line-height: normal;
  margin: 4px 0;
}
.RadioButton_Container_ProductInfo > div > label > img {
  display: block;
  width: 100%;
}

.productcard .info td.VariantGroupLabel,
.productcard .info .mediumheader {
  font-size: 16px;
  margin: 0;
  padding: 0 0 10px;
}

.productcard .info .RadioButton_Container_ProductInfo {
  margin: 0 -1%;
}
.productcard .info .RadioButton_Container_ProductInfo > div {
  width: 18%;
  margin: 0 1% 2%;
}

.multivariantselect .advanced-variant-item-container {
    position: relative;
}
.multivariantselect .advanced-variant-item-container input {
    display: none;
}
.multivariantselect .advanced-variant-item-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    cursor: pointer;
}
.multivariantselect .advanced-variant-item-container.active:after {
    content: "";
    position: absolute;
    top: 37%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9InNpemUtNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuOTE2IDQuNjI2YS43NS43NSAwIDAgMSAuMjA4IDEuMDRsLTkgMTMuNWEuNzUuNzUgMCAwIDEtMS4xNTQuMTE0bC02LTZhLjc1Ljc1IDAgMCAxIDEuMDYtMS4wNmw1LjM1MyA1LjM1MyA4LjQ5My0xMi43NGEuNzUuNzUgMCAwIDEgMS4wNC0uMjA3WiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4=");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50% auto;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #375442;
    
}
.multivariantselect .advanced-variant-item-container.active {
    background-color: #375442;
    border-color: #ffffff;
    color: rgba(255,255,255,1.00);
}

.additions {
  display: flex;
  flex-direction: column;
}
.additions > div {
  flex: none;
  width: 100%;
}
.additions > div:not(:last-child) {
  margin-bottom: 15px;
}
.additions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.additions ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.additions ul li input {
  margin-right: 10px;
}
.additions ul li i {
  font-style: normal;
  padding: 0 4px 0 4px;
}
.additions ul li:not(:last-child) {
  margin-bottom: 7px;
}
.m2calculator {
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
  padding: 7px 10px 10px;
  margin-bottom: 20px;
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  line-height: normal;
  border-radius: 3px;
}
input#m2 {
  margin: 5px 0 0;
  border: none;
  border-radius: 2px;
}
.rentalcheck {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin: 0 0 15px;
    padding: 10px 20px 10px 13px;
    background-color: rgba(206, 229, 217,1.00);
    border-radius: 25px;
}
.rentalcheck label {
    cursor: pointer;
    user-select: none;
}
#BUYSECTION {
  position: relative;
}
#BUYSECTION:not(:empty) {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#BUYSECTION.notbuyable {
  opacity: 0.4;
}
#BUYSECTION.notbuyable:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  cursor: default;
  position: absolute;
}
#BUYSECTION > * {
  flex: none;
}
#BUYSECTION .amount {
  display: flex;
  margin-right: 15px;
}
#BUYSECTION .amount > * {
  height: 41px;
}
#BUYSECTION .amount span {
  cursor: pointer;
  width: 30px;
  display: flex;
  font-family: "Arial";
  line-height: 1;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  user-select: none;
  border: solid 1px rgba(237, 237, 237, 1);
  background-color: rgba(255, 255, 255, 1);
}
#BUYSECTION input[type="number"] {
  width: 40px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  -moz-appearance: textfield;
}
#BUYSECTION input::-webkit-outer-spin-button,
#BUYSECTION input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#BUYSECTION .buybutton {
  flex: auto;
  position: relative;
}
#BUYSECTION .amount + .buybutton input {
  width: 100%;
}

.samples {
  display: flex;
  flex: auto;
}
.samples lord-icon {
  align-self: center;
  flex: auto;
}
.samplesul {
  margin: 0 -1%;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  flex: auto;
}
ul.accessories select {
  margin-top: 10px;
}
.samplesul > li {
  display: flex;
  align-items: flex-start;
  border: solid 1px rgba(240, 240, 240, 1);
  border-radius: 8px;
  margin: 0 1% 2%;
  flex: none;
  width: 48%;
  position: relative;
  transition: all 0.3s ease;
}
.samplesul > li:hover {
  background-color: rgba(240, 240, 240, 1);
}
.samplesul > li.active {
  border-color: #375442;
  background-color: #ddeade;
}
.samplesul > li > * {
  flex: none;
}
.samplesul > li > a {
  width: 14%;
  margin: 10px 12px;
}
.samplesul > li > a > img {
  display: block;
  width: 100%;
  border-radius: 3px;
}
.samplesul > li > span {
  flex: none;
}
.samplesul > li > div {
  flex: auto;
  align-self: stretch;
}
.samplesul > li > div {
  display: flex;
  flex-direction: column;
  padding: 7px 5px 7px 0;
  cursor: pointer;
}
.samplesul > li > div strong {
  line-height: normal;
}
.samplesul > li > div span {
  line-height: normal;
  font-size: 11px;
}
.samplesul > li > span.price {
  position: absolute;
  padding: 3px 8px;
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  border-radius: 3px;
  top: 0;
  right: 20px;
  font-size: 11px;
  transform: translateY(-50%);
  line-height: 1;
}

.tabs:not(:empty) {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.tabs > div {
  padding: 5% 0;
  background-color: rgba(229, 229, 229, 0.38);
  display: none;
}
.tabs > div.active {
  display: flex;
}
.tabs > ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tabs > ul > li {
  padding: 0 25px 15px;
  font-size: 15px;
  cursor: pointer;
  position: relative;
  line-height: normal;
  color: rgba(0, 0, 0, 1);
}
.tabs > ul > li:not(.active) {
  color: rgba(136, 136, 136, 1);
}
.tabs > ul > li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 5px;
  border-right: solid 1px rgba(199, 199, 199, 1);
}
.tabs > ul > li.active:before {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 1);
  border-top: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.faqguides > .container {
  display: flex;
}
.faqulcontainer {
  margin: 0 30px 0 0;
  border-right: solid 1px rgba(230, 230, 230, 1);
  flex: none;
  width: 340px;
}
.faqitems {
  flex: auto;
}
.faqitems.loading {
  opacity: 0.3;
}
.faqguides .SubCats_Categories_UL {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.faqguides .SubCats_Categories_UL a {
  display: block;
  padding: 8px 30px 8px 0;
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}
.faqguides .SubCats_Categories_UL li:hover a {
  padding-left: 15px;
  background-color: rgba(230, 230, 230, 0.3);
}
.faqguides .SubCats_Categories_UL > li:not(:last-child) a {
  border-bottom: solid 1px rgba(230, 230, 230, 1);
}
.faqguides .SubCats_Categories_UL li.active a {
  color: #375442;
}
.faqguides .SubCats_Categories_UL li.active a:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 6px;
  height: 100%;
  background-color: #375442;
}
.button.colorpickerbutton {
  background-color: #375442;
  border-radius: 25px;
  display: flex;
}
.button.colorpickerbutton:hover {
  color: rgba(255, 255, 255, 1);
}
.colorpicker > section,
.savebasketdialog > section {
  padding: 30px;
}
.colorpicker.active,
.savebasketdialog.active {
  display: flex;
}

.popupclose {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(45, 45, 45, 1);
  cursor: pointer;
}
.popupclose svg {
  display: block;
  width: 60%;
  height: auto;
}
/*
.popupclose:before {
    content: "×";
    font-family: 'Arial';
    line-height: 1;
    font-weight: normal;
    font-size: 17px;
}
*/

.showbasket {
  display: flex;
  align-items: flex-start;
  clear: both;
}
.showbasket > * {
  flex: auto;
}
.showbasket > .summary {
  flex: none;
  width: 28%;
  margin-left: 30px;
  /*background-color: var(--grey);*/
  background-color: rgba(240, 240, 240, 0.5);
}
.showbasket > .summary .deliveryinfo {
  margin: 0 0 15px;
  border-radius: 4px;
  padding: 10px;
  background-color: rgba(240, 240, 240, 1);
  display: none;
}

.showbasketbuttons {
  display: flex;
  gap: 15px;
  margin-top: 30px;
    flex-wrap: wrap;
}
.showbasketbuttons > * {
  flex: auto;
}

.ShowBasket_Custom_DIV > div {
  display: flex;
  padding: 5px 15px 5px 5px;
  border: solid 1px rgba(237, 237, 237, 1);
  border-bottom-width: 0;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  align-items: center;
}
.ShowBasket_Custom_DIV > div:last-child {
  border-bottom-width: 1px;
}
.ShowBasket_Custom_DIV .image {
  flex: none;
  width: 70px;
  margin: 0 15px 0 0;
  display: flex;
  align-items: flex-start;
}
.ShowBasket_Custom_DIV .image a {
  position: relative;
}
.ShowBasket_Custom_DIV .image img {
  width: 100% !important;
  display: block;
  padding: 5px;
}
.ShowBasket_Custom_DIV .info {
  flex: auto;
}
.ShowBasket_Custom_DIV .info > a {
  text-decoration: none;
}
.ShowBasket_Custom_DIV .info table {
  margin: 10px 0 0;
  background-image: url("/images/skins/2023/images/icon-gift-black.svg");
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: calc(100% - 10px) 50%;
  padding: 7px 35px 7px 10px;
  border: solid 1px rgba(237, 237, 237, 1);
  border-radius: 2px;
  width: 10px;
}
.ShowBasket_Custom_DIV .info table td {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.ShowBasket_Custom_DIV .info table td input {
  margin-right: 7px;
}
.ShowBasket_ChildProduct_SPAN + div {
  float: right;
}
.ShowBasket_ChildProduct_SPAN + div .unit {
  display: none;
}
.ShowBasket_Custom_DIV .amountinput input {
  height: 30px;
  width: 40px;
  text-align: center;
}
.ShowBasket_Custom_DIV .amountinput input::-webkit-outer-spin-button,
.ShowBasket_Custom_DIV .amountinput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ShowBasket_Custom_DIV .amountinput input[type="number"] {
  -moz-appearance: textfield;
}
.ShowBasket_Custom_DIV .amount {
  display: flex;
}
.ShowBasket_Custom_DIV .amount a:not([href*="remove=1"]) {
  ursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  font-family: "Arial";
  line-height: 1;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  text-decoration: none;
  user-select: none;
  border: solid 1px rgba(237, 237, 237, 1);
}
.ShowBasket_Custom_DIV .amount span {
  display: flex;
  padding: 0 10px;
  align-items: center;
}
.ShowBasket_Custom_DIV .amount a[href*="dec=1"]:before {
  content: "-";
}
.ShowBasket_Custom_DIV .amount a[href*="inc=1"]:before {
  content: "+";
}
.ShowBasket_Custom_DIV .amount img {
  display: none;
}
.ShowBasket_Custom_DIV a[href*="remove=1"] {
  width: 30px;
}
.ShowBasket_Custom_DIV a[href*="remove=1"] img {
  width: 60%;
  height: auto;
  display: block;
}
.ShowBasket_Custom_DIV .price {
  display: flex;
  justify-content: flex-end;
  margin-left: 15px;
  align-items: center;
}
.ShowBasket_Custom_DIV .price .amount {
  margin-right: 20px;
}
.ShowBasket_Custom_DIV .price .priceholder {
  line-height: normal;
  text-align: right;
}
.ShowBasket_Custom_DIV .price .totalbefore {
  text-decoration: line-through;
  color: rgba(147, 147, 147, 1);
}
.showbasket .summary {
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.showbasket .summary .row {
  display: flex;
  justify-content: space-between;
  flex: none;
}
.showbasket .summary .row > div:last-of-type {
  text-align: right;
}
.showbasket .summary .row.total {
  font-size: 28px;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  padding-top: 25px;
  margin-top: 15px;
}
.showbasket .summary .row.total small {
  font-size: 14px;
}
.showbasket .summary .buttons {
  flex: auto;
  display: flex;
  align-items: flex-end;
}
.showbasket .summary .buttons a.button {
  display: flex;
  width: 100%;
  margin: 30px 0 0;
  flex: none;
  background-color: #375442;
  color: rgb(255, 255, 255);
}

fieldset {
  border: none;
  padding: 0;
}
.type-google-pay,
.type-apple-pay {
  display: none !important;
}
.support-google-pay .type-google-pay {
  display: block !important;
}
.support-apple-pay .type-apple-pay {
  display: block !important;
}
.support-google-pay .OrderStep2_PayMethods_TD .type-google-pay {
  display: table-row !important;
}
.support-apple-pay .OrderStep2_PayMethods_TD .type-apple-pay {
  display: table-row !important;
}
.webshop-checkout #ProductMenu_List,
.webshop-checkout header .shortcuts,
.webshop-checkout header .minimenu,
.webshop-checkout .mobileshortcuts {
    display: none;
}
.webshop-checkout header > div.container {
    justify-content: center;
}
.webshop-checkout header .logo img {
    margin: 20px 0;
}

#checkout-container .checkout-headline {
  display: none;
}
#checkout-container div.viabill-pricetag {
  height: 14px !important;
  display: block !important;
}
#checkout-container #column-data,
#checkout-container #column-shipping-payment,
#checkout-container #column-order-summary {
  width: 800px;
  max-width: 100%;
  margin: 0 auto 40px;
  float: none;
  border: none;
  min-height: 10px;
  padding: 30px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  position: relative;
  background-color: rgba(255, 255, 255, 1);
}
#checkout-container #column-data:after,
#checkout-container #column-shipping-payment:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgba(255, 255, 255, 1);
  position: absolute;
  top: 100%;
  left: 30px;
  z-index: 20;
}
#checkout-container h3,
#checkout-container h2 {
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0;
}
#checkout-container #column-data #customer-data input,
#checkout-container #column-data #customer-data select,
#checkout-container textarea {
  margin: 0;
}
#checkout-container input[type="text"],
#checkout-container input[type="tel"] {
  display: block;
  width: 100%;
  border: 1px solid #dfdfdf;
  height: 34px !important;
  padding: 0 10px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 2px;
}
#checkout-container select {
  -webkit-appearance: none;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  padding: 0px 30px 0px 15px;
  height: 34px !important;
  outline: none;
  border-radius: 2px;
  cursor: pointer;
}
#customer-login > fieldset,
#customer-login-devider {
  display: none;
}
#checkout-container input[type="text"].checkout-field-validation-error,
#checkout-container input[type="tel"].checkout-field-validation-error {
  border-color: rgba(187, 0, 3, 1);
}
.checkout-customerdata-text-validationmessage {
  color: rgba(187, 0, 3, 1);
}

#customer-data label {
  display: block;
  position: relative;
  margin: 0 0 10px;
}
#checkout-container small.smallPlaceholder {
  color: rgba(129, 129, 129, 1);
  transition: all 0.2s ease-in-out;
}

#checkout-container .salesdiscountcode-label {
  flex: none;
  width: 100%;
}
#checkout-container .salesdiscountcode-container {
  display: inline-block;
  width: 70%;
  float: left;
}
#checkout-container .salesdiscountcode-button-container {
  display: inline-block;
  float: left;
  width: 28%;
  margin: 0 0 0 2%;
}
#checkout-container
  #column-data
  #customer-data
  input.checkout-salesdiscount-code-button {
  float: none;
  width: 100%;
  cursor: pointer;
  height: 34px;
  padding: 0;
  font-size: 12px;
}
#customer-data fieldset {
  display: block;
  margin: 0 -1%;
}
#customer-data fieldset > label {
  width: 48%;
  margin: 0 1% 2%;
  display: inline-block;
  vertical-align: top;
}
#customer-data fieldset > label[for="checkout_password"] {
  position: absolute;
  left: -10000px;
}
.checkout-row {
  display: inline-flex !important;
  align-items: center;
}
.div-checkout-checkbox-label label {
  margin-bottom: 0 !important;
  margin-left: 6px !important;
}
#checkout-container .checkout-row,
#customer-data fieldset > label[for="res1"] {
  width: 98% !important;
}
#checkout-container #customer-data > fieldset > .checkout-row {
  margin: 0 1%;
}
#checkout-container .checkout-row.altdev {
  width: 98%;
  margin: 0 1%;
  display: flex;
  align-items: center;
  padding: 15px;
  border: solid 1px rgba(241, 241, 241, 1);
  background-color: rgba(248, 248, 248, 1);
}
#checkout-container .checkout-row.altdev > * {
  flex: auto;
}
#checkout-container .checkout-row.altdev > .div-checkout-checkbox {
  flex: none;
  width: 30px;
}
#checkout-container div#customer-alternative-delivery {
  border: none;
}
#checkout-container
  #column-data
  #customer-data
  .checkout-row.altdev
  > .div-checkout-checkbox
  input {
  margin: 0 0 0;
}
#checkout-container .checkout-row.altdev .opcHeader {
  font-weight: 300;
}
#checkout-container .checkout-row.altdev .opcHeader br {
  display: none;
}
#checkout-container #column-data #customer-data .checkout-row.altdev label {
  margin: 0;
}
#shipping-methods {
  margin: 0 0 30px;
}
#checkout-container .checkout-payment-table,
#checkout-container .checkout-shipping-table {
  width: 100%;
}
#shipping-methods div:empty {
  display: none;
}
#checkout-container #column-shipping-payment label {
  border: 1px solid #dfdfdf;
  padding: 10px;
  cursor: pointer;
  border-radius: 2px;
  display: block;
}
#checkout-container #column-shipping-payment label:hover {
  background-color: rgba(238, 238, 238, 0.5);
}
#checkout-container #column-shipping-payment > div label:not(:last-of-type) {
  margin-bottom: 10px;
}
#checkout-container .checkout-payment-radio-cell,
#checkout-container .checkout-shipping-radio-cell {
  width: 20px;
}
#checkout-container #column-shipping-payment input[type="radio"] {
  margin: 0 10px 0 0 !important;
}
.checkout-payment-method-image,
.checkout-shipping-method-image {
  float: right;
}
.checkout-payment-method-image img,
.checkout-shipping-method-image img {
  width: 120px;
  display: block;
}
#column-shipping-payment .shipping-message,
#column-shipping-payment .payment-message {
  font-size: 11px;
  color: rgba(114, 114, 114, 1);
}
.div-checkout-checkbox {
  display: flex;
}
.payment-giftcertificateinfo {
    padding-top: 30px;
}
#checkout-container .payment-giftcertificateinfo h2 {
    margin: 0 0 5px;
}
#checkout-container .payment-giftcertificateinfo > p {
    display: none;
}
.payment-giftcertificateinfo fieldset {
    display: flex;
    gap: 10px;
    align-items: center;
}
#checkout-container #column-shipping-payment label[for="checkout-giftcertificate-cardnumber"] {
    display: none;
}
table.order-summary,
table.order-summary ~ table {
  width: 100%;
  padding: 0 10px;
  background-color: rgba(237, 237, 237, 0.3);
}
table.order-summary {
  padding-bottom: 10px;
  padding-top: 10px;
}
table.order-summary + table > tbody > tr:nth-child(2) {
  display: none;
}
table.order-summary + table + table > tbody > tr:nth-child(1) > td {
  font-weight: bold;
}
table.order-summary + table + table > tbody > tr:last-child {
  display: none;
}
table.order-summary + table {
  padding-top: 10px;
  border-top: solid 1px rgba(237, 237, 237, 1);
}
table.order-summary + table + table {
  padding-bottom: 10px;
}
table.order-summary > thead > tr > th:not(.right-align) {
  text-align: left;
}
table.order-summary .order-summary-variants {
  display: none;
}
div#order-confirm {
  margin-top: 20px;
  position: relative;
}
.left-align {
  text-align: left;
}
.right-align {
  text-align: right;
}
#customer-data input.error {
  border-color: #752c2c;
}
#confirm-termsandconditions-text br {
  display: none;
}
#confirm-termsandconditions-text img {
  width: 70px !important;
  position: absolute;
  right: 0;
  top: 0;
}
#confirm-termsandconditions-link-text {
  margin-bottom: 15px;
}
#confirm-accepterms,
#mailchimp-subscribe-box,
#acceptLoyaltyCreationContainer,
.acceptdelivery {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 8px 9px;
  border: solid 1px rgba(237, 237, 237, 1);
}
.acceptdelivery {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#confirm-accepterms > *,
#mailchimp-subscribe-box > *,
#acceptLoyaltyCreationContainer > *,
.acceptdelivery > * {
  flex: auto;
}
#confirm-accepterms > input,
#mailchimp-subscribe-box > input,
#acceptLoyaltyCreationContainer > input,
.acceptdelivery > input {
  flex: none;
  margin-right: 7px;
}
input[type="button"]#confirm-complete-button {
  width: 100%;
  margin: 25px 0 0;
}

/*
.Text1_Terms, .GDPR_Terms {
    margin-bottom: 100px;
}
*/

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 8px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  padding: 3px 16px;
  transform: rotate(45deg);
  width: 98px;
  display: block;
  background: #79a70a;
  background: linear-gradient(#375442 0%, #375442 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 16px;
  right: -21px;
}
.ribbon span:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #375442;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #375442;
}
.ribbon span:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #375442;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #375442;
}

.mosaik > columns > div {
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mosaik > columns > div > * {
  flex: none;
}
.mosaik > columns > div[style*="-image"]:before {
  display: block;
  content: "";
  padding-bottom: 50%;
}
.mosaik > columns.padding {
  padding: 0;
}
.mosaik > columns.padding > * {
  margin: 0;
}
.mosaik > columns.spacebottom {
  margin-bottom: 0;
}
/*
.mosaik > columns > :first-child.padding {
	padding-left: 0;
}
.mosaik > columns > :last-child.padding {
	padding-right: 0;
}
*/

.loginform {
  padding: 30px;
  width: 600px;
  max-width: 100%;
}
.loginform table {
  table-layout: fixed;
}
.loginform table[width="400"] {
  width: 100%;
}
.loginform table td[width="200"] {
  width: 100%;
  display: block;
}
.Login_Customer tr:not(:last-of-type) td,
.ForgotPassword_Customer td {
  font-size: 0;
}
.Login_Customer #xprofileid,
.Login_Customer #xprofileid1,
.ForgotPassword_Customer #xprofileid,
form[action="/shop/b2blogin.html"] .TextInputField_B2Blogin {
  width: 100% !important;
  margin: 0 0 12px;
}
.Login_Customer input[type="submit"],
.ForgotPassword_Customer input[type="submit"],
form[action="/shop/b2blogin.html"] .SubmitButton_B2Blogin {
  display: block;
  margin: 0 0 20px;
}
.ForgotPassword_Customer input[type="submit"] {
  margin-bottom: 0;
}
.Login_Customer a[href*="?showForgotPswForm=1"] {
  display: block;
}
.ForgotPassword_Customer {
  margin: 30px 0 0;
}

form[action="/shop/b2blogin.html"] > div > table > tbody > tr:nth-child(2) {
  display: none;
}

input[name="forgottenpw"] ~ br {
  display: none;
}
form[action="/shop/addb2b.html"] > table {
  width: 100%;
  table-layout: fixed;
}
form[action="/shop/addb2b.html"] > table td[width*="%"],
td.CustomerFieldsInput_ADDB2B_TD,
td.SubmitButton_ADDB2B_TD {
  width: auto;
  padding: 4px 0;
}
form[action="/shop/addb2b.html"] > table td[width*="30%"] {
  display: none;
}
td.CustomerFieldsRequired_ADDB2B_TD,
td.SubmitButton_ADDB2B_TD + td {
  display: none;
}
form[action="/shop/addb2b.html"]
  > table
  > tbody
  > tr:nth-child(1)
  > td
  > br:first-child {
  display: none;
}

td.SubmitButton_ADDB2B_TD {
  text-align: left;
  padding-bottom: 0;
}

.ErrorText_customerlogin:not(:empty),
.ErrorText_B2Blogin:not(:empty) {
  background-color: rgba(237, 208, 209, 1);
  color: rgba(97, 32, 33, 1);
  border: solid 1px rgba(209, 142, 143, 1);
  border-radius: 3px;
  padding: 5px 15px;
  margin: 0 0 10px;
  text-align: center;
}
.webshop-customercenter td > b + br,
.webshop-customercenter article > table + br {
  display: none;
}

form[name="CustomerCenterForm"] > table {
  width: 100%;
  border: solid 1px rgba(231, 231, 231, 1);
  padding: 20px;
}
form[name="CustomerCenterForm"] > span {
  float: left;
  margin-right: 6px;
}
form[name="CustomerCenterForm"] > span > span {
  background-color: rgba(238, 238, 238, 1);
  padding: 10px 15px;
  display: block;
  border-radius: 3px 3px 0 0;
}
form[name="CustomerCenterForm"] > span > span.Tabactive_Customer,
form[name="CustomerCenterForm"] > span > span.Tabhover_Customer {
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
}
form[name="CustomerCenterForm"] > span:last-of-type {
  float: right;
  margin: 0;
}
form[name="CustomerCenterForm"]
  > span:last-of-type
  > span.Tabdeactive_Customer {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
}
#tabID1 > tbody > tr > td > br:first-child,
#tabID1 > tbody > tr > td > span.Heading_Customer,
#tabID1 > tbody > tr > td > span.Heading_Customer + br,
#tabID1 > tbody > tr > td > span.Heading_Customer + br + br,
#tabID3 > tbody > tr > td > br:first-child,
#tabID3 > tbody > tr > td > span.Heading_Customer,
#tabID3 > tbody > tr > td > span.Heading_Customer + br,
#tabID3 > tbody > tr > td > span.Heading_Customer + br + table + br {
  display: none;
}
.Text1_Customer tr[id*="Field"] > td {
  padding: 5px 0;
}
.Text1_Customer tr[id*="Field"] > td:nth-child(3) {
  font-size: 0;
}
span.FieldReq_Customer {
  position: absolute;
  font-size: 12px;
  line-height: 1;
  margin: -7px 0 0 -21px;
}
#OrderDetailsHeading + br + table,
#OrderDetailsHeading + br + table + br + table + table {
  display: none;
}
#OrderDetailsHeading + br + table + br + table > tbody > tr > td {
  border-bottom: solid 1px rgba(238, 238, 238, 1);
  padding: 7px 0;
}

[align="right"] [href="/shop/customer.html&StrCurTab=3"] {
  margin-top: 15px;
}

.infobar {
  display: flex;
  background-color: #375442;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}
.infobar > div {
  padding: 10px 0;
  display: block;
  justify-content: center;
  position: relative;
  width: 1470px;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  line-height: normal;
}
.infobar > div > * {
  flex: none;
}
.infobar a {
  /*padding: 3px 8px;
    background-color: rgba(255,255,255,1.00);
    text-decoration: none;
    margin-left: 10px;
    border-radius: 2px;
    */
  margin-left: 7px;
  color: inherit;
}
.infobar .close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-end;
  height: 100%;
  align-items: center;
  cursor: pointer;
  padding: 0 0 0 20px;
}
.infobar .close:before {
  content: "×";
  font-family: "Arial";
  line-height: 1;
  font-size: 18px;
}

.extraProductsHeader {
  background-color: rgb(234, 234, 234);
  display: inline-flex;
  padding: 1px 15px;
  font-weight: bold;
}
.extraProductsContainer {
  background-color: rgba(254, 254, 254, 1);
  border: solid 1px rgb(234, 234, 234);
  margin-bottom: 30px;
}
.extraProduct {
  display: flex;
  align-items: center;
}
.extraProduct.active {
  background-color: rgba(232, 253, 232, 0.5);
}
.extraProduct:not(:last-child) {
  border-bottom: solid 1px rgb(234, 234, 234);
}
.extraProduct > * {
  flex: none;
}
.extraProduct .check {
  display: none;
}
.extraProduct input[type="checkbox"] {
  margin: 0 10px 0 15px;
  display: block;
  width: 17px;
  height: 17px;
}
.extraProduct input[type="number"] {
  margin: 0 10px 0 0;
  padding: 0 5px 0 10px;
  width: 48px;
  flex: none;
  font-size: 12px;
  height: 30px;
}
.extraProduct input[type="number"]::-webkit-inner-spin-button,
.extraProduct input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}
.extraProduct .extraimage {
  width: 25%;
  border-left: solid 1px rgb(234, 234, 234);
  border-right: solid 1px rgb(234, 234, 234);
  align-self: stretch;
  display: flex;
  align-items: center;
}
.extraProduct .extraimage img {
  display: block;
  width: 100%;
  height: auto;
}
.extraProduct .extrainfo {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  line-height: normal;
  padding: 10px 15px;
  font-size: 12px;
}
.extraProduct .extrainfo .extrarow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0 0;
}
.extraProduct .extrainfo select {
  width: auto;
  max-width: 100%;
  margin: 8px 0 0;
  font-size: 12px;
}
.extraProduct .extrainfo strike + span {
  font-weight: bold;
  color: #007dbc;
  padding-left: 4px;
}
.extraProduct a.more {
  display: none;
  margin: 0 20px 0 0;
}

.fpboxes {
  display: flex;
  justify-content: center;
  gap: 20px;
  position: relative;
  flex-wrap: wrap;
  z-index: 1;
}
/*
.webshop-frontpage .fpboxes {
  margin-top: -80px;
}
*/
.fpboxes > * {
  aspect-ratio: 10/8;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 310px;
  max-width: 20%;
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  transition: all 0.3s ease;
  padding: 15px;
}
.fpboxes > :hover {
  color: rgba(255, 255, 255, 1);
  transform: scale(1.05);
}
.fpboxes > .dark {
  color: rgba(0, 0, 0, 1);
}
.fpboxes strong {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  line-height: 1.3em;
}
.fpboxes > * svg {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
  margin-top: 20px;
  padding: 5px;
}
.fpboxes > a:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0id2hpdGUiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTguMjUgNC41bDcuNSA3LjUtNy41IDcuNSIgLz48L3N2Zz4=");
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 1);
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-top: 20px;
}

.fpgrid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(4, 1fr); /* desktop */
  justify-content: center;
  position: relative;
  padding: 1px;
  z-index: 1;
}
.fpgrid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fpgrid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fpgrid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fpgrid.cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.fpgrid.cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
/* Bokse inde i grid */
.fpgrid > * {
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  transition: all 0.3s ease;
  padding: 15px;
}
/* Bred boks */
.fpgrid > .wide {
  grid-column: span 2;
  aspect-ratio: 2 / 1;
  width: 100%;
  height: 99.3%
}
/* Hover-effekt */
.fpgrid > :hover {
  color: rgba(255, 255, 255, 1);
  transform: scale(1.05);
}
/* Typografi */
.fpgrid strong {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 7px;
  display: block;
  width: 100%;
  line-height: 1.3em;
}
.fpgrid > .dark {
  color: rgba(0, 0, 0, 1);
}
.fpgrid .fpgrid-hero {
    font-size: clamp(28px, 7vw, 75px); /* min, fluid, max */
  line-height: 1;
  font-weight: bold;
  display: block;
}
.fpgrid > a::after {
  content: "";
  display: block;
  height: 4px;
  width: 50%;
  background: black;
  margin: 10px auto 0;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.fpgrid > a:hover::after {
  opacity: 1;
}
.fpgrid .nohover:hover {
  transform: none !important;
  color: inherit !important;
  }
  .fpgrid .nohover::after {
  display: none !important;
}
.fpgrid a {
  position: relative; /* for at video kan positioneres indenfor */
  overflow: hidden; /* klipper video til boksen */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
}

.fpgrid a video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.fpgrid a strong {
  position: relative;
  z-index: 2; /* tekst ovenpå video */
}
.fpgrid > .nolink {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  aspect-ratio: 2 / 1;
}

.fpgrid > .nolink video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.fpgrid > .nolink strong {
  position: relative;
  z-index: 2;
}

.grid {
  display: flex;
}
.grid img {
  object-fit: cover;
}
.grid > img {
  width: 50%;
  height: auto;
  aspect-ratio: 1/1;
  flex: none;
}
.grid > div {
  display: flex;
  flex: auto;
  max-width: 50%;
  flex-wrap: wrap;
}
.grid > div > * {
  flex: none;
  width: 50%;
}
.grid > div > img {
  display: block;
  height: auto;
  aspect-ratio: 1/1;
}
.grid .text {
  display: flex;
  flex-direction: column;
  padding: 12%;
  align-items: flex-start;
  justify-content: center;
}
.grid .text .title {
  font-size: 25px;
  font-weight: normal;
  margin: 0 0 15px;
}
.grid .button {
  margin-top: 25px;
  min-width: 60%;
}

/*
.grid {
	background-color: #F1E7D9;
}
.grid img {
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: 100%;
	display: block;
}

.grid .button {
	margin-top: 25px;
	min-width: 60%;
}
*/

videocontrols {
  position: absolute;
  top: 3%;
  right: 3%;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 10px;
}
videocontrols svg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  object-fit: contain;
  object-position: 50% 50%;
  padding: 9px;
  cursor: pointer;
}
videocontrols svg.active {
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
}
.CmsPageStyle_Table {
  table-layout: fixed;
}

.spacebetween .slick-list {
  margin: 0 -15px;
}
.spacebetween .slick-slide {
  margin: 0 15px;
}

[data-slider="true"] ul > li:nth-child(n + 6),
.Related_Custom_UL ul > li:nth-child(n + 6) {
  display: none;
}
.mobilemenuextra {
  display: none;
}

.TableLines_OrderStep4 {
  width: 100%;
  table-layout: fixed;
}
.TableLines_OrderStep4 > tbody > tr > td > table {
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.1);
  padding: 2%;
}
.Heading_Order4 ~ br {
  display: none;
}
.Order_printIcon a {
  display: none;
}
[data-dynamic]:not(.loaded) {
  display: none;
}

body.webshop-b2blogin article > * {
  display: none;
}


body:not(.isb2b) .b2bonly {
  display: none !important;
}

[data-before][data-after]:not(.handled) {
  aspect-ratio: 16/9;
  background-color: rgba(241, 241, 241, 1);
}
[data-before][data-after] {
  position: relative;
  overflow: hidden;
}
[data-before][data-after] img {
  width: 100%;
  display: block;
  max-width: none;
}
[data-before][data-after] .resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
[data-before][data-after] .handle {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background: rgba(0, 0, 0, 0.5);
  cursor: ew-resize;
}
[data-before][data-after] .handle:after {
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  content: "\21d4";
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  line-height: 64px;
  background: #ffb800;
  border: 1px solid #e6a600;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3),
    inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #ffd466;
}
[data-before][data-after] .handle.ba-draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 50px;
  font-size: 30px;
}

[data-before][data-after] .handle:after {
  background-color: #a37439;
  border: none;
  content: "↔";
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Arial";
  box-shadow: none;
}

.afloeb-divs {
  aspect-ratio: 5/5 !important;
  transition: none !important;
  transform: none !important;
  padding: 0 !important;
  overflow: hidden;
}

/* Afløb billeder */
.afloeb-imgs {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* CSS til håndværker lister */
.handverker-ul-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -1% -1% 6rem;
    list-style-type: none;
    padding: 0;
}
.handverker-ul-grid > * {
    flex: none;
    width: 23%;
    margin: 1%;
}
.handverker-ul-grid a {
    text-decoration: none;
}


.accordioncontentrow {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.accordioncontentrow > * {
    flex: auto;
}


.stonecarpet {
    margin-bottom: 30px;
}
.stonecarpet .areacontainer {
    margin-bottom: 20px;
}
.stonecarpetalternatives > * {
    text-decoration: none;
}
.stonecarpet .rowlist {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.stonecarpet .rowlist label {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    cursor: pointer;
}
.stonecarpet .accordioncontent p + * {
    margin-top: 15px;
}
.stonecarpet .accordioncontentrow {
    align-items: center;
}
.stonecarpet .accordioncontentrow > img {
    width: 120px;
    height: auto;
    flex: none;
    border-radius: 6px;
    border: solid 1px rgba(235,235,235,1.00);
}
/*
.stonecarpetalternatives {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
}
.stonecarpetalternatives > * {
    text-decoration: none;
    margin: 1%;
    width: 14.66%;
}
.stonecarpetalternatives img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 4px;
}
.stonecarpetalternatives .active img {
    border: solid 5px #375442;
}
.stonecarpetalternatives span {
    text-align: center;
    padding: 5px 0 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/


/* Tree calc v2 */
.treeCalcContainer {
  margin: 20px 0 0;
  position: relative;
}
.treeCalcLoading .treeCalcContainer:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  top: 0;
  left: 0;
  z-index: 20;
  background-image: url("/images/skins/2023/images/loading.gif");
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: 50% 30%;
}
.treeCalcContainer .treeCalcExpander,
.accordionheader {
  background-color: #f1e7d9;
  border-radius: 25px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-height: 35px;
  font-size: 14px;
  padding: 10px 60px 10px 35px;
  align-items: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
  text-decoration: none;
  user-select: none;
  font-style: normal;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.treeCalcContainer .treeCalcExpander .selection,
.accordion .accordionheader .selection {
  font-size: 12px;
  text-transform: none;
  letter-spacing: normal;
}
.treeCalcContainer .treeCalcExpanderWrapper.disabled .treeCalcExpander {
  background-color: #e5e5e5;
  position: relative;
}
.treeCalcContainer .treeCalcExpanderWrapper,
.treeCalcContainer .treeArea,
.accordion,
.stockfloor .areacontainer {
  margin-bottom: 10px;
}
.treeCalcContainer .treeCalcExpanderWrapper .expandableContent,
.accordioncontent {
  padding: 20px;
}
.treeCalcContainer .treeCalcExpanderWrapper:not(.opened) .expandableContent,
.accordion:not(.opened) .accordioncontent {
  display: none;
}
.treeCalcExpander:after,
.accordionheader:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iIzAwMDAwMCIgY2xhc3M9InctNiBoLTYiPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0ibTE5LjUgOC4yNS03LjUgNy41LTcuNS03LjUiIC8+Cjwvc3ZnPg==");
  width: 25px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.treeCalcContainer .treeCalcExpanderWrapper.opened .treeCalcExpander:after,
.accordion.opened .accordionheader:after{
  transform: translateY(-50%) rotate(180deg);
}
.treeArea,
.areacontainer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 13px 10px 35px;
  border-radius: 65px;
  background-color: rgba(239, 239, 239, 0.6);
}
.treeArea .treeAreaText,
.areacontainer .areatext {
  white-space: nowrap;
}
.m2Note {
  padding: 0 35px 10px;
  display: block;
}
.treeArea input[type="number"],
.areacontainer input[type="number"] {
  border-radius: 25px;
  height: 40px;
  padding: 0 15px;
}
.treeCalcContainer .dateRadioWrapper label {
  white-space: nowrap;
  cursor: pointer;
  padding: 0 0 0 10px;
}
.addonWrapper .addon {
  display: flex;
  align-items: center;
  gap: 1%;
  border: solid 1px rgba(233, 233, 233, 1);
  padding: 5px 15px;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 4px;
}
.addonWrapper .addon > * {
  flex: none;
}
.addonWrapper .addon input[type="checkbox"] {
  margin: 0 10px 0 0;
}
.addonWrapper .addon .addonThumb {
  width: 50px;
}
.addonWrapper .addon > .addonText {
  flex: auto;
  padding: 0 15px;
}
.addonWrapper .addon .addonPrice {
  white-space: nowrap;
}
/*.treeCalcContainer .addon::before {
  content: '+';
  display: inline-block;
  border: 1px solid #000;
  padding: 0px 6px 0px 6px;
}*/
/*.treeCalcContainer .addon.selected {
  background-color: #d4edda;
}*/

.treeCalcExpanderWrapper[data-loading="true"] .expandableContent * {
  display: none;
}
.treeCalcExpanderWrapper[data-loading="true"] .expandableContent:after {
  content: "Vent et øjeblik, imens vi henter produkt data ..";
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.treeCalcExpanderWrapper[data-loading="true"] .expandableContent:before {
  content: "";
  display: inline-block;
  background: url("https://urbanhald.dk/images/skins/2023/images/loading.gif")
    no-repeat;
  width: 70px;
  height: 70px;
  margin-right: 5px;
  vertical-align: middle;
}
.treeCalc #BUYSECTION > * {
  flex: auto;
}
.deliveryDateWrapper {
  padding: 20px;
  margin: 0 0 15px;
  border-radius: 10px;
  background-color: rgba(239, 239, 239, 0.6);
}
.deliveryDateWrapper input[type="date"] {
  width: 100%;
  cursor: pointer;
}
.calcDateContainer {
  position: relative;
}
.calcDateContainer label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  cursor: pointer;
  display: none;
}

/*
.productcard .treeCalcSummaryHeadline {
    padding: 0 35px;
}
*/
.productcard .treeCalcSummaryHeadline,
.stonecarpet .summaryHeadline {
  display: flex;
  font-size: 18px;
  gap: 1%;
  /*justify-content: space-between;*/
}
.productcard .deliveryDateWrapper + .treeCalcSummaryHeadline.pricePerSqm {
  display: none;
}
.productcard .treeCalcSummaryHeadline.pricePerSqm,
.stonecarpet .summaryHeadline.pricePerSqm {
  margin-bottom: 15px;
}
.productcard .treeCalcSummaryHeadline.totalPrice {
  margin-bottom: 10px;
}

.treeCalcContainer .treeAddToBasketContainer {
  display: flex;
  gap: 3%;
  justify-content: flex-end;
}
.treeCalcContainer .treeAddToBasketContainer .button {
  min-width: 50%;
}

.treeCalcContainer .listBtn,
.stonecarpetalternatives {
  margin: -1%;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.treeCalcContainer .listBtn > li,
.stonecarpetalternatives > * {
  margin: 1%;
  flex: none;
  width: 23%;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;

  flex-direction: column;
  position: relative;
  line-height: normal;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
  padding: 10px;
}
.treeCalcContainer .listBtn > li.active:before,
.stonecarpetalternatives > .active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
  border: solid 2px rgba(0, 0, 0, 1);
  border-radius: inherit;
  content: "";
}
.stonecarpetalternatives > .active:before {
    border-color: #375442;
}
.treeCalcContainer .listBtn#treatmentWrapper > li:not(.visible) {
  display: none;
}
.treeCalcContainer .listBtn > li > * {
  flex: none;
}
.treeCalcContainer .listBtn > li > img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/11;
  object-fit: cover;
  border-radius: 5px;
  margin: 0 0 8px;
}
.treeCalcContainer .listBtn > li > .name,
.stonecarpetalternatives > * > .name {
  flex: auto;
}
.treeCalcContainer .listBtn > li > .button {
  font-size: 12px;
  margin: 8px 0 0;
  padding: 5px 18px;
  min-height: 10px;
}

.treeCalcContainer .listBtn > li:only-child > .button,
.treeCalcContainer .listBtn > li:only-child > .price {
    display: none;
}
/*
.treeCalcContainer .listBtn > li.active:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: solid 5px #375442;
    content: "";
}
*/
.treeCalcContainer #treeCalcSize li {
  width: 48%;
  justify-content: center;
}
.treeCalcContainer #treeCalcSize li > .name {
  padding: 0;
}
.treeCalcContainer #treeCalcSize li.active {
  background-color: rgba(0, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
}

.treeCalcContainer .glueSelector {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.treeCalcContainer .glueSelector label {
  display: flex;
  align-items: center;
}
.treeCalcContainer .glueSelector label > span {
  white-space: nowrap;
  cursor: pointer;
  padding: 0 0 0 10px;
}
.treeCalcContainer .glueSelector label > .price:empty {
  display: none;
}

.treeCalcContainer .deliveryDateWrapper .dateRadioWrapper {
  display: flex;
  align-items: center;
}
.dateRadioOuterWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding: 10px 0 0;
}
.deliveryChooseWrapper {
  padding: 15px 0 0;
}
.deliveryDateWrapper > small {
  padding: 10px 0 0;
  line-height: normal;
  display: block;
}


.bp_relatedproductsProductName,
.bp_relatedproductsProductStockMessage {
    font-size: inherit !important;
}
.bp_relatedproductsCustomField {
    display: none;
}

#newslettersignup-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}




/* Stone steps */
.calculatorcontainerWrapper.stonesteps .progress {
    top: 73px;
}
.stepoptions {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 30px;
}
.stepoptions.accessories {
    gap: 20px;
}
.stepoptions > li {
    flex: auto;
    border-radius: 10px;
    padding: 35px 35px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 300px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    line-height: normal;
    border: solid 5px rgba(226, 226, 226, 1);
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.stepoptions > li > * {
    flex: none;
}
.stepoptions > li > div {
    flex: auto;
}
.stepoptions .button,
.stonecarpetalternatives .button {
    background-color: #f1e7d9;
    color: inherit;
}
.stepoptions .active .button,
.stonecarpetalternatives .active .button {
    background-color: #375442;
    color: rgba(255, 255, 255, 1);
}
.stepoptions.accessories > li {
    flex: none;
    min-height: 100px;
    width: calc(20% - 24px);
    padding: 30px;
    margin: 0;
    max-width: none;
}
.stepoptions > li.active {
    border-color: #375442;
}
.stepoptions > li > * {
    flex: none;
}
.stepoptions > li > strong {
    font-size: 17px;
    display: block;
    position: relative;
    z-index: 2;
    font-weight: normal;
    text-transform: uppercase;
}
.stepoptions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.stepoptions ul > li {
    padding-left: 25px;
    background-image: url(/images/skins/2023/images/icon-check-green.svg);
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-position: 0 5px;
}
.stonesteps .buttons {
  flex: auto;
  position: sticky;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  z-index: 30;
  justify-content: center;
}
.stonesteps .buttons:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  height: 100%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 -20px 30px rgba(0, 0, 0, 0.1);
}
.stonesteps .calculator .buttons button {
    width: auto;
}
.stonesteps .buttons.hideprev > button.prev,
.stonesteps .buttons.hidenext > button.next {
    display: none;
}
.stonesteps .buttons > button:first-child:not(:only-child) {
    background-color: #f6f6f6;
    border: 1px solid rgba(0, 0, 0, 1);
    color: rgba(50, 50, 50, 1);
}
.stonesteps .step1view {
    display: flex;
}
.stonesteps .step1view > * {
    flex: none;
    width: 50%;
}
.stonesteps .step1view img {
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}
.stonesteps .step1view .step1viewright {
    flex: none;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5%;
    gap: 20px;
}
.stonesteps .step1view .step1viewright input[type="number"] {
    flex: none;
    height: 60px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ccc;
    background-color: #e2e2e2;
    border-radius: 5px;
    width: 600px;
    max-width: 100%;
}

.stonecarpetalternatives > * {
    gap: 15px;
    align-items: stretch;
}
.stonecarpetalternatives > * > img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    border-radius: 5px;
}


.thicknesscontainer {
    width: 800px;
    max-width: 90%;
    position: relative;
    margin: 0 auto;
}
.thicknesstrack {
    width: 100%;
    height: 6px;
    background: #ddd;
    position: relative;
    z-index: 2;
}
.thicknesshandle {
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: grab;
}
.thicknessinfo {
    text-align: center;
    width: 100%;
    padding: 20px;
    background-color: rgba(255,255,255,1.00);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    margin: 0 auto 50px;
    border-radius: 6px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.thicknessinfo > span {
    border-radius: 25px;
    padding: 4px 13px;
    background-color: #375442;
    color: rgba(255,255,255,1.00);
    white-space: nowrap;
}
.thicknessvalues {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0 -20px;
    width: calc(100% + 40px);
}
.thicknessvalues > span {
    position: relative;
}
.thicknessvalues > span:before {
    content: "";
    position: absolute;
    left: calc(50% + 2px);
    transform: translateX(-50%);
    top: -25px;
    width: 1px;
    background-color: #cfcdcd;
    height: 15px;
}

.bp_ProductCarousel_initialized.bp_noResult {
    display: none;
}

.stockfloor {
    margin: 0 0 30px;
}
.stockfloor .treeCalcExpander {
    cursor: default;
}
.stockfloor .treeCalcExpander:after {
    display: none;
}
.has-iframe .fancybox__content, .has-pdf .fancybox__content {
    height: 90vh;
}
div.fancybox__caption {
    max-width: 80%;
    text-align: center;
}


div.bp_lsaFullScreen {
    z-index: 999;
    background-color: rgba(255,255,255,.7);
}
div[class*="bp_lsaFullScreenCustomField"] {
    display: none;
}
.bp_lsaProductButtons:empty {
    display: none;
}
.bp_lsaFullScreen .bp_lsaProductsList > .bp_lsaProduct.searcharticle .bp_lsaProductPrice,
.bp_lsaFullScreen .bp_lsaProductsList > .bp_lsaProduct.searcharticle .bp_lsaProductStockMessage {
    display: none;
}
.bp_lsaFullScreen .bp_lsaCategoryContainer .bp_lsaCategoryImage {
    aspect-ratio: 1/1;
    object-fit: cover;
    overflow: hidden;
    font-size: 0;
}

div.fancybox__container {
    z-index: 9999999999;
}

.RootCategory_Productmenu > a:last-of-type:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 20px);
    height: 30px;
    z-index: -1;
}

#b2conlyalertbar:empty {
    height: 50px;
}

.termsWrapper table {
    table-layout: fixed;
}

@media (min-width: 1100px) {
  .mobileshortcuts {
      display: none;
  }
  [id*="bp_ProductCarousel_"]:empty {
      aspect-ratio: 1800/572;
  }
    
  /*
  .treeCalc form > [itemprop="unit"] + .container {
    max-width: 1100px;
    justify-content: center;
    display: flex;
    align-items: flex-start;
  }
  .treeCalc form > [itemprop="unit"] + .container > columns {
    margin: 0;
    gap: 5%;
  }
    */
  /*.treeCalc columns.productcard .image {*/
  columns.productcard .image {
      width: 45%;
      position: sticky;
      top: 176px;
      align-self: flex-start;
  }
  .ProductList_Custom_UL > li.col2 {
      width: 48%;
  }
  .ProductList_Custom_UL > li.col3 {
      width: 31.33%;
  }
  .ProductList_Custom_UL > li.col4 {
      width: 23%;
  }
  /*
	.grid {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-template-rows: repeat(2,1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	
	.div1 { grid-area: 1 / 1 / 3 / 2; }
	.div2 { grid-area: 1 / 2 / 2 / 3; }
	.div3 { grid-area: 1 / 3 / 2 / 4; }
	.div4 { grid-area: 2 / 3 / 3 / 4; }
	.div5 { grid-area: 2 / 2 / 3 / 3; }
	*/
  a[href*="tel:"] {
      color: rgba(0, 0, 0, 1);
      text-decoration: none;
      cursor: default;
      pointer-events: none;
  }
  header {
      padding: 15px 0 0;
  }
  header .minimenu {
      margin-top: 0;
      margin-bottom: 15px;
      padding: 0;
      list-style-type: none;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      line-height: 1;
  }
  header .minimenu > :not(:last-child) {
      margin-right: 18px;
      padding-right: 18px;
      border-right: solid 1px rgba(214, 214, 214, 1);
  }
  header .minimenu a {
      text-decoration: none;
  }
  header .logo {
      margin-top: -21px;
  }
  header > div.container {
      align-items: flex-end;
  }
  header .shortcuts {
      gap: 20px;
  }
    header .search {
      width: 950px;
        max-width: 60%;
    }
    header .search form input[type="text"] {
      height: 50px;
      width: 100%;
        border: solid 1px rgba(230,230,230,1.00);
        border-radius: 40px;
      padding: 0 20px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iIzAwMDAwMCI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJtMjEgMjEtNS4xOTctNS4xOTdtMCAwQTcuNSA3LjUgMCAxIDAgNS4xOTYgNS4xOTZhNy41IDcuNSAwIDAgMCAxMC42MDcgMTAuNjA3WiIgLz4KPC9zdmc+);
    background-size: 22px auto;
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    }
  .ProductmenuContainer_DIV {
      flex: none;
      display: flex;
  }
  span.ProductMenu_MenuItemBold {
      font-weight: normal;
  }
  span.Heading_ProductMenu {
      display: none;
  }
  #ProductMenu_List {
      display: flex;
      margin: 0;
      padding: 5px 0 0;
      gap: 3%;
      list-style-type: none;
      flex: auto;
      justify-content: center;
  }
  #ProductMenu_List > li {
      display: flex;
  }
  #ProductMenu_List > li > a:last-of-type {
      display: flex;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: normal;
      padding: 22px 0;
      letter-spacing: 0.1em;
      align-items: center;
      flex: auto;
      position: relative;
      z-index: 10;
      color: rgba(0, 0, 0, 1);
  }
  #ProductMenu_List > li > a[href*="167s1"] > span {
      font-weight: bold;
  }
  #ProductMenu_List > li > a > span {
      display: inline-block;
      position: relative;
  }
  #ProductMenu_List > li > a > span::before {
      content: "";
      position: absolute;
      bottom: -5px;
      width: 0;
      left: 0;
      height: 2px;
      background-color: black;
      border-radius: 5px;
      transition: width 0.3s ease-out;
  }
  #ProductMenu_List > li:hover > a > span::before {
      width: 100%;
  }
  #ProductMenu_List > li > div {
      display: flex !important;
      opacity: 0 !important;
      visibility: hidden !important;
      transition: all 200ms ease-in-out;
  }
  #ProductMenu_List > li:hover > div {
      opacity: 1 !important;
      visibility: visible !important;
  }
  #ProductMenu_List > li > ul, #ProductMenu_List > li > div {
      display: none;
  }
  .webshop-frontpage .slideshow .slick-dots {
      display: none !important;
  }
  .fullright {
      width: 50vw;
      flex: none;
      margin-left: 0;
  }
  columns > div.focus .subcatsloader .ProductList_Custom_UL > li.col2 {
      width: 98%;
  }
  columns {
      display: flex;
      margin-left: -1%;
      margin-right: -1%;
  }
  columns.nospace {
      margin-left: 0;
      margin-right: 0;
  }
  columns.middle {
      align-items: center;
  }
  columns.center {
      align-items: center;
  }
  columns.center > img {
      align-self: flex-start;
  }
  columns > * {
      flex: auto;
      margin-left: 1%;
      margin-right: 1%;
  }
  columns.nospace > *, columns.nospace > img {
      margin-left: 0;
      margin-right: 0;
      width: 50%;
      max-width: 50%;
  }
  columns:not(.nospace) > :last-child:not(:first-child):not(.fullright):not(.buy):not([data-after]) {
      flex: none;
      width: 48%;
  }
  columns.equalwidth > *, .equal-width-flex {
      flex-basis: 0 !important;
      flex-grow: 1 !important;
  }
  columns .half {
      display: flex;
  }
  columns .half:first-child {
      justify-content: flex-end;
  }
  columns .half:last-child {
      justify-content: flex-start;
  }
  columns .half > * {
      width: calc(var(--fullwidth) / 2);
      max-width: 45vw;
      flex: none;
  }
  columns .half:first-child .padding {
      padding-left: 0;
  }
  columns .half:last-child .padding {
      padding-right: 0;
  }
  .half .padding {
      padding: 7%;
  }
  columns * > h1 {
      text-align: left;
  }
  columns > img {
      align-self: flex-start;
      max-width: 48%;
  }
  columns.padding {
      margin-left: 0;
      margin-right: 0;
  }
  columns.padding > * {
      margin-left: 0;
      margin-right: 2%;
  }
  columns.padding > :last-child:not(:first-child) {
      margin-right: 0;
      width: 49%;
  }
  columns.productcard > * {
      margin: 0;
  }
  columns.productcard .image {
      width: 44%;
      flex: none;
  }
  columns.productcard > .info {
      width: auto;
      flex: auto;
      position: relative;
  }
  /*
  columns.productcard .buy {
    width: 390px;
    flex: none;
  }
    */
  columns > div.employees:last-child {
      width: 60%;
  }
  .calccolumns div.calculateddata {
      width: 75%;
      /*
        column-count: 2;
        column-gap: 50px;
        */
  }
  columns.productcard {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      gap: 5%;
  }
  columns.productcard > .info {
      width: auto !important;
      flex: auto !important;
  }
  .productcard > .info:before {
      content: "";
      width: 0;
      height: 0;
      border: 20px solid transparent;
      border-left-color: rgba(255, 255, 255, 1);
      border-right: none;
      position: absolute;
      top: 95px;
      left: 100%;
  }
  /*
    .tabs > div.description {
        column-count: 2;
        column-gap: 5%;
    }
	

    .ProductList_Custom_UL > li:nth-child(2n) .item.video > a {
        flex-direction: row-reverse;
    }
	*/
  .ShowBasket_Custom_DIV .name .amount {
      display: none;
  }
  .ShowBasket_Custom_DIV .price .priceholder {
      min-width: 120px;
  }
  .showbasket .summary {
      position: sticky;
      top: 150px;
  }
  [class*="_Custom_UL"] .slick-arrow {
      left: auto;
      right: calc(100% + 15px);
  }
  [class*="_Custom_UL"] .slick-arrow.next {
      right: auto;
      left: calc(100% + 15px);
  }
  .calccolumns .colorview {
      position: sticky;
      top: 175px;
  }

}
@media (max-width: 1700px) {
  body:not(.webshop-cmspage)
    div.needsclick[style*="background-image"]:not(
      [data-testid="form-component"]
    ) {
    display: none !important;
  }
  form.needsclick {
    float: none !important;
  }

  /*
    #ProductMenu_List div.container > ul:not(:last-of-type) {
        margin-right: 2%;
        padding-right: 2%;
    }
    #ProductMenu_List div.container > ul > li.has-dropdown > a,
    #ProductMenu_List div.container > ul > li:not(.has-dropdown):not(#ActiveCategory_A) > a {
        font-size: 15px;
    }
    #ProductMenu_List div.container > ul > li > ul > li:not(:last-child) {
        margin-bottom: 4px;
    }
    #ProductMenu_List div.container > ul > li > ul > li > a {
        font-size: 13px;
        white-space: normal;
    }
	*/
}

@media (max-width: 1300px) {
    #ProductMenu_List {
        gap: 2%;
    }
}

@media (max-width: 1300px) {
    h2, h3, .mediumheader, .item.article .info .name, .item.video .info .name, h4, .grid .text .title, .Heading_OrderStep4 {
        font-size: 18px;
    }
    /*
    #ProductMenu_List > li > a:last-of-type {
        padding: 5px 7px;
        font-size: 11px;
        letter-spacing: normal;
    }
   
    header .logo img {
        height: 37px;
    }
	*/
    .item.article .info .name {
        font-size: 18px;
        margin: 0 0 4px;
    }
    [data-slider="true"] ul > li:nth-child(n + 4) {
        display: none;
    }
    .grid .text {
        padding: 7%;
    }
    .ProductList_Custom_UL > li, .Related_Custom_UL > li {
        width: 23%;
    }
    .product .info .row {
        flex-direction: column;
        /* align-items: flex-start; */
        gap: 7px;
    }
    .treeCalcContainer .listBtn > li, .stonecarpetalternatives > * {
        width: 31.33%;
    }
}

/*@media (max-width: 899px) {*/
@media (max-width: 1099px) {
    
    #b2conlyalertbar:empty {
        height: 82px;
    }
    header .search {
      display: none;
    }
    .stonesteps .step1view {
        flex-direction: column;
    }
    .stonesteps .step1view > *,
    .stonesteps .step1view .step1viewright {
        width: 100%;
    }
    .stepoptions {
        flex-direction: column;
    }
    .stonesteps .thicknessinfo {
        margin-bottom: 40px;
        padding: 14px;
        text-align: left;
    }
    .thicknessvalues > span {
        font-size: 10px;
    }
    .stepoptions.accessories {
        flex-direction: row;
        gap: 10px;
    }
    .stepoptions.accessories > li {
        width: calc(50% - 5px);
        padding: 14px;
        border-width: 2px;
        gap: 12px;
    }
    .stonesteps ul.accessories > li div.coatingImages img  {
        width: 100%;
    }
    .stonesteps ul.accessories > li .button {
        margin: 0;
    }
    div.fancybox__caption {
        max-width: 100%;
    }
    
    [id*="bp_ProductCarousel_"]:empty {
        aspect-ratio: 338/402;
    }
    body div.needsclick[style*="background-image"]:not([data-testid="form-component"]) {
        display: none !important;
    }
    body, input, select, textarea, button, td.VariantGroupLabel {
        font-size: 12px;
    }
    input[type="submit"], button, input[type="button"], .button, .ddrd-button, #ProductMenu_List div.container > a > span > small {
        font-size: 13px;
        padding: 8px 30px;
    }
    h1, .largeheader, .Heading_Customer, .Heading_B2BLogin, .Heading_B2Blogin, .topbox.heigh h1, .topbox.high h1, .Heading_Order4 {
        font-size: 20px;
    }
    h2, h3, .mediumheader, .item.article .info .name, .item.video .info .name, h4, .grid .text .title, .Heading_OrderStep4 {
        font-size: 15px;
    }
    h4 {
        margin-bottom: 5px;
    }
    h4:not(:first-child) {
        margin-top: 15px;
    }
    .topbar > .container.slick-slider {
        margin: 0;
        max-width: 100%;
    }
    header .ProductmenuContainer_DIV {
        display: none;
    }
    input[type="checkbox"], input[type="radio"] {
        width: 25px;
        height: 25px;
    }
    header .minimenu {
        display: none;
    }
    header .logo img {
        width: 147px;
    }
    .webshop-checkout header .logo img {
        margin: 0;
    }
    .mobileshortcuts {
        display: flex;
        align-items: center;
    }
    .mobileshortcuts > * {
        display: block;
        width: 25px;
        height: auto;
    }
    .mobileshortcuts > :not(:last-child) {
        margin-right: 20px;
    }
    .mobileshortcuts > .btnmenunew {
        width: 30px;
    }
    .mobileshortcuts > * svg {
        width: 100%;
        height: auto;
        display: block;
    }
    .topbar {
        text-transform: none;
    }
    .topbar .container:not(.slick-initialized) {}
    .topbar .container:not(.slick-initialized) > :nth-child(n + 2) {
        display: none !important;
    }
    .topbar .container:not(.slick-initialized) > *, .topbar .slick-slide {
        justify-content: center;
        flex: auto;
    }
    .topbar i, .topbar svg {
        margin-right: 6px;
    }
    .topbar svg {
        width: 15px;
    }
    /*
	.topbar u {
		display: none;
	}
	*/
    header > div.container {
        align-items: center;
        padding: 15px 0;
    }
    .topbox {
        padding: 50px 0;
    }
    .topbox > * {
        position: relative;
        z-index: 1;
    }
    .topbox:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 0;
    }
    columns {
        display: flex;
        flex-direction: column;
    }
    columns > * {
        order: 1;
    }
    columns > [data-video], columns > [data-background], columns > .half + img {
        order: 0;
    }
    columns > :not(:last-child):not(.padding) {
        margin-bottom: 20px;
    }
    columns .focus {
        width: 100%;
        padding: 20px;
    }
    .spacetop {
        margin-top: 20px;
    }
    .spacebottom {
        margin-bottom: 20px;
    }
    .paddingtop {
        padding-top: 30px;
    }
    .paddingbottom {
        padding-bottom: 30px;
    }
    .padding {
        padding: 5%;
    }
    columns > .padding + .padding {
        padding-top: 0;
    }
    .infobar > div {
        text-align: left;
        padding-right: 25px;
    }
    .buttonsrow {
        flex-direction: column;
        gap: 15px;
    }
    .webshop-frontpage .fpboxes {
        margin-top: 0;
    }
    .fpboxes {
        padding: 5% 5% 0;
        flex-wrap: wrap;
    }
    .fpboxes > * {
        max-width: calc(50% - 10px);
    }
    .fpboxes strong {
        font-size: 15px;
        margin-bottom: 2px;
    }
    .fpboxes > a:after {
        margin-top: 10px;
    }
    .fpboxes > * svg {
        margin-top: 10px;
    }
    .fpgrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }
    .fpgrid.cols-6 {
      grid-template-columns: repeat(2, 1fr);
    }
    .fpgrid:first-of-type {
      padding-bottom: 3px;
    }
    .fpgrid:last-of-type {
      padding-top: 3px;
    }
        .fpgrid strong {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .grid {
        flex-wrap: wrap;
    }
    .grid > div {
        flex: none;
        width: 100%;
        max-width: 100%;
    }
    .popupclose {
        top: 3;
        left: 3;
        background-color: rgba(255, 255, 255, 1);
        z-index: 35;
        color: rgba(0, 0, 0, 1);
        position: fixed;
        display: none;
    }
    /*
	.popupclose {
		position: sticky;
		top: 0;
		right: 0;
		z-index: 99;
		background-color: #000;
		color: #FFF;
        margin-left: auto;
	}
	.popupclose svg {
		fill: #FFF;
	}
    */
    /*
	.grid {
		display: flex;
		flex-wrap: wrap;
	}
	.grid > * {
		flex: none;
		width: 50%;
		order: 0;
	
	}
	
	.grid > .div3,
	.grid > .div5 {
		padding: 7%;
	}
	
	.grid > .div2 {
		order: 1;
	}
	.grid > .div3 {
		order: 2;
	}
	.grid > .div4 {
		order: 4;
	}
	.grid > .div5 {
		order: 3;
	}
	*/
    .slideshow .header {
        font-size: 35px;
        font-weight: normal;
    }
    .slideshow .teaser {
        font-size: inherit;
        padding-top: 20px;
    }
    .webshop-frontpage .slideshow:not(.slick-initialized), .webshop-frontpage .slideshow:not(.slick-initialized) > *, .webshop-frontpage .slideshow .slick-slide {
        height: 40vh;
    }
    .Text1_FrontPage {
        padding: 20px;
    }
    .breadcrumb .container {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ProductList_Custom_UL:not(.slick-initialized), .Related_Custom_UL:not(.slick-initialized) {
        margin: 0 -2%;
    }
    .ProductList_Custom_UL > li, .Related_Custom_UL > li {
        width: 46%;
        margin: 0 2% 4%;
    }
    .ProductList_Custom_UL.faqonly > li, .ProductList_Custom_UL > li.col2, .ProductList_Custom_UL > li.fullitem {
        width: 98%;
    }
    .product .info .description {
        display: none;
    }
    .product .badges > *, .product .offer {
        padding: 7px 10px;
    }
    .product .badges > :has(img) {
        padding: 0;
    }
    .product .badges img {
        max-width: 40px;
    }
    .item.sample a {
        flex-direction: column;
    }
    .item.sample a > img {
        width: 100%;
        margin: 0 0 15px;
    }
    .webshop-productlist .SubCats_Categories_UL > li {
        width: 98% !important;
    }
    .item.article > a, .item.video > a {
        flex-direction: column;
    }
    .item.article .image, .item.video .image {
        width: 100%;
    }
    .item.video .info {
        padding: 15px;
    }
    .item.video .info .name {
        margin: 0;
    }
    .faq .name {
        padding: 10px 20px;
    }
    .productcard .info {
        margin: 20px 0;
    }
    .productcard .info .RadioButton_Container_ProductInfo > div {
        width: 31.33%;
    }
    .RadioButton_Container_ProductInfo > div > label > div {
        font-size: 10px;
    }
    .productcard > .image {
        gap: 15px;
    }
    .productcard .info td.VariantGroupLabel, .productcard .info .mediumheader {
        font-size: 17px;
    }
    .btnaccount .name {
        display: none;
    }
    /*
  .productcard .buy {
    padding: 5%;
  }
    */
    .tabs > ul > li {
        font-size: 14px;
        padding: 0 15px 15px;
    }
    .tabs .faqguides > * {
        flex: none;
        width: 100%;
    }
    .tabs > div.faqguides {
        flex-direction: column;
    }
    .tabs .faqitems .ProductList_Custom_UL > li:last-child {
        margin-bottom: 0;
    }
    .calculatorcontainerWrapper .progress {
        counter-reset: steps;
    }
    .calculatorcontainerWrapper .progress > div {
        font-size: 0;
        padding: 5px;
    }
    .calculatorcontainerWrapper .progress > div:before {
        font-size: 12px;
        counter-increment: steps;
        content: counter(steps);
    }
    .calculator h2 {
        margin-bottom: 10px;
    }
    .introvideo .btnsound {
        top: 10px;
        right: 10px;
    }
    .calculator [data-step="area"] input[type="number"] {
        font-size: 16px;
    }
    .calccolumns {
        flex-direction: column;
        margin: 0;
    }
    .calccolumns > *, .calccolumns > :nth-child(2), .showcolors > * {
        margin: 0px 0px 0px 0px;
        flex: none;
        width: 100%;
    }
    .calccolumns > p {
        margin-bottom: 15px;
    }
    .calculator [data-step="colors"] .calccolumns, .showcolors {
        flex-direction: column-reverse;
    }
    .calccolumns > .colorview, .showcolors > .colorview {
        margin-bottom: 15px;
        width: 100%;
    }
    .calccolumns > .colorview {
        width: 100vw;
        margin-left: -3px;
        position: sticky;
        top: 42px;
        z-index: 30;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    }
    .colorpicker .calccolumns {
        justify-content: flex-end;
    }
    .colorpicker .calccolumns > .colorview {
        margin-left: -15px;
        top: 0;
    }
    .colorpicker .colorview > div.colorviewlarge {
        width: calc(100% - 60px);
        margin: 0;
    }
    .colorpicker .colorview > div.colorviewthumbs img {
        flex: none;
    }
    
    .calculator [data-step="area"] input[type="number"] {
        width: 100%;
    }
    .calccolumns.initialized {
        flex-direction: column-reverse;
    }
    /*
    .calccolumns > .colors > .colorsul {
        max-height: calc(100vh - 510px);
    }
	*/
    .calculator .colorType, .colorpicker .colorType {
        flex-direction: column;
        padding-bottom: 15px;
        margin-bottom: 22px;
    }
    columns > img {
        max-width: 100%;
        display: block;
    }
    columns > img + * {
        margin-top: 20px;
    }
    columns [style*="background"]:not(.needsclick):not(.colorpickerbutton):not(.selectcolorbuttonspan) {
        min-height: 230px;
    }
    .inspirationbox .button {
        padding-left: 15px;
        padding-right: 15px;
    }
    .productcard.article > columns > div.content + div {
        width: 100%;
    }
    .relatedarticles {
        margin-top: 30px;
    }
    .calculatorcontainer.fullscreen .calculator, .savebasketdialog > section {
        width: calc(100% - 40px);
        max-height: calc(100% - 40px);
    }
    .colorpicker > section {
        padding: 0 15px 30px;
        height: 100vh;
        width: 100vw;
        max-height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .colorpicker > section > .mediumheader {
        display: none;
    }
    .colorpicker .colorsul {
        overflow-x: visible;
        overflow-y: visible;
        max-height: none !important;
    }
    .calccolumns .colors > .colorsul {
        height: auto;
    }
    .colorview {
        flex-wrap: nowrap;
    }
    /*
	.colorview > div.colorviewlarge {
		height: 50vh;
		width: calc(100% - 70px);
	}
	*/
    .colorview > div.colorviewlarge img {
        max-height: 100%;
    }
    .colorview .colordescription {
        top: 10px;
        left: 10px;
        max-width: calc(100% - 20px);
        font-size: 10px;
    }
    .colorview > div.colorviewthumbs {
        width: 60px;
        display: flex;
        flex-direction: column;
    }
    .colorview > div.colorviewthumbs img {
        flex: auto;
        aspect-ratio: auto;
    }
    .colorview .saveandclosebutton {
        right: auto;
        bottom: auto;
        left: 5%;
        top: 5%;
    }
    ul.substrate {
        flex-direction: column;
    }
    ul.substrate > li {
        width: 98%;
        padding: 20px;
        min-height: 10px;
    }
    ul.substrate > li:not(:last-child) {
        margin-bottom: 12px;
    }
    ul.substrate > li > strong {
        font-size: 15px;
    }
    .layerselector > span {
        padding: 8px 10px;
    }
    .colortypepicker {
        margin-left: -15px;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        width: 100vw;
        gap: 15px;
        -webkit-overflow-scrolling: touch;
        overflow-y: hidden;
        overflow-x: auto;
    }
    .colortypepicker > div {
        font-size: 11px;
        margin: 0;
    }
    .colortypepicker > div input {
        margin-right: 7px;
    }
    .colortypepicker > div label {
        white-space: nowrap;
        text-transform: capitalize;
    }
    .colorsul > li > span {
        right: 1px;
        top: -2px;
        font-size: 8px;
        padding: 2px 4px;
    }
    ul.coating, ul.precoating, ul.accessories {
        flex-wrap: wrap;
        margin: 0;
        justify-content: space-evenly;
        display: flex;
    }
    ul.coating > li, ul.precoating > li, ul.accessories > li {
        max-width: 46%;
        width: 46%;
        margin: 8px 3px 8px;
    }
    .calccolumns div.calculateddata {
        padding: 15px;
        margin: 15px 0 0;
    }
    .calculator [data-step="price"] .calculateddata h2 {
        font-size: 14px;
        margin: 0 0 5px;
    }
    .summaryTotal {
        font-size: 14px;
    }
    .calcsummaryul > li > img, .calcsummaryul.colorLines .colorViewer {
        width: 40px;
        margin-right: 5px;
    }
    .calcsummaryul > li > .amount {
        width: 90px;
    }
    .calcsummaryul > li > .total {
        display: none;
    }
    .calculator [data-step="price"] .buttons {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .calculator [data-step="price"] .buttons > button {
        width: 98%;
        margin-bottom: 10px;
    }
    .calculator [data-step="price"] .buttons > button:last-child {
        margin-bottom: 10px;
    }
    .showbasket {
        flex-direction: column;
    }
    .showbasket > * {
        flex: none;
        width: 100%;
    }
    .ShowBasket_Custom_DIV > div {
        padding: 10px;
    }
    .ShowBasket_Custom_DIV .image {
        width: 50px;
    }
    .ShowBasket_Custom_DIV .name .amount {
        margin: 10px 0 0;
    }
    .ShowBasket_Custom_DIV .price {
        align-self: flex-end;
        flex-direction: column;
    }
    .ShowBasket_Custom_DIV .price .amount, .ShowBasket_Custom_DIV .price a[href*="remove=1"] {
        display: none;
    }
    .ShowBasket_Custom_DIV .amount a[href*="remove=1"] {
        display: flex;
        margin-left: 15px;
    }
    .showbasket .summary {
        padding: 20px;
        margin: 20px 0 0;
        width: 100%;
    }
    .showbasket .summary .row.total {
        font-size: 20px;
    }
    #ShowBasketSendBasketLink {
        width: 100%;
        padding: 20px;
    }
    .showbasketbuttons {
        margin-top: 20px;
        flex-direction: column;
    }
    form[name="CustomerCenterForm"] > span > span {
        padding: 6px 13px;
    }
    form[name="CustomerCenterForm"] > table {
        padding: 10px;
    }
    #tabID3 td {
        font-size: 85%;
    }
    .treetypes > * {
        width: 23%;
    }
    div.CookiePolicyText > img {
        margin: 20px 25px;
    }
    div.CookiePolicyText > h2 {
        padding: 25px 25px 15px;
        font-size: 21px;
    }
    div.CookiePolicyText > p {
        padding: 0 25px 25px;
        font-size: 95%;
    }
    div.cookie-policy-accept-buttons-container {
        padding: 20px 25px 15px;
        flex-direction: column-reverse;
    }
    div.cookie-policy-accept-buttons-container > input[type="button"] {
        font-size: 90%;
        padding: 15px 10px;
    }
    div.cookie-policy-details-link-container {
        padding: 0 0 20px;
    }
    div.cookie-policy-consents-container {
        flex-wrap: wrap;
    }
    div.cookie-policy-consents-container > div {
        flex: none;
        width: 50%;
    }
    div.cookie-policy-consents-container > div:nth-child(-n + 2) {
        border-bottom: solid 1px #d4d4d4;
    }
    div.cookie-policy-accept-buttons-container > input {
        padding: 10px 15px;
    }
    div.cookie-policy-accept-buttons-container > input:not(:last-of-type) {
        margin-right: 0;
        margin-top: 10px;
    }
    div.cookie-policy-consents-container label {
        font-size: 80%;
    }
    div.cookie-policy-consents-container label div > span {
        width: 20px;
        height: 20px;
    }
    .cookieSettingsButton {
        bottom: 10px;
        left: 10px;
        width: 30px;
        height: 30px;
    }
    .webshop-checkout article {
        max-width: 100%;
        padding: 0;
    }
    #checkout-container #column-data, #checkout-container #column-shipping-payment, #checkout-container #column-order-summary {
        padding: 5%;
    }
    .payment-giftcertificateinfo {
        padding-top: 15px;
    }
    .payment-giftcertificateinfo fieldset {
        flex-direction: column;
        align-items: flex-start;
    }
    .webshop-showbasket article.container > .dark.button {
        width: 100%;
    }
    .Text-MicroCement-Visualisator {
        position: absolute;
        top: 80%;
        width: 75%;
    }
    /*
	.popupclose {
		top: 25px;
		right: 35px;
		display: none;
	}
	*/
    .hideonmobile {
        display: none;
    }
    [data-slider="true"] ul > li:nth-child(n + 3) {
        display: none;
    }
    .handverker-ul-grid > * {
        width: 98%;
    }
    .stonecarpetalternatives > * {
        width: 23%;
    }
    
    /* Tilbage/Næste knapper på beregnersiderne */
    .calculator .buttons button {
        width: 25%;
    }
    .treeCalcContainer .listBtn > li,
    .stonecarpetalternatives > * {
        width: 48%;
    }
    .treeCalcContainer .treeCalcExpanderWrapper .expandableContent {
        padding: 20px 0;
    }
    .treeCalcContainer .treeCalcExpander .selection {
        display: none;
    }
}



.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}



input.flatpickr-input[readonly] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzAwMCI+CiAgPHBhdGggZD0iTTUuMjUgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoLjAxYS43NS43NSAwIDAgMSAuNzUuNzV2LjAxYS43NS43NSAwIDAgMS0uNzUuNzVINmEuNzUuNzUgMCAwIDEtLjc1LS43NVYxMlpNNiAxMy4yNWEuNzUuNzUgMCAwIDAtLjc1Ljc1di4wMWMwIC40MTQuMzM2Ljc1Ljc1Ljc1aC4wMWEuNzUuNzUgMCAwIDAgLjc1LS43NVYxNGEuNzUuNzUgMCAwIDAtLjc1LS43NUg2Wk03LjI1IDEyYS43NS43NSAwIDAgMSAuNzUtLjc1aC4wMWEuNzUuNzUgMCAwIDEgLjc1Ljc1di4wMWEuNzUuNzUgMCAwIDEtLjc1Ljc1SDhhLjc1Ljc1IDAgMCAxLS43NS0uNzVWMTJaTTggMTMuMjVhLjc1Ljc1IDAgMCAwLS43NS43NXYuMDFjMCAuNDE0LjMzNi43NS43NS43NWguMDFhLjc1Ljc1IDAgMCAwIC43NS0uNzVWMTRhLjc1Ljc1IDAgMCAwLS43NS0uNzVIOFpNOS4yNSAxMGEuNzUuNzUgMCAwIDEgLjc1LS43NWguMDFhLjc1Ljc1IDAgMCAxIC43NS43NXYuMDFhLjc1Ljc1IDAgMCAxLS43NS43NUgxMGEuNzUuNzUgMCAwIDEtLjc1LS43NVYxMFpNMTAgMTEuMjVhLjc1Ljc1IDAgMCAwLS43NS43NXYuMDFjMCAuNDE0LjMzNi43NS43NS43NWguMDFhLjc1Ljc1IDAgMCAwIC43NS0uNzVWMTJhLjc1Ljc1IDAgMCAwLS43NS0uNzVIMTBaTTkuMjUgMTRhLjc1Ljc1IDAgMCAxIC43NS0uNzVoLjAxYS43NS43NSAwIDAgMSAuNzUuNzV2LjAxYS43NS43NSAwIDAgMS0uNzUuNzVIMTBhLjc1Ljc1IDAgMCAxLS43NS0uNzVWMTRaTTEyIDkuMjVhLjc1Ljc1IDAgMCAwLS43NS43NXYuMDFjMCAuNDE0LjMzNi43NS43NS43NWguMDFhLjc1Ljc1IDAgMCAwIC43NS0uNzVWMTBhLjc1Ljc1IDAgMCAwLS43NS0uNzVIMTJaTTExLjI1IDEyYS43NS43NSAwIDAgMSAuNzUtLjc1aC4wMWEuNzUuNzUgMCAwIDEgLjc1Ljc1di4wMWEuNzUuNzUgMCAwIDEtLjc1Ljc1SDEyYS43NS43NSAwIDAgMS0uNzUtLjc1VjEyWk0xMiAxMy4yNWEuNzUuNzUgMCAwIDAtLjc1Ljc1di4wMWMwIC40MTQuMzM2Ljc1Ljc1Ljc1aC4wMWEuNzUuNzUgMCAwIDAgLjc1LS43NVYxNGEuNzUuNzUgMCAwIDAtLjc1LS43NUgxMlpNMTMuMjUgMTBhLjc1Ljc1IDAgMCAxIC43NS0uNzVoLjAxYS43NS43NSAwIDAgMSAuNzUuNzV2LjAxYS43NS43NSAwIDAgMS0uNzUuNzVIMTRhLjc1Ljc1IDAgMCAxLS43NS0uNzVWMTBaTTE0IDExLjI1YS43NS43NSAwIDAgMC0uNzUuNzV2LjAxYzAgLjQxNC4zMzYuNzUuNzUuNzVoLjAxYS43NS43NSAwIDAgMCAuNzUtLjc1VjEyYS43NS43NSAwIDAgMC0uNzUtLjc1SDE0WiIgLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljc1IDJhLjc1Ljc1IDAgMCAxIC43NS43NVY0aDdWMi43NWEuNzUuNzUgMCAwIDEgMS41IDBWNGguMjVBMi43NSAyLjc1IDAgMCAxIDE4IDYuNzV2OC41QTIuNzUgMi43NSAwIDAgMSAxNS4yNSAxOEg0Ljc1QTIuNzUgMi43NSAwIDAgMSAyIDE1LjI1di04LjVBMi43NSAyLjc1IDAgMCAxIDQuNzUgNEg1VjIuNzVBLjc1Ljc1IDAgMCAxIDUuNzUgMlptLTEgNS41Yy0uNjkgMC0xLjI1LjU2LTEuMjUgMS4yNXY2LjVjMCAuNjkuNTYgMS4yNSAxLjI1IDEuMjVoMTAuNWMuNjkgMCAxLjI1LS41NiAxLjI1LTEuMjV2LTYuNWMwLS42OS0uNTYtMS4yNS0xLjI1LTEuMjVINC43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: calc(100% - 15px);
  cursor: pointer;
}

