.elementor-1545 .elementor-element.elementor-element-be4868e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1545 .elementor-element.elementor-element-30a0de9{width:100%;max-width:100%;}/* Start custom CSS *//* --- Grundfarben für Dark Mode --- */
:root {
  --sf-bg: #020617;         /* sehr dunkles Blau/Schwarz */
  --sf-surface: #020617;    /* Standard-Flächen */
  --sf-text: #e5e7eb;       /* heller Text */
  --sf-heading: #f9fafb;    /* Überschriften */
}

/* Gesamte Seite dunkel machen */
html, body {
  background-color: var(--sf-bg) !important;
  color: var(--sf-text) !important;
}

/* Standard-Container vom Theme durchsichtig / dunkel */
.site,
.site-main,
.page,
#page,
#content,
.elementor-section-wrap {
  background-color: transparent !important;
}

/* Elementor-Sektionen standardmäßig ohne weissen Hintergrund */
.elementor-section {
  background-color: transparent;
}

/* Textfarben global anpassen */
body, p, li {
  color: var(--sf-text);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--sf-heading);
}

/* Header + Footer vom Theme abdunkeln, wenn sie noch hell sind */
.site-header,
.site-footer,
.elementor-location-header,
.elementor-location-footer {
  background-color: #020617 !important;
  color: var(--sf-text) !important;
}

/* Links im Dark Mode */
a {
  color: #38bdf8; /* Cyan/Blau */
}

a:hover {
  color: #7dd3fc;
}

/* Standard-Karten/Boxen leicht abheben */
.card,
.widget,
.elementor-widget-container {
  /* nur wenn sie aktuell weiss sind – ggf. anpassen/löschen */
  /* background-color: #020617; */
}

/* Chrome, Edge, Safari */
body::-webkit-scrollbar{
  width: 0px;
  height: 0px;
}

/* Firefox */
html{
  scrollbar-width: none;
}/* End custom CSS */