:root{--ccr-primary: #111827;--ccr-secondary: #6b7280;--ccr-text: #1f2937;--ccr-muted: #6b7280;--ccr-bg: #ffffff;--ccr-surface: #f8f8f7;--ccr-border: #e5e7eb;--ccr-radius: 10px;--ccr-measure: 68ch}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--ccr-text);background:var(--ccr-bg);font-family:var(--ccr-font-body);font-size:1.0625rem;line-height:1.6;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--ccr-font-heading);line-height:1.15;margin:0 0 .5em;color:var(--ccr-primary)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3.5vw,2.125rem)}h3{font-size:1.25rem}p{max-width:var(--ccr-measure)}a{color:var(--ccr-primary)}img{max-width:100%;height:auto;display:block}.ccr-container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.ccr-section{padding-block:clamp(2.5rem,7vw,5rem)}.ccr-section--surface{background:var(--ccr-surface)}.ccr-button{display:inline-block;padding:.75rem 1.4rem;border:1px solid var(--ccr-primary);border-radius:var(--ccr-radius);background:var(--ccr-primary);color:#fff;font-weight:600;text-decoration:none;cursor:pointer}.ccr-button--secondary{background:transparent;color:var(--ccr-primary)}.ccr-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0;list-style:none}.ccr-card{padding:1.25rem;border:1px solid var(--ccr-border);border-radius:var(--ccr-radius);background:var(--ccr-bg)}.ccr-header,.ccr-footer{border-block:1px solid var(--ccr-border)}.ccr-header__inner,.ccr-footer__inner{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-block:1rem}.ccr-nav{display:flex;flex-wrap:wrap;gap:1.25rem}.ccr-brand{display:inline-flex;align-items:center;gap:.6rem}.ccr-field{display:block;margin-bottom:1rem;max-width:40rem}.ccr-field>span{display:block;font-weight:600;margin-bottom:.25rem}.ccr-field input,.ccr-field select,.ccr-field textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--ccr-border);border-radius:var(--ccr-radius);font:inherit}.ccr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ccr-note{color:var(--ccr-muted);font-size:.9375rem}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/demos/demo-haustechnik/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/demos/demo-haustechnik/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ht{--ht-paper: color-mix(in oklab, var(--ht-primary) 4%, #f2f4f5);--ht-white: #fcfdfd;--ht-ink: color-mix(in oklab, var(--ht-primary) 16%, #12171b);--ht-muted: color-mix(in oklab, var(--ht-ink) 78%, var(--ht-paper));--ht-line: color-mix(in oklab, var(--ht-ink) 14%, var(--ht-paper));--ht-line-strong: color-mix(in oklab, var(--ht-ink) 36%, var(--ht-paper));--ht-tint: color-mix(in oklab, var(--ht-cool) 8%, #f2f4f5);--ht-grid: color-mix(in oklab, var(--ht-cool) 11%, transparent);--ht-grid-strong: color-mix(in oklab, var(--ht-cool) 22%, transparent);--ht-on-deep: #ffffff;--ht-on-deep-soft: color-mix(in oklab, #ffffff 76%, var(--ht-deep));--ht-line-deep: color-mix(in oklab, #ffffff 17%, var(--ht-deep));--ht-mono: var(--ccr-font-accent);--ht-ease: cubic-bezier(.16, 1, .3, 1);--ht-gutter: clamp(1rem, 4.5vw, 3.5rem);--ht-section: clamp(3rem, 7vw, 5.5rem);--ht-max: 1240px;background:var(--ht-paper);color:var(--ht-ink);font-family:var(--ccr-font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;accent-color:var(--ht-deep);overflow-x:clip}.ht ::selection{background:var(--ht-signal);color:var(--ht-on-signal)}.ht :focus-visible{outline:2px solid var(--ht-ink);outline-offset:3px}.ht h1,.ht h2,.ht h3,.ht h4{margin:0;color:inherit;font-family:var(--ccr-font-heading);font-weight:600;letter-spacing:-.03em;line-height:1.06;text-wrap:balance}.ht p{max-width:none}.ht a{color:inherit}.ht-wrap{width:min(var(--ht-max),100% - 2 * var(--ht-gutter));margin-inline:auto}.ht-icon{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}.ht-icon--down{transform:rotate(90deg)}.ht-label{font-family:var(--ht-mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;color:var(--ht-muted)}.ht-code{margin:0;font-family:var(--ht-mono);font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--tone-text, var(--ht-ink))}.ht-skip{position:absolute;top:-5rem;left:1rem;z-index:100;padding:.75rem 1rem;background:var(--ht-ink);color:#fff;text-decoration:none}.ht .ht-skip{color:#fff}.ht .ht-skip:focus{top:1rem}.ht-tone-0{--tone-fill: var(--ht-signal);--tone-on: var(--ht-on-signal);--tone-text: var(--ht-ink)}.ht-tone-1{--tone-fill: var(--ht-cool);--tone-on: var(--ht-on-cool);--tone-text: var(--ht-cool-text)}.ht-tone-2{--tone-fill: var(--ht-ink);--tone-on: #ffffff;--tone-text: var(--ht-ink)}.ht-chip{display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;padding:0 .35rem;background:var(--tone-fill);color:var(--tone-on);font-family:var(--ht-mono);font-size:.82rem;font-weight:800;line-height:1}.ht-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.85rem;padding:.65rem 1.15rem;border:1px solid color-mix(in oklab,var(--ht-signal) 70%,var(--ht-ink));border-radius:2px;background:var(--ht-signal);color:var(--ht-on-signal);font-size:.93rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s var(--ht-ease),color .2s var(--ht-ease)}.ht .ht-button{color:var(--ht-on-signal)}.ht-button .ht-icon{transition:transform .25s var(--ht-ease)}.ht-button:hover .ht-icon{transform:translate(3px)}.ht-button:hover{background:color-mix(in oklab,var(--ht-signal) 86%,var(--ht-ink))}.ht-button--large{min-height:3.4rem;padding:.85rem 1.5rem;font-size:1rem}.ht .ht-button--deep{border-color:var(--ht-deep);background:var(--ht-deep);color:#fff}.ht .ht-button--deep:hover{background:color-mix(in oklab,var(--ht-deep) 80%,#000)}.ht .ht-button--line{border-color:var(--ht-ink);background:transparent;color:var(--ht-ink)}.ht-textlink{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-family:var(--ccr-font-body);font-size:.92rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ht-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}.ht-textlink:hover{text-decoration-thickness:2px}.ht-square{display:grid;flex:none;place-items:center;width:3rem;height:3rem;border:1px solid var(--ht-ink);color:var(--ht-ink);transition:background-color .2s,color .2s}.ht-square:hover{background:var(--ht-ink);color:#fff}.ht-topbar{background:var(--ht-deep);color:var(--ht-on-deep-soft);font-size:.85rem;letter-spacing:.01em}.ht-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.3rem}.ht-topbar p{margin:0}.ht-topbar__hours{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--ht-mono);font-size:.8rem}.ht-header{position:relative;z-index:30;background:var(--ht-white);border-bottom:1px solid var(--ht-line)}.ht-header__inner{display:flex;align-items:center;gap:1.4rem;min-height:4.5rem}.ht-brand{display:inline-flex;align-items:center;gap:.7rem;margin-right:auto;color:var(--ht-ink);text-decoration:none}.ht-brand img{width:40px;height:40px}.ht-brand__name{display:flex;flex-direction:column;line-height:1.1}.ht-brand__name strong{font-family:var(--ccr-font-heading);font-size:1.12rem;font-weight:700;letter-spacing:-.025em}.ht-brand__name small{margin-top:.22rem;font-family:var(--ht-mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ht-muted)}.ht-nav{display:flex;gap:.2rem}.ht-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;font-size:.92rem;font-weight:500;color:var(--ht-ink);text-decoration:none}.ht-nav a:hover{background:var(--ht-paper)}.ht-nav a[aria-current=page]:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.45rem;height:2px;background:var(--ht-ink)}.ht-header__phone{display:inline-flex;min-width:44px;align-items:center;gap:.5rem;min-height:44px;padding-left:1.2rem;border-left:1px solid var(--ht-line);font-family:var(--ht-mono);font-size:.84rem;font-weight:700;color:var(--ht-ink);text-decoration:none;white-space:nowrap}.ht-header__phone:hover span{text-decoration:underline;text-underline-offset:.3em}.ht-menu{display:none}.ht-hero{position:relative;background:var(--ht-paper)}.ht-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(2rem,4.5vw,4.5rem);padding-block:clamp(2.4rem,5vw,4.2rem) clamp(3rem,5.5vw,4.6rem)}.ht-hero h1{font-size:clamp(2.3rem,4.1vw,3.6rem);font-weight:600;letter-spacing:-.04em;line-height:1.02;max-width:14ch}.ht-hero__sub{margin:1.4rem 0 0;max-width:34rem;font-size:1.08rem;line-height:1.55;color:var(--ht-muted)}.ht-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2rem}.ht-dial{display:inline-flex;align-items:center;gap:.8rem;color:var(--ht-ink);text-decoration:none}.ht-dial__icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;border:1px solid var(--ht-ink);transition:background-color .2s,color .2s}.ht-dial:hover .ht-dial__icon{background:var(--ht-ink);color:#fff}.ht-dial__text{display:flex;flex-direction:column;gap:.15rem}.ht-dial strong{font-family:var(--ht-mono);font-size:1.12rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.ht-facts{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;margin:1.8rem 0 0;padding:0;list-style:none;font-size:.95rem;font-weight:500}.ht-facts li{display:inline-flex;align-items:center;gap:.5rem}.ht-facts .ht-icon{width:1.05rem;height:1.05rem;padding:.12rem;background:var(--ht-signal);color:var(--ht-on-signal);stroke-width:2.4}.ht-hero__media{position:relative;min-height:clamp(28rem,40vw,35rem)}.ht-hero__board,.ht-spec__blank,.ht .ccr-section{background-color:var(--ht-white);background-image:linear-gradient(var(--ht-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--ht-grid-strong) 1px,transparent 1px),linear-gradient(var(--ht-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ht-grid) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}.ht-hero__board{position:absolute;top:2.4rem;right:calc(-1 * var(--ht-gutter));bottom:-1.2rem;left:9%;border:1px solid var(--ht-line);border-right:0}.ht-hero__photo{position:absolute;top:0;right:0;width:86%;height:88%}.ht-hero__photo img{width:100%;height:100%;object-fit:cover}.ht-marks{position:absolute;inset:0;pointer-events:none}.ht-marks i{position:absolute;width:16px;height:16px;border:0 solid var(--ht-ink)}.ht-marks i:nth-child(1){top:-9px;left:-9px;border-top-width:1.5px;border-left-width:1.5px}.ht-marks i:nth-child(2){top:-9px;right:-9px;border-top-width:1.5px;border-right-width:1.5px}.ht-marks i:nth-child(3){bottom:-9px;left:-9px;border-bottom-width:1.5px;border-left-width:1.5px}.ht-marks i:nth-child(4){bottom:-9px;right:-9px;border-bottom-width:1.5px;border-right-width:1.5px}.ht-plate{position:absolute;left:0;bottom:0;z-index:2;width:min(24rem,78%);border:1px solid var(--ht-ink);background:var(--ht-white);box-shadow:0 22px 40px -22px #08101873;font-family:var(--ht-mono);animation:ht-plate-in .8s var(--ht-ease) .15s both}.ht-plate__head{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:.55rem 1.45rem;border-bottom:1px solid var(--ht-ink);background:var(--ht-signal);color:var(--ht-on-signal);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ht-plate dl{margin:0;padding:.35rem 1.45rem .7rem}.ht-plate dl div{display:grid;grid-template-columns:6.6rem minmax(0,1fr);gap:.7rem;padding:.45rem 0;border-bottom:1px dashed var(--ht-line-strong)}.ht-plate dl div:last-child{border-bottom:0}.ht-plate dt{padding-top:.08rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ht-muted)}.ht-plate dd{margin:0;font-size:.8rem;font-weight:600;line-height:1.45}.ht-plate__screws i{position:absolute;width:8px;height:8px;border:1px solid color-mix(in oklab,var(--ht-ink) 55%,transparent);border-radius:50%;background:linear-gradient(45deg,transparent 43%,color-mix(in oklab,var(--ht-ink) 60%,transparent) 43% 57%,transparent 57%),color-mix(in oklab,var(--ht-ink) 8%,#fff)}.ht-plate__screws i:nth-child(1){top:.5rem;left:.45rem}.ht-plate__screws i:nth-child(2){top:.5rem;right:.45rem}.ht-plate__screws i:nth-child(3){bottom:.45rem;left:.45rem}.ht-plate__screws i:nth-child(4){bottom:.45rem;right:.45rem}@keyframes ht-plate-in{0%{opacity:0;transform:translateY(14px)}}.ht-hero--plain .ht-hero__media{display:grid;place-items:center;min-height:24rem}.ht-hero--plain .ht-hero__board{top:0;bottom:0;left:0}.ht-hero--plain .ht-plate{position:relative;width:min(24rem,90%)}.ht-strip{position:relative;z-index:1;background:var(--ht-white);border-block:1px solid var(--ht-line)}.ht-strip__inner{display:flex;align-items:center}.ht-strip__trade{flex:1;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.5rem 1rem;padding:1.6rem 2rem 1.6rem 0}.ht-strip__trade+.ht-strip__trade{padding-left:2rem;border-left:1px solid var(--ht-line)}.ht-strip__name{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.ht-strip ul{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;margin:0;padding:0;list-style:none;font-size:.95rem;color:var(--ht-muted)}.ht-strip li{display:inline-flex;align-items:center;gap:.45rem}.ht-strip li:before{content:"";width:5px;height:5px;background:var(--tone-fill)}.ht-strip .ht-square{margin-left:1.6rem}.ht-section{padding-block:var(--ht-section)}.ht-section--white{background:var(--ht-white)}.ht-section--tint{background:var(--ht-tint)}.ht-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.6rem 2rem;margin-bottom:clamp(1.8rem,3.2vw,2.6rem);padding-bottom:1.1rem;border-bottom:1px solid var(--ht-ink)}.ht-title{max-width:22ch;font-size:clamp(1.85rem,3.1vw,2.7rem)}.ht-title--small{font-size:clamp(1.5rem,2.3vw,2rem)}.ht-section--tint .ht-head{padding-bottom:0;border-bottom:0}.ht-head__data{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 1.4rem;margin:0;font-family:var(--ht-mono);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ht-muted)}.ht-trades--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4.5vw,4rem)}.ht-trades--split:has(>.ht-trade:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.ht-trade__head{display:flex;align-items:center;gap:.8rem;padding-bottom:.85rem;border-bottom:3px solid var(--tone-fill);font-size:1.22rem;letter-spacing:-.02em}.ht-trade__count{margin-left:auto;font-family:var(--ht-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ht-muted)}.ht-specs{margin:0;padding:0;list-style:none}.ht-spec{display:grid;grid-template-columns:clamp(6rem,10.5vw,8.75rem) minmax(0,1fr);gap:1.25rem;padding:1.2rem 0;border-bottom:1px solid var(--ht-line)}.ht-spec__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--ht-line);background:var(--ht-white)}.ht-spec__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ht-ease)}.ht-spec:hover .ht-spec__media img{transform:scale(1.04)}.ht-spec__blank{display:grid;place-items:center;height:100%;font-family:var(--ht-mono);font-size:.9rem;font-weight:700}.ht-spec__body .ht-code{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem}.ht-spec__body .ht-code:before{content:"";width:.55rem;height:.55rem;background:var(--tone-fill)}.ht-spec__name{margin-bottom:.35rem;font-size:1.1rem;letter-spacing:-.015em}.ht .ht-spec__name{line-height:1.2}.ht-spec__text{margin:0;max-width:46ch;font-size:1rem;line-height:1.5;color:var(--ht-muted)}.ht-spec__price{margin:.55rem 0 0;font-family:var(--ht-mono);font-size:.8rem;font-weight:700}.ht-section--catalog{padding-top:clamp(2.5rem,5vw,4rem)}.ht-section--catalog .ht-title{font-size:clamp(2.3rem,4.3vw,3.5rem);letter-spacing:-.04em}.ht-trades--catalog,.ht-trades--catalog.ht-trades--split,.ht-trades--catalog.ht-trades--split:has(>.ht-trade:nth-child(3)){display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,3.8rem)}.ht-trades--catalog .ht-trade__head{margin-bottom:1.4rem}.ht-trades--catalog .ht-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.ht-trades--catalog .ht-specs--2,.ht-trades--catalog .ht-specs--4{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-trades--catalog .ht-specs--1{grid-template-columns:minmax(0,1fr)}.ht-trades--catalog .ht-spec{align-content:start;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:1px solid var(--ht-line);background:var(--ht-white)}.ht-trades--catalog .ht-spec__media{aspect-ratio:3 / 2;border:0;border-bottom:1px solid var(--ht-line)}.ht-trades--catalog .ht-specs--1 .ht-spec{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ht-trades--catalog .ht-specs--1 .ht-spec__media{border-bottom:0;border-right:1px solid var(--ht-line)}.ht-trades--catalog .ht-spec__body{padding:1.1rem 1.25rem 1.4rem}.ht-trades--catalog .ht-spec__name{font-size:1.2rem}.ht-section--deep{background-color:var(--ht-deep);background-image:linear-gradient(color-mix(in oklab,#fff 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,#fff 7%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in oklab,#fff 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,#fff 3%,transparent) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;color:var(--ht-on-deep)}.ht-section--deep :focus-visible{outline-color:var(--ht-signal-on-deep)}.ht-proof{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,5rem)}.ht-lead{margin:1.3rem 0 0;max-width:32rem;font-size:1.05rem;line-height:1.6;color:var(--ht-on-deep-soft)}.ht-protocol{border:1px solid var(--ht-line-deep);background:color-mix(in oklab,var(--ht-deep) 94%,#000)}.ht-protocol__cols,.ht-protocol li{display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto;gap:1.1rem;padding-inline:1.2rem}.ht-protocol__cols{margin:0;padding-block:.6rem;border-bottom:1px solid var(--ht-line-deep);font-family:var(--ht-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ht-on-deep-soft)}.ht-protocol ol{margin:0;padding:0;list-style:none}.ht-protocol li{padding-block:1.15rem;border-bottom:1px solid var(--ht-line-deep)}.ht-protocol li:last-child{border-bottom:0}.ht-protocol__nr{padding-top:.2rem;font-family:var(--ht-mono);font-size:.72rem;font-weight:700;color:var(--ht-signal-on-deep)}.ht-protocol h3,.ht-protocol h2{margin-bottom:.3rem;font-size:1.08rem;letter-spacing:-.015em}.ht-protocol p{margin:0;font-size:1rem;line-height:1.55;color:var(--ht-on-deep-soft)}.ht-protocol__ok{display:inline-flex;align-items:center;align-self:start;gap:.3rem;padding:.3rem .55rem;border:1px solid var(--ht-signal-on-deep);font-family:var(--ht-mono);font-size:.82rem;font-weight:700;color:var(--ht-signal-on-deep);white-space:nowrap}.ht-protocol__ok .ht-icon{width:1rem;height:1rem;stroke-width:2.4}.ht-circuit{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem}.ht-circuit:before{content:"";position:absolute;top:calc(1.2rem - 4px);left:1.3rem;right:1.2rem;height:8px;border-block:2px solid var(--ht-ink);background:var(--ht-white)}.ht-circuit ol{display:grid;grid-template-columns:repeat(var(--steps),minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}.ht-circuit li{position:relative}.ht-circuit__node{position:relative;z-index:1;display:grid;place-items:end center;width:2.6rem;height:3.3rem;margin-bottom:1.2rem;padding-bottom:.3rem;border:2px solid var(--ht-ink);border-radius:2px;background:var(--ht-white);font-family:var(--ht-mono);font-size:.72rem;font-weight:800;line-height:1}.ht-circuit__node:before{content:"";position:absolute;top:calc(.75rem - 2px);left:50%;width:.9rem;height:.9rem;border:2px solid currentColor;border-radius:50%;background:radial-gradient(circle,currentColor 0 26%,transparent 30%);transform:translate(-50%)}.ht-circuit li:first-child .ht-circuit__node{background:var(--ht-ink);color:#fff}.ht-circuit h3,.ht-circuit h2{margin-bottom:.45rem;font-size:1.15rem;letter-spacing:-.02em}.ht-circuit li p{margin:0;max-width:32ch;font-size:1rem;line-height:1.55;color:var(--ht-muted)}.ht-circuit__end{position:relative;z-index:1;width:2.4rem;height:2.4rem;margin-left:-.5rem;background:var(--ht-paper);border-radius:50%}.ht-circuit__end .ht-icon{width:2.4rem;height:2.4rem;fill:var(--ht-signal);stroke:var(--ht-ink);stroke-width:1.5;stroke-linecap:butt}.ht-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3rem);margin:0;padding:0;list-style:none}.ht-quotes--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ht-quotes--1{grid-template-columns:minmax(0,1fr)}.ht-quotes figure{display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;height:100%;margin:0;padding-top:1.2rem;border-top:2px solid var(--ht-ink)}.ht-quotes blockquote{margin:0}.ht-quotes blockquote p{margin:0;max-width:40ch;font-family:var(--ccr-font-heading);font-size:clamp(1.12rem,1.6vw,1.35rem);font-weight:500;letter-spacing:-.015em;line-height:1.4}.ht-quotes figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;font-family:var(--ht-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ht-muted)}.ht-rating{display:inline-flex;gap:3px}.ht-rating i{width:.62rem;height:.62rem;border:1px solid var(--ht-ink)}.ht-rating i.is-on{background:var(--ht-signal)}.ht-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(2rem,5vw,5rem)}.ht-faq__aside{margin:1.2rem 0 0;font-size:1rem;color:var(--ht-muted)}.ht-faq__aside a{display:inline-flex;align-items:center;min-height:2.75rem;padding-block:.5rem;font-family:var(--ht-mono);font-weight:700;color:var(--ht-ink);text-underline-offset:.3em}.ht-faq__list{border-top:1px solid var(--ht-ink)}.ht-faq__list details{border-bottom:1px solid var(--ht-line)}.ht-faq__list summary{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:44px;padding:1.05rem 0;font-size:1.04rem;font-weight:600;line-height:1.35;cursor:pointer;list-style:none}.ht-faq__list summary::-webkit-details-marker{display:none}.ht-faq__list summary .ht-icon{width:1.1rem;height:1.1rem;transition:transform .25s var(--ht-ease)}.ht-faq__list details[open] summary .ht-icon{transform:rotate(45deg)}.ht-faq__list summary:hover .ht-faq__q{text-decoration:underline;text-underline-offset:.25em}.ht-faq__list details p{margin:0 0 1.3rem 3.8rem;max-width:60ch;line-height:1.65;color:var(--ht-muted)}.ht-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.8rem 1.2rem;margin:0;padding:0;list-style:none}.ht-gallery li{grid-column:span 4}.ht-gallery--1 li{grid-column:span 12}.ht-gallery--2 li,.ht-gallery--4 li{grid-column:span 6}.ht-gallery--5 li{grid-column:span 3}.ht-gallery--5 li:first-child{grid-column:span 6;grid-row:span 2}.ht-gallery figure{display:flex;flex-direction:column;height:100%;margin:0}.ht-gallery__frame{flex:1;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--ht-line)}.ht-gallery--5 li:first-child .ht-gallery__frame{aspect-ratio:auto;min-height:0}.ht-gallery img{width:100%;height:100%;object-fit:cover}.ht-gallery figcaption{display:flex;gap:.6rem;margin-top:.6rem;font-size:.8rem;line-height:1.4;color:var(--ht-muted)}.ht-gallery figcaption .ht-code{flex:none;padding-top:.05rem}.ht-band{position:relative;background:var(--ht-signal);color:var(--ht-on-signal)}.ht-hazard{height:10px;background:repeating-linear-gradient(-45deg,var(--ht-ink) 0 11px,transparent 11px 22px)}.ht-band__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.8rem 4rem;padding-block:clamp(2.4rem,5vw,3.6rem)}.ht-band .ht-title{max-width:18ch;color:inherit}.ht-band__intro{margin:.9rem 0 0;max-width:38rem;font-size:1.05rem;line-height:1.55}.ht-band :focus-visible{outline-color:currentColor}.ht-band .ht-label{color:inherit}.ht-band__phone{display:flex;flex-direction:column;gap:.4rem;color:inherit;text-decoration:none}.ht-band__phone strong{padding-bottom:.3rem;border-bottom:3px solid currentColor;font-family:var(--ht-mono);font-size:clamp(1.55rem,2.9vw,2.35rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;white-space:nowrap}.ht-band__phone--large strong{font-size:clamp(1.7rem,3.8vw,3.1rem)}.ht-band__phone:hover strong{border-bottom-width:5px}.ht-band__actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem}.ht-contact{background:var(--ht-paper);scroll-margin-top:1rem}.ht-contact__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(2.5rem,5vw,3.8rem)}.ht-contact__grid--solo{grid-template-columns:minmax(0,1fr)}.ht-contact__grid--solo .ht-contact__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));column-gap:2rem}.ht-contact__facts{border-top:1px solid var(--ht-ink)}.ht-cell{display:grid;gap:.4rem;padding:1.1rem 0;border-bottom:1px solid var(--ht-line)}.ht-cell address{font-style:normal;line-height:1.6}.ht-cell__mail{display:inline-flex;align-items:center;min-height:2.75rem;padding-block:.35rem;font-weight:600;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.3em}.ht-hours{width:100%;border-collapse:collapse;font-size:.92rem}.ht-hours caption{padding-bottom:.45rem;text-align:left}.ht-hours th{padding:.3rem 1rem .3rem 0;font-weight:500;text-align:left;color:var(--ht-muted)}.ht-hours td{padding:.3rem 0;font-family:var(--ht-mono);font-size:.84rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.ht-contact__form{border:1px solid var(--ht-ink);background:var(--ht-white)}.ht-form__head{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:.8rem 1.4rem;border-bottom:1px solid var(--ht-ink);font-family:var(--ht-mono);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ht-form__hint{font-weight:600;letter-spacing:.06em;color:var(--ht-muted)}.ht-contact__form form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem 1.2rem;padding:1.4rem}.ht-contact__form .ccr-field{min-width:0;max-width:none;margin:0}.ht-contact__form .ccr-field:has(textarea),.ht-contact__form .ccr-field:has(input[type=checkbox]),.ht-contact__form .ccr-hp,.ht-contact__form .ccr-note,.ht-contact__form .ccr-button{grid-column:1 / -1}.ht-contact__form .ccr-field>span{margin-bottom:.3rem;font-size:.88rem;font-weight:600}.ht-contact__form .ccr-field input:not([type=checkbox]),.ht-contact__form .ccr-field select,.ht-contact__form .ccr-field textarea{display:block;width:100%;min-height:2.9rem;padding:.6rem .75rem;border:1px solid var(--ht-line-strong);border-radius:0;background:var(--ht-paper);color:var(--ht-ink);font:inherit;font-size:1rem;transition:border-color .2s,background-color .2s}.ht-contact__form .ccr-field select{appearance:none;padding-right:2.2rem;background:var(--ht-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2312171b' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7rem center / 1rem;cursor:pointer}.ht-contact__form .ccr-field textarea{min-height:7rem;resize:vertical}.ht-contact__form .ccr-field input:not([type=checkbox]):hover,.ht-contact__form .ccr-field select:hover,.ht-contact__form .ccr-field textarea:hover{border-color:var(--ht-ink)}.ht-contact__form .ccr-field input:focus,.ht-contact__form .ccr-field select:focus,.ht-contact__form .ccr-field textarea:focus{border-color:var(--ht-ink);background-color:var(--ht-white)}.ht-contact__form .ccr-field:has(input[type=checkbox]){font-size:.82rem;line-height:1.6;color:var(--ht-muted)}.ht-contact__form .ccr-field:has(input[type=checkbox]) span{margin:0;font-family:var(--ccr-font-body);font-size:inherit;font-weight:400;letter-spacing:0;text-transform:none}.ht-contact__form .ccr-field:has(input[type=checkbox]) a{color:var(--ht-ink)}.ht .ht-contact__form .ccr-button{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:3.2rem;padding:0 1.8rem;border:1px solid var(--ht-deep);border-radius:2px;background:var(--ht-deep);color:#fff;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.ht .ht-contact__form .ccr-button:hover:not(:disabled){background:color-mix(in oklab,var(--ht-deep) 80%,#000)}.ht .ht-contact__form .ccr-button:disabled{opacity:.9;cursor:not-allowed}.ht-contact__form .ccr-note{margin:-.4rem 0 0;font-size:.76rem;color:var(--ht-muted)}.ht-map{padding-block:clamp(2.5rem,5vw,4rem);background:var(--ht-paper)}.ht-contact+.ht-map{padding-top:0}.ht-map figure{margin:0}.ht-map__frame{position:relative;border:1px solid var(--ht-line-strong)}.ht-map__frame img{width:100%;max-height:20rem;object-fit:cover}.ht-map figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 1.5rem;margin-top:.7rem;font-family:var(--ht-mono);font-size:.76rem;font-weight:600;color:var(--ht-muted)}.ht-map figcaption>span{display:inline-flex;align-items:center;gap:.5rem}.ht .ccr-section{padding-block:var(--ht-section);border-bottom:1px solid var(--ht-line)}.ht .ccr-container{width:min(48rem,100% - 2 * var(--ht-gutter));margin-inline:auto;padding:clamp(1.5rem,4vw,2.8rem);border:1px solid var(--ht-ink);background:var(--ht-white)}.ht .ccr-container h1{margin-bottom:1.8rem;padding-bottom:1.1rem;border-bottom:1px solid var(--ht-ink);font-size:clamp(2rem,4.2vw,3rem);letter-spacing:-.04em}.ht .ccr-container h2{margin:2rem 0 .5rem;font-size:1.15rem;letter-spacing:-.015em}.ht .ccr-container p{margin:0 0 .15rem;line-height:1.75;color:var(--ht-muted);overflow-wrap:anywhere}.ht .ccr-container a{color:var(--ht-ink);text-decoration:underline;text-underline-offset:.25em}.ht-footer{padding-block:clamp(2.5rem,5vw,3.5rem);background:var(--ht-deep);color:var(--ht-on-deep-soft);font-size:.9rem}.ht-footer :focus-visible{outline-color:var(--ht-signal-on-deep)}.ht-footer .ht-label{margin-bottom:.35rem;color:var(--ht-signal-on-deep)}.ht-titleblock{display:grid;grid-template-columns:1.3fr 1fr 1.25fr .8fr;border:1px solid var(--ht-line-deep)}.ht-titleblock__cell{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1.1rem 1.25rem 1.3rem;border-right:1px solid var(--ht-line-deep);min-width:0}.ht-titleblock__cell:nth-child(4){border-right:0}.ht-titleblock p{margin:0}.ht-titleblock__name{font-family:var(--ccr-font-heading);font-size:1.3rem;font-weight:700;letter-spacing:-.025em;color:#fff}.ht-titleblock address{font-style:normal;line-height:1.6}.ht-titleblock a{display:inline-flex;align-items:center;min-height:2.75rem;color:#fff;text-decoration:none;overflow-wrap:anywhere}.ht-titleblock a:hover{text-decoration:underline;text-underline-offset:.3em}.ht-titleblock nav{display:flex;flex-direction:column;align-items:flex-start}.ht-titleblock__phone{font-family:var(--ht-mono);font-size:1.02rem;font-weight:700}.ht-titleblock__base{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 2rem;padding-block:.55rem;border-top:1px solid var(--ht-line-deep);border-right:0;font-family:var(--ht-mono);font-size:.76rem;letter-spacing:.02em}.ht-titleblock__hours{margin-right:auto}.ht-top{gap:.45rem;min-height:44px}.ht-callbar{display:none}@media(max-width:1080px){.ht-header__phone span{display:none}.ht-header__phone{padding-left:.9rem}.ht-trades--split:has(>.ht-trade:nth-child(3)){grid-template-columns:minmax(0,1fr)}}@media(max-width:960px){.ht-hero__grid{grid-template-columns:minmax(0,1fr);gap:2.4rem}.ht-hero h1{max-width:16ch}.ht-hero__media{display:flex;flex-direction:column;min-height:0}.ht-hero__board{top:2rem;bottom:-1rem;left:2.5rem}.ht-hero__photo{position:relative;width:calc(100% - .6rem);height:auto;margin-left:.6rem;aspect-ratio:3 / 2}.ht-plate{position:relative;width:min(26rem,100% - 2rem);margin-top:-2.8rem}.ht-trades--split,.ht-proof,.ht-faq,.ht-contact__grid{grid-template-columns:minmax(0,1fr)}.ht-trades--catalog .ht-specs,.ht-trades--catalog .ht-specs--4,.ht-titleblock{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-titleblock__cell:nth-child(2){border-right:0}.ht-titleblock__cell:nth-child(n+3){border-top:1px solid var(--ht-line-deep)}.ht-gallery li,.ht-gallery--5 li{grid-column:span 6}.ht-gallery--5 li:first-child{grid-column:span 12;grid-row:auto}.ht-gallery--5 li:first-child .ht-gallery__frame{aspect-ratio:16 / 9}}@media(max-width:760px){.ht{--ht-section: 2.75rem;padding-bottom:calc(4.3rem + env(safe-area-inset-bottom))}.ht-hero__photo{aspect-ratio:16 / 9}.ht-hero__photo img{position:absolute;inset:0}.ht-head{margin-bottom:1.4rem;padding-bottom:.9rem}.ht-trade__head{padding-bottom:.6rem}.ht-protocol li{padding-block:.85rem}.ht-proof{gap:1.6rem}.ht-contact__grid{gap:1.6rem;padding-block:1.8rem 2.2rem}.ht-cell{padding-block:.8rem}.ht-footer{padding-block:1.6rem}.ht-brand{min-height:44px}.ht-topbar__hours{display:none}.ht-header__inner{gap:.6rem;min-height:4rem}.ht-nav,.ht .ht-header__cta,.ht-header__phone{display:none}.ht-menu{display:block}.ht-menu summary{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:1px solid var(--ht-ink);cursor:pointer;list-style:none}.ht-menu summary::-webkit-details-marker{display:none}.ht-menu summary .ht-icon{width:1.3rem;height:1.3rem}.ht-menu__close,.ht-menu[open] .ht-menu__open{display:none}.ht-menu[open] .ht-menu__close{display:block}.ht-menu__panel{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;padding:.4rem var(--ht-gutter) 1.2rem;border-bottom:1px solid var(--ht-ink);background:var(--ht-white);box-shadow:0 18px 30px -20px #08101866}.ht-menu__panel a{display:flex;align-items:center;justify-content:space-between;min-height:3.3rem;border-bottom:1px solid var(--ht-line);font-size:1.1rem;font-weight:600;color:var(--ht-ink);text-decoration:none}.ht-menu__panel a[aria-current=page]{text-decoration:underline;text-underline-offset:.35em}.ht-menu__panel .ht-menu__phone{justify-content:flex-start;gap:.6rem;border-bottom:0;font-family:var(--ht-mono);font-size:1rem}.ht-hero__grid{gap:2rem;padding-block:1.6rem 2.2rem}.ht-band__inner{gap:1.4rem;padding-block:2rem 2.2rem}.ht-trades--catalog .ht-spec__media{aspect-ratio:16 / 9}.ht-hero__sub{font-size:1.02rem}.ht-actions,.ht-facts{margin-top:1.5rem}.ht-facts{gap:.45rem 1.2rem;padding-top:.9rem;font-size:.95rem}.ht-strip{display:none}.ht-strip__inner{flex-direction:column;align-items:stretch}.ht-strip__trade,.ht-strip__trade+.ht-strip__trade{grid-template-columns:auto minmax(0,1fr);padding:.95rem 0;border-left:0}.ht-strip__trade+.ht-strip__trade{border-top:1px solid var(--ht-line)}.ht-strip ul{grid-column:1 / -1}.ht-strip .ht-square{display:none}.ht-spec{grid-template-columns:4.5rem minmax(0,1fr);gap:.85rem;padding:.8rem 0}.ht-spec__body .ht-code{margin-bottom:.2rem}.ht-spec__name{font-size:1.04rem}.ht-lead{font-size:1rem}.ht-quotes blockquote p{font-size:1.08rem}.ht-quotes figure{gap:.8rem;padding-top:.9rem}.ht-quotes{gap:1.4rem}.ht-spec__text{font-size:1rem}.ht-protocol__cols{display:none}.ht-protocol li{grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;padding:1rem}.ht-protocol__nr{grid-column:1;grid-row:1;padding:0}.ht-protocol li>div{grid-column:1 / -1}.ht-protocol__ok{grid-column:2;grid-row:1}.ht-circuit{grid-template-columns:minmax(0,1fr);gap:1.4rem}.ht-circuit:before{top:1.2rem;bottom:1.2rem;left:calc(1.3rem - 4px);right:auto;width:8px;height:auto;border-block:0;border-inline:2px solid var(--ht-ink)}.ht-circuit__end{margin-left:.1rem}.ht-circuit ol{grid-template-columns:minmax(0,1fr);gap:1.1rem}.ht-circuit li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:1rem}.ht-circuit__node{grid-row:span 2;margin:0}.ht-circuit li h3,.ht-circuit li h2{align-self:center;margin:.5rem 0 .35rem}.ht-quotes,.ht-quotes--3{grid-template-columns:minmax(0,1fr)}.ht-faq__list details p{margin-left:0}.ht-faq__list summary{grid-template-columns:2.6rem minmax(0,1fr) auto}.ht-band__inner{grid-template-columns:minmax(0,1fr);align-items:start}.ht-trades--catalog .ht-specs,.ht-trades--catalog .ht-specs--2,.ht-trades--catalog .ht-specs--4,.ht-trades--catalog .ht-specs--1 .ht-spec{grid-template-columns:minmax(0,1fr)}.ht-trades--catalog .ht-specs--1 .ht-spec__media{border-right:0;border-bottom:1px solid var(--ht-line)}.ht-titleblock__brand{grid-column:1 / -1}.ht-titleblock__cell:nth-child(2){border-top:1px solid var(--ht-line-deep);border-right:1px solid var(--ht-line-deep)}.ht-titleblock__cell:nth-child(3){grid-column:1 / -1;grid-row:3;border-right:0}.ht-titleblock__cell{padding:.95rem 1rem 1.05rem}.ht-titleblock a{min-height:44px}.ht-callbar{position:fixed;right:0;bottom:0;left:0;z-index:40;display:flex;gap:.5rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid var(--ht-ink);background:var(--ht-white)}.ht .ht-callbar .ht-button{flex:1;min-height:3rem;font-size:.9rem;white-space:nowrap}}@media(max-width:520px){.ht-contact__form form{gap:1rem .8rem;padding:1.1rem}.ht-form__head{padding-inline:1.1rem}.ht-gallery li,.ht-gallery--5 li{grid-column:span 12}.ht-gallery--2 li,.ht-gallery--4 li,.ht-gallery--5 li:not(:first-child){grid-column:span 6}.ht-dial strong{font-size:1.02rem}}@media(max-width:360px){.ht-contact__form form{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.ht *,.ht *:before,.ht *:after{animation:none!important;transition:none!important}}@media print{.ht-topbar,.ht-menu,.ht-callbar,.ht-hazard,.ht-contact__form{display:none}.ht-section--deep,.ht-band,.ht-footer{background:none;color:inherit}}@media(max-width:760px){.ht-hero .ht-dial{display:none}}.ki-hinweis{position:absolute;right:calc(var(--ki-ecke, 0px) * .3 + 7px);bottom:calc(var(--ki-ecke, 0px) * .3 + 6px);z-index:1;font-size:9px;font-weight:400;font-style:normal;line-height:1;letter-spacing:.02em;text-transform:none;white-space:nowrap;pointer-events:none}.ki-hinweis--auf-dunkel{color:#e4e4e4eb;text-shadow:0 0 2px rgba(0,0,0,.6),0 0 5px rgba(0,0,0,.4)}.ki-hinweis--auf-hell{color:#2d2016e6;text-shadow:0 0 2px rgba(255,255,255,.65),0 0 5px rgba(255,255,255,.45)}.ht-gallery__frame{position:relative}@media(max-width:760px){.ht-hero__photo .ki-hinweis{bottom:calc(2.8rem + 7px)}}