.elementor-69 .elementor-element.elementor-element-4b242251 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-69 .elementor-element.elementor-element-4b242251{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-69 .elementor-element.elementor-element-4b242251 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-69 .elementor-element.elementor-element-4b242251{padding:24px 24px 24px 24px;z-index:999;}}@media(max-width:767px){.elementor-69 .elementor-element.elementor-element-4b242251{padding:20px 20px 20px 20px;}}/* Start custom CSS for section, class: .elementor-element-4b242251 *//* Header transparent machen, aber Inhalte (Logo, Menü) behalten */
header, .site-header, #masthead {
  background-color: transparent !important; /* nur Hintergrund entfernen */
  position: absolute;
  top: 20;
  left: 0;
  width: 100%;
  z-index: 999;
}

/* Menü-Links und Logo sichtbar lassen */
header a, 
.site-header a,
header .menu a {
  color: #ffffff !important; /* Farbe anpassen: z. B. weiß für dunkle Hintergründe */
}

/* Optional: Hover-Effekt */
header .menu a:hover {
  color: #ffcc00 !important; /* Beispiel: goldener Hover-Farbton */
}/* End custom CSS */