.elementor-25813 .elementor-element.elementor-element-4207995c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-4207995c:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-4207995c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1EF;}.elementor-25813 .elementor-element.elementor-element-3884dcea{--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:22px 0px;--row-gap:22px;--column-gap:0px;--padding-top:120px;--padding-bottom:110px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-3884dcea:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-3884dcea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A46;background-image:url("https://eckd.de/wp-content/uploads/hero-kfmx-2400.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25813 .elementor-element.elementor-element-3eb934d8{--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:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;--padding-top:14px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25813 .elementor-element.elementor-element-7a5ad895{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-7a5ad895:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-7a5ad895 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25813 .elementor-element.elementor-element-576e76cd{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-576e76cd:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-576e76cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25813 .elementor-element.elementor-element-1eefd9b8{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-1eefd9b8:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-1eefd9b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25813 .elementor-element.elementor-element-3212f6a1{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-3212f6a1:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-3212f6a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1EF;}.elementor-25813 .elementor-element.elementor-element-32ac7e01{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-32ac7e01:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-32ac7e01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25813 .elementor-element.elementor-element-5aa863e8{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-5aa863e8:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-5aa863e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1EF;}.elementor-25813 .elementor-element.elementor-element-5aa863e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25813 .elementor-element.elementor-element-1e260d60{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-1e260d60:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-1e260d60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25813 .elementor-element.elementor-element-79cb1fb{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-79cb1fb:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-79cb1fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1EF;}.elementor-25813 .elementor-element.elementor-element-5126887b{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-5126887b:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-5126887b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A46;}.elementor-25813 .elementor-element.elementor-element-876fbb9{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-876fbb9:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-876fbb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1EF;}.elementor-25813 .elementor-element.elementor-element-345b80a4{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-345b80a4:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-345b80a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A46;}.elementor-25813 .elementor-element.elementor-element-31a47a69{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-31a47a69:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-31a47a69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25813 .elementor-element.elementor-element-6eaf304{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-6eaf304:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-6eaf304 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1EF;}.elementor-25813 .elementor-element.elementor-element-4503423d{--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:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-4503423d:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-4503423d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-25813 .elementor-element.elementor-element-27b3d8fe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:40px 60px;--row-gap:40px;--column-gap:60px;--flex-wrap:wrap;--padding-top:96px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-25813 .elementor-element.elementor-element-27b3d8fe:not(.elementor-motion-effects-element-type-background), .elementor-25813 .elementor-element.elementor-element-27b3d8fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1EF;}.elementor-25813 .elementor-element.elementor-element-19372344{--display:flex;--width:46%;--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:14px 0px;--row-gap:14px;--column-gap:0px;}.elementor-25813 .elementor-element.elementor-element-1af3a0a2{--display:flex;--width:46%;--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:14px 0px;--row-gap:14px;--column-gap:0px;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:14px;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-14px;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-field-type-html{padding-bottom:0px;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-button[type="submit"]{color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-25813 .elementor-element.elementor-element-42231c47{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1020px){.elementor-25813 .elementor-element.elementor-element-19372344{--width:100%;}.elementor-25813 .elementor-element.elementor-element-1af3a0a2{--width:100%;}}@media(min-width:779px){.elementor-25813 .elementor-element.elementor-element-4207995c{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-3884dcea{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-7a5ad895{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-576e76cd{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-1eefd9b8{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-3212f6a1{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-32ac7e01{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-5aa863e8{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-1e260d60{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-79cb1fb{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-5126887b{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-876fbb9{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-345b80a4{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-31a47a69{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-6eaf304{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-4503423d{--content-width:1180px;}.elementor-25813 .elementor-element.elementor-element-27b3d8fe{--content-width:1180px;}}@media(max-width:778px){.elementor-25813 .elementor-element.elementor-element-3884dcea{--padding-top:80px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-576e76cd{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-1eefd9b8{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-3212f6a1{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-32ac7e01{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-5aa863e8{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-1e260d60{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-79cb1fb{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-5126887b{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-876fbb9{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-345b80a4{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-31a47a69{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-6eaf304{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-4503423d{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-27b3d8fe{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-25813 .elementor-element.elementor-element-19372344{--width:100%;}.elementor-25813 .elementor-element.elementor-element-1af3a0a2{--width:100%;}}/* Start custom CSS *//* ==========================================================================
   ITM.KFM X  -  Landingpage Stylesheet
   Seite 519 | ECKD GmbH | Prototyp auf demo.joerg-berger.com

   AUFBAU
     01  Grundlagen und Farbwerte
     02  Textbausteine (Augenbraue, Ueberschriften, Einleitung)
     03  Buttons
     04  Hero
     05  Faktenleiste
     06  Kartenraster
     07  Vergleich zweier Wege
     08  Kennzahlen
     09  Zweierblock mit Icon
     10  Funktionsmatrix
     11  Zitat mit Portrait
     12  Kontaktangaben
     13  Platzhalter und Randnotiz
     14  Absicherung gegen Theme-Vorgaben
     15  Sprungnavigation
     16  Haeufige Fragen
     17  Einblendungen beim Scrollen
     18  Screenshots
     19  Phasenmodell
     20  Ablaufkette
     21  Neue Bausteine (Ueberarbeitung Fachbereich)
     22  Ergaenzungen aus dem Fachbereichs-Feedback
     23  Kontaktformular (Elementor-Pro-Widget)

   PORTABILITAET
     Alle Regeln haengen an .elementor - dem Wrapper, den jede
     Elementor-Seite traegt - nicht an der Beitrags-ID. Dadurch laesst
     sich die Seite ohne Anpassung in eine andere Installation ueber-
     nehmen. Die Datei wird ohnehin nur auf dieser Seite geladen.

   PORTABILITAET DER CONTAINER
     Container werden ueber ihre CSS-ID angesprochen (#hero, #sprungnav),
     nicht ueber Elementors interne Element-ID. Beim Import in eine andere
     Installation vergibt Elementor die internen IDs neu - CSS-IDs bleiben.

   KONVENTIONEN
     - Alle eigenen Klassen beginnen mit  k-
     - Die Endung  -lt  steht fuer "light": helle Schrift auf dunklem Grund
     - Element-IDs (.elementor-element-*) werden nur dort verwendet, wo
       Elementor keine eigene Klasse ausgibt, also bei Sektions-Containern
   ========================================================================== */


/* ==========================================================================
   01  GRUNDLAGEN UND FARBWERTE
   ========================================================================== */

.elementor{
  /* Markenfarbe. Auf hellem Grund Schriftfarbe, auf dunklem nur Flaeche. */
  --mag:#9E1981;

  /* Dunkle Flaechen */
  --navy:#0A1A46;
  --navy-deep:#061031;
  --navy-mid:#142C6E;

  /* Schrift auf hellem Grund */
  --ink:#495057;    /* Ueberschriften, betonter Text */
  --body:#5C6268;   /* Fliesstext */
  --mid:#63686E;    /* Bezeichnungen, Nebeninformationen */

  /* Schrift auf dunklem Grund */
  --on-dark:#D5DCEA;       /* Fliesstext */
  --on-dark-mute:#AFBBD2;  /* Bezeichnungen */

  /* Flaechen und Linien */
  --bg:#F1F1EF;
  --line:#DBDCDD;

  /* Haken in der Funktionsmatrix */
  --check:#1E8E3E;

  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}

.elementor p,
.elementor li,
.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor input,
.elementor select,
.elementor textarea,
.elementor button,
.elementor a,
.elementor .elementor-button{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;}

.elementor p{color:var(--body);line-height:1.7;}


/* ==========================================================================
   02  TEXTBAUSTEINE
   Liegen als CSS-Klasse am jeweiligen Elementor-Widget.
   ========================================================================== */

/* Augenbraue: kleine Zeile ueber der Ueberschrift */
.elementor .k-eyebrow .elementor-heading-title{
  font-size:12px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mag);
}
.elementor .k-eyebrow-lt .elementor-heading-title{color:var(--on-dark-mute);}

/* Seitentitel im Hero */
.elementor .k-h1 .elementor-heading-title{
  /* Muss die groesste Schrift der Seite sein. Zum Vergleich:
     Ziffern der Prinzipien 52px, Kennzahlen 46px, H2 max 40px. */
  font-size:clamp(36px,4.9vw,62px);font-weight:400;line-height:1.12;
  letter-spacing:-.02em;color:#FFFFFF;max-width:900px;
}
.elementor .k-h1 .elementor-heading-title strong{font-weight:800;color:#FFFFFF;}

/* Sektionsueberschrift */
.elementor .k-h2 .elementor-heading-title{
  font-size:clamp(26px,3vw,40px);font-weight:300;line-height:1.22;
  letter-spacing:-.01em;color:var(--ink);max-width:1080px;
  /* 1080px statt 900: Inter laeuft breiter als die frueher genutzte
     Schrift, lange Zeilen brachen sonst eine Zeile zu frueh um. */
}
.elementor .k-h2 .elementor-heading-title strong{font-weight:800;color:var(--mag);}
.elementor .k-h2-lt .elementor-heading-title{color:#FFFFFF;}
.elementor .k-h2-lt .elementor-heading-title strong{color:#FFFFFF;}

/* Einleitungstext unter der Ueberschrift */
.elementor .k-lead p{font-size:17px;line-height:1.75;max-width:700px;}
.elementor .k-lead-lt p{color:var(--on-dark);}

/* Gesteuerter Zeilenumbruch in langen Ueberschriften, mobil ausgeblendet */
.elementor .k-br{display:inline;}
@media(max-width:767px){.elementor .k-br{display:none;}}

/* ==========================================================================
   03  BUTTONS
   ========================================================================== */

.elementor .k-btn .elementor-button{
  font-size:14px;font-weight:700;padding:15px 30px;
  border-radius:3px;border:0;background:var(--mag);color:#FFFFFF;
  transition:background .2s,border-color .2s,filter .2s;
}
.elementor .k-btn .elementor-button:hover{filter:brightness(1.18);}

.elementor .k-btn-ghost .elementor-button{
  background:transparent;border:1px solid rgba(255,255,255,.45);
}
.elementor .k-btn-ghost .elementor-button:hover{
  background:rgba(255,255,255,.12);border-color:#FFFFFF;filter:none;
}

/* --------------------------------------------------------------------------
   THEME-FESTE BUTTONS
   The7 setzt  a.elementor-button:visited  (0,2,1) mit border-width:0 und
   eigener Schriftstaerke. Die Regeln hier hebeln das aus, indem sie das
   Element  a  mitfuehren und damit (0,3,1) erreichen. Ausserdem stehen
   Versalsatz und Laufweite jetzt ausdruecklich hier statt im Kit der
   Website - Kits ziehen beim Umzug nicht mit um.
   -------------------------------------------------------------------------- */
.elementor .k-btn a.elementor-button,
.elementor .k-btn-ghost a.elementor-button{
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  line-height:1.2;
  padding:15px 30px;
  border-radius:3px;
  border-style:solid;
}
.elementor .k-btn a.elementor-button{
  background:var(--mag);
  color:#FFFFFF;
  border-width:0;
}
.elementor .k-btn-ghost a.elementor-button{
  background:transparent;
  color:#FFFFFF;
  border-width:1px;
  border-color:rgba(255,255,255,.45);
}
.elementor .k-btn-ghost a.elementor-button:hover{
  background:rgba(255,255,255,.12);
  border-color:#FFFFFF;
  filter:none;
}



/* ==========================================================================
   04  HERO
   Hintergrundbild liegt nativ am Container (Elementor > Stil > Hintergrund).
   Die Abdunklung liegt hier, damit die Schrift unabhaengig vom Motiv lesbar
   bleibt: links stark, nach rechts auslaufend, damit das Motiv sichtbar bleibt.
   ========================================================================== */

#hero{position:relative;overflow:hidden;background-color:var(--navy);}

/* Abdunklung */
#hero::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,
    rgba(4,12,38,.93) 0%,
    rgba(6,16,49,.89) 40%,
    rgba(8,20,58,.72) 70%,
    rgba(12,28,74,.45) 100%);
}
/* Punktraster als Textur */
#hero::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.55;
  background-image:radial-gradient(rgba(120,170,255,.30) 1.4px,transparent 1.5px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(200deg,transparent 42%,#000 100%);
          mask-image:linear-gradient(200deg,transparent 42%,#000 100%);
}
#hero > .e-con-inner{position:relative;z-index:3;}

@media(max-width:767px){
  #hero::before{
    background:linear-gradient(180deg,rgba(4,12,38,.94) 0%,rgba(8,20,58,.90) 100%);
  }
}

/* Produktlogo, Original-SVG der ECKD mit in Pfade konvertiertem Schriftzug */
.elementor .kfmx-logo{width:clamp(260px,30vw,400px);line-height:0;}
.elementor .kfmx-logo svg{width:100%;height:auto;display:block;}
.elementor .kfmx-logo .kx-m{fill:var(--mag);}  /* ITM. und das X */
.elementor .kfmx-logo .kx-w{fill:#FFFFFF;}     /* KFM */
.elementor .kfmx-claim{
  margin:16px 0 0;font-size:13px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:#C6D0E4;
}

/* Schlagwortzeile: bewusst ohne Flaeche, damit sie nicht nach Buttons aussieht */
.elementor .k-hero-badges{display:flex;flex-wrap:wrap;gap:8px 0;padding-top:4px;}
.elementor .k-hero-badges span{
  font-size:13px;letter-spacing:.03em;line-height:1.4;
  color:rgba(255,255,255,.80);
  padding:0 18px;border-left:1px solid rgba(255,255,255,.26);
}
.elementor .k-hero-badges span:first-child{padding-left:0;border-left:0;}
@media(max-width:767px){
  .elementor .k-hero-badges span{padding:0 12px;font-size:12.5px;}
}


/* ==========================================================================
   05  FAKTENLEISTE
   Vier Kennzahlen auf dem Magenta-Band unter dem Hero.
   ========================================================================== */

/* ==========================================================================
   06  KARTENRASTER
   Grundmuster fuer alle Kartenblocks. Die Haarlinien zwischen den Karten
   entstehen ueber den Gitterabstand von 1px auf farbigem Grund, nicht ueber
   Rahmen an den Karten selbst.
     .k-grid.c3 / .c2   Anzahl der Spalten
     .k-grid-dark       Block auf dunklem Grund
     .k-card-dark       einzelne dunkle Karte in einem hellen Block
     .k-grid-icons      Karten mit Icon links neben dem Text
   ========================================================================== */

.elementor .k-grid{
  display:grid;gap:1px;margin-top:26px;
  background:var(--line);border:1px solid var(--line);
}
.elementor .k-grid.c3{grid-template-columns:repeat(3,1fr);}
.elementor .k-grid.c2{grid-template-columns:repeat(2,1fr);}
.elementor .k-grid > article{background:#FFFFFF;padding:34px 30px;}
.elementor .k-grid > article h3{
  font-size:18px;font-weight:700;line-height:1.35;color:var(--ink);margin:0 0 10px;
}
.elementor .k-grid > article p{
  font-size:14.5px;line-height:1.72;color:var(--body);margin:0;
}
@media(max-width:1024px){.elementor .k-grid.c3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){
  .elementor .k-grid.c3,
  .elementor .k-grid.c2{grid-template-columns:1fr;}
}

/* Kennzeichnung ueber der Kartenueberschrift */
.elementor .k-num{
  display:block;font-size:12.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mag);margin-bottom:14px;
}

/* Grosse Ziffern der fuenf Prinzipien */
.elementor .k-count{
  font-size:52px;font-weight:800;line-height:1;letter-spacing:-.02em;
  text-transform:none;color:var(--mag);margin-bottom:18px;
  font-variant-numeric:tabular-nums;
}
@media(max-width:1024px){.elementor .k-count{font-size:44px;}}
@media(max-width:767px){.elementor .k-count{font-size:40px;margin-bottom:14px;}}

/* Dunkle Ausfuehrung */
.elementor .k-grid-dark{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.16);}
.elementor .k-grid-dark > article,
.elementor .k-grid > article.k-card-dark{background:var(--navy);}
.elementor .k-grid-dark > article h3,
.elementor .k-grid > article.k-card-dark h3{color:#FFFFFF;}
.elementor .k-grid-dark > article p,
.elementor .k-grid > article.k-card-dark p{color:var(--on-dark);}
.elementor .k-grid-dark .k-num,
.elementor .k-grid > article.k-card-dark .k-num{color:var(--on-dark-mute);}

/* Karten mit Icon links */
.elementor .k-grid-icons > article{
  display:flex;flex-direction:row;align-items:flex-start;gap:20px;
}
.elementor .k-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:60px;height:60px;flex:0 0 60px;border-radius:50%;
  background:var(--mag);margin:2px 0 0;
}
.elementor .k-ico i{font-size:25px;line-height:1;color:#FFFFFF;}
.elementor .k-ico-body{min-width:0;}
.elementor .k-grid-icons .k-num{display:block;margin-bottom:6px;}
.elementor .k-grid-icons h3{margin-top:0;}
@media(max-width:1024px){
  .elementor .k-ico{width:54px;height:54px;flex-basis:54px;}
  .elementor .k-ico i{font-size:22px;}
}

/* Dokument mit Euro-Zeichen.
   Elementors Font-Awesome-Paket enthaelt kein fa-stack, die Ueberlagerung
   ist deshalb hier gebaut: weisses Dokument, Euro in Kreisfarbe ausgespart. */
.elementor .k-fa-stack{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;
}
.elementor .k-ico .k-fa-stack .fa-file{font-size:26px;line-height:1;color:#FFFFFF;}
.elementor .k-ico .k-fa-stack .fa-euro-sign{
  position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);
  font-size:12px;line-height:1;color:var(--mag);
}
@media(max-width:1024px){
  .elementor .k-fa-stack{width:23px;height:23px;}
  .elementor .k-ico .k-fa-stack .fa-file{font-size:23px;}
  .elementor .k-ico .k-fa-stack .fa-euro-sign{font-size:10.5px;}
}

/* ==========================================================================
   07  VERGLEICH ZWEIER WEGE
   Zwei Spalten. Die zweite traegt die Klasse .hi und steht fuer den Weg mit
   ITM.KFM X. Farbhierarchie: der gekoppelte Weg neutral, der eigene in Lila.
   ========================================================================== */

.elementor .k-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;}
.elementor .k-split > div{border:1px solid var(--line);padding:36px 34px;background:#FFFFFF;}
.elementor .k-split > div.hi{background:var(--navy);border-color:var(--navy);}

.elementor .k-split-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:50%;background:var(--line);margin:0 0 20px;
}
.elementor .k-split-ico i{font-size:23px;line-height:1;color:var(--ink);}
.elementor .k-split > div.hi .k-split-ico{background:var(--mag);}
.elementor .k-split > div.hi .k-split-ico i{color:#FFFFFF;}

.elementor .k-split-tag{
  display:block;font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mid);margin:0 0 10px;
}
.elementor .k-split h4{
  font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.2;
  color:var(--ink);margin:0 0 10px;
}
.elementor .k-split-sub{
  font-size:15.5px;line-height:1.65;color:var(--body);
  margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--line);
}
.elementor .k-split dl{margin:0;}
.elementor .k-split dt{
  font-size:13px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mid);margin:0 0 6px;
}
.elementor .k-split dd{margin:0 0 22px;font-size:16px;line-height:1.68;color:var(--ink);}
.elementor .k-split dd:last-child{margin-bottom:0;}

.elementor .k-split > div.hi .k-split-tag{color:var(--on-dark-mute);}
.elementor .k-split > div.hi h4{color:#FFFFFF;}
.elementor .k-split > div.hi .k-split-sub{color:var(--on-dark);border-bottom-color:rgba(255,255,255,.20);}
.elementor .k-split > div.hi dt{color:var(--on-dark-mute);}
.elementor .k-split > div.hi dd{color:#FFFFFF;}

@media(max-width:767px){
  .elementor .k-split{grid-template-columns:1fr;}
  .elementor .k-split-ico{width:50px;height:50px;margin-bottom:16px;}
  .elementor .k-split-ico i{font-size:20px;}
}


/* ==========================================================================
   08  KENNZAHLEN
   Vier grosse Werte, tragen die Betriebssektion.
   ========================================================================== */

.elementor .k-kpi{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);margin-top:30px;
}
.elementor .k-kpi > div{background:#FFFFFF;padding:34px 30px;}
.elementor .k-kpi b{
  display:block;font-size:46px;font-weight:800;line-height:1;
  letter-spacing:-.02em;color:var(--mag);margin-bottom:14px;
  font-variant-numeric:tabular-nums;
}
.elementor .k-kpi span{display:block;font-size:15px;line-height:1.6;color:var(--body);}
@media(max-width:1024px){
  .elementor .k-kpi{grid-template-columns:repeat(2,1fr);}
  .elementor .k-kpi b{font-size:40px;}
}
@media(max-width:560px){
  .elementor .k-kpi{grid-template-columns:1fr;}
  .elementor .k-kpi > div{padding:26px 24px;}
}


/* ==========================================================================
   09  ZWEIERBLOCK MIT ICON
   Schliesst optisch direkt an die Kennzahlen an, daher ohne obere Kante.
   ========================================================================== */

.elementor .k-duo{
  display:grid;margin-top:0;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-top:0;
}
.elementor .k-duo > article{background:#FFFFFF;padding:38px 34px;}
.elementor .k-ico-duo{
  display:inline-flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;background:var(--mag);margin-bottom:20px;
}
.elementor .k-ico-duo i{font-size:22px;line-height:1;color:#FFFFFF;}
.elementor .k-duo h3{font-size:21px;font-weight:700;line-height:1.3;color:var(--ink);margin:0 0 14px;}
.elementor .k-duo p{font-size:16px;line-height:1.7;color:var(--body);margin:0 0 14px;}
.elementor .k-duo p:last-child{margin-bottom:0;}
@media(max-width:767px){
  .elementor .k-duo{grid-template-columns:1fr;}
  .elementor .k-duo > article{padding:30px 26px;}
}

/* ==========================================================================
   10  FUNKTIONSMATRIX
   Filterbare Liste des Standardleistungsumfangs. Der gruene Haken je Zeile
   ist dekorativ; die Aussage steht zusaetzlich als Text in der Zaehlzeile.
   ========================================================================== */

.elementor .k-matrix{margin-top:26px;border:1px solid var(--line);background:#FFFFFF;}

/* Filterleiste */
.elementor .k-mx-bar{
  display:flex;flex-wrap:wrap;gap:8px;padding:18px 22px;
  border-bottom:1px solid var(--line);background:var(--bg);
}
.elementor .k-mx-bar button{
  font-size:13px;font-weight:600;color:var(--ink);
  background:#FFFFFF;border:1px solid var(--line);
  padding:8px 16px;border-radius:2px;cursor:pointer;transition:.15s;
}
.elementor .k-mx-bar button:hover{border-color:var(--mag);color:var(--mag);}
.elementor .k-mx-bar button[aria-pressed="true"]{background:var(--mag);border-color:var(--mag);color:#FFFFFF;}

/* Liste */
.elementor .k-mx-body{max-height:520px;overflow-y:auto;}
.elementor .k-mx-group{
  padding:22px 22px 8px;font-size:12px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--mag);
}
.elementor .k-mx-row{
  display:grid;grid-template-columns:230px 1fr 26px;align-items:start;
  gap:16px;padding:12px 22px;border-top:1px solid #EFEFEE;
}
.elementor .k-mx-row span{font-size:13px;color:var(--mid);}
.elementor .k-mx-row p{margin:0;font-size:14.5px;color:var(--ink);}
.elementor .k-mx-row::after{
  content:"";width:20px;height:20px;margin-top:1px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8E3E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.6 11.1V12a9.6 9.6 0 1 1-5.7-8.8'/%3E%3Cpath d='M8 11.9l3.3 3.3L22 4.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain;
}

/* Zaehlzeile mit Legende */
.elementor .k-mx-count{
  padding:14px 22px;border-top:1px solid var(--line);
  font-size:13px;color:var(--mid);background:var(--bg);
}
.elementor .k-mx-legend{display:inline-flex;align-items:center;gap:7px;color:var(--check);font-weight:600;}
.elementor .k-mx-legend::before{
  content:"";width:16px;height:16px;flex:0 0 16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8E3E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.6 11.1V12a9.6 9.6 0 1 1-5.7-8.8'/%3E%3Cpath d='M8 11.9l3.3 3.3L22 4.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain;
}

@media(max-width:767px){
  .elementor .k-mx-row{grid-template-columns:1fr 26px;gap:2px 10px;}
  .elementor .k-mx-row span{grid-column:1;grid-row:1;}
  .elementor .k-mx-row p{grid-column:1;grid-row:2;}
  .elementor .k-mx-row::after{grid-column:2;grid-row:1 / span 2;}
}


/* ==========================================================================
   11  ZITAT MIT PORTRAIT
   Bild links, Zitat rechts. Ohne Rahmen und ohne Flaeche: das Foto uebernimmt
   die linke Kante. Die Bildbreite entspricht exakt einer Spalte des Rasters
   darueber, damit die Kanten fluchten.
     (100% - 4px) / 3   Spaltenbreite bei 1px Rahmen und 2 Fugen
     + 1px              linker Rahmen des Rasters
   ========================================================================== */

.elementor .k-quote-portrait{
  display:flex;align-items:stretch;gap:0;
  margin:20px 0 0;padding:0;border:0;background:transparent;overflow:hidden;
}
.elementor .k-portrait-lg{
  flex:0 0 calc((100% - 4px) / 3 + 1px);
  width:calc((100% - 4px) / 3 + 1px);
  height:auto;min-height:300px;align-self:stretch;
  object-fit:cover;object-position:center 22%;display:block;
}
.elementor .k-quote-body{
  display:flex;flex-direction:column;justify-content:center;
  padding:8px 0 8px 44px;background:transparent;
}
.elementor .k-quote-portrait blockquote{
  margin:0 0 24px;padding:0;border:0;
  font-size:21px;font-weight:300;font-style:italic;line-height:1.6;color:var(--ink);
}
.elementor .k-quote-portrait figcaption{font-size:14.5px;color:var(--mid);font-style:normal;}
.elementor .k-quote-portrait figcaption b{
  display:block;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:2px;
}
@media(max-width:1024px){
  .elementor .k-portrait-lg{
    flex:0 0 calc((100% - 3px) / 2 + 1px);
    width:calc((100% - 3px) / 2 + 1px);
  }
}
@media(max-width:900px){
  .elementor .k-quote-portrait{flex-direction:column;}
  .elementor .k-portrait-lg{flex:0 0 auto;width:100%;max-height:340px;object-position:center 20%;}
  .elementor .k-quote-body{padding:26px 0 0;}
  .elementor .k-quote-portrait blockquote{font-size:19px;}
}


/* ==========================================================================
   12  KONTAKTANGABEN
   Icon in grauem Kreis, Bezeichnung, Wert. Bewusst zurueckhaltend, damit das
   Formular daneben die Hauptaktion bleibt.
   ========================================================================== */

.elementor ul.k-contact{
  list-style:none;margin:26px 0 0;padding:24px 0 0;
  border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:18px;
}
.elementor ul.k-contact li{display:flex;align-items:flex-start;gap:16px;margin:0;}
.elementor .k-contact-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;flex:0 0 46px;border-radius:50%;
  background:#E4E4E2;margin-top:1px;
}
.elementor .k-contact-ico i{font-size:18px;line-height:1;color:var(--mag);}
.elementor .k-contact-body{display:block;min-width:0;}
.elementor .k-contact-label{
  display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mid);margin-bottom:3px;
}
.elementor ul.k-contact a{
  display:inline-block;font-size:17px;font-weight:600;line-height:1.35;
  color:var(--ink);text-decoration:none;
}
.elementor ul.k-contact a:hover,
.elementor ul.k-contact a:focus{color:var(--mag);}
.elementor .k-contact-zusatz{
  display:block;font-size:13.5px;line-height:1.55;color:var(--mid);margin-top:4px;
}
@media(max-width:767px){
  .elementor .k-contact-ico{width:42px;height:42px;flex-basis:42px;}
  .elementor .k-contact-ico i{font-size:16px;}
  .elementor ul.k-contact a{font-size:16px;}
}


/* ==========================================================================
   13  PLATZHALTER UND RANDNOTIZ
   Platzhalter sind absichtlich auffaellig: sie duerfen nicht versehentlich
   live gehen. Beim Ersetzen den ganzen Block entfernen.
   ========================================================================== */

.elementor .k-ph{
  border:2px dashed var(--mag);border-radius:3px;
  background:repeating-linear-gradient(135deg,#FBF4F9,#FBF4F9 12px,#F6EAF3 12px,#F6EAF3 24px);
  padding:38px 30px;text-align:center;
}
.elementor .k-ph b{
  display:block;font-size:13px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mag);margin-bottom:10px;
}
.elementor .k-ph p{font-size:14.5px;color:var(--ink);margin:0 auto;max-width:660px;}

/* Ruhige Randnotiz mit Akzentkante */
.elementor .k-aside{
  margin:30px 0 0;padding:2px 0 2px 22px;border-left:3px solid var(--mag);
  font-size:15px;line-height:1.75;color:var(--body);max-width:820px;
}
.elementor .k-aside strong{color:var(--ink);font-weight:700;}

/* Hervorgehobener Hinweis auf hellem Grund */
.elementor .k-note{
  margin-top:20px;padding:24px 28px;background:var(--bg);
  border:1px solid var(--line);border-left:4px solid var(--mag);
}
.elementor .k-note p{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink);}


/* ==========================================================================
   14  ABSICHERUNG GEGEN THEME-VORGABEN
   Das Kit der Website setzt a:hover auf die eigene Akzentfarbe (#FFB541).
   Auf dieser Seite werden Hover-Farben deshalb ausdruecklich festgelegt.
   Beim Umzug nach eckd.de kann dieser Abschnitt entfallen.
   ========================================================================== */

.elementor a:hover,
.elementor a:focus{color:inherit;}
.elementor .k-btn .elementor-button,
.elementor .k-btn .elementor-button:hover,
.elementor .k-btn .elementor-button:focus{color:#FFFFFF;}

/* ==========================================================================
   15  SPRUNGNAVIGATION
   Bleibt beim Scrollen oben stehen. Der aktive Abschnitt wird ueber das
   Attribut aria-current markiert, das ein kleines Skript setzt.
   ========================================================================== */

/* Elementor weist Containern position und z-index ueber eigene Variablen zu.
   Deshalb werden hier die Variablen gesetzt statt sie zu ueberschreiben.
   align-self verhindert, dass ein Flex-Elternteil die Leiste in die Hoehe zieht. */
#sprungnav{
  --position:sticky;
  --z-index:60;
  --overflow:visible;
  --height:auto;
  position:sticky;top:0;z-index:60;
  align-self:flex-start;
  width:100%;
  border-bottom:1px solid var(--line);
  background:#FFFFFF;
}
/* Die uebrigen Sektionen duerfen die Leiste nicht ueberdecken */
.elementor > .elementor-element:not(#sprungnav){--z-index:1;}

.elementor .k-nav{list-style:none;margin:0;padding:0;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.elementor .k-nav::-webkit-scrollbar{display:none;}
.elementor .k-nav li{margin:0;flex:0 0 auto;}
.elementor .k-nav a{display:inline-flex;align-items:center;gap:9px;padding:16px 18px;font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--mid);text-decoration:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;}
.elementor .k-nav a:hover,.elementor .k-nav a:focus{color:var(--mag);}
.elementor .k-nav a[aria-current='true']{color:var(--mag);border-bottom-color:var(--mag);}
.elementor .k-nav li:first-child a{padding-left:0;}
@media(max-width:767px){.elementor .k-nav a{padding:14px;font-size:13px;}}
/* Sprungziele nicht unter der Leiste verstecken */
.elementor section[id]{scroll-margin-top:64px;}


/* ==========================================================================
   16  HAEUFIGE FRAGEN
   Aufklappbar ueber die nativen HTML-Elemente details und summary.
   Kommt ohne JavaScript aus und ist per Tastatur bedienbar.
   ========================================================================== */

.elementor .k-faq{margin-top:26px;border-top:1px solid var(--line);}
.elementor .k-faq details{border-bottom:1px solid var(--line);}
.elementor .k-faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:18px;padding:22px 0;font-size:18px;font-weight:600;line-height:1.45;color:var(--ink);transition:color .15s;}
.elementor .k-faq summary::-webkit-details-marker{display:none;}
.elementor .k-faq summary:hover{color:var(--mag);}
.elementor .k-faq summary::after{content:'';flex:0 0 16px;width:16px;height:16px;margin-left:auto;margin-top:5px;border-right:2px solid var(--mag);border-bottom:2px solid var(--mag);transform:rotate(45deg);transition:transform .2s;}
.elementor .k-faq details[open] summary::after{transform:rotate(-135deg);margin-top:9px;}
.elementor .k-faq details[open] summary{color:var(--mag);}
.elementor .k-faq-a{padding:0 54px 26px 0;max-width:860px;}
.elementor .k-faq-a p{font-size:16px;line-height:1.72;color:var(--body);margin:0 0 14px;}
.elementor .k-faq-a p:last-child{margin-bottom:0;}
@media(max-width:767px){.elementor .k-faq summary{font-size:16.5px;padding:18px 0;gap:14px;}.elementor .k-faq-a{padding-right:30px;}}


/* ==========================================================================
   17  EINBLENDUNGEN BEIM SCROLLEN
   Sehr dezent: 14px Versatz, 0,5 Sekunden. Wer im Betriebssystem reduzierte
   Bewegung eingestellt hat, sieht die Inhalte sofort ohne Animation.
   ========================================================================== */

@media (prefers-reduced-motion: no-preference){
  .elementor .k-fade{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;will-change:opacity,transform;}
  .elementor .k-fade.is-in{opacity:1;transform:none;}
}

/* Kleiner Winkel vor jedem Eintrag. Faerbt sich ueber currentColor
   automatisch mit, wenn der Eintrag aktiv wird oder ueberfahren wird. */
.elementor .k-nav a::before{content:'';flex:0 0 auto;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.45;transition:opacity .15s;}
.elementor .k-nav a:hover::before,.elementor .k-nav a:focus::before,.elementor .k-nav a[aria-current='true']::before{opacity:1;}


/* ==========================================================================
   18  SCREENSHOTS
   Ein grosses Leitbild, darunter drei kleinere. Alle per Klick vergroesserbar
   ueber die Lightbox von Elementor (data-elementor-open-lightbox).
   ========================================================================== */

.elementor .k-shot{margin:0;}
.elementor .k-shot a{display:block;position:relative;border:1px solid var(--line);background:#FFFFFF;overflow:hidden;}
.elementor .k-shot img{display:block;width:100%;height:auto;}
.elementor .k-shot-zoom{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;background:var(--mag);display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;}
.elementor .k-shot-zoom i{font-size:16px;color:#FFFFFF;}
.elementor .k-shot a:hover .k-shot-zoom,.elementor .k-shot a:focus .k-shot-zoom{opacity:1;transform:none;}
.elementor .k-shot a:hover,.elementor .k-shot a:focus{border-color:var(--mag);}
.elementor .k-shot figcaption{padding:16px 2px 0;font-size:14.5px;line-height:1.6;color:var(--body);}
.elementor .k-shot figcaption b{display:block;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.elementor .k-shot-lead{margin-top:26px;}
.elementor .k-shot-lead figcaption{max-width:760px;}
.elementor .k-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px;}
@media(max-width:900px){.elementor .k-shots{grid-template-columns:1fr;gap:30px;}}
/* Beschriftung in der Lightbox */
.elementor-lightbox .elementor-slideshow__title{font-family:'Inter',sans-serif;}


/* ==========================================================================
   19  PHASENMODELL
   Vier Etappen des Wechsels. Ersetzt die fehlende Referenz: statt fremder
   Erfahrung wird der Weg selbst nachvollziehbar gemacht.
   ========================================================================== */

.elementor .k-h3-block{font-size:22px;font-weight:700;line-height:1.3;color:var(--ink);margin:44px 0 10px;}
.elementor .k-lead-block{font-size:17px;line-height:1.75;color:var(--body);max-width:760px;margin:0;}
.elementor .k-phasen{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:26px;background:var(--line);border:1px solid var(--line);}
.elementor .k-phasen > article{background:#FFFFFF;padding:30px 26px;}
.elementor .k-phasen .k-count{font-size:38px;margin-bottom:14px;}
.elementor .k-phasen h4{font-size:17px;font-weight:700;line-height:1.35;color:var(--ink);margin:0 0 10px;}
.elementor .k-phasen p{font-size:14.5px;line-height:1.7;color:var(--body);margin:0;}
@media(max-width:1024px){.elementor .k-phasen{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.elementor .k-phasen{grid-template-columns:1fr;}.elementor .k-phasen .k-count{font-size:32px;}}


/* Phasenreihe mit drei Schritten (Entscheidungsreihenfolge) */
.elementor .k-phasen-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.elementor .k-phasen-3{grid-template-columns:1fr;}}
.elementor .k-note p + p{margin-top:14px;}


/* ==========================================================================
   20  ABLAUFKETTE
   Die klassischen Phasen einer Einfuehrung als Kette. Bewusst ohne Zahlen
   und ohne Zeitangaben, weil die Gewichtung je Kunde unterschiedlich ist.
   ========================================================================== */

.elementor .k-ablauf{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.elementor .k-ablauf span{position:relative;display:inline-flex;align-items:center;padding:12px 22px 12px 20px;background:#FFFFFF;border:1px solid var(--line);font-size:15px;font-weight:600;color:var(--ink);}
.elementor .k-ablauf span::after{content:'';width:6px;height:6px;margin-left:16px;border-right:2px solid var(--mag);border-bottom:2px solid var(--mag);transform:rotate(-45deg);}
.elementor .k-ablauf span:last-child::after{display:none;}
@media(max-width:600px){.elementor .k-ablauf span{width:100%;}}


/* ==========================================================================
   21  NEUE BAUSTEINE (Ueberarbeitung Fachbereich, 08/2026)
   ========================================================================== */

/* Flexible Hinweiszeile ueber dem Hero */
.elementor .k-ticker{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);}
.elementor .k-ticker-tag{flex:0 0 auto;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF;background:var(--mag);padding:5px 12px;border-radius:2px;}
.elementor .k-ticker p{margin:0;font-size:14.5px;line-height:1.5;color:var(--body);}
.elementor .k-ticker a{color:var(--mag);font-weight:600;text-decoration:none;white-space:nowrap;}
.elementor .k-ticker a:hover{text-decoration:underline;}
@media(max-width:600px){.elementor .k-ticker{align-items:flex-start;flex-direction:column;gap:8px;}}

/* Leistungen aus einer Hand */
.elementor .k-leistungen{display:flex;flex-wrap:wrap;gap:1px;margin-top:26px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);}
.elementor .k-leistungen span{flex:1 1 220px;background:var(--navy);padding:22px 24px;font-size:16px;font-weight:600;color:#FFFFFF;}

/* Helle Varianten fuer dunkle Sektionen */
.elementor .k-lead-block-lt{color:var(--on-dark);}
.elementor .k-aside-lt{color:var(--on-dark);}
.elementor .k-aside-lt strong{color:#FFFFFF;}

/* Materialbereich */
.elementor .k-ph-inline{border:2px dashed var(--mag);background:repeating-linear-gradient(135deg,#FBF4F9,#FBF4F9 12px,#F6EAF3 12px,#F6EAF3 24px);padding:20px 22px;font-size:14.5px;line-height:1.65;}
.elementor .k-link{display:inline-block;margin-top:10px;font-size:15px;font-weight:600;color:var(--mag);text-decoration:none;border-bottom:1px solid transparent;}
.elementor .k-link:hover{border-bottom-color:var(--mag);}

/* Dezente Teamdarstellung im Kontaktbereich */
.elementor .k-team{display:flex;align-items:center;gap:18px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line);}
.elementor .k-team img{width:72px;height:72px;flex:0 0 72px;border-radius:50%;object-fit:cover;object-position:center 20%;display:block;}
.elementor .k-team p{margin:0;font-size:14.5px;line-height:1.65;color:var(--mid);}


/* ==========================================================================
   22  ERGAENZUNGEN AUS DEM FACHBEREICHS-FEEDBACK (18.08.2026)
       Einordnung der Kennzahlen, Hinweiszeile in Einleitungen,
       Downloadliste, Teamtext ohne Portrait.
   ========================================================================== */

/* Klarstellender Hinweis unter einer Einleitung */
.elementor .k-hinweis{
  margin:14px 0 0;font-size:14.5px;line-height:1.65;color:var(--mid);
  padding-left:14px;border-left:2px solid var(--line);
}

/* Teamtext ohne Portrait */
.elementor .k-team.k-team-ohne-bild{display:block;}

/* Downloadliste */
.elementor ul.k-dl-liste{list-style:none;margin:0 0 18px;padding:0;}
.elementor ul.k-dl-liste li{margin:0 0 10px;padding:0;}
.elementor ul.k-dl-liste li:before{content:none;}
.elementor .k-dl{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px 14px;border:1px solid var(--line);border-radius:6px;
  text-decoration:none;background:#FFFFFF;transition:border-color .15s ease;
}
.elementor .k-dl:hover{border-color:var(--mag);}
.elementor .k-dl-ico{
  flex:0 0 34px;width:34px;height:34px;border-radius:50%;
  background:var(--mag);display:flex;align-items:center;justify-content:center;
}
.elementor .k-dl-ico i{color:#FFFFFF;font-size:15px;}
.elementor .k-dl-txt{display:block;}
.elementor .k-dl-txt strong{
  display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.4;
}
.elementor .k-dl-txt em{
  display:block;font-style:normal;font-size:13.5px;color:var(--body);
  line-height:1.55;margin-top:2px;
}

/* Nachweisliste im Betriebsabschnitt */
.elementor ul.k-iso{list-style:none;margin:12px 0;padding:0;}
.elementor ul.k-iso li{
  margin:0 0 7px;padding:0 0 0 16px;position:relative;
  font-size:16px;line-height:1.7;color:var(--body);
}
.elementor ul.k-iso li:before{
  content:'';position:absolute;left:0;top:9px;
  width:6px;height:6px;border-radius:50%;background:var(--mag);
}
.elementor ul.k-iso li strong{color:var(--ink);font-weight:700;}


/* ==========================================================================
   23  KONTAKTFORMULAR (Elementor-Pro-Widget)
       Das Formular ist ein natives Elementor-Widget. Die Regeln hier
       ziehen es auf die Gestaltung der Seite - Rahmen, Farben, Button.
   ========================================================================== */

.elementor #kon-form{background:#FFFFFF;border:1px solid var(--line);padding:34px 32px;}
.elementor #kon-form:before{
  content:'Beratung anfragen';display:block;margin-bottom:22px;
  font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mag);
}
.elementor #kon-form .elementor-field-label{
  font-size:13px;font-weight:400;color:var(--mid);margin-bottom:6px;
}
.elementor #kon-form .elementor-field-textual{
  width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:0;
  font-family:inherit;font-size:15px;color:var(--ink);background:#FFFFFF;
  box-shadow:none;line-height:1.4;
}
.elementor #kon-form .elementor-field-textual:focus{
  border-color:var(--mag);outline:2px solid rgba(158,25,129,.18);outline-offset:0;
}
.elementor #kon-form select.elementor-field-textual{appearance:auto;}
.elementor #kon-form .elementor-field-type-acceptance .elementor-field-option{
  display:flex;gap:9px;align-items:flex-start;
}
.elementor #kon-form .elementor-field-type-acceptance label{
  font-size:13.5px;line-height:1.6;color:var(--body);
}
.elementor #kon-form .elementor-field-type-acceptance input[type=checkbox]{
  margin-top:3px;accent-color:var(--mag);width:16px;height:16px;flex:0 0 16px;
}
.elementor #kon-form .elementor-button[type=submit]{
  background:var(--mag);color:#FFFFFF;border:0;border-radius:0;
  padding:14px 26px;font-family:inherit;font-size:15px;font-weight:600;
  letter-spacing:.01em;transition:background .15s ease;
}
.elementor #kon-form .elementor-button[type=submit]:hover{background:#7E1367;}
.elementor #kon-form .elementor-message{font-size:14.5px;line-height:1.6;}
.elementor #kon-form .elementor-message.elementor-message-success{color:#1A7F37;}
.elementor #kon-form .elementor-message.elementor-message-danger{color:#A4262C;}
.elementor #kon-form .elementor-mark-required .elementor-field-label:after{color:var(--mag);}/* End custom CSS */