.elementor-1981 .elementor-element.elementor-element-6ec62702{--display:flex;}.elementor-1981 .elementor-element.elementor-element-81c9180{--display:flex;}.elementor-1981 .elementor-element.elementor-element-1cbad2d7{--display:flex;}.elementor-1981 .elementor-element.elementor-element-78abb7a1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1981 .elementor-element.elementor-element-46c19f2a{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-field-type-html{padding-bottom:0px;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-button[type="submit"]{color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1981 .elementor-element.elementor-element-66257b79{--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;}.elementor-1981 .elementor-element.elementor-element-4cdf6ebe{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* ════════════════════════════════════════════════════════════════════
   Competence · Landingpages Lagerlogistik
   Kompletter Stil für das Feld
   Seiteneinstellungen → Erweitert → Benutzerdefiniertes CSS
 
   Teil 1 · Elementor-Widgets der Seite (Formular, Container, Überschriften)
   Teil 2 · die HTML-Blöcke, eingesperrt auf .lpx
   Teil 3 · die Icons als CSS-Maske
 
   Warum alles hier liegt und nicht im HTML:
   Ohne das Recht `unfiltered_html` entfernt WordPress beim Speichern jedes
   style- und svg-Tag aus dem HTML-Widget. Dieses Feld wird nicht gefiltert.
   Der frühere HTML-Block 00 wird dadurch überflüssig.
 
   Dieselbe Datei gilt unverändert für beide Landingpages.
   ════════════════════════════════════════════════════════════════════ */
 
/* ── TEIL 1 · Elementor-Widgets ──────────────────────────────────────── */
 
/* ═══════════════════════════════════════════════════════════════════════
   COMPETENCE · LANDINGPAGE-STYLES  ·  Variante "pro Seite"
   ═══════════════════════════════════════════════════════════════════════
 
   Einsatzort:  Elementor-Editor → Seiteneinstellungen (Symbol oben in der
                Leiste) → Reiter "Erweitert" → "Individuelles CSS"
                Kompletten Inhalt dieser Datei einfuegen, dann Aktualisieren.
 
   Warum diese Variante:
   Elementor laedt seitenweises Custom CSS nur auf genau dieser Seite. Eine
   abgrenzende Klasse wie .lp-page braucht es deshalb nicht — und in den
   Seiteneinstellungen gibt es dafuer auch gar kein Feld.
 
   Statt der Klasse steht hier das Elementor-Schluesselwort  body.elementor-page-1981 .
   Elementor ersetzt es beim Ausliefern durch den Seitencontainer
   (z. B. .elementor-1925). Das trifft nur den Seiteninhalt — Header und
   Footer der Website bleiben unberuehrt.
 
   ACHTUNG: Das Schluesselwort  body.elementor-page-1981  funktioniert NUR im seitenweisen
   Custom CSS. Wer das CSS spaeter doch global im Kit ablegt, nimmt die
   andere Datei (03_Custom-CSS_Landingpages.css) mit den .lp-page-Regeln.
 
   Basis:       Elementor-Globals des Kits (Poppins, #1C244B, #009FE3)
   ═══════════════════════════════════════════════════════════════════════ */
 
:root{
  --lp-navy:#1C244B;
  --lp-text:#324A6D;
  --lp-cyan:#009FE3;
  --lp-cyan-dark:#0086C0;
  --lp-lightblue:#C9E8FB;
  --lp-grey:#F3F5F8;
  --lp-off:#F9FAFD;
  --lp-border:#C8D5DC;
  --lp-muted:#646364;
  --lp-radius:14px;
  --lp-shadow:0 4px 24px rgba(28,36,75,.08);
  --lp-shadow-lg:0 12px 40px rgba(28,36,75,.13);
}
 
/* ───────────────────────── Grundraster ───────────────────────── */
/* Sektionen laufen randlos ueber den Bildschirm, der Inhalt darin bleibt
   auf 1140px begrenzt. Der aeussere Container bleibt auf "Begrenzt" stehen
   (Elementor-Standard) – die Breite steuert allein dieses CSS. */
body.elementor-page-1981 .lp-sec,
body.elementor-page-1981 .lp-trustbar{
  --width:100%;
  --content-width:1140px;
  width:100% !important;
  max-width:none !important;
}
body.elementor-page-1981 .lp-sec{ padding-block:clamp(52px,7vw,88px); }
body.elementor-page-1981 .lp-sec > .e-con-inner,
body.elementor-page-1981 .lp-trustbar > .e-con-inner{
  max-width:1140px !important; width:100% !important; margin-inline:auto !important;
  /* Seitenrand. Ohne ihn klebt der Text auf dem Handy am Displayrand, weil
     die Breitenbegrenzung dort nichts mehr zu begrenzen hat. */
  padding-inline:20px !important;
}
body.elementor-page-1981 .lp-narrow-sec{ --content-width:820px; }
body.elementor-page-1981 .lp-narrow-sec > .e-con-inner{ max-width:820px !important; padding-inline:20px !important; }
 
/* Standardabstand zwischen den Elementen eines Containers. Elementor setzt
   bei von Hand gebauten Containern haeufig Luecke 0 – dann kleben Ueber-
   schrift, Text und Buttons aneinander. Die Reihen-Container weiter unten
   ueberschreiben diesen Wert mit ihrem eigenen Abstand. */
body.elementor-page-1981 .lp-sec > .e-con-inner,
body.elementor-page-1981 .lp-sec .e-con{ gap:20px !important; }
body.elementor-page-1981 .lp-hero-col{ gap:18px !important; align-items:flex-start !important; }
body.elementor-page-1981 .lp-hero-media{ gap:0 !important; }
.lp-narrow{ max-width:900px; margin-inline:auto; }
 
.lp-bg-grey{ background-color:var(--lp-grey); }
.lp-bg-off{ background-color:var(--lp-off); }
.lp-bg-lightblue{ background-color:var(--lp-lightblue); }
.lp-bg-navy{ background-color:var(--lp-navy); }
.lp-bg-navy, .lp-bg-navy p{ color:#DDE4F0; }
.lp-bg-navy h2, .lp-bg-navy h3, .lp-bg-navy h4{ color:#fff; }
/* Formular-Card ist hell – Ueberschriften darin bleiben dunkel */
.lp-bg-navy .lp-form-card h2,
.lp-bg-navy .lp-form-card h3,
.lp-bg-navy .lp-form-card h4,
.lp-bg-navy .lp-form-card label{ color:var(--lp-navy); }
 
/* Elementor faerbt Ueberschriften und Texte direkt am Element. Auf dunklem
   Grund muss die helle Farbe deshalb ebenfalls direkt gesetzt werden. */
body.elementor-page-1981 .lp-bg-navy .elementor-heading-title{ color:#fff !important; }
body.elementor-page-1981 .lp-bg-navy .elementor-widget-text-editor,
body.elementor-page-1981 .lp-bg-navy .elementor-widget-text-editor p,
body.elementor-page-1981 .lp-bg-navy .elementor-widget-text-editor li{ color:#DDE4F0 !important; }
body.elementor-page-1981 .lp-bg-navy .elementor-widget-text-editor a{ color:#6FD0FF !important; }
/* Ausnahmen: Kicker behalten ihre Akzentfarbe … */
body.elementor-page-1981 .lp-bg-navy .lp-kicker .elementor-heading-title{ color:var(--lp-cyan) !important; }
body.elementor-page-1981 .lp-bg-navy .lp-kicker-light .elementor-heading-title{ color:#6FD0FF !important; }
/* … und alles in der weissen Formularkarte bleibt dunkel. */
body.elementor-page-1981 .lp-bg-navy .lp-form-card .elementor-heading-title,
body.elementor-page-1981 .lp-bg-navy .lp-form-card .elementor-field-label,
body.elementor-page-1981 .lp-bg-navy .lp-form .elementor-field-label{ color:var(--lp-navy) !important; }
body.elementor-page-1981 .lp-bg-navy .lp-form-card p,
body.elementor-page-1981 .lp-bg-navy .lp-form .elementor-field-option label{ color:var(--lp-text) !important; }
body.elementor-page-1981 .lp-bg-navy .lp-note p,
body.elementor-page-1981 .lp-bg-navy .lp-note{ color:#9FB0CE !important; }
 
.lp-sec-head{ max-width:760px; margin-inline:auto; text-align:center;
              margin-bottom:clamp(34px,4vw,54px); }
.lp-center, .lp-center p{ text-align:center; }
 
/* Spaltenraster – Elementor-Container in Zeilenrichtung */
.lp-g2 > .e-con, .lp-g2 > .elementor-widget{ flex-basis:calc(50% - 12px); }
.lp-g3 > .e-con, .lp-g3 > .elementor-widget{ flex-basis:calc(33.333% - 16px); }
body.elementor-page-1981 .lp-g2, body.elementor-page-1981 .lp-g3,
body.elementor-page-1981 .lp-g2 > .e-con-inner, body.elementor-page-1981 .lp-g3 > .e-con-inner{
  display:flex !important; flex-direction:row !important;
  flex-wrap:wrap !important; gap:22px !important; align-items:stretch !important;
  width:100% !important; }
.lp-align-center{ align-items:center; }
 
/* ───────────────────────── Typografie ───────────────────────── */
body.elementor-page-1981 h1{ font-size:clamp(30px,4.4vw,50px); line-height:1.12; letter-spacing:-.5px; }
body.elementor-page-1981 h2{ font-size:clamp(25px,3vw,36px); line-height:1.15; }
body.elementor-page-1981 h3{ font-size:clamp(19px,1.6vw,23px); line-height:1.3; }
 
body.elementor-page-1981 .lp-kicker .elementor-heading-title,
body.elementor-page-1981 .lp-kicker,
.lp-kicker .elementor-heading-title,
.lp-kicker{
  font-size:14px !important; font-weight:500 !important;
  letter-spacing:2.5px !important; text-transform:uppercase !important;
  color:var(--lp-cyan) !important; line-height:1.4 !important;
  margin:0 0 12px !important;
}
body.elementor-page-1981 .lp-kicker-light .elementor-heading-title,
body.elementor-page-1981 .lp-kicker-light,
.lp-kicker-light .elementor-heading-title{ color:#6FD0FF !important; }
 
.lp-lead p, .lp-lead-p{ font-size:clamp(18px,1.5vw,21px); line-height:1.65; }
.lp-small p, .lp-small{ font-size:15px; line-height:1.55; }
.lp-note p, .lp-note{ font-size:14px; color:var(--lp-muted); }
.lp-bg-navy .lp-note p{ color:#9FB0CE; }
 
/* ───────────────────────── Buttons ───────────────────────── */
/* Grundform gilt fuer alle drei Button-Varianten */
body.elementor-page-1981 .lp-btn .elementor-button,
body.elementor-page-1981 .lp-btn-ghost .elementor-button,
body.elementor-page-1981 .lp-btn-white .elementor-button{
  border-style:solid !important; border-width:2px !important;
  border-radius:100px !important;
  padding:16px 34px; font-size:16px; font-weight:500; text-transform:none;
  transition:.18s ease;
}
/* Text/Icon im Button erben immer die Button-Farbe */
body.elementor-page-1981 .lp-btn .elementor-button .elementor-button-text,
body.elementor-page-1981 .lp-btn .elementor-button .elementor-button-icon,
body.elementor-page-1981 .lp-btn-ghost .elementor-button .elementor-button-text,
body.elementor-page-1981 .lp-btn-ghost .elementor-button .elementor-button-icon,
body.elementor-page-1981 .lp-btn-white .elementor-button .elementor-button-text,
body.elementor-page-1981 .lp-btn-white .elementor-button .elementor-button-icon{
  color:inherit !important;
}
 
/* 1) Primaer – gefuellte Cyan-Pille */
body.elementor-page-1981 .lp-btn .elementor-button{
  background-color:var(--lp-cyan) !important;
  color:#fff !important;
  border-color:var(--lp-cyan) !important;
  box-shadow:0 6px 18px rgba(0,159,227,.25);
}
body.elementor-page-1981 .lp-btn .elementor-button:hover,
body.elementor-page-1981 .lp-btn .elementor-button:focus{
  background-color:var(--lp-cyan-dark) !important;
  border-color:var(--lp-cyan-dark) !important;
  color:#fff !important;
  transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,159,227,.32);
}
 
/* 2) Ghost – transparent mit Rahmen (steht bewusst NACH .lp-btn) */
body.elementor-page-1981 .lp-btn-ghost .elementor-button{
  background-color:transparent !important;
  background-image:none !important;
  color:var(--lp-navy) !important;
  border-color:var(--lp-border) !important;
  box-shadow:none !important;
}
body.elementor-page-1981 .lp-btn-ghost .elementor-button:hover,
body.elementor-page-1981 .lp-btn-ghost .elementor-button:focus{
  background-color:#fff !important;
  border-color:var(--lp-cyan) !important;
  color:var(--lp-cyan) !important;
  box-shadow:none !important;
  transform:translateY(-2px);
}
 
/* 3) Weiss – fuer dunkle Abschnitte */
body.elementor-page-1981 .lp-btn-white .elementor-button{
  background-color:#fff !important;
  background-image:none !important;
  color:var(--lp-navy) !important;
  border-color:#fff !important;
  box-shadow:none !important;
}
body.elementor-page-1981 .lp-btn-white .elementor-button:hover,
body.elementor-page-1981 .lp-btn-white .elementor-button:focus{
  background-color:var(--lp-lightblue) !important;
  border-color:var(--lp-lightblue) !important;
  color:var(--lp-navy) !important;
}
/* CTA-Reihe: Buttons liegen IMMER nebeneinander, unabhaengig davon,
   welche Richtung der Container im Layout-Tab hat. Umbruch auf Mobil. */
body.elementor-page-1981 .lp-cta-row,
body.elementor-page-1981 .lp-cta-row > .e-con-inner{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
}
/* Die beiden Wrapper-Container schrumpfen auf Buttonbreite */
body.elementor-page-1981 .lp-cta-row > .e-con,
body.elementor-page-1981 .lp-cta-row > .elementor-widget,
body.elementor-page-1981 .lp-shrink{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
}
body.elementor-page-1981 .lp-cta-row .elementor-button-wrapper{ margin:0 !important; }
.lp-btn-tel .elementor-button{ padding:12px 24px; font-size:15px; }
 
 
/* ── Kurzes Formularband (Variante direkt unter dem Hero) ──────────────
   Container: lp-sec lp-bg-navy lp-formband · CSS-ID: beratung
   Inhalt: Kicker, Überschrift, Lead, Formular-Widget, Hinweiszeile.
   Kein HTML-Block noetig – alles normale Elementor-Widgets.            */
body.elementor-page-1981 .lp-formband > .e-con-inner{ max-width:720px !important; }
body.elementor-page-1981 .lp-formband{ text-align:center; }
body.elementor-page-1981 .lp-formband .lp-form-card{
  text-align:left; margin-top:8px; width:100%;
}
body.elementor-page-1981 .lp-formband .elementor-widget-form{
  background:#fff; border-radius:var(--lp-radius);
  padding:clamp(22px,3vw,32px) !important;
  box-shadow:var(--lp-shadow-lg);
}
body.elementor-page-1981 .lp-formband .elementor-field-group > label.elementor-field-label{
  color:var(--lp-navy) !important;
}
body.elementor-page-1981 .lp-formband .elementor-field-type-acceptance label,
body.elementor-page-1981 .lp-formband .elementor-field-type-acceptance .elementor-field-option{
  color:var(--lp-text) !important;
}
 
/* ───────────────────────── Hero ───────────────────────── */
.lp-hero{
  background-image:linear-gradient(160deg,#F9FAFD 0%,#EAF4FC 55%,#DDEEFB 100%);
  padding-block:clamp(44px,5.5vw,74px) clamp(48px,6vw,80px);
  overflow:hidden;
}
body.elementor-page-1981 .lp-hero-grid,
body.elementor-page-1981 .lp-hero-grid > .e-con-inner{ display:flex !important; flex-direction:row !important;
  flex-wrap:wrap !important; align-items:center !important;
  gap:clamp(30px,4vw,56px) !important; width:100% !important; }
.lp-hero-col{ flex:1 1 48%; min-width:300px; }
.lp-hero-media{ flex:1 1 42%; min-width:280px; position:relative; }
/* Seitenverhaeltnisse auf die vorhandenen Bilder abgestimmt:
   Hero 1965x932 (Panorama) -> 16/10 mit mittigem Ausschnitt
   Zweites Bild 1462x1013   -> 4/3, also fast ohne Beschnitt          */
.lp-hero-img img{ border-radius:var(--lp-radius); box-shadow:var(--lp-shadow-lg);
                  width:100%; object-fit:cover; object-position:center;
                  aspect-ratio:16/10; }
.lp-img-round img{ border-radius:var(--lp-radius); box-shadow:var(--lp-shadow-lg);
                   width:100%; object-fit:cover; aspect-ratio:4/3; }
 
.lp-hero-badge{
  position:absolute; left:-14px; bottom:-18px; background:#fff; border-radius:12px;
  box-shadow:var(--lp-shadow-lg); padding:16px 20px;
  display:flex; align-items:center; gap:13px; max-width:270px;
}
.lp-hero-badge .big{ font-size:27px; font-weight:600; color:var(--lp-navy); line-height:1; }
.lp-hero-badge .lbl{ font-size:13px; line-height:1.35; color:var(--lp-muted); }
 
/* Chips (Icon-List inline im Hero) */
body.elementor-page-1981 .lp-chips .elementor-icon-list-items{
  display:flex !important; gap:10px !important; flex-wrap:wrap !important;
  margin:0 !important; padding:0 !important;
}
body.elementor-page-1981 .lp-chips .elementor-icon-list-item{
  background:rgba(255,255,255,.85) !important;
  border:1px solid var(--lp-border) !important;
  border-radius:100px !important;
  padding:8px 16px !important; margin:0 !important;
  font-size:14px !important; font-weight:500 !important;
  line-height:1.3 !important; white-space:nowrap;
}
/* Elementor faerbt den Text direkt – deshalb muss die Farbe auch direkt
   auf den Text-Span, nicht nur auf das Listenelement. */
body.elementor-page-1981 .lp-chips .elementor-icon-list-item > a,
body.elementor-page-1981 .lp-chips .elementor-icon-list-text{
  color:var(--lp-navy) !important; font-size:14px !important;
  font-weight:500 !important; padding:0 !important;
}
body.elementor-page-1981 .lp-chips .elementor-icon-list-icon svg,
body.elementor-page-1981 .lp-chips .elementor-icon-list-icon i{
  color:var(--lp-cyan) !important; font-size:14px !important; width:15px !important;
}
/* Trennstriche der Inline-Liste abschalten */
body.elementor-page-1981 .lp-chips .elementor-icon-list-item:after{ display:none !important; }
 
 
/* ───────────────── KI-Kennzeichnung (Transparenzhinweis) ─────────────────
   Anwendung: Bild-Widget → Erweitert → CSS-Klassen: lp-ai
              Bild-Widget → Inhalt → Bildunterschrift: "Benutzerdefiniert"
              → Text: Symbolbild, KI-generiert
   Der Hinweis ist echter Text im Markup (Elementor-Bildunterschrift),
   nicht per CSS erzeugt – damit er kopierbar, vorlesbar und belegbar ist.
   Variante darunter statt im Bild: zusätzlich Klasse  lp-ai-below
   ───────────────────────────────────────────────────────────────────────── */
.lp-ai figure,
.lp-ai .elementor-widget-container{ position:relative; }
 
body.elementor-page-1981 .lp-ai figcaption.widget-image-caption,
.lp-ai figcaption.widget-image-caption{
  position:absolute; right:10px; bottom:10px; z-index:2; margin:0 !important;
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(28,36,75,.78) !important;
  color:#fff !important;
  font-size:11.5px !important; font-weight:500; letter-spacing:.2px;
  line-height:1 !important;
  padding:6px 11px; border-radius:100px; text-align:left !important;
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  pointer-events:none;
}
body.elementor-page-1981 .lp-ai figcaption.widget-image-caption::before,
.lp-ai figcaption.widget-image-caption::before{
  content:""; width:12px; height:12px; flex-shrink:0; opacity:.9;
  background-color:#fff;
  -webkit-mask:var(--lp-ai-icon) center/contain no-repeat;
          mask:var(--lp-ai-icon) center/contain no-repeat;
}
:root{
  --lp-ai-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 4.6L18.5 9.5l-4.6 1.9L12 16l-1.9-4.6L5.5 9.5l4.6-1.9L12 3z'/%3E%3Cpath d='M18.5 15.5l.8 1.9 1.9.8-1.9.8-.8 1.9-.8-1.9-1.9-.8 1.9-.8.8-1.9z'/%3E%3C/svg%3E");
}
 
/* Variante: Hinweis unter dem Bild statt im Bild */
body.elementor-page-1981 .lp-ai.lp-ai-below figcaption.widget-image-caption,
.lp-ai.lp-ai-below figcaption.widget-image-caption{
  position:static; background:none !important; color:var(--lp-muted) !important;
  border:0; padding:0; margin:9px 2px 0 !important; font-size:12.5px !important;
  line-height:1.35 !important;
  backdrop-filter:none; -webkit-backdrop-filter:none; border-radius:0;
}
body.elementor-page-1981 .lp-ai.lp-ai-below figcaption.widget-image-caption::before,
.lp-ai.lp-ai-below figcaption.widget-image-caption::before{
  background-color:var(--lp-muted); width:13px; height:13px; opacity:.8;
}
 
@media (max-width:767px){
  .lp-ai figcaption.widget-image-caption{ font-size:11px; padding:5px 9px; }
}
 
/* ───────────────────────── Trustbar ───────────────────────── */
.lp-trustbar{ background:#fff; border-block:1px solid var(--lp-border);
              padding-block:22px; }
body.elementor-page-1981 .lp-trust .elementor-icon-list-items{
  display:flex !important; justify-content:center !important;
  gap:14px 40px !important; flex-wrap:wrap !important; margin:0 !important;
}
body.elementor-page-1981 .lp-trust .elementor-icon-list-item{
  margin:0 !important; font-size:15px !important; font-weight:500 !important;
}
body.elementor-page-1981 .lp-trust .elementor-icon-list-item > a,
body.elementor-page-1981 .lp-trust .elementor-icon-list-text{
  color:var(--lp-navy) !important; font-size:15px !important;
}
body.elementor-page-1981 .lp-trust .elementor-icon-list-icon svg,
body.elementor-page-1981 .lp-trust .elementor-icon-list-icon i{ color:var(--lp-cyan) !important; }
body.elementor-page-1981 .lp-trust .elementor-icon-list-item:after{ display:none !important; }
 
/* ───────────────────────── Karten ───────────────────────── */
.lp-card{
  background:#fff; border:1px solid var(--lp-border); border-radius:var(--lp-radius);
  padding:28px 26px; box-shadow:var(--lp-shadow);
}
.lp-bg-lightblue .lp-card{ margin-top:22px; }
body.elementor-page-1981 .lp-card-icon .elementor-icon{
  width:46px !important; height:46px !important; border-radius:12px !important;
  background-color:var(--lp-lightblue) !important;
  border:0 !important; color:var(--lp-navy) !important; font-size:22px !important;
  padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
body.elementor-page-1981 .lp-card-icon .elementor-icon svg{
  width:23px !important; height:23px !important; fill:var(--lp-navy) !important;
}
body.elementor-page-1981 .lp-card-icon .elementor-icon i{ color:var(--lp-navy) !important; }
/* Rote Variante fuer die Ausschluss-Karte */
body.elementor-page-1981 .lp-card-icon-no .elementor-icon{
  background-color:#FCE7EA !important; color:#C4485A !important;
}
body.elementor-page-1981 .lp-card-icon-no .elementor-icon svg{ fill:#C4485A !important; }
body.elementor-page-1981 .lp-card-icon-no .elementor-icon i{ color:#C4485A !important; }
 
/* ───────────────────────── Checklisten ───────────────────────── */
body.elementor-page-1981 .lp-checks .elementor-icon-list-items{ display:block !important; }
body.elementor-page-1981 .lp-checks .elementor-icon-list-item{
  align-items:flex-start !important; margin:0 0 13px !important;
  display:flex !important;
}
body.elementor-page-1981 .lp-checks .elementor-icon-list-text,
body.elementor-page-1981 .lp-checks .elementor-icon-list-item > a{
  font-size:16px !important; line-height:1.5 !important;
  color:var(--lp-text) !important;
}
body.elementor-page-1981 .lp-checks .elementor-icon-list-icon{ padding-top:4px !important; }
body.elementor-page-1981 .lp-checks .elementor-icon-list-icon,
body.elementor-page-1981 .lp-checks .elementor-icon-list-icon svg,
body.elementor-page-1981 .lp-checks .elementor-icon-list-icon i{
  color:var(--lp-cyan) !important; fill:var(--lp-cyan) !important;
  font-size:15px !important;
}
body.elementor-page-1981 .lp-checks-no .elementor-icon-list-icon,
body.elementor-page-1981 .lp-checks-no .elementor-icon-list-icon svg,
body.elementor-page-1981 .lp-checks-no .elementor-icon-list-icon i{
  color:#C4485A !important; fill:#C4485A !important;
}
 
.lp-traeger .elementor-icon-list-item{
  background:#fff; border:1px solid var(--lp-border); border-radius:10px;
  padding:14px 18px; margin-bottom:11px; font-size:16px; font-weight:500;
  color:var(--lp-navy);
}
body.elementor-page-1981 .lp-traeger .elementor-icon-list-icon,
body.elementor-page-1981 .lp-traeger .elementor-icon-list-icon svg,
body.elementor-page-1981 .lp-traeger .elementor-icon-list-icon i{
  color:var(--lp-cyan) !important; fill:var(--lp-cyan) !important;
}
 
/* ───────────────────────── Filterbox ───────────────────────── */
.lp-filterbox{
  background:#fff; border:2px solid var(--lp-cyan); border-radius:var(--lp-radius);
  padding:clamp(26px,3vw,38px); box-shadow:var(--lp-shadow-lg);
  max-width:760px; margin:0 auto 44px;
}
.lp-filter-opt{
  background:var(--lp-off); border:1px solid var(--lp-border); border-radius:10px;
  padding:18px 20px; font-size:17px; line-height:1.45; color:var(--lp-text);
}
.lp-filter-opt strong{ display:block; margin-bottom:2px; color:var(--lp-navy); }
.lp-or{
  text-align:center; font-weight:600; color:var(--lp-cyan); font-size:14px;
  letter-spacing:2px; text-transform:uppercase; margin:16px 0;
}
.lp-filter-foot{ margin:24px 0 0; font-size:16px; color:var(--lp-muted);
                 text-align:center; }
 
/* ───────────────────────── Timeline ─────────────────────────
   Durchgehende Linie + kurzer Tick-Strich pro Eintrag.
   Bewusst ohne absolut positionierte Punkte: die verrutschen,
   sobald Textlaenge oder Spaltenbreite sich aendern.
   ──────────────────────────────────────────────────────────── */
.lp-timeline{
  list-style:none; margin:0; padding:0;
  border-left:2px solid var(--lp-border);
}
.lp-tl-item{
  position:relative;
  padding:0 0 40px 38px;
}
.lp-tl-item:last-child{ padding-bottom:0; }
.lp-tl-item::before{
  content:""; position:absolute; left:0; top:11px;
  width:24px; height:2px; background:var(--lp-cyan);
}
.lp-tl-meta{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:10px;
  margin:0 0 4px; line-height:1.3;
}
.lp-tl-step{
  font-size:13px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--lp-cyan);
}
.lp-tl-sub{ font-size:14px; font-weight:300; color:var(--lp-muted); }
.lp-tl-item h3{
  margin:0 0 .35em; font-size:clamp(19px,1.6vw,22px);
  font-weight:600; color:var(--lp-navy); line-height:1.3;
}
.lp-tl-item p{ margin:0; font-size:16px; line-height:1.6; color:var(--lp-text); }
 
/* ───────────────────────── Hinweisbox ───────────────────────── */
.lp-hinweis{
  border-left:4px solid var(--lp-cyan); background:#fff; border-radius:0 10px 10px 0;
  padding:18px 22px; font-size:16px; line-height:1.55; margin-top:22px;
  color:var(--lp-text);
}
.lp-hinweis strong{ display:block; margin-bottom:4px; color:var(--lp-navy); }
 
/* ───────────────────────── Vergleichstabelle ───────────────────────── */
.lp-tablewrap{
  overflow-x:auto; border-radius:var(--lp-radius); border:1px solid var(--lp-border);
  background:#fff; box-shadow:var(--lp-shadow);
}
.lp-table{ width:100%; border-collapse:collapse; min-width:640px; font-size:16px; }
.lp-table th, .lp-table td{
  padding:16px 20px; text-align:left; border-bottom:1px solid var(--lp-border);
  vertical-align:top;
}
.lp-table thead th{ background:var(--lp-navy); color:#fff; font-weight:600; font-size:15px; }
.lp-table thead th:first-child{ background:#151C3C; }
.lp-table thead th span{ font-weight:300; }
.lp-table tbody th{ font-weight:500; color:var(--lp-navy); background:var(--lp-off); width:26%; }
.lp-table td.hi{ background:#F2FAFE; }
.lp-table tr:last-child th, .lp-table tr:last-child td{ border-bottom:0; }
 
/* ───────────────────────── Standorte ───────────────────────── */
.lp-ort .lp-ort-sub{ font-size:15px; color:var(--lp-muted); margin-bottom:12px; }
.lp-ort address{ font-style:normal; font-size:16px; line-height:1.6; margin-bottom:14px; }
 
/* ───────────────────────── FAQ (Nested Accordion) ───────────────────────── */
.lp-faq .e-n-accordion-item{
  background:#fff; border:1px solid var(--lp-border); border-radius:12px;
  margin-bottom:12px; overflow:hidden;
}
.lp-faq .e-n-accordion-item[open]{ border-color:var(--lp-cyan); box-shadow:var(--lp-shadow); }
.lp-faq .e-n-accordion-item-title{
  padding:20px 24px; font-weight:600; color:var(--lp-navy);
  font-size:17px; line-height:1.4; cursor:pointer;
}
.lp-faq .e-n-accordion-item-title-icon{ color:var(--lp-cyan); }
.lp-faq .e-con-inner{ padding:0 24px 22px; }
.lp-faq p{ font-size:16px; line-height:1.65; color:var(--lp-text); margin-bottom:0; }
 
/* ───────────────────────── Formular (4 Schritte) ─────────────────────────
   Elementor Pro trennt die Schritte ueber Felder vom Typ "step".
   Die Fortschrittsanzeige steht im Widget auf "number_text" und wird hier
   zu einem Segmentbalken mit Beschriftung umgebaut.
   Die Optik der Antwortoptionen haengt an der Feld-ID: Elementor
   vergibt pro Formularfeld automatisch die Klasse
   elementor-field-group-ID. Ein CSS-Klassen-Feld gibt es bei
   Formularfeldern nicht.
   ───────────────────────────────────────────────────────────────────────── */
body.elementor-page-1981 .lp-form-grid,
body.elementor-page-1981 .lp-form-grid > .e-con-inner{ display:flex !important; flex-direction:row !important;
  flex-wrap:wrap !important; align-items:flex-start !important;
  gap:clamp(30px,4vw,56px) !important; width:100% !important; }
.lp-form-side{ flex:1 1 38%; min-width:290px; position:sticky; top:100px; }
.lp-form-card{
  flex:1 1 55%; min-width:300px;
  background:#fff; border-radius:var(--lp-radius); padding:clamp(26px,3vw,40px);
  box-shadow:var(--lp-shadow-lg);
  scroll-margin-top:100px;
}
 
body.elementor-page-1981 .lp-checks-light .elementor-icon-list-text,
body.elementor-page-1981 .lp-checks-light .elementor-icon-list-item > a{ color:#C3CFE4 !important; }
body.elementor-page-1981 .lp-checks-light .elementor-icon-list-icon,
body.elementor-page-1981 .lp-checks-light .elementor-icon-list-icon svg,
body.elementor-page-1981 .lp-checks-light .elementor-icon-list-icon i{
  color:#6FD0FF !important; fill:#6FD0FF !important;
}
 
.lp-callnow{ margin-top:26px; font-size:16px; color:#9FB0CE; }
.lp-callnow a{ color:#fff; font-weight:500; font-size:20px; text-decoration:none;
               display:block; }
.lp-callnow span{ display:block; font-size:14px; margin-top:2px; }
 
/* ── Fortschrittsanzeige als Segmentbalken ── */
/* Ein Segment je Schritt, darunter eine Zeile "Schritt n von m".
   Beide Zahlen kommen aus CSS-Zaehlern: lptotal zaehlt alle Segmente,
   lpstep die erledigten plus den aktiven. Die Gesamtzahl passt sich damit
   automatisch an, wenn im Formular ein Schritt dazukommt oder wegfaellt.
   Die Einzelbeschriftungen (Ziel, Standort …) werden ausgeblendet – sie
   brechen auf schmalen Karten um und lenken vom Inhalt ab. */
body.elementor-page-1981 .lp-form-steps .e-form__indicators{
  display:flex !important; flex-wrap:wrap !important; gap:7px !important;
  margin:0 0 26px !important; padding:0 !important;
  /* eigene Zeile, damit kein Feld daneben rutscht */
  flex:0 0 100% !important; width:100% !important; max-width:100% !important;
  counter-reset:lpstep lptotal;
}
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator{
  flex:1 1 0 !important; position:relative; padding:0 !important;
  border:0 !important; background:none !important; min-width:0 !important;
  height:5px;
  counter-increment:lptotal;
}
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator::before{
  content:""; position:absolute; inset:0; height:5px;
  border-radius:100px; background:#E3E9EF; transition:background .35s ease;
}
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator--state-active::before,
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator--state-completed::before{
  background:var(--lp-cyan);
}
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator--state-active,
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator--state-completed{
  /* Beide Zaehler nennen, sonst ueberschreibt diese Regel das lptotal
     der allgemeinen Segmentregel und die Gesamtzahl stimmt nicht. */
  counter-increment:lptotal lpstep;
}
/* Alles, was Elementor sonst in die Anzeige schreibt, bleibt aussen vor */
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator__number,
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator__icon,
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator__separator,
body.elementor-page-1981 .lp-form-steps .e-form__indicators__indicator__label{
  display:none !important;
}
/* Die Zeile "SCHRITT 1 VON 4" – beide Zahlen zaehlt der Browser selbst. */
body.elementor-page-1981 .lp-form-steps .e-form__indicators::after{
  content:"Schritt " counter(lpstep) " von " counter(lptotal);
  flex:0 0 100%; order:99;
  margin-top:16px;
  font-size:12px; font-weight:600; letter-spacing:1.6px;
  text-transform:uppercase; color:var(--lp-muted);
}
 
/* ── Feld-Grundlagen ── */
/* Elementor setzt den Zeilenabstand ueber eine Variable – hier grosszuegiger,
   weil jede Frage im Mehrschritt-Formular als eigener Block gelesen wird. */
/* Elementor verteilt den Zeilenabstand je nach Version ueber row-gap ODER
   ueber margin-bottom. row-gap wirkt nur, wenn der Wrapper wirklich Flex ist –
   verlaesslich ist deshalb der Aussenabstand am Feld selbst. */
body.elementor-page-1981 .lp-form .elementor-form-fields-wrapper{
  --e-form-row-gap:0px !important; row-gap:0 !important;
}
body.elementor-page-1981 .lp-form .elementor-field-group{ margin-bottom:34px !important; }
body.elementor-page-1981 .lp-form .elementor-field-group:last-child{ margin-bottom:0 !important; }
body.elementor-page-1981 .lp-form .e-form__buttons{ margin-bottom:0 !important; }
body.elementor-page-1981 .lp-form .elementor-field-type-hidden{ margin-bottom:0 !important; display:none; }
body.elementor-page-1981 .lp-form .elementor-field-group > label.elementor-field-label{
  display:block !important; flex:0 0 100% !important;
  font-size:17px !important; font-weight:600 !important;
  color:var(--lp-navy) !important; margin-bottom:14px !important;
  line-height:1.35 !important; padding:0 !important; width:100% !important;
}
.lp-form .elementor-field-group .elementor-field{
  font-family:"Poppins",sans-serif; font-size:16px; font-weight:300;
  color:var(--lp-text); padding:13px 16px; border:1px solid var(--lp-border);
  border-radius:10px; background:var(--lp-off); min-height:auto;
}
.lp-form .elementor-field:focus{
  outline:none; border-color:var(--lp-cyan); background:#fff;
  box-shadow:0 0 0 3px rgba(0,159,227,.13);
}
.lp-form .elementor-field-type-text > label,
.lp-form .elementor-field-type-tel > label,
.lp-form .elementor-field-type-email > label{ font-size:15px; font-weight:500; }
 
/* ── Optionen: grosse Karten ── */
body.elementor-page-1981 .lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) .elementor-field-subgroup{ display:grid !important; gap:12px !important; margin:0 !important; width:100% !important; }
.lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) .elementor-field-option{
  display:flex; align-items:center; gap:15px;
  border:1px solid var(--lp-border); border-radius:12px;
  padding:17px 20px; background:var(--lp-off);
  transition:border-color .15s, background .15s;
}
.lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) .elementor-field-option:hover{
  border-color:#9FC9E4; background:#fff;
}
.lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) .elementor-field-option label{
  margin:0; font-size:16.5px; font-weight:400; line-height:1.35;
  color:var(--lp-text); cursor:pointer; flex:1;
}
 
/* ── Optionen: kompakte Pills ── */
body.elementor-page-1981 .lp-form :is(.lp-opt-pills,.elementor-field-group-vollzeit,.elementor-field-group-alter_ueber_25,.elementor-field-group-deutsch,.elementor-field-group-zeitfenster,.elementor-field-group-alter_ab_18,.elementor-field-group-interesse,.elementor-field-type-radio) .elementor-field-subgroup{ display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin:0 !important; width:100% !important; }
.lp-form :is(.lp-opt-pills,.elementor-field-group-vollzeit,.elementor-field-group-alter_ueber_25,.elementor-field-group-deutsch,.elementor-field-group-zeitfenster,.elementor-field-group-alter_ab_18,.elementor-field-group-interesse,.elementor-field-type-radio) .elementor-field-option{
  border:1px solid var(--lp-border); border-radius:100px;
  padding:11px 18px; background:var(--lp-off);
  display:inline-flex; align-items:center; gap:9px;
  transition:border-color .15s, background .15s;
}
.lp-form :is(.lp-opt-pills,.elementor-field-group-vollzeit,.elementor-field-group-alter_ueber_25,.elementor-field-group-deutsch,.elementor-field-group-zeitfenster,.elementor-field-group-alter_ab_18,.elementor-field-group-interesse,.elementor-field-type-radio) .elementor-field-option:hover{ border-color:#9FC9E4; background:#fff; }
.lp-form :is(.lp-opt-pills,.elementor-field-group-vollzeit,.elementor-field-group-alter_ueber_25,.elementor-field-group-deutsch,.elementor-field-group-zeitfenster,.elementor-field-group-alter_ab_18,.elementor-field-group-interesse,.elementor-field-type-radio) .elementor-field-option label{
  margin:0; font-size:15.5px; font-weight:400; color:var(--lp-text); cursor:pointer;
}
 
/* ── Radio-Knopf und Auswahlzustand (beide Varianten) ── */
.lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) input[type=radio],
.lp-form :is(.lp-opt-pills,.elementor-field-group-vollzeit,.elementor-field-group-alter_ueber_25,.elementor-field-group-deutsch,.elementor-field-group-zeitfenster,.elementor-field-group-alter_ab_18,.elementor-field-group-interesse,.elementor-field-type-radio) input[type=radio]{
  appearance:none; -webkit-appearance:none; margin:0; flex-shrink:0;
  width:22px; height:22px; border:2px solid var(--lp-border); border-radius:50%;
  background:#fff; cursor:pointer; transition:border-color .15s, border-width .15s;
}
.lp-form :is(.lp-opt-pills,.elementor-field-group-vollzeit,.elementor-field-group-alter_ueber_25,.elementor-field-group-deutsch,.elementor-field-group-zeitfenster,.elementor-field-group-alter_ab_18,.elementor-field-group-interesse,.elementor-field-type-radio) input[type=radio]{ width:18px; height:18px; }
.lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) input[type=radio]:checked{ border-color:var(--lp-cyan); border-width:6px; }
.lp-form :is(.lp-opt-pills,.elementor-field-group-vollzeit,.elementor-field-group-alter_ueber_25,.elementor-field-group-deutsch,.elementor-field-group-zeitfenster,.elementor-field-group-alter_ab_18,.elementor-field-group-interesse,.elementor-field-type-radio) input[type=radio]:checked{ border-color:var(--lp-cyan); border-width:5px; }
.lp-form .elementor-field-option:has(input:checked){
  border-color:var(--lp-cyan); background:#F2FAFE;
}
.lp-form .elementor-field-option:has(input:focus-visible){
  box-shadow:0 0 0 3px rgba(0,159,227,.18);
}
/* Fallback fuer Browser ohne :has() – Rahmen bleibt neutral, Knopf zeigt die Auswahl */
@supports not body.elementor-page-1981(:has(*)){
  .lp-form .elementor-field-option{ background:var(--lp-off); }
}
 
.lp-form input[type=radio], .lp-form input[type=checkbox]{ accent-color:var(--lp-cyan); }
.lp-form .elementor-field-type-acceptance .elementor-field-subgroup{
  font-size:13.5px; line-height:1.5; color:var(--lp-muted);
}
 
/* ── Navigation zwischen den Schritten ── */
/* ── Knopfzeile ──────────────────────────────────────────────────────────
   Echte Struktur (aus dem DOM abgelesen):
     .e-form__buttons.elementor-column.elementor-col-100
       └ .elementor-field-group.e-form__buttons__wrapper.elementor-field-type-previous
           └ button.e-form__buttons__wrapper__button-previous
       └ .elementor-field-group.elementor-field-type-submit.e-form__buttons__wrapper
           └ button[type=submit]  (bzw. der Weiter-Knopf)
   Beide Kinder tragen .elementor-field-group und damit Elementors
   width:100% – deshalb standen sie untereinander.
   ─────────────────────────────────────────────────────────────────────── */
body.elementor-page-1981 .lp-form .e-form__buttons{
  display:flex !important; flex-direction:row !important;
  flex-wrap:wrap !important; align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important; width:100% !important; max-width:none !important;
  /* Der Knopf sitzt direkt unter der letzten Auswahl, nicht am Seitenende.
     Kein Trennstrich mehr: Er hat den Abstand optisch noch vergroessert. */
  margin-top:10px !important; margin-bottom:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
}
/* Das Feld unmittelbar vor der Knopfreihe gibt seinen Abstand ab. */
body.elementor-page-1981 .lp-form .elementor-field-group:has(+ .e-form__buttons){
  margin-bottom:6px !important;
}
/* Die beiden Wrapper schrumpfen auf Knopfbreite */
body.elementor-page-1981 .lp-form .e-form__buttons > *{
  width:auto !important; max-width:none !important; min-width:0 !important;
  flex:0 0 auto !important; margin:0 !important; padding:0 !important;
  order:2 !important;
}
/* Zurueck ganz nach links, Hauptaktion ganz nach rechts */
body.elementor-page-1981 .lp-form .e-form__buttons > .elementor-field-type-previous{
  margin-right:auto !important; order:1 !important;
}
body.elementor-page-1981 .lp-form .e-form__buttons > .elementor-field-type-submit{
  margin-left:auto !important; order:3 !important;
}
 
/* Grundform fuer jeden Knopf in der Zeile */
body.elementor-page-1981 .lp-form .e-form__buttons button,
body.elementor-page-1981 .lp-form .e-form__buttons .elementor-button{
  width:auto !important; max-width:none !important; flex:0 0 auto !important;
  border-radius:100px !important; padding:15px 34px !important;
  font-size:16px !important; font-weight:500 !important; line-height:1.2 !important;
  text-transform:none !important;
  background-color:var(--lp-navy) !important;
  border:2px solid var(--lp-navy) !important;
  color:#fff !important; box-shadow:none !important; transition:.18s;
}
body.elementor-page-1981 .lp-form .e-form__buttons button:hover,
body.elementor-page-1981 .lp-form .e-form__buttons .elementor-button:hover{
  background-color:#121938 !important; border-color:#121938 !important;
  transform:translateY(-1px);
}
 
/* Absenden im letzten Schritt: cyan, die eigentliche Conversion */
body.elementor-page-1981 .lp-form .e-form__buttons button[type="submit"],
body.elementor-page-1981 .lp-form .elementor-button[type="submit"]{
  background-color:var(--lp-cyan) !important;
  border-color:var(--lp-cyan) !important;
  color:#fff !important; font-size:17px !important; padding:17px 38px !important;
  box-shadow:0 6px 18px rgba(0,159,227,.25) !important;
}
body.elementor-page-1981 .lp-form .e-form__buttons button[type="submit"]:hover,
body.elementor-page-1981 .lp-form .elementor-button[type="submit"]:hover{
  background-color:var(--lp-cyan-dark) !important;
  border-color:var(--lp-cyan-dark) !important;
}
 
/* "Zurueck": ruhiger Textlink statt Knopf.
   Deckt beide Schreibweisen ab – ...__button-previous und ...__button--previous. */
body.elementor-page-1981 .lp-form .e-form__buttons [class*="previous"],
body.elementor-page-1981 .lp-form .e-form__buttons [data-direction="previous"],
body.elementor-page-1981 .lp-form .e-form__buttons .elementor-field-type-previous button{
  background:none !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important;
  padding:8px 4px !important; font-size:15px !important;
  color:var(--lp-muted) !important;
}
body.elementor-page-1981 .lp-form .e-form__buttons [class*="previous"]:hover,
body.elementor-page-1981 .lp-form .e-form__buttons [data-direction="previous"]:hover,
body.elementor-page-1981 .lp-form .e-form__buttons .elementor-field-type-previous button:hover{
  color:var(--lp-navy) !important; background:none !important;
  transform:none !important;
}
 
.lp-form .elementor-message-success{
  background:#EAF7EE; border:1px solid #8FCFA5; border-radius:10px;
  padding:14px 18px; color:#1E6B39;
}
body.elementor-page-1981 .lp-form .elementor-message-danger{ color:#C4485A !important; font-size:14px !important; }
 
/* ── Meldungen ───────────────────────────────────────────────────────────
   Elementor setzt vor jede Meldung ein Icon aus seiner eigenen Icon-Schrift.
   Ist die auf der Seite nicht geladen, erscheint stattdessen ein leeres
   Kaestchen. Das Icon wird deshalb abgeschaltet.
   Ausserdem liegt die Feldmeldung sonst neben dem Feld statt darunter. */
body.elementor-page-1981 .lp-form .elementor-message::before,
body.elementor-page-1981 .lp-form .elementor-form-help-inline::before,
body.elementor-page-1981 .lp-form .elementor-field-group .elementor-error::before{
  content:none !important; display:none !important;
}
body.elementor-page-1981 .lp-form .elementor-form-help-inline,
body.elementor-page-1981 .lp-form .elementor-field-group .elementor-error{
  flex:0 0 100% !important; width:100% !important; order:99 !important;
  margin:8px 0 0 !important; padding:0 !important;
  font-size:14px !important; line-height:1.4 !important;
  color:#C4485A !important; background:none !important;
}
body.elementor-page-1981 .lp-form .elementor-message{
  width:100% !important; margin-top:16px !important;
  padding:12px 16px !important; border-radius:10px !important;
  font-size:15px !important; line-height:1.5 !important;
}
 
/* ───────────────────────── Schlussband ───────────────────────── */
.lp-endband{ background-color:var(--lp-cyan); text-align:center; }
.lp-endband h2{ color:#fff !important; }
.lp-endband p{ color:rgba(255,255,255,.92); font-size:19px; max-width:640px;
               margin-inline:auto; }
 
/* ═══════════════════ Optional: eigener LP-Header/-Footer ═══════════════
   Standardmaessig NICHT im Einsatz – die Landingpages benutzen den
   normalen Header und Footer der Website. Diese Regeln liegen hier fuer
   den Fall, dass ihr spaeter doch einen reduzierten Rahmen testen wollt
   (Theme Builder → Templates mit den Klassen lp-header / lp-footer).
   ════════════════════════════════════════════════════════════════════ */
.lp-header{ background:#fff; border-bottom:1px solid var(--lp-border); }
.lp-header .lp-tel{ font-weight:500; color:var(--lp-navy); font-size:15px;
                    white-space:nowrap; text-decoration:none; }
.lp-header .lp-tel small{ display:block; font-weight:300; color:var(--lp-muted);
                          font-size:13px; line-height:1.1; }
.lp-footer{ background:var(--lp-navy); padding-block:36px; font-size:14.5px; }
.lp-footer, .lp-footer p{ color:#9FB0CE; }
.lp-footer a{ color:#C9E8FB; text-decoration:none; }
.lp-footer a:hover{ text-decoration:underline; }
 
/* ═══════════════════════ Sticky Mobile CTA ═══════════════════════
   Markup: HTML-Widget im LP-Footer-Template (Theme Builder), siehe
   UMSETZUNG 3.3. Erscheint nur unter 767 px.
   ════════════════════════════════════════════════════════════════ */
body.elementor-page-1981 .lp-sticky-cta{ display:none; }
 
 
/* Die Spalten sind Flex-Elemente – egal ob direkt im Container oder in
   Elementors innerem Wrapper (.e-con-inner bei „Begrenzt"). */
body.elementor-page-1981 .lp-form-side{ flex:1 1 38% !important; min-width:290px !important;
  width:auto !important; max-width:none !important; }
body.elementor-page-1981 .lp-form-card{ flex:1 1 55% !important; min-width:300px !important;
  width:auto !important; max-width:none !important; }
body.elementor-page-1981 .lp-hero-col{ flex:1 1 48% !important; min-width:300px !important; width:auto !important; }
body.elementor-page-1981 .lp-hero-media{ flex:1 1 42% !important; min-width:280px !important; width:auto !important; }
body.elementor-page-1981 .lp-g2 > .e-con, body.elementor-page-1981 .lp-g2 > .e-con-inner > .e-con,
body.elementor-page-1981 .lp-g2 > .elementor-widget{ flex:1 1 calc(50% - 12px) !important; width:auto !important; }
body.elementor-page-1981 .lp-g3 > .e-con, body.elementor-page-1981 .lp-g3 > .e-con-inner > .e-con,
body.elementor-page-1981 .lp-g3 > .elementor-widget{ flex:1 1 calc(33.333% - 15px) !important; width:auto !important; }
 
/* ═══════════════════════ Responsive ═══════════════════════ */
@media (max-width:1024px){
  .lp-g3 > .e-con, .lp-g3 > .elementor-widget{ flex-basis:calc(50% - 11px); }
  .lp-form-side{ position:static; }
}
@media (max-width:880px){
  .lp-hero-media{ order:-1; max-width:520px; margin-inline:auto; }
  .lp-hero-badge{ position:static; max-width:none; margin-top:14px; }
}
@media (max-width:767px){
  /* ── Formularkarte ueber die volle Breite ──────────────────────────
     Die Karte bricht aus dem Seitenrand des Abschnitts aus, der Text
     daneben behaelt ihn. Ecken gerade, sonst haengen die Rundungen
     halb ausserhalb des Displays. */
  body.elementor-page-1981 .lp-form-card{
    margin-inline:-20px !important;
    width:calc(100% + 40px) !important; max-width:none !important;
    border-radius:0 !important;
    padding:20px 16px !important;
  }
 
  /* ── Kontaktschritt kompakter ──────────────────────────────────────
     Auf dem Handy fuellt der letzte Schritt sonst zwei Bildschirme.
     Weniger Abstand, engere Beschriftungen, und Felder, die im Editor
     auf 50 % stehen, bleiben auch hier nebeneinander. */
  body.elementor-page-1981 .lp-form .elementor-field-group{ margin-bottom:16px !important; }
  body.elementor-page-1981 .lp-form .elementor-field-group > label.elementor-field-label{
    font-size:15px !important; margin-bottom:6px !important;
  }
  body.elementor-page-1981 .lp-form .elementor-field-group .elementor-field:not([type=checkbox]):not([type=radio]){
    padding-top:12px !important; padding-bottom:12px !important;
    font-size:16px !important;   /* nicht kleiner: iOS zoomt sonst beim Tippen */
  }
  body.elementor-page-1981 .lp-form .elementor-field-group.elementor-col-50{
    width:50% !important; max-width:50% !important;
    flex:0 0 50% !important;
  }
 
  .lp-g2 > .e-con, .lp-g2 > .elementor-widget,
  .lp-g3 > .e-con, .lp-g3 > .elementor-widget{ flex-basis:100%; }
  .lp-tl-item{ padding-left:28px; padding-bottom:32px; }
  .lp-tl-item::before{ width:16px; }
  .lp-trust .elementor-icon-list-items{ gap:12px 22px; }
  .lp-trust .elementor-icon-list-item{ font-size:14px; }
  .lp-faq .e-n-accordion-item-title{ font-size:16px; padding:18px 20px; }
  .lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) .elementor-field-option{ padding:15px 16px; }
  .lp-form .elementor-field-group:is(.lp-opt-cards,.elementor-field-group-ziel,.elementor-field-group-standort,.elementor-field-group-kursort,.elementor-field-group-foerderstatus,.elementor-field-group-schulabschluss,.elementor-field-group-lta_status,.elementor-field-group-standort_fiba) .elementor-field-option label{ font-size:16px; }
  body.elementor-page-1981 .lp-form .e-form__buttons button,
  body.elementor-page-1981 .lp-form .e-form__buttons .elementor-button{
    padding:14px 24px !important; font-size:15px !important;
  }
  body.elementor-page-1981 .lp-form .e-form__buttons__wrapper > button:not(:last-of-type),
  body.elementor-page-1981 .lp-form .e-form__buttons > button:not(:last-of-type){
    padding:8px 4px !important; font-size:14px !important;
  }
  /* Header auf Mobil entschlacken – der Sticky-CTA übernimmt */
  .lp-header .lp-btn{ display:none; }
  .lp-header .lp-tel small{ display:none; }
 
  /* Sticky-CTA nur mobil und nur auf Landingpages */
  body{ padding-bottom:76px; }
  body.elementor-page-1981 .lp-sticky-cta{
    display:flex; position:fixed; inset:auto 0 0 0; z-index:800; gap:10px;
    background:#fff; border-top:1px solid var(--lp-border); padding:10px 14px;
    box-shadow:0 -4px 20px rgba(28,36,75,.12);
  }
  body.elementor-page-1981 .lp-sticky-cta .lp-sticky-main{
    flex:1; background:var(--lp-cyan); color:#fff; border-radius:100px;
    padding:14px 12px; font-size:15px; font-weight:500; text-align:center;
    text-decoration:none;
  }
  body.elementor-page-1981 .lp-sticky-cta .lp-sticky-tel{
    flex:0 0 54px; border:1px solid var(--lp-border); border-radius:100px;
    display:flex; align-items:center; justify-content:center; color:var(--lp-navy);
    text-decoration:none; font-size:19px;
  }
}
 
/* ════════════════════════════════════════════════════════════════
   Typografie: genau vier Stufen, eine Schriftfamilie
   Gilt fuer die Elementor-Widgets der Seite. Die HTML-Bloecke
   bekommen dieselbe Skala in Teil 2.
   Bewusst NICHT auf .lpx-host angewendet: dort haetten diese
   Regeln die hoehere Spezifitaet und wuerden Teil 2 aushebeln.
   ════════════════════════════════════════════════════════════════ */
body.elementor-page-1981{
  --fs-xl:clamp(32px,4.2vw,46px);
  --fs-l:clamp(23px,2.2vw,30px);
  --fs-m:20px;
  --fs-s:16px;
}
body.elementor-page-1981 .lp-form, body.elementor-page-1981 .lp-form *,
body.elementor-page-1981 .lp-sec, body.elementor-page-1981 .lp-trustbar{ font-size:var(--fs-s) !important; }
body.elementor-page-1981 .lp-sec h1{ font-size:var(--fs-xl) !important; letter-spacing:-.5px; line-height:1.14; }
body.elementor-page-1981 .lp-sec h2, body.elementor-page-1981 .lp-form h2{ font-size:var(--fs-l) !important; line-height:1.2; }
body.elementor-page-1981 .lp-sec h3, body.elementor-page-1981 .lp-form h3,
body.elementor-page-1981 .lp-sec h4, body.elementor-page-1981 .lp-form h4,
body.elementor-page-1981 .lp-lead p, body.elementor-page-1981 .lp-lead-p{ font-size:var(--fs-m) !important; line-height:1.35; }
body.elementor-page-1981 .lp-sec h1 *, body.elementor-page-1981 .lp-sec h2 *, body.elementor-page-1981 .lp-sec h3 *,
body.elementor-page-1981 .lp-form h2 *, body.elementor-page-1981 .lp-form h3 *{ font-size:inherit !important; }
 
/* ════════════════════════════════════════════════════════════════════
   TEIL 2 · Aussehen der HTML-Blöcke
   Alle Regeln sind auf .lpx begrenzt und wirken ausschliesslich innerhalb
   der HTML-Blöcke dieser Seite. Einzige Ausnahme: .lpx-host, die Klasse
   des Elementor-Containers, der die Blöcke trägt.
   ════════════════════════════════════════════════════════════════════ */
 
.lpx-host{
  --width:100%; --content-width:100%;
  width:100% !important; max-width:none !important;
  padding:0 !important; gap:0 !important;
}
.lpx-host > .e-con-inner{
  max-width:none !important; width:100% !important;
  padding:0 !important; gap:0 !important;
}
.lpx-host .elementor-widget{ width:100% !important; max-width:none !important; }
.lpx-host .elementor-widget-container{ padding:0 !important; margin:0 !important; }
 
.lpx{
  --navy:#1C244B;
  --text:#324A6D;
  
  --cyan:#009EE2;
  --cyan-bright:#009EE2;
  --cyan-dark:#0086C2;     
  --blue:#467FF7;
  
  --grey:#F3F5F8;
  --lightblue:#F3F5F8;
  --offwhite:#F3F5F8;
  --border:#C8D5DC;
  --border-strong:#8E9FB0;  
  --muted:#646364;
  --white:#FFFFFF;
  --maxw:1140px;
  --radius:14px;
  --shadow:0 4px 24px rgba(28,36,75,.08);
  --shadow-lg:0 12px 40px rgba(28,36,75,.13);}
.lpx, .lpx *{box-sizing:border-box}
html{scroll-behavior:smooth}
.lpx{
  margin:0;font-family:inherit;  
  font-weight:300;font-size:18px;line-height:1.6;color:var(--text);background:var(--white);
  -webkit-font-smoothing:antialiased;}
.lpx img{max-width:100%;display:block}
.lpx h1, .lpx h2, .lpx h3, .lpx h4{font-family:inherit;color:var(--navy);font-weight:600;line-height:1.15;margin:0 0 .5em}
.lpx h1{font-size:clamp(30px,4.4vw,50px);letter-spacing:-.5px}
.lpx h2{font-size:clamp(25px,3vw,36px)}
.lpx h3{font-size:clamp(19px,1.6vw,23px);line-height:1.3}
.lpx h4{font-size:17px;font-weight:600}
.lpx p{margin:0 0 1em}
.lpx a{color:var(--cyan)}
.lpx strong{font-weight:600;color:var(--navy)}
.lpx .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.lpx .wrap-narrow{max-width:820px;margin:0 auto;padding:0 24px}
.lpx section{padding:clamp(52px,7vw,88px) 0}
.lpx .sec-grey{background:var(--grey)}
.lpx .sec-off{background:var(--offwhite)}
.lpx .sec-lightblue{background:var(--lightblue)}
.lpx .sec-navy{background:var(--navy);color:#DDE4F0}
.lpx .sec-navy h2, .lpx .sec-navy h3{color:#fff}
.lpx .sec-navy .form-card h3, .lpx .sec-navy .form-card h4{color:var(--navy)}
.lpx .kicker{
  font-size:14px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--cyan);margin:0 0 14px;display:block;}
.lpx .lead{font-size:clamp(18px,1.5vw,21px);line-height:1.65;font-weight:300}
.lpx .center{text-align:center}
.lpx .sec-head{max-width:760px;margin:0 auto clamp(34px,4vw,54px)}
.lpx .sec-head.center{text-align:center}
.lpx .site-header{
  position:sticky;top:0;z-index:60;background:#fff;
  box-shadow:0 1px 0 rgba(28,36,75,.07);}
.lpx .site-header .bar{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  max-width:var(--maxw);margin:0 auto;padding:18px 24px;}
.lpx .site-logo img{max-width:245px;height:auto}
.lpx .site-nav{display:flex;align-items:center;gap:34px}
.lpx .site-nav > li{position:relative;list-style:none}
.lpx .site-nav a{
  font-size:14px;font-weight:500;color:var(--navy);text-decoration:none;
  text-transform:capitalize;padding:5px 0;display:inline-flex;align-items:center;gap:6px;
  white-space:nowrap;}
.lpx .site-nav a:hover{color:var(--cyan)}
.lpx .site-nav ul{
  position:absolute;top:100%;left:-18px;min-width:230px;margin:0;padding:10px 0;
  list-style:none;background:#fff;border-radius:8px;
  box-shadow:0 8px 28px rgba(28,36,75,.14);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;}
.lpx .site-nav li:hover > ul, .lpx .site-nav li:focus-within > ul{opacity:1;visibility:visible;transform:none}
.lpx .site-nav ul a{display:block;padding:9px 22px;font-weight:400}
.lpx .site-nav ul a:hover{background:var(--offwhite)}
.lpx .nav-caret{width:10px;height:10px;flex-shrink:0}
.lpx .nav-toggle{
  display:none;background:none;border:0;cursor:pointer;padding:8px;color:var(--navy);}
.lpx .nav-toggle i{width:26px;height:26px}
.lpx .site-footer .foot-top{background:var(--offwhite);padding:44px 0 30px}
.lpx .foot-cols{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;
  max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.lpx .foot-col{display:flex;align-items:center;gap:22px}
.lpx .foot-col img{flex-shrink:0}
.lpx .foot-col .jn{max-width:185px}
.lpx .foot-col .azav{max-width:105px}
.lpx .foot-col h3{margin:0 0 4px;font-size:23px;font-weight:600;color:var(--navy)}
.lpx .foot-col p{margin:0;font-size:16px;font-weight:300;color:#333;line-height:1.5}
.lpx .foot-legal{
  background:var(--offwhite);padding:0 0 34px;text-align:center;}
.lpx .foot-legal a{
  color:var(--navy);text-decoration:none;font-weight:600;font-size:16px;margin:0 22px;}
.lpx .foot-legal a:hover{color:var(--cyan)}
.lpx .foot-copy{
  background:var(--cyan);text-align:center;padding:16px 24px;
  font-size:15px;color:#fff;font-weight:300;}
.lpx .foot-copy a{color:#fff;text-decoration:none}
.lpx .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--cyan);color:#fff;text-decoration:none;
  font-size:16px;font-weight:500;padding:15px 32px;border-radius:100px;
  border:2px solid var(--cyan);transition:.18s ease;cursor:pointer;
  box-shadow:0 6px 18px rgba(0,159,227,.25);text-align:center;}
.lpx .btn:hover{background:var(--cyan-dark);border-color:var(--cyan-dark);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,159,227,.32)}
.lpx .btn-lg{font-size:17px;padding:18px 40px}
.lpx .btn-ghost{background:transparent;color:var(--navy);border-color:var(--border);box-shadow:none}
.lpx .btn-ghost:hover{background:#fff;border-color:var(--cyan);color:var(--cyan);box-shadow:none}
.lpx .btn-white{background:#fff;color:var(--navy);border-color:#fff;box-shadow:none}
.lpx .btn-white:hover{background:var(--lightblue);border-color:var(--lightblue);color:var(--navy)}
.lpx .btn-block{width:100%}
.lpx .btn-note{font-size:14px;color:var(--muted);margin-top:12px}
.lpx .hero{
  background:linear-gradient(160deg,#F9FAFD 0%,#EAF4FC 55%,#DDEEFB 100%);
  padding:clamp(44px,5.5vw,74px) 0 clamp(48px,6vw,80px);
  position:relative;overflow:hidden;}
.lpx .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,4vw,56px);align-items:center}
.lpx .hero h1{margin-bottom:.35em}
.lpx .hero .lead{color:var(--text);margin-bottom:26px;max-width:36em}
.lpx .hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:22px}
.lpx .chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;padding:0;list-style:none}
.lpx .chip{
  display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.85);
  border:1px solid var(--border);border-radius:100px;padding:8px 16px;
  font-size:14px;font-weight:500;color:var(--navy);backdrop-filter:blur(4px);}
.lpx .chip i{flex-shrink:0;width:15px;height:15px;color:var(--cyan)}
.lpx .hero-media{position:relative}
.lpx .hero-img{
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);
  aspect-ratio:16/10;background:#E3EDF5;}
.lpx .hero-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.lpx .ph{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:13px;font-weight:400;color:#5A7A97;line-height:1.5;
  background:repeating-linear-gradient(45deg,#DCEAF7,#DCEAF7 12px,#D2E4F4 12px,#D2E4F4 24px);
  padding:18px;}
.lpx .hero-badge{
  position:absolute;left:-14px;bottom:-18px;background:#fff;border-radius:12px;
  box-shadow:var(--shadow-lg);padding:16px 20px;display:flex;align-items:center;gap:13px;max-width:270px;}
.lpx .hero-badge .big{font-size:27px;font-weight:600;color:var(--navy);line-height:1}
.lpx .hero-badge .lbl{font-size:13px;line-height:1.35;color:var(--muted)}
.lpx .figure-ai{position:relative;display:block}
.lpx .ai-badge{
  position:absolute;right:10px;bottom:10px;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(28,36,75,.78);color:#fff;
  font-size:11.5px;font-weight:500;letter-spacing:.2px;line-height:1;
  padding:6px 11px;border-radius:100px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.22);
  text-decoration:none;pointer-events:none;}
.lpx .ai-badge i{width:12px;height:12px;flex-shrink:0;opacity:.9}
.lpx .ai-caption{
  display:flex;align-items:center;gap:7px;
  font-size:12.5px;color:var(--muted);margin:9px 2px 0;line-height:1.35;}
.lpx .ai-caption i{width:13px;height:13px;flex-shrink:0;color:var(--muted);opacity:.8}
@media (max-width:720px){
.lpx .ai-badge{font-size:11px;padding:5px 9px}
}
.lpx .trustbar{background:#fff;padding:22px 0}
.lpx .trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;align-items:center}
.lpx .trust-item{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--navy)}
.lpx .trust-item i{width:19px;height:19px;color:var(--cyan);flex-shrink:0}
.lpx .grid{display:grid;gap:22px}
.lpx .g2{grid-template-columns:repeat(2,1fr)}
.lpx .g3{grid-template-columns:repeat(3,1fr)}
.lpx .g4{grid-template-columns:repeat(4,1fr)}
.lpx .card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:28px 26px;box-shadow:var(--shadow);}
.lpx .card h3{margin-bottom:.45em}
.lpx .card p:last-child{margin-bottom:0}
.lpx .card-icon{
  width:46px;height:46px;border-radius:12px;background:var(--lightblue);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.lpx .card-icon i{width:23px;height:23px;color:var(--navy)}
.lpx .card-num{
  width:42px;height:42px;border-radius:100px;background:var(--cyan);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;margin-bottom:16px;}
.lpx .checks{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.lpx .checks li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.5}
.lpx .checks i{width:21px;height:21px;flex-shrink:0;margin-top:3px;color:var(--cyan)}
.lpx .checks.two{grid-template-columns:1fr 1fr;gap:13px 30px}
.lpx .checks.on-navy i{color:#6FD0FF}
.lpx .filterbox{
  background:#fff;border:2px solid var(--cyan);border-radius:var(--radius);
  padding:clamp(26px,3vw,38px);box-shadow:var(--shadow-lg);}
.lpx .filterbox .or{
  text-align:center;font-weight:600;color:var(--cyan);font-size:14px;
  letter-spacing:2px;text-transform:uppercase;margin:16px 0;}
.lpx .filter-opt{
  background:var(--offwhite);border:1px solid var(--border);border-radius:10px;
  padding:18px 20px;font-size:17px;line-height:1.45;}
.lpx .filter-opt strong{display:block;margin-bottom:2px}
.lpx .timeline{
  list-style:none;margin:0;padding:0;
  border-left:2px solid var(--border);}
.lpx .tl-item{
  position:relative;
  padding:0 0 40px 38px;}
.lpx .tl-item:last-child{padding-bottom:0}
.lpx .tl-item::before{
  content:"";position:absolute;left:0;top:11px;
  width:24px;height:2px;background:var(--cyan);}
.lpx .tl-meta{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;
  margin:0 0 4px;line-height:1.3;}
.lpx .tl-step{
  font-size:13px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--cyan);}
.lpx .tl-sub{font-size:14px;font-weight:300;color:var(--muted)}
.lpx .tl-item h3{margin:0 0 .35em;font-size:clamp(19px,1.6vw,22px)}
.lpx .tl-item p:last-child{margin:0;font-size:16px;line-height:1.6}
.lpx .tablewrap{overflow-x:auto;border-radius:var(--radius);background:#fff;
  padding:0;border:0;box-shadow:0 0 0 1px #E8EDF3}
.lpx table{width:100%;border-collapse:separate !important;border-spacing:0 !important;
  min-width:640px;font-size:16px;margin:0 !important;border:0 !important;
  line-height:1.6;vertical-align:top}
.lpx table caption{display:none}
.lpx th, .lpx td{padding:16px 20px;text-align:left;vertical-align:top;background:#fff;border:0}
.lpx thead th{background:var(--navy);color:#fff;font-weight:600}
.lpx thead th:first-child{border-top-left-radius:var(--radius)}
.lpx thead th:last-child{border-top-right-radius:var(--radius)}
.lpx tbody tr + tr > *{border-top:1px solid #EDF1F6}
.lpx tbody tr:last-child > *:first-child{border-bottom-left-radius:var(--radius)}
.lpx tbody tr:last-child > *:last-child{border-bottom-right-radius:var(--radius)}
.lpx tbody th{font-weight:500;color:var(--muted);width:26%}
.lpx td.hi{background:var(--grey);color:var(--navy);font-weight:500}
.lpx .foerder-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,4vw,52px);align-items:start}
.lpx .traeger{list-style:none;margin:0;padding:0}
.lpx .traeger li{
  display:flex;align-items:center;gap:13px;padding:13px 0;color:var(--navy);
  border-bottom:1px solid #EDF1F6;}
.lpx .traeger li:last-child{border-bottom:0}
.lpx .traeger i{width:19px;height:19px;color:var(--cyan);flex-shrink:0}
.lpx .hinweis{
  border-left:3px solid var(--cyan);background:var(--grey);border-radius:0 10px 10px 0;
  padding:18px 22px;line-height:1.55;margin-top:22px;}
.lpx .hinweis strong{display:block;margin-bottom:4px}
.lpx .ort{background:transparent;border:0;padding:0;box-shadow:none}
.lpx .ort h3{margin-bottom:.3em}
.lpx .ort address{font-style:normal;font-size:16px;line-height:1.6;margin-bottom:14px}
.lpx .ort .tel{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--navy);text-decoration:none}
.lpx .ort .tel i{width:17px;height:17px;color:var(--cyan)}
.lpx .faq{display:block}
.lpx details{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0}
.lpx details[open]{box-shadow:none}
.lpx summary{
  list-style:none;cursor:pointer;padding:18px 0;display:flex;align-items:center;
  justify-content:space-between;gap:16px;font-weight:500;color:var(--navy);line-height:1.4;}
.lpx summary::-webkit-details-marker{display:none}
.lpx summary i{width:20px;height:20px;color:var(--cyan);flex-shrink:0;transition:transform .2s ease}
.lpx details[open] summary i{transform:rotate(180deg)}
.lpx details .answer{padding:0 0 20px;line-height:1.65}
.lpx details .answer p:last-child{margin-bottom:0}
.lpx .form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,4vw,56px);align-items:start}
.lpx .form-card{
  background:#fff;border-radius:var(--radius);padding:clamp(26px,3vw,40px);
  box-shadow:var(--shadow-lg);border:1px solid var(--border);}
.lpx .field{margin-bottom:18px}
.lpx .field label{display:block;font-size:15px;font-weight:500;color:var(--navy);margin-bottom:7px}
.lpx .field .req{color:var(--cyan)}
.lpx .field input[type=text], .lpx .field input[type=tel], .lpx .field input[type=email], .lpx .field select{
  width:100%;font-family:inherit;font-size:16px;font-weight:300;color:var(--text);
  padding:13px 16px;border:1px solid var(--border);border-radius:10px;background:var(--offwhite);}
.lpx .field input:focus, .lpx .field select:focus{outline:none;border-color:var(--cyan);background:#fff;box-shadow:0 0 0 3px rgba(0,159,227,.13)}
.lpx .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lpx .radio-row{display:flex;flex-wrap:wrap;gap:10px}
.lpx .radio-row label{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);
  border-radius:100px;padding:10px 18px;font-size:15px;font-weight:400;
  cursor:pointer;background:var(--offwhite);margin:0;color:var(--text);}
.lpx .radio-row input{accent-color:var(--cyan);margin:0}
.lpx .consent{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--muted);margin:20px 0}
.lpx .consent input{margin-top:3px;accent-color:var(--cyan);width:17px;height:17px;flex-shrink:0}
.lpx .form-side .checks li{font-size:16px}
.lpx .form-side .steps{list-style:none;margin:22px 0 0;padding:0;counter-reset:s;display:grid;gap:16px}
.lpx .form-side{position:sticky;top:96px}
.lpx .form-side .steps li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5}
.lpx .form-side .steps .n{
  width:29px;height:29px;border-radius:100px;background:rgba(255,255,255,.14);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;}
.lpx .msform{--ms-steps:4;scroll-margin-top:100px}
.lpx .ms-progress{display:flex;gap:7px;margin-bottom:16px}
.lpx .ms-seg{
  flex:1;height:5px;border-radius:100px;background:#E3E9EF;
  transition:background .35s ease;}
.lpx .ms-seg.is-done{background:var(--cyan-bright)}
.lpx .ms-count{
  font-size:12.5px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  color:var(--muted);margin:0 0 18px;}
.lpx .ms-count b{color:var(--navy);font-weight:600}
.lpx .ms-step{display:none;padding:0}
.lpx .ms-step.is-active{display:block;padding:0;animation:msIn .28s ease}
@keyframes msIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lpx .ms-step > h3{margin:0 0 20px;font-size:clamp(21px,2vw,26px);line-height:1.25}
.lpx .ms-step .q{margin-bottom:26px}
.lpx .ms-step .q:last-of-type{margin-bottom:0}
.lpx .ms-step .q > .qlabel{
  display:block;font-size:15px;font-weight:500;color:var(--navy);margin-bottom:10px;}
.lpx .opt-list{display:grid;gap:10px}
.lpx .opt{
  display:flex;align-items:center;gap:15px;
  border:1px solid var(--border);border-radius:12px;
  padding:17px 20px;background:var(--offwhite);
  cursor:pointer;transition:border-color .15s,background .15s;
  font-size:16.5px;line-height:1.35;color:var(--text);}
.lpx .opt:hover{border-color:#9FC9E4;background:#fff}
.lpx .opt input{
  appearance:none;-webkit-appearance:none;margin:0;flex-shrink:0;
  width:22px;height:22px;border:2px solid var(--border);border-radius:50%;
  background:#fff;transition:.15s;cursor:pointer;}
.lpx .opt input:checked{
  border-color:var(--cyan);border-width:6px;}
.lpx .opt:has(input:checked){border-color:var(--cyan);background:#F2FAFE}
.lpx .opt:has(input:focus-visible){box-shadow:0 0 0 3px rgba(0,159,227,.18)}
.lpx .opt .sub{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.lpx .opt-row{display:flex;flex-wrap:wrap;gap:10px}
.lpx .opt-row .opt{padding:11px 18px;font-size:15.5px;border-radius:100px;flex:0 1 auto}
.lpx .opt-row .opt input{width:18px;height:18px}
.lpx .opt-row .opt input:checked{border-width:5px}
.lpx .ms-nav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:28px;padding-top:22px;border-top:1px solid var(--border);}
.lpx .ms-back{
  background:none;border:0;padding:8px 4px;cursor:pointer;
  font-family:inherit;font-size:15px;font-weight:500;color:var(--muted);}
.lpx .ms-back:hover{color:var(--navy)}
.lpx .ms-back[hidden]{visibility:hidden;display:block!important}
.lpx .ms-fwd{
  background:var(--navy);color:#fff;border:2px solid var(--navy);
  border-radius:100px;padding:15px 34px;cursor:pointer;
  font-family:inherit;font-size:16px;font-weight:500;
  display:inline-flex;align-items:center;gap:10px;transition:.18s;
  margin-left:auto;}
.lpx .ms-fwd:hover{background:#121938;border-color:#121938;transform:translateY(-1px)}
.lpx .ms-fwd.is-submit{background:var(--cyan);border-color:var(--cyan);
  box-shadow:0 6px 18px rgba(0,159,227,.25)}
.lpx .ms-fwd.is-submit:hover{background:var(--cyan-dark);border-color:var(--cyan-dark)}
.lpx .ms-err{
  font-size:14px;color:#C4485A;margin:14px 0 0;display:none;}
.lpx .ms-err.is-on{display:block}
@media (max-width:520px){
.lpx .ms-fwd{padding:14px 24px;font-size:15px}
.lpx .opt{padding:15px 16px;font-size:16px}
}
.lpx .endband{background:var(--cyan);color:#fff;text-align:center}
.lpx .endband h2{color:#fff}
.lpx .endband p{color:rgba(255,255,255,.92);font-size:19px;max-width:640px;margin:0 auto 26px}
.lpx .sticky-cta{display:none}
@media (max-width:1080px){
.lpx .site-header .bar{padding:14px 20px;gap:14px;position:relative}
.lpx .site-logo img{max-width:200px}
.lpx .nav-toggle{display:block}
.lpx .site-nav{
    display:none;position:absolute;top:100%;left:0;right:0;background:#fff;
    flex-direction:column;align-items:stretch;gap:0;padding:8px 0;margin:0;
    box-shadow:0 10px 24px rgba(28,36,75,.14);}
.lpx .site-nav.is-open{display:flex}
.lpx .site-nav > li{border-bottom:1px solid var(--border)}
.lpx .site-nav > li:last-child{border-bottom:0}
.lpx .site-nav a{padding:13px 20px;display:block}
.lpx .site-nav ul{
    position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    padding:0 0 8px;background:var(--offwhite);border-radius:0;min-width:0;}
.lpx .site-nav ul a{padding:9px 34px;font-size:14.5px}
.lpx .nav-caret{display:none}
}
@media (max-width:980px){
.lpx .form-side{position:static}
.lpx .hero-grid, .lpx .foerder-grid, .lpx .form-grid{grid-template-columns:1fr}
.lpx .hero-grid{row-gap:0}
.lpx .hero-copy{display:contents}
.lpx .hero-copy > .kicker{order:1}
.lpx .hero-copy > h1{order:2}
.lpx .hero-media{order:3;max-width:520px;margin:2px 0 26px}
.lpx .hero-copy > .lead{order:4}
.lpx .hero-copy > .chips{order:5}
.lpx .hero-copy > .hero-cta{order:6}
.lpx .hero-copy > .btn-note{order:7}
.lpx .hero-badge{position:static;max-width:none;margin-top:14px}
.lpx .g4{grid-template-columns:repeat(2,1fr)}
.lpx .g3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
.lpx{font-size:17px}
.lpx .g2, .lpx .g3, .lpx .g4{grid-template-columns:1fr}
.lpx .checks.two{grid-template-columns:1fr}
.lpx .field-row{grid-template-columns:1fr}
.lpx .foot-cols{grid-template-columns:1fr;gap:26px}
.lpx .foot-col{gap:16px}
.lpx .foot-col h3{font-size:20px}
.lpx .tl-item{padding-left:28px;padding-bottom:32px}
.lpx .tl-item::before{width:16px}
.lpx .trust-row{gap:12px 22px}
.lpx .trust-item{font-size:14px}
.lpx{padding-bottom:76px}
.lpx .sticky-cta{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;gap:10px;
    background:#fff;border-top:1px solid var(--border);padding:10px 14px;
    box-shadow:0 -4px 20px rgba(28,36,75,.12);}
.lpx .sticky-cta .btn{flex:1;padding:14px 12px;font-size:15px;box-shadow:none}
.lpx .sticky-cta 
.btn-ghost{flex:0 0 54px;padding:14px 0}
}
.lpx .note{
  background:#FFF8E1;border:1px dashed #E0B93B;border-radius:10px;padding:14px 18px;
  font-size:14px;line-height:1.5;color:#6B5313;margin:0 0 26px;}
.lpx .note strong{color:#6B5313}
.lpx .fakten{ display:grid; grid-template-columns:repeat(6,1fr); gap:0;
  margin:6px 0 4px; padding:0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.lpx .fakten li{ list-style:none; padding:15px 20px 15px 0;
  border-right:1px solid var(--line);}
.lpx .fakten li:last-child{ border-right:0; padding-right:0;}
@media (max-width:1100px){
.lpx .fakten{ grid-template-columns:repeat(3,1fr);}
.lpx .fakten li:nth-child(3n){ border-right:0;}
.lpx .fakten li:nth-child(-n+3){ border-bottom:1px solid var(--line);}
}
.lpx .fakten .fk-l{ display:block; color:var(--muted); letter-spacing:.06em;
  text-transform:uppercase; margin-bottom:2px; font-weight:500;}
.lpx .fakten .fk-v{ display:block; color:var(--navy); font-weight:600;}
@media (max-width:767px){
.lpx .fakten{ grid-template-columns:1fr 1fr !important;}
.lpx .fakten li{ border-right:0; border-bottom:1px solid var(--line);
    padding:11px 0; margin:0;}
.lpx .fakten li:nth-child(odd){ border-right:1px solid var(--line) !important; padding-right:16px;}
.lpx .fakten li:nth-child(even){ padding-left:16px; border-right:0 !important;}
.lpx .fakten li:nth-last-child(-n+2){ border-bottom:0;}
}
.lpx .siegel{ display:flex; align-items:center; flex-wrap:wrap; gap:18px 26px;
  padding:16px 0;}
.lpx .siegel img{ height:58px; width:auto; display:block;}
.lpx .siegel .sg-txt{ color:var(--muted); max-width:34em;}
.lpx .siegel .sg-txt strong{ color:var(--navy); font-weight:600;}
.lpx .lernliste{ display:grid; grid-template-columns:1fr 1fr;
  gap:0 clamp(28px,4vw,64px); margin:0; padding:0;}
.lpx .lernliste li{ list-style:none; padding:18px 0;
  border-bottom:1px solid var(--line);}
.lpx .lernliste li strong{ display:block; color:var(--navy); font-weight:600;
  margin-bottom:3px;}
.lpx .lernliste li span{ color:var(--text);}
@media (max-width:767px){
.lpx .lernliste{ grid-template-columns:1fr;}
}
.lpx .kontaktzeile{ border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  background:#fff;}
.lpx .kontaktzeile p{ margin:0; padding:18px 0; text-align:center; color:var(--muted);}
.lpx .kontaktzeile a{ color:var(--cyan); font-weight:500; text-decoration:none;}
.lpx .kontaktzeile a:hover{ text-decoration:underline;}
.lpx .kontaktzeile i, .lpx .kontaktzeile i.lpx-ic{ width:17px; height:17px;
  color:var(--cyan); vertical-align:-3px; margin-right:7px;}
.lpx .praxis{ max-width:720px;}
.lpx .praxis p{ margin-bottom:16px;}
.lpx .praxis .pr-zahl{ color:var(--cyan); font-weight:600;}
.lpx{
  --fs-xl:clamp(32px,4.2vw,46px);
  --fs-l:clamp(23px,2.2vw,30px);
  --fs-m:20px;
  --fs-s:16px;}
.lpx, .lpx *{ font-size:var(--fs-s) !important;}
.lpx h1{ font-size:var(--fs-xl) !important; letter-spacing:-.022em; line-height:1.2;}
.lpx h2{ font-size:var(--fs-l) !important; letter-spacing:-.012em; line-height:1.25;}
.lpx h3, .lpx h4, .lpx .qlabel, .lpx .ort h3, .lpx .faq-q{ font-size:var(--fs-m) !important; line-height:1.4;}
.lpx .lead, .lpx .big{ font-size:var(--fs-m) !important; line-height:1.4;
             font-weight:400; letter-spacing:-.006em;}
.lpx .kicker{ letter-spacing:.1em !important;}
.lpx h1 *, .lpx h2 *, .lpx h3 *, .lpx h4 *, .lpx .lead *, .lpx .big *, .lpx .faq-q *, .lpx i.lpx-ic, .lpx i{ font-size:inherit !important;}
.lpx .ai-badge{ font-weight:300 !important; opacity:.82;
  padding:4px 10px !important; background:rgba(28,36,75,.62) !important;
  transform:scale(.82); transform-origin:right bottom;}
.lpx .ai-caption{ font-weight:300; opacity:.8;}
.lpx .ai-badge i, .lpx .ai-badge i.lpx-ic{ width:13px !important; height:13px !important;}
@media (min-width:980px){
.lpx .hero-grid{ grid-template-columns:1.18fr .92fr !important;}
}
 
/* ════════════════════════════════════════════════════════════════════
   TEIL 3 · Icons
   ════════════════════════════════════════════════════════════════════ */
 
/* ── Icons ───────────────────────────────────────────────────────────
   Die Icons stehen als Maske im CSS, nicht als svg im HTML. Grund:
   Ohne das Recht `unfiltered_html` entfernt WordPress svg-Tags beim
   Speichern aus dem HTML-Widget. Ein i-Element ueberlebt den Filter.
   Groesse und Farbe kommen weiterhin aus den Regeln weiter oben. */
.lpx i.lpx-ic{
  display:inline-block; flex-shrink:0;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain;   mask-size:contain;
  width:1em; height:1em;       /* Notnagel, falls eine Regel nichts setzt */
}
 
.lpx i.ic-2305626f{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-25c8d9b4{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-27cbd29c{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%2F%3E%3Cpath%20d%3D%22M9%2012l2%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-32361cc3{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.5%27%3E%3Cpath%20d%3D%22M20%206L9%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.5%27%3E%3Cpath%20d%3D%22M20%206L9%2017l-5-5%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-47e43ded{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4M8%202v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-55d23d5a{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M6%209l6%206l6%20-6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M6%209l6%206l6%20-6%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-5bc2305f{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M22%2010L12%205%202%2010l10%205%2010-5z%22%2F%3E%3Cpath%20d%3D%22M6%2012v5c0%201%203%203%206%203s6-2%206-3v-5%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M22%2010L12%205%202%2010l10%205%2010-5z%22%2F%3E%3Cpath%20d%3D%22M6%2012v5c0%201%203%203%206%203s6-2%206-3v-5%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-66f8f456{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%22M3%206h18M3%2012h18M3%2018h18%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%22M3%206h18M3%2012h18M3%2018h18%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-76af235c{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%203l1.9%204.6L18.5%209.5l-4.6%201.9L12%2016l-1.9-4.6L5.5%209.5l4.6-1.9L12%203z%22%2F%3E%3Cpath%20d%3D%22M18.5%2015.5l.8%201.9%201.9.8-1.9.8-.8%201.9-.8-1.9-1.9-.8%201.9-.8.8-1.9z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%203l1.9%204.6L18.5%209.5l-4.6%201.9L12%2016l-1.9-4.6L5.5%209.5l4.6-1.9L12%203z%22%2F%3E%3Cpath%20d%3D%22M18.5%2015.5l.8%201.9%201.9.8-1.9.8-.8%201.9-.8-1.9-1.9-.8%201.9-.8.8-1.9z%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-7f82b2fa{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.5%27%3E%3Cpath%20d%3D%22M18%206L6%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.5%27%3E%3Cpath%20d%3D%22M18%206L6%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-bfa67cd4{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-d24af0c9{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M14%209V5a3%203%200%200%200-6%200v4%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M14%209V5a3%203%200%200%200-6%200v4%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-e44f444b{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22%2F%3E%3C%2Fsvg%3E")}
.lpx i.ic-e707aab7{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.68%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.9.32%201.85.55%202.81.68A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.36%201.9.68%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.9.32%201.85.55%202.81.68A2%202%200%200%201%2022%2016.92z%22%2F%3E%3C%2Fsvg%3E")}/* End custom CSS */