|
|
| (17 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| __NOTOC__ | | __NOTOC__ |
|
| |
|
| <h2 style="border-bottom: 2px solid black; padding-bottom: 0; margin: 0 0 0.5em 0;">Natural materials</h2> | | |
| <div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px;"> | | <h2 style="border-bottom: 2px solid black; padding-bottom: 0em;"> |
| <!-- Gestein -->
| | Materials |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| | </h2> |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
| | <br> |
| <span class="down">
| | <h3>Natural materials</h3> |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Gestein</h5>
| | |
| [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
| | <div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;"> |
| </span>
| | |
| </div>
| | <!-- First collapsible item --> |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;"> |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| | <div class="mw-collapsible-toggle"> |
| <div style="display: inline-block;">
| | <span class="down"> |
| [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
| | <h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;"> |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| | Holz |
| </div>
| | </h5> |
| </div>
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz]] |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| | </span> |
| <div style="display: inline-block;">
| |
| [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| |
| <div style="display: inline-block;">
| |
| [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| |
| <div style="display: inline-block;">
| |
| [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| |
| <div style="display: inline-block;">
| |
| [[File:Test image1.jpg|200px|link=Smoky Quartz|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div>
| |
| </div>
| |
| </div>
| |
| </div> | |
| </div> | | </div> |
| <!-- Holz -->
| | <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;"> |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | | <div style="width: 100%; height: 15px;"> |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;"> | | </div> |
| <span class="down">
| | |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Holz</h5>
| | <!-- Image Block Start --> |
| [[File:Test image2.jpg|200px|link=Wood|style=max-width:100%;height:auto;]]
| | |
| </span>
| | <div> |
| </div>
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| | </div> |
| <div style="display: inline-block;">
| | <div> |
| [[File:Test image2.jpg|200px|link=Wood|style=max-width:100%;height:auto;]]
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| <div style="margin-top: 0.5em;">[[Wood]]</div>
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| </div>
| | </div> |
| </div>
| | <div> |
| <!-- Add more image blocks as needed -->
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| </div> | | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <!-- First collapsible item --> |
| | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;"> |
| | <div class="mw-collapsible-toggle"> |
| | <span class="down"> |
| | <h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;"> |
| | Holz |
| | </h5> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz]] |
| | </span> |
| </div> | | </div> |
| <!-- Tierische Werkstoffe -->
| | <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;"> |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | | <div style="width: 100%; height: 15px;"> |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;"> | | </div> |
| <span class="down">
| | |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Tierische Werkstoffe</h5>
| | <!-- Image Block Start --> |
| [[File:Test image3.jpg|200px|link=Leather|style=max-width:100%;height:auto;]]
| | |
| </span>
| | <div> |
| </div>
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| | </div> |
| <div style="display: inline-block;">
| | <div> |
| [[File:Test image3.jpg|200px|link=Leather|style=max-width:100%;height:auto;]]
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| <div style="margin-top: 0.5em;">[[Leather]]</div>
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| </div>
| | </div> |
| </div>
| | <div> |
| <!-- Add more image blocks as needed -->
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| </div> | | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <!-- First collapsible item --> |
| | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;"> |
| | <div class="mw-collapsible-toggle"> |
| | <span class="down"> |
| | <h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;"> |
| | Holz |
| | </h5> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz]] |
| | </span> |
| </div> | | </div> |
| <!-- Fourth Column (Placeholder) -->
| | <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;"> |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | | <div style="width: 100%; height: 15px;"> |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;"> | | </div> |
| <span class="down">
| | |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Pflanzliche Werkstoffe</h5>
| | <!-- Image Block Start --> |
| [[File:Test image4.jpg|200px|link=Cotton|style=max-width:100%;height:auto;]]
| | |
| </span>
| | <div> |
| </div>
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| | </div> |
| <div style="display: inline-block;">
| | <div> |
| [[File:Test image4.jpg|200px|link=Cotton|style=max-width:100%;height:auto;]]
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| <div style="margin-top: 0.5em;">[[Cotton]]</div>
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| </div>
| | </div> |
| </div>
| | <div> |
| <!-- Add more image blocks as needed -->
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| </div> | | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <!-- First collapsible item --> |
| | <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 0.1em); position: relative;"> |
| | <div class="mw-collapsible-toggle"> |
| | <span class="down"> |
| | <h5 style="border-bottom: padding-bottom: 1em; font-size: 1.5em;"> |
| | Holz |
| | </h5> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz]] |
| | </span> |
| </div> | | </div> |
| | <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start;"> |
| | <div style="width: 100%; height: 15px;"> |
| | </div> |
| | |
| | <!-- Image Block Start --> |
| | |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | <div> |
| | [[File:Test image1.jpg|300px|left|link=Smoky Quartz|style=max-width:100%;]] |
| | <div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | |
| </div> | | </div> |
|
| |
|
| <h2 style="border-bottom: 2px solid black; padding-bottom: 0; margin: 0 0 0.5em 0;">Synthetic materials</h2>
| | <!-- Content that follows the collapsible section --> |
| <div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px;">
| | <div style="width: 100%;"> |
| <!-- Kunststoff -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
| |
| <span class="down">
| |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Kunststoff</h5>
| |
| [[File:Test image5.jpg|200px|link=Plastic|style=max-width:100%;height:auto;]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| |
| <div style="display: inline-block;">
| |
| [[File:Test image5.jpg|200px|link=Plastic|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Plastic]]</div>
| |
| </div>
| |
| </div>
| |
| <!-- Add more image blocks as needed -->
| |
| </div>
| |
| </div>
| |
| <!-- Metall -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
| |
| <span class="down">
| |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Metall</h5>
| |
| [[File:Test image6.jpg|200px|link=Metal|style=max-width:100%;height:auto;]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| |
| <div style="display: inline-block;">
| |
| [[File:Test image6.jpg|200px|link=Metal|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Metal]]</div>
| |
| </div>
| |
| </div>
| |
| <!-- Add more image blocks as needed -->
| |
| </div>
| |
| </div>
| |
| <!-- Keramik -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
| |
| <span class="down">
| |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Keramik</h5>
| |
| [[File:Test image7.jpg|200px|link=Ceramic|style=max-width:100%;height:auto;]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| |
| <div style="display: inline-block;">
| |
| [[File:Test image7.jpg|200px|link=Ceramic|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Ceramic]]</div>
| |
| </div>
| |
| </div>
| |
| <!-- Add more image blocks as needed -->
| |
| </div>
| |
| </div>
| |
| <!-- Glas -->
| |
| <div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;">
| |
| <div class="mw-collapsible-toggle" style="text-align: left; width: 100%; padding: 0;">
| |
| <span class="down">
| |
| <h5 style="border-bottom: 2px solid black; padding-bottom: 0.2em; font-size: 1.5em; margin: 0;">Glas</h5>
| |
| [[File:Test image8.jpg|200px|link=Glass|style=max-width:100%;height:auto;]]
| |
| </span>
| |
| </div>
| |
| <div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;">
| |
| <div style="flex: 0 0 100%; text-align: center; margin-bottom: 0.5em;">
| |
| <div style="display: inline-block;">
| |
| [[File:Test image8.jpg|200px|link=Glass|style=max-width:100%;height:auto;]]
| |
| <div style="margin-top: 0.5em;">[[Glass]]</div>
| |
| </div>
| |
| </div>
| |
| <!-- Add more image blocks as needed -->
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |