.elementor-1078 .elementor-element.elementor-element-f341452{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.elementor-1078 .elementor-element.elementor-element-ab0c3c7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1078 .elementor-element.elementor-element-807e0b0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1078 .elementor-element.elementor-element-807e0b0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1078 .elementor-element.elementor-element-737d5eb.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-1078 .elementor-element.elementor-element-ab0c3c7{--width:100%;}.elementor-1078 .elementor-element.elementor-element-807e0b0{--width:100%;}}/* Start custom CSS *//* ================================================
   SYNNIO DASHBOARD - KOMPLETTER LAYOUT FIX
   Entfernt ALLE Abstände und Paddings
   ================================================ */

/* === 1. GLOBALE RESETS === */
body, html {
  margin: 0 !important;
  padding: 0 !important;
}

/* WordPress Admin Bar Offset entfernen */
body.admin-bar .synnio-sidebar {
  top: 0 !important;
}

/* === 2. ELEMENTOR CONTAINER RESETS === */
body .elementor-section,
body .elementor-container,
body .e-con,
body .e-container,
body .elementor-section-wrap {
  padding: 0 !important;
  margin: 0 !important;
}

/* Haupt-Container: Full Width ohne Abstände */
body .elementor-location-single .elementor-section-wrap,
body .elementor-location-single > .elementor {
  padding: 0 !important;
  margin: 0 !important;
}

/* Flex Container ohne Gaps */
.elementor .e-con-inner,
.elementor .e-con {
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === 3. WIDGET RESETS === */
/* Elementor Widget Container - KRITISCH! */
body .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* HTML Widget speziell */
body .elementor-widget-html .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Shortcode Widget */
body .elementor-widget-shortcode .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Alle Elementor Widgets */
body .elementor-widget {
  padding: 0 !important;
  margin: 0 !important;
}

/* === 4. SIDEBAR SPEZIFISCH === */
/* Sidebar Container ohne Abstände */
body .synnio-sidebar {
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  left: 0 !important;
}

/* Sidebar Brand Section - Internes Padding OK */
.synnio-brand {
  /* Dieses Padding BLEIBT für den Inhalt */
  padding: 24px !important;
}

/* === 5. DASHBOARD CONTENT === */
/* Dashboard Content korrekt positionieren */
body .ssd-main-content {
  margin: 0 !important;
  padding: 32px !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* === 6. ROW CONTAINER (Haupt-Layout) === */
/* Der äußere Container der Sidebar + Dashboard enthält */
body .elementor > .e-con,
body .elementor-section-wrap > .e-con {
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* === 7. COLUMN CONTAINERS === */
/* Linke Spalte (Sidebar Container) */
body .e-con > .e-con:first-child {
  padding: 0 !important;
  margin: 0 !important;
}

/* Rechte Spalte (Dashboard Container) */
body .e-con > .e-con:last-child {
  padding: 0 !important;
  margin: 0 !important;
}

/* === 8. THEME OVERRIDES === */
/* Falls dein Theme Standard-Paddings hat */
#page,
#content,
.site-content,
main {
  padding: 0 !important;
  margin: 0 !important;
}

/* Header/Footer Abstände entfernen (falls vorhanden) */
.site-header,
.site-footer {
  margin: 0 !important;
}

/* === 9. RESPONSIVE FIXES === */
@media (max-width: 768px) {
  body .ssd-main-content {
    padding: 20px !important;
  }
  
  /* Mobile: Sidebar kompakter */
  .synnio-brand {
    padding: 16px !important;
  }
}

@media (max-width: 480px) {
  body .ssd-main-content {
    padding: 16px !important;
  }
  
  .synnio-brand {
    padding: 12px !important;
  }
}

/* === 10. SPEZIFISCHE ELEMENTOR KLASSEN === */
/* Falls Elementor eigene IDs vergibt */
[data-elementor-type="wp-page"],
[data-elementor-type="single"] {
  padding: 0 !important;
  margin: 0 !important;
}

/* Elementor Section Inner */
.elementor-section-wrap > .elementor-section > .elementor-container {
  padding: 0 !important;
  margin: 0 !important;
}

/* === 11. LAST RESORT - NUCLEAR OPTION === */
/* Falls NICHTS funktioniert, aktiviere diese: */
/*
* {
  margin: 0 !important;
  padding: 0 !important;
}

body .ssd-main-content,
.synnio-brand,
.synnio-nav,
.synnio-user {
  padding: revert !important;
}
*//* End custom CSS */