Test 5: Unterschied zwischen den Versionen
Aus exmediawiki
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 5: | Zeile 5: | ||
<h3 style="border-bottom: 2px solid black; padding-bottom: 0em;">Natural materials</h3> | <h3 style="border-bottom: 2px solid black; padding-bottom: 0em;">Natural materials</h3> | ||
<!-- | <!-- Single flex container for all items --> | ||
<div style="display: flex; flex-wrap: wrap; gap: 0.5em; | <div style="display: flex; flex-wrap: wrap; gap: 0.5em; align-items: flex-start;"> | ||
<!-- Horizontal collapsible: Holz --> | <!-- Horizontal collapsible: Holz --> | ||
<div class="mw-collapsible mw-collapsed" style="display: flex; flex- | <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; 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="min-width: 140px; flex-shrink: 0; box-sizing: border-box;"> | ||
| Zeile 16: | Zeile 16: | ||
</div> | </div> | ||
<!-- Expanded content block --> | <!-- Expanded content block --> | ||
<div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; | <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 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;"> | ||
<h3 style="margin: 0;">[[Fichte]]</h3> | <h3 style="margin: 0;">[[Fichte]]</h3> | ||
| Zeile 33: | Zeile 33: | ||
<!-- Horizontal collapsible: Metalle --> | <!-- Horizontal collapsible: Metalle --> | ||
<div class="mw-collapsible mw-collapsed" style="display: flex; flex- | <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; 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="min-width: 140px; flex-shrink: 0; box-sizing: border-box;"> | ||
| Zeile 41: | Zeile 41: | ||
</div> | </div> | ||
<!-- Expanded content block --> | <!-- Expanded content block --> | ||
<div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; | <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 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;"> | ||
<h3 style="margin: 0;">[[Aluminium]]</h3> | <h3 style="margin: 0;">[[Aluminium]]</h3> | ||
| Zeile 58: | Zeile 58: | ||
<!-- Horizontal collapsible: Kunststoffe --> | <!-- Horizontal collapsible: Kunststoffe --> | ||
<div class="mw-collapsible mw-collapsed" style="display: flex; flex- | <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; 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="min-width: 140px; flex-shrink: 0; box-sizing: border-box;"> | ||
| Zeile 66: | Zeile 66: | ||
</div> | </div> | ||
<!-- Expanded content block --> | <!-- Expanded content block --> | ||
<div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; | <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 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;"> | ||
<h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3> | <h3 style="margin: 0;">[[Polyvinylchlorid (PVC)]]</h3> | ||
| Zeile 95: | Zeile 95: | ||
<!-- Horizontal collapsible: Tierische Werkstoffe --> | <!-- Horizontal collapsible: Tierische Werkstoffe --> | ||
<div class="mw-collapsible mw-collapsed" style="display: flex; flex- | <div class="mw-collapsible mw-collapsed" style="display: flex; flex-wrap: wrap; align-items: flex-start; flex: 0 0 auto; 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="min-width: 140px; flex-shrink: 0; box-sizing: border-box;"> | ||
| Zeile 103: | Zeile 103: | ||
</div> | </div> | ||
<!-- Expanded content block --> | <!-- Expanded content block --> | ||
<div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; | <div class="mw-collapsible-content" style="display: flex; flex-wrap: wrap; align-items: flex-start; gap: 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;"> | ||
<h3 style="margin: 0;">[[Leder]]</h3> | <h3 style="margin: 0;">[[Leder]]</h3> | ||
Version vom 22. Mai 2025, 13:43 Uhr
Materials