Materialarchiv

Materials

   <input type="checkbox" id="toggle1" style="display: none;">
   

     This is content for Gestein.

   <input type="checkbox" id="toggle2" style="display: none;">
   

     This is content for Holz.

   <input type="checkbox" id="toggle3" style="display: none;">
   

     This is content for Tierische Werkstoffe.

<style>

 .collapsible-box {
   border: 2px solid #000;
   border-radius: 12px;
   padding: 0;
   background-color: #111;
   color: white;
   font-family: sans-serif;
   overflow: hidden;
 }

 .collapsible-label {
   display: block;
   padding: 0.75em 1em;
   background-color: #222;
   cursor: pointer;
   font-weight: bold;
   border-radius: 12px 12px 0 0;
   transition: background-color 0.3s;
 }

 .collapsible-label:hover {
   background-color: #333;
 }

 .collapsible-content {
   display: none;
   padding: 1em;
   background-color: #1a1a1a;
   border-top: 1px solid #333;
   border-radius: 0 0 12px 12px;
 }

 input[type="checkbox"]:checked + .collapsible-label + .collapsible-content {
   display: block;
 }

</style>

Synthetic materials

Smoky Quartz

Smoky Quartz

Smoky Quartz

Smoky Quartz

Smoky Quartz