.a-wrap-base {
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

.knr-recos-grid { 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
}

.crp-row-3, .crp-row-2 { 
    display: flex; 
    gap: 20px; 
    flex-wrap: wrap; 
}

.crp-row-3 > .crp-box { 
    flex: 1 1 calc(33.333% - 20px); 
}

.crp-row-2 > .crp-box { 
    flex: 1 1 calc(50% - 20px); 
}

.crp-box .img-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.crp-row-3 .img-wrapper {
    padding-top: 56.25%; /* 16:9 */
}

.crp-row-2 .img-wrapper {
    padding-top: 65%; /* etwas höher für 2er-Reihe */
}

.crp-box .img-wrapper img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.crp-title { 
    display: block; 
    font-size: 1.4rem; 
    font-weight: bold; 
    margin-top: 8px; 
    color: #000; 
    text-decoration: none; 
}

.crp-title:hover { 
    text-decoration: underline; 
}

.block-head-a2 {
  width: 100%;
}