.elementor-3909 .elementor-element.elementor-element-4ff71e6a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3909 .elementor-element.elementor-element-34b40d1 > .elementor-widget-container{margin:0px 0px -20px 5px;}.elementor-3909 .elementor-element.elementor-element-34b40d1{text-align:left;}.elementor-3909 .elementor-element.elementor-element-34b40d1 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-3909 .elementor-element.elementor-element-cd3885f{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-30px;--arrow-prev-top-align:0%;--arrow-prev-caption-spacing:0px;--arrow-prev-translate-y:0px;--arrow-prev-top-position:-30px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-top-align:0%;--arrow-next-caption-spacing:0px;--arrow-next-translate-y:0px;--arrow-next-top-position:-30px;--arrow-normal-color:var( --e-global-color-accent );--arrow-hover-color:var( --e-global-color-1f7c97b );}.elementor-3909 .elementor-element.elementor-element-cd3885f :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-1f7c97b );border-radius:5px 5px 5px 5px;}.elementor-3909 .elementor-element.elementor-element-cd3885f :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-accent );}.elementor-3909 .elementor-element.elementor-element-cd3885f .swiper-slide > .elementor-element{height:100%;}.elementor-3909 .elementor-element.elementor-element-f4ed2d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-3909 .elementor-element.elementor-element-cd3885f{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-3909 .elementor-element.elementor-element-4ff71e6a{--content-width:900px;}}@media(max-width:767px){.elementor-3909 .elementor-element.elementor-element-34b40d1 > .elementor-widget-container{margin:0px 0px -15px 5px;}.elementor-3909 .elementor-element.elementor-element-cd3885f{--swiper-slides-to-display:2;--arrow-prev-left-position:-35px;--arrow-next-right-position:5px;}}/* Start custom CSS for container, class: .elementor-element-4ff71e6a *//* Styling af tabelcontainer */
.table-container {
    max-width: 1000px;
    margin: 20px auto;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .uddrag_div {
	display: block;
  }
  .checkmark-icon {
    fill: #419544;
    width: 1.25rem;   /* 20px hvis base fontstørrelse er 16px */
    height: 1.25rem;
  }
  
  .crossmark {
    fill: #FF5252;
    width: 2.0625rem;  /* 33px hvis base fontstørrelse er 16px */
    height: 2.0625rem;
  }
  
  /* Grundlæggende fontstørrelse */
  html {
    font-size: 100%;
  }
  
  @media (max-width: 768px) {
    html {
      font-size: 85%;
    }
  }
  
  @media (max-width: 480px) {
    html {
      font-size: 75%;
    }
  }
  
  /* Funktionstabel og specifikationstabel styling (samme styling for begge) */
  .function-table,
  .specification-table {
    border-collapse: collapse;
    overflow: hidden;
    margin: 25px 0;
    font-size: 0.8rem;
    max-width: 100%;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    font-family: quicksand;
  }
  
  .function-table thead tr,
  .specification-table thead tr {
    background-color: #7B5A53;
    color: #FFFFFF;
    text-align: left;
    font-size: 0.9rem; 
  }
  
  .function-table th,
  .function-table td {
    padding: 12px 15px;
  }
  
  .function-table tbody tr,
  .specification-table tbody tr {
    border-bottom: 1.5px solid #7B5A53;
    background-color: #FFFFFF;
    color: #000;
  }
  
  .function-table tbody td,
  .specification-table tbody td {
    height: 35px;
  }
  
  .function-table tbody tr:last-of-type,
  .specification-table tbody tr:last-of-type {
    border-bottom: 4px solid #7B5A53;
  }
  
  /* Header highlight til første kolonne */
  .ct-highlight1 {
    font-weight: normal;
    color: #FFFFFF;
    background-color: #4E3638; /* Matcher header baggrundsfarve */
  }
  
  /* Table compare styling */
  .table-compare {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.8rem;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    font-family: quicksand;
  }
  
  .table-compare thead tr {
    background-color: #7B5A53;
    color: #FFFFFF;
    text-align: center;
    font-size: 0.85rem;
  }
  
  .table-compare th,
  .table-compare td {
    padding: 10px 12px;
  }
  
  .table-compare tbody {
    background-color: #FFFFFF;
  }
  
  .table-compare tbody tr {
    border-bottom: 1.5px solid #7B5A53;
  }
  
  .table-compare tbody tr:last-of-type {
    border-bottom: 4px solid #7B5A53;
  }
  
  .highlight {
    font-weight: bold;
    color: #7B5A53 !important;
  }
  
  .active {
    background-color: #f3f3f3;
    color: #7B5A53;
  } 
  .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100% !important;
    height: 20rem !important;
    object-fit: contain !important;
  }

  .wp-block-post-featured-image {
	aspect-ratio: 0 !important;
	
  }
  .table-compare td {
    text-align: center;
    height: 40px;
  }
  
  .table-compare td:first-child {
    text-align: left;
    font-size: 0.9rem;
    font-weight: normal;
    padding-left: 10px;
    white-space: nowrap;
  }
  
  .table-compare thead th:nth-child(2) {
    font-weight: bold;
    box-shadow: 10px 0px 5px rgba(0, 0, 0, 0.20),
                -10px 0px 5px rgba(0, 0, 0, 0.20);
    background-color: #f3f3f3;
  }
  
  .table-compare tbody tr td:nth-child(2) {
    font-size: 0.8rem;
    background-color: #f3f3f3;
    box-shadow: 0px -24px rgba(243, 243, 243, 1),
                8px 0px 10px rgba(0, 0, 0, 0.25),
                -8px 0px 12px rgba(0, 0, 0, 0.45);
  }
  
  .first-column {
    font-weight: normal;
    color: #FFFFFF;
    background-color: #4E3638 !important;
  }
  
  .table-compare tbody tr {
    background-color: #FFFFFF;
    color: #000;
  }
  
  /* YouTube video responsiv styling */
  .youtube-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 forhold */
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  
  .youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  /* Specifikationer & billede/CTA to-kolonne layout */
  .specification-container {
	display: flex;
    justify-content: center;
  }
  
  .specification-left-column,
  .specification-right-column {
    display: block;
    justify-content: center;
    justify-items: center;
  }
  
  .specification-right-column img {
    max-width: 100%;
    height: auto;
    display: flex;
    margin-top: 70px;
  }
  
  /* På mindre skærme vises kolonnerne stablet */
  @media (max-width: 768px) {
    .specification-left-column,
    .specification-right-column {
      flex: 0 0 100%;
      margin: 0;
		
    }
	.uddrag_div {
	  display: flex;
	  justify-content: center;	  
	}
	.uddrag-knapper {
	  display: flex !important;
	  justify-content: center !important;	  
	}
    
    .specification-right-column {
      margin-top: 20px; /* Juster afstanden mellem de stablede kolonner */
      text-align: center; /* Centrerer evt. indhold som billeder */
    }
    .specification-left-column {
        margin-top: 20px; /* Juster afstanden mellem de stablede kolonner */
        text-align: center; /* Centrerer evt. indhold som billeder */
        align-content: center;
      }
  }
  

  .cta-button {
    transition: all 0.3s ease-in-out !important; /* Glidende overgang */
    background-color: #7B5A53; /* Standard baggrundsfarve */
    color: #FFFFFF; /* Standard tekstfarve */
    font-weight: bold; /* Standard teksttykkelse */
    text-decoration: none; /* Fjerner understregning */
    padding: 10px 20px; /* Tilføjer lidt polstring */
    display: inline-block; /* Gør padding effektiv på inline elementer */
  }
  
  .cta-button:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Tilføj skygge */
    background-color: #FFFFFF; /* Byt baggrundsfarve */
    color: #7B5A53; /* Byt tekstfarve */
    font-weight: bold; /* Gør teksten fed */
    border-radius: 16px; /* Rundede hjørner */
    cursor: pointer; /* Skift cursor til pointer */
  }
  
  
  .specification-table th,
  .specification-table td {
    padding: 11px 10px;
  }
  
  /* Container */
.price-table {
    max-width: 1000px;
    margin: 20px auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    background: #202124;
    position: relative;
    padding: 20px;
    overflow-x: auto; /* Gør tabellen responsiv */
}

/* Generel styling af tabel */
.price-table table {
    width: 100%;
    border-collapse: collapse;
    background-color: #202124;
    color: #ffffff;
    table-layout: fixed;
}


.price-table-image{
	max-width: 14rem; /* or your preferred max width */
	width: 100%;      /* allow the image to scale down */
	height: auto;
	transition: ease 0.4s !important;
}

.price-table-image:hover{
    transform: scale(1.05);
}

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

.tooltip-container .tooltip-text {
	visibility: hidden;
    opacity: 0;
    font-size: 0.9rem;
    background-color: #0f0f0f;
	text-transform: capitalize;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 5px;
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 1.1s ease !important;
    white-space: nowrap;
    z-index: 100;
    pointer-events: none;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}



/* Juster størrelsen på billeder */
.retailer-logo-link img {
    max-width: 100px;
    height: auto;
    transition: ease 0.4s !important;
    border-radius: 4px;

}
/* Juster størrelsen på billeder */
.retailer-logo-link img:hover {
    transform: scale(1.05);
    border-radius: 10px;
}

.price-table th, 
.price-table td {
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #3c4043;
    font-weight: bold;
    word-wrap: break-word;
}

.price-table th {
    background-color: #2c2f33;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.price-table tr:nth-child(even) {
    background-color: #292b2e;
}

.price-table tbody tr:hover {
    background-color: #33363a; /* Lysere hover-effekt */
    cursor: pointer;
}

.price-table thead tr:hover {
    filter: none;
    cursor: default;
}


/* CTA knap */
.cta-button {
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 5px;
    transition: ease 0.4s !important;
    font-weight: bold;
    background-color: #5f413b;
}

.cta-button:hover {
    color: #5f413b !important;
    background-color: #FFFFFF !important;
    transform: scale(1.03);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.6);
}

/* Farve cirkel */
.color-dot {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #ffffff;
    transition: ease 0.4s !important;
}

.color-dot:hover {
    transform: scale(1.1);
}

/* Dropdown styling */
#color-filter {
    background: #202124;
    color: #ffffff;
    border: 1px solid #3c4043;
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;
    margin-left: 10px;
    font-weight: bold;
}

/* Kun underline for selve prisen */
.table-container .price-cell span {
    text-decoration: underline;
    color: #fff;
    font-weight: bold;
}

/* Responsivt design kun for price-table */
@media (max-width: 768px) {
    /* Skjul thead */
    .price-table thead {
        display: none;
    }

    /* Juster spacing og layout for tbody tr */
    .price-table tbody tr {
        display: block;
        margin-bottom: 20px; /* Øget margin for bedre separation */
        border: 1px solid #3c4043;
        border-radius: 8px;
        padding: 15px;
        background-color: #202124;
        text-align: center; /* Center-align contents */
    }

    /* Juster layout for td */
    .price-table tbody tr td {
        display: block; /* Stack elements vertically */
        text-align: center; /* Center-align text */
        padding: 10px 0;
        border-bottom: none;
        font-size: 16px;
    }

    /* Labels før indholdet */
    .price-table tbody tr td::before {
        content: attr(data-label);
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        display: block;
        margin-bottom: 5px;
        font-size: 1.5rem;
        margin-top: 5px
    }

    /* Pris styling */
    .price-table-container .price-cell span {
        text-decoration: underline;
        font-size: 1.9rem;
        color: #ffffff;
        font-weight: bold !important;
        display: block;
        margin-bottom: 10px;
        padding-top: 5px;
    }

    /* CTA knap styling */
    .cta-button {
        margin: 10px auto 5px auto; /* Øg margin-top og tilføj margin-bottom */
        width: 80%; /* Juster bredde for bedre placering */
        font-size: 16px;
        padding: 8px 0;
    }

    /* Farve cirkel */
    .color-dot {
        width: 50px;
        height: 50px;
        margin: 10px auto; /* Center-align cirklen */
    }

    /* Vis model-gruppe på mobil */
    .price-table-container:before {
        content: attr(data-model-group); /* Vis model-gruppe som overskrift */
        display: block;
        font-size: 20px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px; /* Øget margin for bedre separation */
    }

    /* Juster størrelsen på billeder */
    .retailer-logo-link img {
        max-width: 10rem; /* Reduceret bredde for mobil */
        height: auto;
        margin: 10px auto; /* Center-align billeder */
    }

    /* Juster fontstørrelse for bedre læsbarhed */
    .price-table tbody tr td {
        font-size: 16px;
    }
}/* End custom CSS */