/* css/datenblatt.css
   Eigenes, neues Stylesheet fuer die Produktdatenblaetter unter /de/datenblatt/
   (und die uebrigen 6 Sprachfassungen). Ruehrt bootstrap.min.css nicht an.

   Gilt AUSSCHLIESSLICH fuer die Bildschirmfassung der PHP-Seite. Die
   gedruckten Dokumente (/root/datenblatt_erzeugen.py + datenblatt_pdf.py)
   lesen diese Datei NICHT: sie erzeugen aus der JSON-Datenschicht ein
   eigenstaendiges HTML nach /root/datenblatt-vorlage/vorlage.html und
   drucken DAS mit wkhtmltopdf, nicht diese PHP-Seite. Der fruehere
   gegenteilige Hinweis hier stammte noch vom Vorlaeuferskript
   (pdf-erzeugen-live.py), das tatsaechlich die PHP-Seite gedruckt hatte -
   ueberholt seit AP4/AP5, siehe /root/PLAN-DATENBLAETTER-DOKUMENTE.md.
   Mobile-first, kein horizontaler Overflow bei 375 / 768 / 1200px.

   Stufe 2 (22.08.2026-Zweig, Umstellung auf rbv2): Die Seite liegt jetzt auf
   dunklem rbv2-Grund (body.rbv2). Die Kerndaten-Tabelle behaelt ihr
   Bootstrap-Klassenpaar "table table-hover table-sm rb-db-kerndaten"
   UNVERAENDERT, weil /root/datenblatt_parser.py genau dieses class-Attribut
   woertlich sucht - sie wird hier optisch wie .rbv2-spec-table aus
   css/rb-v2.css nachgebaut, statt jene Klasse selbst zu erweitern oder
   rb-v2.css anzufassen. */

.rb-datenblatt h1 { word-wrap: break-word; }

.rb-db-vorbehalt {
  border-left: 4px solid var(--rbv2-akzent-hell);
}
.rb-db-vorbehalt p { margin-bottom: 0.6rem; font-size: 0.95rem; color: var(--rbv2-text-3); }
.rb-db-vorbehalt p:last-child { margin-bottom: 0; }
.rb-db-vorbehalt strong { color: var(--rbv2-text); }

.rb-db-photo {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Kerndatentabelle: Nachbau von .rbv2-spec-table (css/rb-v2.css) auf der
   unveraenderten Klasse rb-db-kerndaten, siehe Kommentar oben. Spaltenbreite
   auf th[scope=row] weiterhin kontrolliert, damit lange Werte bei 375px
   umbrechen statt die Seite zu verbreitern; rb-db-tabellenkarte (der
   umschliessende rbv2-card) bekommt zusaetzlich overflow-x:auto als eigenen
   Bereich, damit selbst im Extremfall der Seitenkoerper nicht seitwaerts
   scrollt. */
.rb-db-tabellenkarte { overflow-x: auto; }

.rb-db-kerndaten {
  width: 100%;
  min-width: 460px;
  border-collapse: collapse;
  font-size: 15px;
  background: transparent;
}
.rb-db-kerndaten tr { border-bottom: 1px solid var(--rbv2-linie); }
.rb-db-kerndaten tr:last-child { border-bottom: 0; }
.rb-db-kerndaten th,
.rb-db-kerndaten td {
  word-break: break-word;
  vertical-align: top;
  background: transparent;
  border: 0;
  padding: 12px 10px 12px 0;
}
.rb-db-kerndaten th[scope="row"] {
  width: 36%;
  white-space: normal;
  font-family: "Space Mono", monospace;
  font-size: 13px;
  letter-spacing: .02em;
  color: var(--rbv2-gedaempft);
  font-weight: 400;
  text-align: left;
}
.rb-db-kerndaten td {
  color: var(--rbv2-text-5);
}
.rb-db-kerndaten tr:hover th,
.rb-db-kerndaten tr:hover td {
  background: var(--rbv2-flaeche);
}

.rb-db-footnote-list { font-size: 0.9rem; }

.rb-db-footer {
  border-top: 1px solid var(--rbv2-linie);
  margin-top: 3rem;
  padding: 1.2rem 0 2rem;
  font-size: 0.9rem;
  color: var(--rbv2-gedaempft);
}

.rb-db-links ul { padding-left: 1.2rem; }

.rb-db-noprint { }

/* Browser-eigenes Drucken (Strg+P) auf dieser Seite - unabhaengig von der
   wkhtmltopdf-Kette oben, betrifft nur wer die Bildschirmseite direkt druckt. */
@media print {
  .rb-db-noprint { display: none !important; }
  a[href]::after { content: none !important; }
}