.elementor-221 .elementor-element.elementor-element-7c5192f2{--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-221 .elementor-element.elementor-element-e5a89db9 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-199f5035 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-e2c378d1 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-221 .elementor-element.elementor-element-0de3950f .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}.elementor-221 .elementor-element.elementor-element-a1de873d{--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-221 .elementor-element.elementor-element-1ff33fba{--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-221 .elementor-element.elementor-element-f7cbcc34{--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-221 .elementor-element.elementor-element-1ffa34b3 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-50ff8285{--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-221 .elementor-element.elementor-element-51a396a5{--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-221 .elementor-element.elementor-element-5a3f403b{--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-221 .elementor-element.elementor-element-ef95c8d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-221 .elementor-element.elementor-element-2137fbbc .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-084abfa3{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-e9c060f0{--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-221 .elementor-element.elementor-element-68fac7cd{--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-221 .elementor-element.elementor-element-354c74aa{--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-221 .elementor-element.elementor-element-bce34533{--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-221 .elementor-element.elementor-element-f4989e90 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-6a898187{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-431bb50e{--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-221 .elementor-element.elementor-element-cc26c227{--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-221 .elementor-element.elementor-element-31445406{--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-221 .elementor-element.elementor-element-970f9c83 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-1ee292b9 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-243a1bac{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-6261467d{--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-221 .elementor-element.elementor-element-97bc38ab{--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-221 .elementor-element.elementor-element-0d333433 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-be0b8271{--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-221 .elementor-element.elementor-element-58d13088{--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-221 .elementor-element.elementor-element-e6ebfb35{--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-221 .elementor-element.elementor-element-bd48161f{--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-221 .elementor-element.elementor-element-4ce63e6a .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-600cc494 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-085615ce{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-88d276ae{--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-221 .elementor-element.elementor-element-ecfcc5da{--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-221 .elementor-element.elementor-element-2719a591{--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-221 .elementor-element.elementor-element-87a9ccf6 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-dbb7cb88{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-6a1e029b{--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-221 .elementor-element.elementor-element-98752f23{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-221 .elementor-element.elementor-element-219d97af{--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-221 .elementor-element.elementor-element-b48470e1 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-e55f9cbe .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-fbcb760e .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-4f0e9123{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-263dedbb{--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-221 .elementor-element.elementor-element-5a9cf90b{--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-221 .elementor-element.elementor-element-911594df{--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-221 .elementor-element.elementor-element-9b9dfee3{--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-221 .elementor-element.elementor-element-e7409ef4 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-76a62887{--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-221 .elementor-element.elementor-element-3ee3cbc3{--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-221 .elementor-element.elementor-element-dcb63b72{--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-221 .elementor-element.elementor-element-7d0d908a{--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-221 .elementor-element.elementor-element-2edd7315{--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-221 .elementor-element.elementor-element-a8394608{--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-221 .elementor-element.elementor-element-7d249d3c .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-221 .elementor-element.elementor-element-c8c1291b .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-221 .elementor-element.elementor-element-99ec1c11 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-221 .elementor-element.elementor-element-b72d0d48 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-7c5192f2 */.elementor-221 .elementor-element.elementor-element-7c5192f2{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-7c5192f2 *, .elementor-221 .elementor-element.elementor-element-7c5192f2 *::before, .elementor-221 .elementor-element.elementor-element-7c5192f2 *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-7c5192f2 h1, .elementor-221 .elementor-element.elementor-element-7c5192f2 h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-7c5192f2 h2, .elementor-221 .elementor-element.elementor-element-7c5192f2 h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-7c5192f2 h3, .elementor-221 .elementor-element.elementor-element-7c5192f2 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-7c5192f2 p{margin:0}
.elementor-221 .elementor-element.elementor-element-7c5192f2 a{color:inherit}
.elementor-221 .elementor-element.elementor-element-7c5192f2 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 a:focus-visible, .elementor-221 .elementor-element.elementor-element-7c5192f2 button:focus-visible, .elementor-221 .elementor-element.elementor-element-7c5192f2 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-7c5192f2 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-7c5192f2 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-7c5192f2 *, .elementor-221 .elementor-element.elementor-element-7c5192f2 *::before, .elementor-221 .elementor-element.elementor-element-7c5192f2 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-7c5192f2 .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .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-221 .elementor-element.elementor-element-7c5192f2 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-7c5192f2 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .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-221 .elementor-element.elementor-element-7c5192f2 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-7c5192f2 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-7c5192f2 .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .mehr i{font-style:normal}
/* ==== 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-221 .elementor-element.elementor-element-7c5192f2` 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-221 .elementor-element.elementor-element-7c5192f2{padding:0;margin:0;width:auto;display:block}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .bm-nav-schrift, .elementor-221 .elementor-element.elementor-element-7c5192f2 .bm-nav-hilf{display:none}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-7c5192f2{padding:0}
.elementor-221 .elementor-element.elementor-element-7c5192f2 .bm-ls-hilf{display:none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1de873d */.elementor-221 .elementor-element.elementor-element-a1de873d{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-a1de873d *, .elementor-221 .elementor-element.elementor-element-a1de873d *::before, .elementor-221 .elementor-element.elementor-element-a1de873d *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-a1de873d h1, .elementor-221 .elementor-element.elementor-element-a1de873d h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-a1de873d h2, .elementor-221 .elementor-element.elementor-element-a1de873d h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-a1de873d h3, .elementor-221 .elementor-element.elementor-element-a1de873d h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-a1de873d p{margin:0}
.elementor-221 .elementor-element.elementor-element-a1de873d a{color:inherit}
.elementor-221 .elementor-element.elementor-element-a1de873d button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-a1de873d button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-a1de873d a:focus-visible, .elementor-221 .elementor-element.elementor-element-a1de873d button:focus-visible, .elementor-221 .elementor-element.elementor-element-a1de873d summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-a1de873d .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-a1de873d .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-a1de873d *, .elementor-221 .elementor-element.elementor-element-a1de873d *::before, .elementor-221 .elementor-element.elementor-element-a1de873d *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-a1de873d .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-221 .elementor-element.elementor-element-a1de873d .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a1de873d .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-a1de873d .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-221 .elementor-element.elementor-element-a1de873d .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a1de873d .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-a1de873d .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-a1de873d .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-a1de873d .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-a1de873d .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-a1de873d .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-a1de873d .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-a1de873d .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a1de873d .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-a1de873d .mehr i{font-style:normal}
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   beim <header> mit Block. */
.elementor-221 .elementor-element.elementor-element-a1de873d{display:block;width:auto}
/* FALLE 5 (STATUS 14.08.): Elementors Widget-Huelle ist der positionierte
   Vorfahre. Das Feld steht `position:absolute; inset:0` und suchte seinen
   Bezug bei der Huelle statt bei .hero; gemessen war das Feld dann 0 Pixel
   hoch und die erste Kachel stand ausserhalb des Bildes. */
.elementor-221 .elementor-element.elementor-element-a1de873d .bm-ls-feld{display:contents}
/* .hero__sperr ist ein Grid mit justify-items:center. Waeren die Widget-
   Huellen die Grid-Kinder, schruempfte die Icon-Leiste auf Textbreite
   (dieselbe Falle wie bei den Referenzkarten). */
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__sperr > .elementor-element,
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__sperr > .elementor-element > .elementor-widget-container{
  display:contents}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-a1de873d h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-a1de873d .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-a1de873d figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-a1de873d img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-a1de873d ul, .elementor-221 .elementor-element.elementor-element-a1de873d ol{margin:revert}
@keyframes blinzeln{50%{opacity:0}}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero{position:relative;overflow:hidden}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px; background:linear-gradient(0deg,var(--papier) 10%,transparent);pointer-events:none;z-index:1}
.elementor-221 .elementor-element.elementor-element-a1de873d .feld{position:absolute;inset:0;overflow:hidden;z-index:0}
.elementor-221 .elementor-element.elementor-element-a1de873d .kachel{position:absolute;display:block;left:var(--x);top:var(--y);width:var(--w); transform:translate(-50%,-50%) translate3d(var(--tx,0px),var(--ty,0px),0) rotate(var(--r)) scale(var(--s,1)); border-radius:6px;overflow:hidden; opacity:var(--o,calc(.42 + var(--d) * .58)); box-shadow:0 calc(var(--d) * 16px) calc(var(--d) * 34px) rgba(24,24,27,calc(var(--d) * .17)); will-change:transform}
.elementor-221 .elementor-element.elementor-element-a1de873d .kachel img{width:100%;height:auto;display:block}
.elementor-221 .elementor-element.elementor-element-a1de873d .kachel--platte{padding:9px;background:var(--gelb);border-radius:8px}
.elementor-221 .elementor-element.elementor-element-a1de873d .kachel--platte-hell{padding:9px;background:var(--flaeche-2);border-radius:8px}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__mitte{position:relative;z-index:2;min-height:calc(100svh - 76px); display:grid;place-items:center; padding:clamp(48px,7vh,96px) var(--rand) clamp(96px,14vh,150px)}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__sperr{display:grid;justify-items:center;width:min(100%,880px)}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero h1, .elementor-221 .elementor-element.elementor-element-a1de873d.hero h1.elementor-heading-title{font-size:clamp(30px,4.6vw,72px);text-align:center;max-width:18ch; letter-spacing:-.032em;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero .wort{display:inline-block;overflow:hidden;vertical-align:bottom; padding-bottom:.08em;margin-bottom:-.08em}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero .wort i{display:inline-block;font-style:normal}
.js .elementor-221 .elementor-element.elementor-element-a1de873d.hero .wort i{transform:translateY(112%); transition:transform 760ms var(--ease-expo)}
.js.los .elementor-221 .elementor-element.elementor-element-a1de873d.hero .wort i{transform:none}
.elementor-221 .elementor-element.elementor-element-a1de873d.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}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero .wort:last-of-type{margin-right:-.17em}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche{list-style:none;margin:clamp(30px,4.6vh,52px) 0 0;width:100%; padding:clamp(14px,2vh,22px) 4px;display:flex;justify-content:center; flex-wrap:wrap;gap:6px clamp(12px,1.6vw,23px); border-top:1px solid var(--linie-tragend);border-bottom:1px solid var(--linie-tragend)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink); padding:7px 3px;border-radius:10px;transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__wort{font-family:var(--titel);font-weight:600; font-size:clamp(14px,1.1vw,16px);letter-spacing:-.012em;white-space:nowrap; position:relative}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__wort::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 240ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__icon{width:24px;height:24px;flex:none;display:block}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche__sub, .elementor-221 .elementor-element.elementor-element-a1de873d .dienst__satz, .elementor-221 .elementor-element.elementor-element-a1de873d .dienst__pfeil, .elementor-221 .elementor-element.elementor-element-a1de873d .hero__tel{display:none}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__text{display:contents}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__icon .strich{fill:none;stroke:var(--ink);stroke-width:1.5; stroke-linecap:round;stroke-linejoin:round}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__icon .marke{fill:var(--gelb);transition:transform 260ms var(--ease-expo); transform-origin:center}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst:hover .dienst__wort::after{transform:scaleX(1)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst:hover .dienst__icon .marke{transform:scale(1.32)}
}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li{opacity:0;transform:translateY(12px); transition:opacity 520ms var(--ease),transform 520ms var(--ease)}
.js.los .elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li{opacity:1;transform:none}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li:nth-child(1){transition-delay:560ms}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li:nth-child(2){transition-delay:630ms}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li:nth-child(3){transition-delay:700ms}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li:nth-child(4){transition-delay:770ms}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li:nth-child(5){transition-delay:840ms}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__cta{position:absolute;left:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,52px);z-index:3}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__karte{position:absolute;right:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,52px); width:min(240px,56%);z-index:3}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__karte .akarte{transform:rotate(-1.4deg);box-shadow:0 26px 60px -30px rgba(24,24,27,.45)}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__karte.leer .akarte{visibility:hidden}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__runter{position:absolute;left:50%;margin-left:-22px;bottom:clamp(18px,3.2vw,38px); z-index:3;width:44px;height:44px;border-radius:999px;background:var(--papier); border:1px solid var(--linie-tragend);display:grid;place-items:center; text-decoration:none;color:var(--ink);font-size:17px; box-shadow:0 14px 30px -18px rgba(24,24,27,.35)}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__runter i{font-style:normal;transition:transform 200ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__runter:hover{background:var(--gelb)}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__runter:hover i{transform:translateY(2px)}
}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .hero__cta, .js .elementor-221 .elementor-element.elementor-element-a1de873d .hero__karte{opacity:0;transform:translateY(26px); transition:opacity 600ms var(--ease) 480ms,transform 700ms var(--ease-expo) 480ms}
.js.los .elementor-221 .elementor-element.elementor-element-a1de873d .hero__cta, .js.los .elementor-221 .elementor-element.elementor-element-a1de873d .hero__karte{opacity:1;transform:none}
.js .elementor-221 .elementor-element.elementor-element-a1de873d .hero__runter{opacity:0;transform:translateY(26px); transition:opacity 600ms var(--ease) 480ms,transform 700ms var(--ease-expo) 480ms, background-color 200ms var(--ease)}
.js.los .elementor-221 .elementor-element.elementor-element-a1de873d .hero__runter{opacity:1;transform:none}
@media (max-width:899px){
.elementor-221 .elementor-element.elementor-element-a1de873d .kachel:not([data-mobil]){display:none}
.elementor-221 .elementor-element.elementor-element-a1de873d .kachel{width:calc(var(--w) * .74);left:var(--mx,var(--x));top:var(--my,var(--y))}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero h1, .elementor-221 .elementor-element.elementor-element-a1de873d.hero h1.elementor-heading-title{max-width:15ch}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__mitte{min-height:0;padding:clamp(36px,6vh,64px) var(--rand) 10px}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche{flex-direction:column;align-items:stretch;gap:0;padding:4px 12px; background:var(--papier);border-radius:14px}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li{border-bottom:1px solid var(--linie)}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li:last-child{border-bottom:0}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst{width:100%;padding:12px 2px}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__cta{position:relative;z-index:3;display:flex;justify-content:center;margin:18px 0 0; left:auto;bottom:auto}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__karte{position:static;width:min(240px,84%);margin:28px auto 34px}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__runter{display:none}
.elementor-221 .elementor-element.elementor-element-a1de873d .feld, .elementor-221 .elementor-element.elementor-element-a1de873d.hero::after{display:none}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__mitte{place-items:stretch;padding:24px var(--rand) 0}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__sperr{justify-items:start;width:100%}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__sperr::before{content:"Leistungen";font-family:var(--mono);font-weight:500;font-size:11px; letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:10px; position:static!important;inset:auto;width:auto;height:auto;background:none;mix-blend-mode:normal;opacity:1; border-radius:0;transition:none}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero h1, .elementor-221 .elementor-element.elementor-element-a1de873d.hero h1.elementor-heading-title{text-align:left;max-width:none;font-size:38px;line-height:1.02}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero .caret{display:none}
.elementor-221 .elementor-element.elementor-element-a1de873d.hero .wort:last-of-type{margin-right:0}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche__sub{display:block;margin:12px 0 0;font-size:17px;line-height:1.45;color:var(--ink-2)}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche{margin:24px 0 0;padding:0;border:1px solid var(--linie);border-radius:18px; background:var(--papier);overflow:hidden}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li{border-bottom:0;position:relative}
.elementor-221 .elementor-element.elementor-element-a1de873d .bereiche li+li::before{content:"";position:absolute;top:0;left:70px;right:0;height:1px;background:var(--linie)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:0 14px;align-items:center; min-height:68px;padding:12px 16px;border-radius:0;transition:background-color var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst:active{transform:none;background:var(--flaeche-2)}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__icon{width:40px;height:40px;padding:8px;border-radius:11px;background:var(--flaeche-2);box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__text{display:block;min-width:0}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__wort{display:block;font-family:var(--fliess);font-size:17px;letter-spacing:0;white-space:normal;line-height:1.25}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__wort::after{display:none}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__satz{display:block;font-size:15px;line-height:1.35;color:var(--ink-2);margin-top:2px}
.elementor-221 .elementor-element.elementor-element-a1de873d .dienst__pfeil{display:block;color:var(--ink-3);font-size:17px}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__cta{flex-direction:column;align-items:stretch;margin:20px 0 0;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__cta .knopf-ink{justify-content:center;min-height:54px;font-size:17px}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__tel{display:block;text-align:center;margin-top:6px;padding:12px 0;font-size:15px; color:var(--ink-2);text-decoration:none}
.elementor-221 .elementor-element.elementor-element-a1de873d .hero__tel b{color:var(--ink);font-weight:600}
}
@media (max-width:600px){
.elementor-221 .elementor-element.elementor-element-a1de873d .kachel{width:calc(var(--w) * .60)}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50ff8285 */.elementor-221 .elementor-element.elementor-element-50ff8285{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-50ff8285 *, .elementor-221 .elementor-element.elementor-element-50ff8285 *::before, .elementor-221 .elementor-element.elementor-element-50ff8285 *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-50ff8285 h1, .elementor-221 .elementor-element.elementor-element-50ff8285 h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-50ff8285 h2, .elementor-221 .elementor-element.elementor-element-50ff8285 h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-50ff8285 h3, .elementor-221 .elementor-element.elementor-element-50ff8285 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-50ff8285 p{margin:0}
.elementor-221 .elementor-element.elementor-element-50ff8285 a{color:inherit}
.elementor-221 .elementor-element.elementor-element-50ff8285 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-50ff8285 button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-50ff8285 a:focus-visible, .elementor-221 .elementor-element.elementor-element-50ff8285 button:focus-visible, .elementor-221 .elementor-element.elementor-element-50ff8285 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-50ff8285 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-50ff8285 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-50ff8285 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-50ff8285 *, .elementor-221 .elementor-element.elementor-element-50ff8285 *::before, .elementor-221 .elementor-element.elementor-element-50ff8285 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-50ff8285 .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-50ff8285 .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-221 .elementor-element.elementor-element-50ff8285 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-50ff8285 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-50ff8285 .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-221 .elementor-element.elementor-element-50ff8285 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-50ff8285 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-50ff8285 .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-50ff8285 .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-50ff8285 .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-50ff8285 .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
/* Der Sektions-Container IST `.kbuehne`; Elementor macht daraus einen
   Flex-Container, die Quelle rechnet mit Block. */
.elementor-221 .elementor-element.elementor-element-50ff8285{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-50ff8285 h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-50ff8285 .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-50ff8285 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-50ff8285 img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-50ff8285 ul, .elementor-221 .elementor-element.elementor-element-50ff8285 ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-50ff8285.kbuehne{padding:130px var(--rand) 0}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__platte{position:relative;border-radius:var(--r-platte);overflow:hidden; box-shadow:var(--schatten-buehne);height:min(82svh,760px);background:var(--flaeche-2)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__platte>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__karte{position:absolute;left:clamp(18px,3vw,44px);top:clamp(18px,3vw,44px); width:min(420px,86%);background:var(--papier);border-radius:var(--r-element); padding:clamp(20px,2.4vw,30px);box-shadow:0 24px 54px -28px rgba(24,24,27,.4)}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__karte .aussage{font-size:clamp(26px,2.4vw,34px);max-width:none}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__karte .satz{margin-top:10px;font-size:15px}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__karte .mehr{margin-top:16px}
@media (max-width:899px){
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__platte{height:auto}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__platte>img{position:static;display:block;width:100%;height:auto}
.elementor-221 .elementor-element.elementor-element-50ff8285 .kbuehne__karte{position:static;width:auto;margin:14px;box-shadow:none;padding:10px 6px 18px}
}
.elementor-221 .elementor-element.elementor-element-50ff8285 .schirm__fenster{position:absolute;left:0;top:0;overflow:hidden;background:#fff; transform-origin:0 0;container-type:size}
.elementor-221 .elementor-element.elementor-element-50ff8285 .schirm__rolle{display:block}
.elementor-221 .elementor-element.elementor-element-50ff8285 .schirm__rolle img{display:block;width:100%;height:auto}
.js .elementor-221 .elementor-element.elementor-element-50ff8285 .schirm__fenster{opacity:0;transition:opacity 700ms var(--ease) 350ms}
.js .elementor-221 .elementor-element.elementor-element-50ff8285.szene.an .schirm__fenster{opacity:1}
.js .elementor-221 .elementor-element.elementor-element-50ff8285.szene.an .schirm__rolle{animation:schirmPeek 16s ease-in-out infinite alternate}
@keyframes schirmPeek{0%,14%{transform:translateY(0)}86%,100%{transform:translateY(calc(-100% + 100cqh))}}
@media (prefers-reduced-motion:reduce){
.js .elementor-221 .elementor-element.elementor-element-50ff8285 .schirm__fenster{opacity:1}
.js .elementor-221 .elementor-element.elementor-element-50ff8285 .schirm__rolle{animation:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51a396a5 */.elementor-221 .elementor-element.elementor-element-51a396a5{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-51a396a5 *, .elementor-221 .elementor-element.elementor-element-51a396a5 *::before, .elementor-221 .elementor-element.elementor-element-51a396a5 *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-51a396a5 h1, .elementor-221 .elementor-element.elementor-element-51a396a5 h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-51a396a5 h2, .elementor-221 .elementor-element.elementor-element-51a396a5 h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-51a396a5 h3, .elementor-221 .elementor-element.elementor-element-51a396a5 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-51a396a5 p{margin:0}
.elementor-221 .elementor-element.elementor-element-51a396a5 a{color:inherit}
.elementor-221 .elementor-element.elementor-element-51a396a5 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-51a396a5 button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-51a396a5 a:focus-visible, .elementor-221 .elementor-element.elementor-element-51a396a5 button:focus-visible, .elementor-221 .elementor-element.elementor-element-51a396a5 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-51a396a5 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-51a396a5 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-51a396a5 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-51a396a5 *, .elementor-221 .elementor-element.elementor-element-51a396a5 *::before, .elementor-221 .elementor-element.elementor-element-51a396a5 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-51a396a5 .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-51a396a5 .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-221 .elementor-element.elementor-element-51a396a5 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-51a396a5 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-51a396a5 .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-221 .elementor-element.elementor-element-51a396a5 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-51a396a5 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-51a396a5 .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-51a396a5 .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-51a396a5 .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-51a396a5 .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-51a396a5 .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-51a396a5 .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
/* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet
   bei <section> und .spiegel mit Block. */
.elementor-221 .elementor-element.elementor-element-51a396a5{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-51a396a5 .spiegel{display:block;width:auto}
/* In der Quelle traegt die Zeile ein inline `style="margin-top:0"`, weil sie
   im Kopf NEBEN der Ueberschrift steht statt unter ihr. Ein Widget-Rahmen kann
   kein Inline-Style der Quelle tragen (der Inhalt des Text-Widgets ist der
   INNERE Text des Absatzes), die Regel steht deshalb hier. Sie ist die einzige
   Stelle der Seite, an der ein Quell-Inline-Style in die CSS wandert. */
.elementor-221 .elementor-element.elementor-element-51a396a5 .reihe__kopf .satz{margin-top:0}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-51a396a5 h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-51a396a5 .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-51a396a5 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-51a396a5 img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-51a396a5 ul, .elementor-221 .elementor-element.elementor-element-51a396a5 ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-51a396a5.reihe{padding:96px 0 120px}
.elementor-221 .elementor-element.elementor-element-51a396a5 .reihe__kopf{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;justify-content:space-between}
.elementor-221 .elementor-element.elementor-element-51a396a5.reihe h2, .elementor-221 .elementor-element.elementor-element-51a396a5.reihe h2.elementor-heading-title{font-size:clamp(24px,2.4vw,34px)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .reihe__raster{display:grid;grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.4vw,20px);margin-top:36px}
@media (max-width:899px){
.elementor-221 .elementor-element.elementor-element-51a396a5 .reihe__raster{grid-template-columns:1fr}
}
.js .elementor-221 .elementor-element.elementor-element-51a396a5 .reihe__raster .rv:nth-child(2){transition-delay:90ms}
.js .elementor-221 .elementor-element.elementor-element-51a396a5 .reihe__raster .rv:nth-child(3){transition-delay:180ms}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk{--chrom:#23262A;--chrom-2:#2E3238; position:relative;display:block;aspect-ratio:100/120;width:100%;max-width:380px; margin-inline:auto; border-radius:clamp(20px,1.9vw,28px);background:var(--dunkel);overflow:hidden; text-decoration:none;color:#fff;isolation:isolate; box-shadow:0 30px 60px -38px rgba(24,24,27,.55); transition:transform 260ms var(--ease-expo)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk:hover{transform:translateY(-6px)}
}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk:active{transform:translateY(-2px) scale(.97)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__kopf{position:relative;z-index:2;display:block; padding:clamp(20px,2vw,28px) clamp(20px,2vw,28px) 0}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__kicker{display:block;color:rgba(255,255,255,.62);font-size:10px}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__name{display:block;margin-top:clamp(10px,1vw,14px); font-family:var(--titel);font-weight:600; font-size:clamp(22px,2.05vw,29px);line-height:1.12;letter-spacing:-.022em}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__fenster{position:absolute;z-index:1;display:block; left:clamp(14px,1.4vw,20px);right:clamp(14px,1.4vw,20px); top:clamp(104px,10.4vw,150px);bottom:0; border-radius:10px 10px 0 0;background:var(--chrom); box-shadow:0 -1px 0 rgba(255,255,255,.10) inset,0 -18px 34px rgba(0,0,0,.34); overflow:hidden}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__leiste{display:flex;align-items:center;gap:8px;height:24px;padding:0 9px; background:var(--chrom)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__punkte{display:flex;gap:4px;flex:none}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__punkte i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.26)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__adresse{flex:1;min-width:0;height:14px;border-radius:99px;background:var(--chrom-2); display:flex;align-items:center;justify-content:center; font-family:var(--mono);font-weight:500;font-size:8px;letter-spacing:.04em; color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__bild{display:block;width:100%;height:calc(100% - 24px); object-fit:cover;object-position:var(--blick,50% 0%)}
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk__knopf{position:absolute;z-index:3;right:clamp(14px,1.3vw,18px);bottom:clamp(14px,1.3vw,18px); width:36px;height:36px;border-radius:50%; background:rgba(255,255,255,.92);color:var(--ink); display:grid;place-items:center;font-size:15px;line-height:1; transition:background-color 200ms var(--ease),transform 200ms var(--ease-expo)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk:hover .refk__knopf{background:var(--gelb);transform:scale(1.08)}
}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-51a396a5 .refk, .elementor-221 .elementor-element.elementor-element-51a396a5 .refk__knopf{transition:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68fac7cd */.elementor-221 .elementor-element.elementor-element-68fac7cd{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-68fac7cd *, .elementor-221 .elementor-element.elementor-element-68fac7cd *::before, .elementor-221 .elementor-element.elementor-element-68fac7cd *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-68fac7cd h1, .elementor-221 .elementor-element.elementor-element-68fac7cd h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-68fac7cd h2, .elementor-221 .elementor-element.elementor-element-68fac7cd h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-68fac7cd h3, .elementor-221 .elementor-element.elementor-element-68fac7cd h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-68fac7cd p{margin:0}
.elementor-221 .elementor-element.elementor-element-68fac7cd a{color:inherit}
.elementor-221 .elementor-element.elementor-element-68fac7cd button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-68fac7cd button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-68fac7cd a:focus-visible, .elementor-221 .elementor-element.elementor-element-68fac7cd button:focus-visible, .elementor-221 .elementor-element.elementor-element-68fac7cd summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-68fac7cd .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-68fac7cd .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-68fac7cd .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-68fac7cd *, .elementor-221 .elementor-element.elementor-element-68fac7cd *::before, .elementor-221 .elementor-element.elementor-element-68fac7cd *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-68fac7cd .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-68fac7cd .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-221 .elementor-element.elementor-element-68fac7cd .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-68fac7cd .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-68fac7cd .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-221 .elementor-element.elementor-element-68fac7cd .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-68fac7cd .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-68fac7cd .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-68fac7cd .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-68fac7cd .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-68fac7cd .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-68fac7cd .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-68fac7cd .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
/* Neutrale Huelle: sie darf weder Polster noch Flex-Verhalten beisteuern. */
.elementor-221 .elementor-element.elementor-element-68fac7cd{display:block;width:auto;padding:0;margin:0}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-68fac7cd h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-68fac7cd .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-68fac7cd figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-68fac7cd img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-68fac7cd ul, .elementor-221 .elementor-element.elementor-element-68fac7cd ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film{position:relative;min-height:100svh;background:#000;overflow:hidden; color:#fff;--fokus:var(--gelb);display:flex;align-items:flex-end}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover; display:block; opacity:0; transition:opacity 700ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__film.laeuft{opacity:1}
@media (prefers-reduced-motion: reduce){
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__film{display:none}
}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__blende{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__ecke{position:absolute;width:38px;height:38px;border:0 solid rgba(255,255,255,.92)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__ecke--1{left:22px;top:22px;border-left-width:2.5px;border-top-width:2.5px}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__ecke--2{right:22px;top:22px;border-right-width:2.5px;border-top-width:2.5px}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__ecke--3{left:22px;bottom:22px;border-left-width:2.5px;border-bottom-width:2.5px}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__ecke--4{right:22px;bottom:22px;border-right-width:2.5px;border-bottom-width:2.5px}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__tc{position:absolute;right:26px;top:26px;margin:0;color:#fff; background:rgba(18,18,20,.72);border:1px solid var(--linie-dunkel); border-radius:999px;padding:9px 16px;backdrop-filter:blur(4px)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film__inhalt{position:relative;width:100%; background:linear-gradient(0deg,rgba(0,0,0,.74),transparent); padding:110px 0 clamp(30px,4.5vw,60px)}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film .aussage{color:#fff}
.elementor-221 .elementor-element.elementor-element-68fac7cd .film .satz{color:rgba(255,255,255,.72)}
@media (prefers-reduced-motion:reduce){
.js .elementor-221 .elementor-element.elementor-element-68fac7cd .film.an>img{animation:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-354c74aa */.elementor-221 .elementor-element.elementor-element-354c74aa{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-354c74aa *, .elementor-221 .elementor-element.elementor-element-354c74aa *::before, .elementor-221 .elementor-element.elementor-element-354c74aa *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-354c74aa h1, .elementor-221 .elementor-element.elementor-element-354c74aa h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-354c74aa h2, .elementor-221 .elementor-element.elementor-element-354c74aa h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-354c74aa h3, .elementor-221 .elementor-element.elementor-element-354c74aa h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-354c74aa p{margin:0}
.elementor-221 .elementor-element.elementor-element-354c74aa a{color:inherit}
.elementor-221 .elementor-element.elementor-element-354c74aa button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-354c74aa button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-354c74aa a:focus-visible, .elementor-221 .elementor-element.elementor-element-354c74aa button:focus-visible, .elementor-221 .elementor-element.elementor-element-354c74aa summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-354c74aa .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-354c74aa .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-354c74aa .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-354c74aa .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-354c74aa *, .elementor-221 .elementor-element.elementor-element-354c74aa *::before, .elementor-221 .elementor-element.elementor-element-354c74aa *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-354c74aa .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-354c74aa .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-221 .elementor-element.elementor-element-354c74aa .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-354c74aa .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-354c74aa .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-221 .elementor-element.elementor-element-354c74aa .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-354c74aa .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-354c74aa .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-354c74aa .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-354c74aa .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-354c74aa .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-354c74aa .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-354c74aa .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-354c74aa .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-354c74aa .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-354c74aa .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-354c74aa{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-354c74aa .spiegel{display:block;width:auto}
/* Elementor deckelt jedes Widget mit `.e-con>.elementor-widget{max-width:100%}`.
   Die Laufreihe braucht aber `width:max-content`: die Marquee faehrt auf
   translateX(-50%), und dieser Prozentwert bezieht sich auf die EIGENE Breite.
   Gedeckelt mass sie am 20.08. 1425 statt 5184 Pixel, der Streifen waere also
   nur ein Viertel weit gelaufen und dann gesprungen.

   Der Deckel wird gezielt fuer DIESES Widget aufgehoben und nicht pauschal
   ueber `.elementor-221 .elementor-element.elementor-element-354c74aa .elementor-widget{max-width:none}`: mehrere Klassen dieser
   Seite tragen ihre eigene `max-width` auf dem Widget-Rahmen (`.satz` 46ch,
   `.aussage` 15ch), und eine pauschale Zeile im Kit-Block stuende hinter ihnen
   und wuerde sie bei gleicher Spezifitaet umkehren. */
.elementor-221 .elementor-element.elementor-element-354c74aa .streifen__lauf{max-width:none}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-354c74aa h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-354c74aa .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-354c74aa figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-354c74aa img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-354c74aa ul, .elementor-221 .elementor-element.elementor-element-354c74aa ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-354c74aa.streifen{background:var(--dunkel);color:var(--auf-dunkel);--fokus:var(--gelb); padding:84px 0 110px;overflow:hidden}
.elementor-221 .elementor-element.elementor-element-354c74aa.streifen h2, .elementor-221 .elementor-element.elementor-element-354c74aa.streifen h2.elementor-heading-title{font-size:clamp(24px,2.6vw,36px)}
.elementor-221 .elementor-element.elementor-element-354c74aa .streifen__satz{color:var(--auf-dunkel-2);margin-top:10px;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-354c74aa .streifen__lauf{display:flex;width:max-content;margin-top:44px}
.elementor-221 .elementor-element.elementor-element-354c74aa .streifen__lauf img{width:clamp(190px,23vw,310px);aspect-ratio:4/3;object-fit:cover; border-radius:10px;margin-right:14px}
.js .elementor-221 .elementor-element.elementor-element-354c74aa.streifen.an .streifen__lauf{animation:streifenLauf 46s linear infinite}
@keyframes streifenLauf{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
.js .elementor-221 .elementor-element.elementor-element-354c74aa .streifen__lauf{animation:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-431bb50e */.elementor-221 .elementor-element.elementor-element-431bb50e{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-431bb50e *, .elementor-221 .elementor-element.elementor-element-431bb50e *::before, .elementor-221 .elementor-element.elementor-element-431bb50e *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-431bb50e h1, .elementor-221 .elementor-element.elementor-element-431bb50e h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-431bb50e h2, .elementor-221 .elementor-element.elementor-element-431bb50e h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-431bb50e h3, .elementor-221 .elementor-element.elementor-element-431bb50e h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-431bb50e p{margin:0}
.elementor-221 .elementor-element.elementor-element-431bb50e a{color:inherit}
.elementor-221 .elementor-element.elementor-element-431bb50e button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-431bb50e button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-431bb50e a:focus-visible, .elementor-221 .elementor-element.elementor-element-431bb50e button:focus-visible, .elementor-221 .elementor-element.elementor-element-431bb50e summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-431bb50e .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-431bb50e .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-431bb50e .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-431bb50e .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-431bb50e *, .elementor-221 .elementor-element.elementor-element-431bb50e *::before, .elementor-221 .elementor-element.elementor-element-431bb50e *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-431bb50e .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-431bb50e .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-221 .elementor-element.elementor-element-431bb50e .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-431bb50e .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-431bb50e .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-221 .elementor-element.elementor-element-431bb50e .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-431bb50e .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-431bb50e .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-431bb50e .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-431bb50e .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-431bb50e .aussage .elementor-heading-title{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-431bb50e .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-431bb50e .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-431bb50e .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-431bb50e .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-431bb50e .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-431bb50e{display:block;width:auto}
/* .spiegel ist hier zugleich .split__lage; die Grid-Regel der Quelle steht
   NACH dieser Zeile und gewinnt bei gleicher Spezifitaet. */
.elementor-221 .elementor-element.elementor-element-431bb50e .spiegel{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-431bb50e .bm-ls-spalte{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-431bb50e h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-431bb50e .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-431bb50e figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-431bb50e img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-431bb50e ul, .elementor-221 .elementor-element.elementor-element-431bb50e ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-431bb50e.split{padding:130px 0}
.elementor-221 .elementor-element.elementor-element-431bb50e .split__lage{display:grid;gap:clamp(28px,4.5vw,80px);align-items:center}
@media (min-width:900px){
.elementor-221 .elementor-element.elementor-element-431bb50e .split__lage{grid-template-columns:1.08fr .92fr}
.elementor-221 .elementor-element.elementor-element-431bb50e.split--tausch .split__lage{grid-template-columns:.92fr 1.08fr}
.elementor-221 .elementor-element.elementor-element-431bb50e.split--tausch .split__lage>:first-child{order:2}
}
.elementor-221 .elementor-element.elementor-element-431bb50e .vis--morph{background:none;border:0;overflow:visible;position:relative; min-height:440px;display:grid;place-items:center;border-radius:var(--r-platte)}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__bild{position:absolute;inset:0;border-radius:var(--r-platte);overflow:hidden}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__bild img{width:100%;height:100%;object-fit:cover;display:block}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__bild::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.1)}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__buehne{position:relative;margin:0;width:min(320px,64%);aspect-ratio:4/3; background:var(--papier);border:1px solid var(--linie);border-radius:14px; display:grid;place-items:center;box-shadow:var(--schatten-buehne); transform:rotate(-1.5deg)}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__buehne svg{width:min(240px,62%);height:auto;overflow:visible}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__raster line{stroke:var(--linie);stroke-width:1}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__dach{stroke:var(--ink);stroke-width:7;fill:none;stroke-linejoin:round;stroke-linecap:round; stroke-dasharray:100;stroke-dashoffset:0}
.elementor-221 .elementor-element.elementor-element-431bb50e .morph__punkt{fill:#C2702E;transform-box:fill-box;transform-origin:center}
.js .elementor-221 .elementor-element.elementor-element-431bb50e .morph__dach{animation:morphDach 6.4s var(--ease) infinite}
.js .elementor-221 .elementor-element.elementor-element-431bb50e .morph__punkt{animation:morphPunkt 6.4s var(--ease) infinite}
@keyframes morphDach{0%{stroke-dashoffset:100;opacity:1} 20%{stroke-dashoffset:0;opacity:1} 64%{stroke-dashoffset:0;opacity:1} 76%{stroke-dashoffset:0;opacity:0} 77%,100%{stroke-dashoffset:100;opacity:0}}
@keyframes morphPunkt{0%,22%{opacity:0;transform:scale(.3)} 30%,64%{opacity:1;transform:scale(1)} 74%,100%{opacity:0;transform:scale(.3)}}
@media (prefers-reduced-motion:reduce){
.js .elementor-221 .elementor-element.elementor-element-431bb50e .morph__dach, .js .elementor-221 .elementor-element.elementor-element-431bb50e .morph__punkt{animation:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6261467d */.elementor-221 .elementor-element.elementor-element-6261467d{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-6261467d *, .elementor-221 .elementor-element.elementor-element-6261467d *::before, .elementor-221 .elementor-element.elementor-element-6261467d *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-6261467d h1, .elementor-221 .elementor-element.elementor-element-6261467d h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-6261467d h2, .elementor-221 .elementor-element.elementor-element-6261467d h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-6261467d h3, .elementor-221 .elementor-element.elementor-element-6261467d h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-6261467d p{margin:0}
.elementor-221 .elementor-element.elementor-element-6261467d a{color:inherit}
.elementor-221 .elementor-element.elementor-element-6261467d button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-6261467d button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-6261467d a:focus-visible, .elementor-221 .elementor-element.elementor-element-6261467d button:focus-visible, .elementor-221 .elementor-element.elementor-element-6261467d summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-6261467d .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-6261467d .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-6261467d .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-6261467d .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-6261467d *, .elementor-221 .elementor-element.elementor-element-6261467d *::before, .elementor-221 .elementor-element.elementor-element-6261467d *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-6261467d .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-6261467d .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-221 .elementor-element.elementor-element-6261467d .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-6261467d .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-6261467d .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-221 .elementor-element.elementor-element-6261467d .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-6261467d .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-6261467d .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-6261467d .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-6261467d .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-6261467d .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-6261467d .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-6261467d .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-6261467d .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-6261467d .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-6261467d .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-6261467d{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-6261467d .spiegel{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-6261467d h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-6261467d .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-6261467d figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-6261467d img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-6261467d ul, .elementor-221 .elementor-element.elementor-element-6261467d ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-6261467d.mocks{padding:0 0 130px}
.elementor-221 .elementor-element.elementor-element-6261467d.mocks h2, .elementor-221 .elementor-element.elementor-element-6261467d.mocks h2.elementor-heading-title{font-size:clamp(24px,2.6vw,36px);max-width:22ch}
.elementor-221 .elementor-element.elementor-element-6261467d .mocks__raster{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
@media (max-width:899px){
.elementor-221 .elementor-element.elementor-element-6261467d .mocks__raster{grid-template-columns:repeat(2,1fr)}
}
.elementor-221 .elementor-element.elementor-element-6261467d .mock{background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-element); padding:24px 18px 18px;display:grid;grid-template-rows:1fr auto;gap:14px; justify-items:center; transition:transform 320ms var(--ease),box-shadow 320ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-6261467d .mock:hover{transform:translateY(-6px);box-shadow:0 26px 54px -34px rgba(24,24,27,.45)}
}
.elementor-221 .elementor-element.elementor-element-6261467d .mock figure{margin:0;display:grid;grid-template-rows:1fr auto;justify-items:center; min-height:158px;align-self:stretch;width:100%}
.elementor-221 .elementor-element.elementor-element-6261467d .mock figure>:first-child{align-self:end}
.elementor-221 .elementor-element.elementor-element-6261467d .mock figcaption{font-size:13.5px;color:var(--ink-2);text-align:center;margin-top:14px}
.elementor-221 .elementor-element.elementor-element-6261467d .mock .zeichen{width:40px;height:auto}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__karte{width:150px;height:88px;background:#fff;border:1px solid var(--linie-tragend); border-radius:8px;padding:11px;display:grid;align-content:space-between; box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__karte i{display:block;height:5px;width:64px;border-radius:3px;background:var(--linie)}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__brief{width:104px;height:140px;background:#fff;border:1px solid var(--linie-tragend); border-radius:6px;padding:12px 10px;display:grid;gap:7px;align-content:start; box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__brief i{display:block;height:4px;border-radius:2px;background:var(--linie)}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__shirt{width:140px;height:112px;background:var(--ink);border-radius:12px 12px 18px 18px; position:relative;display:grid;place-items:center}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__shirt::before, .elementor-221 .elementor-element.elementor-element-6261467d .mock__shirt::after{content:"";position:absolute;top:5px;width:32px;height:42px; background:var(--ink);border-radius:9px}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__shirt::before{left:-16px;transform:rotate(18deg)}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__shirt::after{right:-16px;transform:rotate(-18deg)}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__bus{width:160px;height:92px;background:#fff;border:1px solid var(--linie-tragend); border-radius:10px 30px 7px 7px;position:relative;display:grid;place-items:center; margin-bottom:10px;box-shadow:0 12px 26px -18px rgba(24,24,27,.4)}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__bus::before, .elementor-221 .elementor-element.elementor-element-6261467d .mock__bus::after{content:"";position:absolute;bottom:-9px; width:18px;height:18px;border-radius:999px;background:var(--ink); box-shadow:inset 0 0 0 4px #52525B}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__bus::before{left:22px}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__bus::after{right:26px}
@media (max-width:899px){
.elementor-221 .elementor-element.elementor-element-6261467d .mock{padding:18px 10px 14px}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__karte{width:122px;height:74px}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__brief{width:88px;height:118px}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__shirt{width:110px;height:90px}
.elementor-221 .elementor-element.elementor-element-6261467d .mock__bus{width:124px;height:74px}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58d13088 */.elementor-221 .elementor-element.elementor-element-58d13088{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-58d13088 *, .elementor-221 .elementor-element.elementor-element-58d13088 *::before, .elementor-221 .elementor-element.elementor-element-58d13088 *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-58d13088 h1, .elementor-221 .elementor-element.elementor-element-58d13088 h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-58d13088 h2, .elementor-221 .elementor-element.elementor-element-58d13088 h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-58d13088 h3, .elementor-221 .elementor-element.elementor-element-58d13088 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-58d13088 p{margin:0}
.elementor-221 .elementor-element.elementor-element-58d13088 a{color:inherit}
.elementor-221 .elementor-element.elementor-element-58d13088 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-58d13088 button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-58d13088 a:focus-visible, .elementor-221 .elementor-element.elementor-element-58d13088 button:focus-visible, .elementor-221 .elementor-element.elementor-element-58d13088 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-58d13088 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-58d13088 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-58d13088 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-58d13088 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-58d13088 *, .elementor-221 .elementor-element.elementor-element-58d13088 *::before, .elementor-221 .elementor-element.elementor-element-58d13088 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-58d13088 .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-58d13088 .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-221 .elementor-element.elementor-element-58d13088 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-58d13088 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-58d13088 .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-221 .elementor-element.elementor-element-58d13088 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-58d13088 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-58d13088 .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-58d13088 .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-58d13088 .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-58d13088 .aussage .elementor-heading-title{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-58d13088 .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-58d13088 .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-58d13088 .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-58d13088 .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-58d13088 .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-58d13088{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-58d13088 .spiegel{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-58d13088 .bm-ls-spalte{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-58d13088 h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-58d13088 .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-58d13088 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-58d13088 img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-58d13088 ul, .elementor-221 .elementor-element.elementor-element-58d13088 ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-58d13088.split{padding:130px 0}
.elementor-221 .elementor-element.elementor-element-58d13088 .split__lage{display:grid;gap:clamp(28px,4.5vw,80px);align-items:center}
@media (min-width:900px){
.elementor-221 .elementor-element.elementor-element-58d13088 .split__lage{grid-template-columns:1.08fr .92fr}
.elementor-221 .elementor-element.elementor-element-58d13088 .split--tausch .split__lage{grid-template-columns:.92fr 1.08fr}
.elementor-221 .elementor-element.elementor-element-58d13088 .split--tausch .split__lage>:first-child{order:2}
}
.elementor-221 .elementor-element.elementor-element-58d13088 .vis--stapel{position:relative;border-radius:var(--r-platte);overflow:hidden; box-shadow:var(--schatten-buehne);background:var(--flaeche-2)}
.elementor-221 .elementor-element.elementor-element-58d13088 .vis--stapel > .elementor-widget-container > img{display:block;width:100%;height:auto}
.elementor-221 .elementor-element.elementor-element-58d13088 .stapel__blatt{position:absolute;left:10%;top:32%;width:32%;aspect-ratio:1.45/1; background:linear-gradient(168deg,#FFFFFF 0%,#F1F1F3 100%);border-radius:4px; box-shadow:0 10px 22px -12px rgba(24,24,27,.55); transform:rotate(-11deg)}
.elementor-221 .elementor-element.elementor-element-58d13088 .stapel__blatt:nth-child(3){transform:rotate(-11.9deg) translateY(-4px)}
.elementor-221 .elementor-element.elementor-element-58d13088 .stapel__blatt:nth-child(4){transform:rotate(-10.4deg) translateY(-8px)}
.elementor-221 .elementor-element.elementor-element-58d13088 .stapel__blatt:nth-child(5){transform:rotate(-11.5deg) translateY(-12px)}
.elementor-221 .elementor-element.elementor-element-58d13088 .stapel__blatt:nth-child(6){transform:rotate(-10.8deg) translateY(-16px)}
.elementor-221 .elementor-element.elementor-element-58d13088 .stapel__blatt.flug{transition:transform 900ms var(--ease),opacity 840ms var(--ease); transform:translate(105%,-150%) rotate(4deg) scale(.9);opacity:0}
.elementor-221 .elementor-element.elementor-element-58d13088 .stapel__zeile{position:absolute;left:16px;bottom:14px;margin:0;color:var(--ink); background:rgba(255,255,255,.85);border:1px solid var(--linie); border-radius:999px;padding:9px 16px;backdrop-filter:blur(4px)}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88d276ae */.elementor-221 .elementor-element.elementor-element-88d276ae{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-88d276ae *, .elementor-221 .elementor-element.elementor-element-88d276ae *::before, .elementor-221 .elementor-element.elementor-element-88d276ae *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-88d276ae h1, .elementor-221 .elementor-element.elementor-element-88d276ae h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-88d276ae h2, .elementor-221 .elementor-element.elementor-element-88d276ae h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-88d276ae h3, .elementor-221 .elementor-element.elementor-element-88d276ae h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-88d276ae p{margin:0}
.elementor-221 .elementor-element.elementor-element-88d276ae a{color:inherit}
.elementor-221 .elementor-element.elementor-element-88d276ae button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-88d276ae button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-88d276ae a:focus-visible, .elementor-221 .elementor-element.elementor-element-88d276ae button:focus-visible, .elementor-221 .elementor-element.elementor-element-88d276ae summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-88d276ae .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-88d276ae .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-88d276ae .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-88d276ae .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-88d276ae *, .elementor-221 .elementor-element.elementor-element-88d276ae *::before, .elementor-221 .elementor-element.elementor-element-88d276ae *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-88d276ae .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-88d276ae .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-221 .elementor-element.elementor-element-88d276ae .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-88d276ae .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-88d276ae .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-221 .elementor-element.elementor-element-88d276ae .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-88d276ae .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-88d276ae .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-88d276ae .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-88d276ae .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-88d276ae .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-88d276ae .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-88d276ae .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-88d276ae .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-88d276ae .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-88d276ae .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-88d276ae{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-88d276ae .spiegel{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-88d276ae h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-88d276ae .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-88d276ae figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-88d276ae img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-88d276ae ul, .elementor-221 .elementor-element.elementor-element-88d276ae ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-88d276ae.flow{background:var(--flaeche-2);padding:96px 0 120px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__kopf{margin-bottom:34px}
.elementor-221 .elementor-element.elementor-element-88d276ae.flow h2, .elementor-221 .elementor-element.elementor-element-88d276ae.flow h2.elementor-heading-title{font-size:clamp(24px,2.6vw,36px)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__kopf .satz{margin-top:10px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__fenster{background:#FFF;border:1px solid var(--linie);border-radius:14px; overflow:hidden;box-shadow:var(--schatten-buehne)}
html:not(.js) .elementor-221 .elementor-element.elementor-element-88d276ae .flow__fenster{display:none}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__ohne{display:none;color:var(--ink-2)}
html:not(.js) .elementor-221 .elementor-element.elementor-element-88d276ae .flow__ohne{display:block}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__kopfleiste{display:flex;align-items:center;gap:12px;padding:9px 16px; border-bottom:1px solid var(--linie);background:#FCFCFD;min-height:48px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__zurueck{color:var(--ink-3);font-size:15px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__name{font-family:var(--titel);font-weight:600;font-size:15px;letter-spacing:-.01em}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__tag{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.12em; text-transform:uppercase;border-radius:999px;padding:4px 10px; color:var(--ink-3);border:1px solid var(--linie-tragend)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__tag.echt{background:var(--gelb);color:var(--ink);border-color:var(--gelb)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__rechts{margin-left:auto;display:flex;align-items:center;gap:14px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__aktiv{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__schalter{width:34px;height:20px;border-radius:999px;background:#D9D9DE; position:relative;transition:background 260ms var(--ease);flex:none}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__schalter::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px; border-radius:999px;background:#FFF;box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__schalter.an{background:#3BA55D}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__schalter.an::after{transform:translateX(14px)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__lauf{background:var(--ink);color:#FFF;border-radius:8px;padding:8px 14px; font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__leinwand{position:relative;height:420px;background:#F7F7F8; background-image:radial-gradient(circle,#DCDCE1 1px,transparent 1.3px); background-size:20px 20px;overflow:hidden}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__scroll{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__stage{position:relative;width:980px;height:320px;flex:none; transform:scale(var(--fs,1));transition:opacity 280ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__stage.weg{opacity:0}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__adern{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__adern .ader{fill:none;stroke:#C7C7CE;stroke-width:2; stroke-dasharray:100;stroke-dashoffset:100}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__adern .ader.da{transition:stroke-dashoffset 380ms var(--ease);stroke-dashoffset:0}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__adern .ader__puls{fill:none;stroke:#3BA55D;stroke-width:2.5;stroke-linecap:round; stroke-dasharray:14 186;stroke-dashoffset:214;opacity:0}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten{position:absolute;width:96px;margin-left:-11px;text-align:center; opacity:0;transform:translateY(10px); transition:opacity 300ms var(--ease),transform 340ms var(--setz)}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten.da{opacity:1;transform:none}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten__kachel{width:74px;height:74px;margin:0 auto;background:#FFF; border:1px solid #E3E3E7;border-radius:14px;display:grid;place-items:center; position:relative;box-shadow:0 2px 10px rgba(24,24,27,.07)}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten--start .knoten__kachel{border-radius:37px 14px 14px 37px}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten__ikon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten__ikon svg{width:20px;height:20px;display:block}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten__ok{position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:999px; background:#3BA55D;color:#FFF;display:grid;place-items:center;font-size:11px;font-weight:700; font-style:normal;opacity:0;transform:scale(.4); transition:opacity 200ms var(--ease),transform 340ms var(--setz)}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten.ok .knoten__ok{opacity:1;transform:none}
.elementor-221 .elementor-element.elementor-element-88d276ae .knoten__wort{display:block;margin-top:8px;font-size:12px;line-height:1.25;color:var(--ink-2)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__zoom{position:absolute;left:14px;bottom:14px;display:grid;gap:6px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__zoom i{width:28px;height:28px;border-radius:8px;background:#FFF; border:1px solid var(--linie);display:grid;place-items:center; font-style:normal;font-size:14px;color:var(--ink-3)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__status{position:absolute;right:16px;bottom:14px;margin:0;color:var(--ink); background:rgba(255,255,255,.9);border:1px solid var(--linie);border-radius:999px; padding:8px 14px;opacity:0;transition:opacity 240ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__status.da{opacity:1}
@media (max-width:899px){
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__leinwand{height:360px}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__scroll{overflow-x:auto;overflow-y:hidden;display:flex; justify-content:flex-start;align-items:flex-start;place-items:start; -webkit-overflow-scrolling:touch}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__stage{margin:20px 0 0 8px;transform:none}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__rechts .flow__lauf{display:none}
.elementor-221 .elementor-element.elementor-element-88d276ae .flow__zoom{display:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a1e029b */.elementor-221 .elementor-element.elementor-element-6a1e029b{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-6a1e029b *, .elementor-221 .elementor-element.elementor-element-6a1e029b *::before, .elementor-221 .elementor-element.elementor-element-6a1e029b *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-6a1e029b h1, .elementor-221 .elementor-element.elementor-element-6a1e029b h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-6a1e029b h2, .elementor-221 .elementor-element.elementor-element-6a1e029b h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-6a1e029b h3, .elementor-221 .elementor-element.elementor-element-6a1e029b h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-6a1e029b p{margin:0}
.elementor-221 .elementor-element.elementor-element-6a1e029b a{color:inherit}
.elementor-221 .elementor-element.elementor-element-6a1e029b button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-6a1e029b button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-6a1e029b a:focus-visible, .elementor-221 .elementor-element.elementor-element-6a1e029b button:focus-visible, .elementor-221 .elementor-element.elementor-element-6a1e029b summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-6a1e029b .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-6a1e029b .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-6a1e029b .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-6a1e029b *, .elementor-221 .elementor-element.elementor-element-6a1e029b *::before, .elementor-221 .elementor-element.elementor-element-6a1e029b *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-6a1e029b .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-6a1e029b .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-221 .elementor-element.elementor-element-6a1e029b .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-6a1e029b .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-6a1e029b .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-221 .elementor-element.elementor-element-6a1e029b .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-6a1e029b .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-6a1e029b .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-6a1e029b .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .aussage .elementor-heading-title{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-6a1e029b .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-6a1e029b .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-6a1e029b .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-6a1e029b .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-6a1e029b{display:block;width:auto}
/* FALLE 5 erneut, diesmal beim Video: `.band__platte video` steht
   `position:absolute; inset:0`, suchte seinen Bezug aber bei der Widget-Huelle
   statt bei der Platte. Die Huelle hat nur ein absolut gesetztes Kind, ist also
   selbst 0 x 0 (gemessen 20.08.: Video 0 x 0 statt 1345 x 660, unten links in
   der Platte geparkt). display:contents nimmt sie aus dem Kastenbaum. */
.elementor-221 .elementor-element.elementor-element-6a1e029b .bm-ls-videohuelle{display:contents}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-6a1e029b h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-6a1e029b .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-6a1e029b figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-6a1e029b img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-6a1e029b ul, .elementor-221 .elementor-element.elementor-element-6a1e029b ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-6a1e029b.band{background:var(--flaeche-2);padding:120px var(--rand)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .band__platte{position:relative;max-width:1360px;margin:0 auto;border-radius:var(--r-platte); overflow:hidden;box-shadow:var(--schatten-buehne);height:min(74svh,660px);background:#000; display:flex;align-items:flex-end;color:#fff;--fokus:var(--gelb)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .band__platte video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.elementor-221 .elementor-element.elementor-element-6a1e029b .band__inhalt{position:relative;width:100%; background:linear-gradient(0deg,rgba(0,0,0,.72),transparent); padding:110px clamp(24px,4vw,60px) clamp(26px,3.5vw,48px)}
.elementor-221 .elementor-element.elementor-element-6a1e029b.band .aussage .elementor-heading-title{color:#fff;font-size:clamp(26px,2.8vw,40px)}
.elementor-221 .elementor-element.elementor-element-6a1e029b .band__zahl{display:block;font-family:var(--titel);font-weight:600;letter-spacing:-.04em; line-height:.9;font-size:clamp(64px,9.5vw,144px);font-variant-numeric:tabular-nums; margin-top:10px}
.elementor-221 .elementor-element.elementor-element-6a1e029b .band__zahl em{font-style:normal;font-size:.34em;letter-spacing:-.01em}
.elementor-221 .elementor-element.elementor-element-6a1e029b.band .satz{color:rgba(255,255,255,.72)}
.elementor-221 .elementor-element.elementor-element-6a1e029b.band .mehr{color:#fff}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-263dedbb */.elementor-221 .elementor-element.elementor-element-263dedbb{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-263dedbb *, .elementor-221 .elementor-element.elementor-element-263dedbb *::before, .elementor-221 .elementor-element.elementor-element-263dedbb *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-263dedbb h1, .elementor-221 .elementor-element.elementor-element-263dedbb h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-263dedbb h2, .elementor-221 .elementor-element.elementor-element-263dedbb h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-263dedbb h3, .elementor-221 .elementor-element.elementor-element-263dedbb h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-263dedbb p{margin:0}
.elementor-221 .elementor-element.elementor-element-263dedbb a{color:inherit}
.elementor-221 .elementor-element.elementor-element-263dedbb button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-263dedbb button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-263dedbb a:focus-visible, .elementor-221 .elementor-element.elementor-element-263dedbb button:focus-visible, .elementor-221 .elementor-element.elementor-element-263dedbb summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-263dedbb .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-263dedbb .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-263dedbb .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-263dedbb .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-263dedbb *, .elementor-221 .elementor-element.elementor-element-263dedbb *::before, .elementor-221 .elementor-element.elementor-element-263dedbb *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-263dedbb .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-263dedbb .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-221 .elementor-element.elementor-element-263dedbb .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-263dedbb .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-263dedbb .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-221 .elementor-element.elementor-element-263dedbb .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-263dedbb .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-263dedbb .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-263dedbb .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-263dedbb .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-263dedbb .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-263dedbb .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-263dedbb .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-263dedbb .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-263dedbb .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-263dedbb .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-263dedbb{display:block;width:auto}
/* .spiegel ist hier zugleich .zahlen__reihe; die Grid-Regel der Quelle steht
   NACH dieser Zeile und gewinnt bei gleicher Spezifitaet. */
.elementor-221 .elementor-element.elementor-element-263dedbb .spiegel{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-263dedbb h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-263dedbb .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-263dedbb figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-263dedbb img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-263dedbb ul, .elementor-221 .elementor-element.elementor-element-263dedbb ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-263dedbb.zahlen{padding:110px 0 100px}
.elementor-221 .elementor-element.elementor-element-263dedbb .zahlen__reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(20px,3vw,44px)}
.elementor-221 .elementor-element.elementor-element-263dedbb .zahlen__zelle{border-top:1px solid var(--linie-tragend);padding-top:16px}
.elementor-221 .elementor-element.elementor-element-263dedbb .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-221 .elementor-element.elementor-element-263dedbb .zahlen__wert em{font-style:normal;font-size:.44em;margin-left:.08em}
.elementor-221 .elementor-element.elementor-element-263dedbb .zahlen__was{display:block;margin-top:10px;color:var(--ink-2);font-size:14px;max-width:24ch}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911594df */.elementor-221 .elementor-element.elementor-element-911594df{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-911594df *, .elementor-221 .elementor-element.elementor-element-911594df *::before, .elementor-221 .elementor-element.elementor-element-911594df *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-911594df h1, .elementor-221 .elementor-element.elementor-element-911594df h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-911594df h2, .elementor-221 .elementor-element.elementor-element-911594df h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-911594df h3, .elementor-221 .elementor-element.elementor-element-911594df h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-911594df p{margin:0}
.elementor-221 .elementor-element.elementor-element-911594df a{color:inherit}
.elementor-221 .elementor-element.elementor-element-911594df button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-911594df button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-911594df a:focus-visible, .elementor-221 .elementor-element.elementor-element-911594df button:focus-visible, .elementor-221 .elementor-element.elementor-element-911594df summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-911594df .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-911594df .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-911594df .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-911594df .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-911594df *, .elementor-221 .elementor-element.elementor-element-911594df *::before, .elementor-221 .elementor-element.elementor-element-911594df *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-911594df .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-911594df .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-221 .elementor-element.elementor-element-911594df .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-911594df .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-911594df .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-221 .elementor-element.elementor-element-911594df .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-911594df .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-911594df .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-911594df .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-911594df .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-911594df .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-911594df .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-911594df .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-911594df .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-911594df .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-911594df .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-911594df .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-911594df .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-911594df .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-911594df .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-911594df .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-911594df .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-911594df .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-911594df{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-911594df .spiegel{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-911594df h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-911594df .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-911594df figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-911594df img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-911594df ul, .elementor-221 .elementor-element.elementor-element-911594df ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-911594df.faq{padding:60px 0 110px}
.elementor-221 .elementor-element.elementor-element-911594df.faq h2, .elementor-221 .elementor-element.elementor-element-911594df.faq h2.elementor-heading-title{font-size:var(--t-aussage);max-width:15ch}
.elementor-221 .elementor-element.elementor-element-911594df.faq details{border-bottom:1px solid var(--linie-tragend)}
.elementor-221 .elementor-element.elementor-element-911594df.faq details:first-of-type{margin-top:44px;border-top:1px solid var(--linie-tragend)}
.elementor-221 .elementor-element.elementor-element-911594df.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-221 .elementor-element.elementor-element-911594df.faq summary::-webkit-details-marker{display:none}
.elementor-221 .elementor-element.elementor-element-911594df.faq summary i{font-style:normal;color:var(--ink-3);transition:transform 280ms var(--ease);flex:0 0 auto}
.elementor-221 .elementor-element.elementor-element-911594df.faq details[open] summary i{transform:rotate(45deg)}
.elementor-221 .elementor-element.elementor-element-911594df.faq .antwort{padding:0 4px 26px;color:var(--ink-2);max-width:68ch;font-size:var(--t-body)}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76a62887 */.elementor-221 .elementor-element.elementor-element-76a62887{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-76a62887 *, .elementor-221 .elementor-element.elementor-element-76a62887 *::before, .elementor-221 .elementor-element.elementor-element-76a62887 *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-76a62887 h1, .elementor-221 .elementor-element.elementor-element-76a62887 h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-76a62887 h2, .elementor-221 .elementor-element.elementor-element-76a62887 h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-76a62887 h3, .elementor-221 .elementor-element.elementor-element-76a62887 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-76a62887 p{margin:0}
.elementor-221 .elementor-element.elementor-element-76a62887 a{color:inherit}
.elementor-221 .elementor-element.elementor-element-76a62887 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-76a62887 button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-76a62887 a:focus-visible, .elementor-221 .elementor-element.elementor-element-76a62887 button:focus-visible, .elementor-221 .elementor-element.elementor-element-76a62887 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-76a62887 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-76a62887 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-76a62887 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-76a62887 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-76a62887 *, .elementor-221 .elementor-element.elementor-element-76a62887 *::before, .elementor-221 .elementor-element.elementor-element-76a62887 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-76a62887 .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-76a62887 .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-221 .elementor-element.elementor-element-76a62887 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-76a62887 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-76a62887 .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-221 .elementor-element.elementor-element-76a62887 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-76a62887 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-76a62887 .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-76a62887 .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-76a62887 .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-76a62887 .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-76a62887 .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-76a62887 .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-76a62887 .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-76a62887 .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-76a62887 .mehr i{font-style:normal}
/* `width:auto` neben JEDEM `display:block` (Lehre des Startseiten-Baus vom
   25.08., die dort einen zweiten Import gekostet hat): Elementor gibt jedem
   Container `width:100%` (`.e-con{--width:100%; width:var(--width)}`), und
   das ist bei einem Block-Element mit seitlichem Rand etwas anderes als
   `auto` — die automatische Breite ZIEHT die Raender ab, 100 Prozent nicht.
   Auf dieser Seite hat kein Quell-Element einen festen seitlichen Rand (die
   drei mit Rand, `.spiegel`, `.band__platte` und `.fuss__platte`, tragen
   `margin:0 auto`), die Zeile ist hier also folgenlos. Sie steht trotzdem:
   nur die Ueberstands-Messung findet den Fall, keine Hoehenmessung. */
.elementor-221 .elementor-element.elementor-element-76a62887{display:block;width:auto}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-76a62887 h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-76a62887 .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-76a62887 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-76a62887 img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-76a62887 ul, .elementor-221 .elementor-element.elementor-element-76a62887 ol{margin:revert}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__halt{padding:0 var(--rand)}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
.js .elementor-221 .elementor-element.elementor-element-76a62887.finale__strecke{height:260vh;position:relative}
.js .elementor-221 .elementor-element.elementor-element-76a62887 .finale__halt{position:sticky;top:0;min-height:100svh;display:grid;align-items:center;padding:14px var(--rand)}
}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__platte{position:relative;max-width:calc(var(--spiegel) - 2*var(--rand));margin:0 auto; background:var(--dunkel);border-radius:var(--r-platte); padding:clamp(44px,5vw,76px) clamp(28px,5vw,72px); color:var(--auf-dunkel);--fokus:var(--gelb);width:100%;overflow:hidden}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__schleier{position:absolute;inset:0; background:linear-gradient(90deg,rgba(18,18,20,.78) 0%,rgba(18,18,20,.35) 55%,rgba(18,18,20,.1) 100%)}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__lage{position:relative;display:grid;gap:clamp(32px,4vw,60px)}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__lage>*{min-width:0}
@media (min-width:900px){
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__lage{grid-template-columns:1.05fr .95fr;align-items:center}
}
@media (max-width:899px){
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__tisch{flex-wrap:wrap;justify-content:flex-start}
}
.elementor-221 .elementor-element.elementor-element-76a62887.finale h2, .elementor-221 .elementor-element.elementor-element-76a62887.finale h2.elementor-heading-title{font-size:clamp(34px,4.4vw,62px);max-width:13ch}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__sub{color:var(--auf-dunkel-2);margin-top:18px;max-width:38ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__cta{margin-top:36px}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__tisch{position:relative;display:flex;justify-content:center;align-items:flex-end; gap:clamp(8px,1.4vw,18px);padding:26px 8px 30px;min-height:140px}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj{will-change:transform,opacity;flex:0 0 auto; box-shadow:0 16px 34px -16px rgba(0,0,0,.7)}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--schirm{width:104px;background:#fff;border-radius:8px;padding:5px;transform:rotate(-1.5deg)}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--schirm img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:5px}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--print{width:104px;background:#fff;padding:5px 5px 14px;border-radius:3px;transform:rotate(-2.5deg)}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--print img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--zeichen{width:86px;background:#fff;border-radius:8px;padding:12px 10px;transform:rotate(1.5deg)}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--zeichen svg{width:100%;height:auto;display:block}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--plan{width:110px;background:#fff;padding:4px;border-radius:3px;transform:rotate(2deg)}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--plan img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--blatt{width:78px;aspect-ratio:1/1.32;background:linear-gradient(170deg,#FFFFFF,#F2F2F4); border-radius:4px;transform:rotate(3deg);display:grid;place-items:center}
.elementor-221 .elementor-element.elementor-element-76a62887 .obj--blatt i{width:26px;height:26px;border-radius:999px;background:var(--gelb); display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__karte{margin:26px auto 0;width:min(250px,100%)}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__karte .akarte__zeile{cursor:default}
.elementor-221 .elementor-element.elementor-element-76a62887 .finale__alle{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--linie); color:var(--ink-3);font-size:12.5px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dcb63b72 */.elementor-221 .elementor-element.elementor-element-dcb63b72{--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-221 .elementor-element.elementor-element-dcb63b72{background:var(--papier); color:var(--ink); font-family:var(--fliess); font-size:17px; line-height:var(--lh-body); -webkit-font-smoothing:antialiased}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .zeile{transition: transform var(--d-micro) var(--ease);}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .zeile:active{transform: scale(.97);}
.elementor-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 ul, .elementor-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 h1, .elementor-221 .elementor-element.elementor-element-dcb63b72 h2, .elementor-221 .elementor-element.elementor-element-dcb63b72 h3, .elementor-221 .elementor-element.elementor-element-dcb63b72 h4, .elementor-221 .elementor-element.elementor-element-dcb63b72 h5, .elementor-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 .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-221 .elementor-element.elementor-element-dcb63b72 .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-221 .elementor-element.elementor-element-dcb63b72 .elementor-widget{max-width:none}
.elementor-221 .elementor-element.elementor-element-dcb63b72{display:block;width:auto;padding:0;margin:0}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .fuss{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .fuss__innen{display:block;width:auto}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .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-221 .elementor-element.elementor-element-dcb63b72 .fuss__innen{max-width:1360px; margin:0 auto}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .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-221 .elementor-element.elementor-element-dcb63b72 .marke img{height:clamp(46px,4.4vw,64px); width:auto; display:block}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .marke p{margin:22px 0 0; color:var(--auf-dunkel-2); font-size:var(--t-body); max-width:34ch}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .marke ul{list-style:none; margin:22px 0 0; padding:0; display:flex; gap:20px}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .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-221 .elementor-element.elementor-element-dcb63b72 .spalte ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}
.elementor-221 .elementor-element.elementor-element-dcb63b72 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-221 .elementor-element.elementor-element-dcb63b72 a.zeile:hover{color:var(--gelb)}
}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .kontakt address{font-style:normal; color:var(--auf-dunkel-2); font-size:var(--t-body); margin:0 0 16px}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .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-221 .elementor-element.elementor-element-dcb63b72 .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-221 .elementor-element.elementor-element-dcb63b72 .unten ul{list-style:none; margin:0; padding:0; display:flex; gap:24px}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .unten .jahr{font-variant-numeric:tabular-nums}
@media (max-width:1000px){
.elementor-221 .elementor-element.elementor-element-dcb63b72 .raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px 32px}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .marke{grid-column:1 / -1}
}
@media (max-width:600px){
.elementor-221 .elementor-element.elementor-element-dcb63b72 .raster{grid-template-columns:1fr}
.elementor-221 .elementor-element.elementor-element-dcb63b72 .unten{flex-direction:column; align-items:flex-start}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8394608 */:root{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
/* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt
   `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und
   schlaegt damit jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier
   wieder von ihrem Rahmen; die echten Werte kommen aus der h1/h2/h3-Regel der
   Quelle, die als `.elementor-221 .elementor-element.elementor-element-a8394608 h2.elementor-heading-title` (0,4,1) laut genug
   steht, und aus den Klassen-Regeln, die `_in_den_titel()` in die Ueberschrift
   schiebt (0,5,0). Beide schlagen diese Zeile (0,4,0). */
.elementor-221 .elementor-element.elementor-element-a8394608 .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 Nummer eins, auf DIESER Seite am 20.08. gemessen und am
   25.08. in der Sorten-Gegenprobe bestaetigt: Hello Elementor stylt
   `figcaption` mit `font-style:italic`, Zeilenhoehe 1,4 (22,4px), Groesse
   16px und Farbe #333. Die Quelle kennt nur `.mock figcaption{font-size:13.5px;
   color:var(--ink-2); …}`; Groesse und Farbe sind damit gedeckt (0,4,1 gegen
   0,0,1), UNGEDECKT sind Schnitt und Zeilenhoehe. Gemessen am 20.08.:
   Mock-Karte 230,9 statt 233,6 Pixel hoch (exakt die 2,7 Pixel Zeilenhoehe),
   und alle vier Beschriftungen standen kursiv.

   `revert` und NICHT mehr `var(--lh-body)` wie im 20.08.-Bau (Entscheid des
   Startseiten-Baus vom 25.08.): ein abgeschriebener Token-Wert behauptet
   etwas ueber die Quelle, statt sie zu fragen. `revert` rollt auf die
   Browser-Voreinstellung zurueck, und die IST der Zustand der Quelle: sie
   kennt Hello Elementor nicht. Rechnerisch dieselbe geerbte 1,6, aber aus der
   richtigen Quelle. Die Seite fuehrt genau vier figcaption, alle in `.mock`. */
.elementor-221 .elementor-element.elementor-element-a8394608 figcaption{line-height:revert;font-style:revert}

/* Theme-Durchgriff Nummer zwei, am 25.08. in der Sorten-Gegenprobe VOR dem
   Import gefunden und im 20.08.-Bau NICHT abgedeckt: Hello Elementor setzt
   `img{max-width:100%}`, der Browser kennt keine Grenze.

   Das ist auf dieser Seite der wichtigste Neutralisierer ueberhaupt: sie
   fuehrt **52 Bilder**, und KEINE einzige Quell-Regel setzt eine max-width
   (gemessen ueber alle 17 img-Regeln der Quelle). Der Eigenschafts-Vergleich
   vom 20.08. hat ihn nicht gefunden, weil unter seinen 47 Selektoren kein
   einziger Bild-Selektor war. Am gefaehrlichsten waere er im Filmstreifen:
   `.streifen__lauf` ist `width:max-content`, ein Prozent-Deckel an seinen
   sechzehn Aufnahmen rechnet gegen die fertige Breite des Laufbandes.
   `revert` stellt `none` her, also genau den Zustand der Quelle. */
.elementor-221 .elementor-element.elementor-element-a8394608 img{max-width:revert}

/* Theme-Durchgriff Nummer drei, ebenfalls neu aus der Gegenprobe: Hello
   Elementor setzt `ul, ol{margin:0}`. Die Richtung ist umgekehrt zu allem
   anderen: nicht das Theme fuegt etwas hinzu, es NIMMT etwas weg (der Browser
   gibt einer Liste `margin:1em 0`, gemessen 17px).
   Die Seite fuehrt genau EINE Liste, die Bereichs-Sprungleiste `.bereiche`,
   und die setzt ihren Rand selbst (`margin:clamp(30px,4.6vh,52px) 0 0`,
   0,4,0 gegen 0,3,1). Auf DIESER Seite ist die Zeile also folgenlos; sie
   steht, weil eine klassenlose Liste jederzeit dazukommen kann und dann in
   beiden Dokumenten verschieden staende. */
.elementor-221 .elementor-element.elementor-element-a8394608 ul, .elementor-221 .elementor-element.elementor-element-a8394608 ol{margin:revert}
body{margin:0;background:var(--papier);color:var(--ink);font-family:var(--fliess); font-size:17px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
.lauf{position:fixed;top:0;left:0;height:3px;background:var(--gelb);width:0;z-index:60}
.navplatz{height:76px;display:flex;align-items:center}
.navplatz .spiegel{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px}
.navplatz .wortmarke{font-family:var(--titel);font-weight:600;font-size:19px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
@media (max-width:600px){
.navplatz .platzhalter{display: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}
.fuss{padding:0 var(--rand);margin:14px 0 14px}
.fuss__platte{max-width:calc(var(--spiegel) - 2*var(--rand));margin:0 auto;background:var(--dunkel); border-radius:var(--r-platte);padding:34px clamp(28px,5vw,80px);color:var(--auf-dunkel-2); display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:14px}
.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}}
html{scroll-behavior:smooth}
[id^="k-"]{scroll-margin-top:18px}
html{overflow-anchor:none}
@keyframes blinzeln{50%{opacity:0}}
#reisekarte{position:fixed;right:var(--rand);top:96px;z-index:40;width:min(240px,38vw); opacity:0;pointer-events:none;transition:opacity 240ms var(--ease)}
#reisekarte.da{opacity:1}
@media (max-width:899px){
#reisekarte{display:none}
}
#reisekarte.kompakt{width:auto;padding:11px 14px}
#reisekarte.kompakt b{font-size:12.5px;margin-bottom:8px;white-space:nowrap}
#reisekarte.kompakt b i{display:none}
#reisekarte.kompakt .akarte__liste{display:flex;gap:7px}
#reisekarte.kompakt .akarte__zeile{padding:0}
#reisekarte.kompakt .akarte__txt{display:none}
#reisekarte.kompakt .akarte__zeile.ok i{animation:hakSetz 460ms var(--setz)}
@keyframes hakSetz{from{transform:scale(.5)}to{transform:scale(1)}}
.elementor-221 .elementor-element.elementor-element-a8394608{--papier:#FFFFFF; --flaeche-2:#F4F4F5; --dunkel:#121214; --ink:#18181B; --ink-2:#52525B; --ink-3:#71717A; --auf-dunkel:#FFFFFF; --auf-dunkel-2:rgba(255,255,255,.62); --linie:#E9E9EB; --linie-tragend:#D7D7DB; --linie-dunkel:rgba(255,255,255,.16); --gelb:#EEC735; --fokus:var(--ink); --titel:"Familjen Grotesk",system-ui,sans-serif; --fliess:"Instrument Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --t-hero:clamp(42px,7.6vw,110px); --t-aussage:clamp(32px,4.6vw,64px); --t-body:clamp(15px,1.15vw,17px); --lh-display:1.06; --lh-body:1.6; --rand:clamp(14px,2.8vw,40px); --r-platte:clamp(16px,1.6vw,22px); --r-element:12px; --ease:cubic-bezier(.215,.61,.355,1); --ease-expo:cubic-bezier(.19,1,.22,1); --setz:cubic-bezier(.34,1.4,.64,1); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px; --schatten-buehne:0 60px 120px -48px rgba(24,24,27,.4),0 18px 40px -24px rgba(24,24,27,.28); --schatten-dunkel:0 40px 90px -36px rgba(0,0,0,.75),0 14px 30px -18px rgba(0,0,0,.5);}
.elementor-221 .elementor-element.elementor-element-a8394608 *, .elementor-221 .elementor-element.elementor-element-a8394608 *::before, .elementor-221 .elementor-element.elementor-element-a8394608 *::after{box-sizing:border-box}
.elementor-221 .elementor-element.elementor-element-a8394608 h1, .elementor-221 .elementor-element.elementor-element-a8394608 h1.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-a8394608 h2, .elementor-221 .elementor-element.elementor-element-a8394608 h2.elementor-heading-title, .elementor-221 .elementor-element.elementor-element-a8394608 h3, .elementor-221 .elementor-element.elementor-element-a8394608 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0}
.elementor-221 .elementor-element.elementor-element-a8394608 p{margin:0}
.elementor-221 .elementor-element.elementor-element-a8394608 a{color:inherit}
.elementor-221 .elementor-element.elementor-element-a8394608 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)}
.elementor-221 .elementor-element.elementor-element-a8394608 button:active{transform:scale(.97)}
.elementor-221 .elementor-element.elementor-element-a8394608 a:focus-visible, .elementor-221 .elementor-element.elementor-element-a8394608 button:focus-visible, .elementor-221 .elementor-element.elementor-element-a8394608 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}
.elementor-221 .elementor-element.elementor-element-a8394608 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)}
.elementor-221 .elementor-element.elementor-element-a8394608 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums}
.js .elementor-221 .elementor-element.elementor-element-a8394608 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)}
.js .elementor-221 .elementor-element.elementor-element-a8394608 .rv.an{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.elementor-221 .elementor-element.elementor-element-a8394608 *, .elementor-221 .elementor-element.elementor-element-a8394608 *::before, .elementor-221 .elementor-element.elementor-element-a8394608 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.js .elementor-221 .elementor-element.elementor-element-a8394608 .rv{opacity:1;transform:none}
}
.elementor-221 .elementor-element.elementor-element-a8394608 .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-221 .elementor-element.elementor-element-a8394608 .knopf-ink:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a8394608 .knopf-ink:hover{background:var(--gelb);color:var(--ink)}
}
.elementor-221 .elementor-element.elementor-element-a8394608 .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-221 .elementor-element.elementor-element-a8394608 .knopf-gelb:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a8394608 .knopf-gelb:hover{filter:brightness(1.06)}
}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte{background:var(--papier);border:1px solid var(--linie-tragend);border-radius:var(--r-element); padding:16px 18px;box-shadow:0 18px 44px -30px rgba(24,24,27,.55)}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte b{display:block;font-family:var(--titel);font-weight:600;font-size:15px; letter-spacing:-.02em;margin-bottom:10px;color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte b i{font-style:normal;color:var(--ink-3);font-weight:400;font-family:var(--fliess); font-size:12px;display:block}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte__zeile{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink-3); transition:color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte__zeile i{font-style:normal;width:18px;height:18px;border-radius:999px;flex:0 0 auto; border:1.5px solid var(--linie-tragend);display:grid;place-items:center;font-size:10px;font-weight:700; color:transparent;transition:background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease)}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte__zeile.ok{color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte__zeile.ok i{background:var(--gelb);border-color:var(--gelb);color:var(--ink)}
.elementor-221 .elementor-element.elementor-element-a8394608 .akarte__zeile.tippt .akarte__txt::after{content:"";display:inline-block;width:7px;height:11px; margin-left:3px;border-radius:1px;background:var(--gelb);vertical-align:-1px; animation:blinzeln 1.05s steps(1) infinite}
.elementor-221 .elementor-element.elementor-element-a8394608 .kap{display:block;font-family:var(--titel);font-weight:600;font-size:15px; color:var(--ink-3);margin-bottom:12px}
.elementor-221 .elementor-element.elementor-element-a8394608 .kap--hell{color:rgba(255,255,255,.6)}
.elementor-221 .elementor-element.elementor-element-a8394608 .aussage{font-size:var(--t-aussage);max-width:15ch;text-wrap:balance}
.elementor-221 .elementor-element.elementor-element-a8394608 .satz{color:var(--ink-2);margin-top:16px;max-width:46ch;font-size:var(--t-body)}
.elementor-221 .elementor-element.elementor-element-a8394608 .mehr{display:inline-flex;align-items:baseline;gap:9px;margin-top:24px; text-decoration:none;font-weight:500;font-size:15px;position:relative}
.elementor-221 .elementor-element.elementor-element-a8394608 .mehr::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px; background:var(--gelb);border-radius:2px;transform:scaleX(0);transform-origin:left; transition:transform 280ms var(--ease)}
@media (hover:hover) and (pointer:fine){
.elementor-221 .elementor-element.elementor-element-a8394608 .mehr:hover::after{transform:scaleX(1)}
}
.elementor-221 .elementor-element.elementor-element-a8394608 .mehr i{font-style:normal}
/* Der Block ist unsichtbar, aber NICHT display:none: seine drei 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-221 .elementor-element.elementor-element-a8394608{padding:0;margin:0}
.elementor-221 .elementor-element.elementor-element-a8394608 .bm-ls-schrift{display:none}/* End custom CSS */