.elementor-496 .elementor-element.elementor-element-b33aaec{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-b33aaec:not(.elementor-motion-effects-element-type-background), .elementor-496 .elementor-element.elementor-element-b33aaec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-85e231b );}.elementor-496 .elementor-element.elementor-element-ae149e2 .elementor-heading-title{color:var( --e-global-color-4772fff );}.elementor-496 .elementor-element.elementor-element-33309fc{color:var( --e-global-color-4772fff );}.elementor-496 .elementor-element.elementor-element-8c3236e{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-8c3236e:not(.elementor-motion-effects-element-type-background), .elementor-496 .elementor-element.elementor-element-8c3236e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d82a287 );}.elementor-496 .elementor-element.elementor-element-d38439c{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-cd0bb39{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;}.elementor-496 .elementor-element.elementor-element-0824acd{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-c078f14{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-c9bfb16{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-a521d2e{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-a8e8108{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-6bce1e3{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-0ad61c9{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-0ad61c9:not(.elementor-motion-effects-element-type-background), .elementor-496 .elementor-element.elementor-element-0ad61c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d82a287 );}.elementor-496 .elementor-element.elementor-element-5fe7d8b{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-7966088{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;}.elementor-496 .elementor-element.elementor-element-9c0f9f2{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-bcc6033{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-86a4e10{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-86a4e10:not(.elementor-motion-effects-element-type-background), .elementor-496 .elementor-element.elementor-element-86a4e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-95533fe );}.elementor-496 .elementor-element.elementor-element-dba2c64.elementor-element{--align-self:flex-start;}.elementor-496 .elementor-element.elementor-element-dba2c64{border-style:solid;border-width:1px 1px 1px 1px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-496 .elementor-element.elementor-element-dba2c64 img{width:20vw;}.elementor-496 .elementor-element.elementor-element-5500959{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-89891b0{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-496 .elementor-element.elementor-element-5c37b39{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;}@media(max-width:767px){.elementor-496 .elementor-element.elementor-element-cd0bb39{--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-496 .elementor-element.elementor-element-7966088{--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-496 .elementor-element.elementor-element-5c37b39{--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;}}@media(min-width:768px){.elementor-496 .elementor-element.elementor-element-b33aaec{--content-width:1180px;}.elementor-496 .elementor-element.elementor-element-8c3236e{--content-width:1180px;}.elementor-496 .elementor-element.elementor-element-d38439c{--content-width:1180px;}.elementor-496 .elementor-element.elementor-element-0ad61c9{--content-width:1180px;}.elementor-496 .elementor-element.elementor-element-5fe7d8b{--content-width:1180px;}.elementor-496 .elementor-element.elementor-element-86a4e10{--content-width:1180px;}.elementor-496 .elementor-element.elementor-element-89891b0{--content-width:1180px;}}/* Start custom CSS *//* ==================================================================
   SEITE „UNTERRICHT“ – ALLGEMEIN

   Gilt nur innerhalb der Elementor-Seite 496. Header, Footer und
   andere Seiten werden nicht angesprochen.

   Farben werden hier nicht festgelegt. Hintergründe, Textfarben,
   Rahmenfarben und Buttonfarben kommen vollständig aus Elementor.
   Absätze, Listen und Hervorhebungen übernehmen die Farbe des
   jeweiligen Elementor-Text-Widgets.
   ================================================================== */

.elementor-496 .ml-main-page-section {
  position: relative;
  isolation: isolate;
}

.elementor-496 .elementor-widget-text-editor
  :where(p, li, strong) {
  color: inherit !important;
}

.elementor-496 .elementor-widget-text-editor p:last-child,
.elementor-496 .elementor-widget-text-editor li:last-child {
  margin-bottom: 0;
}


/* ==================================================================
   BLOCK 1 – EINSTIEG
   „Unterricht im BBBK MakerLAB“

   Nur zweispaltige Anordnung und Textbreiten. Hintergrund und Farben:
   - äußerer Container: Elementor → Stil
   - Überschrift:        Elementor → Stil → Textfarbe
   - Text-Widget:        Elementor → Stil → Textfarbe/Hintergrund
   ================================================================== */

.elementor-496 .ml-lessons-page__hero > .e-con-inner {
  display: grid !important;
  min-height: 0;
  grid-template-columns: minmax(17rem, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  column-gap: clamp(2.5rem, 7vw, 7rem);
}

.elementor-496 .ml-lessons-page__hero
  .elementor-heading-title {
  max-width: 12ch;
}

.elementor-496 .ml-lessons-page__hero
  .elementor-widget-text-editor {
  max-width: 62ch;
  padding: clamp(1.25rem, 3vw, 2rem);
}


/* ==================================================================
   BLOCK 2 – FEHLER ALS LERNPROZESS
   „Wie kann ich meine Idee technisch umsetzen?“

   Auf der Live-Seite besteht dieser Block nur aus Überschrift und
   Text. Die alten Regeln für eine vierteilige Prozessliste wurden
   entfernt, weil es hier keine entsprechende Liste gibt.
   ================================================================== */

.elementor-496 .ml-lessons-page__process
  > .e-con-inner
  > .elementor-widget-heading:first-child {
  max-width: 48rem;
}

.elementor-496 .ml-lessons-page__process
  > .e-con-inner
  > .elementor-widget-text-editor:last-child {
  max-width: 58rem;
  margin: 1rem 0 0 auto;
  padding: clamp(1.1rem, 2.5vw, 1.6rem);
}


/* ==================================================================
   BLOCK 3 – FACHBEREICHE
   Elektronik, Mikrocontroller und 3D-Druck

   Nur Kartenraster, Innenabstand und Rundung. Jede Kartenfarbe und
   jeder Rahmen wird am jeweiligen äußeren Karten-Container direkt
   in Elementor eingestellt.
   ================================================================== */

.elementor-496 .ml-lessons-page__disciplines
  > .e-con-inner
  > .e-con {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2.5vw, 1.7rem);
}

.elementor-496 .ml-lessons-page__disciplines
  > .e-con-inner
  > .e-con
  > .e-con {
  min-width: 0;
  padding: clamp(1.25rem, 2.6vw, 1.8rem);
  border-radius: 1.25rem;
}

/*
   Diese drei inneren Hilfs-Container liegen verschachtelt in den
   sichtbaren Karten. Sie bleiben transparent und erzeugen dadurch
   weder eine zweite Karte noch einen zweiten Rahmen.
*/
.elementor-496 .ml-lessons-page__disciplines
  .is-style-makerlab-card {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.elementor-496 .ml-lessons-page__disciplines li,
.elementor-496 .ml-lessons-page__autonomy li {
  margin-bottom: 0.5rem;
}


/* ==================================================================
   BLOCK 4 – VERKNÜPFUNG DER KOMPETENZEN
   „Aus einzelnen Kompetenzen werden vollständige Projekte.“

   Der alte festgelegte dunkle Hintergrund und die weißen Textfarben
   wurden entfernt. Container, Überschrift und Text sind nun direkt
   über Elementor färbbar.
   ================================================================== */

.elementor-496 .ml-lessons-page__integration
  .elementor-widget-text-editor {
  max-width: 68ch;
}


/* ==================================================================
   BLOCK 5 – SELBSTSTÄNDIGKEIT
   Textkarte und Kompetenzliste

   Nur zweispaltige Anordnung, Innenabstände und Rundung. Hintergrund,
   Text und Rahmen beider Karten werden in Elementor eingestellt.
   ================================================================== */

.elementor-496 .ml-lessons-page__autonomy
  > .e-con-inner
  > .e-con {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
  gap: clamp(1rem, 3vw, 2.25rem);
}

.elementor-496 .ml-lessons-page__autonomy
  > .e-con-inner
  > .e-con
  > .e-con {
  min-width: 0;
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 1.25rem;
}


/* ==================================================================
   BLOCK 6 – ARBEITSSICHERHEIT
   „Sicher arbeiten im MakerLAB“

   Das Häkchen ist eine CSS-Dekoration und übernimmt mit currentColor
   die in Elementor gewählte Textfarbe des äußeren Sicherheits-
   Containers. Hintergrund und weitere Textfarben kommen aus Elementor.
   ================================================================== */


.elementor-496 .ml-lessons-page__safety > .e-con-inner {
  padding-left: clamp(7rem, 13vw, 11rem);
}

.elementor-496 .ml-lessons-page__safety
  > .e-con-inner
  > .e-con {
  max-width: 62rem;
}


/* ==================================================================
   BLOCK 7 – ABSCHLUSS UND BUTTON
   „Technik verstehen & selbst gestalten.“

   Nur Raster und Platzierung des Buttons. Abschnitts-, Überschriften-,
   Text- und Buttonfarben inklusive Hover werden in Elementor gewählt.
   ================================================================== */

.elementor-496 .ml-lessons-page__cta > .e-con-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: clamp(2rem, 7vw, 6rem);
}

.elementor-496 .ml-lessons-page__cta
  > .e-con-inner
  > :not(.e-con) {
  grid-column: 1;
}

.elementor-496 .ml-lessons-page__cta
  > .e-con-inner
  > .e-con {
  grid-column: 2;
  grid-row: 1 / span 3;
}


/* ==================================================================
   RESPONSIVE – TABLET
   Gilt nur für die oben bezeichneten Unterrichtsblöcke.
   ================================================================== */

@media (max-width: 960px) {
  .elementor-496 .ml-lessons-page__hero > .e-con-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .elementor-496 .ml-lessons-page__hero
    .elementor-heading-title {
    max-width: none;
  }

  .elementor-496 .ml-lessons-page__disciplines
    > .e-con-inner
    > .e-con {
    grid-template-columns: minmax(0, 1fr);
  }

  .elementor-496 .ml-lessons-page__disciplines
    > .e-con-inner
    > .e-con
    > .e-con {
    min-height: 0;
  }
}


/* ==================================================================
   RESPONSIVE – SMARTPHONE
   Gilt nur für die oben bezeichneten Unterrichtsblöcke.
   ================================================================== */

@media (max-width: 680px) {
  .elementor-496 .ml-lessons-page__autonomy
    > .e-con-inner
    > .e-con,
  .elementor-496 .ml-lessons-page__cta > .e-con-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .elementor-496 .ml-lessons-page__safety::before {
    position: static;
    width: 4.25rem;
    margin: 0 0 1rem 1.25rem;
    transform: none;
  }

  .elementor-496 .ml-lessons-page__safety > .e-con-inner {
    padding-left: 1.25rem;
  }

  .elementor-496 .ml-lessons-page__cta
    > .e-con-inner
    > :not(.e-con),
  .elementor-496 .ml-lessons-page__cta
    > .e-con-inner
    > .e-con {
    grid-column: 1;
    grid-row: auto;
  }
}/* End custom CSS */