/* Formentabellen + Drehzahl – erzeugt von tools/tabellen/werkzeug/wp_export.py (nicht von Hand ändern) */
/* ===== Formentabelle (Vorschlag Theme-CSS) ===== */
.shofu-formen{--label:8.5rem;--zelle:#EFEFEF;--abstand:2px;container-type:inline-size;margin:0 0 2.5rem;font-family:var(--font-family,"Barlow",sans-serif);color:var(--text-color,#4D4D4D)}
.shofu-formen table{border-collapse:separate;border-spacing:var(--abstand);table-layout:fixed;font-variant-numeric:tabular-nums}
.shofu-formen th,.shofu-formen td{padding:.35em .25em;text-align:center;line-height:1.25;white-space:nowrap}
.shofu-formen abbr[title]{text-decoration:none;cursor:help}
.shofu-formen__tabelle+.shofu-formen__tabelle{margin-top:2.75rem}
.shofu-formen__titel{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.3;color:var(--primary-color,#004E7F)}
/* Desktop-Matrix: Spalteneinheit = 1/12 der Inhaltsbreite für alle Produkte (wie Dura-Green); Blöcke à höchstens 12 Einheiten.
   Breite Formen (Rad, Floppie) belegen mehr als eine Einheit (--w); Tabellen mit weniger Einheiten werden schmaler (--n, --k).
   Einheit über Containerbreite (cqw), damit <col> eine feste Länge bekommt (Chrome ignoriert calc() mit % auf <col>). */
.shofu-formen__matrix{--einheit:calc((100cqw - var(--label) - 14 * var(--abstand)) / 12);
  width:calc(var(--label) + var(--n) * var(--einheit) + (var(--k) + 2) * var(--abstand));margin:0 0 2rem;font-size:15px}
.shofu-formen__matrix col{width:calc(var(--w,1) * var(--einheit))}
.shofu-formen__matrix col.shofu-formen__labelspalte{width:var(--label)}
.shofu-formen__matrix thead th{white-space:normal;hyphens:auto}
/* Formnamen im Kopf mit der Spaltenbreite verkleinern (lange Namen wie „Minispitze“ bei schmalem Desktop) */
.shofu-formen__matrix thead tr:last-child th[scope=col]{font-size:min(1.05em, calc(var(--einheit) * .2))}
.shofu-formen__matrix th[scope=row]{text-align:left;padding-left:.6em;background:var(--zelle);font-weight:700}
.shofu-formen__matrix thead tr:last-child th{background:var(--primary-color,#004E7F);color:#fff;font-weight:700;font-size:1.05em}
.shofu-formen__matrix tbody td{background:var(--zelle)}
.shofu-formen__icons td{padding:0 .2em;vertical-align:bottom;background:none}
.shofu-formen__icons svg{display:block;width:100%;height:auto;max-height:200px;overflow:visible}
.shofu-formen__matrix .ist-aktiv{background:#DCE7EE}
.shofu-formen__matrix thead th.ist-aktiv{background:#003A60}
.shofu-formen__badge{display:block;margin:.2em auto 0;font-size:.72em;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.shofu-formen__mobil{display:none}
/* Scheiben (Super-Snap): Produktname links in der Icon-Zeile wie im Bild */
.shofu-formen__matrix .shofu-formen__icons th.shofu-formen__produkt{vertical-align:middle;background:var(--zelle);white-space:normal}
/* Artikelnummern-Matrix (ZR Lucent Supra) */
.shofu-artikel__rahmen{overflow-x:auto;margin:0 0 1rem}
.shofu-artikel{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.shofu-artikel th,.shofu-artikel td{padding:.3em .5em;text-align:center;white-space:nowrap}
.shofu-artikel thead th{background:var(--primary-color,#004E7F);color:#fff;font-weight:700}
.shofu-artikel thead th:first-child,.shofu-artikel tbody th{text-align:left}
.shofu-artikel tbody th{font-weight:400}
.shofu-artikel tbody tr:nth-child(even){background:var(--zelle,#EFEFEF)}
.shofu-hinweis__betont{color:#B92026;font-weight:700}  /* Rot aus dem ZR-Bild gemessen */
@media (max-width:767px){
  .shofu-artikel{font-size:12px}
  .shofu-artikel th,.shofu-artikel td{padding:.3em .2em}
  .shofu-artikel tbody th,.shofu-artikel thead th:first-child{position:sticky;left:0;background:inherit;white-space:normal;min-width:4.2em}
  .shofu-artikel tbody tr:nth-child(odd) th{background:#fff}
  .shofu-artikel thead th:first-child{background:var(--primary-color,#004E7F)}
}
/* Diamant-Tabellen (B1): Gruppenzeile wie im Bild (Formfamilie, erster Teil fett), REF-Zeile als Spaltenkopf in der
   Farbe der Drehzahlklasse, darunter die max. Drehzahl als Text-Badge (Farbe nur als Rand – Text bleibt dunkel und lesbar) */
.shofu-formen__matrix .shofu-formen__gruppen th{background:var(--primary-color,#004E7F);color:#fff;font-weight:400;font-size:1.05em;white-space:normal;line-height:1.2}
.shofu-formen__matrix .shofu-formen__gruppen th[scope=row]{font-weight:700}
.shofu-formen__gruppen th strong{font-weight:700}
.shofu-formen__matrix--b1 thead tr.shofu-formen__refs th{background:var(--zelle);color:var(--text-color,#4D4D4D);font-size:1em}
.shofu-formen__matrix--b1 thead tr.shofu-formen__refs th[scope=col]{font-weight:500}
.shofu-formen__matrix--b1 .shofu-formen__icons svg{max-height:170px}
.shofu-formen__drehzahlzeile th[scope=row]{white-space:normal;line-height:1.15;font-size:.9em}
.shofu-formen__drehzahlzeile td{padding-left:.1em;padding-right:.1em}
.shofu-formen__drehzahlzeile .shofu-formen__badge{font-size:min(.82em, calc(var(--einheit) * .16));padding:.05em .3em}
.shofu-formen__badge{display:inline-block;padding:.05em .4em;border:2px solid var(--badge,#999);border-radius:1em;background:#fff;
  color:var(--text-color,#4D4D4D);font-size:.82em;font-weight:600;line-height:1.3;white-space:nowrap}
/* Mobil: eine Zeile je Form */
@media (max-width:767px){
  .shofu-formen__desktop{display:none}
  .shofu-formen__mobil{display:block;overflow-x:auto}
  .shofu-formen__titel{font-size:1.1rem}
  .shofu-formen__liste{width:100%;min-width:330px;font-size:13px}
  .shofu-formen__liste thead th{background:var(--primary-color,#004E7F);color:#fff;font-weight:600;font-size:12px;line-height:1.15;vertical-align:bottom;position:sticky;top:0}
  .shofu-formen__liste tbody th{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;text-align:center;font-weight:700;background:var(--zelle);padding:.3em .2em}
  .shofu-formen__liste tbody th span{white-space:normal;line-height:1.15}
  .shofu-formen__liste tbody td{background:var(--zelle)}
  .shofu-formen__liste .shofu-form-icon{width:40px;height:40px;flex:none}
  .shofu-formen__liste th:first-child{width:5.3rem}
  .shofu-formen__liste th:nth-child(2){width:2.8rem}
  .shofu-formen__liste--eng{font-size:12px}
  .shofu-formen__liste--eng thead th{font-size:11px;padding:.35em .1em}
  .shofu-formen__liste--eng th:nth-child(2){width:2.5rem}
  .shofu-formen__liste--eng td{padding:.35em .1em}
  .shofu-formen__liste--eng .shofu-form-icon{width:36px;height:36px}
  .shofu-formen__liste tbody tr.shofu-formen__gruppe th{display:table-cell;background:var(--primary-color,#004E7F);color:#fff;
    font-weight:400;text-align:left;padding:.4em .5em}
  .shofu-formen__liste tbody tr.shofu-formen__gruppe th strong{font-weight:700}
  .shofu-formen__gruppe{margin:0 0 4px}
  .shofu-formen__gruppe summary{display:flex;align-items:center;gap:.4em;padding:.55em .7em;background:var(--primary-color,#004E7F);color:#fff;
    font-size:15px;line-height:1.25;cursor:pointer;list-style:none}
  .shofu-formen__gruppe summary::-webkit-details-marker{display:none}
  .shofu-formen__gruppe summary::after{content:"";margin-left:auto;width:.5em;height:.5em;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
    transition:transform .2s}
  .shofu-formen__gruppe[open] summary::after{transform:rotate(-135deg)}
  .shofu-formen__gruppe summary strong{font-weight:700}
  .shofu-formen__anzahl{opacity:.8}
  .shofu-formen__gruppe .shofu-formen__liste{margin:2px 0 8px}
  .shofu-formen__liste--b1 thead th{white-space:normal}
  .shofu-formen__liste--b1 tbody th{display:table-cell;vertical-align:middle}
  .shofu-formen__liste--b1 tbody th .shofu-form-icon{display:block;margin:0 auto .15em;width:44px;height:44px}
  .shofu-formen__liste--b1 tbody th span{display:block}
  .shofu-formen__liste--hoch tbody th .shofu-form-icon{width:24px;height:56px}
  .shofu-formen__liste--b1 th:first-child{width:4.6rem}
  .shofu-formen__liste--b1 th:last-child{width:4.4rem}
  .shofu-formen__liste--b1 .shofu-formen__badge{font-size:11px;padding:0 .3em}
}
.shofu-formen__matrix--b1 thead tr.shofu-formen__refs th.shofu-formen__ref--450000,.shofu-formen__liste--b1 .shofu-formen__ref--450000{color:#0D9FE2}.shofu-formen__badge--450000{--badge:#0D9FE2}.shofu-formen__matrix--b1 thead tr.shofu-formen__refs th.shofu-formen__ref--300000,.shofu-formen__liste--b1 .shofu-formen__ref--300000{color:#032D78}.shofu-formen__badge--300000{--badge:#032D78}.shofu-formen__matrix--b1 thead tr.shofu-formen__refs th.shofu-formen__ref--160000,.shofu-formen__liste--b1 .shofu-formen__ref--160000{color:#C94702}.shofu-formen__badge--160000{--badge:#C94702}.shofu-formen__matrix--b1 thead tr.shofu-formen__refs th.shofu-formen__ref--120000,.shofu-formen__liste--b1 .shofu-formen__ref--120000{color:#4F1165}.shofu-formen__badge--120000{--badge:#4F1165}
.shofu-drehzahl {
  --shofu-drehzahl-icon: 2.5rem;           /* 40 px bei 16 px Grundschrift */
  display: flex;
  align-items: center;
  gap: .875rem;
  margin: 0 0 1.5rem;
  font-family: var(--font-family, "Barlow", sans-serif);
  color: var(--text-color, #4D4D4D);
  line-height: 1.4;
}
.shofu-drehzahl__icon {
  flex: none;
  width: var(--shofu-drehzahl-icon);
  height: var(--shofu-drehzahl-icon);
}
.shofu-drehzahl__text { min-width: 0; }
.shofu-drehzahl__titel {                    /* optional, z. B. „Polierer:“ */
  margin: 0;
  font-weight: 600;
}
.shofu-drehzahl__daten {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: .6em;
  margin: 0;
}
.shofu-drehzahl__daten dt {
  grid-column: 1;
  font-weight: 600;
  color: var(--primary-color, #004E7F);
  white-space: nowrap;
}
.shofu-drehzahl__daten dd {
  grid-column: 2;                           /* weitere dd landen untereinander in Spalte 2 */
  margin: 0;
  font-variant-numeric: tabular-nums;
}
.shofu-drehzahl__teil { white-space: nowrap; }   /* Umbruch nur nach „ / “ */
.shofu-drehzahl__wert {                     /* Spalte „Max. 15.000“ bei Mehrzeilern */
  display: inline-block;
  min-width: 6.5em;
}
.shofu-drehzahl abbr[title] { text-decoration: none; cursor: help; }
.shofu-drehzahl sup {                       /* hochgestellt ohne Zeilenabstand zu sprengen */
  font-size: .62em;
  line-height: 0;
  position: relative;
  top: -.55em;
  vertical-align: baseline;
  margin-left: .05em;
}
.shofu-sr {                                 /* nur für Screenreader (Theme hat keine eigene Klasse) */
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.shofu-drehzahl+.shofu-drehzahl{margin-top:-.5rem}
@media (max-width:480px){.shofu-drehzahl__teil{white-space:normal}}  /* lange Teile (Ceramisté) dürfen umbrechen */

/* Mobil-Liste unter 880 px Blockbreite (Container-Abfrage auf .shofu-formen, Entscheidung 7) */
@container (max-width: 879.98px){
  .shofu-formen__desktop{display:none}
  .shofu-formen__mobil{display:block;overflow-x:auto}
  .shofu-formen__titel{font-size:1.1rem}
  .shofu-formen__liste{width:100%;min-width:330px;font-size:13px}
  .shofu-formen__liste thead th{background:var(--primary-color,#004E7F);color:#fff;font-weight:600;font-size:12px;line-height:1.15;vertical-align:bottom;position:sticky;top:0}
  .shofu-formen__liste tbody th{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;text-align:center;font-weight:700;background:var(--zelle);padding:.3em .2em}
  .shofu-formen__liste tbody th span{white-space:normal;line-height:1.15}
  .shofu-formen__liste tbody td{background:var(--zelle)}
  .shofu-formen__liste .shofu-form-icon{width:40px;height:40px;flex:none}
  .shofu-formen__liste th:first-child{width:5.3rem}
  .shofu-formen__liste th:nth-child(2){width:2.8rem}
  .shofu-formen__liste--eng{font-size:12px}
  .shofu-formen__liste--eng thead th{font-size:11px;padding:.35em .1em}
  .shofu-formen__liste--eng th:nth-child(2){width:2.5rem}
  .shofu-formen__liste--eng td{padding:.35em .1em}
  .shofu-formen__liste--eng .shofu-form-icon{width:36px;height:36px}
  .shofu-formen__liste tbody tr.shofu-formen__gruppe th{display:table-cell;background:var(--primary-color,#004E7F);color:#fff;
    font-weight:400;text-align:left;padding:.4em .5em}
  .shofu-formen__liste tbody tr.shofu-formen__gruppe th strong{font-weight:700}
  .shofu-formen__gruppe{margin:0 0 4px}
  .shofu-formen__gruppe summary{display:flex;align-items:center;gap:.4em;padding:.55em .7em;background:var(--primary-color,#004E7F);color:#fff;
    font-size:15px;line-height:1.25;cursor:pointer;list-style:none}
  .shofu-formen__gruppe summary::-webkit-details-marker{display:none}
  .shofu-formen__gruppe summary::after{content:"";margin-left:auto;width:.5em;height:.5em;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
    transition:transform .2s}
  .shofu-formen__gruppe[open] summary::after{transform:rotate(-135deg)}
  .shofu-formen__gruppe summary strong{font-weight:700}
  .shofu-formen__anzahl{opacity:.8}
  .shofu-formen__gruppe .shofu-formen__liste{margin:2px 0 8px}
  .shofu-formen__liste--b1 thead th{white-space:normal}
  .shofu-formen__liste--b1 tbody th{display:table-cell;vertical-align:middle}
  .shofu-formen__liste--b1 tbody th .shofu-form-icon{display:block;margin:0 auto .15em;width:44px;height:44px}
  .shofu-formen__liste--b1 tbody th span{display:block}
  .shofu-formen__liste--hoch tbody th .shofu-form-icon{width:24px;height:56px}
  .shofu-formen__liste--b1 th:first-child{width:4.6rem}
  .shofu-formen__liste--b1 th:last-child{width:4.4rem}
  .shofu-formen__liste--b1 .shofu-formen__badge{font-size:11px;padding:0 .3em}
  .shofu-formen__mobil{max-width:40rem}
}
/* ===== WP-Ergänzungen (docs/analyse/20_formentabellen_wp_entwurf.md §5, Entscheidungen Roman 19.10.2026) ===== */
/* Desktop höchstens 1100 px breit: Spalteneinheit wie in der Freigabe (Entscheidung 6) */
.formentabelle .shofu-formen{max-width:1100px}
/* Abstände: Der Block hat wie ein Bild-Block nur seinen .mb-Abstand */
.formentabelle .shofu-formen,.formentabelle .shofu-formen__tabelle:last-child .shofu-formen__matrix:last-child{margin-bottom:0}
.formentabelle .shofu-hinweis{margin:1.5rem 0 0}
.formentabelle h2{color:var(--primary-color)}
.drehzahl .shofu-drehzahl:last-child{margin-bottom:0}
/* Formentabelle fehlt (Daten nicht gefunden): Hinweis nur für angemeldete Redakteure */
.shofu-ft-fehlt{padding:.75em 1em;border:2px dashed #C94702;color:#C94702;font-weight:600}