/* einklang Home · Sektion "Unsere Loesung" — Rest-CSS des Code-Embeds.
   Erzeugt aus dem Prototyp einklang-loesung-v15.html von build_loesung.py.

   Struktur, Raster, Typografie und Farben stehen NATIV in Webflow (Klassen
   loesung_home_*). Hier steht nur, was Webflow-Styles nicht ausdruecken:
   Kindselektoren, ::before, :focus-visible, die Feder-Transforms mit --k/--sg,
   will-change, backdrop-filter und die Praeferenz-Media-Queries.
   Die Token haengen an .loesung_home_section, damit beide Spalten sie sehen. */
.loesung_home_section{
  --ek-deepflow:#007889; --ek-supplyblue:#9BC4D5; --ek-amberyield:#FBB963;
  --ek-sunbuffer:#F5D88F; --ek-midnightsafe:#131936;
  --ek-surface:#f5f9fa; --ek-paper:#FFFFFF; --ek-ink:#1e1e1e;
  --ek-stone:#565656; --ek-stone-light:#B3B3B3;
  --ek-line:rgba(30,30,30,.1); --ek-line-dark:rgba(255,255,255,.10);
  --ek-bg:#E9EBEE; --maxw:1360px;
  --ek-r-panel:24px; --ek-r-card:16px; --ek-r-btn:100px;
  --ek-shadow-panel:0 1px 2px rgba(19,25,54,.04),0 18px 50px -34px rgba(19,25,54,.28);
  --ek-glass:rgba(255,255,255,.70); --ek-glass-line:rgba(227,232,239,.85);
  --ek-blur:blur(13px) saturate(118%);
  --ek-data-starr:#8E959C;
  --pad-h:clamp(1rem,.428rem + 2.86vw,3rem);
  --sec-v:clamp(4rem,3.1rem + 4.5vw,8rem);
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,.84,.3,1);
  --nav-h:96px;
}
.loesung_home_seg{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.loesung_home_seg.is-grabbing{cursor:grabbing}
.loesung_home_seg_thumb{transform:translate3d(4px,0,0);will-change:transform}
.loesung_home_seg_btn{will-change:opacity}
.loesung_home_seg_btn:focus-visible{outline:2px solid var(--ek-sunbuffer);outline-offset:3px}
.loesung_home_seghint{will-change:opacity}
.loesung_home_textstage>*{grid-column:1;grid-row:1;opacity:0;
  transform-origin:left center;will-change:opacity,transform,filter}
.loesung_home_step>*{will-change:transform;
  transform:translate3d(0,calc(var(--sg,0px) * var(--k,0)),0)}
.loesung_home_step_tile.is-os svg{width:30px}
.loesung_home_chartpanel{transform-origin:50% 62%;will-change:opacity,transform;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.loesung_home_chartpanel::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;
  border-radius:100px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0))}
.loesung_home_chartpanel.is-grabbing{cursor:grabbing}
.loesung_home_chartpanel:focus-visible{outline:2px solid var(--ek-sunbuffer);outline-offset:4px}
.loesung_home_legend_item{will-change:opacity}
.loesung_home_swap>*{grid-column:1;grid-row:1;white-space:nowrap}
.loesung_home_kpis>*{grid-column:1;grid-row:1}
.loesung_home_kpi{-webkit-backdrop-filter:blur(9px) saturate(125%);backdrop-filter:blur(9px) saturate(125%);transform-origin:0% 50%;will-change:opacity,transform,filter}
.loesung_home_kpi.is-wrap .loesung_home_kpi_label{white-space:normal;line-height:1.32}
@media(max-width:991px){
  .loesung_home_story{grid-template-columns:minmax(0,1fr);gap:32px}
  .loesung_home_stage{order:-1}
  .loesung_home_chartwrap{min-height:0;aspect-ratio:1000/700}
}
@media(max-width:767px){
  .loesung_home_step_text,.loesung_home_note{max-width:none}
  .loesung_home_seg_label{display:none}
  .loesung_home_seg_btn{padding:12px 6px}
  .loesung_home_seg_num{font-size:.68rem}
  .loesung_home_kpis{left:0}
  .loesung_home_kpi{padding:7px 11px 7px 9px}
  .loesung_home_kpi_sub{display:none}
  .loesung_home_kpi_label{font-size:.75rem}
  .loesung_home_kpi.is-wrap{max-width:min(64%,214px)}
  .loesung_home_step_tile{width:44px;height:44px;border-radius:16px}
  .loesung_home_step_tile svg{width:21px;height:21px}
  .loesung_home_step_tile.is-os svg{width:26px;height:auto}
}
@media(max-width:479px){
  .loesung_home_chartwrap{aspect-ratio:1000/820}
}
@media(prefers-reduced-motion:reduce){
  .loesung_home_step>*{transform:none!important}
}
@media(prefers-reduced-transparency:reduce){
  .loesung_home_kpi{background:rgba(19,25,54,.9);-webkit-backdrop-filter:none;backdrop-filter:none}
  .loesung_home_seg{background:rgba(19,25,54,.85)}
}
.loesung_home_step>*:nth-child(1){--k:0}
.loesung_home_step>*:nth-child(2){--k:1}
.loesung_home_step>*:nth-child(3){--k:2}