Media | viega.sg

<!DOCTYPE html> <html lang="en" data-region="sg"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/> <title>Media | viega.sg</title> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="preconnect" href="//app.usercentrics.eu"/> <link rel="preconnect" href="//api.usercentrics.eu"/> <link rel="preconnect" href="//privacy-proxy.usercentrics.eu"/> <link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script"/> <script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script> <script> uc.deactivateBlocking([ 'f6nkjdUL', //AL is not blocked 'dwkRM0PG', //Issuu is not blocked 'BJz7qNsdj-7', // Yt is not blocked 'r1Fhc4iOoWX' //Hubspotform is not blocked ]); </script> <link rel="canonical" href="https://www.viega.sg/en/company/media.html"/> <link rel="icon" type="image/x-icon" href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/favicon.svg"/> <meta http-equiv="Content-Language" content="en"/> <meta name="title" content="Media | viega.sg"/> <meta name="keywords"/> <meta name="robots" content="index, follow"/> <link rel="stylesheet" href="/etc.clientlibs/viega-frontend/clientlibs/main.lc-3678cf01effb7222033d9ab58c60e98b-lc.min.css" type="text/css"> <script src="/etc.clientlibs/viega-frontend/clientlibs/acdl_helper.lc-f92d47fd598e8a2e8428f154f8f0449a-lc.min.js"></script> <script src="https://assets.adobedtm.com/4bd80a146c61/aa931959472e/launch-1853dc13c3dd.min.js" async></script> </head> <body class="t-default" id="responsivecontentpage-dbfad3b065" data-cmp-data-layer-enabled> <script> window.adobeDataLayer = window.adobeDataLayer || []; adobeDataLayer.push({ page: JSON.parse("{\x22responsivecontentpage\u002Ddbfad3b065\x22:{\x22@type\x22:\x22viega\u002Dfrontend\/cms\/pages\/page\/responsivecontentpage\x22,\x22repo:modifyDate\x22:\x222023\u002D08\u002D23T13:47:21Z\x22,\x22dc:title\x22:\x22Media\x22,\x22xdm:template\x22:\x22\/apps\/viega\u002Dfrontend\/cms\/templates\/pages\/responsivecontentpage\x22,\x22xdm:language\x22:\x22en\u002DSG\x22,\x22xdm:tags\x22:[],\x22repo:path\x22:\x22\/content\/viega\/sg\/en\/company\/media.html\x22}}"), event:'cmp:show', eventInfo: { path: 'page.responsivecontentpage\u002Ddbfad3b065' }, viegaPage: JSON.parse("{\x22country\x22:\x22SG\x22,\x22siteSection\x22:\x22company\x22,\x22pageTemplate\x22:\x22Content page\x22,\x22publishDate\x22:\x222023\u002D08\u002D23T13:47:21Z\x22,\x22language\x22:\x22en\x22,\x22pageID\x22:\x22responsivecontentpage\u002Ddbfad3b065\x22,\x22pageName\x22:\x22Media\x22,\x22platform\x22:\x22web\x22,\x22taxonomyTags\x22:[],\x22subSection1\x22:\x22media\x22,\x22campaign\x22:\x22\x22,\x22category\x22:\x22text\/html\x22,\x22breadcrumbs\x22:[\x22company\x22,\x22media\x22]}"), aem: JSON.parse("{\x22environment\x22:\x22prod\x22}") }); </script> <header class="o-header" data-controller="o-header"> <div class="o-header__container" data-target="o-header.container"> <nav role="navigation" class="m-mainnav o-header__m-mainnav" data-controller="m-mainnav" data-cmp-data-layer="{"mainnavigation--6481626314":{"@type":"viega-frontend/cms/components/fixed/header"}}"> <div class="m-mainnav__navigation-container"> <a class="m-mainnav__logo-container" href="/en/homepage.html" data-tracking="{"1":"m-mainnav","linkId":"/content/viega/sg/en/homepage","4":"link","5":"logo"}"> <img src="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/logo_w_border_anniversary_white.svg" class="m-mainnav__logo"/> </a> <ul class="m-mainnav__main-items" data-target="m-mainnav.mainItems"> <li class="m-mainnav__main-item"> <a href="#" class="m-mainnav__main-link" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <svg class="a-svgicon a-svgicon--arrow_left m-mainnav__arrow-left a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_left"></use> </svg> <span>Company</span> <svg class="a-svgicon a-svgicon--arrow_right m-mainnav__arrow-right a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </a> <ul class="m-mainnav__submenu m-mainnav__submenu--1"> <li class="m-mainnav__submenu-item">  <a href="/en/company/about-us.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/company/about-us.html","4":"link","5":"About us"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">About us</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Learn more about Viega and our heritage.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/company/references.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/company/references.html","4":"link","5":"References"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">References</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Viega systems worldwide.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/company/media.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/company/media.html","4":"link","5":"Media"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Media</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Media releases for trade and end consumer media.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/company/trade-fairs-and-events.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/company/trade-fairs-and-events.html","4":"link","5":"Trade fairs"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Trade fairs</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Trade fairs and events with Viega.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/company/topics.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/company/topics.html","4":"link","5":"Topics"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Topics</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">All information about our core competence.</p> </a> </li> </ul> </li> <li class="m-mainnav__main-item"> <a href="#" class="m-mainnav__main-link" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <svg class="a-svgicon a-svgicon--arrow_left m-mainnav__arrow-left a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_left"></use> </svg> <span>Products</span> <svg class="a-svgicon a-svgicon--arrow_right m-mainnav__arrow-right a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </a> <ul class="m-mainnav__submenu m-mainnav__submenu--1"> <li class="m-mainnav__submenu-item">  <a href="/en/products/Catalogue.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/products/Catalogue.html","4":"link","5":"Catalogue"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Catalogue</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Our Products</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/products/Spare-parts.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/products/Spare-parts.html","4":"link","5":"Spare Parts"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Spare Parts</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Spare Parts Catalogue</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/products/innovations.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/products/innovations.html","4":"link","5":"Innovations"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Innovations</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">What the future has been waiting for: our innovations for the next decade.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/products/industrial-applications.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/products/industrial-applications.html","4":"link","5":"Industrial applications"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Industrial applications</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Combining reliability with efficiency.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/products/viega-marine-systems.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/products/viega-marine-systems.html","4":"link","5":"MARINE"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">MARINE</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Your partner for marine systems</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/products/Press%20connection%20technology.html" class="m-mainnav__submenu-link has-submenu" data-tracking="{"1":"m-mainnav","linkId":"/en/products/Press%20connection%20technology.html","4":"link","5":"Press connection technology"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Press connection technology</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Learn about our market-leading press technology solutions</p> </a> <ul class="m-mainnav__submenu m-mainnav__submenu--2"> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology.html" class="m-mainnav__submenu-link" data-cmp-clickable> <svg class="a-svgicon a-svgicon--arrow_left m-mainnav__arrow-left a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_left"></use> </svg> Press connection technology <svg class="a-svgicon a-svgicon--arrow_right m-mainnav__arrow-right a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Megapress.html" class="m-mainnav__submenu-link" data-cmp-clickable> Megapress </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Profipress-and-Profipress-S.html" class="m-mainnav__submenu-link" data-cmp-clickable> Profipress and Profipress S </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Sanpress-Inox.html" class="m-mainnav__submenu-link" data-cmp-clickable> Sanpress Inox </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Sanpress.html" class="m-mainnav__submenu-link" data-cmp-clickable> Sanpress </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Sanpress-Inox-G.html" class="m-mainnav__submenu-link" data-cmp-clickable> Sanpress Inox G </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Profipress-G.html" class="m-mainnav__submenu-link" data-cmp-clickable> Profipress G </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Heating-and-cooling.html" class="m-mainnav__submenu-link" data-cmp-clickable> Heating and cooling </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Drinking-water.html" class="m-mainnav__submenu-link" data-cmp-clickable> Drinking water </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Pexfit-Pro.html" class="m-mainnav__submenu-link" data-cmp-clickable> Pexfit Pro </a> </li> <li class="m-mainnav__submenu-item"> <a href="/en/products/Press%20connection%20technology/Fuel-gases.html" class="m-mainnav__submenu-link" data-cmp-clickable> Fuel gases </a> </li> </ul> </li> </ul> </li> <li class="m-mainnav__main-item"> <a href="#" class="m-mainnav__main-link" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <svg class="a-svgicon a-svgicon--arrow_left m-mainnav__arrow-left a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_left"></use> </svg> <span>Service</span> <svg class="a-svgicon a-svgicon--arrow_right m-mainnav__arrow-right a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </a> <ul class="m-mainnav__submenu m-mainnav__submenu--1"> <li class="m-mainnav__submenu-item">  <a href="/en/services/software-tools.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/services/software-tools.html","4":"link","5":"Configurators"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Configurators</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Plan and design our products prior to the installation.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/services/downloadcenter.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/services/downloadcenter.html","4":"link","5":"Downloads"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Downloads</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Overview of all downloads on this website.</p> </a> </li> <li class="m-mainnav__submenu-item">  <a href="/en/services/service-partners.html" class="m-mainnav__submenu-link " data-tracking="{"1":"m-mainnav","linkId":"/en/services/service-partners.html","4":"link","5":"Service Partner"}" data-action="click->m-mainnav#navigationLinkClick" data-cmp-clickable> <h3 class="m-mainnav__teaser-title">Service Partner</h3> <p class="m-mainnav__teaser-text hide-on-xmedium">Your service contacts for our system press tools.</p> </a> </li> </ul> </li> </ul> <ul class="m-mainnav__menu" data-target="m-mainnav.menuItems"> <li class="m-mainnav__menu-item m-mainnav__submenu-item m-mainnav__watchlist"> <a href="/en/noticelist.html" class="m-mainnav__menu-link" data-action="click->m-mainnav#navigationLinkClick" data-tracking="{"1":"m-mainnav","linkId":"open_Watchlist","4":"action","5":"open_Watchlist"}" data-cmp-clickable> <div class="m-mainnav__watchlist-icon-container"> <svg class="a-svgicon a-svgicon--watchlist m-mainnav__watchlist-icon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--watchlist"></use> </svg> <p class="m-mainnav__watchlist-counter"> <span data-target="m-mainnav.watchlistCounter">0</span> </p> </div> <span class="m-mainnav__menu-label">Watchlist</span> </a> <div class="m-mainnav__submenu m-mainnav__submenu--1 m-mainnav__watchlist-container" data-target="m-mainnav.watchlistFlyout"> <div class="m-mainnav__watchlist-intro"> <a class="m-mainnav__watchlist-link" href="/en/noticelist.html" data-cmp-clickable> <h3 class="m-mainnav__watchlist-headline">Watchlist</h3> <p class="m-mainnav__watchlist-copy">With the "+"-button you can add entries to the notice list</p> <button class="a-button a-button--secondary m-mainnav__button a-button--left" data-controller="a-button" data-action="click->a-buttonhandleTracking click->m-cookielayer#closeCookieLayer" data-a-button-tracking="{"1":"a-button","4":"button","5":"Go to watchlist"}"> <span>Go to watchlist</span> </button> </a> </div> <div class="m-mainnav__watchlist-items" data-target="m-mainnav.watchlistContainer"></div> <div class="m-mainnav__watchlist-empty"> <p>No items</p> </div> </div> </li> <li class="m-mainnav__menu-item m-mainnav__submenu-item m-mainnav__countrylist"> <a href="/en/country-selection.html" class="m-mainnav__menu-link m-mainnav__menu-countryselection" data-tracking="{"1":"m-mainnav","linkId":"open_CountrySelection","4":"action","5":"open_CountrySelection"}" data-cmp-clickable> <svg class="a-svgicon a-svgicon--world m-mainnav__map-icon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--world"></use> </svg> <span class="m-mainnav__menu-label">Country Selection</span> </a> </li> </ul> <button class="m-mainnav__burger" data-target="m-mainnav.mobileMenuToggle" data-action="click->m-mainnav#toggleMobileMenu" data-cmp-clickable> <svg class="a-svgicon a-svgicon--burger_menu m-mainnav__burger-menu-icon a-svgicon--large" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--burger_menu"></use> </svg> <svg class="a-svgicon a-svgicon--cross m-mainnav__burger-close-icon a-svgicon--large" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--cross"></use> </svg> </button> </div> <div class="m-mainnav__search-container"> <div class="m-mainnav__search-inner"> <form class="m-searchinput m-mainnav__search m-searchinput--header" data-controller="m-searchinput" data-m-searchinput-apiurl="/en/search/_jcr_content/contentPar/searchbase.suggest.json" action="/en/search.html" method="GET" accept-charset="UTF-8"> <div class="m-searchinput__container"> <input type="search" data-target="m-searchinput.searchInput" name="q" class="m-searchinput__input" placeholder="Search"/> <button class="m-searchinput__search-submit" type="submit" data-action="click->m-searchinput#handleButtonClick" data-tracking="{"1":"m-mainnav","linkId":"search","4":"action","5":"search"}"> <svg class="a-svgicon a-svgicon--search m-mainnav__search-icon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--search"></use> </svg> </button> </div> <div class="m-searchinput__suggestions" data-target="m-searchinput.suggestions"> <div class="m-searchinput__search-loading is-hidden" data-target="m-searchinput.searchLoadingContainer"> <div class="m-teaserloading is-hidden"> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> </div> </div> </div> <script type="text/template" data-target="m-searchinput.noSuggestionTemplate"> <div class="m-searchinput__no-suggestion">No results found.</div> </script> <script type="text/template" data-target="m-searchinput.suggestionTemplate"> <div class="m-searchinput__suggestion">{{title}}</div> </script> <script type="text/template" data-target="m-searchinput.resultTemplate"> <a href="{{link}}" class="m-searchinput__result"> <div class="m-searchinput__result-content"> <div class="m-searchinput__result-title">{{title.text}}</div> <div class="m-searchinput__result-copy">{{copy}}</div> </div> {% if image %} <img src="{{image.name}}" class="m-searchinput__result-image" /> {% endif %} </a> </script> </form> </div> </div> <script type="text/template" data-target="m-mainnav.watchlistItemTemplate"> <div class="m-watchlistflyoutteaser o-header__mainnav"> <div class="m-watchlistflyoutteaser__header"> <a class="m-watchlistflyoutteaser__link" href="{{link }}"> {% if tag %} <p class="m-watchlistflyoutteaser__category">{{ tag }}</p> {% endif %} {% if bookmark_date %} <p class="m-watchlistflyoutteaser__date">{{ bookmark_date }}</p> {% endif %} </a> <div class="m-watchlistflyoutteaser__logo-container"> <button class="a-actionbutton" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ _context|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--trash" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--trash"></use> </svg> </button> </div> </div> <a href="{{ link }}"> {% if title %} <h4 class="m-watchlistflyoutteaser__headline">{{ title.text }}</h4> {% endif %} {% if copy %} <p class="m-watchlistflyoutteaser__text"> {{ copy }} </p> {% endif %} </a> </div> </script> </nav> </div> <div class="m-notification o-header__notification is-empty is-hidden" data-controller="m-notification"> <div class="m-notification__container" data-action="click->m-notification#handleClick mouseover->m-notification#handleMouseOver mouseout->m-notification#handleMouseOut"> <div class="m-notification__info"> <span class="m-notification__value" data-target="m-notification.value">Revert</span> <span class="m-notification__text" data-target="m-notification.text">Revert</span> </div> <button class="a-button a-button--secondary m-notification__button a-button--right" data-controller="a-button" data-action="click->a-buttonhandleTracking click->m-notification#handleDefault" title="Revert" data-a-button-tracking="{"1":"a-button","4":"button","5":"Revert"}"> <span>Revert</span> <svg class="a-svgicon a-svgicon--undo a-button__icon--right a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--undo"></use> </svg> </button> </div> <div class="m-notification__watchlist-remove is-hidden" data-target="m-notification.watchlist-remove"> <span class="m-notification__info-text">item deleted</span> <span class="m-notification__info-text-multiple">items deleted</span> <span class="m-notification__info-button-text">Revert</span> <span class="m-notification__info-button-action">click->m-notification#handleDefault</span> </div> </div> </header> <main class="p-content"> <div class="o-gridcontainer"> <section class="m-breadcrumb " data-controller="m-breadcrumb"> <nav aria-label="You are here:" role="navigation" class="m-breadcrumb__nav"> <ul class="m-breadcrumb__breadcrumbs" data-target="m-breadcrumb.breadcrumbs"> <li class="m-breadcrumb__breadcrumb"> <a href="/en/homepage.html" data-controller="a-link" data-a-link-tracking="{"1":"a-link","linkId":"/content/viega/sg/en/homepage.html","4":"link","5":"Viega Singapore"}" name="{"1":"a-link","linkId":"/content/viega/sg/en/homepage.html","4":"link","5":"Viega Singapore"}">Viega Singapore</a> <svg class="a-svgicon a-svgicon--arrow_right m-breadcrumb__icon a-svgicon--xsmall" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </li> <li class="m-breadcrumb__breadcrumb"> <a href="/en/company.html" data-controller="a-link" data-a-link-tracking="{"1":"m-breadcrumb_a-link","linkId":"/content/viega/sg/en/company.html","4":"link","5":"Company"}" name="{"1":"m-breadcrumb_a-link","linkId":"/content/viega/sg/en/company.html","4":"link","5":"Company"}">Company</a> <svg class="a-svgicon a-svgicon--arrow_right m-breadcrumb__icon a-svgicon--xsmall" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </li> <li class="m-breadcrumb__breadcrumb m-breadcrumb__mobile-toggle" data-action="click->m-breadcrumb#toggleView"> <a>...</a> </li> <li class="m-breadcrumb__breadcrumb"> <span>Media</span> </li> </ul> </nav> </section> </div> <div><div class="headline section"> <div class="o-gridcontainer o-gridcontainer--nomargin"> <div class="c-headline c-headline--h1" data-controller="c-headline"> <h1 class="a-headline a-headline--h1 c-headline__headline" id="sticky_-11603692_1474455577618"> Media </h1> </div> </div></div> <div class="bigContentTeaser section"> <div class="o-gridcontainer"> <div class="m-teaserlarge "> <div class="m-teaserlarge__image-container"> <div class="m-teaserlarge__image-content"> <img class="a-image lazyload blur-up m-teaserlarge__image " loading="lazy" data-sizes="auto" data-srcset="https://web-assets.viega.com/is/image/viegaprod/pr_200812_beruehrungslose_spueltechniken_urinal_02_2126x1535_205916%3Amedium-wide 700w, https://web-assets.viega.com/is/image/viegaprod/pr_200812_beruehrungslose_spueltechniken_urinal_02_2126x1535_205916%3Amedium-wide 700w, https://web-assets.viega.com/is/image/viegaprod/pr_200812_beruehrungslose_spueltechniken_urinal_02_2126x1535_205916%3Asmall-wide 450w" src="https://web-assets.viega.com/is/image/viegaprod/pr_200812_beruehrungslose_spueltechniken_urinal_02_2126x1535_205916%3Athumb-wide" onload="(typeof assetAnalytics !== 'undefined' && this.getAttribute('data-aem-asset-id'))?assetAnalytics.core.assetLoaded(this):''" data-trackable="true" data-pin-media="https://web-assets.viega.com/is/image/viegaprod/pr_200812_beruehrungslose_spueltechniken_urinal_02_2126x1535_205916%3Amedium-wide" data-aem-asset-id="1ec8273b-b308-47ab-89f3-2b4fdc304f6b" data-controller="a-image"/> </div> </div> <div class="m-teaserlarge__text-container"> <div class="m-teaserlarge__title-container"> <h3 class="a-headline a-headline--h3 m-teaserlarge__headline"> Touch-free urinal flushing technologies from Viega </h3> <h4 class="a-headline a-headline--h4 m-teaserlarge__subline"> </h4> </div> <p class="m-teaserlarge__text">The right combination is key: to meet the demand for best possible hygiene, urinals in public sanitary facilities must be designed in combination with touch-free flushing solutions. Viega offers two different touch-free flushing technologies. One is a concealed flushing solution and the other is controlled by infrared technology.</p> <div class="m-vcard "> <div class="m-vcard__contact-container"> <ul class="m-vcard__contact-information"> <li class="m-vcard__information-item">Attendorn</li> <li class="m-vcard__information-item">14 Aug 2020</li> </ul> <ul class="m-vcard__contact-information"> </ul> </div> </div> <div class="m-teaserlarge__buttons"> <a class="a-button a-button--primary a-button--right" data-controller="a-button" data-action="click->a-button#handleTracking " href="/en/company/media/touch-free-urinal-flushing-technologies.html" data-a-button-tracking="{"1":"m-teaserlarge_a-button","linkId":"/content/viega/sg/en/company/media/touch-free-urinal-flushing-technologies.html","4":"button","5":"Touch-free urinal flushing technologies from Viega"}"> <span>Touch-free urinal flushing technologies from Viega</span> <svg class="a-svgicon a-svgicon--arrow_right a-button__icon--right a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </a> </div> </div> </div> </div> </div> <div class="headline section"> <div class="o-gridcontainer o-gridcontainer--nomargin"> <div class="c-headline c-headline--h2" data-controller="c-headline"> <h2 class="a-headline a-headline--h2 c-headline__headline" id="sticky_2076294983_1604395174291"> Company profile and media contact </h2> </div> </div></div> <div class="columnControl2Columns section"> <div class="o-gridcontainer o-gridcontainer--2columns " data-controller="o-gridcontainer"> <div class="o-gridcontainer__column"> <img class="a-image lazyload blur-up a-image__image g-spacing-bottom--medium " loading="lazy" data-sizes="auto" data-srcset="https://web-assets.viega.com/is/image/viegaprod/attendorn_main_entrance_c__2833x2832_96519?$700$ 700w, https://web-assets.viega.com/is/image/viegaprod/attendorn_main_entrance_c__2833x2832_96519?$700$ 700w, https://web-assets.viega.com/is/image/viegaprod/attendorn_main_entrance_c__2833x2832_96519?$450$ 450w" src="https://web-assets.viega.com/is/image/viegaprod/attendorn_main_entrance_c__2833x2832_96519?$100$" onload="(typeof assetAnalytics !== 'undefined' && this.getAttribute('data-aem-asset-id'))?assetAnalytics.core.assetLoaded(this):''" data-trackable="true" data-pin-media="https://web-assets.viega.com/is/image/viegaprod/attendorn_main_entrance_c__2833x2832_96519%3Amedium-original" data-aem-asset-id="46e35590-072f-4af6-a77a-af1b1f064d09" data-controller="a-image"/> </div> <div class="o-gridcontainer__column"> <div class="m-richtext g-spacing-bottom--medium"> Viega is an innovation driver in the installation industry. We see it as our duty to maintain and further develop drinking water hygiene, energy efficiency, comfort and safety in buildings. With our intelligent systems, we are installing the lifelines for the buildings of tomorrow. And we are turning rooms into living spaces. </div> <a class="a-button a-button--primary g-spacing-bottom--medium a-button--right" data-controller="a-button" data-cmp-data-layer="{"button-d944b000db":{"@type":"viega-frontend/cms/components/content/linkbutton","repo:modifyDate":"2020-11-03T09:44:25Z","dc:title":"More about us","xdm:linkURL":"/content/viega/sg/en/company/about-us.html"}}" data-cmp-clickable data-action="click->a-button#handleTracking " href="/en/company/about-us.html" title="More about us" data-a-button-tracking="{"1":"a-button","linkId":"/content/viega/sg/en/company/about-us.html","4":"button","5":"More about us"}"> <span>More about us</span> <svg class="a-svgicon a-svgicon--arrow_right a-button__icon--right a-svgicon--small" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </a> </div> </div> </div> <div class="contentreference section"> <div class="o-gridcontainer"> <div class="c-contactinfobox"> <div class="o-gridcontainer o-gridcontainer--4columns o-gridcontainer--nomargin"> <div class="c-contactinfobox__icon-container"> <svg class="a-svgicon a-svgicon--info c-contactinfobox__icon a-svgicon--large" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--info"></use> </svg> </div> <div class="contact_1 contentreference"> <div class="o-gridcontainer"> <div class="m-vcard "> <h4 class="m-vcard__contact-title">Media contact</h4> <div class="m-vcard__contact-container"> <ul class="m-vcard__contact-information"> <li class="m-vcard__information-item">Katharina Schulte</li> <li class="m-vcard__information-item">Public Relations</li> </ul> <ul class="m-vcard__contact-information"> </ul> </div> </div> </div> </div> <div class="contact_2 contentreference"> <div class="o-gridcontainer"> <div class="m-vcard "> <h4 class="m-vcard__contact-title">Address</h4> <div class="m-vcard__contact-container"> <ul class="m-vcard__contact-information"> <li class="m-vcard__information-item">Viega GmbH & Co. KG </li> <li class="m-vcard__information-item">Viega Platz 1</li> <li class="m-vcard__information-item">57439 Attendorn </li> <li class="m-vcard__information-item">Germany</li> </ul> <ul class="m-vcard__contact-information"> </ul> </div> </div> </div> </div> <div class="contact_3 contentreference"> <div class="o-gridcontainer"> <div class="m-vcard "> <h4 class="m-vcard__contact-title">Contact details</h4> <div class="m-vcard__contact-container"> <ul class="m-vcard__contact-information"> <li class="m-vcard__information-item"> <a href="mailto:media@viega.com" data-action="click->a-link#handleTracking " class="a-link m-vcard__link a-link--icon-left a-link--with-icon" rel="noopener" target="_blank" type="mail" data-controller="a-link" data-a-link-tracking="{"1":"a-link","linkId":"mailto:media@viega.com","4":"link","5":"media@viega.com"}" name="{"1":"a-link","linkId":"mailto:media@viega.com","4":"link","5":"media@viega.com"}"> media@viega.com <svg class="a-svgicon a-svgicon--mail a-link__icon a-svgicon--small" focusable="false" data-a-svgicon-tracking="{"1":"a-svgicon","linkId":"mailto:media@viega.com","4":"link","5":"IconClick"}"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--mail"></use> </svg> </a> </li> <li class="m-vcard__information-item"> <a href="tel:+49%20(0)%202722%2061-1545" data-action="click->a-link#handleTracking " class="a-link m-vcard__link a-link--icon-left a-link--with-icon" rel="noopener" target="_blank" type="phone" data-controller="a-link" data-a-link-tracking="{"1":"a-link","linkId":"tel:+49 (0) 2722 61-1545","4":"link","5":"+49 (0) 2722 61-1545"}" name="{"1":"a-link","linkId":"tel:+49 (0) 2722 61-1545","4":"link","5":"+49 (0) 2722 61-1545"}"> +49 (0) 2722 61-1545 <svg class="a-svgicon a-svgicon--phone a-link__icon a-svgicon--small" focusable="false" data-a-svgicon-tracking="{"1":"a-svgicon","linkId":"tel:+49 (0) 2722 61-1545","4":"link","5":"IconClick"}"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--phone"></use> </svg> </a> </li> <li class="m-vcard__information-item"> <a href="tel:+49%20(0)%202722%2061-1381" data-action="click->a-link#handleTracking " class="a-link m-vcard__link a-link--icon-left a-link--with-icon" rel="noopener" target="_blank" type="fax" data-controller="a-link" data-a-link-tracking="{"1":"a-link","linkId":"tel:+49 (0) 2722 61-1381","4":"link","5":"+49 (0) 2722 61-1381"}" name="{"1":"a-link","linkId":"tel:+49 (0) 2722 61-1381","4":"link","5":"+49 (0) 2722 61-1381"}"> +49 (0) 2722 61-1381 <svg class="a-svgicon a-svgicon--fax a-link__icon a-svgicon--small" focusable="false" data-a-svgicon-tracking="{"1":"a-svgicon","linkId":"tel:+49 (0) 2722 61-1381","4":"link","5":"IconClick"}"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--fax"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="headline section"> <div class="o-gridcontainer o-gridcontainer--nomargin"> <div class="c-headline c-headline--h2" data-controller="c-headline"> <h2 class="a-headline a-headline--h2 c-headline__headline" id="sticky_-632475613_1604395174291"> Archive of our press releases </h2> </div> </div></div> <div class="searchBase section"> <div class="o-gridcontainer"> <div class="o-search" data-controller="o-search" data-o-search-apiurl="https://www.viega.sg/en/company/media/_jcr_content/contentPar/searchbase.searchresult.json"> <div class="searchfield searchField"> <form class="m-searchinput g-spacing-bottom--small " data-controller="m-searchinput" data-m-searchinput-apiurl="/en/search/_jcr_content/contentPar/searchbase.suggest.json" action="/en/search.html" method="GET" accept-charset="UTF-8"> <div class="m-searchinput__container"> <input type="search" data-target="m-searchinput.searchInput" name="q" class="m-searchinput__input" placeholder="Fill in the term you're looking for."/> <button class="m-searchinput__search-submit" type="submit" data-action="click->m-searchinput#handleButtonClick"> <svg class="a-svgicon a-svgicon--search m-searchinput__search-icon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--search"></use> </svg> </button> </div> <div class="m-searchinput__suggestions" data-target="m-searchinput.suggestions"> <div class="m-searchinput__search-loading is-hidden" data-target="m-searchinput.searchLoadingContainer"> <div class="m-teaserloading is-hidden"> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser m-teaserloading__loading-teaser--small"></div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> </div> </div> </div> <script type="text/template" data-target="m-searchinput.noSuggestionTemplate"> <div class="m-searchinput__no-suggestion">No results found.</div> </script> <script type="text/template" data-target="m-searchinput.suggestionTemplate"> <div class="m-searchinput__suggestion">{{title}}</div> </script> <script type="text/template" data-target="m-searchinput.resultTemplate"> <a href="{{link}}" class="m-searchinput__result"> <div class="m-searchinput__result-content"> <div class="m-searchinput__result-title">{{title.text}}</div> <div class="m-searchinput__result-copy">{{copy}}</div> </div> {% if image %} <img src="{{image.name}}" class="m-searchinput__result-image" /> {% endif %} </a> </script> </form> </div> <h2 class="a-headline a-headline--h3 o-search__headline"> Filter results </h2> <div class="invisibleFilterGroup"></div> <div class="optionsFilterGroup"> <div class="m-searchoptionsfilter g-spacing-bottom--small" data-name="options-filter-group" data-controller="m-searchoptionsfilter"> <div class="m-searchoptionsfilter__container"> <div class="a-radiobutton m-searchoptionsfilter__option" data-controller="a-radiobutton"> <input type="radio" class="a-radiobutton__input" name="options-filter-group" value="37_1473156206912" id="37_1473156206912" data-target="m-searchoptionsfilter.input" data-action="change->m-searchoptionsfilter#submitFilter" checked tabindex="0" data-searchfiltername="Taxonomy Tag"/> <div class="a-radiobutton__checked"></div> <label for="37_1473156206912" class="a-radiobutton__label">Trade media <span class="js-m-searchoptionsfilter__filter-item-count"> (49)</span></label> </div> <div class="a-radiobutton m-searchoptionsfilter__option" data-controller="a-radiobutton"> <input type="radio" class="a-radiobutton__input" name="options-filter-group" value="38_1473156218736" id="38_1473156218736" data-target="m-searchoptionsfilter.input" data-action="change->m-searchoptionsfilter#submitFilter" tabindex="0" data-searchfiltername="Taxonomy Tag"/> <div class="a-radiobutton__checked"></div> <label for="38_1473156218736" class="a-radiobutton__label">Consumer media <span class="js-m-searchoptionsfilter__filter-item-count"> (24)</span></label> </div> </div> </div> </div> <div class="facetsFilterGroup"> <div class="m-searchfacetfilter g-spacing-bottom--small" data-name="facets-filter-group" data-controller="m-searchfacetfilter"> <ul class="m-accordion m-accordion--hasBg m-searchfacetfilter__accordion" data-controller="m-accordion"> <li class="m-accordion__item " data-accordion-item> <a role="button" class="m-accordion__link "> <div class="m-accordion__image-text-container"> <div class="m-accordion__text-container"> <div class="m-accordion__title" data-target="m-searchfacetfilter.facetfiltertype" data-facetfiltertype="Taxonomy Tag">Consumer topics <span class="js-m-searchfacetfilter__filter-count"> (27)</span></div> </div> </div> <svg class="a-svgicon a-svgicon--arrow_down m-accordion__arrow " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_down"></use> </svg> </a> <div class="m-accordion__content" data-tab-content> <div class="is-active" data-target="m-searchfacetfilter.filterContent" data-content="0" data-group-name="40_1473156275259"> <div class="m-searchfacetfilter__facet"> <div class="o-gridcontainer o-gridcontainer--3columns o-gridcontainer--nomargin"> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="40_1473156275259_design" value="design" id="40_1473156275259_design" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="40_1473156275259_design" class="a-checkbox__label">Design <span class="js-m-searchfacetfilter__filter-item-count"> (4)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="40_1473156275259_prewall-systems-and-flush-plates" value="prewall-systems-and-flush-plates" id="40_1473156275259_prewall-systems-and-flush-plates" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="40_1473156275259_prewall-systems-and-flush-plates" class="a-checkbox__label">Prewall systems and flush plates <span class="js-m-searchfacetfilter__filter-item-count"> (9)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="40_1473156275259_service" value="service" id="40_1473156275259_service" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="40_1473156275259_service" class="a-checkbox__label">Service <span class="js-m-searchfacetfilter__filter-item-count"> (1)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="40_1473156275259_surface-tempering" value="surface-tempering" id="40_1473156275259_surface-tempering" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="40_1473156275259_surface-tempering" class="a-checkbox__label">Surface tempering <span class="js-m-searchfacetfilter__filter-item-count"> (3)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="40_1473156275259_drainage-solutions-end-consumer" value="drainage-solutions-end-consumer" id="40_1473156275259_drainage-solutions-end-consumer" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="40_1473156275259_drainage-solutions-end-consumer" class="a-checkbox__label">Drainage solutions <span class="js-m-searchfacetfilter__filter-item-count"> (7)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="40_1473156275259_electronics-bathroom" value="electronics-bathroom" id="40_1473156275259_electronics-bathroom" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="40_1473156275259_electronics-bathroom" class="a-checkbox__label">Electronics bathroom <span class="js-m-searchfacetfilter__filter-item-count"> (2)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="40_1473156275259_floor-level-showers" value="floor-level-showers" id="40_1473156275259_floor-level-showers" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="40_1473156275259_floor-level-showers" class="a-checkbox__label">Floor level showers <span class="js-m-searchfacetfilter__filter-item-count"> (1)</span> </label> </div> </div> </div> </div> </div> <div class="m-accordion__footer"> </div> </div> </li> <li class="m-accordion__item " data-accordion-item> <a role="button" class="m-accordion__link "> <div class="m-accordion__image-text-container"> <div class="m-accordion__text-container"> <div class="m-accordion__title" data-target="m-searchfacetfilter.facetfiltertype" data-facetfiltertype="Taxonomy Tag">Topics <span class="js-m-searchfacetfilter__filter-count"> (59)</span></div> </div> </div> <svg class="a-svgicon a-svgicon--arrow_down m-accordion__arrow " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_down"></use> </svg> </a> <div class="m-accordion__content" data-tab-content> <div data-target="m-searchfacetfilter.filterContent" data-content="1" data-group-name="41_1473156288037"> <div class="m-searchfacetfilter__facet"> <div class="o-gridcontainer o-gridcontainer--3columns o-gridcontainer--nomargin"> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_drinking-water-installation" value="drinking-water-installation" id="41_1473156288037_drinking-water-installation" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_drinking-water-installation" class="a-checkbox__label">Drinking water installation <span class="js-m-searchfacetfilter__filter-item-count"> (4)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_heating-technology" value="heating-technology" id="41_1473156288037_heating-technology" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_heating-technology" class="a-checkbox__label">Heating technology <span class="js-m-searchfacetfilter__filter-item-count"> (7)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_surface-tempering" value="surface-tempering" id="41_1473156288037_surface-tempering" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_surface-tempering" class="a-checkbox__label">Surface tempering <span class="js-m-searchfacetfilter__filter-item-count"> (3)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_prewall-technology" value="prewall-technology" id="41_1473156288037_prewall-technology" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_prewall-technology" class="a-checkbox__label">Prewall technology <span class="js-m-searchfacetfilter__filter-item-count"> (14)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_drainage-technology" value="drainage-technology" id="41_1473156288037_drainage-technology" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_drainage-technology" class="a-checkbox__label">Drainage technology <span class="js-m-searchfacetfilter__filter-item-count"> (8)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_gas-installation" value="gas-installation" id="41_1473156288037_gas-installation" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_gas-installation" class="a-checkbox__label">Gas installation <span class="js-m-searchfacetfilter__filter-item-count"> (1)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_industrial-and-commercial-applications" value="industrial-and-commercial-applications" id="41_1473156288037_industrial-and-commercial-applications" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_industrial-and-commercial-applications" class="a-checkbox__label">Industrial and commercial applications <span class="js-m-searchfacetfilter__filter-item-count"> (5)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_tools" value="tools" id="41_1473156288037_tools" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_tools" class="a-checkbox__label">Tools <span class="js-m-searchfacetfilter__filter-item-count"> (4)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_software" value="software" id="41_1473156288037_software" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_software" class="a-checkbox__label">Software <span class="js-m-searchfacetfilter__filter-item-count"> (2)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_service" value="service" id="41_1473156288037_service" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_service" class="a-checkbox__label">Service <span class="js-m-searchfacetfilter__filter-item-count"> (2)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="41_1473156288037_company" value="company" id="41_1473156288037_company" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="41_1473156288037_company" class="a-checkbox__label">Company <span class="js-m-searchfacetfilter__filter-item-count"> (9)</span> </label> </div> </div> </div> </div> </div> <div class="m-accordion__footer"> </div> </div> </li> <li class="m-accordion__item " data-accordion-item> <a role="button" class="m-accordion__link "> <div class="m-accordion__image-text-container"> <div class="m-accordion__text-container"> <div class="m-accordion__title" data-target="m-searchfacetfilter.facetfiltertype" data-facetfiltertype="Taxonomy Tag">Year <span class="js-m-searchfacetfilter__filter-count"> (70)</span></div> </div> </div> <svg class="a-svgicon a-svgicon--arrow_down m-accordion__arrow " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_down"></use> </svg> </a> <div class="m-accordion__content" data-tab-content> <div data-target="m-searchfacetfilter.filterContent" data-content="2" data-group-name="42_1473156303200"> <div class="m-searchfacetfilter__facet"> <div class="o-gridcontainer o-gridcontainer--3columns o-gridcontainer--nomargin"> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2019" value="2019" id="42_1473156303200_2019" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2019" class="a-checkbox__label">2019 <span class="js-m-searchfacetfilter__filter-item-count"> (9)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2020" value="2020" id="42_1473156303200_2020" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2020" class="a-checkbox__label">2020 <span class="js-m-searchfacetfilter__filter-item-count"> (9)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2021" value="2021" id="42_1473156303200_2021" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2021" class="a-checkbox__label">2021 <span class="js-m-searchfacetfilter__filter-item-count"> (1)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2017" value="2017" id="42_1473156303200_2017" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2017" class="a-checkbox__label">2017 <span class="js-m-searchfacetfilter__filter-item-count"> (15)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2016" value="2016" id="42_1473156303200_2016" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2016" class="a-checkbox__label">2016 <span class="js-m-searchfacetfilter__filter-item-count"> (6)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2015" value="2015" id="42_1473156303200_2015" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2015" class="a-checkbox__label">2015 <span class="js-m-searchfacetfilter__filter-item-count"> (17)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2014" value="2014" id="42_1473156303200_2014" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2014" class="a-checkbox__label">2014 <span class="js-m-searchfacetfilter__filter-item-count"> (2)</span> </label> </div> </div> <div class="m-searchfacetfilter__filter-item m-searchfacetfilter__filter-item"> <div class="a-checkbox m-searchfacetfilter__checkbox" data-controller="a-checkbox"> <div class="a-checkbox__input-wrapper"> <input type="checkbox" class="a-checkbox__input" name="42_1473156303200_2013" value="2013" id="42_1473156303200_2013" data-target="a-checkbox.input " data-action="change->a-checkbox#changeValue change->m-searchfacetfilter#submitFilter" tabindex="0"/> <svg class="a-svgicon a-svgicon--check a-checkbox__svgicon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--check"></use> </svg> </div> <label for="42_1473156303200_2013" class="a-checkbox__label">2013 <span class="js-m-searchfacetfilter__filter-item-count"> (11)</span> </label> </div> </div> </div> </div> </div> <div class="m-accordion__footer"> </div> </div> </li> </ul> </div> </div> <div class="ownFilter"> <div class="m-searchtextfilter o-search__search-text" data-name="own-text-filter" data-controller="m-searchtextfilter"> <div class="m-searchtextfilter__container"> <div class="m-searchtextfilter__input-container"> <div class="a-input m-searchtextfilter__input" data-controller="a-input"> <input type="search" id="own-text-filter" name="own-text-filter" class="a-input__input" data-target="a-input.input m-searchtextfilter.input" placeholder="Own text filter" tabindex="0" data-action="change->a-input#saveValue keyup->m-searchtextfilter#submitFilter"/> <div class="a-input__error-message g-form__error-message"></div> </div> <div class="m-searchtextfilter__icon-container" data-action="click->m-searchtextfilter#submitFilter"> <svg class="a-svgicon a-svgicon--edit m-searchtextfilter__icon is-active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--edit"></use> </svg> </div> </div> <div class="m-searchtextfilter__description">Enter own text filter here.</div> </div> </div> </div> <div class="o-search__active-filters" data-target="o-search.activeFiltersContainer"></div> <button class="a-button a-button--primary o-search__reset-button a-button--left" data-controller="a-button" data-target="o-search.resetButton" data-action="click->a-buttonhandleTracking click->o-search#resetAllFilters" data-a-button-tracking="{"1":"a-button","4":"button","5":"Reset filter"}"> <span>Reset filter</span> </button> <div class="resultList"> <div class="o-search__search-results-container"> <div class="o-search__split o-search__split--margin-top g-spacing-bottom--small"> <h2 class="a-headline a-headline--h2 o-search__search-loading"> Search results </h2> <div class="resultListInfoLine resultListInfoline"><div class="sortFilter"> <div class="m-searchsortfilter o-search__search-sort" data-name="sort-filter" data-controller="m-searchsortfilter"> <div class="a-select m-searchsortfilter__options" data-controller="a-select"> <select class="a-select__input " data-target="a-select.input m-searchsortfilter.input" data-action="change->a-select#handleInteraction change->m-searchsortfilter#submitFilter" id="sort-filter" tabindex="0"> <option value="desc:press_date">Newest first</option> <option value="asc:press_date">Oldest first</option> <option value="desc:name">Name Z-A</option> <option value="asc:name">Name A-Z</option> <option value="desc:description">Description Z-A</option> <option value="asc:description">Description A-Z</option> </select> </div> </div> </div> </div> </div> <div class="o-search__total-results" data-target="o-search.totalResultsContainer"> <span data-target="o-search.resultSpan"></span> of <span data-target="o-search.totalResults"></span> </div> <div class="m-pagination o-search__page-top-controls is-hidden" data-controller="m-pagination"> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="first"> <svg class="a-svgicon a-svgicon--backward " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--backward"></use> </svg> </button> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="previous"> <svg class="a-svgicon a-svgicon--arrow_left " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_left"></use> </svg> </button> <div data-target="m-pagination.paginationContainer"></div> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="next"> <svg class="a-svgicon a-svgicon--arrow_right m-pagination__arrow " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </button> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="last"> <svg class="a-svgicon a-svgicon--forward " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--forward"></use> </svg> </button> <script type="text/template" data-target="m-pagination.paginationTemplate"> {% if totalResults != 0 and maxPageCount > 1 %} <ul class="m-pagination__page-list"> {% if maxPageCount <= 5 %} {% for i in 1..maxPageCount %} <li data-action="click->m-pagination#handlePaginationClick" data-goto="{{ i }}" class="m-pagination__list-item {% if i == currentPage %}is-active{% endif %}">{{ i }}</li> {% endfor %} {% else %} {% for i in minPaginationPage..maxPaginationPage %} <li data-action="click->m-pagination#handlePaginationClick" data-goto="{{ i }}" class="m-pagination__list-item {% if i == currentPage %}is-active{% endif %}"> {{ i }} </li> {% endfor %} {% endif %} </ul> {% endif %} </script> </div> <div class="o-search__total-results is-hidden" data-target="o-search.noResultsContainer"> <p><p>0 results found for „<b></b>".</p> <p>No results have been found for your request.</p> <p>Please enter a new search word or delete the word from the search field.</p> </p> </div> <div class="m-teaserloading o-search__search-loading is-hidden" data-target="o-search.searchLoadingContainer"> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> <div class="m-teaserloading__loading-teaser"> <div class="m-teaserloading__loading-teaser-content"> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> <div class="m-teaserloading__loading-teaser-content-item"></div> </div> </div> </div> <div class="o-search__search-results o-gridcontainer" data-target="o-search.searchResultsContainer"></div> <script type="text/template" data-target="o-search.downloadTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}" target="_blank"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}" target="_blank"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}" target="_blank">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}" target="_blank">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}" target="_blank">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if fileSize %} <a class="m-teaserlistitem__details-item" href="{{ link }}" target="_blank">{{ fileSize }}</a> {% endif %} {% if fileType %} <a class="m-teaserlistitem__details-item" href="{{ link }}" target="_blank">{{ fileType }}</a> {% endif %} </div> </div> </div> </div> </script> <script type="text/template" data-target="o-search.icsDownloadTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult m-teaserlistitem--seminar-teaser" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if location or date %} <div class="m-teaserlistitem__details--withbtn"> {% if location %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ location }}</a> {% endif %} {% if date %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ date }}</a> {% endif %} </div> {% endif %} {% if downloadButton %} <a class="a-button a-button--{{ downloadButton.type }} m-teaserlistitem__button" data-controller="a-button" title="{{ downloadButton.title }}" target="{{ downloadButton.target }}" href="{{ downloadButton.link }}"> <span>{{ downloadButton.text }}</span> </a> {% endif %} </div> </div> </div> </div> </script> <script type="text/template" data-target="o-search.imageTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if fileSize %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ fileSize }}</a> {% endif %} {% if fileType %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ fileType }}</a> {% endif %} </div> </div> </div> </div> </script> <script type="text/template" data-target="o-search.pageTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if date %} <div class="m-teaserlistitem__details--withbtn"> <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ date }}</a> </div> {% endif %} </div> </div> </div> </div> </script> <script type="text/template" data-target="o-search.productTeaserResultTemplate o-search.manualTeaserResultTemplate o-search.etmTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if additionalLabel %} <a class="m-teaserlistitem__details-item" href="">{{ additionalLabel }}</a> {% endif %} {% if constructionYear and category == "etm" %} <a class="m-teaserlistitem__details-item" href="">{{ constructionYear }}</a> {% endif %} {% if modelNumbers %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ modelNumbers }}</a> {% endif %} {% if firstModelNumber %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ firstModelNumber }}</a> {% endif %} {% if systemName %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ systemName }}</a> {% endif %} {% if firstArticleNumber %} <div class="m-teaserlistitem__details-item{% if articleNumbers|length > 1 %} has-flyout{% endif %}"> <p class="m-teaserlistitem__details-copy" {% if articleNumbers|length> 1 %}data-action="click->m-teaserlistitem#toggleDetailsFlyout"{% endif %}>{{ firstArticleNumber }}</p> {% if articleNumbers|length > 1 %} <div class="m-teaserlistitem__details-flyout"> <div class="m-teaserlistitem__details-flyout-inner"> <p>{{ articleLabel }}</p> <ul> {% for articleNumber in articleNumbers %} <li>{{ articleNumber }}</li> {% endfor %} </ul> </div> </div> {% endif %} </div> {% endif %} {% if not articleNumbers and firstArticleNumber %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ firstArticleNumber }}</a> {% endif %} {% if quantity %} <div class="a-quantity m-teaserlistitem__quantity-input" data-controller="a-quantity"> <button type="button" class="a-quantity__minus" data-action="click->a-quantity#decreaseQuantity"> <svg class="a-svgicon a-svgicon--minus a-quantity__icon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--minus"></use> </svg> </button> <div class="a-input a-quantity__input" data-controller="a-input"> <input type="number" name="quantity" class="a-input__input" data-target="a-input.input a-quantity.input" value="{{ quantity }}" placeholder="0" pattern="^(1000|[1-9[0-9]?)$" min="0" step="1" data-watchlist="{{ _context|json_encode|e('html_attr') }}" tabindex="0" data-action="change->a-input#saveValue change->a-quantity#changeQuantity"/> <div class="a-input__error-message g-form__error-message"></div> </div> <button type="button" class="a-quantity__plus" data-action="click->a-quantity#increaseQuantity"> <svg class="a-svgicon a-svgicon--plus a-quantity__icon " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--plus"></use> </svg> </button> </div> {% endif %} </div> </div> </div> </div> </script> <script type="text/template" data-target="o-search.referenceTeaserResultTemplate o-search.pageTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult m-teaserlistitem--reference-teaser" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if details %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ details }}</a> {% endif %} </div> </div> </div> </div> </script> <script type="text/template" data-target="o-search.seminarTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult m-teaserlistitem--seminar-teaser" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if location or date %} <div class="m-teaserlistitem__details--withbtn"> {% if location %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ location }}</a> {% endif %} {% if date %} <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ date }}</a> {% endif %} </div> {% endif %} {% if registerButton %} <a class="a-button a-button--{{ registerButton.type }} m-teaserlistitem__button" data-controller="a-button" title="{{ registerButton.title }}" target="{{ registerButton.target }}" href="{{ registerButton.link }}"> <span>{{ registerButton.text }}</span> </a> {% endif %} </div> </div> </div> </div> </script> <script type="text/template" data-target="o-search.blogPageTeaserResultTemplate"> <div> <div class="m-teaserlistitem m-teaserlistitem--is-searchresult" data-controller="m-teaserlistitem"> {% if image %} <a class="m-teaserlistitem__image-container {{ image.backgroundLightClass }}" href="{{ link }}"> {% verbatim %} {% if image.sizes is defined %} {% endverbatim %} <img class="a-image lazyload blur-up m-teaserlistitem}__image" data-sizes="auto" data-srcset="{% verbatim %}{% for image in image.sizes %}{{ image.name }} {{ image.size }}w{% if not loop.last %}, {% endif %}{% endfor %}{% endverbatim %}" data-src="{% verbatim %}{{ image.sizes[0].name }}{% endverbatim %}" alt="{% verbatim %}{{ image.alt }}{% endverbatim %}"/> {% verbatim %} {% else %} {% endverbatim %} <img class="a-image m-teaserlistitem__image" src="{% verbatim %}{{ image.name }}{% endverbatim %}"/> {% verbatim %} {% endif %} {% endverbatim %} </a> {% endif %} <div class="m-teaserlistitem__text-container"> <div class="m-teaserlistitem__sticker-bookmark-container"> <div class="m-teaserlistitem__sticker-container"> {% if (tag and not (teaserType ends with "blogSearchTeaser")) %} <div class="m-stickertag m-teaserlistitem__sticker m-teaserlistitem__sticker--tag m-stickertag--"> <span class="m-stickertag__sticker">{{ tag }}</span> </div> {% endif %} {% if seminarTags %} {% for item in seminarTags %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <a href="{{ item.link }}" title="{{ item.title }}" class="m-stickertag__sticker">{{ item.text }}</a> </div> {% endfor %} {% endif %} {% if blogDetails %} {% for item in blogDetails.blogTopics %} <div class="m-stickertag m-teaserlistitem__sticker m-stickertag--{{ item.color }}"> <span class="m-stickertag__sticker">{{ item.text }}</span> </div> {% endfor %} {% endif %} </div> {% if _context %} {% set thisContext = (teaserContext is defined) ? teaserContext : _context %} {% if blogDetails %} {% endif %} <div class="m-teaserlistitem__bookmark-container"> <button class="a-actionbutton is-hidden@print m-teaserlistitem__bookmark" data-controller="a-actionbutton" data-action="click->a-actionbutton#handleButtonClick" data-type="bookmark" data-a-actionbutton-watchlist="{{ thisContext|revertSearchResultHighlighting|json_encode|e('html_attr') }}"> <svg class="a-svgicon a-svgicon--bookmark_inactive a-actionbutton__icon a-actionbutton__icon--inactive " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_inactive"></use> </svg> <svg class="a-svgicon a-svgicon--bookmark_active a-actionbutton__icon a-actionbutton__icon--active " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--bookmark_active"></use> </svg> </button> </div> {% endif %} </div> {% if title %} <a class="m-teaserlistitem__title" href="{{ link }}"> <h3 class="a-headline a-headline--h3 m-teaserlistitem__headline"> {{ title.text }} </h3> </a> {% endif %} {% if copy %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ copy }}</a> {% endif %} {% if description %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ description }}</a> {% endif %} {% if details %} <a class="m-teaserlistitem__description" href="{{ link }}">{{ details }}</a> {% endif %} <div class="m-teaserlistitem__details"> {% if date %} <div class="m-teaserlistitem__details--withbtn"> <a class="m-teaserlistitem__details-item" href="{{ link }}">{{ date }}</a> </div> {% endif %} </div> </div> </div> </div> </script> </div> <div class="m-pagination o-search__page-controls is-hidden" data-controller="m-pagination"> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="first"> <svg class="a-svgicon a-svgicon--backward " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--backward"></use> </svg> </button> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="previous"> <svg class="a-svgicon a-svgicon--arrow_left " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_left"></use> </svg> </button> <div data-target="m-pagination.paginationContainer"></div> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="next"> <svg class="a-svgicon a-svgicon--arrow_right m-pagination__arrow " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_right"></use> </svg> </button> <button class="m-pagination__button" data-action="click->m-pagination#handlePaginationClick" data-goto="last"> <svg class="a-svgicon a-svgicon--forward " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--forward"></use> </svg> </button> <script type="text/template" data-target="m-pagination.paginationTemplate"> {% if totalResults != 0 and maxPageCount > 1 %} <ul class="m-pagination__page-list"> {% if maxPageCount <= 5 %} {% for i in 1..maxPageCount %} <li data-action="click->m-pagination#handlePaginationClick" data-goto="{{ i }}" class="m-pagination__list-item {% if i == currentPage %}is-active{% endif %}">{{ i }}</li> {% endfor %} {% else %} {% for i in minPaginationPage..maxPaginationPage %} <li data-action="click->m-pagination#handlePaginationClick" data-goto="{{ i }}" class="m-pagination__list-item {% if i == currentPage %}is-active{% endif %}"> {{ i }} </li> {% endfor %} {% endif %} </ul> {% endif %} </script> </div> </div> <script type="text/template" data-target="o-search.activeFilterTemplate"> <button class="o-search__filter-button" data-action="click->o-search#activeFilterButtonClick" data-id="{{id}}" data-name="{{name}}" > <span>{{label}}</span> <svg class="a-svgicon a-svgicon--cross o-search__icon-close" focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--cross"></use> </svg> </button> </script> </div> </div></div> </div> </main> <footer class="o-footer" data-controller="o-footer"> <div class="o-footer__container"> <a href="#" class="o-footer__back-to-top" title="back to top" data-action="click->o-footer#scrollToTop"> <svg class="a-svgicon a-svgicon--arrow_up o-footer__arrow-up " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--arrow_up"></use> </svg> </a> <div class="o-footer__inner"> <div class="o-footer__link-list"> <nav class="m-linklist"> <ul class="m-linklist__list"> <li class="m-linklist__list-item"> <a href="/en/company.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company.html","4":"link","5":"Company"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company.html","4":"link","5":"Company"}"> Company </a> </li> <li class="m-linklist__list-item"> <a href="/en/company/about-us.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/about-us.html","4":"link","5":"About us"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/about-us.html","4":"link","5":"About us"}"> About us </a> </li> <li class="m-linklist__list-item"> <a href="/en/company/references.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/references.html","4":"link","5":"References"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/references.html","4":"link","5":"References"}"> References </a> </li> <li class="m-linklist__list-item"> <a href="/en/company/media.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/media.html","4":"link","5":"Media"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/media.html","4":"link","5":"Media"}"> Media </a> </li> <li class="m-linklist__list-item"> <a href="/en/company/career.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/career.html","4":"link","5":"Career"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/career.html","4":"link","5":"Career"}"> Career </a> </li> <li class="m-linklist__list-item"> <a href="/en/company/trade-fairs-and-events.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/trade-fairs-and-events.html","4":"link","5":"Trade fairs and events"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/trade-fairs-and-events.html","4":"link","5":"Trade fairs and events"}"> Trade fairs and events </a> </li> <li class="m-linklist__list-item"> <a href="/en/company/contact.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/contact.html","4":"link","5":"Contact"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/contact.html","4":"link","5":"Contact"}"> Contact </a> </li> </ul> </nav> <nav class="m-linklist"> <ul class="m-linklist__list"> <li class="m-linklist__list-item"> <a href="/en/products.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/products.html","4":"link","5":"Products"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/products.html","4":"link","5":"Products"}"> Products </a> </li> <li class="m-linklist__list-item"> <a href="/en/products/catalog-start.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/products/catalog-start.html","4":"link","5":"Catalogue"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/products/catalog-start.html","4":"link","5":"Catalogue"}"> Catalogue </a> </li> <li class="m-linklist__list-item"> <a href="/en/products/spareparts-start.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/products/spareparts-start.html","4":"link","5":"Spareparts"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/products/spareparts-start.html","4":"link","5":"Spareparts"}"> Spareparts </a> </li> <li class="m-linklist__list-item"> <a href="/en/company/topics.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/topics.html","4":"link","5":"Topics"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/company/topics.html","4":"link","5":"Topics"}"> Topics </a> </li> </ul> </nav> <nav class="m-linklist"> <ul class="m-linklist__list"> <li class="m-linklist__list-item"> <a href="/en/services.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/services.html","4":"link","5":"Service"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/services.html","4":"link","5":"Service"}"> Service </a> </li> <li class="m-linklist__list-item"> <a href="/en/services/downloadcenter.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/services/downloadcenter.html","4":"link","5":"Downloadcenter"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/services/downloadcenter.html","4":"link","5":"Downloadcenter"}"> Downloadcenter </a> </li> <li class="m-linklist__list-item"> <a href="/en/protected/archivetd/software-tools_alt.html" data-action="click->a-link#handleTracking " class="a-link m-linklist__link" data-controller="a-link" data-a-link-tracking="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/protected/archivetd/software-tools_alt.html","4":"link","5":"Tools"}" name="{"1":"m-linklist_a-link","linkId":"/content/viega/sg/en/protected/archivetd/software-tools_alt.html","4":"link","5":"Tools"}"> Tools </a> </li> </ul> </nav> </div> <div class="o-footer__service-contacts"> <h3 class="o-footer__service-headline"> <div class="serviceheadline simpletext"> CONTACT </div> </h3> <div class="o-footer__contact-references"> <div class="o-footer__reference"> <div> <div class="m-vcard g-spacing-bottom--medium "> <h4 class="m-vcard__contact-title">Office and showroom address: Viega South East Asia Pte. Ltd.</h4> <div class="m-vcard__contact-container"> <ul class="m-vcard__contact-information"> <li class="m-vcard__information-item">28 Sin Ming Lane #03-146, Midview City</li> <li class="m-vcard__information-item">573972</li> <li class="m-vcard__information-item">Singapore</li> <li class="m-vcard__information-item">Regional Sales Manager: Howard Tan</li> </ul> <ul class="m-vcard__contact-information"> <li class="m-vcard__information-item"> <a href="tel:+65%20(97)%2045%2093%2055" data-action="click->a-link#handleTracking " class="a-link m-vcard__link a-link--icon-left a-link--with-icon" rel="noopener" target="_blank" type="phone" data-controller="a-link" data-a-link-tracking="{"1":"a-link","linkId":"tel:+65 (97) 45 93 55","4":"link","5":"+65 (97) 45 93 55"}" name="{"1":"a-link","linkId":"tel:+65 (97) 45 93 55","4":"link","5":"+65 (97) 45 93 55"}"> +65 (97) 45 93 55 <svg class="a-svgicon a-svgicon--phone a-link__icon a-svgicon--small" focusable="false" data-a-svgicon-tracking="{"1":"a-svgicon","linkId":"tel:+65 (97) 45 93 55","4":"link","5":"IconClick"}"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--phone"></use> </svg> </a> </li> <li class="m-vcard__information-item"> <a href="mailto:howard.tan@viega.de" data-action="click->a-link#handleTracking " class="a-link m-vcard__link a-link--icon-left a-link--with-icon" rel="noopener" target="_blank" type="mail" data-controller="a-link" data-a-link-tracking="{"1":"a-link","linkId":"mailto:howard.tan@viega.de","4":"link","5":"howard.tan@viega.de"}" name="{"1":"a-link","linkId":"mailto:howard.tan@viega.de","4":"link","5":"howard.tan@viega.de"}"> howard.tan@viega.de <svg class="a-svgicon a-svgicon--mail a-link__icon a-svgicon--small" focusable="false" data-a-svgicon-tracking="{"1":"a-svgicon","linkId":"mailto:howard.tan@viega.de","4":"link","5":"IconClick"}"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--mail"></use> </svg> </a> </li> </ul> </div> </div> </div> <div> <div class="m-vcard g-spacing-bottom--medium "> <div class="m-vcard__contact-container"> <ul class="m-vcard__contact-information"> </ul> </div> </div> </div> </div> <div class="o-footer__reference"> <div> </div> <div> <div class="m-vcard g-spacing-bottom--medium "> <div class="m-vcard__contact-container"> <ul class="m-vcard__contact-information"> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="o-footer__legal-social-container"> <nav class="m-footernavigation "> <ul class="m-footernavigation__item-list"> <li class="m-footernavigation__item"> <a href="/en/meta/footer/imprint.html" data-action="click->a-link#handleTracking " class="a-link m-footernavigation__link" data-controller="a-link" data-a-link-tracking="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/imprint.html","4":"link","5":"Imprint"}" name="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/imprint.html","4":"link","5":"Imprint"}"> Imprint </a> </li> <li class="m-footernavigation__item"> <a href="/en/meta/footer/legal.html" data-action="click->a-link#handleTracking " class="a-link m-footernavigation__link" data-controller="a-link" data-a-link-tracking="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/legal.html","4":"link","5":"Legal notifications"}" name="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/legal.html","4":"link","5":"Legal notifications"}"> Legal notifications </a> </li> <li class="m-footernavigation__item"> <a href="/en/meta/footer/privacy.html" data-action="click->a-link#handleTracking " class="a-link m-footernavigation__link" data-controller="a-link" data-a-link-tracking="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/privacy.html","4":"link","5":"Privacy"}" name="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/privacy.html","4":"link","5":"Privacy"}"> Privacy </a> </li> <li class="m-footernavigation__item"> <a href="/en/meta/footer/sitemap.html" data-action="click->a-link#handleTracking " class="a-link m-footernavigation__link" data-controller="a-link" data-a-link-tracking="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/sitemap.html","4":"link","5":"Sitemap"}" name="{"1":"m-footernavigation_a-link","linkId":"/content/viega/sg/en/meta/footer/sitemap.html","4":"link","5":"Sitemap"}"> Sitemap </a> </li> <li class="m-footernavigation__item"> <a href="#" data-action="click->a-link#handleTracking click->a-link#handleCmpPrivacyClick" class="a-link m-footernavigation__link" data-controller="a-link" data-a-link-tracking="{"1":"m-footernavigation_a-link","linkId":"#","4":"link","5":"Cookie settings"}" name="{"1":"m-footernavigation_a-link","linkId":"#","4":"link","5":"Cookie settings"}"> Cookie settings </a> </li> </ul> </nav> <div class="m-socialmedialinks o-footer__social"> <a target="_blank" href="https://www.youtube.com/channel/UCIdpS1XnmajqnWOuCibtA1w" class="m-socialmedialinks__link" data-controller="a-link" data-a-link-tracking="{"1":"m-socialmedialinks_a-link","linkId":"https://www.youtube.com/channel/UCIdpS1XnmajqnWOuCibtA1w","4":"link"}" name="{"1":"m-socialmedialinks_a-link","linkId":"https://www.youtube.com/channel/UCIdpS1XnmajqnWOuCibtA1w","4":"link"}"> <svg class="a-svgicon a-svgicon--youtube_white m-socialmedialinks__svgicon " focusable="false" data-a-svgicon-tracking="{"1":"m-socialmedialinks_a-svgicon","linkId":"https://www.youtube.com/channel/UCIdpS1XnmajqnWOuCibtA1w","4":"link","5":"IconClick"}"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--youtube_white"></use> </svg> </a> </div> </div> </div> <script id="availableLanguages" type="application/json"> {"topLevelDomains":{"sg":{"availableLanguages":["en"],"defaultLang":"en"}}} </script> </footer> <script src="/etc.clientlibs/viega-frontend/clientlibs/vendors~three.lc-8b1d226df4cf7db8cabaada7ad73aa3e-lc.min.js"></script> <script src="/etc.clientlibs/viega-frontend/clientlibs/vendors~main.lc-0048b88fcb1334904d5e1a0438a7eaa5-lc.min.js"></script> <script src="/etc.clientlibs/viega-frontend/clientlibs/main.lc-c1e16d4ad8d8949d32a90f4367769ef3-lc.min.js"></script> <script src="/etc.clientlibs/core/wcm/components/commons/datalayer/v1/clientlibs/core.wcm.components.commons.datalayer.v1.lc-70264651675213ed7f7cc5a02a00f621-lc.min.js"></script> <script type="text/javascript"> window._ti = { "pageId": "sg.web.homepage.company.media", "contentGroup": { "cg1ToplevelDomain": "sg", "cg2Channel": "web", "cg3Category": "homepage", "cg4Content1": "company", "cg5Content2": "media" }, "language": "en", "pageTag": "", "pageResourceType": "viega/cms/pages/page/contentpage", "pageType": "Content Page", "lastModified": "1645538638403", "pageLength": "4838" }; window._tiConfig = window._tiConfig || { tiDomain: 'responder.wt-safetag.com', tiId: '1116480630406185', option: {} }; var referrer = decodeURIComponent('(none)'); var internal = '(none)'; if (referrer.length > 0 && (referrer.indexOf('http://') === 0 || referrer.indexOf('https://') === 0) ) { window._ti["referrer"] = referrer; } if (internal === '1') { window._ti["intern"] = "intern"; } if (typeof _ti["lastModified"] === "number") { window._ti["daysSincePublication"] = (Math.trunc((new Date().getTime() - _ti["lastModified"]) / (1000 * 60 * 60 * 24))).toString(); } _ti.pageUrl = { protocol: location.protocol, host: location.host, pathname: location.pathname } /* * Used for webtrekk to pass additional tacking details in links */ if (location.hash.startsWith("#!")) { const hashArgumentList = location.hash.substring(2).split("&"); for (let i = 0; i < hashArgumentList.length; i++) { const hashArgument = hashArgumentList[i].split("="); if (hashArgument.length === 2 && hashArgument[0].startsWith("wt_")) { const hashArgumentKey = hashArgument[0].substring(3); window._ti[hashArgumentKey] = hashArgument[1]; } } } </script> <script type="text/plain" data-usercentrics="Webtrekk" src="/etc.clientlibs/viega-frontend/clientlibs/webtrekk_v5_tiLoader.js"></script> <script type="text/plain" data-usercentrics="Webtrekk" src="/etc.clientlibs/viega-frontend/clientlibs/webtrekk_gdpr.js"></script> <div class="m-overlay " data-controller="m-overlay"> <div class="m-overlay__container" data-target="m-overlay.container"> <div class="m-overlay__container-close" data-action="click->m-overlay#close"> <svg class="a-svgicon a-svgicon--cross m-overlay__close " focusable="false"> <use xlink:href="/etc.clientlibs/viega-frontend/clientlibs/main/resources/icons/svg-spritesheet.svg#icon--cross"></use> </svg> </div> <div class="m-overlay__container-html" data-target="m-overlay.content"></div> </div> </div> <div class="t-default__content-shader"></div> <div class="youtube-api-script"></div>  </body> </html>

CINXE.COM

Media | viega.sg