.elementor-227 .elementor-element.elementor-element-ca10269f{--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-227 .elementor-element.elementor-element-678a737e .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-8b422787 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-21b23b13 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-227 .elementor-element.elementor-element-b520129d .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}.elementor-227 .elementor-element.elementor-element-38c379a3{--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-227 .elementor-element.elementor-element-39d0d87b{--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-227 .elementor-element.elementor-element-e293df84 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-8c75f95b{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-11370687{--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-227 .elementor-element.elementor-element-3b5d86c8{--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-227 .elementor-element.elementor-element-461fd25e{--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-227 .elementor-element.elementor-element-1f01a38b{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-799753c1{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-6afb7667{--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-227 .elementor-element.elementor-element-9e41d1db{--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-227 .elementor-element.elementor-element-5ef90d9f{--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-227 .elementor-element.elementor-element-fb585519 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-adae771a{--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-227 .elementor-element.elementor-element-39142737{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-2ee7f7e3{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-718a1583{--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-227 .elementor-element.elementor-element-4f77a99a{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-227a8f66{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-89741f11{--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-227 .elementor-element.elementor-element-c801116e{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-dd7c48fc{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-b6535b3c{--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-227 .elementor-element.elementor-element-81d3367f{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-b0d80201{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-3f0c829f{--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-227 .elementor-element.elementor-element-ef221358{--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-227 .elementor-element.elementor-element-9699eff1{--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-227 .elementor-element.elementor-element-3d513c8c .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-399a00c7{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-9ed4792d{--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-227 .elementor-element.elementor-element-f4a60c29{--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-227 .elementor-element.elementor-element-585d6e67 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-6c66fb33{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-609bb908{--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-227 .elementor-element.elementor-element-44302a87{--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-227 .elementor-element.elementor-element-ba76b8b4{--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-227 .elementor-element.elementor-element-3077273c{--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-227 .elementor-element.elementor-element-f194d421 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-ab1da459{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-e00b20d8{--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-227 .elementor-element.elementor-element-47c19977{--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-227 .elementor-element.elementor-element-e81ad804{--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-227 .elementor-element.elementor-element-be842019 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-92dc0a59{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-eb31e578{--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-227 .elementor-element.elementor-element-db5e4cc2{--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-227 .elementor-element.elementor-element-b207ba62 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-67cda6ed{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-6ef98521{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-9daa4e7a{--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-227 .elementor-element.elementor-element-d33cd2a4{--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-227 .elementor-element.elementor-element-8fbb8cfa{--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-227 .elementor-element.elementor-element-8cd3b0dc{--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-227 .elementor-element.elementor-element-3cda7f7f .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-227 .elementor-element.elementor-element-dfbbb293 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-227 .elementor-element.elementor-element-040f7ca8 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-227 .elementor-element.elementor-element-9cca285c .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-ca10269f */.elementor-227 .elementor-element.elementor-element-ca10269f{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-ca10269f *, .elementor-227 .elementor-element.elementor-element-ca10269f *::before, .elementor-227 .elementor-element.elementor-element-ca10269f *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-ca10269f h1, .elementor-227 .elementor-element.elementor-element-ca10269f h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-ca10269f h2, .elementor-227 .elementor-element.elementor-element-ca10269f h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-ca10269f h3, .elementor-227 .elementor-element.elementor-element-ca10269f h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-ca10269f p{margin:0}
.elementor-227 .elementor-element.elementor-element-ca10269f a{color:inherit}
.elementor-227 .elementor-element.elementor-element-ca10269f button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-ca10269f button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-ca10269f a:focus-visible, .elementor-227 .elementor-element.elementor-element-ca10269f button:focus-visible, .elementor-227 .elementor-element.elementor-element-ca10269f summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-ca10269f .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-ca10269f .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-ca10269f .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-ca10269f .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-ca10269f *, .elementor-227 .elementor-element.elementor-element-ca10269f *::before, .elementor-227 .elementor-element.elementor-element-ca10269f *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-ca10269f .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-ca10269f .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-ca10269f .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-ca10269f .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-ca10269f .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-227 .elementor-element.elementor-element-ca10269f .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-ca10269f .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-227 .elementor-element.elementor-element-ca10269f` 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-227 .elementor-element.elementor-element-ca10269f{padding:0;margin:0;width:auto;display:block}
.elementor-227 .elementor-element.elementor-element-ca10269f .bm-nav-schrift, .elementor-227 .elementor-element.elementor-element-ca10269f .bm-nav-hilf{display:none}
.elementor-227 .elementor-element.elementor-element-ca10269f{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 blitzen alle
   Reveals in ihrem Endzustand auf. Umgekehrt gilt seit dem Final-Patch: steht
   die js-Klasse NICHT, bleibt der Hero-Einzug ungefahren und die H1 sichtbar. */
.elementor-227 .elementor-element.elementor-element-ca10269f .bm-ue-hilf{display:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38c379a3 */.elementor-227 .elementor-element.elementor-element-38c379a3{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-38c379a3 *, .elementor-227 .elementor-element.elementor-element-38c379a3 *::before, .elementor-227 .elementor-element.elementor-element-38c379a3 *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-38c379a3 h1, .elementor-227 .elementor-element.elementor-element-38c379a3 h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-38c379a3 h2, .elementor-227 .elementor-element.elementor-element-38c379a3 h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-38c379a3 h3, .elementor-227 .elementor-element.elementor-element-38c379a3 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-38c379a3 p{margin:0}
.elementor-227 .elementor-element.elementor-element-38c379a3 a{color:inherit}
.elementor-227 .elementor-element.elementor-element-38c379a3 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-38c379a3 button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-38c379a3 a:focus-visible, .elementor-227 .elementor-element.elementor-element-38c379a3 button:focus-visible, .elementor-227 .elementor-element.elementor-element-38c379a3 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-38c379a3 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-38c379a3 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-38c379a3 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-38c379a3 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-38c379a3 *, .elementor-227 .elementor-element.elementor-element-38c379a3 *::before, .elementor-227 .elementor-element.elementor-element-38c379a3 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-38c379a3 .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-38c379a3 .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-38c379a3 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-38c379a3 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-38c379a3 .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-227 .elementor-element.elementor-element-38c379a3 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-38c379a3 .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. */
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-38c379a3{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-38c379a3 .spiegel{display:block;width:auto}
/* 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-227 .elementor-element.elementor-element-38c379a3 h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-38c379a3 h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-38c379a3 h1, .elementor-227 .elementor-element.elementor-element-38c379a3 h2,
   .elementor-227 .elementor-element.elementor-element-38c379a3 h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-38c379a3 .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-38c379a3 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-38c379a3 label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-38c379a3 input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-38c379a3 ul, .elementor-227 .elementor-element.elementor-element-38c379a3 ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-38c379a3 img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-38c379a3 button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-38c379a3 form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-38c379a3 textarea, .elementor-227 .elementor-element.elementor-element-38c379a3 select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-38c379a3` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-38c379a3 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-38c379a3 .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero{padding:72px 0 0}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero h1, .elementor-227 .elementor-element.elementor-element-38c379a3.hero h1.elementor-heading-title{font-size:clamp(40px,6.6vw,102px);max-width:13ch}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .wort{display:inline-block;overflow:hidden;vertical-align:bottom; padding-bottom:.08em;margin-bottom:-.08em}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .wort i{display:inline-block;font-style:normal}
.js .elementor-227 .elementor-element.elementor-element-38c379a3.hero .wort i{transform:translateY(112%); transition:transform 760ms var(--ease-expo)}
.js.los .elementor-227 .elementor-element.elementor-element-38c379a3.hero .wort i{transform:none}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .wort:last-of-type{margin-right:-.17em}
.elementor-227 .elementor-element.elementor-element-38c379a3.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-227 .elementor-element.elementor-element-38c379a3.hero .dreh{display:inline-grid;position:relative;overflow:hidden;vertical-align:bottom; padding-bottom:.08em;margin-bottom:-.08em}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .dreh__wort{grid-area:1/1;display:block;white-space:nowrap}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .dreh__wort:not(.dreh__wort--an){transform:translateY(112%)}
@media (prefers-reduced-motion: no-preference){
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .dreh__wort{transition:transform 560ms var(--ease-expo)}
}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .dreh--raus .dreh__wort--an{transform:translateY(-112%)}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .dreh--raus .dreh__wort:not(.dreh__wort--an){transform:none}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero .dreh--still .dreh__wort{transition:none}
.elementor-227 .elementor-element.elementor-element-38c379a3.hero p{max-width:48ch;margin-top:26px;font-size:clamp(17px,1.4vw,21px);color:var(--ink-2)}
.elementor-227 .elementor-element.elementor-element-38c379a3 .hero__mission{margin-top:30px;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(20px,2.2vw,30px);max-width:30ch}
.elementor-227 .elementor-element.elementor-element-38c379a3 .hero__mission em{font-style:normal;position:relative;white-space:nowrap}
.elementor-227 .elementor-element.elementor-element-38c379a3 .hero__mission em a{color:inherit;text-decoration:none}
.elementor-227 .elementor-element.elementor-element-38c379a3 .hero__mission em::after{content:"";position:absolute;left:0;right:0;bottom:-.1em;height:.14em; border-radius:2px;background:var(--gelb);transform:scaleX(0);transform-origin:left; transition:transform 520ms var(--ease) 900ms}
.js.los .elementor-227 .elementor-element.elementor-element-38c379a3 .hero__mission em::after{transform:scaleX(1)}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11370687 */.elementor-227 .elementor-element.elementor-element-11370687{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-11370687 *, .elementor-227 .elementor-element.elementor-element-11370687 *::before, .elementor-227 .elementor-element.elementor-element-11370687 *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-11370687 h1, .elementor-227 .elementor-element.elementor-element-11370687 h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-11370687 h2, .elementor-227 .elementor-element.elementor-element-11370687 h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-11370687 h3, .elementor-227 .elementor-element.elementor-element-11370687 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-11370687 p{margin:0}
.elementor-227 .elementor-element.elementor-element-11370687 a{color:inherit}
.elementor-227 .elementor-element.elementor-element-11370687 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-11370687 button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-11370687 a:focus-visible, .elementor-227 .elementor-element.elementor-element-11370687 button:focus-visible, .elementor-227 .elementor-element.elementor-element-11370687 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-11370687 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-11370687 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-11370687 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-11370687 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-11370687 *, .elementor-227 .elementor-element.elementor-element-11370687 *::before, .elementor-227 .elementor-element.elementor-element-11370687 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-11370687 .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-11370687 .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-11370687 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-11370687 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-11370687 .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-227 .elementor-element.elementor-element-11370687 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-11370687 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-11370687{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-11370687 .spiegel{display:block;width:auto}
/* 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-227 .elementor-element.elementor-element-11370687 h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-11370687 h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-11370687 h1, .elementor-227 .elementor-element.elementor-element-11370687 h2,
   .elementor-227 .elementor-element.elementor-element-11370687 h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-11370687 .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-11370687 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-11370687 label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-11370687 input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-11370687 ul, .elementor-227 .elementor-element.elementor-element-11370687 ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-11370687 img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-11370687 button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-11370687 form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-11370687 textarea, .elementor-227 .elementor-element.elementor-element-11370687 select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-11370687` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-11370687 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-11370687 .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-11370687.za{background:var(--dunkel);color:var(--auf-dunkel);--fokus:var(--gelb); padding:clamp(110px,15vh,160px) 0;margin-top:clamp(56px,9vh,90px);overflow:hidden}
.elementor-227 .elementor-element.elementor-element-11370687 .za__lage{display:grid;grid-template-columns:auto 1fr;column-gap:clamp(32px,5vw,90px); row-gap:26px;align-items:end}
@media (max-width:899px){
.elementor-227 .elementor-element.elementor-element-11370687 .za__lage{grid-template-columns:1fr;align-items:start}
}
.elementor-227 .elementor-element.elementor-element-11370687 .za__wert{font-family:var(--titel);font-weight:600;letter-spacing:-.04em;line-height:.9; font-size:clamp(120px,20vw,280px);font-variant-numeric:tabular-nums}
.elementor-227 .elementor-element.elementor-element-11370687 .za__wert i{font-style:normal;font-size:.38em;letter-spacing:-.02em;margin-left:.04em}
.elementor-227 .elementor-element.elementor-element-11370687 .za__seite{padding-bottom:clamp(8px,1.4vw,22px)}
.elementor-227 .elementor-element.elementor-element-11370687 .za__kicker{font-size:clamp(16px,1.35vw,20px);color:var(--auf-dunkel-2);max-width:34ch}
.elementor-227 .elementor-element.elementor-element-11370687 .za__satz{margin-top:14px;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; line-height:1.14;font-size:clamp(22px,2.5vw,38px);max-width:17ch}
.elementor-227 .elementor-element.elementor-element-11370687 .za__quelle{margin-top:16px;color:rgba(255,255,255,.42)}
.elementor-227 .elementor-element.elementor-element-11370687 .za__schluss{margin-top:clamp(56px,8vh,90px);font-family:var(--titel);font-weight:600; letter-spacing:-.03em;line-height:1.14;font-size:clamp(24px,3vw,44px);max-width:26ch}
.elementor-227 .elementor-element.elementor-element-11370687 .za__schluss i{font-style:normal;color:var(--auf-dunkel-2)}
.elementor-227 .elementor-element.elementor-element-11370687 .za__schluss em{font-style:normal;position:relative;white-space:nowrap}
.elementor-227 .elementor-element.elementor-element-11370687 .za__schluss em::after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.09em; border-radius:2px;background:var(--gelb);transform:scaleX(0);transform-origin:left; transition:transform 560ms var(--ease) 300ms}
.elementor-227 .elementor-element.elementor-element-11370687 .za__schluss.an em::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-11370687 .za__schluss em::after{transform:scaleX(1)}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6afb7667 */.elementor-227 .elementor-element.elementor-element-6afb7667{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-6afb7667 *, .elementor-227 .elementor-element.elementor-element-6afb7667 *::before, .elementor-227 .elementor-element.elementor-element-6afb7667 *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-6afb7667 h1, .elementor-227 .elementor-element.elementor-element-6afb7667 h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-6afb7667 h2, .elementor-227 .elementor-element.elementor-element-6afb7667 h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-6afb7667 h3, .elementor-227 .elementor-element.elementor-element-6afb7667 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-6afb7667 p{margin:0}
.elementor-227 .elementor-element.elementor-element-6afb7667 a{color:inherit}
.elementor-227 .elementor-element.elementor-element-6afb7667 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-6afb7667 button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-6afb7667 a:focus-visible, .elementor-227 .elementor-element.elementor-element-6afb7667 button:focus-visible, .elementor-227 .elementor-element.elementor-element-6afb7667 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-6afb7667 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-6afb7667 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-6afb7667 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-6afb7667 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-6afb7667 *, .elementor-227 .elementor-element.elementor-element-6afb7667 *::before, .elementor-227 .elementor-element.elementor-element-6afb7667 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-6afb7667 .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-6afb7667 .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-6afb7667 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-6afb7667 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-6afb7667 .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-227 .elementor-element.elementor-element-6afb7667 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-6afb7667 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-6afb7667{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-6afb7667 .spiegel{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-6afb7667 .haltung__kopf{display:block;width:auto}
/* 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-227 .elementor-element.elementor-element-6afb7667 h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-6afb7667 h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-6afb7667 h1, .elementor-227 .elementor-element.elementor-element-6afb7667 h2,
   .elementor-227 .elementor-element.elementor-element-6afb7667 h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-6afb7667 .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-6afb7667 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-6afb7667 label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-6afb7667 input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-6afb7667 ul, .elementor-227 .elementor-element.elementor-element-6afb7667 ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-6afb7667 img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-6afb7667 button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-6afb7667 form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-6afb7667 textarea, .elementor-227 .elementor-element.elementor-element-6afb7667 select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-6afb7667` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-6afb7667 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-6afb7667 .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-6afb7667.haltung{padding:150px 0 60px;overflow:hidden}
.elementor-227 .elementor-element.elementor-element-6afb7667 .haltung__kopf h2, .elementor-227 .elementor-element.elementor-element-6afb7667 .haltung__kopf h2.elementor-heading-title{font-size:var(--t-aussage);max-width:15ch}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar{padding:clamp(44px,7.5vh,92px) 0;max-width:760px}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar--rechts{margin-left:auto;text-align:right}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar__stein{display:block;width:52px;height:20px;border-radius:6px;background:var(--gelb); margin-bottom:20px;opacity:0;transform:translateY(-22px); transition:opacity 300ms var(--ease),transform 480ms var(--setz)}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar--rechts .paar__stein{margin-left:auto}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar.an .paar__stein{opacity:1;transform:none}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar__ja{display:block;font-family:var(--titel);font-weight:600; letter-spacing:-.03em;line-height:1.04;font-size:clamp(34px,5.2vw,78px); text-wrap:balance;opacity:0;transform:translateY(18px); transition:opacity 560ms var(--ease) 160ms,transform 620ms var(--ease-expo) 160ms}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar.an .paar__ja{opacity:1;transform:none}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar__ja em{font-style:normal;position:relative;white-space:nowrap}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar__ja em::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.09em; border-radius:2px;background:var(--gelb);transform:scaleX(0);transform-origin:left; transition:transform 520ms var(--ease) 620ms}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar--rechts .paar__ja em::after{transform-origin:right}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar.an .paar__ja em::after{transform:scaleX(1)}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar__satz{margin-top:16px;color:var(--ink-2);max-width:52ch;font-size:var(--t-body); opacity:0;transition:opacity 520ms var(--ease) 420ms}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar--rechts .paar__satz{margin-left:auto}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar.an .paar__satz{opacity:1}
@media (max-width:899px){
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar, .elementor-227 .elementor-element.elementor-element-6afb7667 .paar--rechts{max-width:none;margin-left:0;text-align:left}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar--rechts .paar__stein, .elementor-227 .elementor-element.elementor-element-6afb7667 .paar--rechts .paar__satz{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar__stein, .elementor-227 .elementor-element.elementor-element-6afb7667 .paar__ja, .elementor-227 .elementor-element.elementor-element-6afb7667 .paar__satz{opacity:1;transform:none}
.elementor-227 .elementor-element.elementor-element-6afb7667 .paar__ja em::after{transform:scaleX(1)}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f0c829f */.elementor-227 .elementor-element.elementor-element-3f0c829f{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-3f0c829f *, .elementor-227 .elementor-element.elementor-element-3f0c829f *::before, .elementor-227 .elementor-element.elementor-element-3f0c829f *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-3f0c829f h1, .elementor-227 .elementor-element.elementor-element-3f0c829f h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-3f0c829f h2, .elementor-227 .elementor-element.elementor-element-3f0c829f h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-3f0c829f h3, .elementor-227 .elementor-element.elementor-element-3f0c829f h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-3f0c829f p{margin:0}
.elementor-227 .elementor-element.elementor-element-3f0c829f a{color:inherit}
.elementor-227 .elementor-element.elementor-element-3f0c829f button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-3f0c829f button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-3f0c829f a:focus-visible, .elementor-227 .elementor-element.elementor-element-3f0c829f button:focus-visible, .elementor-227 .elementor-element.elementor-element-3f0c829f summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-3f0c829f .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-3f0c829f .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-3f0c829f .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-3f0c829f .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-3f0c829f *, .elementor-227 .elementor-element.elementor-element-3f0c829f *::before, .elementor-227 .elementor-element.elementor-element-3f0c829f *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-3f0c829f .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-3f0c829f .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-3f0c829f .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-3f0c829f .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-3f0c829f .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-227 .elementor-element.elementor-element-3f0c829f .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-3f0c829f .knopf-gelb:hover{filter:brightness(1.06)}
}
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-3f0c829f{display:block;width:auto}
/* .spiegel ist hier zugleich .name__lage; die Grid-Regel der Quelle steht
   NACH dieser Zeile und gewinnt bei gleicher Spezifitaet. */
.elementor-227 .elementor-element.elementor-element-3f0c829f .spiegel{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__text{display:block;width:auto}
/* 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-227 .elementor-element.elementor-element-3f0c829f h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-3f0c829f h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-3f0c829f h1, .elementor-227 .elementor-element.elementor-element-3f0c829f h2,
   .elementor-227 .elementor-element.elementor-element-3f0c829f h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-3f0c829f .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-3f0c829f figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-3f0c829f label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-3f0c829f input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-3f0c829f ul, .elementor-227 .elementor-element.elementor-element-3f0c829f ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-3f0c829f img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-3f0c829f button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-3f0c829f form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-3f0c829f textarea, .elementor-227 .elementor-element.elementor-element-3f0c829f select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-3f0c829f` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-3f0c829f .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-3f0c829f .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-3f0c829f.name{background:var(--flaeche-2);padding:130px 0;margin-top:90px}
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__lage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,80px);align-items:center}
@media (max-width:899px){
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__lage{grid-template-columns:1fr}
}
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer{display:grid;gap:clamp(6px,.8vw,10px);justify-content:start;align-content:end; min-height:clamp(190px,24vw,300px)}
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer__reihe{display:flex;gap:clamp(6px,.8vw,10px)}
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer__reihe.versetzt{margin-left:clamp(22px,3vw,42px)}
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer i{display:flex;align-items:center;justify-content:center;font-style:normal; padding:clamp(10px,1.2vw,15px) clamp(14px,1.8vw,24px);border-radius:8px; background:var(--ink);color:var(--papier);font-family:var(--titel);font-weight:600; font-size:clamp(13px,1.15vw,16.5px);letter-spacing:-.01em;white-space:nowrap; opacity:0;transform:translateY(14px) scale(.8); transition:background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer i:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer i.gelb{background:var(--gelb);color:var(--ink)}
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer i.offen{background:transparent;color:var(--ink-3); border:1.5px dashed var(--linie-tragend)}
.js .elementor-227 .elementor-element.elementor-element-3f0c829f .mauer.an i{animation:steinSetz 520ms var(--setz) forwards}
@keyframes steinSetz{to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-3f0c829f .mauer i{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-3f0c829f.name h2, .elementor-227 .elementor-element.elementor-element-3f0c829f.name h2.elementor-heading-title{font-size:var(--t-aussage);max-width:14ch}
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__text p{color:var(--ink-2);margin-top:18px;max-width:46ch;font-size:var(--t-body)}
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__fakten{border-top:1px solid var(--linie-tragend);margin-top:34px}
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__fakten div{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:6px 24px; padding:13px 0;border-bottom:1px solid var(--linie-tragend);font-size:15px;align-items:baseline}
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__fakten b{font-family:var(--titel);font-weight:600;letter-spacing:-.01em}
.elementor-227 .elementor-element.elementor-element-3f0c829f .name__fakten span{color:var(--ink-2);font-variant-numeric:tabular-nums}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ed4792d */.elementor-227 .elementor-element.elementor-element-9ed4792d{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-9ed4792d *, .elementor-227 .elementor-element.elementor-element-9ed4792d *::before, .elementor-227 .elementor-element.elementor-element-9ed4792d *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-9ed4792d h1, .elementor-227 .elementor-element.elementor-element-9ed4792d h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-9ed4792d h2, .elementor-227 .elementor-element.elementor-element-9ed4792d h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-9ed4792d h3, .elementor-227 .elementor-element.elementor-element-9ed4792d h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-9ed4792d p{margin:0}
.elementor-227 .elementor-element.elementor-element-9ed4792d a{color:inherit}
.elementor-227 .elementor-element.elementor-element-9ed4792d button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-9ed4792d button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-9ed4792d a:focus-visible, .elementor-227 .elementor-element.elementor-element-9ed4792d button:focus-visible, .elementor-227 .elementor-element.elementor-element-9ed4792d summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-9ed4792d .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-9ed4792d .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-9ed4792d .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-9ed4792d .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-9ed4792d *, .elementor-227 .elementor-element.elementor-element-9ed4792d *::before, .elementor-227 .elementor-element.elementor-element-9ed4792d *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-9ed4792d .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-9ed4792d .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-9ed4792d .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-9ed4792d .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-9ed4792d .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-227 .elementor-element.elementor-element-9ed4792d .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-9ed4792d .knopf-gelb:hover{filter:brightness(1.06)}
}
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-9ed4792d{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-9ed4792d .spiegel{display:block;width:auto}
/* siehe Kopf der Datei, Punkt 1 */
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__karte > .elementor-widget-container{display:contents}
/* 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-227 .elementor-element.elementor-element-9ed4792d h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-9ed4792d h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-9ed4792d h1, .elementor-227 .elementor-element.elementor-element-9ed4792d h2,
   .elementor-227 .elementor-element.elementor-element-9ed4792d h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-9ed4792d .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-9ed4792d figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-9ed4792d label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-9ed4792d input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-9ed4792d ul, .elementor-227 .elementor-element.elementor-element-9ed4792d ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-9ed4792d img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-9ed4792d button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-9ed4792d form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-9ed4792d textarea, .elementor-227 .elementor-element.elementor-element-9ed4792d select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-9ed4792d` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-9ed4792d .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-9ed4792d .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-9ed4792d.werk{padding:130px 0}
.elementor-227 .elementor-element.elementor-element-9ed4792d.werk h2, .elementor-227 .elementor-element.elementor-element-9ed4792d.werk h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-227 .elementor-element.elementor-element-9ed4792d .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:52ch}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:48px}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__karte{background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-platte); padding:26px;display:grid;gap:12px;align-content:start; transition:transform 320ms var(--ease),box-shadow 320ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__karte:hover{transform:translateY(-6px);box-shadow:0 26px 54px -34px rgba(24,24,27,.45)}
}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__icon{width:34px;height:34px}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__icon .strich{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__icon .marke{fill:var(--gelb)}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__karte b{font-family:var(--titel);font-weight:600;font-size:19px;letter-spacing:-.02em}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__karte p{color:var(--ink-2);font-size:14.5px}
.elementor-227 .elementor-element.elementor-element-9ed4792d .werk__karte .mono{color:var(--ink-3);margin-top:4px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44302a87 */.elementor-227 .elementor-element.elementor-element-44302a87{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-44302a87 *, .elementor-227 .elementor-element.elementor-element-44302a87 *::before, .elementor-227 .elementor-element.elementor-element-44302a87 *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-44302a87 h1, .elementor-227 .elementor-element.elementor-element-44302a87 h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-44302a87 h2, .elementor-227 .elementor-element.elementor-element-44302a87 h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-44302a87 h3, .elementor-227 .elementor-element.elementor-element-44302a87 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-44302a87 p{margin:0}
.elementor-227 .elementor-element.elementor-element-44302a87 a{color:inherit}
.elementor-227 .elementor-element.elementor-element-44302a87 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-44302a87 button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-44302a87 a:focus-visible, .elementor-227 .elementor-element.elementor-element-44302a87 button:focus-visible, .elementor-227 .elementor-element.elementor-element-44302a87 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-44302a87 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-44302a87 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-44302a87 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-44302a87 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-44302a87 *, .elementor-227 .elementor-element.elementor-element-44302a87 *::before, .elementor-227 .elementor-element.elementor-element-44302a87 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-44302a87 .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-44302a87 .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-44302a87 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-44302a87 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-44302a87 .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-227 .elementor-element.elementor-element-44302a87 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-44302a87 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-44302a87{display:block;width:auto}
/* Die Kopfspalte ist in der Quelle ein nacktes <div> im Raster. */
.elementor-227 .elementor-element.elementor-element-44302a87 .bm-ue-kspalte{display:block;width:auto}
/* 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-227 .elementor-element.elementor-element-44302a87 h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-44302a87 h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-44302a87 h1, .elementor-227 .elementor-element.elementor-element-44302a87 h2,
   .elementor-227 .elementor-element.elementor-element-44302a87 h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-44302a87 .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-44302a87 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-44302a87 label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-44302a87 input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-44302a87 ul, .elementor-227 .elementor-element.elementor-element-44302a87 ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-44302a87 img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-44302a87 button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-44302a87 form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-44302a87 textarea, .elementor-227 .elementor-element.elementor-element-44302a87 select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-44302a87` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-44302a87 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-44302a87 .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-44302a87.kunden{background:var(--flaeche-2);padding:clamp(96px,14vh,150px) 0; --logo-hoehe:clamp(28px,2.9vw,40px);--luecke:clamp(48px,6.2vw,88px); --reihen-abstand:clamp(44px,6.4vh,92px)}
.elementor-227 .elementor-element.elementor-element-44302a87 .kunden__raster{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand); display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr); gap:clamp(28px,4vw,64px);align-items:start}
@media (max-width:900px){
.elementor-227 .elementor-element.elementor-element-44302a87 .kunden__raster{grid-template-columns:1fr;gap:clamp(36px,5vh,56px)}
}
.elementor-227 .elementor-element.elementor-element-44302a87.kunden h2, .elementor-227 .elementor-element.elementor-element-44302a87.kunden h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-227 .elementor-element.elementor-element-44302a87 .kunden__satz{margin-top:20px;color:var(--ink-2);max-width:32ch;font-size:var(--t-body)}
.elementor-227 .elementor-element.elementor-element-44302a87 .kband{margin-right:calc(var(--rand) * -1);overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 88%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 88%,transparent 100%); display:flex;flex-direction:column;gap:var(--reihen-abstand)}
.elementor-227 .elementor-element.elementor-element-44302a87 .kband__reihe{overflow:hidden}
.elementor-227 .elementor-element.elementor-element-44302a87 .kband__zug{display:flex;align-items:center;gap:var(--luecke);width:max-content}
.elementor-227 .elementor-element.elementor-element-44302a87 .kband__zug img{height:var(--logo-hoehe);width:auto;display:block;flex:none;max-width:none; filter:grayscale(1);opacity:.72}
@media (prefers-reduced-motion: no-preference){
.js .elementor-227 .elementor-element.elementor-element-44302a87 .kband__zug{animation:wandern var(--dauer,40s) linear infinite; animation-delay:var(--phase,0s)}
}
@keyframes wandern{from{transform:translateX(0)}to{transform:translateX(calc(var(--weg,0px) * -1))}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e00b20d8 */.elementor-227 .elementor-element.elementor-element-e00b20d8{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-e00b20d8 *, .elementor-227 .elementor-element.elementor-element-e00b20d8 *::before, .elementor-227 .elementor-element.elementor-element-e00b20d8 *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-e00b20d8 h1, .elementor-227 .elementor-element.elementor-element-e00b20d8 h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-e00b20d8 h2, .elementor-227 .elementor-element.elementor-element-e00b20d8 h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-e00b20d8 h3, .elementor-227 .elementor-element.elementor-element-e00b20d8 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-e00b20d8 p{margin:0}
.elementor-227 .elementor-element.elementor-element-e00b20d8 a{color:inherit}
.elementor-227 .elementor-element.elementor-element-e00b20d8 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-e00b20d8 button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-e00b20d8 a:focus-visible, .elementor-227 .elementor-element.elementor-element-e00b20d8 button:focus-visible, .elementor-227 .elementor-element.elementor-element-e00b20d8 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-e00b20d8 *, .elementor-227 .elementor-element.elementor-element-e00b20d8 *::before, .elementor-227 .elementor-element.elementor-element-e00b20d8 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-e00b20d8 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .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-227 .elementor-element.elementor-element-e00b20d8 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-e00b20d8 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-e00b20d8{display:block;width:auto}
/* .spiegel ist hier zugleich .region__lage; die Grid-Regel der Quelle steht
   NACH dieser Zeile und gewinnt bei gleicher Spezifitaet. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 .spiegel{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .region__text{display:block;width:auto}
/* 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-227 .elementor-element.elementor-element-e00b20d8 h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-e00b20d8 h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-e00b20d8 h1, .elementor-227 .elementor-element.elementor-element-e00b20d8 h2,
   .elementor-227 .elementor-element.elementor-element-e00b20d8 h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 ul, .elementor-227 .elementor-element.elementor-element-e00b20d8 ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-e00b20d8 button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-e00b20d8 form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-e00b20d8 textarea, .elementor-227 .elementor-element.elementor-element-e00b20d8 select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-e00b20d8` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-e00b20d8 .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-e00b20d8.region{padding:130px 0}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .region__lage{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4.5vw,80px);align-items:center}
@media (max-width:899px){
.elementor-227 .elementor-element.elementor-element-e00b20d8 .region__lage{grid-template-columns:1fr}
}
.elementor-227 .elementor-element.elementor-element-e00b20d8.region h2, .elementor-227 .elementor-element.elementor-element-e00b20d8.region h2.elementor-heading-title{font-size:var(--t-aussage);max-width:14ch}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .region__text p{color:var(--ink-2);margin-top:18px;max-width:46ch;font-size:var(--t-body)}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .region__meta{margin-top:26px;color:var(--ink-3)}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup{position:relative;aspect-ratio:16/9;background:var(--papier);border:1px solid var(--linie); border-radius:var(--r-platte);overflow:hidden;box-shadow:var(--schatten-buehne); background-image:radial-gradient(circle,#E4E4E8 1px,transparent 1.2px);background-size:22px 22px; display:grid;place-items:center}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__zeile{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);flex-wrap:nowrap; justify-content:center;padding:0 18px}
@media (max-width:640px){
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup{aspect-ratio:auto;padding:42px 16px 60px}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__zeile{flex-direction:column;gap:12px}
}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__bm, .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__hsg{display:inline-flex;align-items:center}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__bm svg{height:clamp(44px,4.8vw,66px);width:auto;display:block}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__hsg img{height:clamp(34px,3.8vw,54px);width:auto;display:block}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__stein{transform-box:fill-box;transform-origin:center}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__x{font-family:var(--titel);font-weight:600;font-size:clamp(19px,2vw,30px);color:var(--ink-3)}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__bm{opacity:0;transform:translateX(-46px); transition:opacity 560ms var(--ease),transform 680ms var(--ease-expo)}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__hsg{opacity:0;transform:translateX(46px); transition:opacity 560ms var(--ease),transform 680ms var(--ease-expo)}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__x{opacity:0;transform:scale(.3) rotate(-90deg); transition:opacity 300ms var(--ease) 520ms,transform 520ms var(--setz) 520ms}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup.an .lockup__bm, .js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup.an .lockup__hsg{opacity:1;transform:none}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup.an .lockup__x{opacity:1;transform:none}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup.an .lockup__stein{animation:markenPuls 900ms var(--ease) 1100ms}
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup.an .lockup__hsg img{animation:hsgNick 900ms var(--ease) 1100ms}
@keyframes markenPuls{50%{transform:scale(1.55)}}
@keyframes hsgNick{50%{transform:scale(1.05)}}
.elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__unter{position:absolute;left:0;right:0;bottom:16px;text-align:center;margin:0;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){
.js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__bm, .js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__hsg, .js .elementor-227 .elementor-element.elementor-element-e00b20d8 .lockup__x{opacity:1;transform:none;animation:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb31e578 */.elementor-227 .elementor-element.elementor-element-eb31e578{--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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28);}
.elementor-227 .elementor-element.elementor-element-eb31e578 *, .elementor-227 .elementor-element.elementor-element-eb31e578 *::before, .elementor-227 .elementor-element.elementor-element-eb31e578 *::after{box-sizing:border-box}
.elementor-227 .elementor-element.elementor-element-eb31e578 h1, .elementor-227 .elementor-element.elementor-element-eb31e578 h1.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-eb31e578 h2, .elementor-227 .elementor-element.elementor-element-eb31e578 h2.elementor-heading-title, .elementor-227 .elementor-element.elementor-element-eb31e578 h3, .elementor-227 .elementor-element.elementor-element-eb31e578 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-227 .elementor-element.elementor-element-eb31e578 p{margin:0}
.elementor-227 .elementor-element.elementor-element-eb31e578 a{color:inherit}
.elementor-227 .elementor-element.elementor-element-eb31e578 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 button:active{transform:scale(.97)}
.elementor-227 .elementor-element.elementor-element-eb31e578 a:focus-visible, .elementor-227 .elementor-element.elementor-element-eb31e578 button:focus-visible, .elementor-227 .elementor-element.elementor-element-eb31e578 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-227 .elementor-element.elementor-element-eb31e578 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-227 .elementor-element.elementor-element-eb31e578 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-227 .elementor-element.elementor-element-eb31e578 *, .elementor-227 .elementor-element.elementor-element-eb31e578 *::before, .elementor-227 .elementor-element.elementor-element-eb31e578 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-227 .elementor-element.elementor-element-eb31e578 .rv{opacity:1;transform:none}
}
.elementor-227 .elementor-element.elementor-element-eb31e578 .knopf-ink{display:inline-flex;align-items:center;gap:10px;background:var(--ink); color:var(--papier);border-radius:999px;padding:16px 28px;font-weight:500;text-decoration:none; transition:transform var(--d-micro) var(--ease),background var(--d-hover) var(--ease),color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-eb31e578 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-eb31e578 .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-227 .elementor-element.elementor-element-eb31e578 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-eb31e578 .knopf-gelb:hover{filter:brightness(1.06)}
}
/* `width:auto` neben jedem `display:block`: Elementor gibt jedem Container
   `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und das ist bei
   einem Block-Element mit seitlichem Rand etwas ANDERES als `auto` — 100
   Prozent zieht die Raender nicht ab. Lehre des Startseiten-Baus vom 25.08.,
   die dort einen zweiten Import gekostet hat; nur die Ueberstands-Messung
   findet sie, alle Sektionshoehen waren bereits deckungsgleich. */
.elementor-227 .elementor-element.elementor-element-eb31e578{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-eb31e578 .spiegel{display:block;width:auto}
/* 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-227 .elementor-element.elementor-element-eb31e578 h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-eb31e578 h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-eb31e578 h1, .elementor-227 .elementor-element.elementor-element-eb31e578 h2,
   .elementor-227 .elementor-element.elementor-element-eb31e578 h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-eb31e578 .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-eb31e578 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-eb31e578 label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-eb31e578 input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-eb31e578 ul, .elementor-227 .elementor-element.elementor-element-eb31e578 ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-eb31e578 img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-eb31e578 button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-eb31e578 form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-eb31e578 textarea, .elementor-227 .elementor-element.elementor-element-eb31e578 select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-eb31e578` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-eb31e578 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-eb31e578 .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-eb31e578.jobs{padding:140px 0 20px}
.elementor-227 .elementor-element.elementor-element-eb31e578.jobs h2, .elementor-227 .elementor-element.elementor-element-eb31e578.jobs h2.elementor-heading-title{font-size:var(--t-aussage);max-width:14ch}
.elementor-227 .elementor-element.elementor-element-eb31e578 .jobs__pitch{font-family:var(--titel);font-weight:600;letter-spacing:-.03em;line-height:1.06; font-size:clamp(26px,3.4vw,48px);margin-top:20px;max-width:22ch;text-wrap:balance}
.elementor-227 .elementor-element.elementor-element-eb31e578 .jobs__pitch i{font-style:normal;color:var(--ink-3)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .jobs__intro{color:var(--ink-2);margin-top:18px;max-width:52ch;font-size:var(--t-body)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .board{margin-top:46px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .board__stand{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap; border-bottom:1px solid var(--linie-tragend);padding-bottom:12px;color:var(--ink-3)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .board__liste{display:grid;gap:16px;margin-top:18px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle{border:1px solid var(--linie);border-radius:var(--r-platte);background:var(--papier); transition:border-color 320ms var(--ease),box-shadow 320ms var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle[open]{border-color:var(--linie-tragend);box-shadow:0 34px 70px -48px rgba(24,24,27,.45)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px 18px; flex-wrap:wrap;padding:clamp(18px,2.4vw,26px) clamp(18px,2.6vw,30px)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle summary::-webkit-details-marker{display:none}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__titel{font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(20px,2.2vw,28px);flex:1 1 auto;min-width:min(100%,300px)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__meta{display:flex;gap:8px;flex-wrap:wrap}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__meta span{border:1px solid var(--linie-tragend);border-radius:999px;padding:6px 13px; font-size:13px;color:var(--ink-2);white-space:nowrap}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__status{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);flex:none}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__status i{width:9px;height:9px;border-radius:999px;background:var(--gelb); animation:statusPuls 2.6s var(--ease) infinite}
@keyframes statusPuls{50%{opacity:.35}}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__auf{width:36px;height:36px;border-radius:999px;border:1px solid var(--linie-tragend); display:grid;place-items:center;flex:none;color:var(--ink); transition:transform 340ms var(--ease),background var(--d-hover) var(--ease), color var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__auf::before{content:"";width:12px;height:2px;border-radius:1px;background:currentColor;grid-area:1/1}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__auf::after{content:"";width:2px;height:12px;border-radius:1px;background:currentColor;grid-area:1/1}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle[open] .stelle__auf{transform:rotate(135deg);background:var(--ink);color:var(--papier);border-color:var(--ink)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle:not([open]) summary:hover .stelle__auf{background:var(--ink);color:var(--papier);border-color:var(--ink)}
}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__koerper{overflow:hidden}
.elementor-227 .elementor-element.elementor-element-eb31e578 .stelle__inhalt{padding:0 clamp(10px,1.4vw,16px) clamp(10px,1.4vw,16px)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check{background:var(--dunkel);color:var(--auf-dunkel);--fokus:var(--gelb); border-radius:calc(var(--r-platte) - 6px);padding:clamp(26px,3.4vw,48px); display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,3.5vw,56px)}
@media (max-width:899px){
.elementor-227 .elementor-element.elementor-element-eb31e578 .check{grid-template-columns:1fr}
}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__titel{font-family:var(--titel);font-weight:600;font-size:clamp(19px,1.9vw,25px); letter-spacing:-.02em}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage{position:relative;margin-top:14px;display:block}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage input{position:absolute;opacity:0;pointer-events:none}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage label{position:relative;display:flex;align-items:center;gap:12px; border:1px solid var(--linie-dunkel);border-radius:12px;padding:15px 16px;cursor:pointer; font-size:15px;color:var(--auf-dunkel-2); transition:border-color var(--d-hover) var(--ease),color var(--d-hover) var(--ease), transform var(--d-micro) var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage label:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage input:not(:checked)+label:hover{border-color:rgba(255,255,255,.34)}
}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage label::before{content:"";width:19px;height:19px;border-radius:6px;flex:0 0 auto; border:1.5px solid var(--linie-dunkel); transition:background var(--d-hover) var(--ease),border-color var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage label::after{content:"";position:absolute;left:21px;top:50%;width:10px;height:5px; border-left:2px solid var(--ink);border-bottom:2px solid var(--ink); transform:translateY(-72%) rotate(-45deg) scale(0); transition:transform 300ms var(--setz) 40ms}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage input:checked+label{border-color:var(--gelb);color:var(--auf-dunkel)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage input:checked+label::before{background:var(--gelb);border-color:var(--gelb)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage input:checked+label::after{transform:translateY(-72%) rotate(-45deg) scale(1)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__frage input:focus-visible+label{outline:3px solid var(--gelb);outline-offset:3px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__stand{display:flex;align-items:center;gap:12px;margin-top:24px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__steine{display:flex;gap:7px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__steine i{display:block;width:34px;height:14px;border-radius:5px; background:rgba(255,255,255,.14);transition:background 300ms var(--ease),transform 380ms var(--setz)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__steine i.an{background:var(--gelb);transform:scale(1.06)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__zahl{color:var(--auf-dunkel-2);white-space:nowrap;transition:color 300ms var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__zahl.fertig{color:var(--gelb)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__wort{font-size:13.5px;color:var(--auf-dunkel-2)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__wort.fertig{color:var(--auf-dunkel)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__antwort{margin-top:22px;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(19px,2vw,26px);min-height:1.4em}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__cta{margin-top:18px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__cta .knopf-ink{background:rgba(255,255,255,.1);color:var(--auf-dunkel); border:1px solid var(--linie-dunkel)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__cta .knopf-ink span{transition:transform var(--d-hover) var(--ease)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check.fertig .check__cta .knopf-ink{background:var(--gelb);color:var(--ink);border-color:var(--gelb); animation:knopfHallo 620ms var(--setz)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check.fertig .check__cta .knopf-ink span{transform:translateX(4px)}
@keyframes knopfHallo{35%{transform:translateY(-4px)}}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__seite h3, .elementor-227 .elementor-element.elementor-element-eb31e578 .check__seite h3.elementor-heading-title{font-size:12px;font-family:var(--mono);font-weight:500;letter-spacing:.13em; text-transform:uppercase;color:var(--auf-dunkel-2);margin:0 0 12px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__seite h3:not(:first-child){margin-top:26px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__seite ul{margin:0;padding:0;list-style:none;color:var(--auf-dunkel-2);font-size:14.5px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__seite li{margin-bottom:9px;padding-left:22px;position:relative}
.elementor-227 .elementor-element.elementor-element-eb31e578 .check__seite li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px; border-radius:2px;background:var(--gelb)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ{margin-top:16px;background:var(--gelb);color:var(--ink);border-radius:var(--r-platte); padding:clamp(28px,3.6vw,48px) clamp(22px,3vw,48px); display:grid;grid-template-columns:1fr auto;gap:clamp(20px,3vw,48px);align-items:center}
@media (max-width:899px){
.elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ{grid-template-columns:1fr;justify-items:start}
}
.elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ .mono{display:block;color:rgba(24,24,27,.62);margin-bottom:12px}
.elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ h3, .elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ h3.elementor-heading-title{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;max-width:20ch}
.elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ p{margin-top:10px;max-width:56ch;font-size:15px;color:rgba(24,24,27,.78)}
.elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ .knopf-ink{white-space:nowrap}
@media (hover:hover) and (pointer:fine){
.elementor-227 .elementor-element.elementor-element-eb31e578 .initiativ .knopf-ink:hover{background:var(--ink);color:var(--papier);transform:translateY(-2px)}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9daa4e7a */.elementor-227 .elementor-element.elementor-element-9daa4e7a{--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-227 .elementor-element.elementor-element-9daa4e7a{background:var(--papier); color:var(--ink); font-family:var(--fliess); font-size:17px; line-height:var(--lh-body); -webkit-font-smoothing:antialiased}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .zeile{transition: transform var(--d-micro) var(--ease);}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .zeile:active{transform: scale(.97);}
.elementor-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a ul, .elementor-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a h1, .elementor-227 .elementor-element.elementor-element-9daa4e7a h2, .elementor-227 .elementor-element.elementor-element-9daa4e7a h3, .elementor-227 .elementor-element.elementor-element-9daa4e7a h4, .elementor-227 .elementor-element.elementor-element-9daa4e7a h5, .elementor-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a .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-227 .elementor-element.elementor-element-9daa4e7a .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-227 .elementor-element.elementor-element-9daa4e7a .elementor-widget{max-width:none}
.elementor-227 .elementor-element.elementor-element-9daa4e7a{display:block;width:auto;padding:0;margin:0}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .fuss{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .fuss__innen{display:block;width:auto}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .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-227 .elementor-element.elementor-element-9daa4e7a .fuss__innen{max-width:1360px; margin:0 auto}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .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-227 .elementor-element.elementor-element-9daa4e7a .marke img{height:clamp(46px,4.4vw,64px); width:auto; display:block}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .marke p{margin:22px 0 0; color:var(--auf-dunkel-2); font-size:var(--t-body); max-width:34ch}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .marke ul{list-style:none; margin:22px 0 0; padding:0; display:flex; gap:20px}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .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-227 .elementor-element.elementor-element-9daa4e7a .spalte ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}
.elementor-227 .elementor-element.elementor-element-9daa4e7a 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-227 .elementor-element.elementor-element-9daa4e7a a.zeile:hover{color:var(--gelb)}
}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .kontakt address{font-style:normal; color:var(--auf-dunkel-2); font-size:var(--t-body); margin:0 0 16px}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .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-227 .elementor-element.elementor-element-9daa4e7a .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-227 .elementor-element.elementor-element-9daa4e7a .unten ul{list-style:none; margin:0; padding:0; display:flex; gap:24px}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .unten .jahr{font-variant-numeric:tabular-nums}
@media (max-width:1000px){
.elementor-227 .elementor-element.elementor-element-9daa4e7a .raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px 32px}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .marke{grid-column:1 / -1}
}
@media (max-width:600px){
.elementor-227 .elementor-element.elementor-element-9daa4e7a .raster{grid-template-columns:1fr}
.elementor-227 .elementor-element.elementor-element-9daa4e7a .unten{flex-direction:column; align-items:flex-start}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8cd3b0dc */: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 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.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}}
/* 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-227 .elementor-element.elementor-element-8cd3b0dc h2.elementor-heading-title` (0,4,1) laut genug stehen.

   DER ELEMENT-NEUTRALISIERER `.elementor-227 .elementor-element.elementor-element-8cd3b0dc h1…h6{…:inherit}` DES KI-BAUS STEHT
   HIER BEWUSST NICHT, und auf dieser Seite waere er schaedlich. Er traegt
   (0,3,1), genau wie die gescopete Basis-Regel `.elementor-227 .elementor-element.elementor-element-8cd3b0dc h1, .elementor-227 .elementor-element.elementor-element-8cd3b0dc h2,
   .elementor-227 .elementor-element.elementor-element-8cd3b0dc h3` der Quelle, und stuende im KIT NACH ihr. Er wuerde sie also
   fuer jede Ueberschrift OHNE Elementor-Klasse umkehren — und genau drei
   solche gibt es hier: die zwei `<h3>` in `.check__seite` und das eine in
   `.initiativ`, alle drei im Stellen-Board-Widget. Sie leben davon, dass die
   Basis-Regel Hello Elementors namentliche h3-Regel (0,0,1) schlaegt.
   `ue_pruefung.py` misst die Voraussetzung bei jedem Lauf (Probe TITEL):
   keine h4 bis h6 irgendwo, jede Ueberschrift in einem HTML- oder
   Text-Widget von der Basis-Regel gedeckt. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc .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 (gemessen: 0); die Zeile bleibt vorbeugend stehen, damit eine
   spaeter eingesetzte Bildunterschrift nicht still kippt. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, AN DIESER SEITE GEMESSEN (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. Gemessen: jede Anhak-Zeile des Selbst-Checks war 51
   statt 56 Pixel hoch, die Check-Platte damit 15 Pixel und die ganze
   Jobs-Sektion 15 Pixel zu kurz.
   `revert` und NICHT `inherit`, und auch nicht mehr `var(--lh-body)` wie im
   21.08.-Bau (Entscheid des Startseiten-Baus vom 25.08.): `inherit` uebernaehme
   die gerechnete LAENGE des Elternteils (27,2px) statt der ZAHL 1,6, und ein
   abgeschriebener Token-Wert behauptet etwas ueber die Quelle, statt sie zu
   fragen. `revert` rollt auf die Browser-Voreinstellung zurueck, und die
   Browser-Voreinstellung IST der Zustand der Quelle: sie kennt Hello Elementor
   nicht, fasst `label` nicht an, dort erbt die Zeilenhoehe also die 1,6 vom
   Body. Rechnerisch derselbe Wert, aber aus der richtigen Quelle.
   `display` setzt `.check__frage label{display:flex}` selbst und schlaegt
   den Neutralisierer mit vier Klassen plus Element gegen drei plus Element;
   die zwei Werte hier sind fuer den Fall, dass spaeter ein Label ohne Klasse
   dazukommt. Die Seite fuehrt genau drei Labels, alle in `.check__frage`. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc label{line-height:revert;display:revert;vertical-align:revert}

/* Theme-Durchgriff Nummer drei: Hello Elementor setzt `input{margin:0}`, der
   Browser gibt einer Checkbox `3px 3px 3px 4px`. Die Quelle setzt an ihren
   drei Kaesten gar keinen Rand, in ihr gilt also der Browser-Wert; `revert`
   stellt genau den wieder her und macht die Lab damit exakt zur Quelle.
   EHRLICH VERMERKT: auf dieser Seite hat die Zeile keine Massfolge. Alle
   drei `<input>` stehen in `.check__frage input{position:absolute; opacity:0;
   pointer-events:none}`, sind also ausserhalb des Flusses und unsichtbar;
   der 21.08.-Bau war ohne diese Zeile in allen drei Breiten deckungsgleich.
   Sie steht fuer die Exaktheit des Eigenschafts-Vergleichs und als Sperre,
   falls ein Kasten je in den Fluss kaeme. `.check__frage input` (0,4,1)
   schlaegt sie fuer die drei Werte, die die Quelle wirklich setzt. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc input{margin:revert}

/* Theme-Durchgriff Nummer vier, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 21.08.-Bau noch nicht abgedeckt: Hello Elementor
   setzt `ul, ol{margin:0}`. Hier ist die Richtung UMGEKEHRT zu allem anderen
   — nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg: der Browser gibt
   einer Liste `margin: 1em 0` (gemessen 17px), das Theme null.
   Die Seite fuehrt zwei `<ul>` mit sechs `<li>`, beide in `.check__seite`,
   und die Quelle setzt dort `margin:0` selbst — auf DIESER Seite ist die
   Zeile also folgenlos, `.check__seite ul` (0,4,1) schlaegt sie ohnehin.
   Sie steht, weil eine klassenlose Liste im Stellen-Board jederzeit
   dazukommen kann und dann in beiden Dokumenten verschieden staende. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc ul, .elementor-227 .elementor-element.elementor-element-8cd3b0dc ol{margin:revert}

/* Theme-Durchgriff Nummer fuenf, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `img{max-width:100%}`, der Browser kennt keine Grenze.
   Die Seite fuehrt elf Bilder. Die zehn Kundenlogos sind gedeckt, dort sagt
   `.kband__zug img{max-width:none}` es selbst (und muss es sagen, sonst
   knickte das Laufband ein). UNGEDECKT ist das elfte: das HSG-Logo im
   Lockup setzt `height` und `width:auto`, aber keine Grenze. `revert` stellt
   den Browser-Zustand her, also genau den der Quelle. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc img{max-width:revert}

/* NICHT im KIT, jeweils mit Grund (Lehre 2 des Kontakt-Baus: Neutralisierer
   sind kein Kopierpapier, sie gehoeren je Seite gegen die Quell-Regel
   geprueft):

     `.elementor-227 .elementor-element.elementor-element-8cd3b0dc button{white-space:normal; border-radius:0; padding:revert}`
       Der Kontakt- und der Websitebau-Bau brauchen ihn. DIESE SEITE FUEHRT
       KEINEN EINZIGEN `<button>` (gemessen: 0 im Markup). Was wie ein Knopf
       aussieht, ist ein `<a class="knopf-ink">` oder ein `<summary>`. Der
       Neutralisierer haette hier nichts zu neutralisieren; `ue_pruefung.py`
       zaehlt die Knoepfe bei jedem Lauf (Probe SORTEN), damit die Zeile
       nicht stumm fehlt, sobald einer dazukommt.

     `.elementor-227 .elementor-element.elementor-element-8cd3b0dc form{margin:revert}`, `.elementor-227 .elementor-element.elementor-element-8cd3b0dc textarea, .elementor-227 .elementor-element.elementor-element-8cd3b0dc select
       {margin:revert}` — kein `<form>`, kein `<textarea>`, kein `<select>`
       auf dieser Seite (gemessen: 0/0/0). Ebenfalls von Probe SORTEN
       ueberwacht.

     `line-height:revert` an `button` — waere hier doppelt falsch: es gibt
       keinen Knopf, und die Quelle sagt `button{font:inherit}`, was die
       Zeilenhoehe auf den geerbten Wert 1,6 setzt. Ein `revert` wuerde auf
       `normal` zurueckrollen und die QUELLE brechen statt das Theme.

     `table`, `td`, `th`, `select`, `textarea`, `form`, `hr`, `small`, `code`
       — die Gegenprobe vom 25.08. zeigt an allen neun einen kraeftigen
       Durchgriff (td und th je 13 Werte, select 9, textarea 8). Die Seite
       fuehrt von jeder Sorte NULL Stueck. Aufgenommen sind nur die Sorten,
       die es hier wirklich gibt; Probe SORTEN in `ue_pruefung.py` zaehlt bei
       jedem Lauf nach und schlaegt an, sobald eine davon dazukommt.

     ein `a`-Neutralisierer — und das ist der Fall, an dem `revert` seine
       eigene Grenze zeigt. Die Gegenprobe meldet zwei Unterschiede:
       `text-decoration-line` (Quelle `underline`, Lab `none`) und die
       Rahmenfarbe, die der Schriftfarbe folgt. Die Farbe deckt die Quelle
       selbst ab (`a{color:inherit}`, gescopet 0,3,1 gegen Hellos 0,0,1).
       Die Unterstreichung braucht KEINEN Neutralisierer: alle vier Links
       dieser Seite setzen `text-decoration:none` ueber ihre Klasse
       (`.navplatz .wortmarke`, `.knopf-ink`, `.knopf-gelb`). Ein
       `text-decoration:revert` waere sogar schaedlich fuer einen kuenftigen
       klassenlosen Link: es holte die Unterstreichung zurueck, die die
       Quelle an so einem Link tatsaechlich hat — was richtig waere — aber es
       gibt hier keinen solchen Link, und die Zeile behauptete etwas ueber
       eine Stelle, die es nicht gibt. Gemessen statt vermutet: 4 Links, 4 mit
       eigener Klasse. */

/* Kit-Falle 2, AN DIESER SEITE GEFUNDEN (21.08., durch den
   Eigenschafts-Vergleich): 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: der Satz der
   Zahl-Sektion und der Schluss-Zug standen grau auf der dunklen Platte statt
   weiss, die Riesen-Zeilen der Treppe grau statt Ink. Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-227 .elementor-element.elementor-element-8cd3b0dc` 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). Genau die drei
   Eigenschaften, die der Kit setzt, gehen damit an die Vererbung zurueck;
   Zeilenhoehe und Groesse fasst der Kit nicht an und bleiben unberuehrt. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, AN DIESER SEITE GEMESSEN (21.08. an `.za__wert` und
   `.werk__karte`): `.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. An diesen beiden
   Stellen waere er folgenlos gewesen, am Logoband nicht: `.kband` traegt
   einen negativen rechten Rand und soll ueber die Rasterspalte hinauslaufen. */
.elementor-227 .elementor-element.elementor-element-8cd3b0dc .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-227 .elementor-element.elementor-element-8cd3b0dc{padding:0;margin:0}
.elementor-227 .elementor-element.elementor-element-8cd3b0dc .bm-ue-schrift{display:none}/* End custom CSS */