:root{--ho3-weiss: #FFFFFF;--ho3-schwarz: #111111;--ho3-navy: #163C64;--ho3-graphit: var(--ho3-navy);--ho3-schiefer: #1B2027;--ho3-beige: #F5F5F5;--ho3-beige-tief: #EDEDED;--ho3-grau: #666666;--ho3-text-2: #3A3A3A;--ho3-linie: #E4E2DD;--ho3-gruen: #1E7A4C;--ho3-auf-dunkel: #DBDBDB;--ho3-fehler: #B42318;--ho3-herbst: #C2410C;--ho3-herbst-hell: #FFF1E6;--ho3-r-s: 12px;--ho3-r: 24px;--ho3-r-l: 32px;--ho3-pille: 999px;--ho3-glas-hell: rgba(255, 255, 255, .58);--ho3-glas-hell-rand: rgba(255, 255, 255, .85);--ho3-glas-dunkel: rgba(255, 255, 255, .08);--ho3-glas-dunkel-rand: rgba(255, 255, 255, .18);--ho3-blur: blur(22px) saturate(160%);--ho3-glanz-hell: linear-gradient(135deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .14) 38%, rgba(255, 255, 255, 0) 64%);--ho3-glanz-dunkel: linear-gradient(135deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, .04) 45%, rgba(255, 255, 255, 0) 72%);--ho3-wrap: 1200px;--ho3-rand: 40px;--ho3-takt: 104px;--ho3-ease: cubic-bezier(.2, .7, .2, 1);--ho3-schrift: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ho3-rahmen: 1440px;--ho3-rahmen-rand: 16px;--ho3-rahmen-radius: var(--ho3-r-l);--ho3-rand-im-rahmen: 24px}@media(max-width:767px){:root{--ho3-rand: 20px;--ho3-takt: 64px;--ho3-rahmen-rand: 8px;--ho3-rahmen-radius: var(--ho3-r);--ho3-rand-im-rahmen: 16px}}#content>.main-container{padding-left:0;padding-right:0;max-width:none}.ho3,.ho3 *,.ho3 *:before,.ho3 *:after{box-sizing:border-box}.ho3{color:var(--ho3-schwarz);font-family:var(--ho3-schrift);font-size:17px;line-height:1.55;font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased;text-align:left}@media(max-width:767px){.ho3{font-size:16px}}.ho3 :where(h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dd){margin:0;padding:0}.ho3 :where(h1,h2,h3,h4,h5){font-family:inherit;font-weight:400;color:inherit;text-transform:none;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}.ho3 :where(ul,ol){list-style:none}.ho3 :where(img,video,svg){max-width:100%}.ho3 :where(img){display:block;height:auto}.ho3 :where(a){color:inherit}.ho3 :where(button){font:inherit}.ho3-wrap{max-width:calc(var(--ho3-wrap) + 2 * var(--ho3-rand));margin-left:auto;margin-right:auto;padding-left:var(--ho3-rand);padding-right:var(--ho3-rand)}.ho3-wrap--schmal{max-width:calc(820px + 2 * var(--ho3-rand))}.ho3-section{padding-top:calc(var(--ho3-takt) / 2);padding-bottom:calc(var(--ho3-takt) / 2)}.ho3-section--flaeche{padding-top:var(--ho3-takt);padding-bottom:var(--ho3-takt)}.ho3-section--ohne-oben{padding-top:0}.ho3-section--ohne-unten{padding-bottom:0}.ho3-kopf{max-width:760px;margin-bottom:40px}.ho3-kopf--mitte{margin-left:auto;margin-right:auto;text-align:center}.ho3-kopf>*+*{margin-top:14px}.ho3-flaeche-weiss{background:var(--ho3-weiss)}.ho3-flaeche-beige{background:var(--ho3-beige)}.ho3-flaeche-schwarz{background:var(--ho3-navy);color:#fff}.ho3-flaeche-graphit{background:var(--ho3-graphit);color:#fff}.shopify-section>.ho3:is(.ho3-flaeche-beige,.ho3-flaeche-graphit,.ho3-flaeche-schwarz):not(.ho3-vollbreit),.ho3.ho3-rahmen{--ho3-rand: var(--ho3-rand-im-rahmen);max-width:min(var(--ho3-rahmen),calc(100% - 2 * var(--ho3-rahmen-rand)));margin-top:var(--ho3-rahmen-rand);margin-bottom:var(--ho3-rahmen-rand);margin-left:auto;margin-right:auto;border-radius:var(--ho3-rahmen-radius);overflow:clip}.ho3-panel{position:relative;overflow:hidden;border-radius:var(--ho3-r-l);isolation:isolate}.ho3-panel__bild{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ho3-panel__bild img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.3}.ho3-panel__bild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#163c6466,#1b1f24f0)}.ho3-flaeche-graphit:has(.ho3-panel__bild){background:var(--ho3-schiefer)}.ho3-flaeche-graphit:not(:has(.ho3-panel__bild)):not(.ho3-laborwerte) .ho3-glas-dunkel:not(.ho3-g3-laborliste__karte){background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:767px){.ho3-panel{border-radius:var(--ho3-r)}}.ho3-display{font-size:clamp(40px,5.4vw,72px);line-height:1;letter-spacing:-.035em}.ho3-h1{font-size:clamp(36px,4.3vw,58px);line-height:1.04;letter-spacing:-.03em}.ho3-h2{font-size:clamp(30px,3.3vw,46px);line-height:1.08;letter-spacing:-.025em}.ho3-display,.ho3-h1,.ho3-h2{overflow-wrap:break-word}.ho3-h3{font-size:clamp(19px,1.7vw,23px);line-height:1.25;font-weight:500!important;letter-spacing:-.01em}.ho3-lead{font-size:clamp(18px,1.45vw,20px);line-height:1.45;color:var(--ho3-text-2);text-wrap:pretty}.ho3-text{font-size:17px;line-height:1.55;color:var(--ho3-text-2)}.ho3-klein{font-size:15px;line-height:1.45;color:var(--ho3-grau)}.ho3-label{font-size:14px;line-height:1.3;font-weight:500}.ho3-zahl{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-weight:400}.ho3-sterne{letter-spacing:.08em;font-size:15px;white-space:nowrap}.ho3-flaeche-graphit .ho3-lead,.ho3-flaeche-schwarz .ho3-lead,.ho3-flaeche-graphit .ho3-text,.ho3-flaeche-schwarz .ho3-text,.ho3-flaeche-graphit .ho3-klein,.ho3-flaeche-schwarz .ho3-klein{color:var(--ho3-auf-dunkel)}@media(max-width:767px){.ho3-text{font-size:16px}}.ho3-prosa{font-size:17px;line-height:1.65;color:var(--ho3-text-2)}.ho3-prosa>*+*{margin-top:1em}.ho3-prosa h2{font-size:clamp(24px,2.4vw,32px);color:var(--ho3-schwarz);margin-top:1.6em}.ho3-prosa h3{font-size:20px;font-weight:500;color:var(--ho3-schwarz);margin-top:1.4em}.ho3-prosa ul{list-style:disc;padding-left:1.2em}.ho3-prosa ol{list-style:decimal;padding-left:1.2em}.ho3-prosa a{text-decoration:underline;text-underline-offset:3px}.ho3-prosa strong{font-weight:600;color:var(--ho3-schwarz)}.ho3-prosa img{border-radius:var(--ho3-r)}.ho3-prosa table{width:100%;border-collapse:collapse;font-size:15px}.ho3-prosa td,.ho3-prosa th{border-bottom:1px solid var(--ho3-linie);padding:10px 8px;text-align:left}.ho3 .ho3-btn,.ho3-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;min-width:0;padding:0 28px;margin:0;border:0;border-radius:var(--ho3-pille);background:var(--ho3-schwarz);color:#fff;font-family:var(--ho3-schrift);font-size:16px;font-weight:500;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.ho3-btn:before,.ho3-btn:after{content:none!important}.ho3-btn:hover{background:#333;color:#fff}.ho3-btn:active{transform:scale(.98)}.ho3-btn:focus-visible{outline:2px solid var(--ho3-schwarz);outline-offset:3px}.ho3-btn[disabled],.ho3-btn.is-laedt{opacity:.55;pointer-events:none}.ho3 .ho3-btn--hell,.ho3-btn--hell{background:#fff;color:var(--ho3-schwarz)}.ho3 .ho3-btn--hell:hover,.ho3-btn--hell:hover{background:#ededed;color:var(--ho3-schwarz)}.ho3 .ho3-btn--hell:focus-visible,.ho3-btn--hell:focus-visible{outline-color:#fff}.ho3 .ho3-btn--rahmen,.ho3-btn--rahmen{background:transparent;color:var(--ho3-schwarz);box-shadow:inset 0 0 0 1px var(--ho3-schwarz)}.ho3 .ho3-btn--rahmen:hover,.ho3-btn--rahmen:hover{background:var(--ho3-schwarz);color:#fff}.ho3 .ho3-flaeche-graphit .ho3-btn--rahmen,.ho3 .ho3-flaeche-schwarz .ho3-btn--rahmen,.ho3-flaeche-graphit .ho3-btn--rahmen,.ho3-flaeche-schwarz .ho3-btn--rahmen{color:#fff;box-shadow:inset 0 0 0 1px #fff9}.ho3 .ho3-flaeche-graphit .ho3-btn--rahmen:hover,.ho3 .ho3-flaeche-schwarz .ho3-btn--rahmen:hover{background:#fff;color:var(--ho3-schwarz)}.ho3 .ho3-btn--klein,.ho3-btn--klein{height:44px;padding:0 20px;font-size:15px}.ho3 .ho3-btn--voll,.ho3-btn--voll{width:100%}.ho3-textlink{font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.ho3-textlink:hover{text-decoration-thickness:2px}.ho3-glas{background-color:var(--ho3-glas-hell);background-image:var(--ho3-glanz-hell);-webkit-backdrop-filter:var(--ho3-blur);backdrop-filter:var(--ho3-blur);border:1px solid var(--ho3-glas-hell-rand);box-shadow:inset 0 1px #fffffff2,0 14px 40px #11111124;color:var(--ho3-schwarz)}.ho3-glas-dunkel{background-color:var(--ho3-glas-dunkel);background-image:var(--ho3-glanz-dunkel);-webkit-backdrop-filter:var(--ho3-blur);backdrop-filter:var(--ho3-blur);border:1px solid var(--ho3-glas-dunkel-rand);box-shadow:inset 0 1px #ffffff29;color:#fff}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.ho3-glas{background-color:#ffffffe6}.ho3-glas-dunkel{background-color:#2c5078eb}}.ho3-karte{background:var(--ho3-beige);border-radius:var(--ho3-r);padding:28px}.ho3-flaeche-beige .ho3-karte{background:var(--ho3-weiss)}.ho3-karte--gewaehlt{box-shadow:inset 0 0 0 1.5px var(--ho3-schwarz)}@media(max-width:767px){.ho3-karte{padding:22px}}.ho3-pille{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--ho3-pille);background:var(--ho3-schwarz);color:#fff;font-size:15px;font-weight:500;white-space:nowrap}.ho3-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--ho3-pille);font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none}.ho3-chip--aktiv{background:var(--ho3-schwarz);color:#fff}.ho3-chip--rahmen{box-shadow:inset 0 0 0 1px #8a8a8a;color:var(--ho3-schwarz)}.ho3-chip--rahmen:hover{box-shadow:inset 0 0 0 1px var(--ho3-schwarz)}.ho3-checks{display:grid;gap:10px}.ho3-check{display:flex;align-items:flex-start;gap:10px}.ho3-check:before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--ho3-gruen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.8 10.2l2.7 2.7 5.7-5.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}.ho3-raster{display:grid;gap:16px}.ho3-raster--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ho3-raster--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ho3-raster--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.ho3-raster--4,.ho3-raster--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ho3-raster--2,.ho3-raster--3{grid-template-columns:minmax(0,1fr)}}.ho3-scroller,.ho3 [data-ho3-spur]{position:relative}.ho3-scroller{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--ho3-rand);scrollbar-width:none;-webkit-overflow-scrolling:touch}.ho3-scroller::-webkit-scrollbar{display:none}.ho3-scroller>*{flex:0 0 auto;scroll-snap-align:start}.ho3-pfeile{display:flex;gap:10px}.ho3-pfeil{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:0;padding:0;background:transparent;box-shadow:inset 0 0 0 1px #8a8a8a;color:var(--ho3-schwarz);transition:opacity .2s ease,background-color .2s ease}.ho3-pfeil:hover{box-shadow:inset 0 0 0 1px var(--ho3-schwarz)}.ho3-pfeil[disabled]{opacity:.35;cursor:default}.ho3-pfeil.ho3-glas-dunkel{background-color:var(--ho3-glas-dunkel);background-image:var(--ho3-glanz-dunkel);border:1px solid var(--ho3-glas-dunkel-rand);box-shadow:inset 0 1px #ffffff29;color:#fff}.ho3-pfeil.ho3-glas{background-color:var(--ho3-glas-hell);background-image:var(--ho3-glanz-hell);border:1px solid var(--ho3-glas-hell-rand);box-shadow:inset 0 1px #fffffff2;color:var(--ho3-schwarz)}.ho3-pfeil.ho3-glas-dunkel:hover{background-color:#ffffff29}.ho3-pfeil.ho3-glas:hover{background-color:#ffffffc7}.ho3-pfeil svg{width:18px;height:18px}@media(hover:hover)and (pointer:fine){.ho3 [data-ho3-ziehen] [data-ho3-spur]{cursor:grab}}.ho3 [data-ho3-spur].is-gezogen{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;-webkit-user-select:none;user-select:none}.ho3 [data-ho3-spur].is-gezogen img{pointer-events:none}.ho3-motion [data-ho3-reveal]:not(.is-sichtbar){opacity:0;transform:translateY(28px)}.ho3-motion [data-ho3-reveal]{transition:opacity .9s var(--ho3-ease),transform .9s var(--ho3-ease)}.ho3-motion [data-ho3-reveal=stagger]:not(.is-sichtbar){opacity:1;transform:none}.ho3-motion [data-ho3-reveal=stagger]>*{transition:opacity .8s var(--ho3-ease),transform .8s var(--ho3-ease);transition-delay:calc(var(--ho3-i, 0) * 80ms)}.ho3-motion [data-ho3-reveal=stagger]:not(.is-sichtbar)>*{opacity:0;transform:translateY(24px)}.ho3-motion [data-ho3-reveal=bild]:not(.is-sichtbar){opacity:1;transform:none;clip-path:inset(6% 6% 6% 6% round var(--ho3-r-l))}.ho3-motion [data-ho3-reveal=bild]{transition:clip-path 1.1s var(--ho3-ease);clip-path:inset(0 0 0 0 round var(--ho3-r-l))}.ho3-motion [data-ho3-reveal=bild] img{transition:transform 1.4s var(--ho3-ease)}.ho3-motion [data-ho3-reveal=bild]:not(.is-sichtbar) img{transform:scale(1.08)}@supports (animation-timeline: view()){.ho3-motion [data-ho3-tiefe]{overflow:hidden}.ho3-motion [data-ho3-tiefe] img{animation:ho3-tiefe linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes ho3-tiefe{0%{transform:translateY(-4%) scale(1.1)}to{transform:translateY(4%) scale(1.1)}}}@media(prefers-reduced-motion:reduce){.ho3 *,.ho3 *:before,.ho3 *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.ho3 :where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid currentColor;outline-offset:3px}.ho3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html.ho3-lupe-offen{overflow:hidden}.ho3-lupe{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:var(--ho3-schwarz);overflow:hidden;display:none;place-items:center}.ho3-lupe[open]{display:grid}.ho3-lupe::backdrop{background:#111111b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ho3-lupe__rahmen{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(1120px,100%);max-height:100%;padding:clamp(16px,2.4vw,32px);border-radius:var(--ho3-r-l);background-color:#ffffffe6;background-image:var(--ho3-glanz-hell);border:1px solid var(--ho3-glas-hell-rand);box-shadow:inset 0 1px #fffffff2,0 30px 80px #00000059}.ho3-lupe__bild{display:block;max-width:100%;max-height:calc(100vh - 170px);max-height:calc(100dvh - 170px);width:auto;height:auto;object-fit:contain;border-radius:var(--ho3-r-s)}.ho3-lupe__text{font-size:15px;line-height:1.4;color:var(--ho3-text-2);text-align:center}.ho3-lupe__text:empty{display:none}.ho3-lupe .ho3-lupe__zu{position:absolute;top:16px;right:16px;z-index:1;width:48px;height:48px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#fff;background-color:#ffffff24;background-image:var(--ho3-glanz-dunkel);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #fff3;-webkit-backdrop-filter:var(--ho3-blur);backdrop-filter:var(--ho3-blur);transition:background-color .2s ease,transform .2s ease}.ho3-lupe .ho3-lupe__zu:hover{background-color:#ffffff42;border-color:#ffffff73}.ho3-lupe .ho3-lupe__zu:focus-visible{outline:2px solid #fff;outline-offset:3px}.ho3-lupe__zu svg{width:20px;height:20px}.ho3-motion .ho3-lupe[open] .ho3-lupe__rahmen{animation:ho3-lupe-auf .45s var(--ho3-ease) both}.ho3-motion .ho3-lupe[open]::backdrop{animation:ho3-lupe-blende .35s ease both}@keyframes ho3-lupe-auf{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes ho3-lupe-blende{0%{opacity:0}to{opacity:1}}@media(max-width:767px){.ho3-lupe{padding:12px}.ho3-lupe__rahmen{border-radius:var(--ho3-r)}.ho3-lupe .ho3-lupe__zu{top:10px;right:10px}}@media(prefers-reduced-motion:reduce){.ho3-lupe__rahmen,.ho3-lupe::backdrop{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/ho3-system.css.map */