.elementor-224 .elementor-element.elementor-element-5f006ece{--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-224 .elementor-element.elementor-element-febe1905 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-1a04d368 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-9f1dec90 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-224 .elementor-element.elementor-element-b92482a7 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}.elementor-224 .elementor-element.elementor-element-34fd7662{--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-224 .elementor-element.elementor-element-56a094be{--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-224 .elementor-element.elementor-element-3927d26b .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-02e11386{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-f591abff{--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-224 .elementor-element.elementor-element-5806c2e2{--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-224 .elementor-element.elementor-element-7a5318c4{--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-224 .elementor-element.elementor-element-d775511f .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-af48bd45{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-f86e1fd8{--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-224 .elementor-element.elementor-element-d92e6c34{--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-224 .elementor-element.elementor-element-fdfc6e81 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-d4b374e1{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-451119ec{--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-224 .elementor-element.elementor-element-c62b0229{--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-224 .elementor-element.elementor-element-235f42d5 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-1b79a4b5{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-717a62f1{--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-224 .elementor-element.elementor-element-793ce49c{--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-224 .elementor-element.elementor-element-12acac98 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-32da4c52{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-86edd767{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-94cfcbb2{--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-224 .elementor-element.elementor-element-6cdafa5d{--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-224 .elementor-element.elementor-element-53a156fb .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-5c122529{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-ec431bc1{--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-224 .elementor-element.elementor-element-c0945645{--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-224 .elementor-element.elementor-element-1d687e74 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-8170d05f{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-a69e8e7e{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-c663f221{--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-224 .elementor-element.elementor-element-192d119c{--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-224 .elementor-element.elementor-element-21973934 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-eedad011{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-da4bbf1d{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-a70fb2c7{--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-224 .elementor-element.elementor-element-a492ba65{--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-224 .elementor-element.elementor-element-982042ba .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-6ce6fc7e{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-a07bdb84{--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-224 .elementor-element.elementor-element-509bfe7f{--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-224 .elementor-element.elementor-element-b44f04ca .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-315b1e82{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-a2d4e6d6{--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-224 .elementor-element.elementor-element-ddbc0426{--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-224 .elementor-element.elementor-element-1a134891 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-25b7bd74{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-d1f5a641{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-a449ea19{--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-224 .elementor-element.elementor-element-489fc25c{--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-224 .elementor-element.elementor-element-7a27802c .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-b0e65b53{--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-224 .elementor-element.elementor-element-9402b671{--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-224 .elementor-element.elementor-element-59b5aee5 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-0333ddb5{--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-224 .elementor-element.elementor-element-be6f22b2{--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-224 .elementor-element.elementor-element-b9a814ef{--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-224 .elementor-element.elementor-element-019f0c89{--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-224 .elementor-element.elementor-element-ee1e68f2 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-4c33cfdf .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-224 .elementor-element.elementor-element-9f9464d7 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-224 .elementor-element.elementor-element-c157321a .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-5f006ece */.elementor-224 .elementor-element.elementor-element-5f006ece{--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;}
.elementor-224 .elementor-element.elementor-element-5f006ece *, .elementor-224 .elementor-element.elementor-element-5f006ece *::before, .elementor-224 .elementor-element.elementor-element-5f006ece *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-5f006ece h1, .elementor-224 .elementor-element.elementor-element-5f006ece h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-5f006ece h2, .elementor-224 .elementor-element.elementor-element-5f006ece h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-5f006ece h3, .elementor-224 .elementor-element.elementor-element-5f006ece h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-5f006ece p{margin:0}
.elementor-224 .elementor-element.elementor-element-5f006ece a{color:inherit}
.elementor-224 .elementor-element.elementor-element-5f006ece button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-5f006ece button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-5f006ece a:focus-visible, .elementor-224 .elementor-element.elementor-element-5f006ece button:focus-visible, .elementor-224 .elementor-element.elementor-element-5f006ece summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-5f006ece .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-5f006ece .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-5f006ece .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-5f006ece .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-5f006ece .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-5f006ece .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-5f006ece *, .elementor-224 .elementor-element.elementor-element-5f006ece *::before, .elementor-224 .elementor-element.elementor-element-5f006ece *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-5f006ece .rv, .js .elementor-224 .elementor-element.elementor-element-5f006ece .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-5f006ece .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-224 .elementor-element.elementor-element-5f006ece .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-5f006ece .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-5f006ece .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-224 .elementor-element.elementor-element-5f006ece .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-5f006ece .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-5f006ece{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-5f006ece .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-5f006ece .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-5f006ece .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-5f006ece .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-5f006ece .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-5f006ece .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-5f006ece .zn .pkt--hoch{display:none}
/* ==== 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-224 .elementor-element.elementor-element-5f006ece` 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-224 .elementor-element.elementor-element-5f006ece{padding:0;margin:0;width:auto;display:block}
.elementor-224 .elementor-element.elementor-element-5f006ece .bm-nav-schrift, .elementor-224 .elementor-element.elementor-element-5f006ece .bm-nav-hilf{display:none}
.elementor-224 .elementor-element.elementor-element-5f006ece{padding:0}
/* Der js-Klassen-Einzeiler der Quelle steht dort im <head>. Hier gehoert er in
   den ERSTEN Wurzel-Container der Seite: `.js .rv{opacity:0}` und der
   Papier-Vorhang muessen beim ersten Anstrich stehen, sonst blitzt die Seite
   auf, bevor der Vorhang haengt. */
.elementor-224 .elementor-element.elementor-element-5f006ece .bm-md-hilf{display:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34fd7662 *//* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet beim <header> und bei .spiegel mit Block. */
.elementor-224 .elementor-element.elementor-element-34fd7662{display:block}
.elementor-224 .elementor-element.elementor-element-34fd7662 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-34fd7662 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-34fd7662{--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;}
.elementor-224 .elementor-element.elementor-element-34fd7662 *, .elementor-224 .elementor-element.elementor-element-34fd7662 *::before, .elementor-224 .elementor-element.elementor-element-34fd7662 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-34fd7662 h1, .elementor-224 .elementor-element.elementor-element-34fd7662 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-34fd7662 h2, .elementor-224 .elementor-element.elementor-element-34fd7662 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-34fd7662 h3, .elementor-224 .elementor-element.elementor-element-34fd7662 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-34fd7662 p{margin:0}
.elementor-224 .elementor-element.elementor-element-34fd7662 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-34fd7662 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-34fd7662 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-34fd7662 a:focus-visible, .elementor-224 .elementor-element.elementor-element-34fd7662 button:focus-visible, .elementor-224 .elementor-element.elementor-element-34fd7662 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-34fd7662 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-34fd7662 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-34fd7662 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-34fd7662 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-34fd7662 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-34fd7662 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-34fd7662 *, .elementor-224 .elementor-element.elementor-element-34fd7662 *::before, .elementor-224 .elementor-element.elementor-element-34fd7662 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-34fd7662 .rv, .js .elementor-224 .elementor-element.elementor-element-34fd7662 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-34fd7662.hero{padding:88px 0 40px}
.elementor-224 .elementor-element.elementor-element-34fd7662.hero h1, .elementor-224 .elementor-element.elementor-element-34fd7662.hero h1.elementor-heading-title{font-size:var(--t-hero);max-width:13ch}
.elementor-224 .elementor-element.elementor-element-34fd7662.hero .wort{display:inline-block;overflow:hidden;vertical-align:bottom; padding-bottom:.06em;margin-bottom:-.06em}
.elementor-224 .elementor-element.elementor-element-34fd7662.hero .wort i{display:inline-block;font-style:normal; transition:transform 760ms var(--ease-expo)}
.js .elementor-224 .elementor-element.elementor-element-34fd7662.hero .wort i{transform:translateY(112%)}
.js.los .elementor-224 .elementor-element.elementor-element-34fd7662.hero .wort i{transform:none}
.elementor-224 .elementor-element.elementor-element-34fd7662.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-224 .elementor-element.elementor-element-34fd7662.hero p{max-width:46ch;margin-top:26px;font-size:clamp(17px,1.35vw,20px);color:var(--ink-2)}
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__zeile{display:flex;align-items:center;gap:22px;margin-top:42px;flex-wrap:wrap}
.elementor-224 .elementor-element.elementor-element-34fd7662 .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-224 .elementor-element.elementor-element-34fd7662 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-34fd7662 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__hin{color:var(--ink-3);font-size:14px}
.elementor-224 .elementor-element.elementor-element-34fd7662 .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-224 .elementor-element.elementor-element-34fd7662 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-34fd7662 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-34fd7662{--holz:#C2702E}
.elementor-224 .elementor-element.elementor-element-34fd7662 .beispiel{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--linie-tragend); border-radius:999px;padding:7px 16px;color:var(--ink-3);font-size:13px;margin-bottom:22px}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-34fd7662 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-34fd7662 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-34fd7662 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-34fd7662 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__unter{max-width:52ch;margin-top:24px;font-size:clamp(17px,1.35vw,20px);color:var(--ink-2)}
.elementor-224 .elementor-element.elementor-element-34fd7662.hero .beispiel{margin-top:20px;margin-bottom:0}
.elementor-224 .elementor-element.elementor-element-34fd7662.hero{position:relative;overflow:hidden}
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__zeichen{display:none;position:absolute;right:-6%;top:50%;transform:translateY(-50%); width:min(46%,560px);height:auto;pointer-events:none;color:var(--linie-tragend);z-index:-1}
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__zeichen .zlinie{stroke-width:5}
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__zeichen .zbalken2{stroke-width:5}
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__zeichen .pkt{fill:var(--gelb)}
.elementor-224 .elementor-element.elementor-element-34fd7662.hero .spiegel{position:relative;z-index:1}
@media (max-width:899px){
.elementor-224 .elementor-element.elementor-element-34fd7662 .hero__zeichen{right:-18%;width:70%;opacity:.6}
}
.elementor-224 .elementor-element.elementor-element-34fd7662 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-34fd7662 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-34fd7662 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-34fd7662 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-34fd7662 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-34fd7662 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-34fd7662 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-34fd7662 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-34fd7662 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-34fd7662 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-34fd7662` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-34fd7662 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-34fd7662 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f591abff *//* Elementor macht aus jedem Container einen Flex-Container. Die Quelle
   rechnet bei <section class="konstrukt"> mit Block; `.konstrukt__lage` setzt
   sein Grid selbst und schlaegt diese Zeile bei gleicher Spezifitaet, weil
   das Sektions-Paket danach steht. */
.elementor-224 .elementor-element.elementor-element-f591abff{display:block}
/* Die linke Spalte ist in der Quelle ein schlichtes <div> im Blockfluss. */
.elementor-224 .elementor-element.elementor-element-f591abff .bm-md-02-spalte{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-f591abff .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-f591abff{--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;}
.elementor-224 .elementor-element.elementor-element-f591abff *, .elementor-224 .elementor-element.elementor-element-f591abff *::before, .elementor-224 .elementor-element.elementor-element-f591abff *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-f591abff h1, .elementor-224 .elementor-element.elementor-element-f591abff h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-f591abff h2, .elementor-224 .elementor-element.elementor-element-f591abff h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-f591abff h3, .elementor-224 .elementor-element.elementor-element-f591abff h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-f591abff p{margin:0}
.elementor-224 .elementor-element.elementor-element-f591abff a{color:inherit}
.elementor-224 .elementor-element.elementor-element-f591abff button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-f591abff button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-f591abff a:focus-visible, .elementor-224 .elementor-element.elementor-element-f591abff button:focus-visible, .elementor-224 .elementor-element.elementor-element-f591abff summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-f591abff .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-f591abff .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-f591abff .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-f591abff .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-f591abff .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-f591abff .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-f591abff *, .elementor-224 .elementor-element.elementor-element-f591abff *::before, .elementor-224 .elementor-element.elementor-element-f591abff *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-f591abff .rv, .js .elementor-224 .elementor-element.elementor-element-f591abff .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-f591abff .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-224 .elementor-element.elementor-element-f591abff .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-f591abff .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-f591abff .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-224 .elementor-element.elementor-element-f591abff .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-f591abff .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-f591abff{--holz:#C2702E}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt{background:var(--dunkel);color:var(--auf-dunkel);padding:120px 0;--fokus:var(--gelb)}
.elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__lage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,80px);align-items:center}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt h2, .elementor-224 .elementor-element.elementor-element-f591abff.konstrukt h2.elementor-heading-title{font-size:var(--t-aussage);max-width:15ch}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt p{color:var(--auf-dunkel-2);margin-top:16px;max-width:42ch}
.elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__buehne{display:grid;place-items:center;aspect-ratio:4/3; border:1px solid var(--linie-dunkel);border-radius:var(--r-platte)}
.elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__buehne svg{width:min(320px,70%);height:auto;overflow:visible}
.elementor-224 .elementor-element.elementor-element-f591abff .zraster line{stroke:var(--linie-dunkel);stroke-width:1;opacity:0;transition:opacity 400ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt.s1 .zraster line{opacity:1}
.elementor-224 .elementor-element.elementor-element-f591abff .zdach{fill:none;stroke:#FFFFFF;stroke-width:6;stroke-linejoin:round; stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1100ms var(--ease-expo)}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt.s2 .zdach{stroke-dashoffset:0}
.elementor-224 .elementor-element.elementor-element-f591abff .zbalken{fill:none;stroke:#FFFFFF;stroke-width:6;stroke-dasharray:160;stroke-dashoffset:160; transition:stroke-dashoffset 700ms var(--ease-expo) 250ms}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt.s2 .zbalken{stroke-dashoffset:0}
.elementor-224 .elementor-element.elementor-element-f591abff .zpunkt{opacity:0;transform:scale(.3);transform-origin:center;transform-box:fill-box; transition:opacity 300ms var(--ease),transform 460ms var(--setz)}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt.s3 .zpunkt{opacity:1;transform:none}
.elementor-224 .elementor-element.elementor-element-f591abff .zwort{opacity:0;transform:translateY(8px);transition:opacity 400ms var(--ease),transform 400ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-f591abff.konstrukt.s4 .zwort{opacity:1;transform:none}
.elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__nochmal{margin-top:22px;border:1px solid var(--linie-dunkel);border-radius:999px; padding:9px 18px;color:var(--auf-dunkel);font-size:13.5px}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__nochmal:hover{background:var(--gelb);color:var(--ink);border-color:var(--gelb)}
}
@media (max-width:899px){
.elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__lage{grid-template-columns:1fr}
}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-f591abff .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-f591abff .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-f591abff .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-f591abff .zn .pkt{fill:var(--holz)}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__lage{grid-template-columns:1fr;gap:clamp(26px,3.4vw,44px)}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__buehne{aspect-ratio:16/7;width:100%}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff .konstrukt__buehne svg{width:min(300px,34%)}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff.konstrukt{padding:130px 0 140px}
.elementor-224 .elementor-element.elementor-element-f591abff .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff .zn .pkt--hoch{display:none}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff.konstrukt .zbalken, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff.konstrukt .zpunkt--hoch{display:none}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f591abff .nur-balken{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-f591abff h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-f591abff .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-f591abff figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-f591abff label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-f591abff button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-f591abff button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-f591abff input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-f591abff` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-f591abff .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-f591abff .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f86e1fd8 */.elementor-224 .elementor-element.elementor-element-f86e1fd8{display:block}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-f86e1fd8{--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;}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 *, .elementor-224 .elementor-element.elementor-element-f86e1fd8 *::before, .elementor-224 .elementor-element.elementor-element-f86e1fd8 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 h1, .elementor-224 .elementor-element.elementor-element-f86e1fd8 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-f86e1fd8 h2, .elementor-224 .elementor-element.elementor-element-f86e1fd8 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-f86e1fd8 h3, .elementor-224 .elementor-element.elementor-element-f86e1fd8 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 p{margin:0}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 a:focus-visible, .elementor-224 .elementor-element.elementor-element-f86e1fd8 button:focus-visible, .elementor-224 .elementor-element.elementor-element-f86e1fd8 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-f86e1fd8 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-f86e1fd8 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-f86e1fd8 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-f86e1fd8 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-f86e1fd8 *, .elementor-224 .elementor-element.elementor-element-f86e1fd8 *::before, .elementor-224 .elementor-element.elementor-element-f86e1fd8 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-f86e1fd8 .rv, .js .elementor-224 .elementor-element.elementor-element-f86e1fd8 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .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-224 .elementor-element.elementor-element-f86e1fd8 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .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-224 .elementor-element.elementor-element-f86e1fd8 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-f86e1fd8{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8.pruef{background:var(--flaeche-2);padding:120px 0}
.elementor-224 .elementor-element.elementor-element-f86e1fd8.pruef h2, .elementor-224 .elementor-element.elementor-element-f86e1fd8.pruef h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:52ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__lage{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,4.4vw,64px); align-items:start;margin-top:clamp(38px,4.8vw,60px)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__buehne{position:relative;aspect-ratio:1/1;background:var(--papier);scroll-margin-top:84px; border:1px solid var(--linie-tragend);border-radius:var(--r-platte); display:grid;place-items:center;overflow:hidden}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__feld{position:relative;width:54%;display:grid;place-items:center;color:var(--ink); transition:width 460ms var(--ease),filter 340ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__feld .zn{width:100%;height:auto;display:block}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__schutz{position:absolute;inset:-24%;border:1px dashed var(--holz);opacity:0; transition:opacity 300ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__buehne[data-t="sw"] .pruef__feld{filter:grayscale(1) contrast(1.06)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__buehne[data-t="klein"] .pruef__feld{width:18px}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__buehne[data-t="stick"] .zlinie{stroke-width:15}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__buehne[data-t="stick"] .pkt{fill:none;stroke:var(--papier);stroke-width:5}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__buehne[data-t="abstand"] .pruef__schutz{opacity:1}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__urteil{position:absolute;left:0;right:0;bottom:0;padding:15px 20px; background:var(--papier);border-top:1px solid var(--linie);font-size:14.5px;color:var(--ink-2)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__urteil b{font-weight:500;color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__reihe{border-top:1px solid var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__knopf{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;width:100%; text-align:left;padding:18px 4px;border-bottom:1px solid var(--linie-tragend);position:relative}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__knopf::before{content:"";position:absolute;left:-14px;top:16px;bottom:16px;width:3px; background:var(--holz);transform:scaleY(0);transform-origin:top;transition:transform 240ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__knopf[aria-pressed="true"]::before{transform:scaleY(1)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__knopf .nr{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; color:var(--ink-3);padding-top:6px;font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__knopf b{display:block;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(18px,1.8vw,23px);color:var(--ink-3);transition:color 200ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__knopf[aria-pressed="true"] b{color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__knopf .wa{display:block;color:var(--ink-2);font-size:14.5px;margin-top:5px;max-width:54ch}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__schluss{margin-top:28px;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(19px,2vw,26px);line-height:1.25;max-width:30ch}
@media (max-width:899px){
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .pruef__lage{grid-template-columns:1fr;gap:30px}
}
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f86e1fd8 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-f86e1fd8 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-f86e1fd8 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-f86e1fd8 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-f86e1fd8` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-f86e1fd8 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-451119ec */.elementor-224 .elementor-element.elementor-element-451119ec{display:block}
.elementor-224 .elementor-element.elementor-element-451119ec .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-451119ec .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-451119ec{--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;}
.elementor-224 .elementor-element.elementor-element-451119ec *, .elementor-224 .elementor-element.elementor-element-451119ec *::before, .elementor-224 .elementor-element.elementor-element-451119ec *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-451119ec h1, .elementor-224 .elementor-element.elementor-element-451119ec h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-451119ec h2, .elementor-224 .elementor-element.elementor-element-451119ec h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-451119ec h3, .elementor-224 .elementor-element.elementor-element-451119ec h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-451119ec p{margin:0}
.elementor-224 .elementor-element.elementor-element-451119ec a{color:inherit}
.elementor-224 .elementor-element.elementor-element-451119ec button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-451119ec button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-451119ec a:focus-visible, .elementor-224 .elementor-element.elementor-element-451119ec button:focus-visible, .elementor-224 .elementor-element.elementor-element-451119ec summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-451119ec .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-451119ec .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-451119ec .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-451119ec .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-451119ec .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-451119ec .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-451119ec *, .elementor-224 .elementor-element.elementor-element-451119ec *::before, .elementor-224 .elementor-element.elementor-element-451119ec *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-451119ec .rv, .js .elementor-224 .elementor-element.elementor-element-451119ec .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-451119ec .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-224 .elementor-element.elementor-element-451119ec .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-451119ec .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-451119ec .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-224 .elementor-element.elementor-element-451119ec .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-451119ec .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-451119ec{--holz:#C2702E}
.elementor-224 .elementor-element.elementor-element-451119ec.traeger{padding:130px 0 60px}
.elementor-224 .elementor-element.elementor-element-451119ec.traeger h2, .elementor-224 .elementor-element.elementor-element-451119ec.traeger h2.elementor-heading-title{font-size:var(--t-aussage);max-width:17ch}
.elementor-224 .elementor-element.elementor-element-451119ec .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:50ch}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:52px}
.elementor-224 .elementor-element.elementor-element-451119ec .ding{background:var(--flaeche-2);border:1px solid var(--linie-tragend);border-radius:var(--r-platte); padding:26px;display:grid;gap:16px;justify-items:center}
.elementor-224 .elementor-element.elementor-element-451119ec .ding{align-content:stretch}
.elementor-224 .elementor-element.elementor-element-451119ec .ding figure{margin:0;display:grid;grid-template-rows:1fr auto;justify-items:center; align-items:center;gap:12px;min-height:150px;height:100%}
.elementor-224 .elementor-element.elementor-element-451119ec .ding figcaption{font-size:14px;color:var(--ink-2);text-align:center}
.elementor-224 .elementor-element.elementor-element-451119ec .ding svg.zeichen{width:44px;height:auto}
.elementor-224 .elementor-element.elementor-element-451119ec .karte-mock{width:180px;height:104px;background:#fff;border:1px solid var(--linie-tragend); border-radius:8px;padding:12px;display:grid;align-content:space-between; box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-224 .elementor-element.elementor-element-451119ec .karte-mock i{display:block;height:6px;width:70px;border-radius:3px;background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-451119ec .karte-mock i:first-child{height:8px;width:90px;background:var(--ink)}
.elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock{width:120px;height:168px;background:#fff;border:1px solid var(--linie-tragend); border-radius:6px;padding:12px;display:grid;gap:7px;align-content:start; box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock b{display:block;height:36px;background:var(--holz);border-radius:4px}
.elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock i{display:block;height:5px;border-radius:3px;background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock{width:170px;height:140px;background:var(--ink);border-radius:14px 14px 20px 20px; position:relative;display:grid;place-items:center}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::before, .elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::after{content:"";position:absolute;top:6px;width:40px;height:52px; background:var(--ink);border-radius:10px}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::before{left:-20px;transform:rotate(18deg)}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::after{right:-20px;transform:rotate(-18deg)}
.elementor-224 .elementor-element.elementor-element-451119ec .bus-mock{width:210px;height:110px;background:#fff;border:1px solid var(--linie-tragend); border-radius:12px 40px 8px 8px;position:relative;display:grid;place-items:center; box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-224 .elementor-element.elementor-element-451119ec .bus-mock::after{content:"";position:absolute;left:24px;right:24px;bottom:-9px;height:0; border-bottom:9px solid transparent; background:radial-gradient(circle at 25% 0,#18181B 9px,transparent 10px), radial-gradient(circle at 75% 0,#18181B 9px,transparent 10px)}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-451119ec .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-451119ec .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-451119ec .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-451119ec .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:20px; flex-wrap:wrap;margin-top:34px}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__schalter{display:inline-flex;background:var(--flaeche-2);border:1px solid var(--linie-tragend); border-radius:999px;padding:5px;gap:4px;flex:none}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__schalter button{border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:500; color:var(--ink-2);transition:background var(--d-hover) var(--ease),color var(--d-hover) var(--ease),transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__schalter button[aria-pressed="true"]{background:var(--ink);color:var(--papier)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster{margin-top:26px}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .ding{background:var(--dunkel);border-color:var(--linie-dunkel)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .ding figcaption{color:var(--auf-dunkel-2)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .karte-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .flyer-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .bus-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .brief-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .schild-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .web-mock{background:#1C1C20;border-color:rgba(255,255,255,.2);color:var(--auf-dunkel)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .stempel-mock{border-color:var(--auf-dunkel);color:var(--auf-dunkel)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .shirt-mock{background:var(--papier);color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .shirt-mock::before, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .shirt-mock::after{background:var(--papier)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .karte-mock i, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .brief-mock i, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .flyer-mock i{background:rgba(255,255,255,.28)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .karte-mock i:first-child{background:var(--auf-dunkel)}
.elementor-224 .elementor-element.elementor-element-451119ec .ding, .elementor-224 .elementor-element.elementor-element-451119ec .karte-mock, .elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock, .elementor-224 .elementor-element.elementor-element-451119ec .bus-mock, .elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock, .elementor-224 .elementor-element.elementor-element-451119ec .brief-mock, .elementor-224 .elementor-element.elementor-element-451119ec .schild-mock, .elementor-224 .elementor-element.elementor-element-451119ec .web-mock, .elementor-224 .elementor-element.elementor-element-451119ec .stempel-mock{transition:background 420ms var(--ease),border-color 420ms var(--ease),color 420ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-451119ec .karte-mock, .elementor-224 .elementor-element.elementor-element-451119ec .bus-mock, .elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock, .elementor-224 .elementor-element.elementor-element-451119ec .brief-mock, .elementor-224 .elementor-element.elementor-element-451119ec .schild-mock, .elementor-224 .elementor-element.elementor-element-451119ec .web-mock{color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock{color:var(--auf-dunkel)}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock{width:124px;height:172px;background:#fff;border:1px solid var(--linie-tragend); border-radius:6px;padding:13px;display:grid;gap:6px;align-content:start; box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock .zn{width:30px;height:auto;margin-bottom:6px}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock i{display:block;height:4px;border-radius:2px;background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock i:nth-child(4){width:72%}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock i:last-child{margin-top:auto;width:56%}
.elementor-224 .elementor-element.elementor-element-451119ec .schild-mock{width:186px;height:124px;background:#fff;border:6px solid var(--ink);border-radius:4px; display:grid;place-items:center;box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-224 .elementor-element.elementor-element-451119ec .schild-mock .zn{width:56px;height:auto}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock{width:210px;height:126px;background:#fff;border:1px solid var(--linie-tragend); border-radius:10px;overflow:hidden;display:grid;grid-template-rows:26px 1fr; box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .leiste{border-bottom:1px solid var(--linie-tragend);display:flex;align-items:center; padding:0 10px}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .leiste .zn{width:26px;height:auto}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .flaeche{display:grid;place-items:center;gap:6px;padding:12px}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .flaeche i{display:block;height:5px;border-radius:3px;background:var(--linie-tragend);width:70%}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .flaeche i:first-child{background:var(--holz);width:44%;height:9px}
.elementor-224 .elementor-element.elementor-element-451119ec .stempel-mock{width:132px;height:132px;border:3px solid var(--ink);border-radius:999px; display:grid;place-items:center;color:var(--ink);transform:rotate(-7deg)}
.elementor-224 .elementor-element.elementor-element-451119ec .stempel-mock .zn{width:52px;height:auto}
@media (max-width:640px){
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__kopf{align-items:flex-start}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster{grid-template-columns:repeat(2,1fr);gap:12px}
.elementor-224 .elementor-element.elementor-element-451119ec .ding{padding:16px}
.elementor-224 .elementor-element.elementor-element-451119ec .ding figure{min-height:104px}
.elementor-224 .elementor-element.elementor-element-451119ec .ding figcaption{font-size:12.5px}
.elementor-224 .elementor-element.elementor-element-451119ec .karte-mock{width:118px;height:68px;padding:8px;border-radius:6px}
.elementor-224 .elementor-element.elementor-element-451119ec .karte-mock i{height:4px;width:44px}
.elementor-224 .elementor-element.elementor-element-451119ec .karte-mock i:first-child{height:5px;width:58px}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock{width:78px;height:108px;padding:8px;gap:4px}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock .zn{width:22px;margin-bottom:3px}
.elementor-224 .elementor-element.elementor-element-451119ec .brief-mock i{height:3px}
.elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock{width:76px;height:106px;padding:8px;gap:5px}
.elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock b{height:24px}
.elementor-224 .elementor-element.elementor-element-451119ec .flyer-mock i{height:3px}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock{width:110px;height:90px}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::before, .elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::after{width:26px;height:34px;top:4px}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::before{left:-13px}
.elementor-224 .elementor-element.elementor-element-451119ec .shirt-mock::after{right:-13px}
.elementor-224 .elementor-element.elementor-element-451119ec .bus-mock{width:134px;height:72px}
.elementor-224 .elementor-element.elementor-element-451119ec .schild-mock{width:120px;height:80px;border-width:4px}
.elementor-224 .elementor-element.elementor-element-451119ec .schild-mock .zn{width:38px}
.elementor-224 .elementor-element.elementor-element-451119ec .stempel-mock{width:88px;height:88px;border-width:2px}
.elementor-224 .elementor-element.elementor-element-451119ec .stempel-mock .zn{width:36px}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock{width:134px;height:82px;grid-template-rows:18px 1fr}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .leiste .zn{width:18px}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .flaeche{padding:8px;gap:4px}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .flaeche i{height:3px}
.elementor-224 .elementor-element.elementor-element-451119ec .web-mock .flaeche i:first-child{height:6px}
.elementor-224 .elementor-element.elementor-element-451119ec .ding svg.zeichen{width:32px}
}
.elementor-224 .elementor-element.elementor-element-451119ec.traeger{--mock-titel:var(--titel)}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__system{display:none;gap:clamp(16px,2.6vw,38px);flex-wrap:wrap; margin-top:20px;padding-top:20px;border-top:1px solid var(--linie)}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-451119ec .traeger__system{display:flex}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__system .kask__gruppe>span{margin-bottom:2px}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .karte-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .brief-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .flyer-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .bus-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .schild-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .web-mock, .elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .shirt-mock{border-radius:0}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-form="scharf"] .stempel-mock{border-radius:0}
.elementor-224 .elementor-element.elementor-element-451119ec .mock-zug{font-family:var(--mock-titel);font-weight:600;font-size:7px;letter-spacing:.14em; color:var(--ink-2);white-space:nowrap;transition:font-family 200ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-451119ec .schild-mock{display:grid;place-items:center;gap:6px}
.elementor-224 .elementor-element.elementor-element-451119ec .traeger__raster[data-grund="dunkel"] .mock-zug{color:var(--auf-dunkel-2)}
@media (max-width:640px){
.elementor-224 .elementor-element.elementor-element-451119ec .mock-zug{font-size:6px;letter-spacing:.1em}
}
.elementor-224 .elementor-element.elementor-element-451119ec .kask__gruppe{display:grid;gap:10px}
.elementor-224 .elementor-element.elementor-element-451119ec .kask__gruppe>span{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.16em; text-transform:uppercase;color:var(--ink-3)}
.elementor-224 .elementor-element.elementor-element-451119ec .kask__reihe{display:flex;gap:7px;flex-wrap:wrap}
.elementor-224 .elementor-element.elementor-element-451119ec .kask__reihe button{border:1px solid var(--linie-tragend);border-radius:999px;padding:8px 15px; font-size:13.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px; transition:border-color var(--d-hover) var(--ease),color var(--d-hover) var(--ease),transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-451119ec .kask__reihe button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-451119ec .kask__reihe button i{font-style:normal;width:13px;height:13px;border-radius:999px;flex:none}
.elementor-224 .elementor-element.elementor-element-451119ec .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-451119ec .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-451119ec .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-451119ec h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-451119ec .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-451119ec figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-451119ec label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-451119ec button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-451119ec button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-451119ec input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-451119ec` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-451119ec .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-451119ec .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-717a62f1 */.elementor-224 .elementor-element.elementor-element-717a62f1{display:block}
.elementor-224 .elementor-element.elementor-element-717a62f1 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-717a62f1 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-717a62f1{--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;}
.elementor-224 .elementor-element.elementor-element-717a62f1 *, .elementor-224 .elementor-element.elementor-element-717a62f1 *::before, .elementor-224 .elementor-element.elementor-element-717a62f1 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-717a62f1 h1, .elementor-224 .elementor-element.elementor-element-717a62f1 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-717a62f1 h2, .elementor-224 .elementor-element.elementor-element-717a62f1 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-717a62f1 h3, .elementor-224 .elementor-element.elementor-element-717a62f1 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-717a62f1 p{margin:0}
.elementor-224 .elementor-element.elementor-element-717a62f1 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-717a62f1 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-717a62f1 a:focus-visible, .elementor-224 .elementor-element.elementor-element-717a62f1 button:focus-visible, .elementor-224 .elementor-element.elementor-element-717a62f1 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-717a62f1 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-717a62f1 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-717a62f1 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-717a62f1 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-717a62f1 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-717a62f1 *, .elementor-224 .elementor-element.elementor-element-717a62f1 *::before, .elementor-224 .elementor-element.elementor-element-717a62f1 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-717a62f1 .rv, .js .elementor-224 .elementor-element.elementor-element-717a62f1 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-717a62f1 .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-224 .elementor-element.elementor-element-717a62f1 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-717a62f1 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-717a62f1 .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-224 .elementor-element.elementor-element-717a62f1 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-717a62f1 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-717a62f1{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-717a62f1 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-717a62f1 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-717a62f1 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-717a62f1 .zn .pkt{fill:var(--holz)}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-717a62f1.kask{display:none}
.elementor-224 .elementor-element.elementor-element-717a62f1 .traeger__system .kask__gruppe>span{margin-bottom:2px}
.elementor-224 .elementor-element.elementor-element-717a62f1.kask{padding:130px 0 0;--sy-akzent:#C2702E;--sy-radius:10px;--sy-titel:var(--titel)}
.elementor-224 .elementor-element.elementor-element-717a62f1.kask h2, .elementor-224 .elementor-element.elementor-element-717a62f1.kask h2.elementor-heading-title{font-size:var(--t-aussage);max-width:19ch}
.elementor-224 .elementor-element.elementor-element-717a62f1 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:58ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__buehne{margin-top:clamp(36px,4.6vw,56px);background:var(--flaeche-2); border:1px solid var(--linie-tragend);border-radius:var(--r-platte); padding:clamp(22px,2.8vw,40px) clamp(22px,2.8vw,40px) clamp(30px,3.6vw,52px);display:grid; grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);align-items:center}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__stueck{display:grid;justify-items:center;gap:12px;min-width:0}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__stueck figcaption{font-size:13px;color:var(--ink-2);text-align:center}
.elementor-224 .elementor-element.elementor-element-717a62f1.kask .zn .pkt{fill:var(--sy-akzent)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-karte{width:100%;max-width:172px;aspect-ratio:85/55;background:var(--papier); border:1px solid var(--linie-tragend);border-radius:var(--sy-radius);padding:11px; display:grid;align-content:space-between;box-shadow:0 12px 26px -18px rgba(24,24,27,.4); transition:border-radius 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-karte .zn{width:34px;height:auto}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-karte .zug{font-family:var(--sy-titel);font-weight:600;font-size:10px;letter-spacing:.06em; color:var(--ink);transition:font-family 200ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-karte .strich{display:block;height:4px;width:44%;border-radius:2px;background:var(--sy-akzent); transition:background 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-folie{width:100%;max-width:196px;aspect-ratio:16/9;background:var(--papier); border:1px solid var(--linie-tragend);border-radius:var(--sy-radius);padding:12px; display:grid;gap:7px;align-content:start;box-shadow:0 12px 26px -18px rgba(24,24,27,.4); transition:border-radius 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-folie .titel{display:block;height:9px;width:70%;border-radius:3px;background:var(--sy-akzent); transition:background 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-folie i{display:block;height:4px;border-radius:2px;background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-folie i:last-child{width:56%}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-folie .zn{width:20px;height:auto;justify-self:end;margin-top:auto}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-auto{width:100%;max-width:200px;aspect-ratio:16/8;background:var(--papier); border:1px solid var(--linie-tragend); border-radius:var(--sy-radius) 38px var(--sy-radius) var(--sy-radius); position:relative;display:grid;place-items:center;box-shadow:0 12px 26px -18px rgba(24,24,27,.4); transition:border-radius 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-auto::after{content:"";position:absolute;left:20%;right:20%;bottom:-8px;height:0; border-bottom:8px solid transparent; background:radial-gradient(circle at 20% 0,#18181B 8px,transparent 9px), radial-gradient(circle at 80% 0,#18181B 8px,transparent 9px)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-auto .band{position:absolute;left:8%;right:8%;bottom:20%;height:6px;border-radius:3px; background:var(--sy-akzent);transition:background 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-auto .zn{width:48px;height:auto;position:relative;z-index:1;margin-bottom:12%}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-web{width:100%;max-width:196px;aspect-ratio:16/10;background:var(--papier); border:1px solid var(--linie-tragend);border-radius:var(--sy-radius);overflow:hidden; display:grid;grid-template-rows:22px 1fr;box-shadow:0 12px 26px -18px rgba(24,24,27,.4); transition:border-radius 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-web .leiste{border-bottom:1px solid var(--linie-tragend);display:flex;align-items:center;padding:0 9px}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-web .leiste .zn{width:20px;height:auto}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-web .flaeche{display:grid;place-items:center;gap:7px;padding:11px}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-web .flaeche i{display:block;height:4px;width:64%;border-radius:2px;background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .ks-web .knopf{display:block;height:13px;width:44%;border-radius:calc(var(--sy-radius) - 3px); background:var(--sy-akzent);transition:background 320ms var(--ease),border-radius 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__regler{margin-top:26px;display:grid;grid-template-columns:repeat(3,auto);gap:clamp(18px,3vw,44px); justify-content:start}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__gruppe{display:grid;gap:10px}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__gruppe>span{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.16em; text-transform:uppercase;color:var(--ink-3)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__reihe{display:flex;gap:7px;flex-wrap:wrap}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__reihe button{border:1px solid var(--linie-tragend);border-radius:999px;padding:8px 15px; font-size:13.5px;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px; transition:border-color var(--d-hover) var(--ease),color var(--d-hover) var(--ease),transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__reihe button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__reihe button i{font-style:normal;width:13px;height:13px;border-radius:999px;flex:none}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__satz{margin-top:30px;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(19px,2vw,26px);line-height:1.25;max-width:34ch}
@media (max-width:899px){
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__buehne{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.elementor-224 .elementor-element.elementor-element-717a62f1 .kask__regler{grid-template-columns:1fr;gap:20px}
}
.elementor-224 .elementor-element.elementor-element-717a62f1 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-717a62f1 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-717a62f1 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-717a62f1 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-717a62f1 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-717a62f1 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-717a62f1 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-717a62f1 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-717a62f1 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-717a62f1 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-717a62f1` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-717a62f1 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-717a62f1 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94cfcbb2 */.elementor-224 .elementor-element.elementor-element-94cfcbb2{display:block}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-94cfcbb2{--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;}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 *, .elementor-224 .elementor-element.elementor-element-94cfcbb2 *::before, .elementor-224 .elementor-element.elementor-element-94cfcbb2 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 h1, .elementor-224 .elementor-element.elementor-element-94cfcbb2 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-94cfcbb2 h2, .elementor-224 .elementor-element.elementor-element-94cfcbb2 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-94cfcbb2 h3, .elementor-224 .elementor-element.elementor-element-94cfcbb2 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 p{margin:0}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 a:focus-visible, .elementor-224 .elementor-element.elementor-element-94cfcbb2 button:focus-visible, .elementor-224 .elementor-element.elementor-element-94cfcbb2 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-94cfcbb2 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-94cfcbb2 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-94cfcbb2 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-94cfcbb2 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-94cfcbb2 *, .elementor-224 .elementor-element.elementor-element-94cfcbb2 *::before, .elementor-224 .elementor-element.elementor-element-94cfcbb2 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-94cfcbb2 .rv, .js .elementor-224 .elementor-element.elementor-element-94cfcbb2 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .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-224 .elementor-element.elementor-element-94cfcbb2 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .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-224 .elementor-element.elementor-element-94cfcbb2 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-94cfcbb2{--holz:#C2702E}
.elementor-224 .elementor-element.elementor-element-94cfcbb2.system{background:var(--flaeche-2);padding:110px 0}
.elementor-224 .elementor-element.elementor-element-94cfcbb2.system h2, .elementor-224 .elementor-element.elementor-element-94cfcbb2.system h2.elementor-heading-title{font-size:var(--t-aussage)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__reihe{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px;align-items:center}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .chip{display:inline-flex;align-items:center;gap:10px;background:var(--papier); border:1px solid var(--linie-tragend);border-radius:999px;padding:10px 18px;font-size:14.5px}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .chip i{font-style:normal;width:16px;height:16px;border-radius:999px;flex:0 0 auto}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .chip--schrift{font-family:var(--titel);font-weight:600;letter-spacing:-.02em}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__karte{margin-top:40px;background:var(--papier);border:1px solid var(--linie-tragend); border-radius:var(--r-platte);overflow:hidden}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__reiter{display:flex;gap:0;border-bottom:1px solid var(--linie-tragend);flex-wrap:wrap}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__reiter button{padding:16px 26px;font-size:15px;font-weight:500;color:var(--ink-3); position:relative;transition:color var(--d-hover) var(--ease)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__reiter button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px; background:var(--ink);transform:scaleX(0);transition:transform 260ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__reiter button[aria-selected="true"]{color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__reiter button[aria-selected="true"]::after{transform:scaleX(1)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__blatt{padding:clamp(26px,3.4vw,48px);display:none}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__blatt.an{display:block}
html:not(.js) .elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__reiter{display:none}
html:not(.js) .elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__blatt{display:block!important; border-top:1px solid var(--linie-tragend)}
html:not(.js) .elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__blatt:first-of-type{border-top:0}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__farben{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__farbe{border:1px solid var(--linie);border-radius:var(--r-element);overflow:hidden}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__farbe .flaeche{display:block;height:88px}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__farbe .werte{padding:14px 16px;display:grid;gap:3px}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__farbe b{font-family:var(--titel);font-weight:600;font-size:17px;letter-spacing:-.02em}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__farbe span{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.09em; color:var(--ink-2);font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__schrift{display:grid;gap:26px}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__probe{border-bottom:1px solid var(--linie);padding-bottom:20px}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__probe .zug{display:block;line-height:1.1}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__probe .meta{display:block;margin-top:10px;font-family:var(--mono);font-weight:500; font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__probe--display .zug{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:clamp(30px,4.4vw,58px)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__probe--lauf .zug{font-size:clamp(16px,1.4vw,19px);color:var(--ink-2);max-width:56ch}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__mass{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,3.4vw,52px);align-items:center}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__diagramm{position:relative;width:clamp(150px,17vw,210px);aspect-ratio:1/1; display:grid;place-items:center;border:1px dashed var(--holz);color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__diagramm .zn{width:56%;height:auto}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__diagramm::after{content:"1/4 H";position:absolute;top:6px;left:8px;font-family:var(--mono); font-weight:500;font-size:10px;letter-spacing:.13em;color:var(--holz)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__regeln{display:grid;gap:0;border-top:1px solid var(--linie)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__regeln div{display:flex;justify-content:space-between;gap:18px;padding:13px 2px; border-bottom:1px solid var(--linie);font-size:15px;color:var(--ink-2)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__regeln b{font-weight:500;color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__regeln em{font-style:normal;font-family:var(--mono);font-weight:500;font-size:11px; letter-spacing:.1em;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:760px){
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .system__mass{grid-template-columns:1fr}
}
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-94cfcbb2 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-94cfcbb2 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-94cfcbb2 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-94cfcbb2 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-94cfcbb2` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-94cfcbb2 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec431bc1 */.elementor-224 .elementor-element.elementor-element-ec431bc1{display:block}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-ec431bc1 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-ec431bc1{--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;}
.elementor-224 .elementor-element.elementor-element-ec431bc1 *, .elementor-224 .elementor-element.elementor-element-ec431bc1 *::before, .elementor-224 .elementor-element.elementor-element-ec431bc1 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-ec431bc1 h1, .elementor-224 .elementor-element.elementor-element-ec431bc1 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-ec431bc1 h2, .elementor-224 .elementor-element.elementor-element-ec431bc1 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-ec431bc1 h3, .elementor-224 .elementor-element.elementor-element-ec431bc1 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-ec431bc1 p{margin:0}
.elementor-224 .elementor-element.elementor-element-ec431bc1 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-ec431bc1 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 a:focus-visible, .elementor-224 .elementor-element.elementor-element-ec431bc1 button:focus-visible, .elementor-224 .elementor-element.elementor-element-ec431bc1 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-ec431bc1 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-ec431bc1 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-ec431bc1 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-ec431bc1 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-ec431bc1 *, .elementor-224 .elementor-element.elementor-element-ec431bc1 *::before, .elementor-224 .elementor-element.elementor-element-ec431bc1 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-ec431bc1 .rv, .js .elementor-224 .elementor-element.elementor-element-ec431bc1 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .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-224 .elementor-element.elementor-element-ec431bc1 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-ec431bc1 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .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-224 .elementor-element.elementor-element-ec431bc1 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-ec431bc1 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-ec431bc1{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-ec431bc1 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-ec431bc1 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-ec431bc1.deck{padding:130px 0 0}
.elementor-224 .elementor-element.elementor-element-ec431bc1.deck h2, .elementor-224 .elementor-element.elementor-element-ec431bc1.deck h2.elementor-heading-title{font-size:var(--t-aussage);max-width:18ch}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:56ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__buehne{margin-top:clamp(36px,4.6vw,56px);position:relative;aspect-ratio:16/9; background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-platte); overflow:hidden;box-shadow:var(--schatten-buehne,0 30px 60px -34px rgba(24,24,27,.4))}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie{position:absolute;inset:0;padding:clamp(22px,3.4vw,54px);display:grid; opacity:0;visibility:hidden;transition:opacity 320ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie.an{opacity:1;visibility:visible}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie .zn{width:clamp(28px,3.2vw,46px);height:auto}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__nr{position:absolute;left:clamp(22px,3.4vw,54px);bottom:clamp(18px,2.4vw,40px); font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.18em;color:var(--ink-3); font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--titel{align-content:center;justify-items:start;gap:18px}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--titel h3, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--titel h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; font-size:clamp(24px,3.6vw,52px);line-height:1.06;max-width:15ch}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--titel .unter{color:var(--ink-2);font-size:clamp(13px,1.2vw,17px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--titel .balken{display:block;height:8px;width:96px;background:var(--holz)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt{grid-template-columns:1.1fr .9fr;gap:clamp(18px,2.6vw,40px);align-content:center}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt .bildplatz{background:var(--flaeche-2);border:1px dashed var(--linie-tragend); border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-weight:500; font-size:10px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;min-height:100%}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt .text{display:grid;gap:10px;align-content:center}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt h3, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(17px,2vw,28px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt i{display:block;height:5px;border-radius:3px;background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt i:nth-of-type(3){width:64%}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--ablauf{align-content:center;gap:clamp(14px,2vw,26px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--ablauf h3, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--ablauf h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(17px,2vw,28px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__schritte{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,22px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__schritt{border-top:2px solid var(--holz);padding-top:10px;display:grid;gap:6px}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__schritt b{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.16em; color:var(--ink-3);font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__schritt span{font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(12px,1.3vw,17px);line-height:1.15}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--zahlen{align-content:center;gap:clamp(14px,2vw,26px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--zahlen h3, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--zahlen h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(17px,2vw,28px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,30px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__zahl{display:grid;gap:4px}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__zahl b{font-family:var(--titel);font-weight:600;letter-spacing:-.04em;line-height:.95; font-size:clamp(26px,4.4vw,62px);font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__zahl span{font-size:clamp(11px,1.1vw,14px);color:var(--ink-2)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt{background:var(--dunkel);color:var(--auf-dunkel);align-content:center; justify-items:start;gap:16px}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt h3, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(20px,2.8vw,40px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .zeile{color:var(--auf-dunkel-2);font-size:clamp(12px,1.2vw,16px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .zn .zlinie{stroke:var(--auf-dunkel)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .folie__nr{color:var(--auf-dunkel-2)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__steuer{margin-top:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__pfeil{border:1px solid var(--linie-tragend);border-radius:999px;width:42px;height:42px; display:grid;place-items:center;color:var(--ink-2);flex:none; transition:border-color var(--d-hover) var(--ease),color var(--d-hover) var(--ease),transform var(--d-micro) var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__pfeil:hover{border-color:var(--ink);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__punkte{display:flex;gap:8px}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__punkt{width:9px;height:9px;border-radius:999px;background:var(--linie-tragend);padding:0; transition:background 240ms var(--ease),transform 240ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__punkt[aria-current="true"]{background:var(--ink);transform:scale(1.25)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__name{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;color:var(--ink-3);margin-left:auto}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__hin{margin-top:22px;color:var(--ink-2);font-size:var(--t-body);max-width:62ch}
html:not(.js) .elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__buehne{aspect-ratio:auto;overflow:visible;display:grid;gap:16px; background:none;border:0;box-shadow:none;padding:0}
html:not(.js) .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie{position:static;opacity:1;visibility:visible;aspect-ratio:16/9; background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-platte)}
html:not(.js) .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt{background:var(--dunkel);border-color:var(--dunkel)}
html:not(.js) .elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__steuer{display:none}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__hin b{font-weight:500;color:var(--ink)}
@media (max-width:640px){
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt{grid-template-columns:1fr}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt .bildplatz{display:none}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__schritte{grid-template-columns:repeat(2,1fr)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .deck__name{display:none}
}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie{grid-template-rows:auto 1fr auto;gap:clamp(12px,1.6vw,22px)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--titel, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--ablauf, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--zahlen, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt{grid-template-columns:1fr;justify-items:stretch;align-content:stretch}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .folie__band{justify-items:start}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:16px; padding-bottom:clamp(8px,1vw,14px);border-bottom:1px solid var(--linie)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__kopf span{font-family:var(--mono);font-weight:500;font-size:clamp(8px,.78vw,10px); letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__band{display:grid;align-content:center;gap:clamp(10px,1.4vw,20px);min-height:0}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__fuss{display:flex;justify-content:space-between;align-items:flex-end;gap:16px; padding-top:clamp(8px,1vw,14px);border-top:1px solid var(--linie)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__fuss span{font-family:var(--mono);font-weight:500;font-size:clamp(8px,.78vw,10px); letter-spacing:.18em;color:var(--ink-3);font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__fuss .zn{width:clamp(22px,2.4vw,34px);height:auto}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .folie__kopf{border-color:var(--linie-dunkel)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .folie__fuss{border-color:var(--linie-dunkel)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .folie__kopf span, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .folie__fuss span{color:var(--auf-dunkel-2)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .zn .zlinie, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--kontakt .zn .zbalken2{stroke:var(--auf-dunkel)}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--titel .folie__band{justify-items:start}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt .folie__band{grid-template-columns:1.05fr .95fr;gap:clamp(16px,2.4vw,36px);align-items:stretch}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--zahlen .folie__band, .elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--ablauf .folie__band{align-content:center}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie__nr{position:static}
@media (max-width:640px){
.elementor-224 .elementor-element.elementor-element-ec431bc1 .folie--projekt .folie__band{grid-template-columns:1fr}
}
.elementor-224 .elementor-element.elementor-element-ec431bc1 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-ec431bc1 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-ec431bc1 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-ec431bc1 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-ec431bc1 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-ec431bc1 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-ec431bc1 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-ec431bc1 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-ec431bc1 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-ec431bc1 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-ec431bc1` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-ec431bc1 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-ec431bc1 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c663f221 */.elementor-224 .elementor-element.elementor-element-c663f221{display:block}
.elementor-224 .elementor-element.elementor-element-c663f221 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-c663f221 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-c663f221{--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;}
.elementor-224 .elementor-element.elementor-element-c663f221 *, .elementor-224 .elementor-element.elementor-element-c663f221 *::before, .elementor-224 .elementor-element.elementor-element-c663f221 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-c663f221 h1, .elementor-224 .elementor-element.elementor-element-c663f221 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-c663f221 h2, .elementor-224 .elementor-element.elementor-element-c663f221 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-c663f221 h3, .elementor-224 .elementor-element.elementor-element-c663f221 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-c663f221 p{margin:0}
.elementor-224 .elementor-element.elementor-element-c663f221 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-c663f221 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-c663f221 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-c663f221 a:focus-visible, .elementor-224 .elementor-element.elementor-element-c663f221 button:focus-visible, .elementor-224 .elementor-element.elementor-element-c663f221 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-c663f221 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-c663f221 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-c663f221 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-c663f221 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-c663f221 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-c663f221 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-c663f221 *, .elementor-224 .elementor-element.elementor-element-c663f221 *::before, .elementor-224 .elementor-element.elementor-element-c663f221 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-c663f221 .rv, .js .elementor-224 .elementor-element.elementor-element-c663f221 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-c663f221 .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-224 .elementor-element.elementor-element-c663f221 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-c663f221 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-c663f221 .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-224 .elementor-element.elementor-element-c663f221 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-c663f221 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-c663f221{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-c663f221 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-c663f221 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-c663f221 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-c663f221 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-c663f221.fern{background:var(--flaeche-2);padding:130px 0;margin-top:130px}
.elementor-224 .elementor-element.elementor-element-c663f221.fern h2, .elementor-224 .elementor-element.elementor-element-c663f221.fern h2.elementor-heading-title{font-size:var(--t-aussage);max-width:18ch}
.elementor-224 .elementor-element.elementor-element-c663f221 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:56ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__buehne{margin-top:clamp(36px,4.6vw,56px);background:var(--papier); border:1px solid var(--linie-tragend);border-radius:var(--r-platte); padding:clamp(26px,4vw,60px);display:grid;place-items:center;min-height:clamp(230px,32vw,360px); overflow:hidden}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__auto{width:min(100%,540px);aspect-ratio:16/7;background:var(--flaeche-2); border:1px solid var(--linie-tragend);border-radius:12px 46px 10px 10px;position:relative; display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(10px,1.8vw,24px); padding:clamp(12px,2vw,26px);transform:scale(var(--fs,1));transform-origin:center; transition:transform 520ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__auto::after{content:"";position:absolute;left:14%;right:14%;bottom:-9px;height:0; border-bottom:9px solid transparent; background:radial-gradient(circle at 22% 0,#18181B 9px,transparent 10px), radial-gradient(circle at 78% 0,#18181B 9px,transparent 10px)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__auto .zn{width:clamp(44px,7vw,86px);height:auto}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__text{display:grid;gap:6px}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__zug{font-family:var(--titel);font-weight:600;letter-spacing:.16em; font-size:clamp(13px,1.7vw,22px);line-height:1.1}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__leistung{font-size:clamp(9px,1.05vw,13px);color:var(--ink-2);letter-spacing:.02em}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__ruf{font-family:var(--mono);font-weight:500;font-size:clamp(8px,.85vw,11px); letter-spacing:.12em;color:var(--ink-3);font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__weg{opacity:0;transform:translateY(-3px);transition:opacity 380ms var(--ease),transform 380ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__steuer{margin-top:28px;display:grid;gap:14px}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__schieber{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__schieber input[type=range]{flex:1 1 260px;accent-color:var(--ink);height:26px}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__stand{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;color:var(--ink-2);font-variant-numeric:tabular-nums; border:1px solid var(--linie-tragend);border-radius:999px;padding:8px 16px; background:var(--papier);white-space:nowrap}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__urteil{font-size:var(--t-body);color:var(--ink-2);max-width:62ch;min-height:3em}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__urteil b{font-weight:500;color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__hin{margin-top:24px;color:var(--ink-3);font-size:14px;max-width:60ch}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__buehne{position:relative;display:block}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__boden{position:absolute;left:7%;right:7%;bottom:24%;height:1px; background:linear-gradient(90deg,transparent,var(--linie-tragend) 12%,var(--linie-tragend) 88%,transparent)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__szene{position:absolute;left:50%;bottom:24%;transform:translateX(-50%) scale(var(--fs,1)); transform-origin:bottom center;display:flex;align-items:flex-end;gap:clamp(14px,2.4vw,34px); filter:blur(var(--fb,0px)) contrast(var(--fc,1)); transition:transform 560ms var(--ease),filter 560ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__person{width:clamp(9px,1.5vw,20px);height:clamp(64px,11vw,150px);flex:none; background:var(--ink-3);border-radius:9px 9px 2px 2px;position:relative;opacity:.55}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__person::before{content:"";position:absolute;top:-26%;left:50%;transform:translateX(-50%); width:150%;aspect-ratio:1/1;border-radius:999px;background:var(--ink-3)}
.elementor-224 .elementor-element.elementor-element-c663f221 .fern__auto{transform:none;transition:none}
.elementor-224 .elementor-element.elementor-element-c663f221 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-c663f221 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-c663f221 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-c663f221 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-c663f221 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-c663f221 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-c663f221 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-c663f221 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-c663f221 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-c663f221 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-c663f221` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-c663f221 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-c663f221 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a70fb2c7 */.elementor-224 .elementor-element.elementor-element-a70fb2c7{display:block}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-a70fb2c7{--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;}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 *, .elementor-224 .elementor-element.elementor-element-a70fb2c7 *::before, .elementor-224 .elementor-element.elementor-element-a70fb2c7 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 h1, .elementor-224 .elementor-element.elementor-element-a70fb2c7 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a70fb2c7 h2, .elementor-224 .elementor-element.elementor-element-a70fb2c7 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a70fb2c7 h3, .elementor-224 .elementor-element.elementor-element-a70fb2c7 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 p{margin:0}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 a:focus-visible, .elementor-224 .elementor-element.elementor-element-a70fb2c7 button:focus-visible, .elementor-224 .elementor-element.elementor-element-a70fb2c7 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-a70fb2c7 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-a70fb2c7 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-a70fb2c7 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-a70fb2c7 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-a70fb2c7 *, .elementor-224 .elementor-element.elementor-element-a70fb2c7 *::before, .elementor-224 .elementor-element.elementor-element-a70fb2c7 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-a70fb2c7 .rv, .js .elementor-224 .elementor-element.elementor-element-a70fb2c7 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .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-224 .elementor-element.elementor-element-a70fb2c7 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .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-224 .elementor-element.elementor-element-a70fb2c7 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-a70fb2c7{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .zn .pkt{fill:var(--holz)}
html:not(.js) .elementor-224 .elementor-element.elementor-element-a70fb2c7 #neinAnfass{display:none}
.elementor-224 .elementor-element.elementor-element-a70fb2c7.nein{padding:120px 0 40px}
.elementor-224 .elementor-element.elementor-element-a70fb2c7.nein h2, .elementor-224 .elementor-element.elementor-element-a70fb2c7.nein h2.elementor-heading-title{font-size:var(--t-aussage);max-width:18ch}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:54ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__raster{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel{position:relative;display:grid;gap:0;text-align:left;width:100%; background:var(--dunkel);border-radius:var(--r-platte);overflow:hidden;color:var(--auf-dunkel); --fokus:var(--gelb)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__buehne{aspect-ratio:16/10;display:grid;place-items:center;position:relative;overflow:hidden}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__buehne .zn{width:44%;height:auto;color:var(--auf-dunkel); transition:transform 420ms var(--ease),filter 420ms var(--ease),opacity 300ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__stoerung{position:absolute;inset:0;opacity:1;transition:opacity 380ms var(--ease); background:repeating-linear-gradient(48deg,rgba(255,255,255,.13) 0 12px,transparent 12px 26px)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kreuz{position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:999px; background:#B4321F;display:grid;place-items:center;color:#fff;font-size:13px;line-height:1; transition:opacity 260ms var(--ease),transform 260ms var(--setz)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__haken{position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:999px; background:var(--gelb);display:grid;place-items:center;color:var(--ink);font-size:13px;line-height:1; opacity:0;transform:scale(.5);transition:opacity 260ms var(--ease),transform 300ms var(--setz)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__fuss{padding:16px 18px 18px;border-top:1px solid var(--linie-dunkel);display:grid;gap:5px}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__fuss b{font-family:var(--titel);font-weight:600;font-size:17px;letter-spacing:-.02em}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__fuss span{font-size:14px;color:var(--auf-dunkel-2);min-height:2.9em}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel[data-f="verzerrt"] .zn{transform:scaleX(1.42) scaleY(.82)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel[data-f="gedreht"] .zn{transform:rotate(-13deg)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel[data-f="farbe"] .pkt{fill:#2F6BD8}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel[data-f="schatten"] .zn{filter:drop-shadow(6px 8px 0 #55555C)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel[data-f="duenn"] .zlinie{stroke-width:2.4}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel[data-f="grund"] .nein__stoerung{opacity:1}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel:not([data-f="grund"]) .nein__stoerung{opacity:0}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel.heil .zn{transform:none;filter:none}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel.heil .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel.heil .zlinie{stroke-width:8}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel.heil .nein__stoerung{opacity:0}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel.heil .nein__kreuz{opacity:0;transform:scale(.5)}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__kachel.heil .nein__haken{opacity:1;transform:none}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__hin{margin-top:22px;color:var(--ink-3);font-size:14px}
@media (max-width:899px){
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__raster{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .nein__raster{grid-template-columns:1fr}
}
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a70fb2c7 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a70fb2c7 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-a70fb2c7 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-a70fb2c7 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-a70fb2c7` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-a70fb2c7 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a07bdb84 */.elementor-224 .elementor-element.elementor-element-a07bdb84{display:block}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-a07bdb84 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-a07bdb84{--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;}
.elementor-224 .elementor-element.elementor-element-a07bdb84 *, .elementor-224 .elementor-element.elementor-element-a07bdb84 *::before, .elementor-224 .elementor-element.elementor-element-a07bdb84 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-a07bdb84 h1, .elementor-224 .elementor-element.elementor-element-a07bdb84 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a07bdb84 h2, .elementor-224 .elementor-element.elementor-element-a07bdb84 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a07bdb84 h3, .elementor-224 .elementor-element.elementor-element-a07bdb84 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-a07bdb84 p{margin:0}
.elementor-224 .elementor-element.elementor-element-a07bdb84 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-a07bdb84 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-a07bdb84 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-a07bdb84 a:focus-visible, .elementor-224 .elementor-element.elementor-element-a07bdb84 button:focus-visible, .elementor-224 .elementor-element.elementor-element-a07bdb84 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-a07bdb84 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-a07bdb84 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-a07bdb84 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-a07bdb84 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-a07bdb84 *, .elementor-224 .elementor-element.elementor-element-a07bdb84 *::before, .elementor-224 .elementor-element.elementor-element-a07bdb84 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-a07bdb84 .rv, .js .elementor-224 .elementor-element.elementor-element-a07bdb84 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .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-224 .elementor-element.elementor-element-a07bdb84 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a07bdb84 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .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-224 .elementor-element.elementor-element-a07bdb84 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a07bdb84 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-a07bdb84{--holz:#C2702E}
.elementor-224 .elementor-element.elementor-element-a07bdb84.echte{background:var(--flaeche-2);padding:120px 0;margin-top:130px}
.elementor-224 .elementor-element.elementor-element-a07bdb84.echte h2, .elementor-224 .elementor-element.elementor-element-a07bdb84.echte h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:50ch}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .echte__band{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px; margin-top:48px;align-items:center}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .echte__logo{background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-element); display:grid;place-items:center;padding:22px;min-height:96px}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .echte__logo img{max-height:52px;max-width:100%;width:auto;filter:grayscale(1);opacity:.75; transition:filter 300ms var(--ease),opacity 300ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a07bdb84 .echte__logo:hover img{filter:none;opacity:1}
}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-a07bdb84 .echte__logo img{filter:none;opacity:1}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-a07bdb84 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-a07bdb84 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a07bdb84 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a07bdb84 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-a07bdb84 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-a07bdb84 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-a07bdb84 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-a07bdb84 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-a07bdb84 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-a07bdb84 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-a07bdb84 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-a07bdb84` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-a07bdb84 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-a07bdb84 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2d4e6d6 */.elementor-224 .elementor-element.elementor-element-a2d4e6d6{display:block}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6{--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;}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 *, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 *::before, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 h1, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 h2, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 h3, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 p{margin:0}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 a:focus-visible, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 button:focus-visible, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 *, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 *::before, .elementor-224 .elementor-element.elementor-element-a2d4e6d6 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .rv, .js .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .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-224 .elementor-element.elementor-element-a2d4e6d6 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .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-224 .elementor-element.elementor-element-a2d4e6d6 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6.richt{padding:130px 0}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6.richt h2, .elementor-224 .elementor-element.elementor-element-a2d4e6d6.richt h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .spiegel > .elementor-widget-text-editor p{color:var(--ink-2);margin-top:16px;max-width:58ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__raster{margin-top:clamp(36px,4.6vw,56px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,2vw,26px)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__karte{position:relative;display:grid;gap:0;text-align:left;width:100%; border:1px solid var(--linie-tragend);border-radius:var(--r-platte);overflow:hidden; background:var(--papier);transition:border-color 260ms var(--ease),transform 260ms var(--ease)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__karte[aria-pressed="true"]{border-color:var(--ink)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__karte:hover{transform:translateY(-3px)}
}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__buehne{aspect-ratio:4/3;display:grid;place-items:center;background:var(--flaeche-2); position:relative}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__buehne svg{width:44%;height:auto;color:var(--ink);overflow:visible}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__buehne .zlinie2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round;stroke-linecap:butt}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__buehne .pkt2{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__stempel{position:absolute;right:12px;top:12px;font-family:var(--mono);font-weight:500; font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:5px 10px; background:var(--linie);color:var(--ink-3)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__karte[data-los="ja"] .richt__stempel{background:var(--gelb);color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__fuss{padding:16px 18px 18px;display:grid;gap:5px;border-top:1px solid var(--linie)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__fuss b{font-family:var(--titel);font-weight:600;font-size:18px;letter-spacing:-.02em}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__fuss span{font-size:13.5px;color:var(--ink-2)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__grund{margin-top:26px;background:var(--flaeche-2);border-radius:var(--r-element); padding:22px 24px;font-size:var(--t-body);color:var(--ink-2);max-width:78ch;min-height:5.2em}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__grund b{font-weight:500;color:var(--ink)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritte{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2.4vw,34px);padding-top:32px;position:relative}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritte::before{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt{position:relative}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt::before{content:"";position:absolute;left:0;top:-28px;width:9px;height:9px;border-radius:999px; background:var(--papier);border:2px solid var(--ink)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt:last-child::before{background:var(--gelb);border-color:var(--gelb)}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt b{display:block;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.15em; color:var(--ink-3);font-variant-numeric:tabular-nums}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt strong{display:block;font-family:var(--titel);font-weight:600;letter-spacing:-.02em; font-size:clamp(17px,1.7vw,22px);margin-top:7px}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt p{color:var(--ink-2);font-size:14.5px;margin-top:6px}
@media (max-width:899px){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__raster{grid-template-columns:1fr}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritte{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
}
@media (max-width:560px){
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritte{grid-template-columns:1fr;padding-top:0}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritte::before{display:none}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt{padding-left:22px;border-left:1px solid var(--linie-tragend);padding-bottom:6px}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .richt__schritt::before{left:-5px;top:5px}
}
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a2d4e6d6 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-a2d4e6d6 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-a2d4e6d6 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-a2d4e6d6` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-a2d4e6d6 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a449ea19 */.elementor-224 .elementor-element.elementor-element-a449ea19{display:block}
.elementor-224 .elementor-element.elementor-element-a449ea19 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-a449ea19 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-a449ea19{--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;}
.elementor-224 .elementor-element.elementor-element-a449ea19 *, .elementor-224 .elementor-element.elementor-element-a449ea19 *::before, .elementor-224 .elementor-element.elementor-element-a449ea19 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-a449ea19 h1, .elementor-224 .elementor-element.elementor-element-a449ea19 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a449ea19 h2, .elementor-224 .elementor-element.elementor-element-a449ea19 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-a449ea19 h3, .elementor-224 .elementor-element.elementor-element-a449ea19 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-a449ea19 p{margin:0}
.elementor-224 .elementor-element.elementor-element-a449ea19 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-a449ea19 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-a449ea19 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-a449ea19 a:focus-visible, .elementor-224 .elementor-element.elementor-element-a449ea19 button:focus-visible, .elementor-224 .elementor-element.elementor-element-a449ea19 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-a449ea19 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-a449ea19 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-a449ea19 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-a449ea19 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-a449ea19 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-a449ea19 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-a449ea19 *, .elementor-224 .elementor-element.elementor-element-a449ea19 *::before, .elementor-224 .elementor-element.elementor-element-a449ea19 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-a449ea19 .rv, .js .elementor-224 .elementor-element.elementor-element-a449ea19 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-a449ea19 .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-224 .elementor-element.elementor-element-a449ea19 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a449ea19 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-a449ea19 .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-224 .elementor-element.elementor-element-a449ea19 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-a449ea19 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-a449ea19{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-a449ea19 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-a449ea19 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zahlen{padding:100px 0 90px}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zahlen__reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(20px,3vw,44px)}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zahlen__zelle{border-top:1px solid var(--linie-tragend);padding-top:16px}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zahlen__wert{font-family:var(--titel);font-weight:600;letter-spacing:-.04em;line-height:.95; font-size:clamp(40px,5.4vw,76px);font-variant-numeric:tabular-nums;display:block}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zahlen__wert em{font-style:normal;font-size:.44em;margin-left:.08em}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zahlen__was{display:block;margin-top:10px;color:var(--ink-2);font-size:14px;max-width:24ch}
.elementor-224 .elementor-element.elementor-element-a449ea19.zeit{padding:120px 0}
.elementor-224 .elementor-element.elementor-element-a449ea19.zeit h2, .elementor-224 .elementor-element.elementor-element-a449ea19.zeit h2.elementor-heading-title{font-size:var(--t-aussage);max-width:16ch}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__liste{margin-top:56px;display:grid;gap:0;position:relative;padding-left:58px}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__liste::before{content:"";position:absolute;left:19px;top:14px;bottom:14px;width:2px; background:var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__schritt{position:relative;padding:22px 0 30px}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__schritt::before{content:attr(data-nr);position:absolute;left:-58px;top:18px;width:40px;height:40px; border-radius:999px;background:var(--gelb);color:var(--ink);display:grid;place-items:center; font-family:var(--titel);font-weight:600;font-size:17px}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__schritt b{display:block;font-family:var(--titel);font-weight:600; font-size:clamp(20px,2.1vw,27px);letter-spacing:-.02em}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__schritt p{color:var(--ink-2);margin-top:8px;max-width:58ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__unter{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zeit__unter span{border:1px solid var(--linie-tragend);border-radius:999px;padding:6px 14px; font-size:13.5px;color:var(--ink-2)}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zn .pkt{fill:var(--holz)}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a449ea19.zeit{display:none}
.elementor-224 .elementor-element.elementor-element-a449ea19 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a449ea19 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-a449ea19 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-a449ea19 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-a449ea19 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-a449ea19 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-a449ea19 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-a449ea19 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-a449ea19 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-a449ea19 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-a449ea19` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-a449ea19 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-a449ea19 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0e65b53 */.elementor-224 .elementor-element.elementor-element-b0e65b53{display:block}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .spiegel{display:block}
/* Theme-Durchgriff Nummer fuenf, am Eigenschafts-Vergleich gefunden:
   Elementors `frontend.min.css` setzt `.elementor .elementor-widget:not(…)
   figure{margin:0}`, der Browser-Standard sind 1em oben/unten und 40px
   links/rechts. Die Quelle raeumt das nur fuer die acht Traeger-Mocks weg
   (`.ding figure{margin:0}`); die vier Stuecke der Kaskaden-Sektion sind
   ebenfalls `<figure>` und behalten dort ihre Standard-Raender.

   Zwei Feinheiten, beide gemessen: die Zeile braucht `.elementor-widget` im
   Selektor, weil sie sonst mit drei Klassen gegen Elementors vier verliert;
   und sie steht VOR der CSS der Quelle, weil `.ding figure{margin:0}` bei
   gleicher Spezifitaet gewinnen muss, sonst bekaemen die acht Mocks Raender,
   die sie in der Quelle nicht haben. */
.elementor-224 .elementor-element.elementor-element-b0e65b53 .elementor-widget figure{margin:revert}
.elementor-224 .elementor-element.elementor-element-b0e65b53{--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;}
.elementor-224 .elementor-element.elementor-element-b0e65b53 *, .elementor-224 .elementor-element.elementor-element-b0e65b53 *::before, .elementor-224 .elementor-element.elementor-element-b0e65b53 *::after{box-sizing:border-box}
.elementor-224 .elementor-element.elementor-element-b0e65b53 h1, .elementor-224 .elementor-element.elementor-element-b0e65b53 h1.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-b0e65b53 h2, .elementor-224 .elementor-element.elementor-element-b0e65b53 h2.elementor-heading-title, .elementor-224 .elementor-element.elementor-element-b0e65b53 h3, .elementor-224 .elementor-element.elementor-element-b0e65b53 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-224 .elementor-element.elementor-element-b0e65b53 p{margin:0}
.elementor-224 .elementor-element.elementor-element-b0e65b53 a{color:inherit}
.elementor-224 .elementor-element.elementor-element-b0e65b53 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-224 .elementor-element.elementor-element-b0e65b53 button:active{transform:scale(.97)}
.elementor-224 .elementor-element.elementor-element-b0e65b53 a:focus-visible, .elementor-224 .elementor-element.elementor-element-b0e65b53 button:focus-visible, .elementor-224 .elementor-element.elementor-element-b0e65b53 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-224 .elementor-element.elementor-element-b0e65b53 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-224 .elementor-element.elementor-element-b0e65b53 .rv.an{opacity:1;transform:none}
.js .elementor-224 .elementor-element.elementor-element-b0e65b53 .fall{opacity:0;transform:translateX(-44px) rotate(-1.2deg); transition:opacity 600ms var(--ease),transform 760ms var(--setz)}
.js .elementor-224 .elementor-element.elementor-element-b0e65b53 .fall.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-224 .elementor-element.elementor-element-b0e65b53 *, .elementor-224 .elementor-element.elementor-element-b0e65b53 *::before, .elementor-224 .elementor-element.elementor-element-b0e65b53 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-224 .elementor-element.elementor-element-b0e65b53 .rv, .js .elementor-224 .elementor-element.elementor-element-b0e65b53 .fall{opacity:1;transform:none}
}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .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-224 .elementor-element.elementor-element-b0e65b53 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-b0e65b53 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .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-224 .elementor-element.elementor-element-b0e65b53 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-224 .elementor-element.elementor-element-b0e65b53 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-224 .elementor-element.elementor-element-b0e65b53{--holz:#C2702E}
@media (hover:none){
.elementor-224 .elementor-element.elementor-element-b0e65b53 .nur-zeiger{display:none}
}
@media (hover:hover){
.elementor-224 .elementor-element.elementor-element-b0e65b53 .nur-touch{display:none}
}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq{padding:110px 0}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq h2, .elementor-224 .elementor-element.elementor-element-b0e65b53.faq h2.elementor-heading-title{font-size:var(--t-aussage);max-width:15ch}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq details{border-bottom:1px solid var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq details:first-of-type{margin-top:44px;border-top:1px solid var(--linie-tragend)}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px; align-items:baseline;padding:22px 4px;font-family:var(--titel);font-weight:600; font-size:clamp(18px,1.9vw,24px);letter-spacing:-.02em}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq summary::-webkit-details-marker{display:none}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq summary i{font-style:normal;color:var(--ink-3);transition:transform 280ms var(--ease);flex:0 0 auto}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq details[open] summary i{transform:rotate(45deg)}
.elementor-224 .elementor-element.elementor-element-b0e65b53.faq .antwort{padding:0 4px 26px;color:var(--ink-2);max-width:68ch;font-size:var(--t-body)}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .zn .zlinie{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .zn .pkt{fill:var(--holz)}
.elementor-224 .elementor-element.elementor-element-b0e65b53 .zn .zbalken2{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-b0e65b53 .zn .zbalken2, html:not([data-bm-nie]) .elementor-224 .elementor-element.elementor-element-b0e65b53 .zn .pkt--hoch{display:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom
   Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die
   echten Werte kommen aus den h1/h2/h3-Regeln der Quelle, die als
   `.elementor-224 .elementor-element.elementor-element-b0e65b53 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-b0e65b53 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-b0e65b53 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-b0e65b53 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-b0e65b53 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-b0e65b53 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-b0e65b53 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-b0e65b53` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-b0e65b53 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-b0e65b53 .elementor-widget{max-width:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0333ddb5 */.elementor-224 .elementor-element.elementor-element-0333ddb5{--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-224 .elementor-element.elementor-element-0333ddb5{background:var(--papier); color:var(--ink); font-family:var(--fliess); font-size:17px; line-height:var(--lh-body); -webkit-font-smoothing:antialiased}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .zeile{transition: transform var(--d-micro) var(--ease);}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .zeile:active{transform: scale(.97);}
.elementor-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 ul, .elementor-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 h1, .elementor-224 .elementor-element.elementor-element-0333ddb5 h2, .elementor-224 .elementor-element.elementor-element-0333ddb5 h3, .elementor-224 .elementor-element.elementor-element-0333ddb5 h4, .elementor-224 .elementor-element.elementor-element-0333ddb5 h5, .elementor-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 .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-224 .elementor-element.elementor-element-0333ddb5 .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-224 .elementor-element.elementor-element-0333ddb5 .elementor-widget{max-width:none}
.elementor-224 .elementor-element.elementor-element-0333ddb5{display:block;width:auto;padding:0;margin:0}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .fuss{display:block;width:auto}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .fuss__innen{display:block;width:auto}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .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-224 .elementor-element.elementor-element-0333ddb5 .fuss__innen{max-width:1360px; margin:0 auto}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .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-224 .elementor-element.elementor-element-0333ddb5 .marke img{height:clamp(46px,4.4vw,64px); width:auto; display:block}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .marke p{margin:22px 0 0; color:var(--auf-dunkel-2); font-size:var(--t-body); max-width:34ch}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .marke ul{list-style:none; margin:22px 0 0; padding:0; display:flex; gap:20px}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .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-224 .elementor-element.elementor-element-0333ddb5 .spalte ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}
.elementor-224 .elementor-element.elementor-element-0333ddb5 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-224 .elementor-element.elementor-element-0333ddb5 a.zeile:hover{color:var(--gelb)}
}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .kontakt address{font-style:normal; color:var(--auf-dunkel-2); font-size:var(--t-body); margin:0 0 16px}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .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-224 .elementor-element.elementor-element-0333ddb5 .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-224 .elementor-element.elementor-element-0333ddb5 .unten ul{list-style:none; margin:0; padding:0; display:flex; gap:24px}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .unten .jahr{font-variant-numeric:tabular-nums}
@media (max-width:1000px){
.elementor-224 .elementor-element.elementor-element-0333ddb5 .raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px 32px}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .marke{grid-column:1 / -1}
}
@media (max-width:600px){
.elementor-224 .elementor-element.elementor-element-0333ddb5 .raster{grid-template-columns:1fr}
.elementor-224 .elementor-element.elementor-element-0333ddb5 .unten{flex-direction:column; align-items:flex-start}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019f0c89 */: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;}
:root{--holz:#C2702E}
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}
.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}
.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-224 .elementor-element.elementor-element-019f0c89 h2.elementor-heading-title` (0,2,1) laut genug stehen. */
.elementor-224 .elementor-element.elementor-element-019f0c89 .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 12 figcaption
   (acht Traeger, vier Kaskaden-Stuecke) und braucht die Zeile wirklich. */
.elementor-224 .elementor-element.elementor-element-019f0c89 figcaption{line-height:var(--lh-body);font-style:normal}

/* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css`
   setzt `label{display:inline-block; line-height:1; vertical-align:middle}`.
   Die Quelle fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese
   Seite fuehrt genau ein label (die Beschriftung des Entfernungs-Reglers). */
.elementor-224 .elementor-element.elementor-element-019f0c89 label{line-height:var(--lh-body);display:inline;vertical-align:baseline}

/* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390
   gemessen; auf DIESER Seite am Render um das POLSTER erweitert): auf der Lab
   bekommt JEDER `button` `white-space:nowrap`, 3px Radius UND `padding:8px
   16px`. Die Quelle setzt nichts davon, dort gilt der Browser-Standard
   (`1px 6px`, `border-radius:0`, `white-space:normal`).

   Auf dieser Seite haengen daran 26 Knoepfe. Die meisten setzen ihr Polster
   selbst (`.konstrukt__nochmal`, `.traeger__schalter button`,
   `.kask__reihe button`, `.system__reiter button`, `.pruef__knopf`,
   `.deck__punkt`) und schlagen den Neutralisierer, weil ihre Regel gescopet
   vier Klassen traegt und `.elementor-224 .elementor-element.elementor-element-019f0c89 button` nur drei plus ein Element. Drei
   Sorten verlassen sich aber auf den Browser-Standard, und bei denen war der
   Unterschied messbar: die sechs Verbots-Kacheln wurden 20 Pixel schmaler im
   Inhalt und die Sektion 25,4 Pixel hoeher, die drei Richtungs-Karten einen
   Pixel flacher, und die zwei Deck-Pfeile haetten von ihren 42 Pixeln nur
   noch 8 fuer den Pfeil uebrig gehabt.

   `revert` statt eines festen Wertes: die Erklaerung rollt genau bis zur
   Browser-Voreinstellung zurueck und traegt damit denselben Wert, den die
   Quelle rendert, ohne ihn abzuschreiben. */
.elementor-224 .elementor-element.elementor-element-019f0c89 button{white-space:normal;border-radius:0;padding:revert}

/* Theme-Durchgriff Nummer vier, am Render bei echten 390 gefunden: die Lab
   nimmt jedem `input` seinen Aussenabstand (`margin:0`), im Browser-Standard
   traegt ein `input[type=range]` 2 Pixel ringsum, und die Quelle fasst das
   nicht an. Vier Pixel klingt nach nichts und war hier eine ganze Zeile: der
   Regler der Fernwirkungs-Sektion hat `flex:1 1 260px`, neben seiner
   Beschriftung bleiben bei 390 genau 263,5 Pixel frei. Mit Rand braucht er
   264 und faellt in die naechste Zeile, ohne Rand passt er hinein. Die
   Sektion war dadurch 37,6 Pixel flacher als die Quelle. */
.elementor-224 .elementor-element.elementor-element-019f0c89 input{margin:revert}


/* Kit-Falle 2 (STATUS 21.08., durch den Eigenschafts-Vergleich gefunden):
   Elementor schreibt in JEDE Seiten-CSS den Kit-Block
   `.elementor-widget-text-editor{font-family:var(--e-global-typography-text-…);
   font-weight:var(…); color:var(--e-global-color-text)}`. Die Farbe ist der
   Kit-Standard #7A7A7A und trifft jeden Absatz, der seine Farbe NICHT selbst
   setzt. Auf dieser Seite waere das unter anderem der Absatz auf der dunklen
   Konstruktions-Sektion (dort weiss auf fast schwarz!). Eine Hoehenmessung
   findet so etwas nie.
   `.elementor-224 .elementor-element.elementor-element-019f0c89` wird von Elementor zu DREI Klassen aufgeloest, diese Regel traegt
   also vier und schlaegt sowohl den Kit-Block (eine Klasse) als auch die
   native Typo-Angabe des Widgets (drei Klassen). */
.elementor-224 .elementor-element.elementor-element-019f0c89 .elementor-widget-text-editor{color:inherit;font-family:inherit;
  font-weight:inherit}

/* Falle 3 des F6-Baus, hier vorbeugend: `.e-con>.elementor-widget{max-width:
   100%}` deckelt jedes Widget. Die Quelle kennt diesen Deckel nicht, dort
   steht ueberall `max-width:none` und wer eine Grenze braucht, sagt es. */
.elementor-224 .elementor-element.elementor-element-019f0c89 .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-224 .elementor-element.elementor-element-019f0c89{padding:0;margin:0}
.elementor-224 .elementor-element.elementor-element-019f0c89 .bm-md-schrift{display:none}/* End custom CSS */