.elementor-12467 .elementor-element.elementor-element-aa84c0c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12467 .elementor-element.elementor-element-7dbe7fd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12467 .elementor-element.elementor-element-3a42fa2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12467 .elementor-element.elementor-element-c3074bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12467 .elementor-element.elementor-element-de2a814{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12467 .elementor-element.elementor-element-c621d0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12467 .elementor-element.elementor-element-7dd884d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12467 .elementor-element.elementor-element-9ae4141 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ===== ASK Hessen LP – GLOBAL (alle Sections) ===== */
.ask-lp{position:relative;width:100%;overflow:hidden;background:#fff}
.ask-lp .alp-sec-vp{position:relative;width:1920px;transform-origin:top left;overflow:hidden;background:#fff}
.ask-lp .alp-sec-shift{position:absolute;left:0;width:1920px;height:0}

.ask-lp{max-width:100%;font-family:var(--e-global-typography-text-font-family, inherit);line-height:normal;-webkit-font-smoothing:antialiased}
.ask-lp img{max-width:none!important}
.ask-lp a{text-decoration:none;color:inherit;box-shadow:none;border:0}
.ask-lp a:hover{text-decoration:none}
.ask-lp h1,.ask-lp h2,.ask-lp h3,.ask-lp p{margin:0;padding:0;background:none;border:0}
.ask-lp .alp-hero-h1, .ask-lp .alp-vis-h2, .ask-lp .alp-act-h2, .ask-lp .alp-soc-h3, .ask-lp .alp-peng-title, .ask-lp .alp-step-h3, .ask-lp .alp-step-num, .ask-lp .alp-s-name, .ask-lp .alp-eyebrow, .ask-lp .alp-link, .ask-lp .alp-act-small{font-family:var(--e-global-typography-primary-font-family, var(--e-global-typography-text-font-family, inherit))}
.ask-lp{--orange-head:#FE7D26; --orange:#F55C1F; --purple:#5437A0; --purple-light:#8B5AEE; --green:#CCF522; --ink:#333333;}
.ask-lp *{margin:0;padding:0;box-sizing:border-box}
.ask-lp{background:#fff}
.ask-lp{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ask-lp .alp-abs{position:absolute}
.ask-lp img.alp-abs{display:block}
.ask-lp .alp-band{position:absolute;left:0;width:1920px}
.ask-lp .alp-logo{left:44px;top:31px;height:42px;width:auto}
.ask-lp .alp-link{display:inline-flex;align-items:center;gap:.35em;font-weight:600;font-size:20px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none}

/* =============================================================
   ASK DESIGN SYSTEM · KANONISCHE TOKENS
   Single Source of Truth fuer Farben & Rhythmus dieser Seite.
   Referenz: Section 1 (Hero) + Section 3 (Benefits).
   ============================================================= */
.elementor-12467{
  --ask-purple:#5437A0;
  --ask-purple-deep:#452D86;
  --ask-purple-tint:#B18CFB;
  --ask-purple-pale:#E8DFF9;
  --ask-green:#CCF522;
  --ask-orange:#F55C1F;
  --ask-orange-tint:#F2A770;
  --ask-ink:#333333;
  --ask-ink-soft:#7C7C7C;
  --ask-gutter:clamp(20px,5.2vw,56px);
  --ask-pad-y:clamp(48px,7vw,88px);
  --ask-stack:clamp(20px,3.2vw,32px);
}
/* Bestehende Section-Variablen auf die kanonischen umbiegen (DRY) */
.ask-lp{--purple:var(--ask-purple);--orange:var(--ask-orange);--ink:var(--ask-ink);--green:var(--ask-green)}

/* =============================================================
   .ask-lp REFLOW STATT SKALIERUNG ab 1024px
   Gleiches Pattern, das Section 1 und 3 bereits verwenden.
   !important ausschliesslich gegen die per JS gesetzten
   Inline-Styles (transform/width/height) und gegen das
   bestehende .ask-lp img{max-width:none!important}.
   ============================================================= */
@media (max-width:1199px){
  .ask-lp{overflow:visible}
  .ask-lp.alp-sec{aspect-ratio:auto!important;height:auto!important;min-height:0}
  .ask-lp .alp-sec-vp{position:static;width:100%!important;height:auto!important;transform:none!important;overflow:visible;background:transparent}
  .ask-lp .alp-sec-shift{position:static;left:auto;width:auto;height:auto}
  .ask-lp .alp-abs,.ask-lp .alp-band{position:static;left:auto;top:auto;width:auto}
  .ask-lp img.alp-abs,.ask-lp picture.alp-abs{width:100%;height:auto;max-width:100%!important}
  .ask-lp picture.alp-abs img{width:100%;height:auto;max-width:100%!important}
  .ask-lp .alp-link{font-size:clamp(15px,1.8vw,19px);min-height:44px;letter-spacing:.02em}
}


/* =============================================================
   FOOTER-LINKSPALTEN . Tablet-Overflow
   Ursache: die Footer-Zeile steht auf flex-wrap:nowrap, die
   Spalten sind auf 200px fixiert, die Nav-Items brechen nicht.
   Zwischen 768 und ~1250px schiebt das Dokument horizontal.
   Seitenscoped, damit andere Seiten unveraendert bleiben.
   ============================================================= */
@media (max-width:1300px){
  body.page-id-12467 footer .elementor-element-4a18d02 > .e-con-inner{flex-wrap:wrap;row-gap:32px}
  body.page-id-12467 footer .elementor-element-4a18d02 > .e-con-inner > .e-con{flex:1 1 320px;width:auto;max-width:100%}
  body.page-id-12467 footer .elementor-nav-menu{max-width:100%}
  body.page-id-12467 footer .elementor-nav-menu .elementor-item{white-space:normal;overflow-wrap:break-word}
}


/* =============================================================
   TOUCH-TARGETS . Mindesthoehe 44px ab Tablet abwaerts
   Betrifft die Text-CTAs ohne eigenes Padding
   (Hero-CTA 19px, ASK-Freunde-Button 16px, Header-Button 32px).
   Reine Hoehenkorrektur, keine Layoutaenderung am Desktop.
   ============================================================= */
@media (max-width:1199px){
  body.page-id-12467 #klb-collabs .klb-cta,
  body.page-id-12467 .elementor-element-a5630d4 .elementor-button,
  body.page-id-12467 .elementor-element-e0657b8 .elementor-button{
    display:inline-flex;align-items:center;min-height:44px;
  }
}


/* =============================================================
   CANVAS-CAP bei 1536px
   Die Canvas-Sections skalieren linear mit der Viewportbreite.
   Ohne Deckel waechst der Fließtext ueber die 18px hinaus, die
   das Kit-Token fuer die restliche Website definiert.
   1536 * (22.7/1920) = 18.16px -> Gleichstand mit der Site.
   Hintergrund liegt auf dem Elementor-Container und bleibt
   randlos, nur der Inhalt wird zentriert gedeckelt.
   ============================================================= */
body.page-id-12467 .elementor-element-aa84c0c{background-color:var(--ask-purple-pale,#E8DFF9)}
body.page-id-12467 .elementor-element-7dbe7fd{background-color:var(--ask-purple,#5437A0)}
body.page-id-12467 .elementor-element-3a42fa2{background-color:var(--ask-purple-tint,#B18CFB)}
body.page-id-12467 .elementor-element-de2a814{background-color:#FFFFFF}
body.page-id-12467 .elementor-element-c621d0b{background-color:var(--ask-orange,#F55C1F)}
body.page-id-12467 .elementor-element-7dd884d{background-color:var(--ask-purple-tint,#B18CFB)}

@media (min-width:1537px){
  body.page-id-12467 .elementor-element-aa84c0c > .elementor-widget-html > .elementor-widget-container,
  body.page-id-12467 .elementor-element-7dbe7fd > .elementor-widget-html > .elementor-widget-container,
  body.page-id-12467 .elementor-element-3a42fa2 > .elementor-widget-html > .elementor-widget-container,
  body.page-id-12467 .elementor-element-de2a814 > .elementor-widget-html > .elementor-widget-container,
  body.page-id-12467 .elementor-element-c621d0b > .elementor-widget-html > .elementor-widget-container,
  body.page-id-12467 .elementor-element-7dd884d > .elementor-widget-html > .elementor-widget-container{
    width:100%;max-width:1536px;margin-inline:auto;
  }
}/* End custom CSS */