.elementor-225 .elementor-element.elementor-element-06886942{--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-225 .elementor-element.elementor-element-8ef29aa7 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-9cc21f82 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-be402b1c .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-225 .elementor-element.elementor-element-19758bbd .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}.elementor-225 .elementor-element.elementor-element-bb225172{--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-225 .elementor-element.elementor-element-3110593e{--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-225 .elementor-element.elementor-element-e358399d .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-5017cba5{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-ae76c98b{--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-225 .elementor-element.elementor-element-f9d36ed1{--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-225 .elementor-element.elementor-element-7d19ad62{--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-225 .elementor-element.elementor-element-778ffd5d .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-5a7882bb{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-856faca3{--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-225 .elementor-element.elementor-element-db978506{--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-225 .elementor-element.elementor-element-a42cf7c1 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-df63987f{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-c1aaf490{--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-225 .elementor-element.elementor-element-7f6e4d1d{--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-225 .elementor-element.elementor-element-4fa60fce .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-08537b1d{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-ae8c39c6{--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-225 .elementor-element.elementor-element-686e8b54{--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-225 .elementor-element.elementor-element-e2769688 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-e4d7b304{--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-225 .elementor-element.elementor-element-afb271b2{--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-225 .elementor-element.elementor-element-d9abbd0f .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-c433e90f{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-44a82aa0{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-fdf2f8cf{--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-225 .elementor-element.elementor-element-ff02f7cc{--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-225 .elementor-element.elementor-element-13968ce6{--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-225 .elementor-element.elementor-element-6851d3b5{--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-225 .elementor-element.elementor-element-2cd1500d{--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-225 .elementor-element.elementor-element-7ffb6fff{--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-225 .elementor-element.elementor-element-78fe41a5 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-225 .elementor-element.elementor-element-d0262718 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-225 .elementor-element.elementor-element-b5bcd239 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-225 .elementor-element.elementor-element-99e0ae1e .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-06886942 */.elementor-225 .elementor-element.elementor-element-06886942{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-06886942 *, .elementor-225 .elementor-element.elementor-element-06886942 *::before, .elementor-225 .elementor-element.elementor-element-06886942 *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-06886942 h1, .elementor-225 .elementor-element.elementor-element-06886942 h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-06886942 h2, .elementor-225 .elementor-element.elementor-element-06886942 h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-06886942 h3, .elementor-225 .elementor-element.elementor-element-06886942 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-06886942 p{margin:0}
.elementor-225 .elementor-element.elementor-element-06886942 a{color:inherit}
.elementor-225 .elementor-element.elementor-element-06886942 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-06886942 button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-06886942 a:focus-visible, .elementor-225 .elementor-element.elementor-element-06886942 button:focus-visible, .elementor-225 .elementor-element.elementor-element-06886942 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-06886942 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-06886942 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-06886942 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-06886942 .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-06886942 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-06886942 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-06886942 *, .elementor-225 .elementor-element.elementor-element-06886942 *::before, .elementor-225 .elementor-element.elementor-element-06886942 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-06886942 .rv, .js .elementor-225 .elementor-element.elementor-element-06886942 .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-06886942 .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-06886942 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-06886942 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* ==== 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-225 .elementor-element.elementor-element-06886942` 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-225 .elementor-element.elementor-element-06886942{padding:0;margin:0;width:auto;display:block}
.elementor-225 .elementor-element.elementor-element-06886942 .bm-nav-schrift, .elementor-225 .elementor-element.elementor-element-06886942 .bm-nav-hilf{display:none}
.elementor-225 .elementor-element.elementor-element-06886942{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-225 .elementor-element.elementor-element-06886942 .bm-pl-hilf{display:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb225172 */.elementor-225 .elementor-element.elementor-element-bb225172{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-bb225172 *, .elementor-225 .elementor-element.elementor-element-bb225172 *::before, .elementor-225 .elementor-element.elementor-element-bb225172 *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-bb225172 h1, .elementor-225 .elementor-element.elementor-element-bb225172 h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-bb225172 h2, .elementor-225 .elementor-element.elementor-element-bb225172 h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-bb225172 h3, .elementor-225 .elementor-element.elementor-element-bb225172 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-bb225172 p{margin:0}
.elementor-225 .elementor-element.elementor-element-bb225172 a{color:inherit}
.elementor-225 .elementor-element.elementor-element-bb225172 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-bb225172 button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-bb225172 a:focus-visible, .elementor-225 .elementor-element.elementor-element-bb225172 button:focus-visible, .elementor-225 .elementor-element.elementor-element-bb225172 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-bb225172 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-bb225172 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-bb225172 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-bb225172 .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-bb225172 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-bb225172 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-bb225172 *, .elementor-225 .elementor-element.elementor-element-bb225172 *::before, .elementor-225 .elementor-element.elementor-element-bb225172 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-bb225172 .rv, .js .elementor-225 .elementor-element.elementor-element-bb225172 .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-bb225172 .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-bb225172 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-bb225172 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   beim <header> und bei .spiegel mit Block. */
.elementor-225 .elementor-element.elementor-element-bb225172{display:block}
.elementor-225 .elementor-element.elementor-element-bb225172 .spiegel{display:block}
.elementor-225 .elementor-element.elementor-element-bb225172.hero{padding:88px 0 56px}
.elementor-225 .elementor-element.elementor-element-bb225172.hero h1, .elementor-225 .elementor-element.elementor-element-bb225172.hero h1.elementor-heading-title{font-size:var(--t-hero);max-width:13ch}
.elementor-225 .elementor-element.elementor-element-bb225172.hero .wort{display:inline-block;overflow:hidden;vertical-align:bottom; padding-bottom:.06em;margin-bottom:-.06em}
.elementor-225 .elementor-element.elementor-element-bb225172.hero .wort i{display:inline-block;font-style:normal}
.js .elementor-225 .elementor-element.elementor-element-bb225172.hero .wort i{transform:translateY(112%);transition:transform 760ms var(--ease-expo)}
.js.los .elementor-225 .elementor-element.elementor-element-bb225172.hero .wort i{transform:none}
.elementor-225 .elementor-element.elementor-element-bb225172.hero .caret{display:inline-block;width:.085em;height:.78em;background:var(--gelb); margin-left:.08em;border-radius:2px;vertical-align:baseline; animation:blinzeln 1.05s steps(1) infinite}
@keyframes blinzeln{50%{opacity:0}}
.elementor-225 .elementor-element.elementor-element-bb225172.hero p{max-width:46ch;margin-top:26px;font-size:clamp(17px,1.35vw,20px);color:var(--ink-2)}
.elementor-225 .elementor-element.elementor-element-bb225172 .hero__zeile{display:flex;align-items:center;gap:22px;margin-top:38px;flex-wrap:wrap}
.elementor-225 .elementor-element.elementor-element-bb225172 .hero__etikett{color:var(--ink-3)}
.elementor-225 .elementor-element.elementor-element-bb225172 .datei{display:inline-flex;align-items:center;gap:12px;background:var(--flaeche-2); border:1px solid var(--linie-tragend);border-radius:var(--r-element);padding:14px 20px; margin-top:40px;font-size:15px}
.elementor-225 .elementor-element.elementor-element-bb225172 .datei i{font-style:normal;width:34px;height:42px;border-radius:5px;background:var(--papier); border:1px solid var(--linie-tragend);position:relative;flex:0 0 auto}
.elementor-225 .elementor-element.elementor-element-bb225172 .datei i::before{content:"";position:absolute;left:6px;right:6px;top:7px;height:2px; background:var(--gelb);border-radius:1px}
.elementor-225 .elementor-element.elementor-element-bb225172 .datei i::after{content:"PDF";position:absolute;left:0;right:0;bottom:5px;text-align:center; font-family:var(--mono);font-size:8px;letter-spacing:.08em;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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-bb225172 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-bb225172 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-bb225172 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-bb225172 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-bb225172 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-bb225172`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-bb225172 td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-bb225172 table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-bb225172 th, .elementor-225 .elementor-element.elementor-element-bb225172 td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-bb225172 tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-bb225172 tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-bb225172` 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-225 .elementor-element.elementor-element-bb225172 .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-225 .elementor-element.elementor-element-bb225172 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae76c98b */.elementor-225 .elementor-element.elementor-element-ae76c98b{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-ae76c98b *, .elementor-225 .elementor-element.elementor-element-ae76c98b *::before, .elementor-225 .elementor-element.elementor-element-ae76c98b *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-ae76c98b h1, .elementor-225 .elementor-element.elementor-element-ae76c98b h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-ae76c98b h2, .elementor-225 .elementor-element.elementor-element-ae76c98b h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-ae76c98b h3, .elementor-225 .elementor-element.elementor-element-ae76c98b h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-ae76c98b p{margin:0}
.elementor-225 .elementor-element.elementor-element-ae76c98b a{color:inherit}
.elementor-225 .elementor-element.elementor-element-ae76c98b button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-ae76c98b button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-ae76c98b a:focus-visible, .elementor-225 .elementor-element.elementor-element-ae76c98b button:focus-visible, .elementor-225 .elementor-element.elementor-element-ae76c98b summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-ae76c98b .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-ae76c98b .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-ae76c98b .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-ae76c98b .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-ae76c98b .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-ae76c98b .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-ae76c98b *, .elementor-225 .elementor-element.elementor-element-ae76c98b *::before, .elementor-225 .elementor-element.elementor-element-ae76c98b *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-ae76c98b .rv, .js .elementor-225 .elementor-element.elementor-element-ae76c98b .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-ae76c98b .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-ae76c98b .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-ae76c98b .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section class="druck"> mit Block; `position:relative` holt sich die
   Sektion aus dem eigenen Paket, das nach diesem Angleich steht. */
.elementor-225 .elementor-element.elementor-element-ae76c98b{display:block}
.elementor-225 .elementor-element.elementor-element-ae76c98b.druck{position:relative}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__strecke{height:300vh}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__klebt{position:sticky;top:0;height:100vh;display:grid;align-content:center;gap:22px;overflow:clip}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__rahmen{position:relative;width:min(1020px,calc(100vw - 2*var(--rand)));margin:0 auto; border-radius:var(--r-platte);overflow:hidden;background:var(--dunkel); box-shadow:0 40px 90px -50px rgba(24,24,27,.65)}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__rahmen.ruckt{animation:druckRuck 160ms var(--ease)}
@keyframes druckRuck{35%{transform:translateY(2px)}70%{transform:translateY(-1px)}}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__rahmen video{display:block;width:100%;height:auto}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__anschlag{position:absolute;left:0;right:0;top:0;height:3px;background:var(--gelb); opacity:0;transition:opacity 200ms var(--ease)}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__rahmen.ende .druck__anschlag{opacity:1}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__zeile{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between; align-items:baseline;gap:16px;padding:18px 22px;color:#fff; background:linear-gradient(to top,rgba(18,18,20,.72),transparent)}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__zeile strong{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:clamp(26px,3vw,44px);font-variant-numeric:tabular-nums}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__zeile span{font-size:14px;color:rgba(255,255,255,.75)}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__fertig{position:absolute;right:22px;top:18px;display:inline-flex;align-items:center;gap:8px; background:var(--gelb);color:var(--ink);border-radius:999px;padding:8px 15px; font-family:var(--mono);font-weight:500;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase; opacity:0;transform:translateY(-6px);transition:opacity 220ms var(--ease),transform 220ms var(--ease)}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__rahmen.ende .druck__fertig{opacity:1;transform:none}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__unten{display:flex;justify-content:center}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__hin{color:var(--ink-3);font-size:14px}
html:not(.js) .elementor-225 .elementor-element.elementor-element-ae76c98b .druck__strecke{height:auto}
html:not(.js) .elementor-225 .elementor-element.elementor-element-ae76c98b .druck__klebt{position:static;height:auto;padding:40px 0}
@media (max-width:899px){
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__strecke{height:auto}
.elementor-225 .elementor-element.elementor-element-ae76c98b .druck__klebt{position:static;height:auto;padding:40px 0}
}
/* 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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-ae76c98b h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-ae76c98b .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-ae76c98b 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-ae76c98b 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-ae76c98b button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-ae76c98b`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-ae76c98b td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-ae76c98b table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-ae76c98b th, .elementor-225 .elementor-element.elementor-element-ae76c98b td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-ae76c98b tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-ae76c98b tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-ae76c98b` 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-225 .elementor-element.elementor-element-ae76c98b .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-225 .elementor-element.elementor-element-ae76c98b .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9d36ed1 */.elementor-225 .elementor-element.elementor-element-f9d36ed1{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 *, .elementor-225 .elementor-element.elementor-element-f9d36ed1 *::before, .elementor-225 .elementor-element.elementor-element-f9d36ed1 *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 h1, .elementor-225 .elementor-element.elementor-element-f9d36ed1 h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-f9d36ed1 h2, .elementor-225 .elementor-element.elementor-element-f9d36ed1 h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-f9d36ed1 h3, .elementor-225 .elementor-element.elementor-element-f9d36ed1 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 p{margin:0}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 a{color:inherit}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 a:focus-visible, .elementor-225 .elementor-element.elementor-element-f9d36ed1 button:focus-visible, .elementor-225 .elementor-element.elementor-element-f9d36ed1 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-f9d36ed1 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-f9d36ed1 .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-f9d36ed1 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-f9d36ed1 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-f9d36ed1 *, .elementor-225 .elementor-element.elementor-element-f9d36ed1 *::before, .elementor-225 .elementor-element.elementor-element-f9d36ed1 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-f9d36ed1 .rv, .js .elementor-225 .elementor-element.elementor-element-f9d36ed1 .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section class="formate"> und bei .spiegel mit Block. */
.elementor-225 .elementor-element.elementor-element-f9d36ed1{display:block}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .spiegel{display:block}
.elementor-225 .elementor-element.elementor-element-f9d36ed1.formate{background:var(--flaeche-2);padding:clamp(100px,13vh,150px) 0;--ink-3:var(--ink-2)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1.formate h2, .elementor-225 .elementor-element.elementor-element-f9d36ed1.formate h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:50ch;font-size:var(--t-body)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__wahl{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 0}
html:not(.js) .elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__wahl{display:none}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__knopf{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.13em; text-transform:uppercase;border:1px solid var(--linie-tragend);border-radius:999px; padding:9px 16px;color:var(--ink-2);background:var(--papier); transition:background-color var(--d-hover) var(--ease),color var(--d-hover) var(--ease), border-color var(--d-hover) var(--ease),transform var(--d-micro) var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__knopf:hover{color:var(--ink);border-color:var(--ink)}
}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__knopf[aria-pressed="true"]{background:var(--ink);color:var(--papier);border-color:var(--ink)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__buehne{position:relative;margin-top:34px;background:var(--papier); border-radius:var(--r-platte);border:1px solid var(--linie);box-shadow:var(--schatten-buehne); padding:clamp(20px,3vw,44px);overflow:hidden}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__boden{position:relative;display:flex;align-items:flex-end;gap:clamp(24px,4vw,64px); min-height:clamp(320px,46vw,560px);border-bottom:1px solid var(--linie-tragend)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__person{flex:0 0 auto;color:var(--linie-tragend)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__person svg{display:block;height:var(--person-h,490px);width:auto}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__blatt{position:relative;flex:0 0 auto;background:var(--papier); border:1.5px solid var(--ink);border-radius:3px; box-shadow:0 14px 34px -18px rgba(24,24,27,.35); transition:width 420ms var(--ease-expo),height 420ms var(--ease-expo)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__blatt::before{content:"";position:absolute;inset:9px;border:1px solid var(--linie-tragend); border-radius:2px; background: linear-gradient(var(--linie) 1px,transparent 1px) 0 0/100% 25%, linear-gradient(90deg,var(--linie) 1px,transparent 1px) 0 0/20% 100%}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__blatt::after{content:"";position:absolute;left:14px;bottom:12px;width:26%;height:8px; background:var(--gelb);border-radius:2px;opacity:.9}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__mass{display:flex;justify-content:space-between;align-items:baseline;gap:16px; margin-top:18px;flex-wrap:wrap}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__mass strong{font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(22px,2.4vw,32px);font-variant-numeric:tabular-nums}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__mass span{color:var(--ink-3);font-size:14px}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__grenze{position:absolute;left:0;right:0; height:0;border-top:2px dashed var(--gelb);opacity:0;transition:opacity 260ms var(--ease)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__grenze .mono{position:absolute;top:-22px;right:0;white-space:nowrap;color:var(--ink-2)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__buehne.zeigt-grenze .formate__grenze{opacity:1}
html:not(.js) .elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__buehne{display:none}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__liste{width:100%;border-collapse:collapse;margin-top:34px;max-width:760px}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__liste th{text-align:left;font-weight:500;color:var(--ink-2);font-size:14px; padding:0 14px 12px 0;border-bottom:1px solid var(--linie-tragend)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__liste td{padding:15px 14px 15px 0;border-bottom:1px solid var(--linie);font-size:16px}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__liste td:first-child{font-family:var(--titel);font-weight:600;letter-spacing:-.01em;font-size:19px}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__liste td:last-child{color:var(--ink-2)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .formate__hin{margin-top:20px;color:var(--ink-2);font-size:14px;max-width:60ch}
/* 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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-f9d36ed1 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-f9d36ed1 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-f9d36ed1 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-f9d36ed1 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-f9d36ed1 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-f9d36ed1`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-f9d36ed1 td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-f9d36ed1 table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 th, .elementor-225 .elementor-element.elementor-element-f9d36ed1 td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-f9d36ed1 tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-f9d36ed1 tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-f9d36ed1` 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-225 .elementor-element.elementor-element-f9d36ed1 .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-225 .elementor-element.elementor-element-f9d36ed1 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-856faca3 */.elementor-225 .elementor-element.elementor-element-856faca3{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-856faca3 *, .elementor-225 .elementor-element.elementor-element-856faca3 *::before, .elementor-225 .elementor-element.elementor-element-856faca3 *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-856faca3 h1, .elementor-225 .elementor-element.elementor-element-856faca3 h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-856faca3 h2, .elementor-225 .elementor-element.elementor-element-856faca3 h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-856faca3 h3, .elementor-225 .elementor-element.elementor-element-856faca3 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-856faca3 p{margin:0}
.elementor-225 .elementor-element.elementor-element-856faca3 a{color:inherit}
.elementor-225 .elementor-element.elementor-element-856faca3 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-856faca3 button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-856faca3 a:focus-visible, .elementor-225 .elementor-element.elementor-element-856faca3 button:focus-visible, .elementor-225 .elementor-element.elementor-element-856faca3 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-856faca3 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-856faca3 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-856faca3 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-856faca3 .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-856faca3 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-856faca3 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-856faca3 *, .elementor-225 .elementor-element.elementor-element-856faca3 *::before, .elementor-225 .elementor-element.elementor-element-856faca3 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-856faca3 .rv, .js .elementor-225 .elementor-element.elementor-element-856faca3 .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-856faca3 .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-856faca3 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-856faca3 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section class="regeln"> und bei .spiegel mit Block. */
.elementor-225 .elementor-element.elementor-element-856faca3{display:block}
.elementor-225 .elementor-element.elementor-element-856faca3 .spiegel{display:block}
.elementor-225 .elementor-element.elementor-element-856faca3.regeln{padding:clamp(100px,13vh,150px) 0 90px}
.elementor-225 .elementor-element.elementor-element-856faca3.regeln h2, .elementor-225 .elementor-element.elementor-element-856faca3.regeln h2.elementor-heading-title{font-size:var(--t-aussage);max-width:17ch}
.elementor-225 .elementor-element.elementor-element-856faca3 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:52ch;font-size:var(--t-body)}
.elementor-225 .elementor-element.elementor-element-856faca3 .regeln__liste{margin-top:44px;border-top:1px solid var(--linie-tragend)}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,44%);gap:18px clamp(18px,2.6vw,40px); align-items:center;padding:clamp(22px,2.8vw,34px) 2px;border-bottom:1px solid var(--linie-tragend)}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__nr{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; color:var(--ink-3);font-variant-numeric:tabular-nums;align-self:start;padding-top:8px}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__text h3, .elementor-225 .elementor-element.elementor-element-856faca3 .regel__text h3.elementor-heading-title{font-size:clamp(20px,2.1vw,28px);letter-spacing:-.02em}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__text p{color:var(--ink-2);margin-top:8px;max-width:44ch;font-size:var(--t-body)}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__paar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__probe{position:relative;border-radius:var(--r-element);border:1px solid var(--linie-tragend); background:var(--papier);padding:10px 10px 30px;overflow:hidden}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__probe svg{display:block;width:100%;height:auto}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__probe .mono{position:absolute;left:10px;bottom:8px;color:var(--ink-3);font-size:9.5px}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__probe--gut{border-color:var(--ink)}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__probe--gut::after{content:"";position:absolute;right:8px;top:8px;width:16px;height:16px; border-radius:50%;background:var(--gelb)}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__probe--gut .mono{color:var(--ink)}
@media (max-width:900px){
.elementor-225 .elementor-element.elementor-element-856faca3 .regel{grid-template-columns:auto minmax(0,1fr)}
.elementor-225 .elementor-element.elementor-element-856faca3 .regel__paar{grid-column:1 / -1}
}
/* 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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-856faca3 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-856faca3 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-856faca3 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-856faca3 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-856faca3 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-856faca3`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-856faca3 td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-856faca3 table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-856faca3 th, .elementor-225 .elementor-element.elementor-element-856faca3 td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-856faca3 tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-856faca3 tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-856faca3` 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-225 .elementor-element.elementor-element-856faca3 .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-225 .elementor-element.elementor-element-856faca3 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1aaf490 */.elementor-225 .elementor-element.elementor-element-c1aaf490{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-c1aaf490 *, .elementor-225 .elementor-element.elementor-element-c1aaf490 *::before, .elementor-225 .elementor-element.elementor-element-c1aaf490 *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-c1aaf490 h1, .elementor-225 .elementor-element.elementor-element-c1aaf490 h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-c1aaf490 h2, .elementor-225 .elementor-element.elementor-element-c1aaf490 h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-c1aaf490 h3, .elementor-225 .elementor-element.elementor-element-c1aaf490 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-c1aaf490 p{margin:0}
.elementor-225 .elementor-element.elementor-element-c1aaf490 a{color:inherit}
.elementor-225 .elementor-element.elementor-element-c1aaf490 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-c1aaf490 button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-c1aaf490 a:focus-visible, .elementor-225 .elementor-element.elementor-element-c1aaf490 button:focus-visible, .elementor-225 .elementor-element.elementor-element-c1aaf490 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-c1aaf490 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-c1aaf490 .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-c1aaf490 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-c1aaf490 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-c1aaf490 *, .elementor-225 .elementor-element.elementor-element-c1aaf490 *::before, .elementor-225 .elementor-element.elementor-element-c1aaf490 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-c1aaf490 .rv, .js .elementor-225 .elementor-element.elementor-element-c1aaf490 .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-c1aaf490 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section class="weg"> und bei .spiegel mit Block. */
.elementor-225 .elementor-element.elementor-element-c1aaf490{display:block}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .spiegel{display:block}
.elementor-225 .elementor-element.elementor-element-c1aaf490.weg{background:var(--flaeche-2);padding:clamp(100px,13vh,150px) 0;--ink-3:var(--ink-2)}
.elementor-225 .elementor-element.elementor-element-c1aaf490.weg h2, .elementor-225 .elementor-element.elementor-element-c1aaf490.weg h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:52ch;font-size:var(--t-body)}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__paar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,28px);margin-top:40px}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__karte{position:relative;background:var(--papier);border-radius:var(--r-platte); border:1px solid var(--linie);box-shadow:var(--schatten-buehne); padding:clamp(24px,3vw,40px);display:grid;gap:14px;align-content:start}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__karte h3, .elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__karte h3.elementor-heading-title{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;display:flex;align-items:center;gap:12px}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__karte h3 i{font-style:normal;font-family:var(--mono);font-weight:500;font-size:10px; letter-spacing:.12em;text-transform:uppercase;background:var(--gelb);color:var(--ink); border-radius:999px;padding:5px 11px}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__karte p{color:var(--ink-2);font-size:var(--t-body);max-width:44ch}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__bild{position:relative;margin-top:6px;border-radius:var(--r-element);overflow:hidden; aspect-ratio:16/9;background:var(--flaeche-2);display:grid;place-items:center}
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__bild svg{width:62%;height:auto;color:var(--ink-2)}
@media (max-width:820px){
.elementor-225 .elementor-element.elementor-element-c1aaf490 .weg__paar{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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-c1aaf490 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-c1aaf490 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-c1aaf490 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-c1aaf490 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-c1aaf490 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-c1aaf490`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-c1aaf490 td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-c1aaf490 table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-c1aaf490 th, .elementor-225 .elementor-element.elementor-element-c1aaf490 td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-c1aaf490 tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-c1aaf490 tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-c1aaf490` 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-225 .elementor-element.elementor-element-c1aaf490 .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-225 .elementor-element.elementor-element-c1aaf490 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae8c39c6 */.elementor-225 .elementor-element.elementor-element-ae8c39c6{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 *, .elementor-225 .elementor-element.elementor-element-ae8c39c6 *::before, .elementor-225 .elementor-element.elementor-element-ae8c39c6 *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 h1, .elementor-225 .elementor-element.elementor-element-ae8c39c6 h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-ae8c39c6 h2, .elementor-225 .elementor-element.elementor-element-ae8c39c6 h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-ae8c39c6 h3, .elementor-225 .elementor-element.elementor-element-ae8c39c6 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 p{margin:0}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 a{color:inherit}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 a:focus-visible, .elementor-225 .elementor-element.elementor-element-ae8c39c6 button:focus-visible, .elementor-225 .elementor-element.elementor-element-ae8c39c6 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-ae8c39c6 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-ae8c39c6 .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-ae8c39c6 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-ae8c39c6 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-ae8c39c6 *, .elementor-225 .elementor-element.elementor-element-ae8c39c6 *::before, .elementor-225 .elementor-element.elementor-element-ae8c39c6 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-ae8c39c6 .rv, .js .elementor-225 .elementor-element.elementor-element-ae8c39c6 .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section class="faq"> und bei .spiegel mit Block. */
.elementor-225 .elementor-element.elementor-element-ae8c39c6{display:block}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .spiegel{display:block}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq{padding:clamp(100px,13vh,150px) 0 90px}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq h2, .elementor-225 .elementor-element.elementor-element-ae8c39c6.faq h2.elementor-heading-title{font-size:var(--t-aussage)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .faq__liste{margin-top:36px;border-top:1px solid var(--linie-tragend);max-width:820px}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq details{border-bottom:1px solid var(--linie-tragend)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between; align-items:baseline;gap:18px;padding:22px 2px; font-family:var(--titel);font-weight:600;font-size:clamp(18px,1.9vw,24px);letter-spacing:-.02em}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq summary::-webkit-details-marker{display:none}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq summary i{font-style:normal;font-family:var(--titel);font-weight:600;font-size:22px; color:var(--ink-3);transition:transform 280ms var(--ease-expo)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq details[open] summary i{transform:rotate(45deg);color:var(--ink)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6.faq .antwort{padding:0 4px 26px;color:var(--ink-2);max-width:68ch;font-size:var(--t-body)}
/* 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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-ae8c39c6 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-ae8c39c6 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-ae8c39c6 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-ae8c39c6 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-ae8c39c6 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-ae8c39c6`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-ae8c39c6 td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-ae8c39c6 table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 th, .elementor-225 .elementor-element.elementor-element-ae8c39c6 td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-ae8c39c6 tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-ae8c39c6 tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-ae8c39c6` 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-225 .elementor-element.elementor-element-ae8c39c6 .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-225 .elementor-element.elementor-element-ae8c39c6 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4d7b304 */.elementor-225 .elementor-element.elementor-element-e4d7b304{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-e4d7b304 *, .elementor-225 .elementor-element.elementor-element-e4d7b304 *::before, .elementor-225 .elementor-element.elementor-element-e4d7b304 *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-e4d7b304 h1, .elementor-225 .elementor-element.elementor-element-e4d7b304 h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-e4d7b304 h2, .elementor-225 .elementor-element.elementor-element-e4d7b304 h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-e4d7b304 h3, .elementor-225 .elementor-element.elementor-element-e4d7b304 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-e4d7b304 p{margin:0}
.elementor-225 .elementor-element.elementor-element-e4d7b304 a{color:inherit}
.elementor-225 .elementor-element.elementor-element-e4d7b304 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-e4d7b304 button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-e4d7b304 a:focus-visible, .elementor-225 .elementor-element.elementor-element-e4d7b304 button:focus-visible, .elementor-225 .elementor-element.elementor-element-e4d7b304 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-e4d7b304 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-e4d7b304 .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-e4d7b304 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-e4d7b304 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-e4d7b304 *, .elementor-225 .elementor-element.elementor-element-e4d7b304 *::before, .elementor-225 .elementor-element.elementor-element-e4d7b304 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-e4d7b304 .rv, .js .elementor-225 .elementor-element.elementor-element-e4d7b304 .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-e4d7b304 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section class="ende"> mit Block; `.ende__platte` holt ihr Raster aus
   dem Sektions-Paket, das nach diesem Angleich steht. */
.elementor-225 .elementor-element.elementor-element-e4d7b304{display:block}
.elementor-225 .elementor-element.elementor-element-e4d7b304.ende{padding:0 var(--rand);margin:60px 0 0}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .ende__platte{--fokus:var(--gelb);max-width:calc(var(--spiegel) - 2*var(--rand));margin:0 auto; background:var(--dunkel);border-radius:var(--r-platte); padding:clamp(56px,8vw,116px) clamp(28px,5vw,80px); color:var(--auf-dunkel);display:grid;gap:30px;justify-items:start; box-shadow:var(--schatten-dunkel)}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .ende__platte h2, .elementor-225 .elementor-element.elementor-element-e4d7b304 .ende__platte h2.elementor-heading-title{font-size:clamp(36px,5.2vw,78px);max-width:15ch}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .ende__platte > .elementor-widget-text-editor p{color:var(--auf-dunkel-2);max-width:52ch;font-size:var(--t-body)}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .ende__still{color:var(--auf-dunkel-2);font-size:14px}
.elementor-225 .elementor-element.elementor-element-e4d7b304 .ende__still a{color:var(--auf-dunkel)}
/* 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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-e4d7b304 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-e4d7b304 .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-e4d7b304 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-e4d7b304 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-e4d7b304 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-e4d7b304`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-e4d7b304 td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-e4d7b304 table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-e4d7b304 th, .elementor-225 .elementor-element.elementor-element-e4d7b304 td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-e4d7b304 tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-e4d7b304 tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-e4d7b304` 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-225 .elementor-element.elementor-element-e4d7b304 .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-225 .elementor-element.elementor-element-e4d7b304 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdf2f8cf */.elementor-225 .elementor-element.elementor-element-fdf2f8cf{--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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf *, .elementor-225 .elementor-element.elementor-element-fdf2f8cf *::before, .elementor-225 .elementor-element.elementor-element-fdf2f8cf *::after{box-sizing:border-box}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf h1, .elementor-225 .elementor-element.elementor-element-fdf2f8cf h1.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-fdf2f8cf h2, .elementor-225 .elementor-element.elementor-element-fdf2f8cf h2.elementor-heading-title, .elementor-225 .elementor-element.elementor-element-fdf2f8cf h3, .elementor-225 .elementor-element.elementor-element-fdf2f8cf h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf p{margin:0}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf a{color:inherit}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf button:active{transform:scale(.97)}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf a:focus-visible, .elementor-225 .elementor-element.elementor-element-fdf2f8cf button:focus-visible, .elementor-225 .elementor-element.elementor-element-fdf2f8cf summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-225 .elementor-element.elementor-element-fdf2f8cf .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-225 .elementor-element.elementor-element-fdf2f8cf .rv.an{opacity:1;transform:none}
.js .elementor-225 .elementor-element.elementor-element-fdf2f8cf .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-225 .elementor-element.elementor-element-fdf2f8cf .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-225 .elementor-element.elementor-element-fdf2f8cf *, .elementor-225 .elementor-element.elementor-element-fdf2f8cf *::before, .elementor-225 .elementor-element.elementor-element-fdf2f8cf *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-225 .elementor-element.elementor-element-fdf2f8cf .rv, .js .elementor-225 .elementor-element.elementor-element-fdf2f8cf .fall{opacity:1;transform:none}
}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .knopf-gelb{display:inline-flex;align-items:center;gap:10px;background:var(--gelb);color:var(--ink); border-radius:999px;padding:18px 32px;font-weight:500;text-decoration:none;font-size:18px; transition:transform var(--d-micro) var(--ease),filter var(--d-hover) var(--ease)}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .knopf-gelb:hover{filter:brightness(1.06)}
}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section class="zahl"> und bei .spiegel mit Block. */
.elementor-225 .elementor-element.elementor-element-fdf2f8cf{display:block}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .spiegel{display:block}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf.zahl{padding:clamp(80px,11vh,130px) 0}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .zahl__zeile{display:flex;align-items:baseline;gap:clamp(14px,2vw,26px);flex-wrap:wrap}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf.zahl strong{font-family:var(--titel);font-weight:600;letter-spacing:-.04em;line-height:.95; font-size:clamp(64px,10vw,150px);font-variant-numeric:tabular-nums}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf.zahl strong em{font-style:normal;font-size:.4em;margin-left:.06em}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .zahl__zeile>span{color:var(--ink-2);font-size:var(--t-body);max-width:34ch}
/* 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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-fdf2f8cf h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-fdf2f8cf .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-fdf2f8cf 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-fdf2f8cf 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-fdf2f8cf button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-fdf2f8cf`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-fdf2f8cf td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-fdf2f8cf table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf th, .elementor-225 .elementor-element.elementor-element-fdf2f8cf td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-fdf2f8cf tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-fdf2f8cf tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-fdf2f8cf` 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-225 .elementor-element.elementor-element-fdf2f8cf .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-225 .elementor-element.elementor-element-fdf2f8cf .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13968ce6 */.elementor-225 .elementor-element.elementor-element-13968ce6{--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-225 .elementor-element.elementor-element-13968ce6{background:var(--papier); color:var(--ink); font-family:var(--fliess); font-size:17px; line-height:var(--lh-body); -webkit-font-smoothing:antialiased}
.elementor-225 .elementor-element.elementor-element-13968ce6 .zeile{transition: transform var(--d-micro) var(--ease);}
.elementor-225 .elementor-element.elementor-element-13968ce6 .zeile:active{transform: scale(.97);}
.elementor-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 ul, .elementor-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 h1, .elementor-225 .elementor-element.elementor-element-13968ce6 h2, .elementor-225 .elementor-element.elementor-element-13968ce6 h3, .elementor-225 .elementor-element.elementor-element-13968ce6 h4, .elementor-225 .elementor-element.elementor-element-13968ce6 h5, .elementor-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 .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-225 .elementor-element.elementor-element-13968ce6 .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-225 .elementor-element.elementor-element-13968ce6 .elementor-widget{max-width:none}
.elementor-225 .elementor-element.elementor-element-13968ce6{display:block;width:auto;padding:0;margin:0}
.elementor-225 .elementor-element.elementor-element-13968ce6 .fuss{display:block;width:auto}
.elementor-225 .elementor-element.elementor-element-13968ce6 .fuss__innen{display:block;width:auto}
.elementor-225 .elementor-element.elementor-element-13968ce6 .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-225 .elementor-element.elementor-element-13968ce6 .fuss__innen{max-width:1360px; margin:0 auto}
.elementor-225 .elementor-element.elementor-element-13968ce6 .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-225 .elementor-element.elementor-element-13968ce6 .marke img{height:clamp(46px,4.4vw,64px); width:auto; display:block}
.elementor-225 .elementor-element.elementor-element-13968ce6 .marke p{margin:22px 0 0; color:var(--auf-dunkel-2); font-size:var(--t-body); max-width:34ch}
.elementor-225 .elementor-element.elementor-element-13968ce6 .marke ul{list-style:none; margin:22px 0 0; padding:0; display:flex; gap:20px}
.elementor-225 .elementor-element.elementor-element-13968ce6 .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-225 .elementor-element.elementor-element-13968ce6 .spalte ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}
.elementor-225 .elementor-element.elementor-element-13968ce6 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-225 .elementor-element.elementor-element-13968ce6 a.zeile:hover{color:var(--gelb)}
}
.elementor-225 .elementor-element.elementor-element-13968ce6 .kontakt address{font-style:normal; color:var(--auf-dunkel-2); font-size:var(--t-body); margin:0 0 16px}
.elementor-225 .elementor-element.elementor-element-13968ce6 .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-225 .elementor-element.elementor-element-13968ce6 .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-225 .elementor-element.elementor-element-13968ce6 .unten ul{list-style:none; margin:0; padding:0; display:flex; gap:24px}
.elementor-225 .elementor-element.elementor-element-13968ce6 .unten .jahr{font-variant-numeric:tabular-nums}
@media (max-width:1000px){
.elementor-225 .elementor-element.elementor-element-13968ce6 .raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px 32px}
.elementor-225 .elementor-element.elementor-element-13968ce6 .marke{grid-column:1 / -1}
}
@media (max-width:600px){
.elementor-225 .elementor-element.elementor-element-13968ce6 .raster{grid-template-columns:1fr}
.elementor-225 .elementor-element.elementor-element-13968ce6 .unten{flex-direction:column; align-items:flex-start}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ffb6fff */: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(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 18px 44px rgba(17,17,20,.10),0 2px 10px rgba(17,17,20,.05); --schatten-dunkel:0 22px 54px rgba(17,17,20,.28);}
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;overflow-x:clip}
.lauf{position:fixed;top:0;left:0;height:3px;background:var(--gelb);width:0;z-index:60}
.navplatz{height:76px;display:flex;align-items:center}
.navplatz .spiegel{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px}
.navplatz .wortmarke{font-family:var(--titel);font-weight:600;font-size:19px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.navplatz .wortmarke i{font-style:normal;color:var(--gelb)}
.navplatz .platzhalter{border:1px dashed var(--linie-tragend);border-radius:999px; padding:8px 18px;color:var(--ink-3);font-size:13px;white-space:nowrap}
@media (max-width:600px){
.navplatz .platzhalter{display:none}
}
.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}}
.vorhang--ankunft{animation:vorhangAn 300ms var(--ease-expo) forwards!important}
@keyframes vorhangAn{from{transform:none}to{transform:translateY(-101%)}}
.vorhang--abgang{display:block!important;visibility:visible;transform:translateY(101%); animation:vorhangAb 260ms var(--ease) forwards!important}
@keyframes vorhangAb{to{transform:none}}
/* 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 den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-225 .elementor-element.elementor-element-7ffb6fff h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-225 .elementor-element.elementor-element-7ffb6fff .elementor-heading-title{color:inherit;font-family:inherit;
  font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-align:inherit}

/* 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-225 .elementor-element.elementor-element-7ffb6fff 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. Diese
   Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */
.elementor-225 .elementor-element.elementor-element-7ffb6fff 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.
   Auf DIESER Seite haengt daran der Format-Waehler: seine sechs Knoepfe setzen
   ihren Radius mit `.formate__knopf{border-radius:999px}` selbst und schlagen
   den Neutralisierer, ihr Umbruchverhalten aber nicht. „Sonderformat" ist das
   laengste Wort der Leiste und entscheidet bei 390 ueber die Zeilenzahl.
   `padding:revert` steht seit der Sorten-Gegenprobe dabei (Lehre des
   Mediendesign-Baus): die Lab gibt jedem Knopf 8/16 statt der 1/6 des
   Browsers. Die sechs Format-Knoepfe setzen ihr Polster selbst und merken
   davon nichts; ein spaeter dazukommender Knopf schon. */
.elementor-225 .elementor-element.elementor-element-7ffb6fff button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, neu auf dieser Seite: die Formattabelle ist
   das einzige `<table>` des ganzen Baus. Die Quelle stylt ausschliesslich
   `.formate__liste` und ihre Zellen; alles andere ist Browser-Default. Hello
   Elementors `reset.css` (3.4.9) bringt dazu drei Regeln mit, die AM RENDER
   gefunden wurden und die keine Vermutung sind:

     table{font-size:.9em; width:100%; margin-block-end:15px; border-collapse}
     table td, table th{border:1px solid …; line-height:1.5; padding:15px;
                        vertical-align:top}
     table tbody > tr:nth-child(2n+1) > td, … > th{
                        background-color:rgba(128,128,128,.07)}

   Die ersten beiden kosteten 10,9 Pixel Sektionshoehe (Schrift 15,3 statt 17,
   Zeilenhoehe 1,5 statt 1,6 und damit jede Zeile 1,9 Pixel flacher), die
   dritte legt einen Grauton unter jede ungerade Zeile, den die Quelle nicht
   hat. `revert` rollt genau bis zur Browser-Voreinstellung zurueck, ohne sie
   abzuschreiben (th bleibt fett und zentriert, Zellpolster 1px).

   Die Zeilenhoehe braucht `var(--lh-body)` und NICHT `inherit`: die Quelle
   erbt die unitless 1,6 vom Body, jede Zelle rechnet sie mit IHRER
   Schriftgroesse. Ein geerbter Pixelwert waere fuer die 14px-Kopfzeile und die
   19px-Erstzelle derselbe und damit falsch.

   Die Zebra-Regel bekommt dieselbe Form wie das Original plus `.elementor-225 .elementor-element.elementor-element-7ffb6fff`,
   sonst verliert der Neutralisierer: das Original traegt (0,1,3), ein
   schlichtes `.elementor-225 .elementor-element.elementor-element-7ffb6fff td` nur (0,1,1). */
.elementor-225 .elementor-element.elementor-element-7ffb6fff table{border-collapse:collapse;border-spacing:0;margin:0;width:auto;
  font-size:inherit}
.elementor-225 .elementor-element.elementor-element-7ffb6fff th, .elementor-225 .elementor-element.elementor-element-7ffb6fff td{padding:revert;border:revert;text-align:revert;
  font-weight:revert;vertical-align:revert;line-height:var(--lh-body)}
.elementor-225 .elementor-element.elementor-element-7ffb6fff tbody > tr:nth-child(2n+1) > td,
.elementor-225 .elementor-element.elementor-element-7ffb6fff tbody > tr:nth-child(2n+1) > th{background-color: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 waeren das der Hero-Satz und die beiden Absaetze auf
   der dunklen Bestell-Platte (dort weiss auf dunkel!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-225 .elementor-element.elementor-element-7ffb6fff` 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-225 .elementor-element.elementor-element-7ffb6fff .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-225 .elementor-element.elementor-element-7ffb6fff .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-225 .elementor-element.elementor-element-7ffb6fff{padding:0;margin:0}
.elementor-225 .elementor-element.elementor-element-7ffb6fff .bm-pl-schrift{display:none}/* End custom CSS */