<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   background-color: #FFFFFF;
}
header, header a {
   background-color: #FBF1CE;
   color: #000000;
   padding: 0.1rem 0;
   text-align: left;
   white-space: nowrap;
   font-size: clamp(2px, 5vw, 32px);
   max-width: 100%;
   padding: 10px 0;
   font-weight: bold;
   text-decoration: none;
}
.textschwarz, .textschwarz a {
   color: #000000;
   text-decoration: none;
}
nav {
   background: #288052;
   padding: 0.5rem;
   position: relative;
}
.burger {
   display: none;
   flex-direction: column;
   cursor: pointer;
}
.burger div {
   width: 25px;
   height: 3px;
   background: white;
   margin: 3px 0;
}
nav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
}
nav ul li {
   position: relative;
}
nav a {
   color: white;
   text-decoration: none;
   margin: 0 1rem;
   padding: 0.5rem 1rem;
   display: block;
}
nav a:hover, nav ul li:hover &gt; a {
   background-color: #555;
}
nav ul li ul {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   background: #288052;
   padding: 0;
   z-index: 1000;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
nav ul li:hover ul {
   display: block;
}
nav ul li ul li {
   width: 270px;
}
@media (max-width: 768px) {
   .burger {
       display: flex;
   }
   nav ul {
       flex-direction: column;
       display: none;
       width: 100%;
   }
   nav ul.active {
       display: flex;
   }
   nav ul li {
       width: 90%;
       position: relative;
   }
   nav ul li ul {
       display: none;
       position: relative;
       margin-left: 1rem;
   }
   nav ul li.open &gt; ul {
       display: block;
       margin-left: 1rem;
   }
   nav a {
       margin: 0;
       padding: 0.5rem 1rem;
       width: 100%;
   }
   .submenu-toggle {
       display: block;
       background: none;
       color: white;
       border: none;
       text-align: left;
       padding: 0.5rem 1rem;
       width: 100%;
       cursor: pointer;
   }
}
@media (min-width: 769px) {
   .submenu-toggle {
       display: none;
   }
   nav ul li ul {
       display: none;
       position: absolute;
       left: 0;
   }
   nav ul li:hover ul {
       display: block;
   }
}
main {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   row-gap: 3rem;
   column-gap: 3rem;
   padding: 2rem;
   justify-content: center;
   width: calc(100% - 6rem);
   max-width: calc(100% - 6rem);
}
section {
   background: white;
   padding: 1rem;
   width: 100%;
}


@media (max-width: 768px) {
   main {
       grid-template-columns: 1fr;
       gap: 1rem;
       row-gap: 2rem;
       padding: 1rem;
       justify-content: center;
       width: 100%;
       max-width: calc(100% - 4rem);
   }
   section {
       grid-column: 1;
   }
}</pre></body></html>