/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 * `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.entry-title {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Ankersprung unter die mitlaufende Kopfzeile

   Seit der Kopf sticky ist, landete jeder Sprung aus dem Menue
   (#uberuns, #ablauf, #faq) so, dass der Seitenanfang HINTER dem Kopf lag:
   die Ueberschrift "About ANALYSIT" war zur Haelfte verdeckt.

   scroll-padding-top auf dem Scroll-Container ist dafuer das vorgesehene
   Mittel. Es wirkt auf JEDEN Sprung - Menuelinks, Sprungmarken im Text und
   die Wiederherstellung beim Zurueckblaettern - und braucht kein
   JavaScript und keine Regel je Abschnitt. scroll-margin-top an den
   Zielen einzeln waere die Alternative gewesen und haette vergessen
   werden koennen, sobald jemand einen neuen Abschnitt anlegt.

   Der Wert ist Kopfhoehe plus etwas Luft. Der Kopf traegt 20px Polsterung
   oben und unten plus Logo, macht rund 70px; unter 1024px schrumpft die
   Polsterung auf 10px. Wer den Kopf umbaut, aendert hier die Variable und
   sonst nichts.

   NACHTRAG 13.09.2026: das reichte nicht. Elementor scrollt Menue-Anker
   selbst per jQuery-Animation, und eine Animation wertet weder
   scroll-padding noch scroll-margin aus - beide wirken nur bei nativen
   Spruengen. Die eigentliche Arbeit macht deshalb assets/js/anker.js, das
   den Klick vor Elementor abfaengt und um die gemessene Kopfhoehe versetzt
   scrollt. Die Regeln hier bleiben als Netz fuer alles, was nativ springt:
   Tastatur-Navigation, Scroll-Wiederherstellung beim Zurueckblaettern und
   den Fall, dass JavaScript nicht laedt.
   -------------------------------------------------------------------------- */
:root {
  --anker-abstand: 100px;
}

@media (max-width: 1024px) {
  :root {
    --anker-abstand: 84px;
  }
}

html {
  scroll-padding-top: var(--anker-abstand);
}

/* Falls der Scroll-Container nicht das Wurzelelement ist, greift
   scroll-padding oben nicht. scroll-margin am Ziel wirkt unabhaengig davon. */
[id]:not(html):not(body) {
  scroll-margin-top: var(--anker-abstand);
}

/* --------------------------------------------------------------------------
   FAQ-Kaesten ueberall so breit wie auf der Startseite

   Gemessen am 13.09.2026 (Startseite gegen Unterseiten):

                        Desktop 1440   Mobil 430
     Startseite             644 px       390 px
     Unterseiten            494 px       350 px

   Der Grund ist nicht die FAQ selbst. Polsterung (64px / 20px), Innenbreite
   (min(100%, 1440px) / min(100%, 767px)) und Spaltenabstand (24px) stimmen
   auf beiden Seiten schon ueberein. Der Unterschied liegt eine Ebene
   darueber: auf der Startseite ist der FAQ-Abschnitt ein Abschnitt erster
   Ordnung und damit so breit wie das Fenster. Auf den Unterseiten steckt der
   ganze Seiteninhalt in einer Huelle mit max-width: 1140px, und die FAQ erbt
   diese Fesselung.

   Die Huelle zu verbreitern kam nicht in Frage - sie traegt den kompletten
   Seiteninhalt, nicht nur die FAQ. Also bricht der FAQ-Abschnitt aus ihr
   aus: volle Fensterbreite, zentriert per negativer Aussenabstaende. Alles
   Weitere (Polsterung, Innenbreite, Abstand) bleibt unangetastet, weil es
   bereits passt.

   100vw taugt dafuer nicht, es zaehlt den Rollbalken mit und der Abschnitt
   stuende rund 15px ueber. assets/js/rollbalken.js misst ihn und legt ihn
   als --rollbalken ab; ohne JavaScript faellt die Rechnung auf 0px zurueck
   und der Abschnitt ist um die Rollbalkenbreite zu breit - sichtbar, aber
   harmlos, weil html und body overflow-x: clip tragen.

   Betroffene Abschnitte: /produkt/ und /en/product/ teilen j1000090 (die
   englische Seite ist eine Strukturkopie), /anwendungsfaelle/ nutzt
   fq8a0010, /en/use-cases/ nutzt u5000090.
   -------------------------------------------------------------------------- */
.elementor-element-j1000090,
.elementor-element-fq8a0010,
.elementor-element-u5000090 {
  --sichtbreite: calc(100vw - var(--rollbalken, 0px));

  width: var(--sichtbreite) !important;
  max-width: var(--sichtbreite) !important;
  margin-left: calc(50% - var(--sichtbreite) / 2) !important;
  margin-right: calc(50% - var(--sichtbreite) / 2) !important;
}

/* --------------------------------------------------------------------------
   Weisse Schrift auf dem hellen Blau lesbar machen

   Gemessen am 14.09.2026 auf allen zwoelf Seiten: es gab genau EINE
   Kontrastschwaeche auf der ganzen Website, dafuer ueberall - weisse Schrift
   auf #049AED erreicht 3.07:1. WCAG 2.1 AA verlangt 4.5:1 fuer Fliesstext.
   Betroffen war der blaue Kasten auf beiden Startseiten, die Stapelkarten,
   das blaue Band der Fusszeile und der aktive Zustand im Mobilmenue -
   alles dieselbe Farbe, ueberall mit weisser Schrift.

   Drei Wege standen zur Wahl:

     a) Schrift dunkel setzen (#262630 auf #049AED = 4.88:1). Haette das
        Erscheinungsbild am staerksten veraendert: aus hellen Flaechen mit
        weisser Schrift werden Flaechen mit dunkler Schrift.
     b) Auf das dunkle Markenblau #014CB1 wechseln (7.87:1). Sicher, aber
        aus dem hellen Blau wird Marineblau - eine andere Anmutung.
     c) Dasselbe Blau nur so weit abdunkeln, bis es reicht.

   Gewaehlt ist c). #0378B8 hat denselben Farbton (201 Grad) und dieselbe
   Saettigung (97%) wie #049AED, nur 10 Prozentpunkte weniger Helligkeit,
   und kommt damit auf 4.79:1 - knapp ueber der Schwelle, mit Reserve.
   Nebeneinander gestellt ist der Unterschied kaum zu sehen, die Schrift
   darauf aber deutlich ruhiger.

   Die Farbe kommt aus zwei Quellen, deshalb zwei Regeln:

     1. Als Kit-Variable --e-global-color-secondary (post-7.css). Daran
        haengen 14 Flaechen: Fusszeile, Stapelkarten, Mobilmenue und vier
        Abschnitte der Startseite. Eine Zeile erledigt alle.
     2. Fest verdrahtet auf dem Element 6f97425 - dem grossen blauen Kasten,
        der auf beiden Startseiten (1808 und 1431) dieselbe Kennung traegt.
        Diese Regel kennt die Variable nicht und braucht ihre eigene.

   Warum hier und nicht im Elementor-Kit: eine Aenderung im Kit schreibt in
   _elementor_data und zieht alle vier Zwischenspeicher nach sich; hier ist
   es eine Zeile, sofort sichtbar und in einer Minute zurueckgenommen.
   Wer die Farbe spaeter im Kit selbst aendert, loescht diesen Block.
   -------------------------------------------------------------------------- */
.elementor-kit-7 {
  --e-global-color-secondary: #0378B8 !important;
}

.elementor-element-6f97425:not(.elementor-motion-effects-element-type-background),
.elementor-element-6f97425 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #0378B8 !important;
}