.elementor-226 .elementor-element.elementor-element-9abae634{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-98c7bb61 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-f612f861 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-57f86134 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-226 .elementor-element.elementor-element-57068765 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}.elementor-226 .elementor-element.elementor-element-53dee7dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-fac2fae2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-aa7be3f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-578f5229 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-7c8bcd4c{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-9039453a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-22ec2e1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-b923aef7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-132a8cf2 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-6d9cc2e7{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-3f9d5afa{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-fe7af9e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-733e445b{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-f9df4cf8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-194817bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-7dafef55 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-c00b9dfb{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-426fc005{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-f8b9bb73{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-c936cb74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-9fa5f65b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-9a7849d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-ed5082c8 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-b71b2461{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-d0468e7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-79d426bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-6ea79283{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-6c2872b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-6f325013 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-16606480{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-b8ed7dda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-d7009ad4 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-5d869a8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-6f31044f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-9de1ea68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-7cf3a8c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-226 .elementor-element.elementor-element-d0b99781 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-226 .elementor-element.elementor-element-b563ed4c .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-226 .elementor-element.elementor-element-172124ae .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-226 .elementor-element.elementor-element-7eaebe78 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-9abae634 */.elementor-226 .elementor-element.elementor-element-9abae634{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-9abae634 *, .elementor-226 .elementor-element.elementor-element-9abae634 *::before, .elementor-226 .elementor-element.elementor-element-9abae634 *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-9abae634 .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-9abae634 .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-9abae634 button, .elementor-226 .elementor-element.elementor-element-9abae634 .knopf, .elementor-226 .elementor-element.elementor-element-9abae634 .zeile, .elementor-226 .elementor-element.elementor-element-9abae634 .karte, .elementor-226 .elementor-element.elementor-element-9abae634 .chip, .elementor-226 .elementor-element.elementor-element-9abae634 .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-9abae634 button:active, .elementor-226 .elementor-element.elementor-element-9abae634 .knopf:active, .elementor-226 .elementor-element.elementor-element-9abae634 .zeile:active, .elementor-226 .elementor-element.elementor-element-9abae634 .karte:active, .elementor-226 .elementor-element.elementor-element-9abae634 .chip:active, .elementor-226 .elementor-element.elementor-element-9abae634 .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-9abae634 a:focus-visible, .elementor-226 .elementor-element.elementor-element-9abae634 button:focus-visible, .elementor-226 .elementor-element.elementor-element-9abae634 input:focus-visible, .elementor-226 .elementor-element.elementor-element-9abae634 summary:focus-visible, .elementor-226 .elementor-element.elementor-element-9abae634 [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-9abae634 label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-9abae634 *, .elementor-226 .elementor-element.elementor-element-9abae634 *::before, .elementor-226 .elementor-element.elementor-element-9abae634 *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-9abae634 .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-9abae634 .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-9abae634 .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-9abae634 .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-9abae634 .aussage{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-9abae634 .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-9abae634 .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-9abae634 .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-9abae634 .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-9abae634 .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-9abae634 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-9abae634 .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-9abae634 .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* ==== SITE-NAV, FASSUNG C1 ============================================
   Gezogen aus _qa/skizzen/nav-varianten.html (Kai-Wahl 24.08.), Fassung C
   Spielart C1. Schatten-Fix aus _assets/gesamt-bauen.py (Kai 25.08.).
   Ungescopet, aber jede Regel unter `.bm-nav`: die Zustands-Klassen
   sitzen am <html> und ueberlebten ein Scopen auf `.elementor-226 .elementor-element.elementor-element-9abae634` nicht.
   ==================================================================== */
#bm-nav{
  --bmn-papier:#FFFFFF;
  --bmn-ink:#18181B;
  --bmn-ink-2:#52525B;
  --bmn-ink-3:#71717A;
  --bmn-auf-dunkel-2:rgba(255,255,255,.62);
  --bmn-linie:#E9E9EB;
  --bmn-linie-tragend:#D7D7DB;
  --bmn-linie-dunkel:rgba(255,255,255,.16);
  --bmn-gelb:#EEC735;
  --bmn-fokus:var(--bmn-ink);
  --bmn-titel:"Familjen Grotesk",system-ui,sans-serif;
  --bmn-fliess:"Instrument Sans",system-ui,sans-serif;
  --bmn-mono:"IBM Plex Mono",ui-monospace,monospace;
  --bmn-lh-body:1.6;
  --bmn-rand:clamp(14px,2.8vw,40px);
  --bmn-r-element:12px;
  --bmn-ease:cubic-bezier(.215,.61,.355,1);
  --bmn-ease-expo:cubic-bezier(.19,1,.22,1);
  --bmn-d-micro:160ms;
  --bmn-d-hover:200ms;
  --bmn-schatten-dunkel:0 22px 54px rgba(17,17,20,.28);
}
#bm-nav a{color:inherit}
#bm-nav button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
#bm-nav button, #bm-nav .bm-knopf{transition:transform var(--bmn-d-micro) var(--bmn-ease)}
#bm-nav button:active, #bm-nav .bm-knopf:active{transform:scale(.97)}
#bm-nav a:focus-visible, #bm-nav button:focus-visible{outline:3px solid var(--bmn-fokus);outline-offset:3px}
#bm-nav .bm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#bm-nav .bm-marke{display:block;height:100%;width:auto}
#bm-nav .bm-marke .bm-platte{fill:none;stroke:currentColor;stroke-width:26}
#bm-nav .bm-marke .bm-punkt{fill:currentColor}
#bm-nav .bm-marke .bm-punkt--gelb{fill:var(--bmn-gelb)}
#bm-nav .bm-wortmarke{font-family:var(--bmn-titel);font-weight:700; font-size:clamp(14px,1.15vw,17px);letter-spacing:.01em;color:#fff;text-decoration:none}
#bm-nav .bm-wortmarke .bm-punkt{display:inline-block;width:.42em;height:.42em;border-radius:50%; background:var(--bmn-gelb);margin-left:.24em}
#bm-nav .bm-knopf{display:inline-flex;align-items:center;gap:11px;font-weight:500;font-size:15px; line-height:1;text-decoration:none;padding:16px 26px;border-radius:999px; background:#fff;color:var(--bmn-ink); transition:transform var(--bmn-d-micro) var(--bmn-ease),background-color var(--bmn-d-hover) var(--bmn-ease)}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-knopf:hover{background:var(--bmn-gelb)}
}
#bm-nav .bm-kopf__links{display:flex;gap:clamp(18px,2.2vw,30px);align-items:center}
#bm-nav .bm-kopf__links a{color:var(--bmn-ink-2);text-decoration:none;font-size:14px;font-weight:500; transition:color var(--bmn-d-hover) var(--bmn-ease),transform var(--bmn-d-micro) var(--bmn-ease)}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-kopf__links a:hover{color:var(--bmn-ink)}
}
#bm-nav .bm-kopf__cta{padding:11px 20px;font-size:14px;background:var(--bmn-ink);color:#fff}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-kopf__cta:hover{background:var(--bmn-gelb);color:var(--bmn-ink)}
}
#bm-nav .bm-kopf__menue{display:none;border:1px solid var(--bmn-linie-tragend); border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500}
@media (max-width:900px){
  .bm-nav-js #bm-nav .bm-kopf__links{display:none}
  .bm-nav-js #bm-nav .bm-kopf__menue{display:inline-flex}
  .bm-nav-js #bm-nav .bm-kopf__cta{display:none}
}
#bm-nav .bm-snav{display:none}
.bm-nav-js #bm-nav .bm-snav{display:flex;position:fixed;top:calc(var(--bmn-rand) * .5);left:0;right:0; z-index:70;justify-content:center;pointer-events:none; transform:translateY(calc(-100% - var(--bmn-rand))); transition:transform 240ms var(--bmn-ease)}
.bm-nav-js.bm-nav-an #bm-nav .bm-snav, .bm-nav-js #bm-nav .bm-snav:focus-within{transform:none;transition:transform 340ms var(--bmn-ease-expo)}
@media (prefers-reduced-motion:reduce){
  .bm-nav-js #bm-nav .bm-snav{transform:none;opacity:0;visibility:hidden; transition:opacity 180ms var(--bmn-ease),visibility 0s 180ms}
  .bm-nav-js.bm-nav-an #bm-nav .bm-snav, .bm-nav-js #bm-nav .bm-snav:focus-within{opacity:1;visibility:visible;transition:opacity 180ms var(--bmn-ease)}
}
#bm-nav .bm-snav__korpus{pointer-events:auto;display:flex;align-items:center}
#bm-nav .bm-wortzug{display:inline-block;overflow:hidden;white-space:nowrap; max-width:200px;opacity:1; transition:max-width 380ms var(--bmn-ease-expo),opacity 240ms var(--bmn-ease), margin 380ms var(--bmn-ease-expo)}
.bm-nav-kompakt #bm-nav .bm-wortzug{max-width:0;opacity:0;margin-left:0}
#bm-nav .bm-snav__links{display:flex;gap:clamp(12px,1.5vw,22px);align-items:center}
#bm-nav .bm-snav__links a{position:relative;color:var(--bmn-ink-2);text-decoration:none; font-size:14px;font-weight:500;padding:6px 2px; transition:color var(--bmn-d-hover) var(--bmn-ease),transform var(--bmn-d-micro) var(--bmn-ease)}
#bm-nav .bm-snav__links a::after{content:"";position:absolute;left:2px;right:2px;bottom:1px; height:2px;border-radius:2px;background:var(--bmn-gelb); transform:scaleX(0);transform-origin:left center; transition:transform var(--bmn-d-hover) var(--bmn-ease)}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-snav__links a:hover{color:var(--bmn-ink)}
  #bm-nav .bm-snav__links a:hover::after{transform:none}
}
#bm-nav .bm-snav__links a[aria-current="page"]{color:var(--bmn-ink)}
#bm-nav .bm-snav__links a[aria-current="page"]::after{transform:none}
#bm-nav .bm-snav__cta{display:inline-flex;align-items:center;line-height:1;white-space:nowrap; background:var(--bmn-ink);color:#fff;text-decoration:none;border-radius:999px; padding:10px 18px;font-size:14px;font-weight:500; transition:background-color var(--bmn-d-hover) var(--bmn-ease),color var(--bmn-d-hover) var(--bmn-ease), transform var(--bmn-d-micro) var(--bmn-ease)}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-snav__cta:hover{background:var(--bmn-gelb);color:var(--bmn-ink)}
}
#bm-nav .bm-snav__cta:active{transform:scale(.97)}
.bm-nav-kompakt #bm-nav .bm-snav__cta{padding:9px 15px}
#bm-nav .bm-snav__menue{display:none;align-items:center;border:1px solid var(--bmn-linie-tragend); border-radius:999px;padding:8px 15px;font-size:13px;font-weight:500;white-space:nowrap}
#bm-nav .bm-snav__korpus{--bmn-fokus:var(--bmn-gelb); gap:clamp(14px,1.6vw,26px); background:rgba(18,18,20,.94); -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); border:1px solid var(--bmn-linie-dunkel);border-radius:calc(var(--bmn-r-element) + 2px); box-shadow:var(--bmn-schatten-dunkel); padding:10px 10px 10px 18px; transition:padding 380ms var(--bmn-ease-expo),gap 380ms var(--bmn-ease-expo)}
@supports not (backdrop-filter:blur(1px)){
  #bm-nav .bm-snav__korpus{background:#121214}
}
.bm-nav-kompakt #bm-nav .bm-snav__korpus{padding:8px 8px 8px 13px;gap:clamp(10px,1.2vw,18px)}
#bm-nav .bm-snav__marke{display:flex;align-items:center;gap:9px;height:22px; color:#fff;text-decoration:none}
#bm-nav .bm-snav__marke .bm-wortzug{font-family:var(--bmn-titel);font-weight:700;font-size:15px; letter-spacing:-.01em;margin-left:1px}
#bm-nav .bm-snav__links a{color:var(--bmn-auf-dunkel-2)}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-snav__links a:hover{color:#fff}
}
#bm-nav .bm-snav__links a[aria-current="page"]{color:#fff}
#bm-nav .bm-snav__cta{background:var(--bmn-gelb);color:var(--bmn-ink)}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-snav__cta:hover{background:#fff}
}
#bm-nav .bm-snav__menue{border-color:var(--bmn-linie-dunkel);color:#fff}
@media (max-width:900px){
  #bm-nav .bm-snav__links{display:none}
  #bm-nav .bm-snav__menue{display:inline-flex}
  #bm-nav .bm-snav__cta{display:none}
}
#bm-nav .bm-menue{position:fixed;inset:0;z-index:80;background:var(--bmn-papier); display:flex;flex-direction:column;padding:var(--bmn-rand); visibility:hidden;opacity:0;transform:translateY(-3%); transition:opacity 280ms var(--bmn-ease),transform 320ms var(--bmn-ease-expo),visibility 0s 320ms}
#bm-nav .bm-menue.bm-offen{visibility:visible;opacity:1;transform:none; transition:opacity 280ms var(--bmn-ease),transform 320ms var(--bmn-ease-expo)}
@media (prefers-reduced-motion:reduce){
  #bm-nav .bm-menue{transform:none}
}
#bm-nav .bm-menue__kopf{display:flex;align-items:center;justify-content:space-between}
#bm-nav .bm-menue__kopf .bm-wortmarke{color:var(--bmn-ink);font-size:19px;letter-spacing:-.02em}
#bm-nav .bm-menue__zu{border:1px solid var(--bmn-linie-tragend);border-radius:999px; padding:10px 18px;font-size:14px;font-weight:500}
#bm-nav .bm-menue__liste{list-style:none;margin:auto 0;padding:0;display:grid;gap:2px}
#bm-nav .bm-menue__liste a{display:inline-block;text-decoration:none;color:var(--bmn-ink); font-family:var(--bmn-titel);font-weight:600;letter-spacing:-.03em; font-size:clamp(38px,7vw,64px);line-height:1.18;padding:.04em 0}
#bm-nav .bm-menue__liste a span{display:inline-block; transition:transform var(--bmn-d-hover) var(--bmn-ease)}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-menue__liste a:hover span{transform:translateX(10px)}
}
#bm-nav .bm-menue__liste li{opacity:0;transform:translateY(14px)}
#bm-nav .bm-menue.bm-offen .bm-menue__liste li{opacity:1;transform:none; transition:opacity 360ms var(--bmn-ease),transform 420ms var(--bmn-ease-expo)}
#bm-nav .bm-menue.bm-offen .bm-menue__liste li:nth-child(2){transition-delay:50ms}
#bm-nav .bm-menue.bm-offen .bm-menue__liste li:nth-child(3){transition-delay:100ms}
#bm-nav .bm-menue.bm-offen .bm-menue__liste li:nth-child(4){transition-delay:150ms}
#bm-nav .bm-menue.bm-offen .bm-menue__liste li:nth-child(5){transition-delay:200ms}
#bm-nav .bm-menue__fuss{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#bm-nav .bm-menue__fuss .bm-knopf{background:var(--bmn-ink);color:#fff}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-menue__fuss .bm-knopf:hover{background:var(--bmn-gelb);color:var(--bmn-ink)}
}
#bm-nav .bm-menue__mail{color:var(--bmn-ink-3);font-size:14px;text-decoration:none}
#bm-nav .bm-menue__liste a[aria-current="page"]{color:var(--bmn-ink-3)}
#bm-nav button{white-space:normal;border-radius:0}
#bm-nav .bm-snav__marke .bm-wortzug{font-weight:600}
#bm-nav .bm-wortmarke{font-weight:600}
#bm-nav .bm-menue__bereiche{display:flex;gap:14px 22px;flex-wrap:wrap;margin:0 0 26px;padding:0}
#bm-nav .bm-menue__bereiche a{font-family:var(--bmn-mono);font-weight:500;font-size:11px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--bmn-ink-3);text-decoration:none}
@media (hover:hover) and (pointer:fine){
  #bm-nav .bm-menue__bereiche a:hover{color:var(--bmn-ink)}
}
#bm-nav .bm-menue__bereiche a[aria-current="page"]{color:var(--bmn-ink)}
@media (max-width:900px){
  html:not(.bm-nav-js) #bm-nav .bm-kopf__links{display:flex;flex-wrap:wrap;
    gap:10px clamp(14px,3.4vw,24px);justify-content:flex-end}
  html:not(.bm-nav-js) #bm-nav .bm-kopf__menue{display:none}
  html:not(.bm-nav-js) #bm-nav .navplatz,
  html:not(.bm-nav-js) #bm-nav .bm-kopf__zeile{height:auto;min-height:76px;
    padding-top:12px;padding-bottom:12px}
}
#bm-nav .bm-snav, #bm-nav .bm-snav *, #bm-nav .bm-snav *::before, #bm-nav .bm-snav *::after,
#bm-nav .bm-menue, #bm-nav .bm-menue *, #bm-nav .bm-menue *::before, #bm-nav .bm-menue *::after,
#bm-nav .bm-kopf__links, #bm-nav .bm-kopf__links *{box-sizing:border-box}
#bm-nav .bm-snav, #bm-nav .bm-menue{
  font-family:var(--bmn-fliess);font-size:17px;line-height:var(--bmn-lh-body);
  -webkit-font-smoothing:antialiased}
.bm-nav-js #bm-nav .bm-snav .bm-snav__korpus{box-shadow:0 22px 54px rgba(17,17,20,0);
  transition:padding 380ms var(--bmn-ease-expo),gap 380ms var(--bmn-ease-expo),
             box-shadow 240ms var(--bmn-ease)}
.bm-nav-js.bm-nav-an #bm-nav .bm-snav .bm-snav__korpus,
.bm-nav-js #bm-nav .bm-snav:focus-within .bm-snav__korpus{box-shadow:var(--bmn-schatten-dunkel)}
#bm-nav .bm-nav-durch,
#bm-nav .bm-nav-durch > .elementor-widget-container{display:contents}
body.bm-menue-offen{overflow:hidden}
/* `display:block` ist hier keine Formsache. Elementor macht aus jedem
   Container einen FLEX-Container, und in einem Flex-Container kollabieren
   die vertikalen Raender der Kinder nicht mehr. Auf der KI-Seite traegt die
   Kopfzeile 40 Pixel Eigenrand; im Quell-Dokument (ein gewoehnlicher
   Block-Container) kollabieren die aus dem Kasten heraus, im Bau addierten
   sie sich dazu. Gemessen am 26.08.: Nav-Container 100,8 px gegen eine
   Kopfzeile von 60,8 px, Seite 40 Pixel zu hoch. Auf den anderen zehn
   Seiten faellt es nicht auf, weil ihre Kopfzeile keinen Eigenrand hat.
   `width:auto` statt Elementors `width:100%`, damit ein seitlicher Rand
   nicht ueberhaengt (Falle 2 des Startseiten-Baus). */
.elementor-226 .elementor-element.elementor-element-9abae634{padding:0;margin:0;width:auto;display:block}
.elementor-226 .elementor-element.elementor-element-9abae634 .bm-nav-schrift, .elementor-226 .elementor-element.elementor-element-9abae634 .bm-nav-hilf{display:none}
.elementor-226 .elementor-element.elementor-element-9abae634{padding:0}
/* Der js-Klassen-Einzeiler der Quelle steht dort im <head>. Hier gehoert er
   in den ERSTEN Wurzel-Container der Seite: `.js .rv{opacity:0}` und der
   Papier-Vorhang muessen beim ersten Anstrich stehen, sonst blitzt die Seite
   auf, bevor der Vorhang haengt. */
.elementor-226 .elementor-element.elementor-element-9abae634 .bm-ki-hilf{display:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53dee7dc */.elementor-226 .elementor-element.elementor-element-53dee7dc{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-53dee7dc *, .elementor-226 .elementor-element.elementor-element-53dee7dc *::before, .elementor-226 .elementor-element.elementor-element-53dee7dc *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-53dee7dc .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-53dee7dc .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-53dee7dc button, .elementor-226 .elementor-element.elementor-element-53dee7dc .knopf, .elementor-226 .elementor-element.elementor-element-53dee7dc .zeile, .elementor-226 .elementor-element.elementor-element-53dee7dc .karte, .elementor-226 .elementor-element.elementor-element-53dee7dc .chip, .elementor-226 .elementor-element.elementor-element-53dee7dc .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-53dee7dc button:active, .elementor-226 .elementor-element.elementor-element-53dee7dc .knopf:active, .elementor-226 .elementor-element.elementor-element-53dee7dc .zeile:active, .elementor-226 .elementor-element.elementor-element-53dee7dc .karte:active, .elementor-226 .elementor-element.elementor-element-53dee7dc .chip:active, .elementor-226 .elementor-element.elementor-element-53dee7dc .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-53dee7dc a:focus-visible, .elementor-226 .elementor-element.elementor-element-53dee7dc button:focus-visible, .elementor-226 .elementor-element.elementor-element-53dee7dc input:focus-visible, .elementor-226 .elementor-element.elementor-element-53dee7dc summary:focus-visible, .elementor-226 .elementor-element.elementor-element-53dee7dc [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-53dee7dc label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-53dee7dc *, .elementor-226 .elementor-element.elementor-element-53dee7dc *::before, .elementor-226 .elementor-element.elementor-element-53dee7dc *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-53dee7dc .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-53dee7dc .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-53dee7dc .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-53dee7dc .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-53dee7dc .aussage{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-53dee7dc .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-53dee7dc .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-53dee7dc .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-53dee7dc .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-53dee7dc .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-53dee7dc .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-53dee7dc .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-53dee7dc .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei .spiegel und bei der klassenlosen Zwischenlage mit Block; der
   <header> selbst IST bei ihr flex und bekommt seine Zeilen-Richtung nativ. */
.elementor-226 .elementor-element.elementor-element-53dee7dc .spiegel{display:block}
.elementor-226 .elementor-element.elementor-element-53dee7dc .bm-ki-01-lage{display:block}
.elementor-226 .elementor-element.elementor-element-53dee7dc.hero{padding:clamp(64px,12vh,132px) 0 clamp(72px,12vh,140px);min-height:min(76vh,760px);display:flex;align-items:center}
.elementor-226 .elementor-element.elementor-element-53dee7dc.hero h1, .elementor-226 .elementor-element.elementor-element-53dee7dc.hero h1.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.035em; font-size:var(--t-hero);line-height:.9;margin:0 0 .34em;}
.elementor-226 .elementor-element.elementor-element-53dee7dc .wort{display:inline-block;overflow:hidden;padding:.02em .06em .2em;margin:-.02em -.06em -.2em;vertical-align:bottom}
.elementor-226 .elementor-element.elementor-element-53dee7dc .wort i{display:block;font-style:normal}
.js .elementor-226 .elementor-element.elementor-element-53dee7dc.hero .wort i{transform:translateY(114%);transition:transform 620ms var(--ease-expo)}
.js.los .elementor-226 .elementor-element.elementor-element-53dee7dc.hero .wort i{transform:none}
.elementor-226 .elementor-element.elementor-element-53dee7dc .caret{display:inline-block;width:.06em;height:.72em;background:var(--gelb); margin-left:.06em;vertical-align:baseline;}
.js .elementor-226 .elementor-element.elementor-element-53dee7dc .caret{animation:blink 1.05s steps(1,end) infinite}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.elementor-226 .elementor-element.elementor-element-53dee7dc .hero__sub{font-size:clamp(16px,1.4vw,21px);line-height:1.55;color:var(--ink-2);max-width:44ch;margin:0 0 34px}
.elementor-226 .elementor-element.elementor-element-53dee7dc .hero__fuss{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.elementor-226 .elementor-element.elementor-element-53dee7dc .hero__marke{color:var(--ink-3)}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-53dee7dc.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-53dee7dc .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-53dee7dc h1, .elementor-226 .elementor-element.elementor-element-53dee7dc h2, .elementor-226 .elementor-element.elementor-element-53dee7dc h3, .elementor-226 .elementor-element.elementor-element-53dee7dc h4, .elementor-226 .elementor-element.elementor-element-53dee7dc h5,
.elementor-226 .elementor-element.elementor-element-53dee7dc h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-53dee7dc figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-53dee7dc label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-53dee7dc button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-53dee7dc input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-53dee7dc` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-53dee7dc .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-53dee7dc .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9039453a */.elementor-226 .elementor-element.elementor-element-9039453a{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-9039453a *, .elementor-226 .elementor-element.elementor-element-9039453a *::before, .elementor-226 .elementor-element.elementor-element-9039453a *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-9039453a .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-9039453a .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-9039453a button, .elementor-226 .elementor-element.elementor-element-9039453a .knopf, .elementor-226 .elementor-element.elementor-element-9039453a .zeile, .elementor-226 .elementor-element.elementor-element-9039453a .karte, .elementor-226 .elementor-element.elementor-element-9039453a .chip, .elementor-226 .elementor-element.elementor-element-9039453a .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-9039453a button:active, .elementor-226 .elementor-element.elementor-element-9039453a .knopf:active, .elementor-226 .elementor-element.elementor-element-9039453a .zeile:active, .elementor-226 .elementor-element.elementor-element-9039453a .karte:active, .elementor-226 .elementor-element.elementor-element-9039453a .chip:active, .elementor-226 .elementor-element.elementor-element-9039453a .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-9039453a a:focus-visible, .elementor-226 .elementor-element.elementor-element-9039453a button:focus-visible, .elementor-226 .elementor-element.elementor-element-9039453a input:focus-visible, .elementor-226 .elementor-element.elementor-element-9039453a summary:focus-visible, .elementor-226 .elementor-element.elementor-element-9039453a [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-9039453a label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-9039453a *, .elementor-226 .elementor-element.elementor-element-9039453a *::before, .elementor-226 .elementor-element.elementor-element-9039453a *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-9039453a .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-9039453a .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-9039453a .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-9039453a .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-9039453a .aussage .elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-9039453a .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-9039453a .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-9039453a .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-9039453a .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-9039453a .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-9039453a .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-9039453a .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-9039453a .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei <section class="griff">, bei .spiegel und bei den zwei
   Randlagen mit Block. */
.elementor-226 .elementor-element.elementor-element-9039453a{display:block}
.elementor-226 .elementor-element.elementor-element-9039453a .spiegel{display:block}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__kopf, .elementor-226 .elementor-element.elementor-element-9039453a .griff__fuss{display:block}
.elementor-226 .elementor-element.elementor-element-9039453a.griff, .elementor-226 .elementor-element.elementor-element-9039453a .fall__seite--danach, .elementor-226 .elementor-element.elementor-element-9039453a .lohnt, .elementor-226 .elementor-element.elementor-element-9039453a .ehrlich{--ink-3: var(--ink-2);}
.elementor-226 .elementor-element.elementor-element-9039453a.griff{background:var(--flaeche-2);padding:clamp(64px,10vh,120px) 0}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__kopf{margin:0 0 clamp(26px,4vh,44px)}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__kopf .aussage .elementor-heading-title{max-width:16ch}
.elementor-226 .elementor-element.elementor-element-9039453a .flut{position:relative;overflow:hidden; display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; transition:height 620ms var(--ease-expo);}
.elementor-226 .elementor-element.elementor-element-9039453a .flut__zeile{display:flex;align-items:center;gap:12px; background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-element); padding:11px 14px;}
.js .elementor-226 .elementor-element.elementor-element-9039453a .flut__zeile{opacity:0;transform:translateY(9px); transition:opacity 220ms var(--ease),transform 220ms var(--ease)}
.js .elementor-226 .elementor-element.elementor-element-9039453a .flut__zeile.da{opacity:1;transform:none}
.js .elementor-226 .elementor-element.elementor-element-9039453a .flut__zeile.fort{opacity:0;transform:translateX(38px); transition:opacity 260ms var(--ease),transform 260ms var(--ease)}
.elementor-226 .elementor-element.elementor-element-9039453a .flut__zeit{color:var(--ink-3);flex:0 0 auto;min-width:7.4em}
.js .elementor-226 .elementor-element.elementor-element-9039453a .flut__zeile--ruhe{display:none}
.elementor-226 .elementor-element.elementor-element-9039453a .flut__tat{font-size:var(--t-body);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-9039453a .flut.bebt{animation:beben 520ms var(--ease)}
@keyframes beben{
  0%,100%{transform:translateX(0)}
  14%{transform:translateX(-4px)} 30%{transform:translateX(4px)}
  46%{transform:translateX(-3px)} 62%{transform:translateX(3px)}
  78%{transform:translateX(-2px)} 90%{transform:translateX(1px)}
}
.elementor-226 .elementor-element.elementor-element-9039453a .flut__zug{position:absolute;inset:0 auto 0 0;width:16%;pointer-events:none; transform:translateX(-116%);opacity:0; background:linear-gradient(90deg,rgba(238,199,53,0) 0%,var(--gelb) 58%,rgba(238,199,53,0) 100%);}
.elementor-226 .elementor-element.elementor-element-9039453a .flut__zug.laeuft{animation:zug 760ms var(--ease) forwards}
@keyframes zug{0%{opacity:.92;transform:translateX(-116%)}100%{opacity:0;transform:translateX(660%)}}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__fuss{margin:clamp(22px,3vh,34px) 0 0}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__nach{margin:0;font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);max-width:17ch;}
.js .elementor-226 .elementor-element.elementor-element-9039453a .griff__nach{opacity:0;transform:translateY(10px); transition:opacity 460ms var(--ease),transform 460ms var(--ease)}
.js .elementor-226 .elementor-element.elementor-element-9039453a .griff__nach.da{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__zeile{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0 0}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__neu{background:none;border:0;padding:12px 0;min-height:44px;cursor:pointer; font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.15em; text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--linie-tragend);}
html:not(.js) .elementor-226 .elementor-element.elementor-element-9039453a .griff__neu{display:none}
.js .elementor-226 .elementor-element.elementor-element-9039453a .griff__neu{visibility:hidden}
.js .elementor-226 .elementor-element.elementor-element-9039453a .griff__neu.da{visibility:visible}
.elementor-226 .elementor-element.elementor-element-9039453a .griff__notiz{color:var(--ink-3);text-transform:none;letter-spacing:.02em;font-size:12px}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-9039453a .griff__neu:hover{color:var(--ink);border-color:var(--ink)}
}
@media (max-width:900px){
.elementor-226 .elementor-element.elementor-element-9039453a .flut{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.elementor-226 .elementor-element.elementor-element-9039453a .flut{grid-template-columns:1fr}
.elementor-226 .elementor-element.elementor-element-9039453a .flut__zeit{min-width:6.6em}
}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-9039453a.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-9039453a .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-9039453a h1, .elementor-226 .elementor-element.elementor-element-9039453a h2, .elementor-226 .elementor-element.elementor-element-9039453a h3, .elementor-226 .elementor-element.elementor-element-9039453a h4, .elementor-226 .elementor-element.elementor-element-9039453a h5,
.elementor-226 .elementor-element.elementor-element-9039453a h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-9039453a figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-9039453a label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-9039453a button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-9039453a input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-9039453a` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-9039453a .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-9039453a .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9df4cf8 */.elementor-226 .elementor-element.elementor-element-f9df4cf8{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 *, .elementor-226 .elementor-element.elementor-element-f9df4cf8 *::before, .elementor-226 .elementor-element.elementor-element-f9df4cf8 *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 button, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .knopf, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .zeile, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .karte, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .chip, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 button:active, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .knopf:active, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .zeile:active, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .karte:active, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .chip:active, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 a:focus-visible, .elementor-226 .elementor-element.elementor-element-f9df4cf8 button:focus-visible, .elementor-226 .elementor-element.elementor-element-f9df4cf8 input:focus-visible, .elementor-226 .elementor-element.elementor-element-f9df4cf8 summary:focus-visible, .elementor-226 .elementor-element.elementor-element-f9df4cf8 [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-f9df4cf8 *, .elementor-226 .elementor-element.elementor-element-f9df4cf8 *::before, .elementor-226 .elementor-element.elementor-element-f9df4cf8 *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .aussage .elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei <section class="lw"> und bei den zwei Satzspiegeln mit Block. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8{display:block}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .spiegel{display:block}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe{background:var(--dunkel);color:var(--auf-dunkel);--fokus:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__kopf{padding:clamp(64px,10vh,120px) 0 clamp(24px,4vh,48px)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__kopf .kap{color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__kopf .aussage .elementor-heading-title{max-width:17ch}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__kopf .satz{color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__strecke{position:relative;height:300vh}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__raum{position:relative;height:100%;display:flex;align-items:flex-start;justify-content:center}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__turm{display:flex;flex-direction:column-reverse;align-items:center;gap:clamp(20px,3.4vh,44px); width:min(1000px,100% - var(--rand)*2); will-change:transform;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe{position:relative;width:100%; border-radius:var(--r-platte); padding:clamp(18px,2vw,28px); background:rgba(255,255,255,.045); border:1px solid var(--linie-dunkel); transition:opacity 420ms var(--ease),transform 420ms var(--ease),background 420ms var(--ease),border-color 420ms var(--ease);}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe--bau{border-style:dashed;border-color:rgba(255,255,255,.28)}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe--pin .stufe{opacity:.2;transform:scale(.93)}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe--pin .stufe.unten{opacity:.42;transform:scale(.95)}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe--pin .stufe.an{opacity:1;transform:none;background:rgba(255,255,255,.07)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe__marke{display:flex;align-items:center;gap:12px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe__nr{font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em; color:var(--gelb);font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe__was{font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe__titel{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:clamp(22px,2.3vw,32px);line-height:1.1;margin:0 0 .4em;max-width:24ch;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe__satz{font-size:var(--t-body);color:var(--auf-dunkel-2);max-width:62ch;margin:0 0 18px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe__buehne{border-radius:var(--r-element);overflow:hidden; background:#0B0B0D;border:1px solid var(--linie-dunkel);}
@keyframes einblenden{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__leiste{display:flex;align-items:center;gap:12px;padding:10px 14px; border-bottom:1px solid var(--linie-dunkel);color:var(--auf-dunkel-2);}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__name{font-size:14px;color:var(--auf-dunkel)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__tag{font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.13em;text-transform:uppercase; border:1px solid var(--linie-dunkel);border-radius:var(--r-pille);padding:4px 10px;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__rechts{margin-left:auto;display:flex;align-items:center;gap:14px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__stand{font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.13em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__leinwand{position:relative;height:220px;overflow:hidden}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__gitter{position:absolute;inset:0; background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.13) 1px,transparent 0); background-size:22px 22px;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__buehne{position:absolute;left:0;top:0;width:700px;height:220px;transform-origin:0 0}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__adern{position:absolute;left:0;top:0;width:700px;height:220px;overflow:visible}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .ader{fill:none;stroke:rgba(255,255,255,.26);stroke-width:1.5}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .ader--puls{stroke:var(--gelb);stroke-width:2;stroke-dasharray:14 100;stroke-dashoffset:14}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .stufe.an .ader--puls{animation:pulslauf 2.6s linear infinite}
@keyframes pulslauf{from{stroke-dashoffset:114}to{stroke-dashoffset:0}}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knoten{position:absolute;width:150px;height:46px; display:flex;align-items:center;gap:9px; background:#17171A;border:1px solid var(--linie-dunkel);border-radius:10px;padding:0 11px;}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knoten--start{border-left:3px solid var(--gelb)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knoten__ikon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knoten__ikon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knoten__wort{font-size:11px;line-height:1.2;color:var(--auf-dunkel)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os{display:grid;grid-template-columns:186px minmax(0,1fr);gap:1px;background:var(--linie-dunkel)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__seite, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__feld{background:#0B0B0D;padding:14px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__marke{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__marke i{width:8px;height:8px;border-radius:var(--r-pille);background:var(--gelb);font-style:normal}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__punkt{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer; color:var(--auf-dunkel-2);font-family:var(--fliess);font-size:14px; padding:9px 11px;border-radius:9px; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__punkt[aria-pressed="true"]{background:rgba(255,255,255,.09);color:var(--auf-dunkel)}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__punkt:hover{color:var(--auf-dunkel)}
}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__titel{font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:18px;color:var(--auf-dunkel)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__kachel{border:1px solid var(--linie-dunkel);border-radius:9px;padding:11px 12px; background:rgba(255,255,255,.03);animation:einblenden 260ms var(--ease);}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__kachelwort{display:block;font-size:13px;color:var(--auf-dunkel);line-height:1.3}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__kachelmeta{display:block;margin-top:5px;font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--auf-dunkel-2);font-variant-numeric:tabular-nums}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__kachel--warn{border-color:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os__kachel--warn .os__kachelmeta{color:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__stand{position:absolute;left:var(--rand);bottom:clamp(18px,3vh,34px); display:flex;align-items:center;gap:10px;color:var(--auf-dunkel-2); background:rgba(18,18,20,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); border:1px solid var(--linie-dunkel);border-radius:var(--r-pille);padding:8px 15px;}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__stand{display:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe:not(.treppe--pin) .treppe__stand{display:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__stand i{width:7px;height:7px;border-radius:var(--r-pille);background:var(--linie-dunkel);font-style:normal;transition:background var(--d-hover) var(--ease)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__stand i.an{background:var(--gelb)}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__strecke{height:auto}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__pin{position:static;height:auto;overflow:visible;padding:0 0 clamp(20px,4vh,40px)}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__raum{height:auto}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__turm{flex-direction:column;transform:none;width:min(1000px,100% - var(--rand)*2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__fuss{padding:clamp(28px,5vh,56px) 0 clamp(64px,10vh,120px)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__fuss .satz{color:var(--auf-dunkel-2);max-width:64ch}
@media (max-width:900px){
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__strecke{height:auto}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__pin{position:static;height:auto;overflow:visible;padding:0 0 clamp(20px,4vh,40px)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__raum{height:auto}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe__turm{flex-direction:column;transform:none!important;width:100%}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe--pin .stufe, .js .elementor-226 .elementor-element.elementor-element-f9df4cf8 .treppe--pin .stufe.unten{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .os{grid-template-columns:1fr}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__leinwand{height:auto!important;overflow:visible;padding:12px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__gitter{display:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__buehne{position:static;width:auto;height:auto;transform:none!important;display:grid;gap:8px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .fluss__adern{display:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knoten{position:static!important;width:100%;height:auto;padding:9px 11px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .knoten__wort{font-size:12px}
}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw{background:var(--dunkel);color:var(--auf-dunkel);--fokus:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__kopf{padding:clamp(64px,10vh,120px) 0 clamp(24px,4vh,48px)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__kopf .kap, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__kopf .satz{color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__kopf .aussage .elementor-heading-title{max-width:17ch}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__fuss{padding:clamp(28px,5vh,56px) 0 clamp(64px,10vh,120px)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__fuss .satz{color:var(--auf-dunkel-2);max-width:64ch}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__strecke{position:relative;height:400vh}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__pin{position:sticky;top:0;height:100vh;overflow:hidden}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__raster{position:absolute;inset:-50%; background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.14) 1px,transparent 0); background-size:26px 26px;pointer-events:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__welt{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .adern{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .ader--quer{stroke:rgba(238,199,53,.42);stroke-width:2;stroke-dasharray:7 9}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .ader--querpuls{stroke:var(--gelb);stroke-width:3;stroke-dasharray:10 100;stroke-dashoffset:10}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__pin[data-quer="an"] .ader--querpuls{animation:lwQuerlauf 3.2s linear infinite}
@keyframes lwQuerlauf{from{stroke-dashoffset:110}to{stroke-dashoffset:0}}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .knoten--fertig{border-color:rgba(59,125,79,.6)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .knoten__haken{position:absolute;right:-7px;top:-7px;width:18px;height:18px;border-radius:var(--r-pille); background:#3B7D4F;display:grid;place-items:center;opacity:0;transform:scale(.6)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .knoten__haken svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.6; stroke-linecap:round;stroke-linejoin:round}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .knoten.fertig .knoten__haken{opacity:1;transform:none; transition:opacity 240ms var(--ease),transform 240ms var(--ease-expo)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .wfkopf{position:absolute;display:flex;align-items:center;gap:9px;white-space:nowrap}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .wfkopf__name{font-size:12px;color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .wfkopf__tag{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.13em; text-transform:uppercase;border:1px solid var(--linie-dunkel);border-radius:var(--r-pille); padding:3px 8px;color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .wfkopf__tag--echt{background:var(--gelb);color:var(--ink);border-color:var(--gelb)}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .knoten, .js .elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .wfkopf{opacity:0;transform:translateY(8px) scale(.97); transition:opacity 420ms var(--ease),transform 420ms var(--ease)}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .knoten.da, .js .elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .wfkopf.da{opacity:calc(1 - var(--abtritt,0));transform:none}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .ader{opacity:0;transition:opacity 380ms var(--ease)}
.js .elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .ader.da{opacity:calc(1 - var(--abtritt,0))}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__welt[data-wandelt="ja"] .knoten, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__welt[data-wandelt="ja"] .wfkopf, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__welt[data-wandelt="ja"] .ader{transition:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .mark{position:absolute;left:0;top:0;opacity:0}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .mark.da{opacity:1}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .mark__platte{fill:none;stroke:rgba(255,255,255,.34);stroke-width:5}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .mark__punkt{fill:rgba(255,255,255,.9)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .mark__punkt--gelb{fill:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .blatt{position:absolute;width:250px;background:#17171A;border:1px solid var(--linie-dunkel); border-radius:10px;padding:13px;opacity:0;transform:translateY(10px); transition:opacity 300ms var(--ease),transform 300ms var(--ease)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .blatt.da{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .blatt__kopf{display:block;margin:0 0 11px;color:var(--auf-dunkel-2);font-family:var(--mono); font-weight:500;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .blatt__feld{display:block;margin:0 0 9px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .blatt__label{display:block;margin:0 0 4px;font-size:10px;color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .blatt__wert{display:block;border:1px solid var(--linie-dunkel);border-radius:7px;padding:6px 9px; font-size:11px;color:var(--auf-dunkel);background:rgba(255,255,255,.04)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8.lw .blatt__wert--tippt::after{content:'';display:inline-block;width:1px;height:.9em; background:var(--gelb);margin-left:2px;vertical-align:-.12em}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__karte{position:absolute;left:var(--rand);bottom:clamp(20px,4vh,42px);z-index:5; max-width:min(430px,72vw);background:rgba(18,18,20,.84); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); border:1px solid var(--linie-dunkel);border-radius:var(--r-platte);padding:20px 22px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__nr{display:block;margin:0 0 9px;color:var(--gelb);font-family:var(--mono);font-weight:500; font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__titel{display:block;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(19px,2vw,26px);line-height:1.14;margin:0 0 8px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__satz{display:block;font-size:14px;line-height:1.5;color:var(--auf-dunkel-2)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__wechsel{animation:lwAuf 320ms var(--ease)}
@keyframes lwAuf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__stand{position:absolute;right:var(--rand);bottom:clamp(20px,4vh,42px);z-index:5; display:flex;align-items:center;gap:9px;color:var(--auf-dunkel-2); background:rgba(18,18,20,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); border:1px solid var(--linie-dunkel);border-radius:var(--r-pille);padding:8px 15px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__stand i{width:6px;height:6px;border-radius:var(--r-pille);background:var(--linie-dunkel);font-style:normal}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__stand i.an{background:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__schmal{display:none;padding:clamp(28px,5vh,52px) var(--rand)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__schmalsatz{display:block;font-size:var(--t-body);color:var(--auf-dunkel-2);max-width:52ch;margin:0 0 18px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__schmalliste{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__schmalzeile{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--auf-dunkel)}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__schmalzeile i{flex:0 0 auto;margin-top:.55em;width:14px;height:2px;background:var(--gelb); border-radius:2px;font-style:normal}
@media (max-width:900px){
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__strecke{height:auto}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__pin{position:relative;height:auto}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__welt, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__raster, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__karte, .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__stand{display:none}
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__schmal{display:block}
}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__strecke{height:auto}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__pin{position:relative;height:auto}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__welt, html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__raster, html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__karte, html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__stand{display:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-f9df4cf8 .lw__schmal{display:block}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-f9df4cf8.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 h1, .elementor-226 .elementor-element.elementor-element-f9df4cf8 h2, .elementor-226 .elementor-element.elementor-element-f9df4cf8 h3, .elementor-226 .elementor-element.elementor-element-f9df4cf8 h4, .elementor-226 .elementor-element.elementor-element-f9df4cf8 h5,
.elementor-226 .elementor-element.elementor-element-f9df4cf8 h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-f9df4cf8` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-f9df4cf8 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c936cb74 */.elementor-226 .elementor-element.elementor-element-c936cb74{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-c936cb74 *, .elementor-226 .elementor-element.elementor-element-c936cb74 *::before, .elementor-226 .elementor-element.elementor-element-c936cb74 *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-c936cb74 .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-c936cb74 .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-c936cb74 button, .elementor-226 .elementor-element.elementor-element-c936cb74 .knopf, .elementor-226 .elementor-element.elementor-element-c936cb74 .zeile, .elementor-226 .elementor-element.elementor-element-c936cb74 .karte, .elementor-226 .elementor-element.elementor-element-c936cb74 .chip, .elementor-226 .elementor-element.elementor-element-c936cb74 .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-c936cb74 button:active, .elementor-226 .elementor-element.elementor-element-c936cb74 .knopf:active, .elementor-226 .elementor-element.elementor-element-c936cb74 .zeile:active, .elementor-226 .elementor-element.elementor-element-c936cb74 .karte:active, .elementor-226 .elementor-element.elementor-element-c936cb74 .chip:active, .elementor-226 .elementor-element.elementor-element-c936cb74 .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-c936cb74 a:focus-visible, .elementor-226 .elementor-element.elementor-element-c936cb74 button:focus-visible, .elementor-226 .elementor-element.elementor-element-c936cb74 input:focus-visible, .elementor-226 .elementor-element.elementor-element-c936cb74 summary:focus-visible, .elementor-226 .elementor-element.elementor-element-c936cb74 [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-c936cb74 label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-c936cb74 *, .elementor-226 .elementor-element.elementor-element-c936cb74 *::before, .elementor-226 .elementor-element.elementor-element-c936cb74 *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-c936cb74 .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-c936cb74 .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-c936cb74 .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-c936cb74 .aussage .elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-c936cb74 .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-c936cb74 .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-c936cb74 .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-c936cb74 .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-c936cb74 .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-c936cb74 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei <section class="faelle">, bei .spiegel und beim Kopf mit
   Block. */
.elementor-226 .elementor-element.elementor-element-c936cb74{display:block}
.elementor-226 .elementor-element.elementor-element-c936cb74 .spiegel{display:block}
.elementor-226 .elementor-element.elementor-element-c936cb74 .faelle__kopf{display:block}
.elementor-226 .elementor-element.elementor-element-c936cb74 .griff, .elementor-226 .elementor-element.elementor-element-c936cb74 .fall__seite--danach, .elementor-226 .elementor-element.elementor-element-c936cb74 .lohnt, .elementor-226 .elementor-element.elementor-element-c936cb74 .ehrlich{--ink-3: var(--ink-2);}
@keyframes einblenden{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.elementor-226 .elementor-element.elementor-element-c936cb74.faelle{padding:clamp(64px,10vh,120px) 0}
.elementor-226 .elementor-element.elementor-element-c936cb74 .faelle__kopf{margin:0 0 clamp(24px,4vh,44px)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .faelle__wahl{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px;padding:0;list-style:none}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__chip{font-family:var(--fliess);font-size:15px;color:var(--ink-2); background:var(--papier);border:1px solid var(--linie-tragend); border-radius:var(--r-pille);padding:9px 17px;cursor:pointer; display:inline-flex;align-items:center;gap:.55em; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__chip[aria-selected="true"]{background:var(--ink);color:var(--papier);border-color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__chip i{width:6px;height:6px;border-radius:var(--r-pille);background:var(--gelb);font-style:normal}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__chip:hover{border-color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__chip[aria-selected="true"]:hover{color:var(--papier)}
}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__tafel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linie);border:1px solid var(--linie);border-radius:var(--r-platte);overflow:hidden}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__seite{background:var(--papier);padding:clamp(20px,2.4vw,34px)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__seite--danach{background:var(--flaeche-2)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__marke{display:block;margin:0 0 12px;color:var(--ink-3)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__text{font-size:clamp(16px,1.35vw,20px);line-height:1.5;color:var(--ink);margin:0;max-width:38ch}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__seite--heute .fall__text{color:var(--ink-2)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__streifen{display:flex;align-items:center;gap:6px;margin:20px 0 0;flex-wrap:wrap}
.elementor-226 .elementor-element.elementor-element-c936cb74 .mini{display:inline-flex;align-items:center;gap:7px; background:var(--papier);border:1px solid var(--linie-tragend);border-radius:9px;padding:7px 10px;}
.elementor-226 .elementor-element.elementor-element-c936cb74 .mini:first-child{border-left:3px solid var(--gelb)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .mini__ikon{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;flex:0 0 auto}
.elementor-226 .elementor-element.elementor-element-c936cb74 .mini__ikon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.elementor-226 .elementor-element.elementor-element-c936cb74 .mini__wort{font-size:12px;color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__pfeil{color:var(--ink-3);font-size:13px}
.js .elementor-226 .elementor-element.elementor-element-c936cb74 .fall__pfeil i{display:inline-block;font-style:normal}
.js .elementor-226 .elementor-element.elementor-element-c936cb74 .fall__streifen.puls .mini{animation:minipuls 1.5s var(--ease)}
.js .elementor-226 .elementor-element.elementor-element-c936cb74 .fall__streifen.puls .mini:nth-child(3){animation-delay:.16s}
.js .elementor-226 .elementor-element.elementor-element-c936cb74 .fall__streifen.puls .mini:nth-child(5){animation-delay:.32s}
@keyframes minipuls{0%,100%{border-color:var(--linie-tragend)}22%,42%{border-color:var(--gelb)}}
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__wechsel{animation:einblenden 280ms var(--ease)}
.elementor-226 .elementor-element.elementor-element-c936cb74 .faelle__ohne{margin:22px 0 0}
html:not(.js) .elementor-226 .elementor-element.elementor-element-c936cb74 .faelle__wahl{display:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-c936cb74 #fallTafel{display:none}
.js .elementor-226 .elementor-element.elementor-element-c936cb74 .faelle__alle{display:none}
.elementor-226 .elementor-element.elementor-element-c936cb74 .faelle__alle{display:grid;gap:26px}
@media (max-width:900px){
.elementor-226 .elementor-element.elementor-element-c936cb74 .fall__tafel{grid-template-columns:1fr}
}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-c936cb74.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-c936cb74 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-c936cb74 h1, .elementor-226 .elementor-element.elementor-element-c936cb74 h2, .elementor-226 .elementor-element.elementor-element-c936cb74 h3, .elementor-226 .elementor-element.elementor-element-c936cb74 h4, .elementor-226 .elementor-element.elementor-element-c936cb74 h5,
.elementor-226 .elementor-element.elementor-element-c936cb74 h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-c936cb74 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-c936cb74 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-c936cb74 button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-c936cb74 input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-c936cb74` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-c936cb74 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-c936cb74 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0468e7e */.elementor-226 .elementor-element.elementor-element-d0468e7e{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-d0468e7e *, .elementor-226 .elementor-element.elementor-element-d0468e7e *::before, .elementor-226 .elementor-element.elementor-element-d0468e7e *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-d0468e7e .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-d0468e7e .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-d0468e7e button, .elementor-226 .elementor-element.elementor-element-d0468e7e .knopf, .elementor-226 .elementor-element.elementor-element-d0468e7e .zeile, .elementor-226 .elementor-element.elementor-element-d0468e7e .karte, .elementor-226 .elementor-element.elementor-element-d0468e7e .chip, .elementor-226 .elementor-element.elementor-element-d0468e7e .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-d0468e7e button:active, .elementor-226 .elementor-element.elementor-element-d0468e7e .knopf:active, .elementor-226 .elementor-element.elementor-element-d0468e7e .zeile:active, .elementor-226 .elementor-element.elementor-element-d0468e7e .karte:active, .elementor-226 .elementor-element.elementor-element-d0468e7e .chip:active, .elementor-226 .elementor-element.elementor-element-d0468e7e .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-d0468e7e a:focus-visible, .elementor-226 .elementor-element.elementor-element-d0468e7e button:focus-visible, .elementor-226 .elementor-element.elementor-element-d0468e7e input:focus-visible, .elementor-226 .elementor-element.elementor-element-d0468e7e summary:focus-visible, .elementor-226 .elementor-element.elementor-element-d0468e7e [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-d0468e7e label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-d0468e7e *, .elementor-226 .elementor-element.elementor-element-d0468e7e *::before, .elementor-226 .elementor-element.elementor-element-d0468e7e *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-d0468e7e .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-d0468e7e .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-d0468e7e .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-d0468e7e .aussage{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-d0468e7e .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-d0468e7e .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-d0468e7e .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-d0468e7e .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-d0468e7e .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei <section class="lohnt"> mit Block; das Raster holt sich
   .lohnt__lage aus dem Sektions-Paket, das nach diesem Angleich steht. */
.elementor-226 .elementor-element.elementor-element-d0468e7e{display:block}
.elementor-226 .elementor-element.elementor-element-d0468e7e .spiegel{display:block}

.elementor-226 .elementor-element.elementor-element-d0468e7e .durch, .elementor-226 .elementor-element.elementor-element-d0468e7e .durch > .elementor-widget-container{display:contents}
.elementor-226 .elementor-element.elementor-element-d0468e7e .griff, .elementor-226 .elementor-element.elementor-element-d0468e7e .fall__seite--danach, .elementor-226 .elementor-element.elementor-element-d0468e7e.lohnt, .elementor-226 .elementor-element.elementor-element-d0468e7e .ehrlich{--ink-3: var(--ink-2);}
html:not(.js) .elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__zaehler{display:none}
.elementor-226 .elementor-element.elementor-element-d0468e7e.lohnt{background:var(--flaeche-2);padding:clamp(64px,10vh,120px) 0}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__lage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(28px,4vw,60px);align-items:start}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__fragen{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:1px;background:var(--linie);border:1px solid var(--linie);border-radius:var(--r-platte);overflow:hidden}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef{display:block;background:var(--papier)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__label{position:relative;display:flex;align-items:center;gap:16px;padding:19px 20px;cursor:pointer}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__box{position:absolute;opacity:0;width:1px;height:1px}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__haken{width:26px;height:26px;flex:0 0 auto;border:1px solid var(--linie-tragend); border-radius:8px;display:grid;place-items:center; transition:background var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__haken svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset 300ms var(--ease)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__box:checked+.pruef__haken{background:var(--gelb);border-color:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__box:checked+.pruef__haken svg{stroke-dashoffset:0}
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__frage{font-size:var(--t-body);color:var(--ink)}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-d0468e7e .pruef__label:hover .pruef__haken{border-color:var(--ink)}
}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat{background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-platte); padding:clamp(20px,2.4vw,30px);box-shadow:var(--schatten-buehne);position:relative;}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__kopf .mono{color:var(--ink-3)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__zaehler{font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;color:var(--ink-3);font-variant-numeric:tabular-nums}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__zeilen{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__zeile{display:flex;align-items:center;gap:11px;padding-bottom:11px; border-bottom:1px solid var(--linie);color:var(--ink-3);font-size:15px; transition:color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__zeile i{width:6px;height:6px;border-radius:var(--r-pille);background:var(--linie-tragend);font-style:normal;flex:0 0 auto;transition:background var(--d-hover) var(--ease)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__satz{margin:20px 0 0;font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:var(--t-name);line-height:1.16}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__cta{margin:18px 0 0;display:none}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__stempel{position:absolute;top:calc(clamp(20px,2.4vw,30px) - 5px);right:clamp(20px,2.4vw,30px); background:var(--gelb);color:var(--ink);border-radius:var(--r-pille);padding:6px 13px; font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.13em;text-transform:uppercase; opacity:0;transform:rotate(-3deg) scale(.9); transition:opacity 300ms var(--ease),transform 300ms var(--ease-expo);}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f1:checked) .kandidat__zeile--1, .elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f2:checked) .kandidat__zeile--2, .elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f3:checked) .kandidat__zeile--3{color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f1:checked) .kandidat__zeile--1 i, .elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f2:checked) .kandidat__zeile--2 i, .elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f3:checked) .kandidat__zeile--3 i{background:var(--gelb)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .kandidat__zaehler{transition:opacity var(--d-hover) var(--ease)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f1:checked):has(#f2:checked):has(#f3:checked) .kandidat__zaehler{opacity:0}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f1:checked):has(#f2:checked):has(#f3:checked) .kandidat__stempel{opacity:1;transform:rotate(-3deg) scale(1)}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form:has(#f1:checked):has(#f2:checked):has(#f3:checked) .kandidat__cta{display:block}
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__form{display:contents}
@media (max-width:900px){
.elementor-226 .elementor-element.elementor-element-d0468e7e .lohnt__lage{grid-template-columns:1fr}
}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-d0468e7e.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-d0468e7e .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-d0468e7e h1, .elementor-226 .elementor-element.elementor-element-d0468e7e h2, .elementor-226 .elementor-element.elementor-element-d0468e7e h3, .elementor-226 .elementor-element.elementor-element-d0468e7e h4, .elementor-226 .elementor-element.elementor-element-d0468e7e h5,
.elementor-226 .elementor-element.elementor-element-d0468e7e h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-d0468e7e figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-d0468e7e label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-d0468e7e button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-d0468e7e input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-d0468e7e` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-d0468e7e .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-d0468e7e .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ea79283 */.elementor-226 .elementor-element.elementor-element-6ea79283{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-6ea79283 *, .elementor-226 .elementor-element.elementor-element-6ea79283 *::before, .elementor-226 .elementor-element.elementor-element-6ea79283 *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-6ea79283 .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-6ea79283 .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-6ea79283 button, .elementor-226 .elementor-element.elementor-element-6ea79283 .knopf, .elementor-226 .elementor-element.elementor-element-6ea79283 .zeile, .elementor-226 .elementor-element.elementor-element-6ea79283 .karte, .elementor-226 .elementor-element.elementor-element-6ea79283 .chip, .elementor-226 .elementor-element.elementor-element-6ea79283 .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-6ea79283 button:active, .elementor-226 .elementor-element.elementor-element-6ea79283 .knopf:active, .elementor-226 .elementor-element.elementor-element-6ea79283 .zeile:active, .elementor-226 .elementor-element.elementor-element-6ea79283 .karte:active, .elementor-226 .elementor-element.elementor-element-6ea79283 .chip:active, .elementor-226 .elementor-element.elementor-element-6ea79283 .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-6ea79283 a:focus-visible, .elementor-226 .elementor-element.elementor-element-6ea79283 button:focus-visible, .elementor-226 .elementor-element.elementor-element-6ea79283 input:focus-visible, .elementor-226 .elementor-element.elementor-element-6ea79283 summary:focus-visible, .elementor-226 .elementor-element.elementor-element-6ea79283 [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-6ea79283 label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-6ea79283 *, .elementor-226 .elementor-element.elementor-element-6ea79283 *::before, .elementor-226 .elementor-element.elementor-element-6ea79283 *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-6ea79283 .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-6ea79283 .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-6ea79283 .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-6ea79283 .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-6ea79283 .aussage .elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-6ea79283 .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-6ea79283 .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-6ea79283 .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-6ea79283 .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-6ea79283 .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-6ea79283 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-6ea79283 .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-6ea79283 .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei <section class="ehrlich"> und bei .spiegel mit Block. */
.elementor-226 .elementor-element.elementor-element-6ea79283{display:block}
.elementor-226 .elementor-element.elementor-element-6ea79283 .spiegel{display:block}
.elementor-226 .elementor-element.elementor-element-6ea79283 .griff, .elementor-226 .elementor-element.elementor-element-6ea79283 .fall__seite--danach, .elementor-226 .elementor-element.elementor-element-6ea79283 .lohnt, .elementor-226 .elementor-element.elementor-element-6ea79283.ehrlich{--ink-3: var(--ink-2);}
.elementor-226 .elementor-element.elementor-element-6ea79283.ehrlich{background:var(--flaeche-2);padding:0 0 clamp(64px,10vh,120px)}
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__lage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--linie);border:1px solid var(--linie);border-radius:var(--r-platte);overflow:hidden;margin-top:clamp(24px,4vh,44px)}
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__spalte{background:var(--papier);padding:clamp(22px,2.6vw,36px)}
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__spalte h3, .elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__spalte h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:var(--t-name);line-height:1.14;margin:0 0 20px}
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__liste{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__zeile{display:flex;gap:12px;align-items:flex-start;font-size:var(--t-body);line-height:1.5;color:var(--ink-2)}
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__zeile i{flex:0 0 auto;margin-top:.52em;width:16px;height:1px;background:var(--linie-tragend);font-style:normal}
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__spalte--ja .ehrlich__zeile i{background:var(--gelb);height:3px;margin-top:.46em;border-radius:2px}
@media (max-width:900px){
.elementor-226 .elementor-element.elementor-element-6ea79283 .ehrlich__lage{grid-template-columns:1fr}
}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-6ea79283.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-6ea79283 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-6ea79283 h1, .elementor-226 .elementor-element.elementor-element-6ea79283 h2, .elementor-226 .elementor-element.elementor-element-6ea79283 h3, .elementor-226 .elementor-element.elementor-element-6ea79283 h4, .elementor-226 .elementor-element.elementor-element-6ea79283 h5,
.elementor-226 .elementor-element.elementor-element-6ea79283 h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-6ea79283 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-6ea79283 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-6ea79283 button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-6ea79283 input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-6ea79283` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-6ea79283 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-6ea79283 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16606480 */.elementor-226 .elementor-element.elementor-element-16606480{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-226 .elementor-element.elementor-element-16606480 *, .elementor-226 .elementor-element.elementor-element-16606480 *::before, .elementor-226 .elementor-element.elementor-element-16606480 *::after{box-sizing:border-box}
.elementor-226 .elementor-element.elementor-element-16606480 .mono{font-family:var(--mono); font-weight:500; font-size:var(--t-mono); letter-spacing:.15em; text-transform:uppercase; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-16606480 .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.elementor-226 .elementor-element.elementor-element-16606480 button, .elementor-226 .elementor-element.elementor-element-16606480 .knopf, .elementor-226 .elementor-element.elementor-element-16606480 .zeile, .elementor-226 .elementor-element.elementor-element-16606480 .karte, .elementor-226 .elementor-element.elementor-element-16606480 .chip, .elementor-226 .elementor-element.elementor-element-16606480 .druck{transition:transform var(--d-micro) var(--ease)}
.elementor-226 .elementor-element.elementor-element-16606480 button:active, .elementor-226 .elementor-element.elementor-element-16606480 .knopf:active, .elementor-226 .elementor-element.elementor-element-16606480 .zeile:active, .elementor-226 .elementor-element.elementor-element-16606480 .karte:active, .elementor-226 .elementor-element.elementor-element-16606480 .chip:active, .elementor-226 .elementor-element.elementor-element-16606480 .druck:active{transform:scale(.97)}
.elementor-226 .elementor-element.elementor-element-16606480 a:focus-visible, .elementor-226 .elementor-element.elementor-element-16606480 button:focus-visible, .elementor-226 .elementor-element.elementor-element-16606480 input:focus-visible, .elementor-226 .elementor-element.elementor-element-16606480 summary:focus-visible, .elementor-226 .elementor-element.elementor-element-16606480 [tabindex]:focus-visible{outline:3px solid var(--fokus); outline-offset:3px;}
.elementor-226 .elementor-element.elementor-element-16606480 label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}
@media (prefers-reduced-motion: reduce){
.elementor-226 .elementor-element.elementor-element-16606480 *, .elementor-226 .elementor-element.elementor-element-16606480 *::before, .elementor-226 .elementor-element.elementor-element-16606480 *::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}
}
.elementor-226 .elementor-element.elementor-element-16606480 .spiegel{width:min(1240px,100% - var(--rand)*2);margin-inline:auto}
.elementor-226 .elementor-element.elementor-element-16606480 .rv{opacity:0;transform:translateY(16px);transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.elementor-226 .elementor-element.elementor-element-16606480 .rv.an{opacity:1;transform:none}
html:not(.js) .elementor-226 .elementor-element.elementor-element-16606480 .rv{opacity:1;transform:none}
.elementor-226 .elementor-element.elementor-element-16606480 .aussage .elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:var(--t-aussage);line-height:var(--lh-display);margin:0 0 .42em; max-width:19ch;}
.elementor-226 .elementor-element.elementor-element-16606480 .satz{font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2);max-width:58ch;margin:0}
.elementor-226 .elementor-element.elementor-element-16606480 .kap{display:inline-block;margin:0 0 14px;color:var(--ink-3);font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase}
.elementor-226 .elementor-element.elementor-element-16606480 .knopf-ink{display:inline-flex;align-items:center;gap:.6em; background:var(--ink);color:var(--papier);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-16606480 .knopf-gelb{display:inline-flex;align-items:center;gap:.6em; background:var(--gelb);color:var(--ink);text-decoration:none; font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:17px; padding:16px 26px;border-radius:var(--r-pille);border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-16606480 .stillzeile{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-2); text-decoration:none;font-size:var(--t-body); border-bottom:1px solid var(--linie-tragend);padding-bottom:3px; transition:color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-16606480 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-16606480 .knopf-gelb:hover{filter:brightness(1.06)}
.elementor-226 .elementor-element.elementor-element-16606480 .stillzeile:hover{color:var(--ink);border-color:var(--ink)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei <section class="faq"> und bei .spiegel mit Block. */
.elementor-226 .elementor-element.elementor-element-16606480{display:block}
.elementor-226 .elementor-element.elementor-element-16606480 .spiegel{display:block}
.elementor-226 .elementor-element.elementor-element-16606480.faq{padding:clamp(64px,10vh,120px) 0 clamp(64px,10vh,120px)}
.elementor-226 .elementor-element.elementor-element-16606480 .faq__liste{margin-top:clamp(24px,4vh,44px);border-top:1px solid var(--linie)}
.elementor-226 .elementor-element.elementor-element-16606480.faq details{border-bottom:1px solid var(--linie)}
.elementor-226 .elementor-element.elementor-element-16606480.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px; padding:22px 0;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(18px,1.8vw,24px);line-height:1.2;}
.elementor-226 .elementor-element.elementor-element-16606480.faq summary::-webkit-details-marker{display:none}
.elementor-226 .elementor-element.elementor-element-16606480.faq summary i{flex:0 0 auto;width:30px;height:30px;border-radius:var(--r-pille);border:1px solid var(--linie-tragend); display:grid;place-items:center;font-style:normal;font-size:16px;color:var(--ink-2); transition:transform var(--d-hover) var(--ease),background var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease);}
.elementor-226 .elementor-element.elementor-element-16606480.faq details[open] summary i{transform:rotate(45deg);background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-226 .elementor-element.elementor-element-16606480.faq .antwort{margin:0 0 24px;font-size:var(--t-body);line-height:1.62;color:var(--ink-2);max-width:70ch}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-16606480.faq summary:hover i{border-color:var(--ink)}
}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-16606480.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-16606480 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-16606480 h1, .elementor-226 .elementor-element.elementor-element-16606480 h2, .elementor-226 .elementor-element.elementor-element-16606480 h3, .elementor-226 .elementor-element.elementor-element-16606480 h4, .elementor-226 .elementor-element.elementor-element-16606480 h5,
.elementor-226 .elementor-element.elementor-element-16606480 h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-16606480 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-16606480 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-16606480 button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-16606480 input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-16606480` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-16606480 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-16606480 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d869a8a */.elementor-226 .elementor-element.elementor-element-5d869a8a{--papier: #FFFFFF; --flaeche-2: #F4F4F5; --dunkel: #121214; --ink: #18181B; --ink-2: #52525B; --ink-3: #71717A; --auf-dunkel: #FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --auf-bild: #FFFFFF; --linie: #E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel: rgba(255,255,255,.16); --gelb: #EEC735; --gold: var(--ink); --fokus: var(--ink); --titel: "Familjen Grotesk", system-ui, sans-serif; --fliess: "Instrument Sans", system-ui, sans-serif; --mono: "IBM Plex Mono", ui-monospace, monospace; --t-hero: clamp(44px, 8.6vw, 124px); --t-gross: clamp(40px, 7.6vw, 110px); --t-aussage: clamp(34px, 4.9vw, 68px); --t-name: clamp(26px, 3.0vw, 42px); --t-option: clamp(17px, 1.5vw, 21px); --t-body: clamp(15px, 1.15vw, 17px); --t-meta: 13px; --t-mono: 11px; --lh-display: 1.06; --lh-body: 1.6; --rand: clamp(14px, 2.8vw, 40px); --r-platte: clamp(16px, 1.6vw, 22px); --r-element: 12px; --r-pille: 999px; --ease: cubic-bezier(.215,.61,.355,1); --ease-expo: cubic-bezier(.19,1,.22,1); --d-micro: 160ms; --d-hover: 200ms; --d-reveal: 560ms;}
.elementor-226 .elementor-element.elementor-element-5d869a8a{background:var(--papier); color:var(--ink); font-family:var(--fliess); font-size:17px; line-height:var(--lh-body); -webkit-font-smoothing:antialiased}
.elementor-226 .elementor-element.elementor-element-5d869a8a .zeile{transition: transform var(--d-micro) var(--ease);}
.elementor-226 .elementor-element.elementor-element-5d869a8a .zeile:active{transform: scale(.97);}
.elementor-226 .elementor-element.elementor-element-5d869a8a a:focus-visible{outline: 3px solid var(--fokus); outline-offset: 3px;}
/* --- Theme-Durchgriffe von Hello Elementor, alle gemessen --------------- */

/* `p{margin-top:0; margin-bottom:14,4px}` gegen die UA-Voreinstellung
   1em/1em (17px bei der Body-Groesse dieser Seite). Betrifft jeden Absatz
   ohne eigene Rand-Regel. */
.elementor-226 .elementor-element.elementor-element-5d869a8a p{margin:revert}

/* `ul,ol{margin:0}` gegen 1em/1em. Der Einzug (padding-left 40px) ist in
   beiden gleich, er steht deshalb nicht hier. */
.elementor-226 .elementor-element.elementor-element-5d869a8a ul, .elementor-226 .elementor-element.elementor-element-5d869a8a ol{margin:revert}

/* Hello stylt h1 bis h6 NAMENTLICH: Groesse (40/32/28/24/20/16px statt
   34/25,5/19,89/17/14,11/11,39), Gewicht 500 statt 700 und Raender 8/16
   statt 0,67em. Diese Seite traegt vierzehn Ueberschriften in HTML-Widgets
   (die H2 der Sektionen 02 und 03, die sechs H3 der Leistungen, die drei H3
   der Schritte, die drei H3 der Fusszeilen-Spalten). Jede von ihnen hat in
   der Quelle eine Klassen-Regel, die diesen Neutralisierer schlaegt; er ist
   das Netz fuer den Fall, dass eine dazukommt. */
.elementor-226 .elementor-element.elementor-element-5d869a8a h1, .elementor-226 .elementor-element.elementor-element-5d869a8a h2, .elementor-226 .elementor-element.elementor-element-5d869a8a h3, .elementor-226 .elementor-element.elementor-element-5d869a8a h4, .elementor-226 .elementor-element.elementor-element-5d869a8a h5, .elementor-226 .elementor-element.elementor-element-5d869a8a h6{
  margin:revert;font-size:revert;font-weight:revert;line-height:revert}

/* Der teuerste Durchgriff dieser Seite: `button`. Hello faerbt ihn
   rgb(204,51,102), nimmt ihm Rand und Hintergrund, gibt ihm 8/16 Polster,
   3px Radius, `white-space:nowrap`, die Body-Schrift und `cursor:pointer`.
   Sechzehn Einzelwerte. Die Quelle fasst `button` nur ueber `transition`
   und `:active` an, alles andere kommt dort aus dem Browser. Betroffen sind
   die zwei Pfeile in Sektion 05 und die drei Knoepfe plus die Chips in
   Sektion 07; ihre Klassen setzen das meiste selbst, aber nicht alles
   (`white-space` und `cursor` setzt keine). */
.elementor-226 .elementor-element.elementor-element-5d869a8a button{padding:revert;font-family:revert;font-size:revert;
  line-height:revert;color:revert;background:revert;border:revert;
  border-radius:revert;white-space:revert;cursor:revert}

/* `input{margin:0}` gegen die Checkbox-Raender 3/3/3/4 des Browsers, dazu
   Schriftfamilie, -groesse und Zeilenhoehe. Die 16 Haken der Sektion 07
   stehen `position:absolute` mit Deckung 0, die Zeile ist also Vorsorge. */
.elementor-226 .elementor-element.elementor-element-5d869a8a input{margin:revert;font-family:revert;font-size:revert;
  line-height:revert}

/* `label{display:inline-block; line-height:1; vertical-align:middle}` gegen
   `inline`, 1,6 und `baseline`. Die 16 Etiketten der Sektion 07 setzen ihr
   `display:flex` selbst, die Zeilenhoehe nicht. */
.elementor-226 .elementor-element.elementor-element-5d869a8a label{display:revert;line-height:revert;vertical-align:revert}

/* `img{max-width:100%}` gegen `none`. Betrifft die 19 Bilder der Seite; die
   zehn Kundenlogos rechnen ihre Hoehe aus `naturalWidth`/`naturalHeight`
   und werden vom Skript per Inline-Stil gesetzt, ein Deckel darueber waere
   in schmalen Reihen sichtbar. */
.elementor-226 .elementor-element.elementor-element-5d869a8a img{max-width:revert}

/* Hello faerbt Links rgb(204,51,102) und nimmt ihnen die Unterstreichung;
   die Quelle hat an einem klassenlosen Link das UA-Blau MIT Unterstreichung.
   Alle Links dieser Seite tragen eine Klasse, die beides setzt; die Zeile
   ist das Netz. */
.elementor-226 .elementor-element.elementor-element-5d869a8a a{color:revert;text-decoration:revert}

/* --- Elementor-eigene Zutaten ------------------------------------------ */

/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Die Ueberschrift erbt hier wieder von ihrem
   Rahmen; die echten Werte kommen aus den Quell-Regeln, die ueber
   `heading_variante()` als `… h2.elementor-heading-title` laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-5d869a8a .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 2 (STATUS 21.08.): Elementor schreibt in JEDE Seiten-CSS den
   Kit-Block `.elementor-widget-text-editor{font-family:…; color:
   var(--e-global-color-text)}`. Die Farbe ist der Kit-Standard #7A7A7A und
   trifft jeden Absatz, der seine Farbe nicht selbst setzt. */
.elementor-226 .elementor-element.elementor-element-5d869a8a .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus: `.e-con>.elementor-widget{max-width:100%}` deckelt
   jedes Widget. Die Quelle kennt diesen Deckel nicht. */
.elementor-226 .elementor-element.elementor-element-5d869a8a .elementor-widget{max-width:none}
.elementor-226 .elementor-element.elementor-element-5d869a8a{display:block;width:auto;padding:0;margin:0}
.elementor-226 .elementor-element.elementor-element-5d869a8a .fuss{display:block;width:auto}
.elementor-226 .elementor-element.elementor-element-5d869a8a .fuss__innen{display:block;width:auto}
.elementor-226 .elementor-element.elementor-element-5d869a8a .fuss{--fokus:var(--gelb); margin:8px var(--rand) var(--rand); background:var(--dunkel); color:var(--auf-dunkel); border-radius:22px; padding:clamp(40px,6vh,72px) clamp(20px,3.4vw,64px) clamp(24px,3vh,36px);}
.elementor-226 .elementor-element.elementor-element-5d869a8a .fuss__innen{max-width:1360px; margin:0 auto}
.elementor-226 .elementor-element.elementor-element-5d869a8a .raster{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.25fr); gap:clamp(28px,3.4vw,56px); align-items:start;}
.elementor-226 .elementor-element.elementor-element-5d869a8a .marke img{height:clamp(46px,4.4vw,64px); width:auto; display:block}
.elementor-226 .elementor-element.elementor-element-5d869a8a .marke p{margin:22px 0 0; color:var(--auf-dunkel-2); font-size:var(--t-body); max-width:34ch}
.elementor-226 .elementor-element.elementor-element-5d869a8a .marke ul{list-style:none; margin:22px 0 0; padding:0; display:flex; gap:20px}
.elementor-226 .elementor-element.elementor-element-5d869a8a .spalte h3{font-family:var(--titel); font-weight:600; font-size:13px; letter-spacing:.02em; color:var(--auf-dunkel-2); margin:0 0 16px; text-transform:none;}
.elementor-226 .elementor-element.elementor-element-5d869a8a .spalte ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}
.elementor-226 .elementor-element.elementor-element-5d869a8a a.zeile{color:var(--auf-dunkel); text-decoration:none; font-size:var(--t-body); display:inline-block; border-radius:6px; transition:color 200ms var(--ease), transform var(--d-micro) var(--ease);}
@media (hover:hover) and (pointer:fine){
.elementor-226 .elementor-element.elementor-element-5d869a8a a.zeile:hover{color:var(--gelb)}
}
.elementor-226 .elementor-element.elementor-element-5d869a8a .kontakt address{font-style:normal; color:var(--auf-dunkel-2); font-size:var(--t-body); margin:0 0 16px}
.elementor-226 .elementor-element.elementor-element-5d869a8a .kontakt .gross{font-family:var(--titel); font-weight:600; color:var(--auf-dunkel); font-size:clamp(19px,1.8vw,24px); letter-spacing:-.02em; font-variant-numeric:tabular-nums;}
.elementor-226 .elementor-element.elementor-element-5d869a8a .unten{margin-top:clamp(36px,5vh,60px); padding-top:22px; border-top:1px solid var(--linie-dunkel); display:flex; justify-content:space-between; align-items:center; gap:16px 28px; flex-wrap:wrap; color:var(--auf-dunkel-2); font-size:14px;}
.elementor-226 .elementor-element.elementor-element-5d869a8a .unten ul{list-style:none; margin:0; padding:0; display:flex; gap:24px}
.elementor-226 .elementor-element.elementor-element-5d869a8a .unten .jahr{font-variant-numeric:tabular-nums}
@media (max-width:1000px){
.elementor-226 .elementor-element.elementor-element-5d869a8a .raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px 32px}
.elementor-226 .elementor-element.elementor-element-5d869a8a .marke{grid-column:1 / -1}
}
@media (max-width:600px){
.elementor-226 .elementor-element.elementor-element-5d869a8a .raster{grid-template-columns:1fr}
.elementor-226 .elementor-element.elementor-element-5d869a8a .unten{flex-direction:column; align-items:flex-start}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf3a8c0 */:root{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(44px,8.6vw,124px); --t-aussage:clamp(32px,4.6vw,64px); --t-name:clamp(22px,2.4vw,34px); --t-body:clamp(15px,1.15vw,17px); --t-meta:13px; --t-mono:11px; --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --r-pille:999px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
html{overflow-anchor:none}
body{margin:0; background:var(--papier); color:var(--ink); font-family:var(--fliess); font-size:17px; line-height:var(--lh-body); -webkit-font-smoothing:antialiased;}
.vorhang{display:none;position:fixed;inset:0;background:var(--papier);z-index:90;pointer-events:none}
.js .vorhang{display:block;animation:vorhangNot 0s linear 1.6s forwards}
@keyframes vorhangNot{to{visibility:hidden}}
.lauf{position:fixed;top:0;left:0;height:2px;width:0;background:var(--gelb);z-index:80;display:block}
.navplatz{height:76px;display:flex;align-items:center}
.navplatz .spiegel{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px}
.wortmarke{font-family:var(--titel);font-weight:600;letter-spacing:-.02em;font-size:19px; color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.42em;}
.wortmarke i{font-style:normal;color:var(--gelb)}
.platzhalter{font-family:var(--mono);font-weight:500;font-size:var(--t-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}
@media (hover:hover) and (pointer:fine){
.wortmarke:hover{color:var(--ink-2)}
}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus `.elementor-226 .elementor-element.elementor-element-7cf3a8c0.hero h1.elementor-heading-title` und aus
   den `.aussage .elementor-heading-title`-Regeln, die laut genug stehen. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* Kit-Falle 1b, NEU auf dieser Seite: die zwei `<h3>` der Ehrlich-Spalten
   liegen im HTML-Widget und sind deshalb ECHTE h3 ohne Elementor-Klasse. Der
   Neutralisierer oben trifft sie nicht, der Kit-Block `h3{color:…}` (0,0,1)
   schon. Die Quelle setzt an `.ehrlich__spalte h3` Familie, Gewicht, Groesse,
   Zeilenhoehe, Laufweite und Rand, aber KEINE Farbe: dort erbt die
   Ueberschrift die Textfarbe ihrer Spalte. Ohne diese Zeile stuenden die
   beiden Ueberschriften im Kit-Blau. Die Zeile ist mit (0,3,1) laut genug
   gegen das Kit und leise genug gegen jede Regel der Quelle, die eine Klasse
   nennt. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 h1, .elementor-226 .elementor-element.elementor-element-7cf3a8c0 h2, .elementor-226 .elementor-element.elementor-element-7cf3a8c0 h3, .elementor-226 .elementor-element.elementor-element-7cf3a8c0 h4, .elementor-226 .elementor-element.elementor-element-7cf3a8c0 h5,
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 h6{color:inherit;font-family:inherit;font-size:inherit;
  font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}

/* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit
   line-height 1.4 UND font-style italic. Diese Seite fuehrt keine
   figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter
   eingesetzte Bildunterschrift nicht still kippt. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Auf
   DIESER Seite ist das kein Vorsorge-Fall, sondern ein echter: die drei
   Fragen des Selbst-Checks sind `<label class="pruef__label">`, und
   `.pruef__frage` erbt seine Zeilenhoehe von ihnen. Mit der Theme-Eins
   stuenden die drei Zeilen enger als in der Quelle. `.pruef__label` setzt
   sein `display:flex` selbst und schlaegt das `inline` hier. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der
   Quelle steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die
   Quelle 0. Beides entscheidet das Theme, weil die Quelle es nicht anfasst.

   `line-height` ist auf DIESER Seite dazugekommen und war der einzige echte
   Fund der Element-Sorten-Gegenprobe vom 25.08.: die Lab setzt Knoepfen
   `line-height:1.5`, die Quelle laesst ihnen das `normal` des Browsers. Kein
   einziger der neun Knoepfe dieser Seite setzt eine eigene Zeilenhoehe, der
   Durchgriff traf also alle. Gemessen an nachgebauten Knoepfen in beiden
   Dokumenten, vor dem Import:
     `.griff__neu`  15,5 -> 17,5 px hoch (lh normal gegen 16,5px)
     `.fall__chip`  38,5 -> 42,5 px      (lh normal gegen 22,5px)
     `.gen__rolle`  35,0 -> 39,0 px      (lh normal gegen 21px)
   Das sind 4 Pixel je Chip-Zeile und je Rollen-Zeile. `revert` ist hier der
   ehrliche Neutralisierer und nicht `inherit`: die Quelle ERBT die
   Zeilenhoehe nicht (Knoepfe tun das von Haus aus nicht), sie benutzt den
   Browser-Standard, und genau bis dahin rollt `revert` zurueck.
   `padding` steht aus demselben Grund vorbeugend dabei (Lab 8/16 gegen
   Browser 1/6); alle neun Knoepfe setzen ihr Polster selbst und schlagen
   den Neutralisierer mit vier Klassen gegen drei plus Element. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 button{white-space:normal;border-radius:0;line-height:revert;
  padding:revert}

/* Theme-Durchgriff Nummer vier: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox 3px/3px/3px/4px. Die drei Haken-Boxen des
   Selbst-Checks (`.pruef__box`) setzen Position, Groesse und Deckung selbst,
   aber keinen Rand. Sie stehen `position:absolute` und sind 1x1 Pixel gross,
   der Unterschied hat also keine Massfolge; er stuende sonst als
   unerklaerte Abweichung im Eigenschafts-Vergleich. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 input{margin:revert}

/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das der Nachsatz der Flut
   (`.griff__nach`, erbt --ink vom Body) und die Vorlese-Zeile `.sr`.
   Eine Hoehenmessung findet so etwas nie.
   `.elementor-226 .elementor-element.elementor-element-7cf3a8c0` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. Ohne
   die Zeile traegt jedes Widget, das eine Quell-Klasse fuehrt, eine Grenze,
   die es in der Quelle nicht hat. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 .elementor-widget{max-width:none}
/* Der Block ist unsichtbar, aber NICHT display:none: seine zwei Overlays sind
   position:fixed und wuerden mit einem display:none-Vorfahren verschwinden.
   Fixiert heisst ausserhalb des Flusses, der Container ist deshalb von
   selbst 0 Pixel hoch. */
.elementor-226 .elementor-element.elementor-element-7cf3a8c0{padding:0;margin:0}
.elementor-226 .elementor-element.elementor-element-7cf3a8c0 .bm-ki-schrift{display:none}/* End custom CSS */