@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/Montserrat-Light.woff2') format('woff2')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Montserrat-Regular.woff2') format('woff2')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/Montserrat-Medium.woff2') format('woff2')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/Montserrat-Bold.woff2') format('woff2')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/Montserrat-Black.woff2') format('woff2')}:root{--wapro-blue:#00C6F4;--wapro-blue-dark:#00a8d4;--wapro-dark:#1E1E1E;--wapro-light:#F4F4F4;--wapro-white:#FFFFFF;--wapro-grey:#666666;--wapro-grey-light:#E5E5E5;--font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--container-max:1200px;--container-narrow:900px;--header-height:80px;--banner-height:38px;--transition:0.3s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:16px;line-height:1.4;color:var(--wapro-dark);background-color:var(--wapro-white)}img{max-width:100%;height:auto;display:block}a{color:var(--wapro-blue);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--wapro-blue-dark)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-0.015em;color:var(--wapro-dark)}h1{font-size:clamp(2rem,5vw,2.5rem);font-weight:var(--font-weight-bold);text-transform:uppercase}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--font-weight-bold)}h3{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:var(--font-weight-bold)}p{margin-bottom:1rem}.lead{font-size:1.25rem;color:var(--wapro-grey)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-xl) 0}.section--dark{background-color:var(--wapro-dark);color:var(--wapro-white)}.section--dark h1,.section--dark h2,.section--dark h3{color:var(--wapro-white)}.section--light{background-color:var(--wapro-light)}.section--blue{background-color:var(--wapro-blue);color:var(--wapro-white)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--wapro-white);box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000;transition:background var(--transition)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%}.header__logo img{height:40px;width:auto}.nav__list{display:flex;gap:var(--space-md)}.nav__link{font-weight:var(--font-weight-medium);color:var(--wapro-dark);padding:var(--space-xs) 0;position:relative}.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--wapro-blue);transition:width var(--transition)}.nav__link:hover::after,.nav__link--active::after{width:100%}.nav__link:hover{color:var(--wapro-blue)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px}.nav__toggle-bar{width:25px;height:2px;background:var(--wapro-dark);transition:var(--transition)}.hero{min-height:100vh;display:flex;align-items:center;background:var(--wapro-dark) url('/assets/images/bg-rueckstauventil-hochwasserschutz-wapro.webp') no-repeat center center;background-size:cover;color:var(--wapro-white);padding-top:var(--header-height);position:relative;overflow:hidden}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.hero__container--single{grid-template-columns:1fr;text-align:center;max-width:800px;margin:0 auto}.hero__container--single .hero__subtitle{margin-left:auto;margin-right:auto}.hero__buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.hero__container--single .hero__buttons{justify-content:center}.hero__badge{display:inline-block;background:var(--wapro-blue);color:var(--wapro-white);padding:var(--space-xs) var(--space-sm);font-size:0.875rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-sm)}.hero__title{color:var(--wapro-white);margin-bottom:var(--space-sm)}.hero__title span{color:var(--wapro-blue)}.hero__subtitle{font-size:1.25rem;color:rgba(255,255,255,0.8);margin-bottom:var(--space-md);max-width:500px}.hero__image{position:relative}.hero__image img{max-width:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.3))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:0.875rem 2rem;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1rem;border:2px solid transparent;border-radius:0;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:0.05em}.btn--primary{background:var(--wapro-blue);color:var(--wapro-white);border-color:var(--wapro-blue)}.btn--primary:hover{background:var(--wapro-blue-dark);border-color:var(--wapro-blue-dark);color:var(--wapro-white)}.btn--secondary{background:transparent;color:var(--wapro-white);border-color:var(--wapro-white)}.btn--secondary:hover{background:var(--wapro-white);color:var(--wapro-dark)}.btn--outline{background:transparent;color:var(--wapro-blue);border-color:var(--wapro-blue)}.btn--outline:hover{background:var(--wapro-blue);color:var(--wapro-white)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.product-card{background:var(--wapro-white);border:1px solid var(--wapro-grey-light);padding:var(--space-md);transition:all var(--transition);text-align:center}.product-card:hover{box-shadow:0 10px 40px rgba(0,0,0,0.1);transform:translateY(-5px)}.product-card__image{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm)}.product-card__image img{max-height:100%;width:auto;object-fit:contain}.product-card__title{font-size:1.25rem;margin-bottom:var(--space-xs)}.product-card__subtitle{color:var(--wapro-grey);font-size:0.875rem;margin-bottom:var(--space-sm)}.product-card__link{font-weight:var(--font-weight-medium);color:var(--wapro-blue)}.product-card__link:hover{text-decoration:underline}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.feature{text-align:center;padding:var(--space-md)}.feature__icon{width:60px;height:60px;margin:0 auto var(--space-sm);color:var(--wapro-blue)}.feature__icon svg{width:100%;height:100%}.feature__title{font-size:1.125rem;margin-bottom:var(--space-xs)}.feature__text{color:var(--wapro-grey);font-size:0.9375rem}.stats-bar{background:var(--wapro-blue);color:var(--wapro-white);padding:var(--space-lg) 0}.stats-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);text-align:center}.stat__number{display:block;font-size:3rem;font-weight:var(--font-weight-black);line-height:1;margin-bottom:var(--space-xs)}.stat__label{font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;opacity:0.9}.section__header{text-align:center;max-width:700px;margin:0 auto var(--space-lg)}.section__header h2{margin-bottom:var(--space-sm)}.section__header p{color:var(--wapro-grey);font-size:1.125rem}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.team-card{text-align:center}.team-card__image{width:180px;height:180px;border-radius:50%;overflow:hidden;margin:0 auto var(--space-sm)}.team-card__image img{width:100%;height:100%;object-fit:cover}.team-card__name{font-size:1.125rem;margin-bottom:var(--space-xs)}.team-card__role{color:var(--wapro-grey);font-size:0.875rem;margin-bottom:var(--space-xs)}.team-card__contact{font-size:0.875rem}.team-card__contact a{display:block;color:var(--wapro-blue)}.footer{background:var(--wapro-dark);color:var(--wapro-white);padding:var(--space-lg) 0 var(--space-md)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer__logo{height:40px;margin-bottom:var(--space-sm)}.footer__text{color:rgba(255,255,255,0.7);font-size:0.9375rem;max-width:300px}.footer__heading{font-size:1rem;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);color:var(--wapro-white)}.footer__links li{margin-bottom:var(--space-xs)}.footer__links a{color:rgba(255,255,255,0.7);font-size:0.9375rem;transition:color var(--transition)}.footer__links a:hover{color:var(--wapro-blue)}.footer__bottom{padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;font-size:0.875rem;color:rgba(255,255,255,0.5)}.footer__bottom a{color:rgba(255,255,255,0.5)}.footer__bottom a:hover{color:var(--wapro-blue)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1024px){.hero__container{grid-template-columns:1fr;text-align:center}.hero__subtitle{margin-left:auto;margin-right:auto}.hero__image{max-width:500px;margin:0 auto}.footer__grid{grid-template-columns:1fr 1fr}.stats-bar__grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media (max-width:768px){.nav__list{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--wapro-white);flex-direction:column;padding:var(--space-md);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.nav__list.active{display:flex}.nav__toggle{display:flex}.hero{min-height:auto;padding:calc(var(--header-height) + var(--space-lg)) 0 var(--space-lg)}.footer__grid{grid-template-columns:1fr;text-align:center}.footer__text{margin:0 auto}.footer__bottom{flex-direction:column;gap:var(--space-sm)}}.top-banner{position:fixed;top:0;left:0;right:0;height:var(--banner-height);background:var(--wapro-blue);color:var(--wapro-white);padding:0.625rem 0;text-align:center;font-size:0.875rem;z-index:1001}.top-banner p{margin:0}.top-banner a{color:var(--wapro-white);font-weight:var(--font-weight-medium);text-decoration:underline}.top-banner a:hover{color:var(--wapro-dark)}.presentation-section{background:var(--wapro-dark);color:var(--wapro-white);padding:var(--space-xl) 0}.presentation-section__title{color:var(--wapro-white);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);text-align:center}.presentation-section__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);text-align:center}.presentation-section__item a{color:var(--wapro-white);font-size:1.125rem;font-weight:var(--font-weight-bold);text-decoration:none;transition:color var(--transition)}.presentation-section__item a:hover{color:var(--wapro-blue)}@media (max-width:768px){.presentation-section__grid{grid-template-columns:1fr;gap:var(--space-md)}}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.solution-card{background:var(--wapro-white);border:1px solid var(--wapro-grey-light);padding:var(--space-md);text-align:center;transition:all var(--transition)}.solution-card:hover{box-shadow:0 10px 40px rgba(0,0,0,0.08);transform:translateY(-4px)}.solution-card__icon{width:56px;height:56px;margin:0 auto var(--space-sm);color:var(--wapro-blue)}.solution-card__icon svg{width:100%;height:100%}.solution-card__title{font-size:1.125rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs);color:var(--wapro-dark)}.solution-card__text{font-size:0.9375rem;color:var(--wapro-grey);margin-bottom:var(--space-sm);line-height:1.6}.solution-card__specs{list-style:none;padding:0;margin:0;border-top:1px solid var(--wapro-grey-light);padding-top:var(--space-sm)}.solution-card__specs li{font-size:0.8125rem;color:var(--wapro-blue);font-weight:var(--font-weight-medium);padding:4px 0}.tech-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);background:var(--wapro-light);padding:var(--space-md);border-radius:4px}.tech-detail{text-align:center}.tech-detail__label{display:block;font-size:0.8125rem;font-weight:var(--font-weight-bold);color:var(--wapro-dark);margin-bottom:4px}.tech-detail__value{display:block;font-size:0.8125rem;color:var(--wapro-grey);line-height:1.4}@media (max-width:992px){.solutions-grid{grid-template-columns:repeat(2,1fr)}.tech-details{grid-template-columns:1fr;gap:var(--space-sm)}}@media (max-width:768px){.solutions-grid{grid-template-columns:1fr}}.application-section{background:var(--wapro-light)}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.application-card{display:flex;flex-direction:column;background:var(--wapro-white);border:2px solid var(--wapro-grey-light);padding:var(--space-md);text-decoration:none;color:var(--wapro-dark);transition:all var(--transition);position:relative;overflow:hidden}.application-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px rgba(0,0,0,0.12);border-color:var(--wapro-blue)}.application-card--blue{border-top:4px solid var(--wapro-blue)}.application-card--blue:hover{border-color:var(--wapro-blue)}.application-card--dark{border-top:4px solid var(--wapro-dark)}.application-card--dark:hover{border-color:var(--wapro-dark)}.application-card--red{border-top:4px solid #dc3545}.application-card--red:hover{border-color:#dc3545}.application-card--green{border-top:4px solid #28a745}.application-card--green:hover{border-color:#28a745}.application-card__icon{width:56px;height:56px;margin-bottom:var(--space-sm);color:var(--wapro-blue)}.application-card--blue .application-card__icon{color:var(--wapro-blue)}.application-card--dark .application-card__icon{color:var(--wapro-dark)}.application-card--red .application-card__icon{color:#dc3545}.application-card--green .application-card__icon{color:#28a745}.application-card__icon svg{width:100%;height:100%}.application-card__content{flex:1;display:flex;flex-direction:column}.application-card__title{font-size:1.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs);color:var(--wapro-dark);line-height:1.3}.application-card__text{font-size:0.9375rem;color:var(--wapro-grey);line-height:1.6;margin-bottom:var(--space-sm);flex:1}.application-card__link{font-size:0.9375rem;font-weight:var(--font-weight-medium);color:var(--wapro-blue);margin-top:auto;transition:all var(--transition)}.application-card:hover .application-card__link{color:var(--wapro-blue-dark)}.application-card__badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:rgba(0,198,244,0.1);color:var(--wapro-blue);font-size:0.6875rem;font-weight:var(--font-weight-bold);padding:4px 8px;text-transform:uppercase;letter-spacing:0.05em}.application-card--red .application-card__badge{background:rgba(220,53,69,0.1);color:#dc3545}.application-card--green .application-card__badge{background:rgba(40,167,69,0.1);color:#28a745}.application-card--dark .application-card__badge{background:rgba(30,30,30,0.1);color:var(--wapro-dark)}@media (max-width:1024px){.application-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.application-grid{grid-template-columns:1fr}.application-card{padding:var(--space-sm)}.application-card__icon{width:48px;height:48px}}:root{--wapro-ink:#14181c;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 3px rgba(20,24,28,.06),0 1px 2px rgba(20,24,28,.04);--shadow-md:0 8px 24px rgba(20,24,28,.10);--shadow-lg:0 22px 60px rgba(20,24,28,.16);--ease:cubic-bezier(.16,.84,.44,1)}.header{border-bottom:1px solid var(--wapro-grey-light);box-shadow:none;backdrop-filter:saturate(140%) blur(6px);background:rgba(255,255,255,.92)}.header::before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--wapro-blue),#2fe0ff 60%,var(--wapro-blue))}.header.is-scrolled{box-shadow:var(--shadow-md)}.header__container{gap:var(--space-md)}.nav{margin-left:auto}.header__cta{margin-left:var(--space-sm);padding:0.55rem 1.1rem;font-size:0.8125rem;white-space:nowrap}@media (max-width:980px){.header__cta{display:none}}.header__logo{flex:0 0 auto}.header__logo img{height:38px;width:auto}.nav__list{align-items:center;gap:1.35rem}.nav__item{position:relative}.nav__link{white-space:nowrap;font-size:0.9375rem}.nav__item>.nav__link{display:inline-flex;align-items:center;gap:6px}.has-mega>.nav__link::before{content:'';order:2;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform var(--transition)}.has-mega:hover>.nav__link::before,.has-mega:focus-within>.nav__link::before{transform:rotate(225deg) translateY(2px);opacity:1}.mega{position:absolute;top:calc(100% + 14px);left:0;transform:translateY(8px);min-width:340px;background:var(--wapro-white);border:1px solid var(--wapro-grey-light);border-top:3px solid var(--wapro-blue);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;z-index:1200}.mega::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}.has-mega:hover>.mega,.has-mega:focus-within>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav__item:nth-last-child(4) .mega--wide{left:auto;right:0}.mega--wide{min-width:580px}.mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mega--single .mega__grid{grid-template-columns:1fr}.mega__item{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);transition:background var(--transition)}.mega__item:hover{background:var(--wapro-light)}.mega__thumb{width:52px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--wapro-light);border-radius:var(--radius-sm);overflow:hidden}.mega__thumb img{max-width:100%;max-height:100%;width:auto;object-fit:contain}.mega__icon{background:rgba(0,198,244,.10)}.mega__icon img{width:26px;height:26px}.mega__t{display:block;font-weight:var(--font-weight-bold);font-size:0.875rem;color:var(--wapro-ink);line-height:1.2}.mega__d{display:block;font-size:0.75rem;color:var(--wapro-grey);margin-top:2px;line-height:1.3}.mega__foot{margin-top:6px;padding:10px;border-top:1px solid var(--wapro-grey-light);display:flex;justify-content:space-between;align-items:center;font-size:0.8125rem}.mega__foot a{font-weight:var(--font-weight-medium)}.product-card,.solution-card,.model-card,.application-card,.specs-table-wrapper{border-radius:var(--radius)}.product-card,.solution-card,.model-card{box-shadow:var(--shadow-sm)}.product-card:hover,.solution-card:hover,.model-card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-sm)}.tech-details{border-radius:var(--radius)}.card,.salesbox{border-radius:var(--radius)}@media (min-width:1100px){.section{padding:calc(var(--space-xl) + 1rem) 0}}@media (max-width:980px){.nav__list{align-items:stretch;gap:0;max-height:calc(100vh - var(--header-height));overflow-y:auto}.nav__item{width:100%;border-bottom:1px solid var(--wapro-grey-light)}.mega{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:none;border-top:none;border-radius:0;min-width:0;padding:0 0 8px 0;display:none}.mega--wide{min-width:0}.nav__item.open>.mega{display:block}.mega__grid{grid-template-columns:1fr}.has-mega>.nav__link{justify-content:space-between;width:100%}.mega__foot{padding-left:0;padding-right:0}}html,body{overflow-x:hidden}.stats-bar__grid,.stats-grid{grid-auto-columns:minmax(0,1fr)}.stats-bar__grid>*,.stats-grid>*{min-width:0}@media (max-width:600px){.stat__number{font-size:1.75rem;word-break:break-word}.stats-bar__grid,.stats-grid{gap:var(--space-sm)}}.check-list{margin:0 0 1rem;padding:0;list-style:none}.check-list li{position:relative;padding:6px 0 6px 30px;line-height:1.6}.check-list li::before{content:'';position:absolute;left:0;top:9px;width:18px;height:18px;background:url('/assets/images/icons/Checker.svg') no-repeat center / contain}