#kontakt { scroll-margin-top: 158px !important;  }
#geschichte { scroll-margin-top: 120px !important;  }

.about-us-description { background: var(--color-green-light); }
.about-us-description h2 { color: black; font-size: 2rem; font-weight: var(--font-weight); margin-bottom: 1rem; }
.about-us-description .intro { display: flex; flex-wrap: wrap; padding-top: 5rem; padding-bottom: 6rem; }
.about-us-description .intro .intro-content { width: 65%; font-size: 1.35rem; }
.about-us-description .intro .intro-content .categories { display: flex; gap: 2rem; margin-top: 2rem; }
.about-us-description .intro .intro-content .categories > a { min-width: 8rem; text-align: center; }
.about-us-description .intro .intro-img { width: 35%; margin: auto; }
.about-us-description .intro .intro-img img { width: 13rem; height: auto; margin-left: auto; }

.srfm-input-email, .srfm-input-input, .srfm-input-textarea { background: #ffffff94  !important; }

.contact-page .contact { position: relative; margin-block: 2rem; }
.contact .contact-block { position: relative; width: 100%; display: flex; padding-top: 10rem; }
.contact .contact-block h2 { font-size: 2rem; font-weight: var(--font-weight); margin-bottom: 1rem; }
.contact .contact-block form { padding-block: 4rem; padding-bottom: 8rem; }
.contact .contact-block img { width: 6rem; position: absolute; right: 2.5rem; top: 0rem; }
.contact .background { position: absolute; z-index: 0; display: block; top: 0; left: 0; object-fit: cover; width: 100%; height: 67%; opacity: .2; user-select: none; pointer-events: none; }
.shipping-decorations { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; }
.shipping-decorations img { position: sticky; top: 10rem; left: 0; opacity: .3; width: 25rem; display: block; }
.page-description { display: flex; margin-top: 6rem; }
.page-description .content { width: 70%; }







@media screen and (max-width: 1146px) { 
	.toc .wh-toc-toggle-icon, #wh-toc-sticky-bar { display: block; }
	.page-description .toc { display: none; }
	.page-description .content { width: 100%; }
}



@media screen and (max-width: 1024px) {  
	.about-us-description .intro .intro-content, .about-us-description .intro .intro-img { width: 100%; }
	.about-us-description .intro .intro-img img { margin-left: unset; margin-inline: auto; padding-top: 2rem; }
}