/* ===== ERSATZTEILE UND ZUBEHOER ===== */
/* Katalogzeilen: Bild, Beschreibung, Preisspalte rechts */

.teile-mitte {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 var(--abstand-x-mittel);
    width: 100%;
}

.teile-kopf {
    background: var(--ton-flaeche);
    padding: calc(var(--hoehe-kopf) + 66px) 0 52px;
}
.teile-kopf .teile-mitte {
    align-items: flex-end;
    display: flex;
    gap: 60px;
    justify-content: space-between;
}
.teile-kopf h1 { margin-top: 10px; max-width: 14ch; }
.teile-lead {
    color: var(--ton-text-grau);
    font-size: 15px;
    line-height: 1.9;
    max-width: 48ch;
}

.teile-liste {
    margin: 0 auto;
    max-width: 1240px;
    padding: 20px var(--abstand-x-mittel) 40px;
}
.teil-zeile {
    align-items: center;
    border-bottom: 1px solid #e6e1dc;
    display: flex;
    gap: 36px;
    padding: 32px 0;
}
.teil-zeile:last-child { border-bottom: 0; }
.teil-bild { flex: 0 0 210px; }
.teil-bild img {
    border-radius: 14px;
    height: 160px;
    object-fit: cover;
    width: 100%;
}
.teil-haupt { flex: 1 1 auto; min-width: 0; }
.teil-haupt .nummer {
    color: var(--ton-text-still);
    font-size: 12px;
    letter-spacing: .14em;
    line-height: 1.6;
}
.teil-haupt h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin: 4px 0 10px;
}
.teil-haupt .beschreib {
    color: var(--ton-text-grau);
    font-size: 15px;
    line-height: 1.85;
    max-width: 62ch;
}
.teil-haupt .passt {
    color: var(--ton-text-still);
    font-size: 13px;
    line-height: 2;
    margin-top: 12px;
}
.teil-haupt .passt span {
    background: #f1ede9;
    display: inline-block;
    margin: 0 6px 4px 0;
    padding: 3px 12px;
}
.teil-preis { flex: 0 0 210px; text-align: right; }
.teil-preis .preis {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 14px;
}

.teile-fuss {
    background: #1e1e1e;
    color: #fff;
    padding: 76px 0 84px;
}
.teile-fuss .teile-mitte { display: flex; gap: 80px; }
.fuss-block { width: 50%; }
.fuss-block h2 { margin-bottom: 18px; }
.fuss-block p {
    color: #cfcac4;
    font-size: 15px;
    line-height: 1.95;
    margin-bottom: 14px;
    max-width: 52ch;
}
.fuss-block a { color: var(--ton-primaer); text-decoration: underline; }
.bestellweg { border-left: 1px solid #3a3733; padding-left: 60px; }

@media screen and (max-width: 991px) {
    .teile-kopf { padding: calc(var(--hoehe-kopf) + 34px) 0 34px; }
    .teile-kopf .teile-mitte { display: block; }
    .teile-lead { margin-top: 20px; max-width: none; }
    .teil-zeile { display: grid; gap: 8px 26px; grid-template-columns: 180px 1fr; }
    .teil-bild { grid-row: span 2; }
    .teil-preis { text-align: left; }
    .teil-preis .comp-button { max-width: 260px; }
    .teile-fuss .teile-mitte { flex-direction: column; gap: 34px; }
    .fuss-block { width: 100%; }
    .bestellweg { border-left: 0; border-top: 1px solid #3a3733; padding: 30px 0 0; }
}

@media screen and (max-width: 575px) {
    .teil-zeile { grid-template-columns: 1fr; }
    .teil-bild { grid-row: auto; }
    .teil-bild img { height: 200px; }
    .teil-preis .preis { margin-top: 10px; }
}