Aktionen

Test 5: Unterschied zwischen den Versionen

Aus exmediawiki

← Zum vorherigen Versionsunterschied
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
515 Bearbeitungen
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 6: Zeile 6:


<!-- Single flex container for all items -->
<!-- Single flex container for all items -->
<div style="display: flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; width: 100%; box-sizing: border-box;">
<div style="display: flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;">
 
   <!-- Horizontal collapsible: Holz -->
   <!-- Horizontal collapsible: Holz -->
   <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Holz</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Fichte]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Lärche]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Buche]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Esche]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
 
  <!-- Horizontal collapsible: Metalle -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Metalle</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Aluminium]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Pulverbeschichteter Stahl]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Zinn]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Zink]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
 
  <!-- Horizontal collapsible: Kunststoffe -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Kunststoffe</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyethylenterephthalat (PET)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polycarbonat (PC)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Acrylnitril-Butadien-Styrol (ABS)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polypropylen (PP)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyethylen (PE)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyester]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyamid]]</h3>
      </div>
    </div>
  </div>
 
  <!-- Horizontal collapsible: Tierische Werkstoffe -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Leder]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Wolle]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Seide]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Horn]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Knochen]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Perlmutt]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Elfenbein]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Fell]]</h3>
      </div>
    </div>
  </div>
 
<!-- Horizontal collapsible: Holz -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
     <!-- Toggle block -->
     <!-- Toggle block -->
     <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
         <h3 style="color: white; margin: 0;">Holz</h3>
         <h3 style="color: white; margin: 0;">Holz</h3>
Zeile 16: Zeile 147:
     </div>
     </div>
     <!-- Expanded content block -->
     <!-- Expanded content block -->
     <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5em; flex: 0 0 auto;">
     <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Fichte]]</h3>
         <h3 style="margin: 0;">[[Fichte]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Lärche]]</h3>
         <h3 style="margin: 0;">[[Lärche]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Buche]]</h3>
         <h3 style="margin: 0;">[[Buche]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Esche]]</h3>
         <h3 style="margin: 0;">[[Esche]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
       </div>
       </div>
     </div>
     </div>
Zeile 33: Zeile 167:


   <!-- Horizontal collapsible: Metalle -->
   <!-- Horizontal collapsible: Metalle -->
   <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
     <!-- Toggle block -->
     <!-- Toggle block -->
     <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
         <h3 style="color: white; margin: 0;">Metalle</h3>
         <h3 style="color: white; margin: 0;">Metalle</h3>
Zeile 41: Zeile 175:
     </div>
     </div>
     <!-- Expanded content block -->
     <!-- Expanded content block -->
     <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5em; flex: 0 0 auto;">
     <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Aluminium]]</h3>
         <h3 style="margin: 0;">[[Aluminium]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Pulverbeschichteter Stahl]]</h3>
         <h3 style="margin: 0;">[[Pulverbeschichteter Stahl]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Zinn]]</h3>
         <h3 style="margin: 0;">[[Zinn]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Zink]]</h3>
         <h3 style="margin: 0;">[[Zink]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Kunststoffe -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Kunststoffe</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyethylenterephthalat (PET)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polycarbonat (PC)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Acrylnitril-Butadien-Styrol (ABS)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polypropylen (PP)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyethylen (PE)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyester]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyamid]]</h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Tierische Werkstoffe -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Leder]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Wolle]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Seide]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Horn]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Knochen]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Perlmutt]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Elfenbein]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Fell]]</h3>
      </div>
    </div>
  </div>
</div>
<h3 style="border-bottom: 2px solid black; padding-bottom: 0em;">Synthetic materials</h3>
<!-- Single flex container for all items -->
<div style="display: flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; width: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden;">
  <!-- Horizontal collapsible: Holz -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Holz</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Fichte]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Lärche]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Buche]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Esche]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Metalle -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Metalle</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Aluminium]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Pulverbeschichteter Stahl]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Zinn]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Zink]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Kunststoffe -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Kunststoffe</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyethylenterephthalat (PET)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polycarbonat (PC)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Acrylnitril-Butadien-Styrol (ABS)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polypropylen (PP)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyethylen (PE)]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyester]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Polyamid]]</h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Tierische Werkstoffe -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Leder]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Wolle]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Seide]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Horn]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Knochen]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Perlmutt]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Elfenbein]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Fell]]</h3>
      </div>
    </div>
  </div>
<!-- Horizontal collapsible: Holz -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Holz</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Fichte]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Lärche]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Buche]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Esche]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
      </div>
    </div>
  </div>
  <!-- Horizontal collapsible: Metalle -->
  <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
    <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
        <h3 style="color: white; margin: 0;">Metalle</h3>
      </div>
    </div>
    <!-- Expanded content block -->
    <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Aluminium]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Pulverbeschichteter Stahl]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Zinn]]</h3>
      </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
        <h3 style="margin: 0;">[[Zink]]</h3>
      </div>
      <div style="text-align: center; flex-shrink: 0; min-width: 300px;">
        <h3 style="margin: 0;"></h3>
       </div>
       </div>
     </div>
     </div>
Zeile 58: Zeile 466:


   <!-- Horizontal collapsible: Kunststoffe -->
   <!-- Horizontal collapsible: Kunststoffe -->
   <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
     <!-- Toggle block -->
     <!-- Toggle block -->
     <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
         <h3 style="color: white; margin: 0;">Kunststoffe</h3>
         <h3 style="color: white; margin: 0;">Kunststoffe</h3>
Zeile 66: Zeile 474:
     </div>
     </div>
     <!-- Expanded content block -->
     <!-- Expanded content block -->
     <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5em; flex: 0 0 auto;">
     <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3>
         <h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Polyethylenterephthalat (PET)]]</h3>
         <h3 style="margin: 0;">[[Polyethylenterephthalat (PET)]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Polycarbonat (PC)]]</h3>
         <h3 style="margin: 0;">[[Polycarbonat (PC)]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Acrylnitril-Butadien-Styrol (ABS)]]</h3>
         <h3 style="margin: 0;">[[Acrylnitril-Butadien-Styrol (ABS)]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Polypropylen (PP)]]</h3>
         <h3 style="margin: 0;">[[Polypropylen (PP)]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Polyethylen (PE)]]</h3>
         <h3 style="margin: 0;">[[Polyethylen (PE)]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Polyester]]</h3>
         <h3 style="margin: 0;">[[Polyester]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Polyamid]]</h3>
         <h3 style="margin: 0;">[[Polyamid]]</h3>
       </div>
       </div>
Zeile 95: Zeile 503:


   <!-- Horizontal collapsible: Tierische Werkstoffe -->
   <!-- Horizontal collapsible: Tierische Werkstoffe -->
   <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; box-sizing: border-box;">
   <div class="mw-collapsible mw-collapsed" style="display: inline-flex; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box;">
     <!-- Toggle block -->
     <!-- Toggle block -->
     <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
     <div class="mw-collapsible-toggle" style="flex-shrink: 0; box-sizing: border-box; min-width: 140px;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; text-align: center;">
         <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
         <h3 style="color: white; margin: 0;">Tierische Werkstoffe</h3>
Zeile 103: Zeile 511:
     </div>
     </div>
     <!-- Expanded content block -->
     <!-- Expanded content block -->
     <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5em; flex: 0 0 auto;">
     <div class="mw-collapsible-content" style="display: inline-flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start; margin-left: 0.5em;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Leder]]</h3>
         <h3 style="margin: 0;">[[Leder]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Wolle]]</h3>
         <h3 style="margin: 0;">[[Wolle]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Seide]]</h3>
         <h3 style="margin: 0;">[[Seide]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Horn]]</h3>
         <h3 style="margin: 0;">[[Horn]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Knochen]]</h3>
         <h3 style="margin: 0;">[[Knochen]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Perlmutt]]</h3>
         <h3 style="margin: 0;">[[Perlmutt]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Elfenbein]]</h3>
         <h3 style="margin: 0;">[[Elfenbein]]</h3>
       </div>
       </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center; flex-shrink: 0;">
         <h3 style="margin: 0;">[[Fell]]</h3>
         <h3 style="margin: 0;">[[Fell]]</h3>
       </div>
       </div>

Aktuelle Version vom 22. Mai 2025, 14:33 Uhr


Materials


Natural materials




Synthetic materials

Abgerufen von „https://exmediawiki.khm.de/index.php?title=Test_5&oldid=10203“