|
|
| Zeile 1: |
Zeile 1: |
| __NOTOC__ | | __NOTOC__ |
| | <div class="slideshow-gallery-page"> |
| | <!-- Your entire page content goes here --> |
|
| |
|
| <h2>Materials</h2>
| | <div class="slideshow-container"> |
| <br>
| | <!-- slideshow content --> |
| <h3 style="border-bottom: 2px solid black; padding-bottom: 0em;">Natural materials</h3>
| |
| | |
| <!-- Horizontal collapsible: Holz -->
| |
| <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: 0.5em;">
| |
| <!-- Toggle block -->
| |
| <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em; text-align: center;">
| |
| <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; flex-wrap: wrap; box-sizing: border-box; margin-bottom: 0.5em; gap: 0em 0em; row-gap: 0.5em;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Fichte]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <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;">
| |
| <h3 style="margin: 0;">[[Buche]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Esche]]</h3>
| |
| </div>
| |
| | |
| </div>
| |
| </div>
| |
| | |
| <!-- Horizontal collapsible: Metalle -->
| |
| <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: 0.5em;">
| |
| <!-- Toggle block -->
| |
| <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
| |
| <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: flex; flex-wrap: wrap; box-sizing: border-box; margin-bottom: 0.5em; gap: 0em 0em; row-gap: 0.5em;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Aluminium]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <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;">
| |
| <h3 style="margin: 0;">[[Zinn]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Zink]]</h3>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Horizontal collapsible: Kunststoffe -->
| |
| <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: 0.5em;"> | |
| <!-- Toggle block --> | |
| <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
| |
| <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: flex; flex-wrap: wrap; box-sizing: border-box; margin-bottom: 0.5em; gap: 0em 0em; row-gap: 0.5em;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <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;">
| |
| <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;">
| |
| <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;">
| |
| <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;">
| |
| <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;">
| |
| <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;">
| |
| <h3 style="margin: 0;">[[Polyester]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Polyamid]]</h3>
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| <!-- Horizontal collapsible: Tierische Werkstoffe --> | | <!-- Rest of your page content --> |
| <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: 0.5em;">
| |
| <!-- Toggle block -->
| |
| <div class="mw-collapsible-toggle" style="min-width: 140px; flex-shrink: 0; box-sizing: border-box;">
| |
| <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: flex; flex-wrap: wrap; box-sizing: border-box; margin-bottom: 0.5em; gap: 0em 0em; row-gap: 0.5em;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 2em; color: white; text-align: center;">
| |
| <h3 style="margin: 0;">[[Smoky Quartz]]</h3>
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |