|
|
| (47 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| __NOTOC__
| | <div class="slideshow-gallery-page"> |
| | | <div class="slideshow-container" style="overflow: hidden; margin: 0; padding: 0;"> |
| <h2 style="border-bottom: 2px solid black; padding-bottom: 0em;">Materials</h2>
| | |
| <br>
| | <div class="mySlides" style="margin: 0; padding: 0; line-height: 0;"> |
| <h3>Natural materials</h3>
| | [[File:Sisal Teppich2.jpg|border|link=]] |
| | |
| <div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;"> | |
| | |
| <!-- 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: 1em;"> | |
| <!-- Toggle block --> | |
| <div class="mw-collapsible-toggle" style="min-width: 140px; box-sizing: border-box;"> | |
| <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> |
| <!-- Expanded content block (initially hidden by .mw-collapsed) -->
| | <div class="mySlides" style="margin: 0; padding: 0; line-height: 0;"> |
| <div class="mw-collapsible-content" style="display: flex; gap: 0.5em; flex-wrap: nowrap; box-sizing: border-box;"> | | [[File:Yarn2.jpg|border|link=]] |
| <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 class="prev">←</div> |
| | <div class="next">→</div> |
| </div> | | </div> |
|
| |
| <!-- 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: 1em;">
| |
| <!-- Toggle block -->
| |
| <div class="mw-collapsible-toggle" style="min-width: 140px; box-sizing: border-box;">
| |
| <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>
| |
| <!-- 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 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>
| |
|
| |
|
| |
| <!-- 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: 1em;">
| |
| <!-- Toggle block -->
| |
| <div class="mw-collapsible-toggle" style="min-width: 140px; box-sizing: border-box;">
| |
| <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>
| |
| <!-- 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 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>
| |
|
| |
|
| |
| <!-- Tierische Werkstoffe -->
| |
| <div class="mw-collapsible mw-collapsed" style="display: flex; align-items: flex-start; flex-shrink: 0; box-sizing: border-box;">
| |
| <div class="mw-collapsible-toggle" style="flex: 0 0 auto; cursor: pointer;">
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em; min-width: 150px; text-align: center; margin-bottom: 1em; color: white;">
| |
| <h3 style="margin: 0;">Tierische Werkstoffe</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 style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Tierisch 1</h4></div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Tierisch 2</h4></div>
| |
| <div style="background-color: black; border-radius: 9999px; padding: 0.5em 1em; color: white;"><h4 style="margin: 0;">Sub-Tierisch 3</h4></div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div> | | </div> |
