.simple-variant-group-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .simple-variant-item-container.showAll {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }
  .simple-variant-item-container {
    width: 29%;
    margin: 2% 2%;
    box-shadow: inset 0 0 1px 0 #000;
    position: relative;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    text-align: center;
  }
  .slick-slide img{
    max-width: 100%;
    width: initial;
}
  .simple-variant-image {
    width: 100%;
  }
  .simple-variant-image-text {
    font-weight: bold;
    width: 100%;
  }
  .simple-variant-image-active {
    font-weight: bold;
    border: 2px solid #00c700;
  }
  .simple-variant-item-container > label > input[type="radio"] {
    display: none;
  }
  /*.simple-variant-image-active:before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 30;
    font-size: 25px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgb(118, 211, 0);
  }*/
  .RememberToBuy > span {
    width: 100%;
    padding-bottom: 8px;
  }
  .colorPrice {
    text-align: center;
    font-weight: bold;
  }
  .bullet {
    display: flex;
    margin: 10px 0;
  }

  .label {
    font-weight: bold;
    margin-right: 10px;
    width: 25%;
  }
  #specs > li.active {
    display: flex;
  }
  .stregtegning > img {
    max-width: 100%;
  }
  .frontBeskrivelseHeader {
    font-weight: bold;
    margin-top: 20px;
  }
  .colorDescription {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
  }
.colorDescription.open{
  display: flex;
  }

  .colorDescription .colorInfoTextContainer {
    width: 48%;
  }

  .colorDescription .colorImg,.colorDescription .colorImgContainer {
    width: 48%;
  }
  .colorDescription .colorImg > img {
    max-width: 100%;
  }
  .colorInfoText.expandable > p:nth-of-type(3) {
    display: none;
  }
  .colorInfoText.expandable.open > p:nth-of-type(3) {
    display: block;
  }
  .colorInfoText.expandable.open > .bullet {
    display: flex;
  }
  .colorInfoText.expandable > .bullet {
    display: none;
  }

  .toggleDescriptionButton{
    display: block;
    width: fit-content;
    padding: 10px;
    margin: 15px 0px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
  }

@media (max-width: 880px){
  .toggleDescriptionButton{
    background-color: #fff;
    color: #000;
    margin: 0px;
    font-weight: 500;
    border-radius: 3px;
    border: 1px solid #ddd;
    width: 49%;
  }
}  

  .colorInfoText.expandable:not(.open) + .toggleDescriptionButton .close,
  .colorInfoText.expandable.open + .toggleDescriptionButton .open {
    display: none;
  }
  .SubCats_Categories_UL>li {
    width: 18% !important;
  }


  .variantButtonContainer {
    padding: 5px;
    margin: 0;
    align-items: stretch;
  }
  .variantButtonElement {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    max-width: 46%;
    flex: 1 0 46%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .variantButtonElement.showAll .AllPossibilities{
    display:flex;
    align-items: center;
  }

  .variantButtonElement.showAll .AllPossibilities .SmallImg{
    max-width: 25%;
  }

  .variantButtonElement.showAll .AllPossibilities .SmallImg img{
    display: block;
    width: 100%;
    height: 100%;
  }

  .variantButtonElement .Variations{
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 20px;
    line-height: 14px;
    margin: 0 auto;
    font-size: 14px;
    max-width: 60px;
  }

  .variantButtonElement .Variations span{
    white-space: nowrap;
    transform: translate(-50%);
    display: block;
  }

  .variantButtonElement .itemText{
    font-weight: bold;
  }

  .variantButtonElement.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    display:none !important;
  }

  .variantButtonElement.half {
    max-width: 48%;
  }
  .itemImage > img {
    max-width: 100%;
    height:70px;
  }

  #Popup .itemImage > img {
    height:200px;
  }

  #Popup table.VariantGroup{
    border:none;
  }

  .VariantGroupLabel {
    font-size: 14px !important;
    padding: 10px !important;
    border-bottom: 1px solid #ddd;
    background-color: #0085b7;
    color: white !important;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .shortDescription {
    margin: 20px 0px;
    font-size: 14px;
  }
  .frontDescription {
    margin: 20px 0;
    /* border: 1px solid #ddd;
    padding: 10px;
    border-radius: 3px; */
    display: flex;
    justify-content: space-between;
  }

  .frontDescription > div {
    width: 50%;
  }
  .frontDescription > div:last-of-type {
    justify-content: center;
    display: flex;
    display: none;
  }
  .frontDescription img {
    max-width: 100%;
  }
  .images {
    position: relative;
  }

  .Variants {
      margin: 0px 0px 20px 0;
  }

  table.VariantGroup {
      width: 100%;
      height: 100%;
      border: 1px solid #ddd;
      border-top: 0px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
  }

  table.VariantGroupPosition-1{
    grid-area: FirstHalf
  }

  table.VariantGroupPosition-2{
    grid-area: SecondHalf;
  }

  table.VariantGroupPosition-3{
    grid-area:Full;
  }

  table.VariantGroup tr,
  table.VariantGroup td{
    display:block;
  }

  #Popup table.VariantGroup {
      width: 100%;
      height: 100%;
  }

  .Variants>table.VariantGroup:not(:last-child) {
      margin-bottom:0px;
  }

  @media(max-width:1920px) and (min-width:1280px){
    .variantButtonElement.showAll .AllPossibilities .SmallImg:nth-of-type(n+3){
      display:none;
    }
  }

  @media(max-width:1600px) and (min-width:1280px){
    .variantButtonElement.showAll .AllPossibilities .SmallImg:nth-of-type(n+2){
      display:none;
    }
  }

  @media(max-width:1440px) and (min-width:1280px){

    .variantButtonElement.half {
      max-width: 96%;
      flex: 1 0 96%;
    }

    .variantButtonElement.showAll .AllPossibilities .SmallImg{
      display:none;
    }

  }

  @media(max-width:1280px){
    .Variants{
      grid-template-areas:
      "FirstHalf FirstHalf"
      "SecondHalf SecondHalf"
      "Full Full";
    }
  }

  @media(max-width:890px){
    .frontDescription{
        flex-direction:column-reverse;
    }
    .frontDescription > div {
        width: 100%;
    }

    .variantButtonElement .Variations{
      border:none;
      font-weight: 700;
    }

    #Variantsbtn{
      margin-bottom:25px;
    }

  }

  @media(max-width:600px){
    .variantButtonElement{
      max-width: 96%;
      flex: 1 0 96%;
    }

    .variantButtonElement.half{
      max-width: 96%;
      flex: 1 0 96%;
    }
  }


  @media (max-width: 880px) {
    .simple-variant-item-container {
      width: 46%;
    }
    .colorDescription .colorInfoTextContainer {
      width: 100%;
    }

    .colorDescription .colorImg {
      width: 100%;
    }
    .colorDescription {
      flex-direction: column-reverse;
    }
  }


  @media (max-width: 880px) {
    .SubCats_Categories_UL>li {
      width: 48% !important;
    }
    .simple-variant-item-container {
      width: 46%;
    }
    .colorDescription .colorInfoTextContainer {
      width: 100%;
    }

    .colorDescription .colorImg,.colorDescription .colorImgContainer{
      width: 100%;
    }

    .colorDescription {
      flex-direction: column-reverse;
    }
  }