body {
    margin: 0;
    font-family: Poppins, Times New Roman;
}

.nolink_link {
    color: black;
    text-decoration: none;
}

.lowerAndSmaller {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: normal;
}
.man_lowerAndSmaller {
    font-weight: normal;
    font-size: 12px;
}
.savedbetween {
    font-size: 12px;
    padding: 4px;
    border-radius: 20px;
    background-color: #f1e0e0;
    letter-spacing: 0px;
    color: #876060;
}
.extraurlstab {
    box-shadow: 0 0 5px lightgrey;
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    font-size: 12px;
}
.connectedpaket {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 120px;
    height: 120px;
    background-color: white;
    text-decoration: none;
    color: black;
    font-size: 12px;
    box-shadow: 0 0 10px lightgrey;
}
.connectedpaket:hover {
    border: 1px solid lightgray;
}

.texton_top {
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 5px;
}
.top_container_rightadjusted {
    margin-top: 5px;
    gap: 5px;
    display: flex;
    justify-content: right;
    align-items: center;
}
.addtoaccountbutton {
    padding: 3px 14px;
    border-radius: 20px;
    border: 1px solid #f1e0e0;
    color: black;
    background-color: #f1e0e0;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
@media (min-width: 850px) {
    .addtoaccountbutton:hover {
        background-color: white;
    }
}

.buttonflexbuttonsprice {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding-bottom: 5px;
}
.label {
    font-weight: 700;
    border-radius: 5px;
    white-space: nowrap;
}
.label-billigt {
    color: #00bf63;
    background-color: #d4ffd8;
}
.label-okej {
    color: #c6b200;
    background-color: #ffffaa;
}
.label-dyrt {
    color: #9f0000;
    background-color: #ff9191;
}

.flex_stars {
    display: flex;
    justify-content: left;
    align-items: center;
}
.ansq {
    font-size: 12px;
    letter-spacing: 1px;
    width: 40px;
    padding: 4px 0;
    cursor: pointer;
    background-color: #f1e0e0;
    border: 1px solid lightgrey;
    color: black;
}
#flexpopupq {
    display: none;
    align-items: center;
    padding: 6px 10px;
    border: 2px solid #f1e0e0;
    gap: 5px;
}
#areyousureq {
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 10px;
}

.star {
    font-size: 18px;
    padding: 1px 3px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.div_decimal_score {
    margin-left: 10px;
    font-size: 12px;
    letter-spacing: 1px;
}

.specificproductpagecontainer {
    padding: 6% 6%;
    position: relative;
}

#outofstock {
    position: relative;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: rgba(255, 0, 0, 0.5); /* Red background with transparency */
    color: white; /* White text */
    text-align: center;
    padding: 5px; /* Adjust padding as needed */
    border: none;
}
.newsbanner {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 7px 12px;
    border-radius: 30px;
    background-color: #f1e0e0;
    letter-spacing: 0.5px;
    color: #876060; 
}
.newsbannerextraprods {
    font-size: 12px;
    padding: 4px;
    border-radius: 20px;
    background-color: rgb(67, 65, 65);
    letter-spacing: 0px;
    color: white; 
}
.blackweekbanner {
    font-size: 12px;
    padding: 4px;
    border-radius: 20px;
    background-color: rgb(96, 29, 13);
    letter-spacing: 0px;
    color: white; 
}
.superdealbanner {
    font-size: 12px;
    padding: 4px;
    border-radius: 20px;
    background-color: rgb(52, 54, 61);
    letter-spacing: 0px;
    color: white; 
}

.goback {
    font-size: 14px;
    background-color: white;
    border: none;
    cursor: pointer;
    letter-spacing: 1px;
    font-family: Poppins, Times New Roman;
    color: black;
}
@media (min-width: 850px) {
    .goback:hover {
        border-bottom: 1px solid lightgrey;
    }
    .pathtextlink:hover {
        border-bottom: 1px solid lightgrey;
    }
    .top_container_rightadjusted {
        justify-content: right;
    }
}
.pathtextlink {
    text-decoration: none;
    color: black;
}

.divpatharrow{
    height: 15px;
}
.patharrow {
    height: 100%;
    width: 100%;
}
.top_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pathcontainer {
    display: flex;
    align-items: center;
}
.pathtext {
    font-size: 12px;
    cursor: pointer;
    letter-spacing: 1px;
}




.productbox {
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 15px;
}

.flexprisperml {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.imagepart {
    position: relative;
    flex: 1;
    text-align: center;
    align-self: center;
    width: 50%;
    border-radius: 5px;
    padding-right: 20px;
}

.image {
    max-width: 100%;
    height: auto;
    max-height: 600px;
    padding: 20px;
}

.likebutton {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    padding: 6px 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
@media (min-width: 850px) {
    .likebutton:hover {
        border: 1px solid lightgrey;
    }
    .change_time_button:hover {
        background-color: white;
    }
}

.textpart {
    flex: 1;
    padding-left: 20px;
}

.manufacturer {
    font-size: 25px;
    margin-top: 10px;
    font-weight: 700;
}
.manufacturersearch {
    text-decoration: none;
    color: black;
}
  
@media (min-width: 850px) {
    .manufacturer :hover, .name :hover {
        border-bottom: 1px solid lightgrey;
    }
}

.name {
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-top: 5px;
}

.counterandaddtobasket {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    gap: 20px;
}

.styledivclass {
    cursor: pointer;
    border: none; 
    padding: 2px; 
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
    color: black;
}
.counter {
    display: flex;
    justify-content: left;
    align-items: center;
}

.counternumber {
    color: black;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;  
}
  
.subtractfromcounterbutton, .addtocounterbutton {
    background-color: #f8f8f8;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
}
.buttonicon {
    width: 20px;
    height: 20px;
}

.addtobasketbuttonsolo {
    border-radius: 50%;
    padding: 8px 8px;
    color: white;
    background-color: rgb(45, 43, 43);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.addtobasketbutton {
    border-radius: 30px;
    padding: 10px 32px;
    color: white;
    background-color: rgb(45, 43, 43);
    border: none;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: pointer;
    flex: 1;
}

.linebreaker {
    height: 1px;
    border-top: 1px solid lightgrey;
    margin-top: 30px;
}

.togglebuttons {
    margin-top: 25px;
    display: flex;
    gap: 10px;
}
.change_time_button {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: black;
    background-color: white;
    border-radius: 20px;
    padding: 8px 16px;
    border: 1px solid #f1e0e0;
    cursor: pointer;
}

.buttondesign_toggles {
    border: 1px solid #f1e0e0;
    background-color: white;
    cursor: pointer;
    border-radius: 30px;
    padding: 10px 0;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    flex: 1;
    color: black;
    outline: none;
}
.phts_titlepart {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.phtst_text {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: black;
}
.prisrecommendationdiv {
    text-wrap: wrap;
    padding: 10px 0px;
    margin-top: 5px;
}
.prisrecommendationtitle {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.prisrecommendationtext {
    font-size: 12px;
    letter-spacing: 0.5px;
}
.productpagecanvas {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 250px !important;     /* Allow height to auto-scale */
    
}
.phts_colorcontainer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
    width: 100%;
}
.phts_flex_bottompart {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    gap: 15px;
}
.phtsfb_text {
    font-size: 14px;
    color: black;
    letter-spacing: 0.5px;
}
.phtstp_priceinfo {
    font-size: 12px;
    font-weight: 700;
    padding: 2px;
    border-radius: 5px;
    width: 120px;
    text-align: center;
}
.phts_colorguide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}


#rightbutton {
    margin-left: 10px;
    background-color: white;
}

#leftbutton {
    background-color: #f1e0e0;
}

.pricecomparison {
    display: none;
    margin-top: 40px;
}

.pc_toptext {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 450px) {
    .pd_reseller {
        font-size: 12px;
    }
    .pdpb_price, .pdpb_price_frakt {
        font-size: 12px;
    }
    .pdb_button {
        font-size: 12px;
    }
}

@media (min-width: 450px) {
    .pd_reseller {
        font-size: 16px;
    }
    .pdpb_price, .pdpb_price_frakt {
        font-size: 16px;
    }
    .pdb_button {
        font-size: 12px;
    }
}



.flex_buttons_frakt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 5px;
    margin-bottom: 20px;

}
.frakt_txt {
    font-size: 12px;
    letter-spacing: 1px;
}
.frakt_on, .frakt_off {
    border: 1px solid #f1e0e0;
    border-radius: 10px;
    padding: 4px 12px;
    color: black;
    letter-spacing: 1px;
    font-size: 12px;
    cursor: pointer;
}
.frakt_on {
    background-color: white;
}
.frakt_off {
    margin-left: 10px;
    background-color: #f1e0e0;
}
.frakt {
    display: none;
}
.nofrakt {
    display: block;
}

.phtst_flex_percentages {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}
#pricepercentlow, #pricepercenthigh {
    font-size: 14px;
    letter-spacing: 0.5px;
}
.abb_box {
    position: relative;
    width: 100%;
    padding: 10px;
    background-color: white;
    box-shadow: 0 0 5px lightgrey;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.abbb_close {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 4px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.price-slider {
    position: relative;
    z-index: 2; /* Ensure the slider is above the line */
    width: 100%;  /* Full width of the container */
    cursor: pointer;
}
input[type="range"] {
    -webkit-appearance: none; /* Remove default styling for WebKit browsers */
    appearance: none; /* Reset appearance */
    width: 100%; /* Full width */
    background: rgb(67, 65, 65); /* Transparent to leave track unaffected */
    border-radius: 5px;
}

/* Track (unfilled) styling - keeping default look */
input[type="range"]::-webkit-slider-runnable-track {
    background: black; /* Default-looking light gray track */
    height: 6px; /* Default track height */
    border-radius: 3px;
}

/* Firefox track */
input[type="range"]::-moz-range-track {
    background: #ddd; /* Light gray for consistency */
    height: 6px;
    border-radius: 3px;
}

/* Filled portion before the thumb for WebKit (Chrome, Safari) */
input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #0f1820 0%, #007bff var(--fill-value), #ddd var(--fill-value), #ddd 100%);
}

/* Filled portion before the thumb for Firefox */
input[type="range"]::-moz-range-progress {
    background-color: black; /* Blue color fill */
}

/* Thumb (bubble) color and style for WebKit browsers */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: black; /* Blue thumb color */
    border-radius: 50%; /* Make it round */
    width: 16px; /* Default thumb width */
    height: 16px; /* Default thumb height */
    cursor: pointer;
    margin-top: -5px; /* Align thumb vertically */
}

/* Thumb (bubble) color for Firefox */
input[type="range"]::-moz-range-thumb {
    background-color: black; /* Blue thumb color */
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Optional: adjust the shadow for a slightly raised thumb look */
input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}


.savebevakningbutton {
    font-size: 12px;
    font-style: italic;
    cursor: pointer;
    margin-top: 12px;
    color: white;
    background-color: rgb(67, 65, 65);
    padding: 4px 12px;
    border-radius: 5px;
    text-align: center;
}
.flex_extraprodboxed {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    margin-top: 20px;
}
.notisq {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    margin-top: 5px;
}

.prodbox {
    display: flex;
    align-items: center;
    height: 80px;
    box-shadow: 0 0 5px lightgrey;
    margin-top: 10px;
    border-radius: 10px;
    padding: 20px;
}

.pd_reseller {
    text-align: left;
    flex: 1;
    font-weight: 700;
}

.pd_buttons {
    flex: 1;
    text-align: right;
}

.pdb_button {
    border: none;
    background-color: #f1e0e0;
    padding: 8px 20px;
    border-radius: 18px;
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
}

.link_to_reseller {
    text-decoration: none;
    color: black;
}

.flex_on_info {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex: 0.75;
}

.filled_in {
    background-color: #f1e0e0;
}

.flagbutton {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgrey;
    background-color: transparent;
    border-radius: 2px;
    cursor: pointer;
}
@media (min-width: 851px) {
    .flagbutton :hover {
        background-color: #f1e0e0;
    }
}

.flagimg {
    height: 20px;
    width: 20px;
    color: black;
}

.pricecomp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.priceperml {
    font-size: 14px;
    letter-spacing: 1px;
}
.price {
    font-size: 20px;
    letter-spacing: 1px;
}

.pdb_sponsored {
    margin-top: 5px;
    font-size: 12px;
}

@media (min-width: 851px) {
    .pdb_button:hover {
        border: 1px solid lightgrey;
        cursor: pointer;
    }
}

.pdpb_price, .pdpb_price_frakt {
    font-weight: 700;
}

.description {
    margin-top: 40px;
    position: relative;
}

.description_text {
    font-size: 14px;
    margin: 0;
    margin-top: 25px;
}
.seller-btn {
    padding: 8px 16px;
    border: 1px solid #f1e0e0;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    color: black;
    background-color: white;
    outline: none;
}


@media (min-width: 851px) {
    .toggle-button:hover {
        border-bottom: 1px solid lightgrey;
    }
    .togglebuttons {
        flex-direction: row;
    }
    .phts_flex_bottompart {
        flex-direction: row;
    }
    .label {
        font-size: 12px;
        padding: 4px 10px;
    }
}
@media (max-width: 850px) {
  .productbox {
    display: block;
  }  
  .label {
    font-size: 12px;
    padding: 2px 4px;
  }
  .togglebuttons {
    flex-direction: column;
  }
  .phts_flex_bottompart {
    flex-direction: column;
}
  .top_container_rightadjusted {
    justify-content: left;
  }
  .imagepart {
    width: 100%;
    padding: 0;
  }
  .image {
    max-height: 300px;
  }
  .manufacturer {
    font-size: 25px;
    margin-top: 0px;
  }
  .textpart {
    margin-top: 0px;
    padding: 0;
  }
  .top_container {
    display: block;
  }
  .pathcontainer {
    margin-top: 10px;
  }
  .flex_stars, .flexpopupq {
    margin-top: 40px;
  }
  .manufacturerproductbox {
    width: 160px;
}
}


.manufacturerheader_link {
    color: black;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 6px 10px;
    border-radius: 20px;
    background-color: white;
    border: 1px solid lightgrey;
    white-space: nowrap;
}


@media (min-width: 850px) {
    .manufacturerheader_link:hover {
        cursor: pointer;
        border-bottom: 1px solid lightgrey;
    }
    .manufacturerproductbox {
        width: 250px;
    }
    .manufacturerheader_link:hover {
        border-bottom: 1px solid lightgrey;
    }
}
.moremanufacturerproducts {
    display: flex;
    gap: 3%;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    height: 350px;
    cursor: pointer;
    padding: 10px 5px;
}

  
.manufacturerproductbox {
    box-sizing: border-box;
    padding: 10px;
    flex: 0 0 auto;
    border-radius: 5px;
}

@media (min-width: 850px) {
    .manufacturerproductbox:hover {
        box-shadow: 0 0 5px lightgrey;
    }
}

.man_imagepart {
    position: relative;
    text-align: center;
    height: 60%;
    width: 100%;
}

.matching_link {
    border-radius: 50%;
    padding: 20px;
    border: 1px solid lightgrey;
    text-decoration: none;
    cursor: pointer;
}
@media (min-width: 850px) {
    .matching_link:hover {
        border: 1px solid black;
    }
}
.matching_prods_flex {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    max-height: 110px;
    margin-top: 10px;
    gap: 5px;
    overflow-y: auto;
}
.matchinhtitle {
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 30px;
}
.matching_img {
    width: 60px;
    height: 60px;
}
.spantxt {
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 10px;
    padding: 4px 8px;
    white-space: nowrap;
    color: black;
    text-align: center;
    margin-top: 10px;
}
.man_img_div {
    height: 100%;
    position: relative;
    width: 100%;
    cursor: pointer;
}
  
.man_image {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Maintain aspect ratio while covering the container */
    padding: 10px;
    padding-bottom: 0px;
}
  
.man_varukorgknapp, .man_likebutton {
    background-color: transparent;
    padding: 4px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.man_basketicon, .man_likeicon {
    width: 20px;
    height: 20px;
}

@media (min-width: 850px) {
    .man_varukorgknapp:hover, .man_likebutton:hover {
        box-shadow: 0 0 5px lightgrey;
    }
}
  
.man_name {
    font-size: 12px;
    color: #555;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: Poppins, Times New Roman;
}

.man_textpart {
    display: flex;
    flex-direction: column;
    height: 40%;
}
  
.man_price {
    font-size: 14px;
    color: black;
    font-weight: 700;
    font-family: Poppins, Times New Roman;
}
  
.man_manufacturer {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: black;
    font-weight: 700;
    font-family: Poppins, Times New Roman;
}
  
.man_manufacturersearch, .man_name_link_product_page {
    text-decoration: none;
    color: black;
}
  
@media (min-width: 850px) {
    .man_manufacturer :hover, .man_name :hover {
        border-bottom: 1px solid lightgrey;
    }
}

.flex_pro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 10px;
    margin-top: 20px;
}

.man_prods_desc {
    letter-spacing: 1px;
    text-align: left;
    font-size: 16px;
}
.man_prods_desc_bottom {
    letter-spacing: 1px;
    text-align: left;
    font-size: 16px;
}
.flex_pro_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 40px;
}

.absolutetopleft {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.space_under {
    margin-top: 30px;
}

@media (min-width: 850px) {
    .manufacturerheader_link:hover {
        border: 1px solid black;
    }
    .bigscreendivider {
        display: block;
        font-size: 12px;
    }
}

@media (max-width: 849px) {
    #productComparisonPopup {
        top: 56%;
    }
    .comparisonflex {
        gap: 10px;
    }
    .productcomparisonbox {
        height: 320px;
        width: 155px;
    }
    .bigscreendivider {
        display: none;
    }
}

@media (min-width: 850px) {
    #productComparisonPopup {
        top: 50%;
    }
    .comparisonflex {
        gap: 20px;
    }
    .productcomparisonbox {
        height: 340px;
        width: 200px;
    }
}
#productComparisonPopup {
    position: fixed;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90vw;
    border-radius: 10px;
    z-index: 10000;
    background-color: white;
}
  
.close-btn {
    position: absolute;
    top: 10px;
    padding: 0px 10px;
    right: 5px;
    cursor: pointer;
    background-color: white;
}
  
.morematches {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    font-size: 20px;
    letter-spacing: 2px;
}

.comparisonflex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 30px 10px;
    overflow-x: auto;
    transition: justify-content 0.3s ease;
}
  
.productcomparisonbox {
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
  
.imgcomparisonbox {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 250px;
}

.imgdivcomparisonbox {
    padding: 10px;
}

.namecomparisonbox {
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.flexdivcomparisonbox {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row;
    margin-bottom: 5px;
    gap: 3px;
}

.fillercomparisonbox {
    flex: 1;
}

.productpricecomparisonbox {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    color: white;
    background-color: rgb(67, 65, 65);
    
    border: none;
    padding: 3px 0px;
    flex: 1;
    text-align: center;
    border-radius: 5px;
}
.productpricesizecomparisonbox {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: black;
    background-color: #f1e0e0;
    border: none;
    padding: 5px 0px;
    border-radius: 5px;
    text-align: center;
}
  
.InitCompareButton {
    background-color: rgb(45, 43, 43);
    padding: 6px 12px;
    border-radius: 20px;
    border: none;
    color: white;
    font-size: 12px;
    width: 50%;
    margin-left: 25%;
    margin-top: 10px;
    letter-spacing: 1px;
    cursor: pointer;
}

.removeelementcomparisonbox {
    width: 25px;
    text-align: center;
    background-color: rgb(45, 43, 43);
    color: white;
    cursor: pointer;
    border: 1px solid rgb(45, 43, 43);
    border-radius: 5px;
    font-size: 12px;
}

.skipelementcomparisonbox {
    width: 30px;
    text-align: center;
    background-color: white;
    color: black;
    cursor: pointer;
    border: 1px solid rgb(45, 43, 43);
    border-radius: 5px;
    font-size: 12px;
}

.addtobasketcomparisonbox {
    padding: 5px;
    background-color: white;
    color: black;
    cursor: pointer;
    border: none;
    border-radius: 5px;
}

.buttoncontainercomparisonbox {
    margin-bottom: 5px;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 2px;
}
.matching_pakets_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 210px;
    overflow-y: scroll;
}

.matchingpaket_link {
    border-radius: 50%;
    padding: 10px;
    border: 1px solid lightgrey;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.matchingpaket_link:hover {
    border: 1px solid black;
}
.matching_paket_innercontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding: 5px;
    padding-right: 10px;
}