.aadl-table{width:100%;border-collapse:collapse;font-size:14px;font-family:sans-serif;border:1px solid #ddd;}
.aadl-table thead tr{background:#f7f7f7;border-bottom:1.5px solid #ddd}
.aadl-table thead th{padding:10px 12px;text-align:left;font-weight:500;font-size:13px;white-space:nowrap}
.aadl-table tbody tr{border-bottom:1px solid #eee}
.aadl-table tbody tr:hover{background:#fafafa}
.aadl-table td{padding:10px 12px;vertical-align:middle;color:#333}
.aadl-table .col-nr{text-align:center;font-weight:500;}
.aadl-table .col-img{text-align:center}
.aadl-table .col-img img{width:60px;height:60px;object-fit:contain;display:block;margin:0 auto}
.aadl-table .col-name a{color:#333;text-decoration:none;font-size:13px;line-height:1.4}
.aadl-table .col-name a:hover{text-decoration:underline;color:#e47911}
.aadl-table .col-price{white-space:nowrap;font-weight:500;font-size:13px;color:#333}
.aadl-table .col-btn{white-space:nowrap;padding-right: 10px}
.btn-product{display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;border-radius:4px;text-decoration:none;white-space:nowrap}


/* Button im Flatsome Stil */
.buy-button {
    display: inline-block;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: bold;
    transition: background 0.3s ease;
}
.buy-button--green {
    background-color: #27AE5D;
}
.buy-button--red {
    background-color: #e74c3c;
}
.buy-button--system {
    background-color: var(--primary-color);
}

.buy-button--amazon {
    display: inline-block;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    transition: background 0.3s ease;
    background: #f0c14b;
    background: linear-gradient(180deg, #f7dfa5, #f0c14b) repeat scroll 0 0 transparent;
    border-color: #9c7e31 #90742d #786025 !important;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4);
    color: #111 !important;
}

@media(max-width:600px){
  .aadl-table thead{display:none}
  .aadl-table,
  .aadl-table tbody,
  .aadl-table tbody tr,
  .aadl-table td{display:block;width:100%;box-sizing:border-box; border:none;}

  .aadl-table tbody tr{
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:16px;
    padding:0;
    overflow:hidden;
  }

  /* "Bestseller Nr. X" Titelzeile */
  .aadl-table .col-nr{
    text-align:center;
    font-weight:700;
    font-size:14px;
    color:#333;
    padding:10px 12px;
    border-bottom:1px solid #eee;
    background:#fff;
  }
  .aadl-table .col-nr::before{
    content:"Bestseller Nr. ";
    font-weight:700;
  }

  /* Großes Produktbild zentriert */
  .aadl-table .col-img {
    text-align:center;
    padding:16px 12px;
    background:#fff;
  }
  .aadl-table .col-img img{
    height: auto;
    width: auto;
    margin: 0 auto;
    max-height: 200px;
    max-width: 100%;
  }

  /* Produktname zentriert, grün */
  .aadl-table .col-name{
    text-align:center;
    padding:8px 16px 12px;
    border-top:1px solid #eee;
  }
  .aadl-table .col-name a{
    font-size:13px;
    font-weight:500;
    text-decoration:none;
  }

  /* Preis linksbündig mit Label */
  .aadl-table .col-price{
    padding:8px 16px;
    font-size:13px;
    border-top:1px solid #eee;
  }
  .aadl-table .col-price::before{
    content:"Preis:\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
    color:#333;
    font-weight:400;
  }
  .aadl-table .col-price .dlaa-product-price{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 1.1em;
  }

  /* Grüner Button zentriert */
  .aadl-table .col-btn{
    text-align:center;
    padding:12px 16px;
    border-top:1px solid #eee;
    border-bottom: none;
  }
  .btn-product{
    /* font-size:14px;
    padding:10px 24px; */
    border-radius:4px;
    display:inline-block;
    padding: 15px 20px 15px 20px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 19px;
    width: 100%;
  }
}