.elementor-kit-443{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F7F9F8;}.elementor-kit-443 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Story-Sektion: auf großen Bildschirmen so hoch wie der Viewport,
   damit die Leitung/Video-Sektion unten verschwindet */
@media (min-width: 1440px) {
  #geschichte-section {
    min-height: 80vh;           /* nimmt die gesamte Bildschirmhöhe ein */
    display: flex;
    align-items: center;         /* Text vertikal schön zentrieren */
  }
}

/* Auf sehr großen Screens noch etwas mehr „Luft“ nach unten geben,
   falls du möchtest */
@media (min-width: 1980px) {
  #geschichte-section {
    min-height: 85vh;
  }
}/* Standard bleibt wie bisher – nur am Handy greifen wir ein */
@media (max-width: 767px) {
  .bz-mobile-section {
    max-width: 100%;
    width: 100%;
    padding: 2rem 1.4rem;      /* oben/unten, links/rechts */
    margin: 0 auto;
  }

  .bz-mobile-section h1,
  .bz-mobile-section h2,
  .bz-mobile-section h3 {
    font-size: 1.6rem;         /* größere mobile Überschrift */
    line-height: 1.3;
    text-align: left;          /* oder center, falls du willst */
    margin-bottom: 1.2rem;
  }

  .bz-mobile-section p {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1rem;
  }

  /* Falls da mehrere Spalten / Container drin sind: untereinander stapeln */
  .bz-mobile-section .elementor-container,
  .bz-mobile-section .e-con {
    flex-direction: column;
    gap: 1.4rem;
  }/* End custom CSS */