/** Autodienst Layout Alignment 1.0.1 */
/* Ausschließlich Einzugsgebiet (Seite 840): ein gemeinsames Außen- und Leserastersystem. */
body.page-id-840 {
  --adpb-content-max: 1200px;
  --adpb-gutter: clamp(20px, 4vw, 32px);
  --adpb-panel-rule: 4px;
  --adpb-text-inset: clamp(24px, 4vw, 32px);
}

/* Header und jede Inhaltssektion teilen dieselbe äußere Rasterkante. */
body.page-id-840 .elementor-23 .elementor-element.elementor-element-46bf65f8,
body.page-id-840 .elementor-840 > .elementor-top-section {
  padding-inline: var(--adpb-gutter) !important;
}

body.page-id-840 .elementor-23 .elementor-element.elementor-element-46bf65f8 > .elementor-container,
body.page-id-840 .elementor-840 > .elementor-top-section.elementor-section-boxed > .elementor-container {
  max-width: var(--adpb-content-max) !important;
}

/* Das sichtbare Logo beginnt an der Rasterkante; die bewährte Größe bleibt begrenzt. */
body.page-id-840 .elementor-23 .elementor-element.elementor-element-330de70d > .elementor-element-populated {
  padding-inline: 0 !important;
}

body.page-id-840 .elementor-23 .elementor-element.elementor-element-a610fb5 {
  width: 215px;
  max-width: 100%;
}

body.page-id-840 .elementor-23 .elementor-element.elementor-element-a610fb5 img {
  width: 100%;
  height: auto;
}

/* Hero und Summary: gleiche rote Linie und identische Lesekante. */
body.page-id-840 .elementor-840 .elementor-element.elementor-element-75c0dea5 > .elementor-element-populated,
body.page-id-840 .elementor-840 .elementor-element.elementor-element-1748d39b > .elementor-element-populated {
  border-left-width: var(--adpb-panel-rule) !important;
  padding-inline: var(--adpb-text-inset) !important;
}

/* Die Inhaltslisten und der untere CTA-Text folgen derselben Lesekante. */
body.page-id-840 .elementor-840 .elementor-element.elementor-element-2c9fcd3 > .elementor-element-populated,
body.page-id-840 .elementor-840 .elementor-element.elementor-element-3e692d32 > .elementor-element-populated,
body.page-id-840 .elementor-840 .elementor-element.elementor-element-3369c0ea > .elementor-element-populated,
body.page-id-840 .elementor-840 .elementor-element.elementor-element-3ae7f131 > .elementor-element-populated {
  padding-inline: calc(var(--adpb-panel-rule) + var(--adpb-text-inset)) !important;
}

/* Hero: ein durchgängiges dunkles Overlay über die gesamte Bildbreite.
   Die rote Akzentlinie und das Text-Raster der Spalte bleiben erhalten. */
body.page-id-840 .elementor-840 .elementor-element.elementor-element-2c28f278 > .elementor-background-overlay {
  inset: 0 !important;
  width: 100% !important;
  opacity: 0.72 !important;
}

body.page-id-840 .elementor-840 .elementor-element.elementor-element-75c0dea5 > .elementor-element-populated {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}