/* width */

    img.product_table_image {
        height: 150px;
    }
    .product_table_column{
        padding: 5px 10px 5px 10px;
        border: 1px solid #e8e8e8;
        text-align: center;
        position: relative;
        line-height: 16px;
        /* height: fit-content; */
        /* width: fit-content; */
        /* border-top: 1px solid #000000; */
        font-size: 12px;
    }
    .product_table_column a{
        color: #000000;
    }
     .product_table_column a:hover{
        text-decoration: none;
    }
    .products_table{
         width: 100%;
         table-layout: fixed;
         border-collapse: collapse;
         background-color: white;
         display: inline-block;
         overflow: hidden;
         max-height: 80vh;
         flex-basis: 88vw;
         max-width: 95vw;
    }
    .products_table col {min-width: 10vw;} /* jede Spalte mindestens 250px */

      .products_table:hover{
        overflow: scroll;
    }
    .products_table tbody{
      
background: white;
    }
    .products_table thead{
       
    }
    .ranking-wrapper {
    background: #fb6d1a42;
    font-size: 10pt;
    height: 20px;
    display: flex;
    font-weight: 100;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
}
    .products_table .sticky_header{
        position: sticky;
        top: -1px;
        background: white;
        z-index: 100;
    }
        
    .product_table_column.attribute_name{
        margin-top: 20px;
        position: sticky;
        left: -1px;
        z-index: 30;
        background: white;
        font-weight: bold;
        font-size: 15px;
    }

    .products_table tr:not(.no_hover):hover td{
        background: #f1f1f1 !important;
    }

    .product_table_column .fa-times{
        font-size: 11pt;
        color: #ff3d31;
    }
    .pt_highlight{
        border: 2px solid #2769a9;
    }
    tr.price-row{
        position: sticky;
        bottom: -1px;
        z-index: 10;
    }
    tr.price-row svg{
        width: 18px;
        height: 18px;
    }
    .price-row a{
        text-decoration: none;
        color: black;
    }
    .price-row td{
        background: #efefef;
        font-size: 18px;
        padding: 10px;
    }
    .price-row .product_table_column:hover{
        background: #ffdcc8;
        transition: .5s;
    }
    .price-attribute-name{
        margin-top: 20px;
        position: sticky;
        left: -1px;
        z-index: 300 !important;
        background: white;
        font-weight: bold;
    }
    .price_column{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }


    .table_page_button{
       flex-basis: 39px;
       width: 40px;
       display: flex;
       align-items: center;
       font-size: 30px;
       cursor: pointer;
       color: #034278ab;
       z-index: 1000;
       position: absolute;
       top: 10%;
}
.table_page_button i:hover{
     color: #033662ab;
}

/* eingeklappte Spalte */
.products_table col.is-collapsed {
  width: 0 !important;
  min-width: 0 !important;
}

/* Inhalte der eingeklappten Spalte ausblenden */
.products_table td.is-collapsed,
.products_table th.is-collapsed {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
  white-space: nowrap;
}

.products_table td.is-collapsed > *,
.products_table th.is-collapsed > * {
  display: none !important;
}