.elementor-223 .elementor-element.elementor-element-a36a2503{--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-223 .elementor-element.elementor-element-53e5c6de .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-532c9827 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-cfa7952f .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-223 .elementor-element.elementor-element-58a906ac .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}.elementor-223 .elementor-element.elementor-element-8e8ca936{--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-223 .elementor-element.elementor-element-84196e85{--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-223 .elementor-element.elementor-element-3b78ee6f .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-4157aef8{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-09771578{--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-223 .elementor-element.elementor-element-5830431d{--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-223 .elementor-element.elementor-element-3faa77c6{--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-223 .elementor-element.elementor-element-483296f1 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-b064a19e{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-b4ad7b2a{--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-223 .elementor-element.elementor-element-521e89dc{--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-223 .elementor-element.elementor-element-9e853865{--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-223 .elementor-element.elementor-element-a1035d9a .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-478e8c97{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-ee25ac1f{--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-223 .elementor-element.elementor-element-bb1f9553{--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-223 .elementor-element.elementor-element-bebdad93 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-fa7dac49{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-6f32333b{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-c0ac8be8{--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-223 .elementor-element.elementor-element-415f77ba{--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-223 .elementor-element.elementor-element-89d54ad4 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-b9fb7f82{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-a33df70e{--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-223 .elementor-element.elementor-element-499047f7{--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-223 .elementor-element.elementor-element-c954979a .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-951ebd3f{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-d3e0bce9{--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-223 .elementor-element.elementor-element-4f5f0c61{--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-223 .elementor-element.elementor-element-ede67f50 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-623d8334{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-8cb13cc3{--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-223 .elementor-element.elementor-element-910f686d{--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-223 .elementor-element.elementor-element-caf47f1b{--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-223 .elementor-element.elementor-element-617dd8ec .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-f337aa77{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-247be03e{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-7d747dfd{--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-223 .elementor-element.elementor-element-e767da11{--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-223 .elementor-element.elementor-element-0a7cc645 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-370b8cf8{--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-223 .elementor-element.elementor-element-f649e8a0{--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-223 .elementor-element.elementor-element-d8190510 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-69203a08{--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-223 .elementor-element.elementor-element-9612e925{--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-223 .elementor-element.elementor-element-5ecd3030{--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-223 .elementor-element.elementor-element-9f4e765f{--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-223 .elementor-element.elementor-element-a987a581 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-223 .elementor-element.elementor-element-deaf732f .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-223 .elementor-element.elementor-element-17c2120d .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-223 .elementor-element.elementor-element-c413eb6e .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-a36a2503 */.elementor-223 .elementor-element.elementor-element-a36a2503{--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); --ease-stark:cubic-bezier(.23,1,.32,1); --setz:cubic-bezier(.34,1.22,.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-223 .elementor-element.elementor-element-a36a2503 *, .elementor-223 .elementor-element.elementor-element-a36a2503 *::before, .elementor-223 .elementor-element.elementor-element-a36a2503 *::after{box-sizing:border-box} .elementor-223 .elementor-element.elementor-element-a36a2503 h1, .elementor-223 .elementor-element.elementor-element-a36a2503 h1.elementor-heading-title, .elementor-223 .elementor-element.elementor-element-a36a2503 h2, .elementor-223 .elementor-element.elementor-element-a36a2503 h2.elementor-heading-title, .elementor-223 .elementor-element.elementor-element-a36a2503 h3, .elementor-223 .elementor-element.elementor-element-a36a2503 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0} .elementor-223 .elementor-element.elementor-element-a36a2503 p{margin:0} .elementor-223 .elementor-element.elementor-element-a36a2503 a{color:inherit} .elementor-223 .elementor-element.elementor-element-a36a2503 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)} .elementor-223 .elementor-element.elementor-element-a36a2503 button:active{transform:scale(.97)} .elementor-223 .elementor-element.elementor-element-a36a2503 a:focus-visible, .elementor-223 .elementor-element.elementor-element-a36a2503 button:focus-visible, .elementor-223 .elementor-element.elementor-element-a36a2503 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px} .elementor-223 .elementor-element.elementor-element-a36a2503 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)} .elementor-223 .elementor-element.elementor-element-a36a2503 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums} .js .elementor-223 .elementor-element.elementor-element-a36a2503 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)} .js .elementor-223 .elementor-element.elementor-element-a36a2503 .rv.an{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ .elementor-223 .elementor-element.elementor-element-a36a2503 *, .elementor-223 .elementor-element.elementor-element-a36a2503 *::before, .elementor-223 .elementor-element.elementor-element-a36a2503 *::after{transition-duration:150ms!important;transition-delay:0ms!important; animation-duration:.01ms!important;animation-iteration-count:1!important; scroll-behavior:auto!important} .js .elementor-223 .elementor-element.elementor-element-a36a2503 .rv{opacity:1;transform:none} } .elementor-223 .elementor-element.elementor-element-a36a2503 .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-223 .elementor-element.elementor-element-a36a2503 .knopf-gelb:active{transform:scale(.97)} @media (hover:hover) and (pointer:fine){ .elementor-223 .elementor-element.elementor-element-a36a2503 .knopf-gelb:hover{filter:brightness(1.06)} } /* ==== SITE-NAV, FASSUNG C1 ============================================ Gezogen aus _qa/skizzen/nav-varianten.html (Kai-Wahl 24.08.), Fassung C Spielart C1. Schatten-Fix aus _assets/gesamt-bauen.py (Kai 25.08.). Ungescopet, aber jede Regel unter `.bm-nav`: die Zustands-Klassen sitzen am und ueberlebten ein Scopen auf `.elementor-223 .elementor-element.elementor-element-a36a2503` 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-223 .elementor-element.elementor-element-a36a2503{padding:0;margin:0;width:auto;display:block} .elementor-223 .elementor-element.elementor-element-a36a2503 .bm-nav-schrift, .elementor-223 .elementor-element.elementor-element-a36a2503 .bm-nav-hilf{display:none} .elementor-223 .elementor-element.elementor-element-a36a2503{padding:0} /* Der js-Klassen-Einzeiler der Skizze steht dort im . Hier gehoert er in den ERSTEN Wurzel-Container der Seite: `.js .rv{opacity:0}` und der Papier-Vorhang muessen beim ersten Anstrich stehen, sonst blitzt die Seite auf, bevor der Vorhang haengt. */ .elementor-223 .elementor-element.elementor-element-a36a2503 .bm-fv-hilf{display:none}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e8ca936 */.elementor-223 .elementor-element.elementor-element-8e8ca936{--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); --ease-stark:cubic-bezier(.23,1,.32,1); --setz:cubic-bezier(.34,1.22,.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-223 .elementor-element.elementor-element-8e8ca936 *, .elementor-223 .elementor-element.elementor-element-8e8ca936 *::before, .elementor-223 .elementor-element.elementor-element-8e8ca936 *::after{box-sizing:border-box} .elementor-223 .elementor-element.elementor-element-8e8ca936 h1, .elementor-223 .elementor-element.elementor-element-8e8ca936 h1.elementor-heading-title, .elementor-223 .elementor-element.elementor-element-8e8ca936 h2, .elementor-223 .elementor-element.elementor-element-8e8ca936 h2.elementor-heading-title, .elementor-223 .elementor-element.elementor-element-8e8ca936 h3, .elementor-223 .elementor-element.elementor-element-8e8ca936 h3.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em; line-height:var(--lh-display);margin:0} .elementor-223 .elementor-element.elementor-element-8e8ca936 p{margin:0} .elementor-223 .elementor-element.elementor-element-8e8ca936 a{color:inherit} .elementor-223 .elementor-element.elementor-element-8e8ca936 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer; transition:transform var(--d-micro) var(--ease)} .elementor-223 .elementor-element.elementor-element-8e8ca936 button:active{transform:scale(.97)} .elementor-223 .elementor-element.elementor-element-8e8ca936 a:focus-visible, .elementor-223 .elementor-element.elementor-element-8e8ca936 button:focus-visible, .elementor-223 .elementor-element.elementor-element-8e8ca936 summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px} .elementor-223 .elementor-element.elementor-element-8e8ca936 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)} .elementor-223 .elementor-element.elementor-element-8e8ca936 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums} .js .elementor-223 .elementor-element.elementor-element-8e8ca936 .rv{opacity:0;transform:translateY(16px); transition:opacity var(--d-reveal) var(--ease),transform var(--d-reveal) var(--ease)} .js .elementor-223 .elementor-element.elementor-element-8e8ca936 .rv.an{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ .elementor-223 .elementor-element.elementor-element-8e8ca936 *, .elementor-223 .elementor-element.elementor-element-8e8ca936 *::before, .elementor-223 .elementor-element.elementor-element-8e8ca936 *::after{transition-duration:150ms!important;transition-delay:0ms!important; animation-duration:.01ms!important;animation-iteration-count:1!important; scroll-behavior:auto!important} .js .elementor-223 .elementor-element.elementor-element-8e8ca936 .rv{opacity:1;transform:none} } .elementor-223 .elementor-element.elementor-element-8e8ca936 .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-223 .elementor-element.elementor-element-8e8ca936 .knopf-gelb:active{transform:scale(.97)} @media (hover:hover) and (pointer:fine){ .elementor-223 .elementor-element.elementor-element-8e8ca936 .knopf-gelb:hover{filter:brightness(1.06)} } /* Elementor macht aus jedem Container einen Flex-Container. Die Skizze rechnet beim
und bei .spiegel mit Block. */ .elementor-223 .elementor-element.elementor-element-8e8ca936{display:block} .elementor-223 .elementor-element.elementor-element-8e8ca936 .spiegel{display:block} @media (prefers-reduced-motion:reduce){ .elementor-223 .elementor-element.elementor-element-8e8ca936.hero .wort i{transform:none} } .elementor-223 .elementor-element.elementor-element-8e8ca936.hero{padding:clamp(64px,10vh,120px) 0 clamp(44px,7vh,84px)} .elementor-223 .elementor-element.elementor-element-8e8ca936.hero h1, .elementor-223 .elementor-element.elementor-element-8e8ca936.hero h1.elementor-heading-title{font-size:var(--t-hero);max-width:13ch} .elementor-223 .elementor-element.elementor-element-8e8ca936.hero p{max-width:48ch;margin-top:26px;font-size:clamp(17px,1.35vw,20px);color:var(--ink-2)} @keyframes blinzeln{50%{opacity:0}} .elementor-223 .elementor-element.elementor-element-8e8ca936.hero .wort{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em} .elementor-223 .elementor-element.elementor-element-8e8ca936.hero .wort i{display:inline-block;font-style:normal;transition:transform 620ms var(--ease-expo)} .js .elementor-223 .elementor-element.elementor-element-8e8ca936.hero .wort i{transform:translateY(112%)} .js.los .elementor-223 .elementor-element.elementor-element-8e8ca936.hero .wort i{transform:none} .elementor-223 .elementor-element.elementor-element-8e8ca936.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} /* Kit-Falle 1 (STATUS 13.08., lab-verifiziert): Elementors Kit stylt `.elementor-widget-heading .elementor-heading-title` explizit (0,2,0) und stylt h1 bis h6 NAMENTLICH. Beides schlaegt jede Vererbung vom Widget-Rahmen. Die Ueberschrift erbt hier wieder von ihrem Rahmen; die echten Werte kommen aus den h1/h2/h3-Regeln der Skizze, die als `.elementor-223 .elementor-element.elementor-element-8e8ca936 h2.elementor-heading-title` (0,2,1) laut genug stehen. */ .elementor-223 .elementor-element.elementor-element-8e8ca936 .elementor-heading-title{color:inherit;font-family:inherit; font-size:inherit;font-weight:inherit;line-height:inherit; letter-spacing:inherit;text-align:inherit} /* Theme-Durchgriff (STATUS 20.08.): Hello Elementor stylt `figcaption` mit line-height 1.4 UND font-style italic. Diese Seite fuehrt keine figcaption; die Zeile bleibt trotzdem stehen, damit eine spaeter eingesetzte Bildunterschrift nicht still kippt. */ .elementor-223 .elementor-element.elementor-element-8e8ca936 figcaption{line-height:var(--lh-body);font-style:normal} /* Theme-Durchgriff Nummer zwei (STATUS 21.08.): Hello Elementors `reset.css` setzt `label{display:inline-block; line-height:1; vertical-align:middle}`. Die Skizze fasst `label` nicht an, dort erbt es die 1,6 vom Body. Diese Seite fuehrt kein label; die Zeile bleibt vorbeugend stehen. */ .elementor-223 .elementor-element.elementor-element-8e8ca936 label{line-height:var(--lh-body);display:inline;vertical-align:baseline} /* Theme-Durchgriff Nummer drei (Websitebau-Bau 22.08., bei echten 390 gemessen): auf der Lab bekommt JEDER `button` `white-space:nowrap`, in der Skizze steht dort `normal`, und die Lab gibt Knoepfen 3px Radius, die Skizze 0. Beides entscheidet das Theme, weil die Skizze es nicht anfasst. Auf DIESER Seite sind die 28 Tage des Beispiel-Monats `