CINXE.COM
Walter Tools 禄 Engineering Kompetenz
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <base href="/"> <title>Walter Tools 禄 Engineering Kompetenz</title> <script src='/cookie-patch.min.js'></script><script>patchCookie('.walter-tools.com');</script> <script src='/optanon-wrapper.js'></script> <script src='https://cdn.cookielaw.org/scripttemplates/otSDKStub.js' data-document-language='true' data-domain-script='0368b714-aa7d-4e73-aac6-b3cfc4f5009c'></script> <meta name='facebook-domain-verification' content='jugm2gbp90cgj5cykh2lqgsit0xnyw'> <meta name='google-site-verification' content='nuplCksi70236PsdBWbNg32TizCHr1F73G4uorkPMNE'> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Walter Tools"> <link rel="shortcut icon" href="/_layouts/images/tibp/walter/favicon.ico?v=2" type="image/vnd.microsoft.icon" id="favicon"> <link rel="apple-touch-icon" href="/style%20library/tibp/walter/img/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="57x57" href="/style%20library/tibp/walter/img/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="72x72" href="/style%20library/tibp/walter/img/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/style%20library/tibp/walter/img/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/style%20library/tibp/walter/img/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/style%20library/tibp/walter/img/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/style%20library/tibp/walter/img/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/style%20library/tibp/walter/img/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="/style%20library/tibp/walter/img/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="/style%20library/tibp/walter/img/apple-touch-icon-180x180.png"> <link rel="stylesheet" media="all" type="text/css" href="/walter-new.css"> <link rel="stylesheet" media="print" type="text/css" href="/walter.css" onload="this.media='all'"> <link rel="stylesheet" media="print" type="text/css" href="/print.css"> <link rel="stylesheet" media="all" type="text/css" href="/v5.css"> <script>var $metricsPercent=10;</script> <link rel="stylesheet" href="styles-M6NHEBK7.css"></head> <body> <app-root> <style> html, body { margin: 0; padding: 0; } .index-l-skeleton { background-color: #d1d1d1; display: flex; flex-direction: column; } .index-black-bar { height: 30px; background-color: #000; } .index-menu-bar { background-color: #FFF; } .index-outer-menu-bar { border-bottom: 1px solid #d9d9d9; } .index-inner-menu-bar { padding: 26px; max-width: 1600px; margin: auto; } .index-logo { height: 46px; } .index-inner-sub-menu-bar { height: 64px; border-bottom: 1px solid #d9d9d9; background-color: #FFF; background-image: linear-gradient(#fff, #fff, #f2f2f2); } @media (width <= 768px) { .index-black-bar, .index-inner-sub-menu-bar { display: none; } .index-inner-menu-bar { padding: 0; height: 50px; display: flex; align-items: center; } .index-logo { max-height: 60%; margin-left: 50px; margin-right: 200px; width: 100%; } } @media (width < 410px) { .index-logo { max-height: 60%; margin-left: 40px; margin-right: 160px; width: 100%; } } .index-body { width: 1600px; max-width: 100%; margin: auto; background-color: #fff; display: grid; grid-template-columns: repeat(5, 1fr); } .index-carousel { grid-column: span 5; height: auto; aspect-ratio: 1600 / 375; margin-bottom: 47px; } @media (width <= 768px) { .index-carousel { aspect-ratio: 750 / 517; margin-bottom: 122px; } } .index-content { margin: 30px 30px 0 30px; grid-column: span 5; display: grid; grid-template-columns: subgrid; } .index-content-header { grid-column: span 5; width: 10%; } .index-tile-container { grid-column: span 5; display: grid; grid-template-columns: subgrid; } .one-col { grid-template-columns: 1fr; } .three-col { grid-template-columns: repeat(3, 1fr); gap: 30px; } .four-col { grid-template-columns: repeat(4, 1fr); gap: 30px; } .five-col { grid-template-columns: repeat(5, 1fr); gap: 30px; } .centered { .index-article { align-items: center; } } @media (width <= 1200px) { .four-col { grid-template-columns: repeat(2, 1fr); } } @media (width <= 992px) { .five-col { grid-template-columns: repeat(3, 1fr); } } @media (width <= 768px) { .five-col, .four-col { grid-template-columns: 1fr; } } .index-article { display: flex; flex-direction: column; gap: 10px; } .index-aricle-header { height: 150px; display: grid; grid-template-rows: 150px 20px; gap: 13px; } .skeleton-box { display: block; border-radius: 12px; border: none; background-color: #eff1f3; &.image { height: 150px; } &.header { height: 30px; width: 50%; } &.paragraph { height: 15px; } } .index-footer { width: 100%; max-width: 1600px; margin: auto; } .index-dark-footer { height: 290px; background-color: #4d4d4d; } .index-darkest-footer { height: 80px; background-color: #474747; } .animate { animation : shimmer 4s infinite linear; background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); background-size: 1000px 100%; } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } </style> <div class="index-l-skeleton"> <div class="index-black-bar"></div> <div class="index-menu-bar"> <div class="index-outer-menu-bar"> <div class="index-inner-menu-bar"> <img src="/assets/images/walter_logo.svg" alt="Walter Tools" aria-label="Walter Tools" class="index-logo"/> </div> </div> <div class="index-inner-sub-menu-bar"></div> </div> <div class="index-body"> <div class="index-carousel skeleton-box animate"></div> <div class="index-content"> <div class="index-tile-container three-col centered"> <article class="index-article"> <div class="skeleton-box header"></div> </article> <article class="index-article"> <div class="skeleton-box header"></div> </article> <article class="index-article"> <div class="skeleton-box header"></div> </article> </div> </div> <div class="index-content"> <div class="index-tile-container four-col"> <article class="index-article"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> <article class="index-article"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> <article class="index-article"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> <article class="index-article"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> </div> </div> <div class="index-content"> <div class="index-tile-container one-col centered"> <article class="index-article"> <div class="skeleton-box header"></div> </article> </div> </div> <div class="index-content"> <div class="index-content-header skeleton-box"></div> <div class="index-tile-container five-col"> <article class="index-article"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> <article class="index-article"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> <article class="index-article"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> <article class="index-article wide"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> <article class="index-article wide"> <div class="skeleton-box image animate"></div> <div class="skeleton-box header"></div> <div class="skeleton-box paragraph"></div> <div class="skeleton-box paragraph"></div> </article> </div> </div> </div> <footer class="index-footer noindex"> <div class="index-dark-footer"></div> <div class="index-darkest-footer"></div> </footer> </div> </app-root> <link rel="modulepreload" href="chunk-O5HMUFO5.js"><link rel="modulepreload" href="chunk-VHACEDWW.js"><link rel="modulepreload" href="chunk-UUPYQDLT.js"><link rel="modulepreload" href="chunk-OVL2JDVH.js"><link rel="modulepreload" href="chunk-7PHP5YVI.js"><link rel="modulepreload" href="chunk-E63CRTJX.js"><link rel="modulepreload" href="chunk-N3NYPLBJ.js"><script src="polyfills-3VEIOSVM.js" type="module"></script><script src="main-S5LGMYLO.js" type="module"></script></body> </html>