.elementor-230 .elementor-element.elementor-element-bd865fa9{--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-230 .elementor-element.elementor-element-de39d9cf .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-230 .elementor-element.elementor-element-dd829ef7 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-230 .elementor-element.elementor-element-6e33a3e1 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-230 .elementor-element.elementor-element-9d1d8c71 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}.elementor-230 .elementor-element.elementor-element-6706dc09{--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-230 .elementor-element.elementor-element-00d6ac8a{--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-230 .elementor-element.elementor-element-fadce407 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-230 .elementor-element.elementor-element-d2648a50{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-230 .elementor-element.elementor-element-fa064244{--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-230 .elementor-element.elementor-element-0e4f432b{--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-230 .elementor-element.elementor-element-f3709cf4{--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-230 .elementor-element.elementor-element-6e2fbb37{--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-230 .elementor-element.elementor-element-e97f5962{--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-230 .elementor-element.elementor-element-a7f5173e{--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-230 .elementor-element.elementor-element-efd57feb{--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-230 .elementor-element.elementor-element-8c75dbd8 .elementor-heading-title{font-family:"Familjen Grotesk", Sans-serif;font-weight:600;}.elementor-230 .elementor-element.elementor-element-6b752844 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:400;}.elementor-230 .elementor-element.elementor-element-5c41fecd .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-weight:500;}.elementor-230 .elementor-element.elementor-element-a7278625 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-weight:500;}/* Start custom CSS for container, class: .elementor-element-bd865fa9 */.elementor-230 .elementor-element.elementor-element-bd865fa9{--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; --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-body:clamp(15px,1.15vw,17px); --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); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px;} .elementor-230 .elementor-element.elementor-element-bd865fa9 *, .elementor-230 .elementor-element.elementor-element-bd865fa9 *::before, .elementor-230 .elementor-element.elementor-element-bd865fa9 *::after{box-sizing:border-box} .elementor-230 .elementor-element.elementor-element-bd865fa9 h1, .elementor-230 .elementor-element.elementor-element-bd865fa9 h1.elementor-heading-title, .elementor-230 .elementor-element.elementor-element-bd865fa9 h2, .elementor-230 .elementor-element.elementor-element-bd865fa9 h2.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em;line-height:1.06;margin:0} .elementor-230 .elementor-element.elementor-element-bd865fa9 p{margin:0} .elementor-230 .elementor-element.elementor-element-bd865fa9 a{color:inherit} .elementor-230 .elementor-element.elementor-element-bd865fa9 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer} .elementor-230 .elementor-element.elementor-element-bd865fa9 a:focus-visible, .elementor-230 .elementor-element.elementor-element-bd865fa9 button:focus-visible{outline:3px solid var(--fokus);outline-offset:3px} .elementor-230 .elementor-element.elementor-element-bd865fa9 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)} .elementor-230 .elementor-element.elementor-element-bd865fa9 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums} @media (prefers-reduced-motion:reduce){ .elementor-230 .elementor-element.elementor-element-bd865fa9 *, .elementor-230 .elementor-element.elementor-element-bd865fa9 *::before, .elementor-230 .elementor-element.elementor-element-bd865fa9 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important} } /* ==== 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-230 .elementor-element.elementor-element-bd865fa9` 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-230 .elementor-element.elementor-element-bd865fa9{padding:0;margin:0;width:auto;display:block} .elementor-230 .elementor-element.elementor-element-bd865fa9 .bm-nav-schrift, .elementor-230 .elementor-element.elementor-element-bd865fa9 .bm-nav-hilf{display:none} .elementor-230 .elementor-element.elementor-element-bd865fa9{padding:0} /* Der js-Klassen-Einzeiler und der Vorhang tragen keine eigene Hoehe; das Hilfs-Widget des Schalters wird ausgeblendet, damit es keine leere Zeile in den Fluss legt. */ .elementor-230 .elementor-element.elementor-element-bd865fa9 .bm-rs-hilf{display:none}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6706dc09 */.elementor-230 .elementor-element.elementor-element-6706dc09{--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; --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-body:clamp(15px,1.15vw,17px); --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); --d-micro:160ms; --d-hover:200ms; --d-reveal:560ms; --spiegel:1180px;} .elementor-230 .elementor-element.elementor-element-6706dc09 *, .elementor-230 .elementor-element.elementor-element-6706dc09 *::before, .elementor-230 .elementor-element.elementor-element-6706dc09 *::after{box-sizing:border-box} .elementor-230 .elementor-element.elementor-element-6706dc09 h1, .elementor-230 .elementor-element.elementor-element-6706dc09 h1.elementor-heading-title, .elementor-230 .elementor-element.elementor-element-6706dc09 h2, .elementor-230 .elementor-element.elementor-element-6706dc09 h2.elementor-heading-title{font-family:var(--titel);font-weight:600;letter-spacing:-.03em;line-height:1.06;margin:0} .elementor-230 .elementor-element.elementor-element-6706dc09 p{margin:0} .elementor-230 .elementor-element.elementor-element-6706dc09 a{color:inherit} .elementor-230 .elementor-element.elementor-element-6706dc09 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer} .elementor-230 .elementor-element.elementor-element-6706dc09 a:focus-visible, .elementor-230 .elementor-element.elementor-element-6706dc09 button:focus-visible{outline:3px solid var(--fokus);outline-offset:3px} .elementor-230 .elementor-element.elementor-element-6706dc09 .spiegel{max-width:var(--spiegel);margin:0 auto;padding:0 var(--rand)} .elementor-230 .elementor-element.elementor-element-6706dc09 .mono{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.15em; text-transform:uppercase;font-variant-numeric:tabular-nums} @media (prefers-reduced-motion:reduce){ .elementor-230 .elementor-element.elementor-element-6706dc09 *, .elementor-230 .elementor-element.elementor-element-6706dc09 *::before, .elementor-230 .elementor-element.elementor-element-6706dc09 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important} } /* Elementor macht aus jedem Container einen Flex-Container. Die Quelle rechnet bei
und bei .spiegel mit Block: der Titel ist ein Block, das Etikett ein inline-flex-Kasten in eigener Zeile, und `margin-top` traegt beide auseinander. Als Flex-Spalte waeren die margin-Werte dieselben, aber das Etikett zoege sich auf die volle Breite. */ .elementor-230 .elementor-element.elementor-element-6706dc09{display:block} .elementor-230 .elementor-element.elementor-element-6706dc09 .spiegel{display:block} .elementor-230 .elementor-element.elementor-element-6706dc09.kopf{padding:72px 0 40px} .elementor-230 .elementor-element.elementor-element-6706dc09.kopf h1, .elementor-230 .elementor-element.elementor-element-6706dc09.kopf h1.elementor-heading-title{font-size:clamp(34px,4.9vw,68px)} .elementor-230 .elementor-element.elementor-element-6706dc09.kopf p{max-width:56ch;margin-top:18px;color:var(--ink-2);font-size:var(--t-body)} .elementor-230 .elementor-element.elementor-element-6706dc09.kopf .entwurf{display:inline-flex;align-items:center;gap:9px;margin-top:22px; background:var(--dunkel);color:#fff;border-radius:999px;padding:9px 16px; font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.13em;text-transform:uppercase} .elementor-230 .elementor-element.elementor-element-6706dc09.kopf .entwurf::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gelb)} /* 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 H1 des Kopfes erbt hier wieder von ihrem Rahmen; ihre echten Werte kommen aus `.elementor-230 .elementor-element.elementor-element-6706dc09 h1.elementor-heading-title` und `.elementor-230 .elementor-element.elementor-element-6706dc09.kopf h1.elementor-heading-title` (0,4,1). */ .elementor-230 .elementor-element.elementor-element-6706dc09 .elementor-heading-title{color:inherit;font-family:inherit; font-size:inherit;font-weight:inherit;line-height:inherit; letter-spacing:inherit;text-align:inherit} /* Element-Neutralisierer fuer Ueberschriften. Anders als beim Kontakt-Bau steht er hier, und der Grund ist die Bauweise: die acht H2 der Rechtsabschnitte liegen in HTML-Widgets, tragen also KEINE Elementor-Klasse. Fuer sie greift nur `.elementor-230 .elementor-element.elementor-element-6706dc09 h1, .elementor-230 .elementor-element.elementor-element-6706dc09 h2` (0,3,1) aus dem Basis-Paket und `.elementor-230 .elementor-element.elementor-element-6706dc09.recht h2` (0,4,1). Was der Neutralisierer setzen DARF, ist damit genau festgelegt: nur Eigenschaften, die die Quell-Regeln NICHT setzen. Sonst schluege er sie (gleiche Spezifitaet, spaetere Position) und braeche die Quelle statt das Theme (Lehre 5 des Kontakt-Baus). `rs_pruefung.py` misst diese Bedingung bei jedem Lauf (Probe NEUTRAL), statt sie zu behaupten. Gemessen wurde vor dem Import an einem klassenlosen h1 und h2 auf der noch leeren Lab-Seite: Hellos `reset.css` sagt `h1..h6{color:inherit; font-family:inherit; font-weight:500; line-height:1.2; margin-block:.5rem 1rem}` plus je eine Groesse (h1 2.5rem, h2 2rem). Gewicht, Zeilenhoehe, Rand, Familie und Groesse holt die Quelle sich mit (0,3,1) und (0,4,1) zurueck. Bleiben `color` und `text-align`: die stehen hier. Hello setzt color selbst schon auf `inherit`, und das Kit `post-5.css` stylt Ueberschriften auf dieser Lab (Stand 25.08.) gar nicht. Die Zeile ist also VORBEUGEND — sie greift in dem Moment, in dem jemand im Kit eine Ueberschriften-Typografie einstellt, denn die kaeme als `.elementor-kit-5 h2{color:…}` (0,1,1) und schluege die Vererbung. */ .elementor-230 .elementor-element.elementor-element-6706dc09 h1, .elementor-230 .elementor-element.elementor-element-6706dc09 h2, .elementor-230 .elementor-element.elementor-element-6706dc09 h3, .elementor-230 .elementor-element.elementor-element-6706dc09 h4, .elementor-230 .elementor-element.elementor-element-6706dc09 h5, .elementor-230 .elementor-element.elementor-element-6706dc09 h6{ color:inherit;text-align:inherit} /* Theme-Durchgriff (STATUS 20.08., hier neu vermessen): Hellos `reset.css` sagt `figcaption{color:#333; font-size:16px; font-style:italic; font-weight:400; line-height:1.4}` — fuenf Werte, nicht zwei. Diese Seiten fuehren keine figcaption; die Zeile bleibt vorbeugend stehen und ist deshalb vollstaendig, nicht halb. */ .elementor-230 .elementor-element.elementor-element-6706dc09 figcaption{color:inherit;font-size:inherit;font-weight:inherit; line-height:1.6;font-style:normal} /* Theme-Durchgriff an den Listen-Sorten, gemessen: Hellos `reset.css` sagt `dd,dl,dt,li,ol,ul{margin-block:0; …}`, waehrend die Browser-Voreinstellung fuer `ul`/`ol`/`dl` 1em oben und unten vorsieht (in der Quelle gemessen: 17px). Der Datenschutz-Entwurf traegt eine fertige Regel `.recht ul{margin:12px 0 0; padding-left:18px; …}`, aber (Stand 25.08.) kein einziges `