Aktionen

Test4: Unterschied zwischen den Versionen

Aus exmediawiki

Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Theo (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 7: Zeile 7:
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;">


   <!-- Holz -->
   <!-- Horizontal collapsible: Holz -->
  <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
<div class="mw-collapsible mw-collapsed" style="display: flex; flex-direction: row; align-items: flex-start; flex: 0 0 auto; box-sizing: border-box; margin-bottom: 1em;">
    <!-- Toggle button -->
  <!-- Toggle block -->
    <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
  <div class="mw-collapsible-toggle" style="min-width: 140px; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center; margin-right: 1em;">
        <h3 style="margin: 0;">Holz</h3>
      <h3 style="color: white; margin: 0;">Holz</h3>
      </div>
     </div>
     </div>
    <!-- Hidden content that expands horizontally -->
  </div>
    <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; background-color: #111; border-radius: 27px; padding: 0.5em; margin-left: 1em; flex-wrap: wrap; box-sizing: border-box;">
  <!-- Expanded content block (initially hidden by .mw-collapsed) -->
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Holz 1</h4></div>
  <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; flex-wrap: nowrap; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Holz 2</h4></div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Holz 3</h4></div>
      <h4 style="margin: 0;">Sub-Holz 1</h4>
    </div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
      <h4 style="margin: 0;">Sub-Holz 2</h4>
    </div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
      <h4 style="margin: 0;">Sub-Holz 3</h4>
     </div>
     </div>
   </div>
   </div>
</div>


   <!-- Metalle -->
   <!-- Horizontal collapsible: Holz -->
  <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
<div class="mw-collapsible mw-collapsed" style="display: flex; flex-direction: row; align-items: flex-start; flex: 0 0 auto; box-sizing: border-box; margin-bottom: 1em;">
    <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
  <!-- Toggle block -->
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
  <div class="mw-collapsible-toggle" style="min-width: 140px; box-sizing: border-box;">
        <h3 style="margin: 0;">Metalle</h3>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center; margin-right: 1em;">
       </div>
      <h3 style="color: white; margin: 0;">Holz</h3>
    </div>
  </div>
  <!-- Expanded content block (initially hidden by .mw-collapsed) -->
  <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; flex-wrap: nowrap; box-sizing: border-box;">
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
       <h4 style="margin: 0;">Sub-Holz 1</h4>
     </div>
     </div>
     <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; background-color: #111; border-radius: 27px; padding: 0.5em; margin-left: 1em; flex-wrap: wrap; box-sizing: border-box;">
     <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Metall 1</h4></div>
       <h4 style="margin: 0;">Sub-Holz 2</h4>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Metall 2</h4></div>
    </div>
       <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Metall 3</h4></div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
       <h4 style="margin: 0;">Sub-Holz 3</h4>
     </div>
     </div>
   </div>
   </div>
</div>


   <!-- Gestein -->
 
  <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
   <!-- Horizontal collapsible: Holz -->
    <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
<div class="mw-collapsible mw-collapsed" style="display: flex; flex-direction: row; align-items: flex-start; flex: 0 0 auto; box-sizing: border-box; margin-bottom: 1em;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
  <!-- Toggle block -->
        <h3 style="margin: 0;">Gestein</h3>
  <div class="mw-collapsible-toggle" style="min-width: 140px; box-sizing: border-box;">
      </div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center; margin-right: 1em;">
      <h3 style="color: white; margin: 0;">Holz</h3>
     </div>
     </div>
    <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; background-color: #111; border-radius: 27px; padding: 0.5em; margin-left: 1em; flex-wrap: wrap; box-sizing: border-box;">
  </div>
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Gestein 1</h4></div>
  <!-- Expanded content block (initially hidden by .mw-collapsed) -->
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Gestein 2</h4></div>
  <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; flex-wrap: nowrap; box-sizing: border-box;">
      <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Gestein 3</h4></div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
      <h4 style="margin: 0;">Sub-Holz 1</h4>
    </div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
      <h4 style="margin: 0;">Sub-Holz 2</h4>
    </div>
    <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white; text-align: center;">
      <h4 style="margin: 0;">Sub-Holz 3</h4>
     </div>
     </div>
   </div>
   </div>
</div>


   <!-- Tierische Werkstoffe -->
   <!-- Tierische Werkstoffe -->

Version vom 20. Mai 2025, 23:39 Uhr


Materials


Natural materials

Holz

Sub-Holz 1

Sub-Holz 2

Sub-Holz 3

Holz

Sub-Holz 1

Sub-Holz 2

Sub-Holz 3


Holz

Sub-Holz 1

Sub-Holz 2

Sub-Holz 3


Tierische Werkstoffe

Sub-Tierisch 1

Sub-Tierisch 2

Sub-Tierisch 3