hansgrohe Brausehalter Porter E Mattschwarz, 28387670 .hgx{--hgx-ac:#1f86d4;--hgx-tx:#1b1d1f;--hgx-tx2:#5c6166;--hgx-bg:#f2f4f5;--hgx-ln:#e1e5e8;color:var(--hgx-tx);font-family:inherit;overflow-x:clip}.hgx *{box-sizing:border-box}.hgx .hgx-bleed{position:relative}.hgx .hgx-wrap{max-width:1180px;margin:0 auto;box-sizing:border-box}.hgx .hgx-s{margin:0;padding:36px 0}.hgx .hgx-eb{font-size:12px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--hgx-tx2);margin:0 0 14px;font-weight:400}.hgx .hgx-h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:300;color:var(--hgx-tx);margin:0 0 22px;letter-spacing:-.005em}.hgx p{font-size:16px;line-height:1.7;color:var(--hgx-tx);margin:0 0 16px;font-weight:400}.hgx h3{font-size:21px;line-height:1.3;font-weight:400;color:var(--hgx-tx);margin:0 0 12px}.hgx a{color:var(--hgx-ac)}.hgx .hgx-heroimg{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}.hgx .hgx-herocard{position:relative;margin-top:-110px;background:#fff;max-width:560px;padding:40px 44px 36px;box-shadow:0 18px 50px rgba(20,28,34,.14);box-sizing:border-box}.hgx .hgx-herocard .hgx-h2{margin-bottom:14px}.hgx .hgx-head{font-size:17px;line-height:1.5;color:var(--hgx-tx2);margin:0 0 18px}.hgx .hgx-chips{display:flex;flex-wrap:wrap;gap:8px}.hgx .hgx-chip{font-size:13px;line-height:1;padding:8px 14px;border:1px solid var(--hgx-ln);border-radius:20px;color:var(--hgx-tx2);background:#fff}.hgx .hgx-split{display:grid;grid-template-columns:1fr 1fr;background:var(--hgx-bg);align-items:stretch}.hgx .hgx-splitcard{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}.hgx .hgx-splitimg{display:flex;align-items:center;justify-content:center;padding:32px}.hgx .hgx-splitimg img{display:block;width:100%;max-width:520px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.hgx .hgx-two{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:start}.hgx .hgx-two.one{grid-template-columns:1fr;max-width:820px}.hgx .hgx-two.eq{grid-template-columns:1fr 1fr}.hgx .hgx-lead{font-size:22px!important;line-height:1.5!important;font-weight:300}.hgx .hgx-glance{background:var(--hgx-bg);padding:32px 34px}.hgx .hgx-glance dl{margin:0}.hgx .hgx-glance dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--hgx-ln);font-size:15px}.hgx .hgx-glance dl>div:last-child{border-bottom:0}.hgx .hgx-glance dt{color:var(--hgx-tx2);margin:0;flex:0 0 auto}.hgx .hgx-glance dd{margin:0;text-align:right;color:var(--hgx-tx);min-width:0;overflow-wrap:anywhere}.hgx .hgx-ob{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:8px}.hgx .hgx-oc{display:flex;flex-direction:column;text-decoration:none;color:var(--hgx-tx)}.hgx .hgx-ocimg{display:block;aspect-ratio:4/5;background:var(--hgx-bg);margin-bottom:10px;overflow:hidden}.hgx .hgx-ocimg img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%;box-sizing:border-box}.hgx a.hgx-oc:hover .hgx-ocimg{box-shadow:0 8px 24px rgba(20,28,34,.14)}.hgx .hgx-oc.is-cur .hgx-ocimg{box-shadow:inset 0 0 0 2px var(--hgx-ac)}.hgx .hgx-ocn{font-size:15px;line-height:1.3}.hgx .hgx-oc.is-cur .hgx-ocn{font-weight:500}.hgx .hgx-hl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:8px}.hgx .hgx-hc{background:#fff;padding:30px 28px;box-shadow:0 6px 28px rgba(20,28,34,.08)}.hgx .hgx-num{display:block;font-size:34px;font-weight:300;color:#b9c1c7;line-height:1;margin-bottom:18px}.hgx .hgx-hc h3{font-size:18px;font-weight:500}.hgx .hgx-hc p{font-size:15px;color:var(--hgx-tx2);margin:0}.hgx .hgx-band{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;margin:48px 0}.hgx .hgx-band.rev .hgx-bimg{order:2}.hgx .hgx-bimg img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.hgx .hgx-tg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}.hgx .hgx-tc{background:var(--hgx-bg);padding:28px}.hgx .hgx-tc h3{font-size:18px;font-weight:500}.hgx .hgx-tc p{font-size:15px;color:var(--hgx-tx2);margin:0}.hgx .hgx-sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:8px}.hgx .hgx-sc{background:var(--hgx-bg);padding:24px 26px}.hgx .hgx-sc h3{font-size:18px;font-weight:500;margin-bottom:8px}.hgx .hgx-sc p{font-size:15px;color:var(--hgx-tx2);margin:0}.hgx .hgx-mos{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:16/8}.hgx .hgx-mos.n2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.hgx .hgx-mos .hgx-mi:first-child{grid-row:span 2}.hgx .hgx-mos.n2 .hgx-mi:first-child{grid-row:auto}.hgx .hgx-mi{min-height:0;overflow:hidden}.hgx .hgx-mi img{display:block;width:100%;height:100%;object-fit:cover}.hgx .hgx-lband{background:var(--hgx-bg);padding:72px 0;margin-top:80px}.hgx .hgx-lgrid{display:grid;grid-template-columns:7fr 5fr;align-items:stretch;padding:0 24px}.hgx .hgx-limg{min-height:0}.hgx .hgx-limg img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}.hgx .hgx-lcard{position:relative;margin-left:-90px;background:#fff;padding:48px 48px 32px;box-shadow:0 18px 50px rgba(20,28,34,.12)}.hgx .hgx-lcard.solo{margin:0 auto;max-width:760px;grid-column:1/-1}.hgx .hgx-lcard .hgx-h2{font-size:clamp(26px,2.6vw,34px)}.hgx .hgx-pg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;margin-top:8px}.hgx .hgx-pc{display:flex;flex-direction:column;text-decoration:none;color:var(--hgx-tx);position:relative}.hgx a.hgx-pc:hover .hgx-pcimg{box-shadow:0 10px 30px rgba(20,28,34,.14)}.hgx .hgx-pcimg{display:block;aspect-ratio:4/5;background:var(--hgx-bg);margin-bottom:14px;transition:box-shadow .2s;overflow:hidden}.hgx .hgx-pcimg img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%;box-sizing:border-box}.hgx .hgx-pcimg.noimg{min-height:120px}.hgx .hgx-pce{overflow-wrap:anywhere;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--hgx-tx2);margin-bottom:6px}.hgx .hgx-pcn{font-size:16px;line-height:1.35}.hgx .hgx-lh{margin-top:56px}.hgx .hgx-faq .hgx-h2,.hgx .hgx-faq details{max-width:860px}.hgx .hgx-faq details{border-bottom:1px solid var(--hgx-ln)}.hgx .hgx-faq details:first-of-type{border-top:1px solid var(--hgx-ln)}.hgx .hgx-faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:18px;font-weight:300;position:relative}.hgx .hgx-faq summary::-webkit-details-marker{display:none}.hgx .hgx-faq summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:26px;font-weight:300;color:var(--hgx-ac)}.hgx .hgx-faq details[open] summary:after{content:"2212"}.hgx .hgx-faq details p{padding:0 40px 20px 0;margin:0;color:var(--hgx-tx2)}.hgx .hgx-plan p{margin:0 0 14px}.hgx .hgx-feat{margin:0;padding:0;list-style:none}.hgx .hgx-feat li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid var(--hgx-ln);font-size:16px;line-height:1.45;overflow-wrap:anywhere}.hgx .hgx-feat li:last-child{border-bottom:0}.hgx .hgx-feat li:before{content:"";position:absolute;left:2px;top:18px;width:7px;height:7px;background:var(--hgx-ac);border-radius:50%}.hgx .hgx-drawing img{display:block;width:100%;max-height:560px;object-fit:contain;background:#fff}.hgx .hgx-tabhead{margin:24px 0 8px}.hgx .hh{--hh-a:#eef1f3;--hh-b:#ffffff}.hgx .hh-card{align-self:center;padding:56px 40px 56px 48px;min-width:0}.hgx .hh .hgx-h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:16px}.hgx .hh-sub{font-size:16px;line-height:1.55;color:var(--hgx-tx2);margin:0 0 24px}.hgx .hh-figs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--hgx-ln);border:1px solid var(--hgx-ln);max-width:520px}.hgx .hh-figs li{background:rgba(255,255,255,.92);padding:16px 18px;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:start;margin:0}.hgx .hh-figs li:last-child:nth-child(odd){grid-column:1/-1}.hgx .hh-ic{grid-row:1/3;width:26px;height:26px;color:var(--hgx-ac)}.hgx .hh-ic svg{width:26px;height:26px;display:block}.hgx .hh-fk{font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--hgx-tx2)}.hgx .hh-fv{font-size:15px;line-height:1.4;color:var(--hgx-tx);overflow-wrap:anywhere}.hgx .hh-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:520px;background:radial-gradient(120% 90% at 72% 45%,var(--hh-b) 0,var(--hh-a) 62%)}.hgx .hh-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 48px}.hgx .hh-stage img{display:block;max-height:480px;max-width:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;position:relative}.hgx .hh-stage:after{content:"";position:absolute;left:22%;right:22%;bottom:30px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,28,34,.14),transparent)}.hgx .hh-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:560px;background:var(--hh-a)}.hgx .hh-mix{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hgx .hh-free{display:flex;align-items:center;justify-content:center;background:#fff;padding:32px}.hgx .hh-free img{display:block;max-height:460px;max-width:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.hgx .hh-dt{position:relative;overflow:hidden;min-height:320px}.hgx .hh-dt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hgx .hh-cap{position:absolute;left:16px;bottom:14px;font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(20,28,34,.45);padding:6px 10px}.hgx .hh-line{position:relative;padding-bottom:8px}.hgx .hh-amb{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}.hgx .hh-line .hh-cap{left:auto;right:16px;top:14px;bottom:auto}.hgx .hh-over{position:relative;margin-top:-140px;padding:0 40px;display:grid;grid-template-columns:minmax(0,560px