@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@400;500;700;900&display=swap'); /* ========================================================= BWT — WEBSITE FRAME Matches the established HAMZA / Vaillant / Aquatherm system Desktop design frame: 1520px ========================================================= */ .hamza-bwt{ --pink:#f088b6; --blue:#0161aa; --gray:#9f9e9e; --line:#c4c4c4; --soft:rgba(33,42,114,.04); width:100%; max-width:1520px; margin:0 auto; padding:0; background:#fff; color:#111; font-family:"Afacad Flux",Arial,sans-serif; overflow:hidden; } .hamza-bwt *{box-sizing:border-box} .hamza-bwt img{display:block;max-width:100%} /* Remove the old fixed-position Figma frame. Sections now flow naturally like the earlier website pages. */ .hamza-bwt .bwt-frame{ width:100%; height:auto; position:relative; overflow:visible; background:#fff; } /* ========================================================= HERO ========================================================= */ .hamza-bwt .hero{ position:relative; width:100%; height:auto; aspect-ratio:1520 / 639; overflow:hidden; } .hamza-bwt .hero img{ width:100%; height:100%; object-fit:cover; object-position:center; } /* ========================================================= INTRO ========================================================= */ .hamza-bwt .intro{ position:relative; width:100%; height:auto; min-height:908px; padding:58px 96px 54px; background:#fff; } .hamza-bwt .intro-brand{ position:relative; left:auto; top:auto; display:flex; align-items:center; gap:38px; margin-bottom:25px; } .hamza-bwt .pill{ width:107px; height:18px; flex:0 0 107px; border-radius:20px; background:var(--pink); border:1px solid #000; display:inline-block; } .hamza-bwt .intro-brand h2{ margin:0; color:var(--pink); font:700 40px/1 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .intro-copy{ position:relative; left:auto; top:auto; width:calc(100% - 300px); max-width:1018px; margin:0; font:400 22px/1.25 "Afacad Flux",Arial,sans-serif; text-align:justify; } .hamza-bwt .intro-copy p{margin:0} .hamza-bwt .intro-copy strong{font-weight:700} .hamza-bwt .stats{ position:absolute; right:78px; left:auto; top:64px; width:275px; } .hamza-bwt .stat{ display:grid; grid-template-columns:45px 1fr; column-gap:34px; margin:0 0 66px; } .hamza-bwt .dot{ width:45px; height:45px; border-radius:50%; background:var(--pink); } .hamza-bwt .stat:nth-child(2) .dot{background:#7f7f7f} .hamza-bwt .stat:nth-child(3) .dot{background:#000} .hamza-bwt .stat-label{ font:400 22px/1 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .stat-number{ margin-top:4px; font:900 45px/.95 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .stat-unit{ font:400 22px/1 "Afacad Flux",Arial,sans-serif; text-transform:uppercase; } .hamza-bwt .intro-photo{ position:relative; left:auto; top:auto; width:628px; max-width:calc(100% - 340px); height:419px; margin:52px 0 0; border-radius:40px; object-fit:cover; } /* ========================================================= MAGNESIUM ========================================================= */ .hamza-bwt .mag{ position:relative; left:auto; top:auto; width:100%; height:auto; min-height:950px; padding:100px 58px 29px; background:var(--soft); } .hamza-bwt .mag-title{ position:relative; top:auto; left:auto; transform:none; width:auto; max-width:605px; margin:0 auto 27px; text-align:center; text-transform:uppercase; color:var(--blue); font:700 36px/1 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .mag-intro{ position:relative; top:auto; left:auto; transform:none; width:min(1253px,100%); margin:0 auto 48px; text-align:center; color:var(--gray); font:700 22px/1.2 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .mag-card{ position:relative; top:auto; left:auto!important; width:calc((100% - 32px) / 3); height:642px; display:inline-block; vertical-align:top; margin-right:12px; background:#fff; } .hamza-bwt .mag-card:last-child{margin-right:0} .hamza-bwt .mag-card:before, .hamza-bwt .mag-card:after{ content:""; position:absolute; left:46px; right:46px; height:16px; background:var(--line); } .hamza-bwt .mag-card:before{top:0} .hamza-bwt .mag-card:after{bottom:0} .hamza-bwt .mag-img{ position:absolute; object-fit:contain; } .hamza-bwt .mag-card.one .mag-img{ left:50%; top:16px; transform:translateX(-50%); width:231px; height:231px; } .hamza-bwt .mag-card.two .mag-img{ left:50%; top:16px; transform:translateX(-50%); width:384px; height:192px; object-fit:cover; } .hamza-bwt .mag-card.three .mag-img{ left:50%; top:17px; transform:translateX(-50%); width:301px; height:201px; object-fit:cover; } .hamza-bwt .mag-card h3{ position:absolute; top:242px; left:39px; width:calc(100% - 78px); margin:0; text-align:center; font:700 32px/1.05 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .mag-card.three h3{top:218px} .hamza-bwt .mag-card ul{ position:absolute; left:30px; top:303px; width:calc(100% - 60px); margin:0; padding-left:30px; font:400 22px/1.2 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .mag-card.two ul, .hamza-bwt .mag-card.three ul{ left:39px; width:calc(100% - 78px); } .hamza-bwt .mag-card li{margin:0 0 7px} /* ========================================================= WODA PURE — clean 2-column website layout ========================================================= */ .hamza-bwt .woda{ position:relative; left:auto; top:auto; width:100%; height:auto; min-height:603px; padding:82px 102px 72px; background:#fff; display:grid; grid-template-columns:minmax(0,708px) minmax(400px,524px); column-gap:8%; align-items:center; } .hamza-bwt .woda-brand{ position:relative; left:auto; top:auto; grid-column:1 / -1; display:flex; align-items:center; gap:39px; margin:0 0 8px; } .hamza-bwt .woda-brand h2{ margin:0; color:var(--pink); font:700 40px/1 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .woda-sub{ position:relative; left:auto; top:auto; grid-column:1 / -1; margin:0 0 20px 146px; color:var(--gray); font:400 22px/1 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .woda-title{ position:relative; left:auto; top:auto; width:100%; margin:0 0 13px; text-align:left; font:700 32px/1.05 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .woda-copy{ position:relative; left:auto; top:auto; width:100%; margin:0; font:400 22px/1.25 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .woda-img{ position:relative; left:auto; top:auto; grid-column:2; grid-row:3 / span 2; width:100%; height:315px; object-fit:cover; align-self:center; } .hamza-bwt .woda:after{ content:""; position:absolute; left:6.7%; right:6.7%; bottom:0; width:auto; height:22px; background:var(--line); } /* ========================================================= LOWER PRODUCTS ========================================================= */ .hamza-bwt .lower{ position:relative; left:auto; top:auto; width:100%; height:auto; padding:30px 89px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; background:#fff; } .hamza-bwt .product{ position:relative; left:auto!important; top:auto; width:100%; height:746px; min-height:746px; background:#fff; } .hamza-bwt .product:after{ content:""; position:absolute; left:67px; right:67px; bottom:0; width:auto; height:19px; background:var(--line); } .hamza-bwt .product-head{ position:absolute; left:84px; right:35px; top:8px; display:flex; align-items:flex-start; gap:39px; } .hamza-bwt .product-head .pill{margin-top:24px} .hamza-bwt .product h2{ margin:4px 0 0; color:var(--pink); font:700 40px/1.04 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .product-media{ position:absolute; left:67px; right:6px; top:59px; width:auto; height:304px; } .hamza-bwt .e1-a{ position:absolute; left:0; top:13px; width:141px; height:281px; object-fit:contain; } .hamza-bwt .e1-b{ position:absolute; right:0; top:0; width:173px; height:304px; object-fit:contain; } .hamza-bwt .pearl-a{ position:absolute; left:0; top:75px; width:296px; height:194px; object-fit:cover; } .hamza-bwt .pearl-b{ position:absolute; right:-5px; top:-3px; width:225px; height:301px; object-fit:contain; } .hamza-bwt .product-copy{ position:absolute; left:65px; right:64px; top:373px; width:auto; font:400 22px/1.2 "Afacad Flux",Arial,sans-serif; } .hamza-bwt .product-copy p{margin:0 0 5px} .hamza-bwt .product-copy ul{margin:0;padding-left:30px} .hamza-bwt .product-copy li{margin:0 0 4px} .hamza-bwt .product.right .product-head{ left:76px; } .hamza-bwt .product.right .product-copy{ left:56px; right:56px; } .hamza-bwt .product.right .product-head h2{ max-width:403px; } /* ========================================================= LINKS ========================================================= */ .hamza-bwt .links{ position:relative; left:auto; top:auto; width:auto; height:auto; margin:0 153px; padding:22px 0 48px; display:flex; justify-content:space-between; align-items:center; } .hamza-bwt .links a{ color:#0088e3; font:700 22px/1 "Afacad Flux",Arial,sans-serif; text-decoration:underline; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1200px) and (min-width:901px){ .hamza-bwt .intro{ padding-left:60px; padding-right:60px; } .hamza-bwt .stats{right:50px} .hamza-bwt .intro-copy{width:calc(100% - 300px)} .hamza-bwt .mag{padding-left:35px;padding-right:35px} .hamza-bwt .mag-card{ width:calc((100% - 24px)/3); margin-right:6px; } .hamza-bwt .mag-card h3{font-size:28px} .hamza-bwt .mag-card ul{font-size:19px} .hamza-bwt .woda{ padding-left:70px; padding-right:70px; column-gap:45px; } .hamza-bwt .lower{ padding-left:45px; padding-right:45px; } .hamza-bwt .product h2{font-size:34px} .hamza-bwt .product-copy{font-size:20px} } /* ========================================================= MOBILE ========================================================= */ @media(max-width:900px){ .hamza-bwt{ max-width:100%; } .hamza-bwt .hero{ aspect-ratio:1520/639; } .hamza-bwt .intro{ min-height:auto; padding:45px 22px; } .hamza-bwt .intro-brand{ margin-bottom:25px; } .hamza-bwt .intro-copy{ width:100%; max-width:none; font-size:17px; line-height:1.3; text-align:left; } .hamza-bwt .stats{ position:relative; right:auto; top:auto; width:100%; margin-top:35px; } .hamza-bwt .stat{ margin-bottom:25px; } .hamza-bwt .stat-label, .hamza-bwt .stat-unit{ font-size:17px; } .hamza-bwt .stat-number{ font-size:44px; } .hamza-bwt .intro-photo{ width:100%; max-width:none; height:auto; margin-top:30px; border-radius:28px; } .hamza-bwt .mag{ padding:55px 15px 30px; } .hamza-bwt .mag-title{ font-size:27px; margin-bottom:20px; } .hamza-bwt .mag-intro{ width:100%; font-size:17px; line-height:1.3; margin-bottom:30px; } .hamza-bwt .mag-card, .hamza-bwt .mag-card.one, .hamza-bwt .mag-card.two, .hamza-bwt .mag-card.three{ display:block; width:100%; height:auto; min-height:600px; margin:0 0 20px; padding-top:250px; } .hamza-bwt .mag-card .mag-img{ left:50%!important; top:16px!important; transform:translateX(-50%); max-width:85%; } .hamza-bwt .mag-card h3, .hamza-bwt .mag-card ul{ position:relative; left:auto!important; top:auto!important; width:auto!important; } .hamza-bwt .mag-card h3{ margin:0 25px 15px; font-size:25px; } .hamza-bwt .mag-card ul{ margin:0 25px; padding-left:25px; font-size:17px; line-height:1.3; } .hamza-bwt .woda{ display:flex; flex-direction:column; align-items:stretch; padding:45px 22px 65px; min-height:auto; } .hamza-bwt .woda-brand, .hamza-bwt .woda-sub, .hamza-bwt .woda-title, .hamza-bwt .woda-copy, .hamza-bwt .woda-img{ position:relative; left:auto; top:auto; grid-column:auto; grid-row:auto; } .hamza-bwt .woda-brand{ margin-bottom:10px; } .hamza-bwt .woda-brand h2{ font-size:30px; } .hamza-bwt .woda-sub{ margin:0 0 25px 127px; font-size:17px; } .hamza-bwt .woda-title{ width:100%; font-size:25px; margin-bottom:12px; } .hamza-bwt .woda-copy{ width:100%; font-size:17px; line-height:1.3; } .hamza-bwt .woda-img{ width:100%; height:auto; margin-top:25px; object-fit:contain; } .hamza-bwt .woda:after{ left:7%; right:7%; width:auto; } .hamza-bwt .lower{ display:block; padding:25px 15px 0; } .hamza-bwt .product{ width:100%; height:auto; min-height:700px; margin-bottom:25px; padding-bottom:35px; } .hamza-bwt .product-head{ position:relative; left:auto!important; right:auto; top:auto; padding:25px; } .hamza-bwt .product-head h2{ font-size:29px; } .hamza-bwt .product-media{ position:relative; left:auto; right:auto; top:auto; width:calc(100% - 50px); height:280px; margin:0 25px; } .hamza-bwt .product-copy, .hamza-bwt .product.right .product-copy{ position:relative; left:auto; right:auto; top:auto; width:auto; margin:25px; font-size:17px; line-height:1.3; } .hamza-bwt .links{ margin:0 22px; padding:15px 0 35px; } .hamza-bwt .links a{ font-size:18px; } }
BWT water technology

BWT

WELLBEING AT HOME
Water plays an essential role in our lives throughout the day and night. BWT water technology ensures perfect water quality anywhere in your home, from the basement to the attic, from the kitchen to the bathroom and from the heating system to the pool. The treated water provides real protection for installations, heating systems and household appliances against limescale and other undesirable substances. But BWT products not only ensure a high level of hygiene and protection but also offer an incomparable sense of wellbeing through noticeably softer, more velvety skin, glossy hair and bathing pleasure with silky-soft pool water. BWT also enhances the quality of your drinking water – Magnesium Mineralized Water is a mouth-watering taste experience, whether you’re merely quenching your thirst with plain H2O, or making a cup of tea and coffee.

BWT home water system
ANNUAL SALES
1+
EUR BILLION
EMPLOYEES
6,500+
WORLDWIDE
ESTABLISHED
1823
GERMANY

Magnesium makes the difference

BWT’s patented magnesium technology enriches tap water with magnesium, while filtering out chlorine and other taste-impairing particles. The result is great-tasting water that enhances the flavor of tea and coffee, while its lower calcium content helps protect appliances from limescale.

Magnesium-Enriched Water

  • BWT’s patented Magnesium Technology filters tap water through multiple stages, reducing substances that affect taste and smell while enriching the water with magnesium.
  • The result is balanced water with an almost neutral pH and a soft, pleasant taste.

Better Taste & Aroma

  • Magnesium Mineralized Water is designed not only for drinking but also for preparing coffee, tea and food.
  • By reducing chlorine, excess calcium and unwanted particles, then adding magnesium, BWT says the water helps bring out a fuller flavour and aroma.

Health, Appliances & Sustainability

  • Magnesium is an essential mineral involved in normal muscle, nervous-system and energy functions. At the same time, BWT's lower-calcium filtered water helps reduce limescale in appliances such as kettles and coffee machines, while using filtered tap water can reduce dependence on single-use plastic bottles.

BWT Woda Pure Range

Professional expertise in your kitchen

Product advantages

BWT’s special state-of-the-art filtration process has been originally developed to meet the demanding requirements of commercial installations in the hospitality and catering sector. This unique high-grade technology is now available for your home, an ideal complement to your central water treatment. Below the sink, one, two or three filter cartridges can be combined and mounted inline. This way, the filter process can be adapted according to your taste, your needs, and your local water quality. With BWT WODA-PURE, you save yourself the hassle of lugging, storing, and disposing of one-way plastic bottles… and turn your tap water into mineralized water. Making bad water, good, or good water even better.

BWT Woda Pure Range

BWT E1 Single-​​Lever Filter

Reliable protection for your entire home, keeping water clean and hygienically safe for drinking, cooking, showering and bathing:

  • Best possible protection against foreign particles
  • Clean pipework
  • Hygienically safe drinking water throughout the house
  • Easy to handle – the filter element can be replaced in seconds
  • New type of filter – safer, more hygienic and more efficient than ever before

BWT Pearl Water
Systems

BWT pearl water systems create a feeling of pure wellbeing in your home, as they transform hard, calcareous water into silky-soft BWT pearl water.
Benefits at a glance:

  • Noticeably smoother skin, silky and shiny hair, cuddly soft laundry and clothing that is kind to the skin
  • Lower levels of calcium in the water, protecting your household appliances and therefore lower consumption of detergents and cleaning agents
  • Fewer limescale deposits, therefore less need for cleaning