@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(font-7.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(font-8.ttf) format('truetype');
}

:root{--ink:#00009d;--green:#d90000;--paper:#fafbfe;--line:#dce0ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:14px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}header{height:95px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:4}.logo{font:800 45px 'Barlow Condensed',Arial,sans-serif;letter-spacing:-2px}.logo span{display:block;font:8px Inter;letter-spacing:2px}nav{display:flex;gap:30px;font-size:13px}.contact{border-bottom:1px solid;padding:12px 0;font-weight:600}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px}.hero-copy{padding:65px 10% 24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;margin:0;font-weight:600}h1{font-size:clamp(65px,7.3vw,112px);line-height:.96;letter-spacing:-2px}h1 em{font-style:normal;color:#d90000}.hero-copy>p:not(.eyebrow){max-width:400px;line-height:1.8;color:#596078;margin:27px 0}.button{display:inline-flex;background:var(--ink);color:white;padding:18px 24px;gap:50px;font-weight:500;font-size:12px}.button:hover{background:#d90000}.hero-bottom{border-top:1px solid var(--line);margin-top:67px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.hero-image{background:#eef0f9;position:relative;padding:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image:before{content:'BUWO';position:absolute;font:800 240px 'Barlow Condensed';color:#dfe3f4;transform:rotate(-90deg);right:-135px;opacity:.65}.hero-image img{width:100%;max-height:430px;object-fit:contain;mix-blend-mode:multiply;position:relative}.image-label{position:absolute;top:30px;left:30px;font-size:10px;letter-spacing:2px}.image-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;line-height:1.8}.image-caption small{color:#646b86}.image-caption a{background:var(--green);width:45px;height:45px;text-align:center;line-height:45px;font-size:24px}.strip{background:var(--ink);color:#ffffff;padding:23px 5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.strip span:before{content:'+';color:var(--green);margin-right:15px}.section{padding:85px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:clamp(38px,4vw,61px);line-height:1.04}.section-title>p{color:#626982;line-height:1.8}.catalog-tools{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center}.search{display:flex;align-items:center;gap:15px}.search span{font-size:26px}.search input{width:340px;max-width:70vw;background:none;border:0;padding:10px 0}.catalog-tools>span{font-size:11px;color:#626982}.catalog-layout{display:grid;grid-template-columns:210px 1fr;gap:35px}aside{display:flex;flex-direction:column;gap:3px}aside button{background:none;border:0;border-bottom:1px solid var(--line);padding:17px 10px;text-align:left;font-size:12px;line-height:1.5}aside button.selected{background:var(--green);font-weight:600}aside small{float:right}#active-category{font-size:12px;padding:0 0 15px;color:#626982}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.card{background:none;border:0;text-align:left;padding:0;color:var(--ink)}.product-photo{background:#fff;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #e2e5ef;overflow:hidden}.product-photo img{width:83%;height:83%;object-fit:contain;transition:transform .3s}.card:hover img{transform:scale(1.06)}.product-photo span{position:absolute;right:12px;bottom:12px;font-size:22px}.card small{display:block;color:#626982;font-size:9px;letter-spacing:1px;margin-top:15px}.card h3{font-family:Inter;font-size:13px;text-transform:none;line-height:1.6;margin-top:6px;font-weight:500}.outline{background:transparent;border:1px solid var(--ink);padding:15px 25px;display:block;margin:35px auto 0;font-size:12px}.applications{background:var(--ink);color:white}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}.application-grid button{background:none;color:var(--green);border:0;border-top:1px solid #6666c4;border-right:1px solid #6666c4;padding:25px;text-align:left}.application-grid button:hover{background:#1616b3}.application-grid span{display:block;color:white;font:500 30px/1.1 'Barlow Condensed';text-transform:uppercase;margin:35px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide{background:#eef0f9;border:0;text-align:left;padding:30px;min-height:235px;display:flex;flex-direction:column;justify-content:space-between}.guide small{font-size:9px;letter-spacing:2px}.guide h3{font-size:30px;line-height:1.1;margin:25px 0}.guide>span{font-size:11px}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--green);gap:20px}.about>.eyebrow{grid-column:1/-1}.about>div{max-width:480px;line-height:1.8}.about .button{margin-top:20px}footer{padding:55px 5%;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer>p{color:#626982;font-size:12px}footer>a:not(.logo){margin-left:auto;font-size:12px}footer>div{border-top:1px solid var(--line);padding-top:25px;width:100%;display:flex;gap:25px;font-size:10px}footer>div span{margin-left:auto}dialog{border:0;padding:55px;max-width:1050px;width:92vw;max-height:90vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000040b8;backdrop-filter:blur(5px)}#close{position:absolute;top:15px;right:18px;border:0;background:none;font-size:23px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-layout h2{font-size:40px;margin:12px 0 25px}.detail-layout img{width:100%;max-height:420px;object-fit:contain;background:white}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumbs button{border:1px solid var(--line);background:white;padding:4px;width:58px;height:58px}.thumbs img{width:100%;height:100%;object-fit:contain}.description{line-height:1.8;font-size:13px}.description h2,.description h3{font:600 16px Inter;text-transform:none;margin:20px 0 8px}.description img{max-width:100%;height:auto}.variant{margin:20px 0;font-size:12px;line-height:1.8}.article{max-width:740px;margin:auto;line-height:1.8}.article h2{margin:15px 0 30px}.article h3{font-size:27px;margin:25px 0 10px}.article a{border-bottom:1px solid}.article .button{border:0;margin-top:20px}@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:900px){nav{gap:14px}.contact{display:none}.hero{min-height:530px}.hero-copy{padding:45px 8% 20px}.hero-image{padding:25px}.hero-bottom{margin-top:35px}.catalog-layout{grid-template-columns:165px 1fr;gap:20px}.grid{grid-template-columns:repeat(2,1fr)}.application-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:75px}.logo{font-size:36px}.logo span{font-size:6px}nav{gap:13px;font-size:11px}nav a:nth-child(2),nav a:nth-child(4){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 25px}h1{font-size:75px}.hero-image{height:380px}.hero-image img{height:280px;width:80%}.strip{gap:20px;overflow:auto;white-space:nowrap}.section{padding:55px 6%}.section-title{display:block}.section-title>p{font-size:12px}.catalog-layout{display:block}aside{flex-direction:row;overflow:auto;margin-bottom:25px}aside button{min-width:145px;padding:12px;font-size:11px}aside small{margin-left:7px}.catalog-tools>span{display:none}.grid{gap:22px 12px}.card h3{font-size:12px}.guide-grid{grid-template-columns:1fr}.guide{min-height:180px}.about{grid-template-columns:1fr}.application-grid button{padding:20px 12px}.application-grid span{font-size:26px}.detail-layout{grid-template-columns:1fr}dialog{padding:45px 23px}.detail-layout h2{font-size:35px}footer{gap:20px}footer>a:not(.logo){margin-left:0}}

/* BUWO brand palette */
.image-caption a,aside button.selected{color:#fff}.applications .eyebrow{color:#fff}.application-grid button{color:#fff}.strip span:before{color:#fff}.about{background:#eef0f9;border-top:5px solid #d90000}.logo{display:flex;align-items:center;gap:12px;letter-spacing:-1px}.logo img{width:38px;height:46px;object-fit:contain}.logo .wordmark{font:800 42px 'Barlow Condensed',Arial,sans-serif;letter-spacing:-1px}.logo .wordmark small{display:block;font:7px Inter,Arial,sans-serif;letter-spacing:1.8px}.contact:hover,nav a:hover{color:#d90000}.hero-image{border-bottom:5px solid #d90000}.button{background:#00009d}.button:hover{background:#d90000}@media(max-width:600px){.logo{gap:7px}.logo img{width:28px;height:34px}.logo .wordmark{font-size:31px}.logo .wordmark small{font-size:5px}}
.logo img.brand-logo{width:160px;height:auto;display:block;mix-blend-mode:multiply}footer .logo img.brand-logo{width:145px}@media(max-width:600px){.logo img.brand-logo{width:118px}}

.legal-page{max-width:930px;margin:0 auto;padding:65px 6% 90px;line-height:1.85}.legal-page h1{font-size:clamp(38px,6vw,70px);overflow-wrap:anywhere;margin:20px 0 40px;letter-spacing:-1px}.legal-page h2{font-size:27px;margin:32px 0 12px;line-height:1.2}.legal-page p{color:#414966}.legal-page a:not(.back-link){text-decoration:underline;text-underline-offset:3px}.back-link{display:inline-block;font-size:12px;margin-bottom:35px}.legal-note{padding:20px;border-left:3px solid #d90000;background:#eef0f9}
.language-switch{display:flex;gap:4px;align-items:center;flex-shrink:0;margin-left:18px}.language-switch a{display:block;padding:8px 7px;font:600 10px Inter,Arial,sans-serif;color:#596078;border:1px solid transparent}.language-switch a:hover{border-color:#d90000;color:#d90000}.language-switch a[aria-current=true]{background:#00009d;color:white}.source-description{margin:22px 0;border-top:1px solid #dce0ed;padding-top:16px;font-size:12px}.source-description summary{cursor:pointer;color:#596078}.source-description[open] summary{margin-bottom:15px}header{gap:14px}header nav{margin-left:auto}.contact{white-space:nowrap}.hero h1 em{overflow-wrap:normal}@media(max-width:1050px){header nav{gap:16px}.contact{display:none}.language-switch{margin-left:0}}@media(max-width:600px){header{gap:8px;padding-left:4%;padding-right:4%}.language-switch{gap:0}.language-switch a{padding:7px 5px;font-size:10px}header nav{gap:10px;font-size:10px}.hero h1{font-size:clamp(54px,12vw,75px)}html[lang=pl] .hero h1{font-size:clamp(49px,11vw,68px)}.hero-bottom{gap:10px}.application-grid span{overflow-wrap:anywhere}}
/* Centered main navigation and contact action */
@media(min-width:1051px){header{position:sticky;display:grid;grid-template-columns:1fr auto 1fr;column-gap:25px}header .logo{grid-column:1;grid-row:1;justify-self:start}header nav{grid-column:2;grid-row:1;justify-self:center;margin:0;gap:26px}header .contact{grid-column:3;grid-row:1;justify-self:end;margin-right:114px}header .language-switch{grid-column:3;grid-row:1;justify-self:end;margin-left:0}}
header .contact{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;background:#00009d;border:1px solid #00009d;color:#fff;font-size:12px;font-weight:600;line-height:1.3;transition:background .2s,border-color .2s}header .contact:hover{background:#d90000;border-color:#d90000;color:#fff}
@media(min-width:601px) and (max-width:1050px){header{height:auto;min-height:94px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}header .logo{order:1}header .language-switch{order:2;margin-left:auto}header nav{order:3;flex:1 1 auto;justify-content:center;margin:0}header .contact{order:4;font-size:11px;padding:12px 15px}}
@media(max-width:600px){header{height:auto;min-height:112px;display:grid;grid-template-columns:1fr auto;gap:12px 10px;padding-top:12px;padding-bottom:12px}header .logo{grid-column:1;grid-row:1}header .language-switch{grid-column:2;grid-row:1;justify-self:end}header nav{grid-column:1;grid-row:2;margin:0;justify-self:center;justify-content:center;gap:16px;font-size:11px}header .contact{grid-column:2;grid-row:2;font-size:10px;padding:10px 12px}html{scroll-padding-top:135px}}

@media(max-width:600px){header nav a:nth-child(4){display:inline}header nav a:nth-child(5){display:none}header nav{gap:12px;font-size:10px}}
@media(max-width:600px){header nav a{display:inline!important}header nav a[href*="#anwendungen"],header nav a[href*="#buwo"]{display:none!important}}

.about-team{grid-column:1/-1;margin:28px 0 0;min-width:0}.about-team img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.about-team figcaption{font-size:10px;line-height:1.6;color:#626982;margin-top:10px}@media(max-width:600px){.about-team{margin-top:15px}}

/* About: image left, text right */
.about{gap:28px 44px;align-items:start}.about>h2{grid-column:1/-1}.about>.about-team{grid-column:1;margin:0}.about>div{max-width:none}.about>div>p:first-child{margin-top:0}@media(max-width:600px){.about{gap:24px}.about>.about-team{grid-column:1}.about>div{grid-column:1}}