/* tablesketches – EU-Gewährleistungshinweis (DVO 2025/1960) im Warenkorb, ab 0.12.5 (0.12.6: nur Warenkorb, ruhig).
 * Grafik unverändert (Seite 1 der eRecht24-PDF), direkt sichtbar, ohne Rahmen/Schatten/Fläche. Desktop linksbündig, max. 560 px
 * (kleinster Labeltext dann ≥ 11 px). Mobil (≤ 767) in normaler Inhaltsbreite, darunter dezent „Zum Vergrößern antippen“.
 * Ab 0.12.7: Warenkorb desktop links vor „Weiter einkaufen“, mobil als eigener Abschnitt unter der Übersicht (Abstand = Rasterabstand);
 * Seite /gewaehrleistung/ in voller Spaltenbreite der Rechtsseiten, ohne eigene Überschrift. */
.ts-garantie { margin: 72px 0 8px; }
.ts-garantie .ts-garantie-titel.ts-garantie-titel { margin: 0 0 18px; padding: 0; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: .22em; text-transform: uppercase; color: var(--text-2); }
.ts-garantie .ts-garantie-bild.ts-garantie-bild { display: block; width: 100%; max-width: 560px; height: auto; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.ts-garantie .ts-garantie-zoom { display: none; }
@media (max-width: 767px) {
  .ts-garantie { margin-top: 56px; }
  .ts-garantie .ts-garantie-bild.ts-garantie-bild { max-width: 100%; }
  .ts-garantie .ts-garantie-zoom { display: inline-block; margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--text-2); text-decoration: underline; text-underline-offset: 3px; }
}

/* Warenkorb: je Breite genau eine Fassung (ab 0.12.7) */
.ts-garantie.ts-garantie--mobil { display: none; }
/* Seite /gewaehrleistung/: volle Spaltenbreite, Abstand zur h1 wie Text */
.ts-garantie.ts-garantie--seite { margin: 0; }
.ts-garantie.ts-garantie--seite .ts-garantie-bild.ts-garantie-bild { max-width: 100%; }
@media (max-width: 767px) {
  .ts-garantie.ts-garantie--desktop { display: none; }
  .ts-garantie.ts-garantie--mobil { display: block; margin: 0; }
}

/* Seite /gewaehrleistung/: Abschnitt „Konformitätserklärung“ unter dem Bild (ab 0.13.10). Abstand nach oben wie Zwischenüberschriften
 * der Rechtsseiten (56/40 px), H2 → Text wie H1 → Bild (24/16 px). H2: Klasse .ts-rechts-h1 + Größe der globalen h1, Text/Link aus .ts-rechts-inhalt. */
.ts-konformitaet { margin: 56px 0 0; }
.ts-konformitaet .ts-konformitaet-titel.ts-konformitaet-titel { margin: 0 0 24px; font-size: var(--bde-h1-font-size); line-height: 1.2; }
.ts-konformitaet .ts-konformitaet-text p:last-child { margin-bottom: 0; }
.ts-konformitaet .ts-konformitaet-download { display: flex; align-items: center; gap: .5em; }
.ts-konformitaet .ts-konformitaet-icon { flex: none; width: 1em; height: 1em; }
@media (max-width: 767px) {
  .ts-konformitaet { margin-top: 40px; }
  .ts-konformitaet .ts-konformitaet-titel.ts-konformitaet-titel { margin-bottom: 16px; }
}