.elementor-kit-10{--e-global-color-primary:#0F1F39;--e-global-color-secondary:#273B6E;--e-global-color-text:#101626;--e-global-color-accent:#1C8A8F;--e-global-color-e09ef670:#136D71;--e-global-color-7192217a:#5A6480;--e-global-color-eed80f7b:#F3F7FA;--e-global-color-0c342488:#E0E3EE;--e-global-color-17f94d34:#FAFAFA;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.08em;--e-global-typography-primary-letter-spacing:-0.015em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.65em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.06em;color:#5A6480;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:#1C8A8F;}.elementor-kit-10 a:hover{color:#136D71;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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 *//* NV-FOOTER-REVEAL-ANFANG
   Der Footer liegt fest hinter der Seite und wird beim Herunterscrollen
   freigegeben. Nur ab Laptop-Breite und ausreichender Fensterhoehe, damit
   der Footer nie angeschnitten wird. Im Editor bleibt alles im Fluss. */
@media (min-width: 1025px) and (min-height: 680px) {
  body:not(.elementor-editor-active) > .elementor-location-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #0A1426;
  }
  body:not(.elementor-editor-active) > .elementor-location-footer > .e-con {
    width: 100%;
  }
  body:not(.elementor-editor-active) > .elementor:not(.elementor-location-footer):not(.elementor-location-header) {
    position: relative;
    z-index: 1;
    margin-bottom: 100vh;
    background-color: #FFFFFF;
    /* Die Unterkante der Seite ist die Kante, die beim Scrollen ueber den
       Footer wandert. Eine helle Haarlinie macht sie sichtbar. Halbdurchsichtig,
       damit sie auf dunklen Schlussabschnitten zeichnet und auf hellen
       verschwindet - dort traegt schon der Hell-Dunkel-Sprung die Kante.
       Kein Schatten, kein Weichzeichner: Tiefe entsteht ueber Farbe und Linie. */
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  }
  body:not(.elementor-editor-active) > .elementor-location-header {
    position: relative;
    z-index: 2;
    /* Der Header selbst ist durchsichtig; sein unterster Container (20px
       Zierstreifen) hat keine eigene Fuellung. Ohne Fond schimmert dort der
       fest dahinterliegende Footer durch - als dunkle Linie ganz oben auf
       der Seite. Deshalb bekommt der Header hier denselben weissen Fond,
       den die Seite darunter ohnehin traegt. Nur in diesem Modus: auf
       Mobil/Tablet liegt der Footer im Fluss, dort braucht es nichts. */
    background-color: #FFFFFF;
  }
}
/* NV-FOOTER-REVEAL-ENDE */

/* NV-BEWEGUNG-ANFANG
   Zwei Regeln aus dem Qualitaetsstandard fuer bewegte Seiten:
   nichts springt, und wer Bewegung abbestellt hat, bekommt keine. */

/* 1. Kein Zustandswechsel ohne Dauer. Bewusst nur die Eigenschaften, die
      sich beim Zeigen wirklich aendern - "all" wuerde auch Layoutwerte
      animieren und den Browser ohne Grund arbeiten lassen. */
a,
a .elementor-heading-title,
.elementor-button,
.elementor-icon,
.elementor-icon-list-item,
.elementor-icon-list-item > a {
  transition: color .25s ease, background-color .25s ease,
              border-color .25s ease, opacity .25s ease,
              transform .25s ease, fill .25s ease;
}

/* 2. Wer im Betriebssystem "Bewegung reduzieren" eingestellt hat, bekommt
      hier keine. Kein pauschales transform:none - das wuerde Elemente, die
      per transform positioniert sind, aus dem Layout schieben. Gekappt
      werden nur Dauer und Wiederholung. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  html { scroll-behavior: auto !important; }

  /* Die rotierende Ueberschrift wird von ihrem eigenen JavaScript getaktet.
     Ohne Animation wechselt sie die Woerter trotzdem weiter - dann eben
     hart, was schlimmer ist als vorher. Deshalb bleibt genau das erste
     Wort stehen und der blinkende Cursor verschwindet. */
  .elementor-headline-dynamic-wrapper { width: auto !important; }
  .elementor-headline-dynamic-text { display: none !important; visibility: hidden !important; }
  .elementor-headline-dynamic-text:first-child {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }
  .elementor-headline-dynamic-wrapper::after { display: none !important; }
}
/* NV-BEWEGUNG-ENDE *//* End custom CSS */