Test3: Unterschied zwischen den Versionen
Aus exmediawiki
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Theo (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
__NOTOC__ | __NOTOC__ | ||
<h2 style="border-bottom: 2px solid black; padding-bottom: | <h2 style="border-bottom: 2px solid black; padding-bottom: 0em;"> | ||
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: | Natural materials | ||
</h2> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;"> | |||
< | <!-- First collapsible item --> | ||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | |||
<div class="mw-collapsible-toggle"> | |||
</ | <span class="down"> | ||
<br> | |||
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;"> | |||
Holz | |||
</h5> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
</span> | |||
</div> | |||
<div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
<!-- First collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | |||
<span class="down"> | <div class="mw-collapsible-toggle"> | ||
<span class="down"> | |||
<br> | |||
</ | <h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;"> | ||
Holz | |||
</h5> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
</span> | |||
</div> | |||
<div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<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% - 1em); position: relative;"> | |||
<div class="mw-collapsible-toggle"> | |||
<span class="down"> | |||
<br> | |||
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;"> | |||
Holz | |||
</h5> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
</span> | |||
</div> | |||
<div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
<!-- First collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | |||
<div class="mw-collapsible-toggle"> | |||
<span class="down"> | |||
</ | <br> | ||
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;"> | |||
Tierische Werkstoffe | |||
</h5> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
</span> | |||
</div> | |||
<div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<h2 style="border-bottom: 2px solid black; padding-bottom: | |||
</div> | |||
<h2 style="border-bottom: 2px solid black; padding-bottom: 0em;"> | |||
Natural materials | |||
</h2> | |||
<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;"> | ||
<!-- First collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | |||
<div class="mw-collapsible-toggle"> | |||
<span class="down"> | |||
<br> | |||
</ | <h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;"> | ||
Gestein | |||
</h5> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz|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;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(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 calc(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 calc(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 calc(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 calc(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> | |||
<!-- First collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | |||
<div class="mw-collapsible-toggle"> | |||
<span class="down"> | |||
<br> | |||
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;"> | |||
Holz | |||
</h5> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
</span> | |||
</div> | |||
<div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
<!-- First collapsible item --> | |||
<div class="mw-collapsible mw-collapsed" style="flex: 0 0 calc(25% - 1em); position: relative;"> | |||
<div class="mw-collapsible-toggle"> | |||
<span class="down"> | |||
</ | <br> | ||
<h5 style="border-bottom: padding-bottom: 0.2em; font-size: 1.5em; text-align: left;"> | |||
Tierische Werkstoffe | |||
</h5> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
</span> | |||
</div> | |||
<div class="mw-collapsible-content" style="width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;"> | |||
<!-- Image Block Start --> | |||
<div style="flex: 0 0 calc(100%); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | |||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
<div style="flex: 0 0 calc(100% - 1em); text-align: center; margin-bottom: 0.5em;"> | |||
[[File:Test image1.jpg|200px|link=Smoky Quartz]] | |||
<div style="margin-top: 0.5em;">[[Smoky Quartz]]</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
</div> | |||
<!-- Content that follows the collapsible section --> | |||
<div style="width: 100%;"> | |||
</div> | </div> | ||
Version vom 20. Mai 2025, 13:54 Uhr
Natural materials
Natural materials