/* css/datenblatt.css
   Eigenes, neues Stylesheet fuer die Produktdatenblaetter unter /de/datenblatt/.
   Ruehrt bootstrap.min.css und keine bestehende Datei an (siehe Auftrag,
   Abschnitt "Was du nicht anfasst"). Gilt fuer Bildschirm UND fuer die
   PDF-Erzeugung mit wkhtmltopdf (kein @media print noetig, wkhtmltopdf
   rendert ohne --print-media-type mit "screen"-Medientyp). Mobile-first,
   kein horizontaler Overflow bei 375 / 768 / 1200px. */

.rb-datenblatt { max-width: 960px; }

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

.rb-db-vorbehalt {
  border-left: 4px solid #b38600;
  font-size: 0.95rem;
}

.rb-db-vorbehalt p { margin-bottom: 0.4rem; }

.rb-db-photo {
  max-width: 100%;
  height: auto;
}

/* Kerndatentabelle: Spaltenbreiten kontrolliert, damit lange Werte bei 375px
   umbrechen statt die Seite zu verbreitern. table-responsive (Bootstrap)
   liefert bei Bedarf zusaetzlich horizontales Scrollen innerhalb der Tabelle,
   nicht der Seite. */
.rb-db-kerndaten th,
.rb-db-kerndaten td {
  word-break: break-word;
  vertical-align: top;
}

.rb-db-kerndaten th[scope="row"] {
  width: 40%;
  white-space: normal;
}

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

.rb-db-footer {
  border-top: 1px solid #d8dde3;
  margin-top: 2.5rem;
  padding: 1rem 0 2rem;
  font-size: 0.9rem;
  color: #495057;
}

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

.rb-db-noprint { }

/* wkhtmltopdf nutzt WebKit ohne Bootstrap-JS - Tooltips/Collapse werden hier
   nicht verwendet, daher keine zusaetzlichen Regeln dafuer noetig. */
@media print {
  .rb-db-noprint { display: none !important; }
  a[href]::after { content: none !important; }
}