.elementor-1565 .elementor-element.elementor-element-51d17a06{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1565 .elementor-element.elementor-element-51d17a06:not(.elementor-motion-effects-element-type-background), .elementor-1565 .elementor-element.elementor-element-51d17a06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://ebrain.events/wp-content/uploads/2026/09/check-hero.jpg");}.elementor-1565 .elementor-element.elementor-element-41e28bc7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-51d17a06 *//* AI-Effizienz-Check, Intro-Hero.
   Foto pur, keine Verlaeufe, kein Farb-Overlay.
   Das Bild liegt direkt auf der Sektion, weil ein Hintergrundbild
   am Elementor-Container unsichtbar bleibt: .ebq erbt eine weisse
   Grundflaeche aus dem body-Style des Quiz und deckt sie ab.

   Einfuegen: Intro-Container waehlen > Erweitert > Custom CSS,
   danach Publish. Das Bild am Container kann entfernt werden. */

.ebq #screen-intro .section.bg-violet{
  background-color:#0B0518!important;
  background-image:
    url("https://ebrain.events/wp-content/uploads/2026/09/check-hero.jpg")!important;
  background-size:cover!important;
  background-position:center right!important;
  background-repeat:no-repeat!important;
  /* Gleichmaessige Abdunklung, kein Verlauf und kein Farbstich.
     Haelt den weissen Text ueber dem hellen Bokeh lesbar.
     Wer das Foto ganz unbehandelt will, loescht diese Zeile. */
  box-shadow:inset 0 0 0 100vmax rgba(9,6,16,.52)!important;
}

@media(max-width:900px){
  .ebq #screen-intro .section.bg-violet{
    background-position:74% center!important;
  }
}

/* Die Welle unter dem Hero schneidet ins Foto, wie auf den anderen
   eBrain-Seiten. Die Sektion bekommt die Wellenhoehe als Fussraum,
   die Welle wird darueber gezogen und verliert ihre Fuellflaeche. */
.ebq #screen-intro .section.bg-violet{
  padding-bottom:224px!important;
}
.ebq #screen-intro .section.bg-violet + .ebw{
  margin-top:-141px!important;
  position:relative!important;
  z-index:3!important;
  background:transparent!important;
}

@media(max-width:720px){
  .ebq #screen-intro .section.bg-violet{ padding-bottom:114px!important; }
  .ebq #screen-intro .section.bg-violet + .ebw{ margin-top:-63px!important; }
}/* End custom CSS */