@font-face{font-family:Home Jost;src:url('/assets/fonts/c691cba30ce11f40694ccdff.ttf')}@font-face{font-family:Home Jost;src:url('/assets/fonts/181d254f9a8972336195fb79.ttf');font-weight:600}@font-face{font-family:Home Archivo;src:url('/assets/fonts/24c76040e08d685739b30380.ttf')}@font-face{font-family:Home Archivo;src:url('/assets/fonts/f76a1a3496feab2a6674c273.ttf');font-weight:700}@font-face{font-family:Home Sans;src:url('/assets/fonts/e9c6c0a715f84fc517c42416.ttf')}@font-face{font-family:Home Sans;src:url('/assets/fonts/39713c8cb4a8ba03dc091b9a.ttf');font-weight:700}
.he-home{--he-accent:#315a51;--he-ink:#263d37;--he-paper:#f3f3ec;--he-line:#d9dfd8;--catalog-accent:var(--he-accent)!important;background:#fff;color:var(--he-ink);margin:0;font-family:Home Sans,Arial,sans-serif;font-size:16px;line-height:1.5}.he-home *{box-sizing:border-box}.he-home a{color:inherit}.he-home a:focus-visible,.he-home button:focus-visible,.he-home input:focus-visible,.he-home select:focus-visible{outline:3px solid var(--he-accent);outline-offset:5px}.he-home [hidden]{display:none!important}.he-home svg{flex-shrink:0}.he-home button,.he-home input{font:inherit}.he-home .he-main{display:block;max-width:none;width:100%;padding:0;margin:0}.he-home .he-header{position:relative;z-index:10;background:white;margin:0;padding:0;border:0;border-bottom:1px solid var(--he-line);height:auto}.he-topline{height:32px;padding:0 max(28px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--he-ink);color:white;font-size:10px;letter-spacing:.1em}.he-topline a{color:white;text-decoration:none;letter-spacing:.02em}.he-header-inner{max-width:1296px;padding:0 28px;margin:auto;min-height:94px;display:flex;align-items:center;gap:28px}.he-brand{display:flex;align-items:center;gap:22px;text-decoration:none;margin-right:auto;flex-shrink:0}.he-brand img{width:140px;height:48px;object-fit:contain}.he-brand>span{border-left:1px solid var(--he-line);padding-left:22px;font-size:10px;letter-spacing:.15em;color:#66736d}.he-nav{display:flex;align-items:center;gap:26px;font-size:13px}.he-nav a{text-decoration:none;white-space:nowrap}.he-nav a:hover,.he-text-link:hover{text-decoration:underline;text-underline-offset:6px}.he-header-search{display:flex;align-items:center;gap:18px;padding:11px 17px;border:1px solid var(--he-line);text-decoration:none;font-size:13px;white-space:nowrap}.he-menu{display:none;border:1px solid var(--he-line);background:white;width:42px;height:42px;padding:12px}.he-menu span{display:block;height:1px;background:var(--he-ink);margin:5px 0}#he-mobile-nav{padding:15px 24px 24px;background:white;border-top:1px solid var(--he-line)}#he-mobile-nav a{display:block;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--he-line);font-size:15px}
.he-hero{max-width:1296px;margin:0 auto;padding:64px 28px;min-height:560px;position:relative}.he-copy h1{font:600 clamp(46px,5.4vw,76px)/1.08 Home Jost,sans-serif;letter-spacing:-.045em;color:inherit;margin:22px 0 24px}.he-copy h1 em{font-style:normal;color:var(--he-accent)}.he-copy p{font-size:17px;line-height:1.7;color:#66736d;margin:0 0 32px}.he-eyebrow{display:block;color:var(--he-accent);font:700 10px/1.5 Home Sans,sans-serif;letter-spacing:.17em}.he-text-link{display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:700;text-decoration:none}.he-search{width:100%;max-width:650px}.he-search label{display:block;font:400 12px/1.5 Home Sans,sans-serif;margin-bottom:9px}.he-search>div{display:flex;background:white;border:1px solid var(--he-line);padding:6px;gap:6px}.he-search input{min-width:0;flex:1;width:100%;height:50px;border:0;background:transparent;padding:0 14px;color:#23343e;outline-offset:-2px!important;border-radius:0}.he-search input::placeholder{color:#75818a;font-size:14px;opacity:1}.he-search button{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--he-accent);color:white;border:0;padding:12px 21px;white-space:nowrap;cursor:pointer;min-height:50px}.he-search button:hover{filter:brightness(.9)}.he-quick{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:19px}.he-quick a{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12px}.he-quick svg{width:14px;height:14px}.he-quick a:hover{text-decoration:underline;text-underline-offset:5px}.he-search-panel{padding:38px;background:var(--he-paper);align-self:center}.he-search-panel h2{font:600 32px/1.2 Home Jost,sans-serif;letter-spacing:-.02em;color:inherit;margin:25px 0 14px}.he-search-panel p{color:#66736d;font-size:15px;line-height:1.7;margin:0 0 27px}.he-panel-note{display:block;font-size:12px;color:#66736d;border-top:1px solid var(--he-line);padding-top:23px;margin-top:30px;text-decoration:none}.he-panel-number{display:flex;align-items:center;gap:18px;font:400 48px/1 Home Jost,sans-serif;color:var(--he-accent)}.he-panel-number span{font:700 10px/1.5 Home Sans,sans-serif;letter-spacing:.14em}.he-content{max-width:1296px;padding:0 28px;margin:auto}.he-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--he-line);border-bottom:1px solid var(--he-line)}.he-paths>a{display:flex;align-items:center;gap:17px;padding:28px 24px;text-decoration:none;border-right:1px solid var(--he-line)}.he-paths>a:first-child{padding-left:0}.he-paths>a:last-child{border-right:0}.he-paths small{align-self:flex-start;font-size:10px;color:var(--he-accent)}.he-paths strong{display:block;font-size:14px;font-weight:700}.he-paths span{display:block;font-size:12px;color:#66736d;margin-top:3px}.he-paths svg{margin-left:auto;width:17px}.he-paths a:hover strong{text-decoration:underline;text-underline-offset:4px}.he-section{margin:72px 0}.he-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.he-section-heading h2,.he-documents h2{font:600 35px/1.2 Home Jost,sans-serif;letter-spacing:-.025em;color:var(--he-ink);margin:10px 0 0}.he-section-heading>a{display:flex;align-items:center;gap:18px;font-size:13px;text-decoration:none;white-space:nowrap}.he-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--he-line);border-left:1px solid var(--he-line)}.he-categories>a{position:relative;display:flex;flex-direction:column;min-height:126px;padding:22px 26px;border-right:1px solid var(--he-line);border-bottom:1px solid var(--he-line);text-decoration:none}.he-categories>a>span{font-size:10px;color:#75818a;margin-bottom:14px}.he-categories strong{font-size:16px;font-weight:700}.he-categories small{font-size:12px;color:#66736d;margin-top:5px}.he-categories svg{position:absolute;top:20px;right:20px;width:17px;color:var(--he-accent)}.he-categories a:hover{background:var(--he-paper)}.he-main .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.he-main .catalog-card{border:1px solid var(--he-line);border-radius:0;background:white;box-shadow:none;overflow:hidden;min-width:0}.he-main .catalog-card>a:first-child{background:#f8f9f8}.he-main .catalog-card img{height:200px;object-fit:contain;mix-blend-mode:multiply}.he-main .catalog-card-info{padding:19px}.he-main .catalog-card h3{font:400 16px/1.5 Home Sans,sans-serif;margin:0 0 12px}.he-main .catalog-card h3 a{text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.he-main .catalog-card h3 a:hover{text-decoration:underline}.he-main .catalog-card .catalog-code>strong{font-size:14px}.he-main .catalog-price{font-size:19px;color:var(--he-ink)}.he-main .catalog-card .catalog-button{background:var(--he-accent);color:white;border-radius:0;font-size:13px}.he-main .catalog-finder-section{background:var(--he-paper);border:0;border-top:2px solid var(--he-accent);border-radius:0;padding:32px;margin:64px 0}.he-main .catalog-section-heading h2{font:600 30px/1.2 Home Jost,sans-serif;color:var(--he-ink)}.he-main .catalog-button{background:var(--he-accent);border-radius:0}.he-main .catalog-guide-grid{gap:22px}.he-main .catalog-guide-card{box-shadow:none;border-radius:0;border-color:var(--he-line);padding:26px}.he-main .catalog-guide-card h2,.he-main .catalog-guide-card h3{font:600 23px/1.3 Home Jost,sans-serif;color:var(--he-ink)}.he-main .catalog-guide-card a{color:var(--he-accent)}.he-documents{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--he-paper);padding:38px 42px;margin:70px 0}.he-documents p{font-size:15px;color:#66736d;margin:12px 0 0}.he-documents>a{display:flex;align-items:center;gap:30px;padding:18px 24px;background:var(--he-accent);color:white;text-decoration:none;white-space:nowrap;font-size:14px}.he-home .catalog-footer{border-top:0;background:var(--he-ink)}.he-home .catalog-footer-logo{border-radius:0}.he-home .catalog-footer-bottom{border-color:#ffffff35}
/* Creavit: warm, quiet split composition and a framed search desk. */
.he-hero-creavit{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-top:70px;padding-bottom:70px;min-height:610px}.he-creavit .he-copy h1{font-size:clamp(44px,5vw,70px)}.he-creavit .he-copy h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.he-signature{margin-top:58px;font:600 18px Home Jost,sans-serif;letter-spacing:.08em}.he-signature span{display:block;font:400 9px Home Sans,sans-serif;letter-spacing:.16em;margin-top:8px}.he-creavit .he-search-panel{border:1px solid #d9dfd8;box-shadow:12px 12px 0 #f9f9f5}.he-creavit .he-quick{display:grid;gap:0;margin-top:21px}.he-creavit .he-quick a{justify-content:space-between;border-bottom:1px solid var(--he-line);padding:10px 0}.he-creavit .he-panel-note{border:0;padding:0;margin-top:22px}
/* Geberit: a blue technical title, command line and indexed workflow. */
.he-geberit{--he-accent:#006bb6;--he-ink:#142d43;--he-paper:#f0f6fb;--he-line:#d6e2ec}.he-geberit .he-topline{background:#006bb6}.he-geberit .he-header-inner{min-height:100px}.he-geberit .he-copy h1{font-family:Home Archivo,sans-serif;font-weight:700;letter-spacing:-.055em;font-size:clamp(44px,5.2vw,72px);margin-top:19px}.he-geberit .he-copy h1 em{color:#006bb6}.he-hero-geberit{padding:0 50px;background:#f0f6fb;margin-top:30px;margin-bottom:30px;max-width:1240px;min-height:590px;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#dbe7ef 1px);background-size:25% 100%}.he-technical-top{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #d0e0ec;font-size:9px;letter-spacing:.13em;color:#506c81}.he-geberit .he-copy{padding:36px 0 32px;max-width:840px}.he-geberit .he-copy p{color:#52697c;font-size:16px;margin-bottom:26px}.he-geberit .he-search{max-width:760px}.he-geberit .he-search>div{border-color:#9ab9d0}.he-geberit .he-quick{gap:23px}.he-technical-index{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #cbdce8;padding:23px 0;font-size:11px}.he-technical-index b{color:#006bb6;margin-right:12px;font-size:10px}.he-technical-index a{font-weight:700;text-decoration:none;color:#006bb6}.he-geberit .he-brand img{width:155px}
/* Kale: a red editorial side panel, rather than an image showcase. */
.he-kale,.he-kale-codex{--he-accent:#cf3b30;--he-ink:#262726;--he-paper:#f6f3ef;--he-line:#e1ded9}.he-kale .he-copy h1,.he-kale-codex .he-copy h1{font-family:Home Archivo,sans-serif;font-weight:700;font-size:clamp(42px,4.5vw,64px);letter-spacing:-.055em}.he-hero-kale{display:grid;grid-template-columns:1.3fr .8fr;gap:64px;padding-top:60px;padding-bottom:60px;min-height:610px}.he-kale .he-copy{padding-top:22px}.he-editorial{background:#cf3b30;color:white;padding:35px 36px;display:flex;flex-direction:column;position:relative}.he-editorial>span:first-child{font-size:9px;letter-spacing:.17em}.he-editorial>strong{font:600 47px/1.12 Home Jost,sans-serif;letter-spacing:-.035em;margin:32px 0 18px}.he-editorial>p{font-size:15px;line-height:1.65;color:#ffdbd4;margin:0 0 25px}.he-editorial>a{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #ffffff50;text-decoration:none;font-size:13px}.he-editorial-count{font:600 38px Home Jost,sans-serif;margin-top:18px}.he-editorial-count small{font:400 9px Home Sans,sans-serif;letter-spacing:.15em;margin-left:20px}.he-hero-kale-codex{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-top:80px;padding-bottom:80px;min-height:610px}.he-kale-codex .he-search-panel{background:#cf3b30;color:white;padding:40px}.he-kale-codex .he-search-panel .he-eyebrow{color:#ffe2dc}.he-kale-codex .he-search-panel h2{font-size:70px;margin:12px 0 35px}.he-kale-codex .he-search-panel .he-search button{background:#262726}.he-kale-codex .he-search-panel .he-panel-note{color:white;border-color:#ffffff50}.he-kale .he-brand img,.he-kale-codex .he-brand img{width:105px}
/* GROHE: a generous dark-blue masthead and a centered search. */
.he-grohe{--he-accent:#123d76;--he-ink:#102e55;--he-paper:#f0f4f7;--he-line:#d9e1e8}.he-grohe .he-topline{background:#102e55}.he-hero-grohe{max-width:none;background:#102e55;color:white;padding:25px max(28px,calc((100% - 1240px)/2)) 0;min-height:620px}.he-grohe-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#afc4de}.he-grohe .he-copy{max-width:800px;text-align:center;margin:40px auto 38px}.he-grohe .he-copy .he-eyebrow{color:#c8def5}.he-grohe .he-copy h1{font-weight:400;font-size:clamp(52px,5.7vw,80px);letter-spacing:-.025em;margin-top:20px}.he-grohe .he-copy h1 em{color:#c6d9ed}.he-grohe .he-copy p{color:#b7c9df;font-size:16px}.he-grohe .he-search{margin:auto;text-align:left}.he-grohe .he-search label{color:#c6d9ed}.he-grohe .he-search button{background:#20578b}.he-grohe-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #ffffff30;padding:24px 0;font-size:9px;letter-spacing:.1em}.he-grohe-bottom .he-quick{margin:0;letter-spacing:0;color:#d3e0f0}.he-grohe .he-brand img{width:125px}
/* hansgrohe: fresh green, open typography and a rounded finder board. */
.he-hansgrohe{--he-accent:#007d5b;--he-ink:#173d32;--he-paper:#edf5ee;--he-line:#d5e3d8}.he-hansgrohe .he-topline{background:#007d5b}.he-hero-hansgrohe{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;min-height:620px;padding-top:65px;padding-bottom:65px}.he-hansgrohe .he-copy h1{font-size:clamp(45px,4.8vw,69px);letter-spacing:-.04em}.he-hansgrohe .he-search-panel{border-radius:30px 30px 30px 0;padding:42px;background:#edf5ee}.he-hansgrohe .he-search-panel h2{font-size:33px;margin-top:26px;margin-bottom:28px;font-weight:400}.he-hansgrohe .he-search>div{border-radius:7px;border-color:#b7cebe}.he-hansgrohe .he-search button{border-radius:4px}.he-hansgrohe .he-search-panel>.he-text-link{border-top:1px solid #c7dace;padding-top:24px;margin-top:30px;width:100%;justify-content:space-between}.he-hans-count{display:flex;align-items:center;gap:22px;margin-top:36px}.he-hans-count strong{font:400 52px/1 Home Jost,sans-serif;letter-spacing:-.05em;color:#007d5b}.he-hans-count span{font-size:12px;color:#66736d}.he-hansgrohe .he-brand img{width:155px}.he-hansgrohe .he-categories>a:hover{background:#edf5ee}.he-hansgrohe .catalog-finder-section{border-radius:12px}.he-hansgrohe .catalog-card{border-radius:10px}
/* BOCCHI: a cool monochrome palette, serif headline and numbered contents. */
.he-bocchi{--he-accent:#202428;--he-ink:#202428;--he-paper:#f6f7f8;--he-line:#dde1e5}.he-bocchi .he-topline{background:#202428}.he-hero-bocchi{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:75px;background:#f6f7f8;padding:65px max(28px,calc((100% - 1240px)/2));min-height:620px}.he-bocchi .he-copy h1{font:400 clamp(50px,5.7vw,79px)/1.07 Georgia,serif;letter-spacing:-.055em}.he-bocchi .he-copy h1 em{font-style:italic}.he-bocchi .he-copy p{font-size:16px;color:#656d75}.he-bocchi .he-search>div{border-color:#c9ced4}.he-bocchi-index{padding:24px 0 0 40px;border-left:1px solid #dde1e5}.he-bocchi-index>span:first-child{font-size:9px;letter-spacing:.17em;color:#747d86}.he-bocchi-index h2{font:400 34px/1.2 Georgia,serif;letter-spacing:-.035em;color:#202428;margin:27px 0}.he-bocchi-index .he-paths{display:block;border:0}.he-bocchi-index .he-paths>a{padding:17px 0;border:0;border-bottom:1px solid #dde1e5;gap:15px}.he-bocchi-index .he-paths strong{font-weight:400;font-size:14px}.he-bocchi-index .he-paths span{font-size:12px;color:#69727b}.he-bocchi-index .he-panel-note{border:0;padding:0}.he-bocchi .he-brand img{width:135px}.he-bocchi .he-section-heading h2,.he-bocchi .he-documents h2{font-family:Georgia,serif;font-weight:400}
@media(min-width:1600px){.he-hero-geberit{margin-top:40px;margin-bottom:40px}.he-hero-grohe{padding-top:32px;padding-bottom:12px}}
@media(max-width:1100px){.he-brand>span{display:none}.he-header-inner{gap:22px}.he-nav{gap:20px}.he-hero-creavit,.he-hero-kale,.he-hero-kale-codex,.he-hero-hansgrohe{gap:35px}.he-search-panel{padding:28px}.he-hero-bocchi{gap:38px}.he-bocchi-index{padding-left:30px}.he-paths>a{padding:23px 17px;gap:12px}.he-hero-geberit{margin:25px 28px}.he-main .catalog-grid{gap:14px}.he-categories>a{padding:20px}.he-brand img{width:125px}.he-hansgrohe .he-search-panel{padding:30px}.he-kale-codex .he-search-panel{padding:30px}}
@media(max-width:800px){.he-nav,.he-header-search{display:none}.he-menu{display:block}.he-header-inner{min-height:82px}.he-topline{font-size:9px}.he-hero{min-height:0}.he-copy h1{font-size:50px}.he-copy p br{display:none}.he-hero-creavit,.he-hero-kale-codex,.he-hero-hansgrohe,.he-hero-bocchi{grid-template-columns:1fr;gap:35px}.he-hero-creavit,.he-hero-kale-codex,.he-hero-hansgrohe{padding:45px 28px}.he-creavit .he-copy h1,.he-hansgrohe .he-copy h1{font-size:54px}.he-signature{display:none}.he-search-panel{width:100%;max-width:none}.he-search-panel .he-search{max-width:none}.he-hero-kale{grid-template-columns:1fr .7fr;gap:30px;padding-top:45px;padding-bottom:45px}.he-kale .he-copy h1{font-size:42px}.he-editorial{padding:25px}.he-editorial>strong{font-size:34px}.he-kale .he-copy p br{display:none}.he-kale .he-search button{padding:12px}.he-kale .he-search input{padding:0 7px}.he-copy p{font-size:16px}.he-kale .he-quick{gap:10px}.he-technical-index{flex-wrap:wrap;gap:17px}.he-technical-index a{width:100%}.he-hero-geberit{padding:0 30px}.he-geberit .he-copy h1{font-size:54px}.he-grohe .he-copy{margin:42px auto}.he-grohe .he-copy h1{font-size:64px}.he-grohe-bottom{flex-wrap:wrap}.he-hero-grohe{padding-top:24px}.he-hero-bocchi{padding:45px 28px}.he-bocchi .he-copy h1{font-size:65px}.he-bocchi-index{border-left:0;border-top:1px solid #dde1e5;padding:28px 0 0}.he-bocchi-index h2{font-size:28px}.he-bocchi-index h2 br{display:none}.he-bocchi-index .he-paths{display:grid}.he-bocchi-index .he-paths>a{padding:10px 0}.he-bocchi-index .he-paths svg{display:none}.he-bocchi-index .he-paths strong{font-size:13px}.he-bocchi-index .he-paths span{display:none}.he-hans-count{margin-top:23px}.he-paths strong{font-size:13px}.he-paths>a>svg{display:none}.he-paths>a{padding:22px 14px}.he-paths small{display:none}.he-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.he-main .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.he-main .catalog-guide-grid{grid-template-columns:1fr}.he-section{margin:50px 0}.he-section-heading{align-items:start}.he-section-heading h2{font-size:30px}.he-section-heading>a{white-space:normal;max-width:130px;font-size:12px;gap:8px}.he-main .catalog-finder-section{padding:25px}.he-documents{padding:30px;margin:50px 0}.he-documents h2{font-size:29px}.he-documents>a{padding:15px 18px;gap:12px}.he-documents p{font-size:13px}}
@media(max-width:540px){.he-topline{height:29px;padding:0 20px;font-size:8px;letter-spacing:.05em}.he-topline>a{font-size:8px}.he-header-inner{padding:0 20px;min-height:74px}.he-brand img{height:39px;width:116px}.he-geberit .he-header-inner{min-height:74px}.he-geberit .he-brand img,.he-hansgrohe .he-brand img{width:133px}.he-kale .he-brand img,.he-kale-codex .he-brand img{width:85px}.he-hero{padding:35px 20px}.he-copy h1,.he-creavit .he-copy h1,.he-hansgrohe .he-copy h1{font-size:44px;margin:18px 0 20px}.he-copy p{font-size:15px;margin-bottom:24px}.he-eyebrow{font-size:9px}.he-copy p br{display:none}.he-hero-creavit,.he-hero-kale,.he-hero-kale-codex,.he-hero-hansgrohe,.he-hero-bocchi{display:grid;grid-template-columns:1fr;gap:30px}.he-creavit .he-search-panel{padding:24px;box-shadow:7px 7px 0 #f9f9f5}.he-panel-number{font-size:36px}.he-search-panel h2{font-size:29px;margin-top:20px}.he-search-panel p br{display:none}.he-search-panel p{font-size:14px;margin-bottom:22px}.he-search>div{padding:4px;gap:3px}.he-search input{height:46px;padding:0 8px}.he-search input::placeholder{font-size:12px}.he-search button{padding:10px 13px;gap:10px;min-height:46px;font-size:13px}.he-search button svg{width:17px}.he-content{padding:0 20px}.he-paths{display:block}.he-paths>a,.he-paths>a:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--he-line);gap:15px}.he-paths>a:last-child{border-bottom:0}.he-paths small,.he-paths>a>svg{display:block}.he-paths span{font-size:12px}.he-section{margin:40px 0}.he-section-heading{display:block;margin-bottom:22px}.he-section-heading h2{font-size:29px}.he-section-heading>a{margin-top:17px;max-width:none;font-size:12px}.he-categories>a{min-height:128px;padding:18px 16px}.he-categories strong{font-size:15px;max-width:100%;line-height:1.4}.he-categories svg{right:12px;top:17px;width:14px}.he-categories small{font-size:11px}.he-main .catalog-finder-section{padding:22px 17px;margin:40px 0}.he-main .catalog-section-heading h2{font-size:26px}.he-main .catalog-parts-finder select{font-size:13px}.he-main .catalog-grid{gap:12px}.he-main .catalog-card img{height:140px}.he-main .catalog-card-info{padding:13px 10px}.he-main .catalog-card h3{font-size:13px}.he-main .catalog-card .catalog-code>strong{font-size:12px;overflow-wrap:anywhere}.he-main .catalog-price{font-size:16px}.he-main .catalog-card .catalog-button{font-size:11px;padding:10px}.he-main .catalog-guide-card{padding:23px}.he-documents{display:block;padding:27px 23px;margin:40px 0}.he-documents h2{font-size:28px}.he-documents>a{margin-top:25px;justify-content:space-between}.he-panel-note{font-size:11px}.he-hero-geberit{margin:18px 15px;padding:0 20px}.he-technical-top{font-size:8px;gap:10px;padding:16px 0;letter-spacing:.06em}.he-geberit .he-copy{padding:30px 0}.he-geberit .he-copy h1{font-size:43px}.he-geberit .he-copy p{font-size:14px}.he-geberit .he-search button{padding:10px}.he-geberit .he-search button span{max-width:64px;white-space:normal;line-height:1.2;text-align:left}.he-geberit .he-quick{gap:11px 18px}.he-technical-index{font-size:10px;padding:17px 0;gap:13px}.he-technical-index span{width:100%}.he-kale .he-copy{padding-top:0}.he-kale .he-copy h1,.he-kale-codex .he-copy h1{font-size:40px}.he-editorial{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.he-editorial>span:first-child{grid-column:1/-1}.he-editorial>strong{font-size:32px;margin:5px 0}.he-editorial>p{font-size:13px;margin:5px 0}.he-editorial>a{grid-column:1/-1;padding-bottom:14px}.he-editorial-count{grid-column:1/-1;font-size:29px;margin-top:0}.he-kale-codex .he-search-panel{padding:27px 22px}.he-kale-codex .he-search-panel h2{font-size:54px;margin-bottom:24px}.he-hero-grohe{padding:22px 20px 0}.he-grohe-meta{font-size:8px;letter-spacing:.07em}.he-grohe-meta>span:last-child{display:none}.he-grohe .he-copy{margin:34px auto}.he-grohe .he-copy h1{font-size:49px}.he-grohe .he-copy p{font-size:14px}.he-grohe .he-search button{padding:10px 11px}.he-grohe-bottom{padding:21px 0;gap:13px}.he-grohe-bottom .he-quick{gap:12px 20px}.he-hansgrohe .he-search-panel{padding:28px 23px;border-radius:24px 24px 24px 0}.he-hansgrohe .he-search-panel h2{font-size:29px;margin-top:20px}.he-hans-count{margin-top:0}.he-hans-count strong{font-size:44px}.he-hans-count span{font-size:11px}.he-bocchi .he-copy h1{font-size:53px}.he-bocchi .he-copy p{font-size:15px}.he-bocchi-index{padding-top:25px}.he-bocchi-index h2{font-size:26px}.he-bocchi-index .he-paths{display:block}.he-bocchi-index .he-paths svg{display:block}.he-bocchi-index .he-paths span{display:block}.he-bocchi-index .he-panel-note{margin-top:20px}}
@media(max-width:370px){.he-topline>a{display:none}.he-copy h1,.he-creavit .he-copy h1,.he-hansgrohe .he-copy h1{font-size:38px}.he-kale .he-copy h1,.he-kale-codex .he-copy h1{font-size:35px}.he-geberit .he-copy h1{font-size:37px}.he-grohe .he-copy h1{font-size:42px}.he-bocchi .he-copy h1{font-size:47px}.he-search-panel{padding:22px!important}.he-geberit .he-search button{gap:6px;padding:8px}.he-main .catalog-grid{gap:9px}.he-main .catalog-card-info{padding:12px 9px}.he-main .catalog-card img{height:125px}.he-main .catalog-card .catalog-code>strong{font-size:11px}.he-main .catalog-price{font-size:14px}.he-editorial{gap:12px}.he-editorial>strong{font-size:29px}}