PageSourceSearch

https://www.grano.fi/vastuullisuus

html grano.fi collected 2026-10-02 04:40:44 UTC 186,706 bytes, 4,024 lines download raw bytes

1<!doctype html><html class="hs-skip-lang-url-rewrite" lang="fi"><head>
2        <meta charset="utf-8">
3        <title>GRANO | Vastuullisuus</title>
4        <link rel="shortcut icon" href="https://www.grano.fi/hubfs/Identity/grano-favicon-yellow-black.png">
5        <meta name="description" content="Granon vastuullisuustyö koostuu neljästä teemasta: asiakasvastuu, sosiaalinen vastuu, taloudellinen vastuu ja ympäristövastuu.">
6
7        
8
9        <link rel="stylesheet" href="https://use.typekit.net/wcf8imn.css">
10        
11        <style class="aa-css-vars">
12        
13
14        :root {
15            --secondary: #75E6FF;
16            --secondary-rgb: 117, 230, 255;
17            --secondary-bg-text: #0A2540;
18            --secondary-bg-accent: #635bff;
19            --secondary-bg-link: #0A2540;
20            --light: #F3F6FA;
21            --light-rgb: 243, 246, 250;
22            --light-bg-text: inherit;
23            --light-bg-accent: #635bff;
24            --light-bg-link: #635BFF;
25            --dark: #000000;
26            --dark-rgb: 0, 0, 0;
27            --dark-bg-text: #FFFFFF;
28            --dark-bg-accent: #75e6ff;
29            --dark-bg-link: #635BFF;
30            --complementary: #0A2540;
31            --complementary-rgb: 10, 37, 64;
32            --complementary-bg-text: #FFFFFF;
33            --complementary-bg-accent: #75e6ff;
34            --complementary-bg-link: #635BFF;
35            --primary: #635BFF;
36            --primary-rgb: 99, 91, 255;
37            --primary-bg-text: #FFFFFF;
38            --primary-bg-accent: #75E6FF;
39            --primary-bg-link: #75E6FF;
40            --text-dark: #000000;
41            --text-light: #FFFFFF;
42            --body-color: #000000;
43            --heading-color: ;
44            --accent: #635bff;
45            
46            --h2-font-family: 'IBM Plex Sans', sans-serif;
47            --h2-font-style: normal;
48            --h2-font-weight: 500;
49            --h2-text-decoration: none;
50            
51            
52            --h5-font-family: 'IBM Plex Sans', sans-serif;
53            --h5-font-style: normal;
54            --h5-font-weight: 300;
55            --h5-text-decoration: none;
56            
57            
58            --body-font-family: 'IBM Plex Sans', sans-serif;
59            --body-font-style: normal;
60            --body-font-weight: 300;
61            --body-text-decoration: none;
62            
63            
64            --h1-font-family: 'IBM Plex Sans', sans-serif;
65            --h1-font-style: normal;
66            --h1-font-weight: 500;
67            --h1-text-decoration: none;
68            
69            
70            --button-font-family: 'IBM Plex Sans', sans-serif;
71            --button-font-style: normal;
72            --button-font-weight: 700;
73            --button-text-decoration: none;
74            
75            
76            --h6-font-family: 'IBM Plex Sans', sans-serif;
77            --h6-font-style: normal;
78            --h6-font-weight: 500;
79            --h6-text-decoration: none;
80            
81            
82            --h3-font-family: 'IBM Plex Sans', sans-serif;
83            --h3-font-style: normal;
84            --h3-font-weight: 300;
85            --h3-text-decoration: none;
86            
87            
88            --h4-font-family: 'IBM Plex Sans', sans-serif;
89            --h4-font-style: normal;
90            --h4-font-weight: normal;
91            --h4-text-decoration: none;
92            
93
94            --link-color: #635BFF;
95            --link-color-hover: #918CFF;
96            --link-text-decoration: underline;
97
98            
99            
100
101            
102            
103            
104            
105            
106            --button-2-text-color: #0A2540;
107            --button-2-text-color-hover: #0A2540;
108            --button-2-background-color: rgba(99, 91, 255,0.0);
109            --button-2-background-color-hover: rgba(99, 91, 255,0.2);
110            --button-2-border-color: #635BFF;
111            --button-2-border-color-hover: #635BFF;
112            --button-2-border-width: 1px;
113            --button-2-border-radius: 0px;
114            --button-2-padding: 15px 30px;
115            
116            
117            
118            
119            --button-1-text-color: #FFFFFF;
120            --button-1-text-color-hover: #FFFFFF;
121            --button-1-background-color: #635BFF;
122            --button-1-background-color-hover: #635BFF;
123            --button-1-border-color: #635BFF;
124            --button-1-border-color-hover: #635BFF;
125            --button-1-border-width: 1px;
126            --button-1-border-radius: 0px;
127            --button-1-padding: 15px 30px;
128            
129            
130            
131            
132            --button-4-text-color: #75E6FF;
133            --button-4-text-color-hover: #75E6FF;
134            --button-4-background-color: rgba(117, 230, 255,0.0);
135            --button-4-background-color-hover: rgba(117, 230, 255,0.2);
136            --button-4-border-color: #75E6FF;
137            --button-4-border-color-hover: #75E6FF;
138            --button-4-border-width: 1px;
139            --button-4-border-radius: 0px;
140            --button-4-padding: 15px 30px;
141            
142            
143            
144            
145            --button-3-text-color: #0A2540;
146            --button-3-text-color-hover: #0A2540;
147            --button-3-background-color: #75E6FF;
148            --button-3-background-color-hover: #75E6FF;
149            --button-3-border-color: #75E6FF;
150            --button-3-border-color-hover: #75E6FF;
151            --button-3-border-width: 1px;
152            --button-3-border-radius: 0px;
153            --button-3-padding: 15px 30px;
154            
155            
156            
157            
158            --button-form-text-color: #FFFFFF;
159            --button-form-text-color-hover: #FFFFFF;
160            --button-form-background-color: #635BFF;
161            --button-form-background-color-hover: #635BFF;
162            --button-form-border-color: #635BFF;
163            --button-form-border-color-hover: #635BFF;
164            --button-form-border-width: 1px;
165            --button-form-border-radius: 0px;
166            --button-form-padding: 15px 30px;
167
168            
169            --form-title-background-color: transparent;
170            --form-error-color: #DB5461;
171            --form-title-text-color: #000000;
172            --form-background-color: transparent;
173            --form-border-color: transparent;
174            --form-fields-border-color: #635BFF;
175        }
176
177        .hs-form {
178            border-color: ;
179        }
180        
181        .grano-shop-added {
182           min-width: 235px;
183            width: auto;
184            max-width: 100%;
185          }
186        </style>
187
188        
189        
190       
191
192        
193
194        <meta name="viewport" content="width=device-width, initial-scale=1">
195
196    
197
198    <meta property="og:description" content="Granon vastuullisuustyö koostuu neljästä teemasta: asiakasvastuu, sosiaalinen vastuu, taloudellinen vastuu ja ympäristövastuu.">
199    <meta property="og:title" content="GRANO | Vastuullisuus">
200    <meta name="twitter:description" content="Granon vastuullisuustyö koostuu neljästä teemasta: asiakasvastuu, sosiaalinen vastuu, taloudellinen vastuu ja ympäristövastuu.">
201    <meta name="twitter:title" content="GRANO | Vastuullisuus">
202
203    
204
205    
206    <style>
207a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
208</style>
209
210<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/template_assets/1/90709344935/1789991249836/template_autoComplete.min.css">
211<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82874812467/1789991248717/template_style.min.css">
212<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/module_assets/1/102025749207/1766419293074/module_search-input.min.css">
213
214<style>
215  #hs_cos_wrapper_module_17664028976507 .hs-search-field__bar>form {}
216
217#hs_cos_wrapper_module_17664028976507 .hs-search-field__bar>form>label {}
218
219#hs_cos_wrapper_module_17664028976507 .hs-search-field__bar>form>.hs-search-field__input {
220  padding-top:15px;
221  padding-right:20px;
222  padding-bottom:15px;
223  padding-left:20px;
224  color:#000000;
225  font-size:18px;
226  border:1px solid #767676;
227  border-right:none;
228}
229
230#hs_cos_wrapper_module_17664028976507 .hs-search-field__button {
231  background-color:#FFFFFF;
232  border:1px solid #767676;
233  border-left:none;
234  padding:20px;
235}
236
237#hs_cos_wrapper_module_17664028976507 .hs-search-field__button:hover,
238#hs_cos_wrapper_module_17664028976507 .hs-search-field__button:focus { border-left:none; }
239
240#hs_cos_wrapper_module_17664028976507 .hs-search-field__button:active { border-left:none; }
241
242#hs_cos_wrapper_module_17664028976507 .hs-search-field--open .hs-search-field__suggestions {
243  padding:20px;
244  margin-top:-1px;
245  border:1px solid #767676;
246  color:#000000;
247  font-size:16px;
248}
249
250#hs_cos_wrapper_module_17664028976507 .hs-search-field--open .hs-search-field__suggestions a {
251  color:#000000;
252  font-size:16px;
253}
254
255#hs_cos_wrapper_module_17664028976507 .hs-search-field--open .hs-search-field__suggestions a:hover {}
256
257</style>
258
259<link rel="stylesheet" href="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82873820723/1789991247618/template_splide.min.css">
260    
261<script data-search_input-config="config_module_17664028976507" type="application/json">
262{
263  "autosuggest_results_message": "Tulokset haulle \"[[search_term]]\"",
264  "autosuggest_no_results_message": "Automaattisen ehdotuksen tuloksia termille \"[[search_term]]\" ei ole",
265  "sr_empty_search_field_message": "Ehdotuksia ei ole, koska hakukentt\u00E4 on tyhj\u00E4.",
266  "sr_autosuggest_results_message": "T\u00E4ll\u00E4 hetkell\u00E4 on [[number_of_results]] automaattisesti ehdotettua tulosta haulle [[search_term]]. Siirry tulosluetteloon painamalla alanuolin\u00E4pp\u00E4int\u00E4 tai paina Palaa hakeaksesi kaikkia tuloksia.",
267  "sr_search_field_aria_label": "T\u00E4m\u00E4 on hakukentt\u00E4, johon on liitetty automaattinen ehdotus.",
268  "sr_search_button_aria_label": "Haku"
269}
270</script>
270
271
272<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","contentUrl":"https://524565.fs1.hubspotusercontent-eu1.net/hubfs/524565/Grano_Ukraina_Bussi_1080p-1.mp4","dateModified":"2024-09-24T05:48:51.373Z","duration":"PT50S","height":1080,"name":"Grano_Ukraina_Bussi_1080p-1","thumbnailUrl":"https://524565.fs1.hubspotusercontent-eu1.net/hubfs/524565/Grano_Ukraina_Bussi_1080p-1.mp4/medium.jpg?t=1727156931373","uploadDate":"2024-09-24T05:48:51.368Z","width":1920}</script>
272
273
274    
275    <link rel="canonical" href="https://www.grano.fi/vastuullisuus">
276
277<meta name="facebook-domain-verification" content="wnugezakiyqs1hyy028g5ipdzq8gxh">
278<meta name="google-site-verification" content="GtJU_SEbpjk_Ci54VNZN_lme5OKxdPoJWP7ZMtLi3Sw">
279<meta name="google-site-verification" content="_RQVU8sG9-jsSuzM18iBya11XwQ_-Vg1oUWQiH1HE20">
280<meta name="msvalidate.01" content="05B35D4C11D9C32A05DD95E78F076B2D">
281<meta name="p:domain_verify" content="943c6ffcf865c8bbc98517b53cec8183">
282
283<!-- Leadoo core features, no consent check required -->
284<script type="text/javascript" async src="https://bot.leadoo.com/bot/dynamic.js?company=lWsjtsy"></script>
284  
285
286<!-- Leadoo, enables trackers when statistics consent is given (10-10-23 1523) -->
287<script type="text/javascript" data-cookieconsent="ignore">
288   window.addEventListener('CookiebotOnAccept', function (e) {
289   if (!Cookiebot.consent.statistics) return;
290     {
291     	if (!window.ldanalytics) window.ldanalytics = [];
292		window.ldanalytics.push(function(a) {
293   		a.toggleTracking(true, false);
294		});
295     }
296   }, false);
297</script>
297
298
299<!-- Google Consent Mode -->
300<script data-cookieconsent="ignore">
301  window.dataLayer = window.dataLayer || [];
302  function gtag() {
303    dataLayer.push(arguments)
304  }
305  gtag("consent", "default", {
306    ad_personalization: "denied",
307    ad_storage: "denied",
308    ad_user_data: "denied",
309    analytics_storage: "denied",
310    functionality_storage: "denied",
311    personalization_storage: "denied",
312    security_storage: "granted",
313    wait_for_update: 500
314  });
315  gtag("set", "ads_data_redaction", true);
316  gtag("set", "url_passthrough", false);
317</script>
317
318<!-- End Google Consent Mode-->
319
320<!-- Google Tag Manager -->
321<script data-cookieconsent="ignore">
vendor: 321 bytes, lines 321-325
321(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
322new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
323j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
324'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
325})(window,document,'script','dataLayer','
325GTM-WNG3ZF
vendor: 3 bytes, line 325
325');
325</script>
325
326<!-- End Google Tag Manager -->
327
328
329	
329<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="4f0863f1-2366-41a2-95dc-b67685405896" data-culture="fi" data-blockingmode="auto" data-consentmode-defaults="disabled" type="text/javascript"></script>
329
330
331
332
333
334
335<meta property="og:image" content="https://www.grano.fi/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg">
336<meta property="og:image:width" content="600">
337<meta property="og:image:height" content="580">
338<meta property="og:image:alt" content="Vastuullisuuden teemat Granolla">
339<meta name="twitter:image" content="https://www.grano.fi/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg">
340<meta name="twitter:image:alt" content="Vastuullisuuden teemat Granolla">
341
342<meta property="og:url" content="https://www.grano.fi/vastuullisuus">
343<meta name="twitter:card" content="summary_large_image">
344<meta http-equiv="content-language" content="fi">
345<link rel="alternate" hreflang="en" href="https://www.grano.fi/en/responsibility">
346<link rel="alternate" hreflang="fi" href="https://www.grano.fi/vastuullisuus">
347<link rel="alternate" hreflang="sv" href="https://www.grano.fi/sv/ansvarsfullhet">
348
349
350
351
352
353
354    <meta name="generator" content="HubSpot"></head>
355    <body>
356        <div class="body-wrapper   hs-content-id-91843739439 hs-site-page page ">
357            <div class="aa-site-wrapper">
358                
359                    
360                        <div data-global-resource-path="G2022-Theme/templates/partials/header.html">
360<script charset="utf-8" type="text/javascript" data-hs-allowed="true" data-cookieconsent="ignore" src="/_hcms/forms/v2.js"></script>
360
361
362<a href="#main" class="aa-skip-navigation hs-search-hidden">
363  Siirry suoraan sisältöön
364</a>
365
366<header class="aa-site-header hs-search-hidden" aria-label="Sivuston ylätunniste">
367  <div class="aa-site-header__top hidden-lg-down">
368    <div class="aa-navigation-container">
369      <div class="aa-site-header__inner">
370        <nav class="aa-navigation aa-navigation--secondary" aria-label="Toissijainen valikko">
371          <div id="hs_menu_wrapper_secondary_navigation_menu_header_secondary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Secondary menu" data-menu-id="82875752114" aria-label="Navigation Menu">
372 <ul role="menu" class="active-branch">
373  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-mobile">Yhteystiedot</span></a></li>
374  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Vastuullisuus</a>
375   <ul role="menu" class="hs-menu-children-wrapper active-branch">
376    <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.grano.fi/vastuullisuus" role="menuitem">Vastuullisuus Granolla</a></li>
377    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/ymparistovastuu" role="menuitem">Ympäristövastuu</a></li>
378    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/sosiaalinen-vastuu" role="menuitem">Sosiaalinen vastuu</a></li>
379    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/taloudellinen-vastuu" role="menuitem">Taloudellinen vastuu</a></li>
380    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/asiakasvastuu" role="menuitem">Asiakasvastuu</a></li>
381    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/eettinen-ohjeistus" role="menuitem">Eettinen ohjeistus</a></li>
382    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/toimittajien-eettiset-ohjeet" role="menuitem">Toimittajien eettiset ohjeet</a></li>
383    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/kotimaisuus-ja-avainlippu" role="menuitem">Kotimaisuus ja Avainlippu</a></li>
384    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/laatu-ja-turvallisuus" role="menuitem">Laatu ja turvallisuus</a></li>
385    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/tietosuoja-ja-tietoturva" role="menuitem">Tietosuoja ja tietoturva</a></li>
386    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/yk-global-compact" role="menuitem">YK Global Compact</a></li>
387    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/grano-whistleblowing" role="menuitem">Whistleblowing-ilmoituskanava</a></li>
388    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/hiilitiekartta" role="menuitem">Hiilitiekartta</a></li>
389   </ul></li>
390  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/yritys" aria-haspopup="true" aria-expanded="false" role="menuitem">Yritys</a>
391   <ul role="menu" class="hs-menu-children-wrapper">
392    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys" role="menuitem">Grano yrityksenä</a></li>
393    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/rekry" role="menuitem">Grano työnantajana</a></li>
394    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/grano-magazine" role="menuitem">Grano Magazine</a></li>
395    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/asiakastyytyvaisyys" role="menuitem">Asiakastyytyväisyys</a></li>
396    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" role="menuitem">Medialle</a></li>
397    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/painotalo" role="menuitem">Painotalo</a></li>
398    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/tiedote" role="menuitem">Tiedotteet</a></li>
399    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/laskutus" role="menuitem">Laskutustiedot</a></li>
400    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/rekisteriseloste" role="menuitem">Tietosuojaseloste</a></li>
401   </ul></li>
402  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li>
403  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/usein-kysytyt-kysymykset" role="menuitem">UKK</a></li>
404  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/kirjaudu" role="menuitem">Kirjaudu</a></li>
405 </ul>
406</div>
407
408
409
410
411  
412
413  
414
415  
416
417  
418
419  
420
421  
422
423  
424
425  
426
427  
428
429  
430
431  
432
433  
434
435  
436
437  
438
439  
440
441  
442
443  
444
445  
446
447  
448
449  
450
451  
452
453  
454
455  
456
457  
458
459  
460
461  
462
463  
464
465  
466
467  
468
469  
470
471  
472
473  
474
475  
476
477  
478
479  
480
481  
482
483  
484
485  
486
487  
488
489  
490
491  
492
493  
494
495  
496
497  
498
499  
500
501  
502
503  
504
505  
506
507  
508
509  
510
511  
512
513  
514
515  
516
517  
518
519  
520
521  
522
523  
524
525  
526
527  
528
529  
530
531  
532
533  
534
535  
536
537  
538
539  
540
541  
542
543  
544
545  
546
547  
548
549  
550
551  
552
553  
554
555  
556
557  
558
559  
560
561  
562
563  
564
565  
566
567  
568
569  
570
571  
572
573  
574
575  
576
577  
578
579  
580
581  
582
583  
584
585  
586
587  
588
589  
590
591  
592
593  
594
595  
596
597  
598
599  
600
601  
602
603  
604
605  
606
607  
608
609  
610
611  
612
613  
614
615  
616
617  
618
619  
620
621
622
623
624<div class="aa-language">
625   <ul id="aa-language__wrapper-434" role="menu">
626     <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none">
627       <button aria-expanded="false" aria-haspopup="true" aria-controls="aa-language__popup-434" aria-label="Avaa kielivalikko">
628        FI
629      </button>
630      <ul id="aa-language__popup-434" class="hs-menu-children-wrapper" aria-label="Kieli-alivalikko" role="menu">
631         
632         
633           <li class="hs-menu-item hs-menu-depth-2" role="none">
634              <a href="https://www.grano.fi/en/responsibility" role="menuitem">
635                EN
636              </a>
637           </li>
638         
639         
640           <li class="hs-menu-item hs-menu-depth-2" role="none">
641              <a href="https://www.grano.fi/sv/ansvarsfullhet" role="menuitem">
642                SV
643              </a>
644           </li>
645         
646       </ul>
647     </li>
648   </ul>
649</div>
650        </nav>
651      </div>
652    </div>
653  </div>
654  <div class="aa-site-header__inner">
655    <div class="aa-branding">
656      <a href="/" aria-label="Palaa etusivulle">
657        <!--?xml version="1.0" encoding="utf-8"?-->
658        <!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
659        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 238.2 89.4" style="enable-background:new 0 0 238.2 89.4;" xml:space="preserve" alt="Grano logo">
660        <style type="text/css">
661          .st0{fill:#131718;}
662          .st1{fill:none;}
663        </style>
664        <g>
665          <g>
666            <polygon class="st0" points="189.8,9.6 189.8,0.9 142.5,9.6 142.5,0.9 95.3,9.6 95.3,0.9 48.1,9.6 48.1,0.9 0.8,9.6 0.8,18.3 
667              48.1,9.6 48.1,18.3 95.3,9.6 95.3,18.3 142.5,9.6 142.5,18.3 189.8,9.6 189.8,18.3 237,9.6 237,0.9 		" />
668            <polygon class="st0" points="189.8,70.7 142.5,79.4 142.5,70.7 95.3,79.4 95.3,70.7 48.1,79.4 48.1,70.7 0.8,79.4 0.8,88.1 
669              48.1,79.4 48.1,88.1 95.3,79.4 95.3,88.1 142.5,79.4 142.5,88.1 189.8,79.4 189.8,88.1 237,79.4 237,70.7 189.8,79.4 		" />
670            <path class="st0" d="M90.8,34.3v-0.1c0-4.1-1.9-7.6-4.5-9.7c-2.9-2.3-6.9-3.2-12.4-2.2l-19.4,3.6v43.6l9.6-1.8V54l7.5-1.4
671              l9.2,12.1l11.2-2.1L81.3,49.1C87.1,46.2,90.8,41.3,90.8,34.3z M80.8,36.2c0,3.7-3,6.6-7.6,7.4L64,45.3V32.8l9.3-1.7
672              c4.7-0.9,7.5,0.8,7.5,4.9V36.2z" />
673            <path class="st0" d="M127.4,56l2.9,8.2l10.2-1.9l-15.7-4
6730.7L111.8,24L97.3,70.3l10.4-1.9l2.9-9.3L127.4,56z M118.8,31.8l5.8,16
674              l-11.3,2.1L118.8,31.8z" />
675            <polygon class="st0" points="176.7,64.4 184.8,62.8 184.8,19.2 175.2,21 175.2,47.6 156.4,24.5 147.4,26.1 147.4,69.8 157,68 
676              157,40.3 		" />
677            <path class="st0" d="M213.9,67c12.9-2.5,20.4-13.5,20.4-25.8V41c0-12.4-8.7-21.4-21.6-19c-12.9,2.5-20.4,13.8-20.4,26.2v0.1
678              C192.4,60.8,201,69.4,213.9,67z M202.2,47v-0.1c0-7.3,4.6-14.3,10.6-15.7c7.4-1.7,11.7,4,11.7,11.3v0.1
679              c-0.1,6.7-5.1,14.3-10.9,15.4C206.4,59.3,202.2,54.3,202.2,47z" />
680            <path class="st0" d="M25.4,30.6c4.9-0.9,7.8,0.2,11,2.3l5.8-8.3c-4-2.8-9.8-4.3-17.4-2.8c-13.4,2.6-21,13.6-21,26V48
681              c0,12.9,9.2,21.2,22.4,18.7c8.5-1.6,13.8-5.4,17.9-10.3v-18l-18.6,3.4v8.5l9.2-1.7v4.9c-2.1,2.2-5.2,3.9-8.6,4.5
682              c-7.5,1.4-12.6-3.2-12.6-11.2v-0.1C13.5,39.3,18.6,31.9,25.4,30.6z" />
683          </g>
684          <rect x="-43.1" y="-44.4" class="st1" width="325.5" height="177.5" />
685        </g>
686        </svg>    
687      </a>  
688    </div>
689
690    <div class="aa-navigation-container hidden-lg-down">
691      <nav class="aa-navigation aa-navigation--primary" aria-label="Päävalikko">
692        <div id="hs_menu_wrapper_navigation_menu_header_primary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Default" data-menu-id="82875756663" aria-label="Navigation Menu">
693 <ul role="menu">
694  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet" aria-haspopup="true" aria-expanded="false" role="menuitem">Ratkaisut ja tuotteet</a>
695   <ul role="menu" class="hs-menu-children-wrapper">
696    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinoinnin-tuotantopalvelut" role="menuitem">Markkinoinnin tuotantopalvelut</a>
697     <ul role="menu" class="hs-menu-children-wrapper">
698      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/markkinointimateriaalien-suunnittelu-ja-tuotanto" role="menuitem">Markkinointimateriaalien suunnittelu ja tuotanto</a></li>
699     </ul></li>
700    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#kokonaisratkaisut" role="menuitem">Kokonaisratkaisut</a>
701     <ul role="menu" class="hs-menu-children-wrapper">
702      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaupan-ala" role="menuitem">Kaupan alan palvelut</a></li>
703      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/teollisuus" role="menuitem">Teollisuuden palvelut</a></li>
704      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/toimitilat" role="menuitem">Toimitilat</a></li>
705      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/messut-ja-tapahtumat" role="menuitem">Messut ja tapahtumat</a></li>
706      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/rakentaminen-ja-kiinteistonhallinta" role="menuitem">Rakentaminen ja kiinteistönhallinta</a></li>
707      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-teollisuuteen" role="menuitem">Pakkaukset ja etiketit teollisuuteen</a></li>
708      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nakyvyysratkaisut" role="menuitem">Näkyvyysratkaisut</a></li>
709     </ul></li>
710    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinointimateriaalit" role="menuitem">Markkinointimateriaalit</a>
711     <ul role="menu" class="hs-menu-children-wrapper">
712      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/painotuotteet" role="menuitem">Painotuotteet</a></li>
713      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-ja-etiketit" role="menuitem">
713Pakkaukset ja etiketit</a></li>
714      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mainosteippaukset" role="menuitem">Teippaukset ja tarrat</a></li>
715      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/valomainokset" role="menuitem">Valomainokset</a></li>
716      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitaaliset-tuotteet" role="menuitem">Digitaaliset tuotteet</a></li>
717      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaannospalvelut" role="menuitem">Kieli- ja käännöspalvelut</a></li>
718      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nayttoratkaisut" role="menuitem">Näyttöratkaisut</a></li>
719      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suurkuvatulosteet" role="menuitem">Suurkuvatulosteet</a></li>
720     </ul></li>
721    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#brandin-ja-materiaalinhallinta" role="menuitem">Brändin- ja materiaalinhallinta</a>
722     <ul role="menu" class="hs-menu-children-wrapper">
723      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/aineisto-ja-mediapankki-emmi" role="menuitem">EMMi Aineistonhallinta</a></li>
724      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mygrano-tilausjarjestelma" role="menuitem">My Grano -tilauskanava</a></li>
725      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitointi-dokumentinhallinta" role="menuitem">Digitointi</a></li>
726      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/logistiikan-palvelut" role="menuitem">Logistiikan palvelut</a></li>
727     </ul></li>
728    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#digitaalinen-markkinointi-ja-uusasiakashankinta" role="menuitem">Digitaalinen markkinointi ja uusasiakashankinta</a>
729     <ul role="menu" class="hs-menu-children-wrapper">
730      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suoramarkkinointi" role="menuitem">Suoramarkkinointi</a></li>
731      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kohderyhmat" role="menuitem">Kohderyhmät</a></li>
732     </ul></li>
733   </ul></li>
734  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/referenssit" role="menuitem">Referenssit</a></li>
735  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/uutiset-ja-tiedotteet" role="menuitem">Uutiset</a></li>
736  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Tietopankki</a>
737   <ul role="menu" class="hs-menu-children-wrapper">
738    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/artikkelit" role="menuitem">Artikkelit</a></li>
739    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/oppaat" role="menuitem">Oppaat</a></li>
740    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/webinaarit" role="menuitem">Webinaarit</a></li>
741   </ul></li>
742  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous" aria-haspopup="true" aria-expanded="false" role="menuitem">Tilaa tai pyydä tarjous</a>
743   <ul role="menu" class="hs-menu-children-wrapper">
744    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous#kirjaudu-granon-tilausjarjestelmiin" role="menuitem">
744Kirjaudu Granon tilausjärjestelmiin</a></li>
745    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://granoshop.fi" role="menuitem" target="_blank" rel="noopener">Tilaa verkkokaupasta</a></li>
746    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li>
747    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yhteystiedot/myynti" role="menuitem">Myynnin yhteystiedot</a></li>
748   </ul></li>
749  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-desktop">Yhteystiedot</span></a></li>
750 </ul>
751</div>
752
753<template id="nav-contact-information">
754    <div class="nav-contact-info">
755      <p>Täällä ollaan, sinua varten — ota yhteyttä Granon asiakaspalveluun<br><a href="https://www.grano.fi/asiakaspalvelu" rel="noopener" target="_blank">grano.fi/asiakaspalvelu</a> <br><a href="mailto:[email protected]">[email protected] </a><br><a href="tel:029-1800-400" rel="noopener">029 1800 400</a> <br>(arkisin 8.00-16.00) – 0,088 €/min + pvm</p>  
756    </div>
757</template>
758
759<template id="nav-contact-form">
760    <div class="nav-contact-form aa-form-button aa-form-button--1">
761      
762      <div class="nav-contact-form__header">
763      
764        
765          
766            <button class="aa-button aa-button--1" type="button" data-filter="nav-contact-form-container--1">
767              Pyydä tarjous
768            </button>
769          
770        
771          
772            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--2">
773              Tilaa
774            </button>
775          
776        
777          
778            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--3">
779              Tilaa rakennuspiirustuksia
780            </button>
781          
782        
783      
784      </div>
785      
786      <div class="nav-contact-form__body">
787        
788          <div class="nav-contact-form-container nav-contact-form-container--1">
789            
790              <p class="h3">Pyydä tarjous</p>
791            
792            
793            
793<script>
794              hbspt.forms.create({
795                region: "na1",
796                portalId: "524565",
797                formId: "70691719-5b20-4d7c-b823-44e863251d77",
798                
799                  redirectUrl: "",
800                
801                onFormReady: function($form) {
802                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
803                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
804                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
805          
806                  // Custom button to provide better UX for clearing file input fields
807                  if(files) {
808          
809                      files.forEach(el => {
810                          const pageLang = document.querySelector('html').getAttribute('lang');
811
812                          let customFileBtn = document.createElement('input');
813                          customFileBtn.setAttribute('type', 'button');
814                          customFileBtn.setAttribute('class', 'aa-button');
815                          customFileBtn.classList.add('aa-button--5');
816                          if (pageLang == "en") {
817                            customFileBtn.setAttribute('value', 'Choose file');
818                          } else if (pageLang == "sv") {
819                            customFileBtn.setAttribute('value', 'Välj fil');
820                          } else {
821                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
822                          }
823                          customFileBtn.addEventListener('click', addFile);
824                          el.appendChild(customFileBtn);
825
826                          let customFileText = document.createElement('span');
827                          el.appendChild(customFileText);
828
829                          let clearFilesBtn = document.createElement('div');
830                          clearFilesBtn.classList.add('aa-clear-button');
831                          if (pageLang == "en") {
832                            clearFilesBtn.innerHTML = "Remove the file";
833                          } else if (pageLang == "sv") {
834                            clearFilesBtn.innerHTML = "Ta bort filen";
835                          } else {
836                            clearFilesBtn.innerHTML = "Poista tiedosto";
837                          }
838                          clearFilesBtn.addEventListener('click', clearFileInput);
839          
840                          el.appendChild(clearFilesBtn);
841
842                          el.querySelector('input[type="file"]').addEventListener('change', function() {
843                            let fileName = el.querySelector('input[type="file"]').files[0];
844                            el.querySelector('span').innerHTML = fileName.name;
845                          });
846                      });
847
848                      function addFile(event) {
849                          let parent = event.target.parentNode;
850                          let fileInput = parent.querySelector('input[type="file"]');
851
852                          fileInput.click();
853                      }
854          
855                      function clearFileInput(event) {
856                          let parent = event.target.parentNode;
857                          let fileInput = parent.querySelector('input[type="file"]');
858                      
859                          fileInput.value = "";
860
861                          parent.querySelector('span').innerHTML = "";
862                      }
863          
864                  }
865          
866                  selectInputs.forEach(element => {
867                      element.insertAdjacentHTML(
868                          "beforeend",
869                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
870                      );
871                  });
872          
873                  dateInputs.forEach(element => {
874                      element.setAttribute("placeholder", "YY-MM-DD");
875                  });
876                } 
877              });
878            </script>
878
879          </div>
880        
881          <div class="nav-contact-form-container nav-contact-form-container--2 nav-contact-form-container--hidden">
882            
883              <p class="h3">Tilaa lomakkeella</p>
884            
885            
886            
886<script>
887              hbspt.forms.create({
888                region: "na1",
889                portalId: "524565",
890                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
891                
892                  redirectUrl: "",
893                
894                onFormReady: function($form) {
895                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
896                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
897                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
898          
899                  // Custom button to provide better UX for clearing file input fields
900                  if(files) {
901          
902                      files.forEach(el => {
903                          const pageLang = document.querySelector('html').getAttribute('lang');
904
905                          let customFileBtn = document.createElement('input');
906                          customFileBtn.setAttribute('type', 'button');
907                          customFileBtn.setAttribute('class', 'aa-button');
908                          customFileBtn.classList.add('aa-button--5');
909                          if (pageLang == "en") {
910                            customFileBtn.setAttribute('value', 'Choose file');
911                          } else if (pageLang == "sv") {
912                            customFileBtn.setAttribute('value', 'Välj fil');
913                          } else {
914                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
915                          }
916                          customFileBtn.addEventListener('click', addFile);
917                          el.appendChild(customFileBtn);
918
919                          let customFileText = document.createElement('span');
920                          el.appendChild(customFileText);
921
922                          let clearFilesBtn = document.createElement('div');
923                          clearFilesBtn.classList.add('aa-clear-button');
924                          if (pageLang == "en") {
925                            clearFilesBtn.innerHTML = "Remove the file";
926                          } else if (pageLang == "sv") {
927                            clearFilesBtn.innerHTML = "Ta bort filen";
928                          } else {
929                            clearFilesBtn.innerHTML = "Poista tiedosto";
930                          }
931                          clearFilesBtn.addEventListener('click', clearFileInput);
932          
933                          el.appendChild(clearFilesBtn);
934
935                          el.querySelector('input[type="file"]').addEventListener('change', function() {
936                            let fileName = el.querySelector('input[type="file"]').files[0];
937                            el.querySelector('span').innerHTML = fileName.name;
938                          });
939                      });
940
941                      function addFile(event) {
942                          let parent = event.target.parentNode;
943                          let fileInput = parent.querySelector('input[type="file"]');
944
945                          fileInput.click();
946                      }
947          
948                      function clearFileInput(event) {
949                          let parent = event.target.parentNode;
950                          let fileInput = parent.querySelector('input[type="file"]');
951                      
952                          fileInput.value = "";
953
954                          parent.querySelector('span').innerHTML = "";
955                      }
956          
957                  }
958          
959                  selectInputs.forEach(element => {
960                      element.insertAdjacentHTML(
961                          "beforeend",
962                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
963                      );
964                  });
965          
966                  dateInputs.forEach(element => {
967                      element.setAttribute("placeholder", "YY-MM-DD");
968                  });
969                } 
970              });
971            </script>
971
972          </div>
973        
974          <div class="nav-contact-form-container nav-contact-form-container--3 nav-contact-form-container--hidden">
975            
976              <p class="h3">Tilaa rakennuspiirustuksia</p>
977            
978            
979            
979<script>
980              hbspt.forms.create({
981                region: "na1",
982                portalId: "524565",
983                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
984                
985                  redirectUrl: "",
986                
987                onFormReady: function($form) {
988                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
989                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
990                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
991          
992                  // Custom button to provide better UX for clearing file input fields
993                  if(files) {
994          
995                      files.forEach(el => {
996                          const pageLang = document.querySelector('html').getAttribute('lang');
997
998                          let customFileBtn = document.createElement('input');
999                          customFileBtn.setAttribute('type', 'button');
1000                          customFileBtn.setAttribute('class', 'aa-button');
1001                          customFileBtn.classList.add('aa-button--5');
1002                          if (pageLang == "en") {
1003                            customFileBtn.setAttribute('value', 'Choose file');
1004                          } else if (pageLang == "sv") {
1005                            customFileBtn.setAttribute('value', 'Välj fil');
1006                          } else {
1007                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1008                          }
1009                          customFileBtn.addEventListener('click', addFile);
1010                          el.appendChild(customFileBtn);
1011
1012                          let customFileText = document.createElement('span');
1013                          el.appendChild(customFileText);
1014
1015                          let clearFilesBtn = document.createElement('div');
1016                          clearFilesBtn.classList.add('aa-clear-button');
1017                          if (pageLang == "en") {
1018                            clearFilesBtn.innerHTML = "Remove the file";
1019                          } else if (pageLang == "sv") {
1020                            clearFilesBtn.innerHTML = "Ta bort filen";
1021                          } else {
1022                            clearFilesBtn.innerHTML = "Poista tiedosto";
1023                          }
1024                          clearFilesBtn.addEventListener('click', clearFileInput);
1025          
1026                          el.appendChild(clearFilesBtn);
1027
1028                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1029                            let fileName = el.querySelector('input[type="file"]').files[0];
1030                            el.querySelector('span').innerHTML = fileName.name;
1031                          });
1032                      });
1033
1034                      function addFile(event) {
1035                          let parent = event.target.parentNode;
1036                          let fileInput = parent.querySelector('input[type="file"]');
1037
1038                          fileInput.click();
1039                      }
1040          
1041                      function clearFileInput(event) {
1042                          let parent = event.target.parentNode;
1043                          let fileInput = parent.querySelector('input[type="file"]');
1044                      
1045                          fileInput.value = "";
1046
1047                          parent.querySelector('span').innerHTML = "";
1048                      }
1049          
1050                  }
1051          
1052                  selectInputs.forEach(element => {
1053                      element.insertAdjacentHTML(
1054                          "beforeend",
1055                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1056                      );
1057                  });
1058          
1059                  dateInputs.forEach(element => {
1060                      element.setAttribute("placeholder", "YY-MM-DD");
1061                  });
1062                } 
1063              });
1064            </script>
1064
1065          </div>
1066        
1067      </div>
1068    </div>
1069</template>
1070
1071
1072<template id="nav-contact-form-mobile">
1073    <div class="nav-contact-form aa-form-button aa-form-button--1">
1074    
1075      <div class="nav-contact-form__header">
1076      
1077        
1078          
1079            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--1">
1080              Pyydä tarjous
1081            </button>
1082          
1083        
1084          
1085            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--2">
1086              Tilaa
1087            </button>
1088          
1089        
1090          
1091            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--3">
1092              Tilaa rakennuspiirustuksia
1093            </button>
1094          
1095        
1096      
1097      </div>
1098      
1099      <div class="nav-contact-form__body">
1100        
1101          <div class="nav-contact-form-container nav-contact-form-container-mobile--1">
1102            
1103              <p class="h3">Pyydä tarjous</p>
1104            
1105            
1106            
1106<script>
1107              hbspt.forms.create({
1108                region: "na1",
1109                portalId: "524565",
1110                formId: "70691719-5b20-4d7c-b823-44e863251d77",
1111                
1112                  redirectUrl: "",
1113                
1114                onFormReady: function($form) {
1115                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1116                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1117                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1118          
1119                  // Custom button to provide better UX for clearing file input fields
1120                  if(files) {
1121          
1122                      files.forEach(el => {
1123                          const pageLang = document.querySelector('html').getAttribute('lang');
1124
1125                          let customFileBtn = document.createElement('input');
1126                          customFileBtn.setAttribute('type', 'button');
1127                          customFileBtn.setAttribute('class', 'aa-button');
1128                          customFileBtn.classList.add('aa-button--5');
1129                          if (pageLang == "en") {
1130                            customFileBtn.setAttribute('value', 'Choose file');
1131                          } else if (pageLang == "sv") {
1132                            customFileBtn.setAttribute('value', 'Välj fil');
1133                          } else {
1134                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1135                          }
1136                          customFileBtn.addEventListener('click', addFile);
1137                          el.appendChild(customFileBtn);
1138
1139                          let customFileText = document.createElement('span');
1140                          el.appendChild(customFileText);
1141
1142                          let clearFilesBtn = document.createElement('div');
1143                          clearFilesBtn.classList.add('aa-clear-button');
1144                          if (pageLang == "en") {
1145                            clearFilesBtn.innerHTML = "Remove the file";
1146                          } else if (pageLang == "sv") {
1147                            clearFilesBtn.innerHTML = "Ta bort filen";
1148                          } else {
1149                            clearFilesBtn.innerHTML = "Poista tiedosto";
1150                          }
1151                          clearFilesBtn.addEventListener('click', clearFileInput);
1152          
1153                          el.appendChild(clearFilesBtn);
1154
1155                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1156                            let fileName = el.querySelector('input[type="file"]').files[0];
1157                            el.querySelector('span').innerHTML = fileName.name;
1158                          });
1159                      });
1160
1161                      function addFile(event) {
1162                          let parent = event.target.parentNode;
1163                          let fileInput = parent.querySelector('input[type="file"]');
1164
1165                          fileInput.click();
1166                      }
1167          
1168                      function clearFileInput(event) {
1169                          let parent = event.target.parentNode;
1170                          let fileInput = parent.querySelector('input[type="file"]');
1171                      
1172                          fileInput.value = "";
1173
1174                          parent.querySelector('span').innerHTML = "";
1175                      }
1176          
1177                  }
1178          
1179                  selectInputs.forEach(element => {
1180                      element.insertAdjacentHTML(
1181                          "beforeend",
1182                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1183                      );
1184                  });
1185          
1186                  dateInputs.forEach(element => {
1187                      element.setAttribute("placeholder", "YY-MM-DD");
1188                  });
1189                } 
1190              });
1191            </script>
1191
1192          </div>
1193        
1194          <div class="nav-contact-form-container nav-contact-form-container-mobile--2 nav-contact-form-container--hidden">
1195            
1196              <p class="h3">Tilaa lomakkeella</p>
1197            
1198            
1199            
1199<script>
1200              hbspt.forms.create({
1201                region: "na1",
1202                portalId: "524565",
1203                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
1204                
1205                  redirectUrl: "",
1206                
1207                onFormReady: function($form) {
1208                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1209                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1210                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1211          
1212                  // Custom button to provide better UX for clearing file input fields
1213                  if(files) {
1214          
1215                      files.forEach(el => {
1216                          const pageLang = document.querySelector('html').getAttribute('lang');
1217
1218                          let customFileBtn = document.createElement('input');
1219                          customFileBtn.setAttribute('type', 'button');
1220                          customFileBtn.setAttribute('class', 'aa-button');
1221                          customFileBtn.classList.add('aa-button--5');
1222                          if (pageLang == "en") {
1223                            customFileBtn.setAttribute('value', 'Choose file');
1224                          } else if (pageLang == "sv") {
1225                            customFileBtn.setAttribute('value', 'Välj fil');
1226                          } else {
1227                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1228                          }
1229                          customFileBtn.addEventListener('click', addFile);
1230                          el.appendChild(customFileBtn);
1231
1232                          let customFileText = document.createElement('span');
1233                          el.appendChild(customFileText);
1234
1235                          let clearFilesBtn = document.createElement('div');
1236                          clearFilesBtn.classList.add('aa-clear-button');
1237                          if (pageLang == "en") {
1238                            clearFilesBtn.innerHTML = "Remove the file";
1239                          } else if (pageLang == "sv") {
1240                            clearFilesBtn.innerHTML = "Ta bort filen";
1241                          } else {
1242                            clearFilesBtn.innerHTML = "Poista tiedosto";
1243                          }
1244                          clearFilesBtn.addEventListener('click', clearFileInput);
1245          
1246                          el.appendChild(clearFilesBtn);
1247
1248                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1249                            let fileName = el.querySelector('input[type="file"]').files[0];
1250                            el.querySelector('span').innerHTML = fileName.name;
1251                          });
1252                      });
1253
1254                      function addFile(event) {
1255                          let parent = event.target.parentNode;
1256                          let fileInput = parent.querySelector('input[type="file"]');
1257
1258                          fileInput.click();
1259                      }
1260          
1261                      function clearFileInput(event) {
1262                          let parent = event.target.parentNode;
1263                          let fileInput = parent.querySelector('input[type="file"]');
1264                      
1265                          fileInput.value = "";
1266
1267                          parent.querySelector('span').innerHTML = "";
1268                      }
1269          
1270                  }
1271          
1272                  selectInputs.forEach(element => {
1273                      element.insertAdjacentHTML(
1274                          "beforeend",
1275                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1276                      );
1277                  });
1278          
1279                  dateInputs.forEach(element => {
1280                      element.setAttribute("placeholder", "YY-MM-DD");
1281                  });
1282                } 
1283              });
1284            </script>
1284
1285          </div>
1286        
1287          <div class="nav-contact-form-container nav-contact-form-container-mobile--3 nav-contact-form-container--hidden">
1288            
1289              <p class="h3">Tilaa rakennuspiirustuksia</p>
1290            
1291            
1292            
1292<script>
1293              hbspt.forms.create({
1294                region: "na1",
1295                portalId: "524565",
1296                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
1297                
1298                  redirectUrl: "",
1299                
1300                onFormReady: function($form) {
1301                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1302                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1303                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1304          
1305                  // Custom button to provide better UX for clearing file input fields
1306                  if(files) {
1307          
1308                      files.forEach(el => {
1309                          const pageLang = document.querySelector('html').getAttribute('lang');
1310
1311                          let customFileBtn = document.createElement('input');
1312                          customFileBtn.setAttribute('type', 'button');
1313                          customFileBtn.setAttribute('class', 'aa-button');
1314                          customFileBtn.classList.add('aa-button--5');
1315                          if (pageLang == "en") {
1316                            customFileBtn.setAttribute('value', 'Choose file');
1317                          } else if (pageLang == "sv") {
1318                            customFileBtn.setAttribute('value', 'Välj fil');
1319                          } else {
1320                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1321                          }
1322                          customFileBtn.addEventListener('click', addFile);
1323                          el.appendChild(customFileBtn);
1324
1325                          let customFileText = document.createElement('span');
1326                          el.appendChild(customFileText);
1327
1328                          let clearFilesBtn = document.createElement('div');
1329                          clearFilesBtn.classList.add('aa-clear-button');
1330                          if (pageLang == "en") {
1331                            clearFilesBtn.innerHTML = "Remove the file";
1332                          } else if (pageLang == "sv") {
1333                            clearFilesBtn.innerHTML = "Ta bort filen";
1334                          } else {
1335                            clearFilesBtn.innerHTML = "Poista tiedosto";
1336                          }
1337                          clearFilesBtn.addEventListener('click', clearFileInput);
1338          
1339                          el.appendChild(clearFilesBtn);
1340
1341                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1342                            let fileName = el.querySelector('input[type="file"]').files[0];
1343                            el.querySelector('span').innerHTML = fileName.name;
1344                          });
1345                      });
1346
1347                      function addFile(event) {
1348                          let parent = event.target.parentNode;
1349                          let fileInput = parent.querySelector('input[type="file"]');
1350
1351                          fileInput.click();
1352                      }
1353          
1354                      function clearFileInput(event) {
1355                          let parent = event.target.parentNode;
1356                          let fileInput = parent.querySelector('input[type="file"]');
1357                      
1358                          fileInput.value = "";
1359
1360                          parent.querySelector('span').innerHTML = "";
1361                      }
1362          
1363                  }
1364          
1365                  selectInputs.forEach(element => {
1366                      element.insertAdjacentHTML(
1367                          "beforeend",
1368                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1369                      );
1370                  });
1371          
1372                  dateInputs.forEach(element => {
1373                      element.setAttribute("placeholder", "YY-MM-DD");
1374                  });
1375                } 
1376              });
1377            </script>
1377
1378          </div>
1379        
1380      </div>
1381    </div>
1382</template>
1383
1384
1385<template id="all-products-text">
1386    <div class="all-products-text">
1387      Katso kaikki ratkaisut ja tuotteet <a href="https://www.grano.fi/ratkaisut-ja-tuotteet/listaus" rel="noopener">täältä</a>  
1388    </div>
1389</template>
1390      </nav>
1391    </div>
1392
1393    
1394    <button id="open-search-popup" class="search-icon-btn" aria-expanded="false" aria-haspopup="true" aria-controls="nav-search-popup" aria-label="Avaa haku">
1395      <svg width="73" height="73" viewbox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Avaa haku">
1396        <path d="M71.29 66.9668L51.4736 46.9648C55.3516 42.1035 57.6895 35.9434 57.6895 29.2451C57.6895 13.5664 44.9795 0.856445 29.2822 0.856445C13.585 0.856445 0.875 13.585 0.875 29.2637C0.875 44.9424 13.585 57.6523 29.2822 57.6523C36.0732 57.6523 42.2891 55.2773 47.1875 51.3066L66.874 71.1787C67.4678 71.8096 68.2842 72.125 69.082 72.125C69.8428 72.125 70.6035 71.8467 71.1787 71.29C72.4033 70.1211 72.4404 68.1914 71.29 66.9668ZM29.2822 51.5479C23.3262 51.5479 
139617.7227 49.2285 13.5107 45.0166C9.29883 40.8047 6.97949 35.2012 6.97949 29.2637C6.97949 23.3076 9.29883 17.7041 13.5107 13.5107C17.7227 9.29883 23.3262 6.97949 29.2822 6.97949C35.2383 6.97949 40.8418 9.29883 45.0537 13.5107C49.2656 17.7227 51.585 23.3262 51.585 29.2637C51.585 35.2197 49.2656 40.8232 45.0537 45.0166C40.8418 49.2285 35.2383 51.5479 29.2822 51.5479Z" fill=""></path>
1397      </svg>
1398    </button>
1399
1400    <div class="nav-search-popup fi-search">
1401      <div class="gsc-control-cse" style="width: 100%;">
1402        <div class="gsc-input-box">
1403          <span class="h3">Hae sivustolta</span>
1404      
1405          <div id="hs_cos_wrapper_module_17664028976507" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426<div class="hs-search-field">
1427    <div class="hs-search-field__bar hs-search-field__bar--button-inline  ">
1428      <form data-hs-do-not-collect="true" class="hs-search-field__form" action="https://www.grano.fi/search">
1429
1430        <label class="hs-search-field__label show-for-sr" for="module_17664028976507-input">Tämä on hakukenttä, johon on liitetty automaattinen ehdotus.</label>
1431
1432        <input role="combobox" aria-expanded="false" aria-controls="autocomplete-results" aria-label="Tämä on hakukenttä, johon on liitetty automaattinen ehdotus." type="search" class="hs-search-field__input" id="module_17664028976507-input" name="q" autocomplete="off" aria-autocomplete="list" placeholder="Haku">
1433
1434        <input type="hidden" name="limit" value="10">
1435
1436        
1437          <input type="hidden" name="type" value="SITE_PAGE">
1438        
1439        
1440        
1441          <input type="hidden" name="type" value="BLOG_POST">
1442          
1443        
1444        
1445         <input type="hidden" name="lang" value="fi">
1446        
1447        
1448        
1449
1450        <button class="hs-search-field__button " aria-label="Haku">
1451          <span id="hs_cos_wrapper_module_17664028976507_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="search1_layer"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" /></g></svg></span>
1452           </button>
1453        <div class="hs-search-field__suggestions-container ">
1454          <ul id="autocomplete-results" role="listbox" aria-label="term" class="hs-search-field__suggestions">
1455            
1456              <li role="option" tabindex="-1" aria-posinset="1" aria-setsize="0" class="results-for show-for-sr">Ehdotuksia ei ole, koska hakukenttä on tyhjä.</li>
1457            
1458          </ul>
1459        </div>
1460      </form>
1461    </div>
1462    <div id="sr-messenger" class="hs-search-sr-message-container show-for-sr" role="status" aria-live="polite" aria-atomic="true">
1463    </div>
1464</div>
1465
1466</div>
1467           
1468        </div>
1469      
1470        <p>
1471           
1472        </p>
1473        
1474        <button class="close-search-popup" aria-expanded="false" aria-haspopup="true" aria-controls="nav-search-popup" aria-label="Sulje haku">
1475          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" /></svg>
1476        </button>
1477      </div>
1478    </div>
1479
1480    <button class="aa-site-header__hamburger js-hamburger-toggle hidden-xl-up" aria-expanded="false" aria-haspopup="true" aria-controls="aa-navigation--mobile" aria-label="Avaa valikko">
1481      <span class="screen-reader-text">Avaa mobiilinavigaatio</span>
1482      <div class="aa-hamburger">
1483        <span></span>
1484      </div>
1485    </button>
1486
1487  </div>
1488</header>
1489
1490<nav class="aa-navigation aa-navigation--mobile hidden-xl-up hs-search-hidden" aria-label="Päävalikko">
1491	<div id="hs_menu_wrapper_navigation_menu_header_primary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Default" data-menu-id="82875756663" aria-label="Navigation Menu">
1492 <ul role="menu">
1493  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet" aria-haspopup="true" aria-expanded="false" role="menuitem">Ratkaisut ja tuotteet</a>
1494   <ul role="menu" class="hs-menu-children-wrapper">
1495    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinoinnin-tuotantopalvelut" role="menuitem">Markkinoinnin tuotantopalvelut</a>
1496     <ul role="menu" class="hs-menu-children-wrapper">
1497      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/markkinointimateriaalien-suunnittelu-ja-tuotanto" role="menuitem">Markkinointimateriaalien suunnittelu ja tuotanto</a></li>
1498     </ul></li>
1499    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#kokonaisratkaisut" role="menuitem">Kokonaisratkaisut</a>
1500     <ul role="menu" class="hs-menu-children-wrapper">
1501      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaupan-ala" role="menuitem">Kaupan alan palvelut</a></li>
1502      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/teollisuus" role="menuitem">Teollisuuden palvelut</a></li>
1503      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/toimitilat" role="menuitem">Toimitilat</a></li>
1504      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/messut-ja-tapahtumat" role="menuitem">Messut ja tapahtumat</a></li>
1505      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/rakentaminen-ja-kiinteistonhallinta" role="menuitem">Rakentaminen ja kiinteistönhallinta</a></li>
1506      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-teollisuuteen" role="menuitem">Pakkaukset ja etiketit teollisuuteen</a></li>
1507      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nakyvyysratkaisut" role="menuitem">Näkyvyysratkaisut</a></li>
1508     </ul></li>
1509    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#markkinointimateriaalit" role="menuitem">Markkinointimateriaalit</a>
1510     <ul role="menu" class="hs-menu-children-wrapper">
1511      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/painotuotteet" role="menuitem">Painotuotteet</a></li>
1512      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/pakkaukset-ja-etiketit" role="menuitem">Pakkaukset ja etiketit</a></li>
1513      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mainosteippaukset" role="menuitem">Teippaukset ja tarrat</a></li>
1514      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/valomainokset" role="menuitem">Valomainokset</a></li>
1515      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitaaliset-tuotteet" role="menuitem">Digitaaliset tuotteet</a></li>
1516      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kaannospalvelut" role="menuitem">Kieli- ja käännöspalvelut</a></li>
1517      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/nayttoratkaisut" role="menuitem">Näyttöratkaisut</a></li>
1518      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suurkuvatulosteet" role="menuitem">Suurkuvatulosteet</a></li>
1519     </ul></li>
1520    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#brandin-ja-materiaalinhallinta" role="menuitem">Brändin- ja materiaalinhallinta</a>
1521     <ul role="menu" class="hs-menu-children-wrapper">
1522      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/aineisto-ja-mediapankki-emmi" role="menuitem">EMMi Aineistonhallinta</a></li>
1523      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/mygrano-tilausjarjestelma" role="menuitem">My Grano -tilauskanava</a></li>
1524      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/digitointi-dokumentinhallinta" role="menuitem">Digitointi</a></li>
1525      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/logistiikan-palvelut" role="menuitem">Logistiikan palvelut</a></li>
1526     </ul></li>
1527    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet#digitaalinen-markkinointi-ja-uusasiakashankinta" role="menuitem">Digitaalinen markkinointi ja uusasiakashankinta</a>
1528     <ul role="menu" class="hs-menu-children-wrapper">
1529      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/suoramarkkinointi" role="menuitem">Suoramarkkinointi</a></li>
1530      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.grano.fi/ratkaisut-ja-tuotteet/kohderyhmat" role="menuitem">Kohderyhmät</a></li>
1531     </ul></li>
1532   </ul></li>
1533  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/referenssit" role="menuitem">Referenssit</a></li>
1534  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/uutiset-ja-tiedotteet" role="menuitem">Uutiset</a></li>
1535  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Tietopankki</a>
1536   <ul role="menu" class="hs-menu-children-wrapper">
1537    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/artikkelit" role="menuitem">Artikkelit</a></li>
1538    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/oppaat" role="menuitem">Oppaat</a></li>
1539    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/webinaarit" role="menuitem">Webinaarit</a></li>
1540   </ul></li>
1541  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous" aria-haspopup="true" aria-expanded="false" role="menuitem">Tilaa tai pyydä tarjous</a>
1542   <ul role="menu" class="hs-menu-children-wrapper">
1543    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/tilaa-tai-pyyda-tarjous#kirjaudu-granon-tilausjarjestelmiin" role="menuitem">
1543Kirjaudu Granon tilausjärjestelmiin</a></li>
1544    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://granoshop.fi" role="menuitem" target="_blank" rel="noopener">Tilaa verkkokaupasta</a></li>
1545    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li>
1546    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yhteystiedot/myynti" role="menuitem">Myynnin yhteystiedot</a></li>
1547   </ul></li>
1548  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-desktop">Yhteystiedot</span></a></li>
1549 </ul>
1550</div>
1551
1552<template id="nav-contact-information">
1553    <div class="nav-contact-info">
1554      <p>Täällä ollaan, sinua varten — ota yhteyttä Granon asiakaspalveluun<br><a href="https://www.grano.fi/asiakaspalvelu" rel="noopener" target="_blank">grano.fi/asiakaspalvelu</a> <br><a href="mailto:[email protected]">[email protected] </a><br><a href="tel:029-1800-400" rel="noopener">029 1800 400</a> <br>(arkisin 8.00-16.00) – 0,088 €/min + pvm</p>  
1555    </div>
1556</template>
1557
1558<template id="nav-contact-form">
1559    <div class="nav-contact-form aa-form-button aa-form-button--1">
1560      
1561      <div class="nav-contact-form__header">
1562      
1563        
1564          
1565            <button class="aa-button aa-button--1" type="button" data-filter="nav-contact-form-container--1">
1566              Pyydä tarjous
1567            </button>
1568          
1569        
1570          
1571            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--2">
1572              Tilaa
1573            </button>
1574          
1575        
1576          
1577            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--3">
1578              Tilaa rakennuspiirustuksia
1579            </button>
1580          
1581        
1582      
1583      </div>
1584      
1585      <div class="nav-contact-form__body">
1586        
1587          <div class="nav-contact-form-container nav-contact-form-container--1">
1588            
1589              <p class="h3">Pyydä tarjous</p>
1590            
1591            
1592            
1592<script>
1593              hbspt.forms.create({
1594                region: "na1",
1595                portalId: "524565",
1596                formId: "70691719-5b20-4d7c-b823-44e863251d77",
1597                
1598                  redirectUrl: "",
1599                
1600                onFormReady: function($form) {
1601                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1602                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1603                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1604          
1605                  // Custom button to provide better UX for clearing file input fields
1606                  if(files) {
1607          
1608                      files.forEach(el => {
1609                          const pageLang = document.querySelector('html').getAttribute('lang');
1610
1611                          let customFileBtn = document.createElement('input');
1612                          customFileBtn.setAttribute('type', 'button');
1613                          customFileBtn.setAttribute('class', 'aa-button');
1614                          customFileBtn.classList.add('aa-button--5');
1615                          if (pageLang == "en") {
1616                            customFileBtn.setAttribute('value', 'Choose file');
1617                          } else if (pageLang == "sv") {
1618                            customFileBtn.setAttribute('value', 'Välj fil');
1619                          } else {
1620                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1621                          }
1622                          customFileBtn.addEventListener('click', addFile);
1623                          el.appendChild(customFileBtn);
1624
1625                          let customFileText = document.createElement('span');
1626                          el.appendChild(customFileText);
1627
1628                          let clearFilesBtn = document.createElement('div');
1629                          clearFilesBtn.classList.add('aa-clear-button');
1630                          if (pageLang == "en") {
1631                            clearFilesBtn.innerHTML = "Remove the file";
1632                          } else if (pageLang == "sv") {
1633                            clearFilesBtn.innerHTML = "Ta bort filen";
1634                          } else {
1635                            clearFilesBtn.innerHTML = "Poista tiedosto";
1636                          }
1637                          clearFilesBtn.addEventListener('click', clearFileInput);
1638          
1639                          el.appendChild(clearFilesBtn);
1640
1641                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1642                            let fileName = el.querySelector('input[type="file"]').files[0];
1643                            el.querySelector('span').innerHTML = fileName.name;
1644                          });
1645                      });
1646
1647                      function addFile(event) {
1648                          let parent = event.target.parentNode;
1649                          let fileInput = parent.querySelector('input[type="file"]');
1650
1651                          fileInput.click();
1652                      }
1653          
1654                      function clearFileInput(event) {
1655                          let parent = event.target.parentNode;
1656                          let fileInput = parent.querySelector('input[type="file"]');
1657                      
1658                          fileInput.value = "";
1659
1660                          parent.querySelector('span').innerHTML = "";
1661                      }
1662          
1663                  }
1664          
1665                  selectInputs.forEach(element => {
1666                      element.insertAdjacentHTML(
1667                          "beforeend",
1668                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1669                      );
1670                  });
1671          
1672                  dateInputs.forEach(element => {
1673                      element.setAttribute("placeholder", "YY-MM-DD");
1674                  });
1675                } 
1676              });
1677            </script>
1677
1678          </div>
1679        
1680          <div class="nav-contact-form-container nav-contact-form-container--2 nav-contact-form-container--hidden">
1681            
1682              <p class="h3">Tilaa lomakkeella</p>
1683            
1684            
1685            
1685<script>
1686              hbspt.forms.create({
1687                region: "na1",
1688                portalId: "524565",
1689                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
1690                
1691                  redirectUrl: "",
1692                
1693                onFormReady: function($form) {
1694                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1695                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1696                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1697          
1698                  // Custom button to provide better UX for clearing file input fields
1699                  if(files) {
1700          
1701                      files.forEach(el => {
1702                          const pageLang = document.querySelector('html').getAttribute('lang');
1703
1704                          let customFileBtn = document.createElement('input');
1705                          customFileBtn.setAttribute('type', 'button');
1706                          customFileBtn.setAttribute('class', 'aa-button');
1707                          customFileBtn.classList.add('aa-button--5');
1708                          if (pageLang == "en") {
1709                            customFileBtn.setAttribute('value', 'Choose file');
1710                          } else if (pageLang == "sv") {
1711                            customFileBtn.setAttribute('value', 'Välj fil');
1712                          } else {
1713                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1714                          }
1715                          customFileBtn.addEventListener('click', addFile);
1716                          el.appendChild(customFileBtn);
1717
1718                          let customFileText = document.createElement('span');
1719                          el.appendChild(customFileText);
1720
1721                          let clearFilesBtn = document.createElement('div');
1722                          clearFilesBtn.classList.add('aa-clear-button');
1723                          if (pageLang == "en") {
1724                            clearFilesBtn.innerHTML = "Remove the file";
1725                          } else if (pageLang == "sv") {
1726                            clearFilesBtn.innerHTML = "Ta bort filen";
1727                          } else {
1728                            clearFilesBtn.innerHTML = "Poista tiedosto";
1729                          }
1730                          clearFilesBtn.addEventListener('click', clearFileInput);
1731          
1732                          el.appendChild(clearFilesBtn);
1733
1734                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1735                            let fileName = el.querySelector('input[type="file"]').files[0];
1736                            el.querySelector('span').innerHTML = fileName.name;
1737                          });
1738                      });
1739
1740                      function addFile(event) {
1741                          let parent = event.target.parentNode;
1742                          let fileInput = parent.querySelector('input[type="file"]');
1743
1744                          fileInput.click();
1745                      }
1746          
1747                      function clearFileInput(event) {
1748                          let parent = event.target.parentNode;
1749                          let fileInput = parent.querySelector('input[type="file"]');
1750                      
1751                          fileInput.value = "";
1752
1753                          parent.querySelector('span').innerHTML = "";
1754                      }
1755          
1756                  }
1757          
1758                  selectInputs.forEach(element => {
1759                      element.insertAdjacentHTML(
1760                          "beforeend",
1761                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1762                      );
1763                  });
1764          
1765                  dateInputs.forEach(element => {
1766                      element.setAttribute("placeholder", "YY-MM-DD");
1767                  });
1768                } 
1769              });
1770            </script>
1770
1771          </div>
1772        
1773          <div class="nav-contact-form-container nav-contact-form-container--3 nav-contact-form-container--hidden">
1774            
1775              <p class="h3">Tilaa rakennuspiirustuksia</p>
1776            
1777            
1778            
1778<script>
1779              hbspt.forms.create({
1780                region: "na1",
1781                portalId: "524565",
1782                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
1783                
1784                  redirectUrl: "",
1785                
1786                onFormReady: function($form) {
1787                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1788                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1789                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1790          
1791                  // Custom button to provide better UX for clearing file input fields
1792                  if(files) {
1793          
1794                      files.forEach(el => {
1795                          const pageLang = document.querySelector('html').getAttribute('lang');
1796
1797                          let customFileBtn = document.createElement('input');
1798                          customFileBtn.setAttribute('type', 'button');
1799                          customFileBtn.setAttribute('class', 'aa-button');
1800                          customFileBtn.classList.add('aa-button--5');
1801                          if (pageLang == "en") {
1802                            customFileBtn.setAttribute('value', 'Choose file');
1803                          } else if (pageLang == "sv") {
1804                            customFileBtn.setAttribute('value', 'Välj fil');
1805                          } else {
1806                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1807                          }
1808                          customFileBtn.addEventListener('click', addFile);
1809                          el.appendChild(customFileBtn);
1810
1811                          let customFileText = document.createElement('span');
1812                          el.appendChild(customFileText);
1813
1814                          let clearFilesBtn = document.createElement('div');
1815                          clearFilesBtn.classList.add('aa-clear-button');
1816                          if (pageLang == "en") {
1817                            clearFilesBtn.innerHTML = "Remove the file";
1818                          } else if (pageLang == "sv") {
1819                            clearFilesBtn.innerHTML = "Ta bort filen";
1820                          } else {
1821                            clearFilesBtn.innerHTML = "Poista tiedosto";
1822                          }
1823                          clearFilesBtn.addEventListener('click', clearFileInput);
1824          
1825                          el.appendChild(clearFilesBtn);
1826
1827                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1828                            let fileName = el.querySelector('input[type="file"]').files[0];
1829                            el.querySelector('span').innerHTML = fileName.name;
1830                          });
1831                      });
1832
1833                      function addFile(event) {
1834                          let parent = event.target.parentNode;
1835                          let fileInput = parent.querySelector('input[type="file"]');
1836
1837                          fileInput.click();
1838                      }
1839          
1840                      function clearFileInput(event) {
1841                          let parent = event.target.parentNode;
1842                          let fileInput = parent.querySelector('input[type="file"]');
1843                      
1844                          fileInput.value = "";
1845
1846                          parent.querySelector('span').innerHTML = "";
1847                      }
1848          
1849                  }
1850          
1851                  selectInputs.forEach(element => {
1852                      element.insertAdjacentHTML(
1853                          "beforeend",
1854                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1855                      );
1856                  });
1857          
1858                  dateInputs.forEach(element => {
1859                      element.setAttribute("placeholder", "YY-MM-DD");
1860                  });
1861                } 
1862              });
1863            </script>
1863
1864          </div>
1865        
1866      </div>
1867    </div>
1868</template>
1869
1870
1871<template id="nav-contact-form-mobile">
1872    <div class="nav-contact-form aa-form-button aa-form-button--1">
1873    
1874      <div class="nav-contact-form__header">
1875      
1876        
1877          
1878            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--1">
1879              Pyydä tarjous
1880            </button>
1881          
1882        
1883          
1884            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--2">
1885              Tilaa
1886            </button>
1887          
1888        
1889          
1890            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--3">
1891              Tilaa rakennuspiirustuksia
1892            </button>
1893          
1894        
1895      
1896      </div>
1897      
1898      <div class="nav-contact-form__body">
1899        
1900          <div class="nav-contact-form-container nav-contact-form-container-mobile--1">
1901            
1902              <p class="h3">Pyydä tarjous</p>
1903            
1904            
1905            
1905<script>
1906              hbspt.forms.create({
1907                region: "na1",
1908                portalId: "524565",
1909                formId: "70691719-5b20-4d7c-b823-44e863251d77",
1910                
1911                  redirectUrl: "",
1912                
1913                onFormReady: function($form) {
1914                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1915                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1916                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1917          
1918                  // Custom button to provide better UX for clearing file input fields
1919                  if(files) {
1920          
1921                      files.forEach(el => {
1922                          const pageLang = document.querySelector('html').getAttribute('lang');
1923
1924                          let customFileBtn = document.createElement('input');
1925                          customFileBtn.setAttribute('type', 'button');
1926                          customFileBtn.setAttribute('class', 'aa-button');
1927                          customFileBtn.classList.add('aa-button--5');
1928                          if (pageLang == "en") {
1929                            customFileBtn.setAttribute('value', 'Choose file');
1930                          } else if (pageLang == "sv") {
1931                            customFileBtn.setAttribute('value', 'Välj fil');
1932                          } else {
1933                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1934                          }
1935                          customFileBtn.addEventListener('click', addFile);
1936                          el.appendChild(customFileBtn);
1937
1938                          let customFileText = document.createElement('span');
1939                          el.appendChild(customFileText);
1940
1941                          let clearFilesBtn = document.createElement('div');
1942                          clearFilesBtn.classList.add('aa-clear-button');
1943                          if (pageLang == "en") {
1944                            clearFilesBtn.innerHTML = "Remove the file";
1945                          } else if (pageLang == "sv") {
1946                            clearFilesBtn.innerHTML = "Ta bort filen";
1947                          } else {
1948                            clearFilesBtn.innerHTML = "Poista tiedosto";
1949                          }
1950                          clearFilesBtn.addEventListener('click', clearFileInput);
1951          
1952                          el.appendChild(clearFilesBtn);
1953
1954                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1955                            let fileName = el.querySelector('input[type="file"]').files[0];
1956                            el.querySelector('span').innerHTML = fileName.name;
1957                          });
1958                      });
1959
1960                      function addFile(event) {
1961                          let parent = event.target.parentNode;
1962                          let fileInput = parent.querySelector('input[type="file"]');
1963
1964                          fileInput.click();
1965                      }
1966          
1967                      function clearFileInput(event) {
1968                          let parent = event.target.parentNode;
1969                          let fileInput = parent.querySelector('input[type="file"]');
1970                      
1971                          fileInput.value = "";
1972
1973                          parent.querySelector('span').innerHTML = "";
1974                      }
1975          
1976                  }
1977          
1978                  selectInputs.forEach(element => {
1979                      element.insertAdjacentHTML(
1980                          "beforeend",
1981                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
1982                      );
1983                  });
1984          
1985                  dateInputs.forEach(element => {
1986                      element.setAttribute("placeholder", "YY-MM-DD");
1987                  });
1988                } 
1989              });
1990            </script>
1990
1991          </div>
1992        
1993          <div class="nav-contact-form-container nav-contact-form-container-mobile--2 nav-contact-form-container--hidden">
1994            
1995              <p class="h3">Tilaa lomakkeella</p>
1996            
1997            
1998            
1998<script>
1999              hbspt.forms.create({
2000                region: "na1",
2001                portalId: "524565",
2002                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
2003                
2004                  redirectUrl: "",
2005                
2006                onFormReady: function($form) {
2007                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
2008                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
2009                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
2010          
2011                  // Custom button to provide better UX for clearing file input fields
2012                  if(files) {
2013          
2014                      files.forEach(el => {
2015                          const pageLang = document.querySelector('html').getAttribute('lang');
2016
2017                          let customFileBtn = document.createElement('input');
2018                          customFileBtn.setAttribute('type', 'button');
2019                          customFileBtn.setAttribute('class', 'aa-button');
2020                          customFileBtn.classList.add('aa-button--5');
2021                          if (pageLang == "en") {
2022                            customFileBtn.setAttribute('value', 'Choose file');
2023                          } else if (pageLang == "sv") {
2024                            customFileBtn.setAttribute('value', 'Välj fil');
2025                          } else {
2026                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
2027                          }
2028                          customFileBtn.addEventListener('click', addFile);
2029                          el.appendChild(customFileBtn);
2030
2031                          let customFileText = document.createElement('span');
2032                          el.appendChild(customFileText);
2033
2034                          let clearFilesBtn = document.createElement('div');
2035                          clearFilesBtn.classList.add('aa-clear-button');
2036                          if (pageLang == "en") {
2037                            clearFilesBtn.innerHTML = "Remove the file";
2038                          } else if (pageLang == "sv") {
2039                            clearFilesBtn.innerHTML = "Ta bort filen";
2040                          } else {
2041                            clearFilesBtn.innerHTML = "Poista tiedosto";
2042                          }
2043                          clearFilesBtn.addEventListener('click', clearFileInput);
2044          
2045                          el.appendChild(clearFilesBtn);
2046
2047                          el.querySelector('input[type="file"]').addEventListener('change', function() {
2048                            let fileName = el.querySelector('input[type="file"]').files[0];
2049                            el.querySelector('span').innerHTML = fileName.name;
2050                          });
2051                      });
2052
2053                      function addFile(event) {
2054                          let parent = event.target.parentNode;
2055                          let fileInput = parent.querySelector('input[type="file"]');
2056
2057                          fileInput.click();
2058                      }
2059          
2060                      function clearFileInput(event) {
2061                          let parent = event.target.parentNode;
2062                          let fileInput = parent.querySelector('input[type="file"]');
2063                      
2064                          fileInput.value = "";
2065
2066                          parent.querySelector('span').innerHTML = "";
2067                      }
2068          
2069                  }
2070          
2071                  selectInputs.forEach(element => {
2072                      element.insertAdjacentHTML(
2073                          "beforeend",
2074                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
2075                      );
2076                  });
2077          
2078                  dateInputs.forEach(element => {
2079                      element.setAttribute("placeholder", "YY-MM-DD");
2080                  });
2081                } 
2082              });
2083            </script>
2083
2084          </div>
2085        
2086          <div class="nav-contact-form-container nav-contact-form-container-mobile--3 nav-contact-form-container--hidden">
2087            
2088              <p class="h3">Tilaa rakennuspiirustuksia</p>
2089            
2090            
2091            
2091<script>
2092              hbspt.forms.create({
2093                region: "na1",
2094                portalId: "524565",
2095                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
2096                
2097                  redirectUrl: "",
2098                
2099                onFormReady: function($form) {
2100                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
2101                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
2102                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
2103          
2104                  // Custom button to provide better UX for clearing file input fields
2105                  if(files) {
2106          
2107                      files.forEach(el => {
2108                          const pageLang = document.querySelector('html').getAttribute('lang');
2109
2110                          let customFileBtn = document.createElement('input');
2111                          customFileBtn.setAttribute('type', 'button');
2112                          customFileBtn.setAttribute('class', 'aa-button');
2113                          customFileBtn.classList.add('aa-button--5');
2114                          if (pageLang == "en") {
2115                            customFileBtn.setAttribute('value', 'Choose file');
2116                          } else if (pageLang == "sv") {
2117                            customFileBtn.setAttribute('value', 'Välj fil');
2118                          } else {
2119                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
2120                          }
2121                          customFileBtn.addEventListener('click', addFile);
2122                          el.appendChild(customFileBtn);
2123
2124                          let customFileText = document.createElement('span');
2125                          el.appendChild(customFileText);
2126
2127                          let clearFilesBtn = document.createElement('div');
2128                          clearFilesBtn.classList.add('aa-clear-button');
2129                          if (pageLang == "en") {
2130                            clearFilesBtn.innerHTML = "Remove the file";
2131                          } else if (pageLang == "sv") {
2132                            clearFilesBtn.innerHTML = "Ta bort filen";
2133                          } else {
2134                            clearFilesBtn.innerHTML = "Poista tiedosto";
2135                          }
2136                          clearFilesBtn.addEventListener('click', clearFileInput);
2137          
2138                          el.appendChild(clearFilesBtn);
2139
2140                          el.querySelector('input[type="file"]').addEventListener('change', function() {
2141                            let fileName = el.querySelector('input[type="file"]').files[0];
2142                            el.querySelector('span').innerHTML = fileName.name;
2143                          });
2144                      });
2145
2146                      function addFile(event) {
2147                          let parent = event.target.parentNode;
2148                          let fileInput = parent.querySelector('input[type="file"]');
2149
2150                          fileInput.click();
2151                      }
2152          
2153                      function clearFileInput(event) {
2154                          let parent = event.target.parentNode;
2155                          let fileInput = parent.querySelector('input[type="file"]');
2156                      
2157                          fileInput.value = "";
2158
2159                          parent.querySelector('span').innerHTML = "";
2160                      }
2161          
2162                  }
2163          
2164                  selectInputs.forEach(element => {
2165                      element.insertAdjacentHTML(
2166                          "beforeend",
2167                          '<svg width="16" height="10" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg"><path d="M2.28571 0L8 5.71429L13.7143 0L16 1.14286L8 9.14286L0 1.14286L2.28571 0Z"/></svg>'
2168                      );
2169                  });
2170          
2171                  dateInputs.forEach(element => {
2172                      element.setAttribute("placeholder", "YY-MM-DD");
2173                  });
2174                } 
2175              });
2176            </script>
2176
2177          </div>
2178        
2179      </div>
2180    </div>
2181</template>
2182
2183
2184<template id="all-products-text">
2185    <div class="all-products-text">
2186      Katso kaikki ratkaisut ja tuotteet <a href="https://www.grano.fi/ratkaisut-ja-tuotteet/listaus" rel="noopener">täältä</a>  
2187    </div>
2188</template>
2189  <div id="hs_menu_wrapper_secondary_navigation_menu_header_secondary" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="Secondary menu" data-menu-id="82875752114" aria-label="Navigation Menu">
2190 <ul role="menu" class="active-branch">
2191  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-mobile">Yhteystiedot</span></a></li>
2192  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Vastuullisuus</a>
2193   <ul role="menu" class="hs-menu-children-wrapper active-branch">
2194    <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.grano.fi/vastuullisuus" role="menuitem">Vastuullisuus Granolla</a></li>
2195    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/ymparistovastuu" role="menuitem">Ympäristövastuu</a></li>
2196    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/sosiaalinen-vastuu" role="menuitem">Sosiaalinen vastuu</a></li>
2197    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/taloudellinen-vastuu" role="menuitem">Taloudellinen vastuu</a></li>
2198    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/asiakasvastuu" role="menuitem">Asiakasvastuu</a></li>
2199    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/eettinen-ohjeistus" role="menuitem">Eettinen ohjeistus</a></li>
2200    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/toimittajien-eettiset-ohjeet" role="menuitem">Toimittajien eettiset ohjeet</a></li>
2201    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/kotimaisuus-ja-avainlippu" role="menuitem">Kotimaisuus ja Avainlippu</a></li>
2202    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/laatu-ja-turvallisuus" role="menuitem">Laatu ja turvallisuus</a></li>
2203    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/tietosuoja-ja-tietoturva" role="menuitem">Tietosuoja ja tietoturva</a></li>
2204    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/yk-global-compact" role="menuitem">YK Global Compact</a></li>
2205    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/grano-whistleblowing" role="menuitem">Whistleblowing-ilmoituskanava</a></li>
2206    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/hiilitiekartta" role="menuitem">Hiilitiekartta</a></li>
2207   </ul></li>
2208  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://www.grano.fi/yritys" aria-haspopup="true" aria-expanded="false" role="menuitem">Yritys</a>
2209   <ul role="menu" class="hs-menu-children-wrapper">
2210    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys" role="menuitem">Grano yrityksenä</a></li>
2211    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/rekry" role="menuitem">Grano työnantajana</a></li>
2212    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/grano-magazine" role="menuitem">Grano Magazine</a></li>
2213    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/asiakastyytyvaisyys" role="menuitem">Asiakastyytyväisyys</a></li>
2214    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" role="menuitem">Medialle</a></li>
2215    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/painotalo" role="menuitem">Painotalo</a></li>
2216    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/ajankohtaista/topic/tiedote" role="menuitem">Tiedotteet</a></li>
2217    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/laskutus" role="menuitem">Laskutustiedot</a></li>
2218    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/rekisteriseloste" role="menuitem">Tietosuojaseloste</a></li>
2219   </ul></li>
2220  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/aineisto-ohjeet" role="menuitem">Aineisto-ohjeet</a></li>
2221  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/usein-kysytyt-kysymykset" role="menuitem">UKK</a></li>
2222  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/kirjaudu" role="menuitem">Kirjaudu</a></li>
2223 </ul>
2224</div>
2225
2226
2227
2228
2229  
2230
2231  
2232
2233  
2234
2235  
2236
2237  
2238
2239  
2240
2241  
2242
2243  
2244
2245  
2246
2247  
2248
2249  
2250
2251  
2252
2253  
2254
2255  
2256
2257  
2258
2259  
2260
2261  
2262
2263  
2264
2265  
2266
2267  
2268
2269  
2270
2271  
2272
2273  
2274
2275  
2276
2277  
2278
2279  
2280
2281  
2282
2283  
2284
2285  
2286
2287  
2288
2289  
2290
2291  
2292
2293  
2294
2295  
2296
2297  
2298
2299  
2300
2301  
2302
2303  
2304
2305  
2306
2307  
2308
2309  
2310
2311  
2312
2313  
2314
2315  
2316
2317  
2318
2319  
2320
2321  
2322
2323  
2324
2325  
2326
2327  
2328
2329  
2330
2331  
2332
2333  
2334
2335  
2336
2337  
2338
2339  
2340
2341  
2342
2343  
2344
2345  
2346
2347  
2348
2349  
2350
2351  
2352
2353  
2354
2355  
2356
2357  
2358
2359  
2360
2361  
2362
2363  
2364
2365  
2366
2367  
2368
2369  
2370
2371  
2372
2373  
2374
2375  
2376
2377  
2378
2379  
2380
2381  
2382
2383  
2384
2385  
2386
2387  
2388
2389  
2390
2391  
2392
2393  
2394
2395  
2396
2397  
2398
2399  
2400
2401  
2402
2403  
2404
2405  
2406
2407  
2408
2409  
2410
2411  
2412
2413  
2414
2415  
2416
2417  
2418
2419  
2420
2421  
2422
2423  
2424
2425  
2426
2427  
2428
2429  
2430
2431  
2432
2433  
2434
2435  
2436
2437  
2438
2439
2440
2441
2442<div class="aa-language">
2443   <ul id="aa-language__wrapper-75" role="menu">
2444     <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none">
2445       <button aria-expanded="false" aria-haspopup="true" aria-controls="aa-language__popup-75" aria-label="Avaa kielivalikko">
2446        FI
2447      </button>
2448      <ul id="aa-language__popup-75" class="hs-menu-children-wrapper" aria-label="Kieli-alivalikko" role="menu">
2449         
2450         
2451           <li class="hs-menu-item hs-menu-depth-2" role="none">
2452              <a href="https://www.grano.fi/en/responsibility" role="menuitem">
2453                EN
2454              </a>
2455           </li>
2456         
2457         
2458           <li class="hs-menu-item hs-menu-depth-2" role="none">
2459              <a href="https://www.grano.fi/sv/ansvarsfullhet" role="menuitem">
2460                SV
2461              </a>
2462           </li>
2463         
2464       </ul>
2465     </li>
2466   </ul>
2467</div>
2468  <button class="aa-close-mobile-nav"></button>
2469</nav>
2470
2471<template id="main-menu-grahoshop-link">
2472  
2473    <div class="hidden-lg-down hs-search-hidden">
2474      <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-fcfb4391-a911-4b72-ad10-a0a703ccff9e"><span class="hs-cta-node hs-cta-fcfb4391-a911-4b72-ad10-a0a703ccff9e" id="hs-cta-fcfb4391-a911-4b72-ad10-a0a703ccff9e"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/524565/fcfb4391-a911-4b72-ad10-a0a703ccff9e"><img class="hs-cta-img" id="hs-cta-img-fcfb4391-a911-4b72-ad10-a0a703ccff9e" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/524565/fcfb4391-a911-4b72-ad10-a0a703ccff9e.png" alt="Verkkokauppaan"></a></span>
2474<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2474<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(524565, 'fcfb4391-a911-4b72-ad10-a0a703ccff9e', {"useNewLoader":"true","region":"eu1"}); </script>
2474</span><!-- end HubSpot Call-to-Action Code -->
2475    </div>
2476    <div class="hidden-xl-up hs-search-hidden">
2477      <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-893440de-0bfd-4b0b-8c78-02e991771c96"><span class="hs-cta-node hs-cta-893440de-0bfd-4b0b-8c78-02e991771c96" id="hs-cta-893440de-0bfd-4b0b-8c78-02e991771c96"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/524565/893440de-0bfd-4b0b-8c78-02e991771c96"><img class="hs-cta-img" id="hs-cta-img-893440de-0bfd-4b0b-8c78-02e991771c96" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/524565/893440de-0bfd-4b0b-8c78-02e991771c96.png" alt="Verkkokauppaan"></a></span>
2477<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2477<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(524565, '893440de-0bfd-4b0b-8c78-02e991771c96', {"useNewLoader":"true","region":"eu1"}); </script>
2477</span><!-- end HubSpot Call-to-Action Code -->
2478    </div>
2479  
2480</template>
2481
2482<template id="main-menu-product-search-template">
2483  <div class="product-search-autocomplete hs-search-hidden">
2484    <div class="autoComplete_wrapper">
2485      <input aria-label="Tuotehaku" class="autoCompleteMenu" type="search" dir="ltr" spellcheck="false" autocorrect="off" autocomplete="off" autocapitalize="off">
2486    </div>
2487  </div>
2488</template></div>
2489                    
2490                
2491
2492                
2493
2494  <main id="main" class="aa-webpage">
2495
2496    <div class="container-fluid">
2497<div class="row-fluid-wrapper">
2498<div class="row-fluid">
2499<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
2500
2501<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
2502<div class="row-fluid ">
2503<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2504
2505<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
2506<div class="row-fluid ">
2507<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2508<div id="hs_cos_wrapper_widget_1663844534984" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
2509
2510
2511
2512	
2513
2514	
2515
2516    <section class="
2517            aa-hero
2518			aa-hero-body
2519			aa-hero-body--widget_1663844534984
2520			aa-hero--default
2521			
2522            aa-module
2523            aa-module-width--full
2524            aa-module-height--fit
2525            aa-module-spacing-top--small
2526            aa-module-spacing-bottom--small
2527            aa-bg-dark-green
2528            aa-content-color--light
2529		">
2530
2531        <div class="
2532            aa-inner
2533            aa-content-position--center
2534            aa-content-alignment--left
2535		">
2536			<div class="aa-content aa-content-width--full
2537				">
2538				<div class="aa-hero__header">
2539					
2540					<h1 class="aa-title aa-heading-size--big">
2541						Vastuullisuus
2542					</h1>
2543					
2544				</div>
2545
2546				<div class="aa-hero__body">
2547					<div class="aa-hero-column aa-hero-column--text">
2548						<div class="aa-text-size--large">
2549							<strong>Granon vastuullisuus koostuu neljästä teemasta: asiakasvastuu, sosiaalinen vastuu, taloudellinen vastuu ja ympäristövastuu.</strong>
2550						</div>
2551						
2552							
2553						
2554					</div>
2555					<div class="aa-hero-column aa-hero-column--image">
2556						
2557							
2558						
2559					</div>
2560				</div>
2561
2562			</div>
2563		</div>
2564	</section>
2565
2566	
2567
2568	
2569
2570	
2571
2572</div>
2573
2574</div><!--end widget-span -->
2575</div><!--end row-->
2576</div><!--end row-wrapper -->
2577
2578</div><!--end widget-span -->
2579</div><!--end row-->
2580</div><!--end row-wrapper -->
2581
2582<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
2583<div class="row-fluid ">
2584<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2585
2586<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
2587<div class="row-fluid ">
2588<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2589<div id="hs_cos_wrapper_widget_1669619987954" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>
2590
2591</div><!--end widget-span -->
2592</div><!--end row-->
2593</div><!--end row-wrapper -->
2594
2595<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row">
2596<div class="row-fluid ">
2597<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2598<div id="hs_cos_wrapper_widget_1668677372784" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="widget_1668677372784" class="
2599    aa-custom-columns 
2600    aa-custom-columns--layout3  
2601    aa-module-width--full
2602    none
2603    aa-content-color--default
2604    
2605    
2606    aa-bg-none
2607    
2608     
2609    ">
2610    
2611    <div class="aa-custom-columns__inner aa-module-spacing-top--medium aa-module-spacing-bottom--none  aa-custom-columns__inner--bg ">
2612      <div class="aa-custom-columns__wrapper">
2613        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
2614          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center">
2615            <div class="aa-custom-columns__items row    aa-custom-columns__items--start">
2616              <div class="aa-custom-columns__item 
2617                
2618                
2619                
2620                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2621                col-sm-12 col-md-6 col-lg-7
2622                
2623                 
2624                ">
2625
2626                
2627                  
2628                
2629            
2630                <div class="aa-custom-columns__item__inner  "> 
2631                   
2632                          
2633                  
2634                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2635                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2636                          <h3><span>Vastuulliset teot näkyvät Granon arjessa</span></h3>
2637<p><span>Vastuullisuus tarkoittaa Granolla tekoja. Olemme mukana rakentamassa kestävää, yhdenvertaista, eettisempää, turvallisempaa sekä ympäristöystävällisempää tulevaisuutta.</span></p>
2638<p><span>Vastuullisuus näkyy tuotteissamme ja palveluissamme. Panostamme hiilineutraaleihin, myrkyttömiin ja turvallisiin valintoihin. Autamme asiakkaitamme löytämään vastuullisia ratkaisuja, jotka sopivat heidän tarpeisiinsa.</span></p>
2639<p><span>Kasvamme kannattavasti ja kestävästi. Toimintamme perustuu eettisiin ohjeisiimme ja turvallisiin käytäntöihin. Olemme asiakkaidemme aito kumppani ja tehtävämme on auttaa heitä menestymään. Jotta tuotteemme ja palvelumme olisivat laadukkaita, se vaatii hyvinvoivan henkilökunnan. Grano haluaa olla granolaisten vastuullinen työnantaja, joka pitää huolta reilusta ja yhdenvertaisesta työilmapiiristä.</span></p>
2640<p><span>Lue lisää: <a href="https://ejulkka.grano.fi/grano-vastuullisuusesite-2026/full-view.html" rel="noopener" target="_blank">Granon vastuullisuusesite (eJulkaisu)</a></span></p>
2641                        </div>
2642                    </div>
2643                  </div></div>
2644              </div>
2645              <div class="aa-custom-columns__item 
2646                
2647                
2648                
2649                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2650                col-sm-12 col-md-6 col-lg-1
2651                
2652                 
2653                ">
2654
2655                
2656                  
2657                
2658            
2659                <div class="aa-custom-columns__item__inner  "> 
2660                   
2661                          
2662                  
2663                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2664                    <div class="aa-custom-columns__content__inner  aa-content-color--default">
2665                    </div>
2666                  </div></div>
2667              </div>
2668              <div class="aa-custom-columns__item 
2669                
2670                
2671                
2672                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2673                col-sm-12 col-md-6 col-lg-4
2674                
2675                 
2676                ">
2677
2678                
2679                  
2680                
2681            
2682                <div class="aa-custom-columns__item__inner  "> 
2683                   
2684                          
2685                  
2686                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2687                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2688                          <p><img src="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg?width=400&amp;height=387&amp;name=vastuullisuus-kulmakivet.jpg" alt="vastuullisuus-kulmakivet" width="400" height="387" loading="lazy" style="height: auto; max-width: 100%; width: 400px;" srcset="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg?width=200&amp;height=194&amp;name=vastuullisuus-kulmakivet.jpg 200w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg?width=400&amp;height=387&amp;name=vastuullisuus-kulmakivet.jpg 400w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg?width=600&amp;height=581&amp;name=vastuullisuus-kulmakivet.jpg 600w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg?width=800&amp;height=774&amp;name=vastuullisuus-kulmakivet.jpg 800w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg?width=1000&amp;height=968&amp;name=vastuullisuus-kulmakivet.jpg 1000w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/vastuullisuus-kulmakivet.jpg?width=1200&amp;height=1161&amp;name=vastuullisuus-kulmakivet.jpg 1200w" sizes="(max-width: 400px) 100v
2688w, 400px"></p>
2689<p>&nbsp;</p>
2690                        </div>
2691                    </div>
2692                  </div></div>
2693              </div></div>
2694          </div>
2695        </div></div>
2696    </div>
2697  </section></div>
2698
2699</div><!--end widget-span -->
2700</div><!--end row-->
2701</div><!--end row-wrapper -->
2702
2703<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
2704<div class="row-fluid ">
2705<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2706<div id="hs_cos_wrapper_widget_1724659942406" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="widget_1724659942406" class="
2707    aa-custom-columns 
2708    aa-custom-columns--layout3  
2709    aa-module-width--full
2710    small
2711    aa-content-color--default
2712    
2713    
2714    aa-bg-none
2715    
2716     
2717    ">
2718    
2719    <div class="aa-custom-columns__inner aa-module-spacing-top--none aa-module-spacing-bottom--small  aa-custom-columns__inner--bg ">
2720      <div class="aa-custom-columns__wrapper">
2721        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
2722          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center">
2723            <div class="aa-custom-columns__items row    aa-custom-columns__items--start">
2724              <div class="aa-custom-columns__item 
2725                
2726                
2727                
2728                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2729                col-sm-12 col-md-6 col-lg-8
2730                
2731                 
2732                ">
2733
2734                
2735                  
2736                
2737            
2738                <div class="aa-custom-columns__item__inner  "> 
2739                   
2740                          
2741                  
2742                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2743                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2744                          <h4><strong>Granolle on tehty EcoVadis-vastuullisuusarviointi</strong></h4>
2745<p><span style="color: #45b97c;"><strong><a href="https://ecovadis.com/" rel="noopener" target="_blank" style="color: #45b97c;">EcoVadis</a></strong></span><span> on maailman luotettavin liiketoimintojen vastuullisuusarvioija, joka on riippumaton ja kansainvälisesti tunnettu organisaatio. EcoVadis arvioi ja pisteyttää yritysten ESG (Environment, Social, Governance) -</span>suorituskykyä.</p>
2746<p><span><a href="/ajankohtaista/ecovadiksen-arvioinnissa-hopeataso" rel="noopener">Grano saavutti hopeaa arvioinnissa</a>. Kehitämme toimintaamme jatkuvasti parantaaksemme tuloksiamme.</span></p>
2747                        </div>
2748                    </div>
2749                  </div></div>
2750              </div>
2751              <div class="aa-custom-columns__item 
2752                
2753                
2754                
2755                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2756                col-sm-12 col-md-6 col-lg-1
2757                
2758                 
2759                ">
2760
2761                
2762                  
2763                
2764            
2765                <div class="aa-custom-columns__item__inner  "> 
2766                   
2767                          
2768                  
2769                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2770                    <div class="aa-custom-columns__content__inner  aa-content-color--default">
2771                    </div>
2772                  </div></div>
2773              </div>
2774              <div class="aa-custom-columns__item 
2775                
2776                
2777                
2778                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2779                col-sm-12 col-md-6 col-lg-3
2780                
2781                 
2782                ">
2783
2784                
2785                  
2786                
2787            
2788                <div class="aa-custom-columns__item__inner  "> 
2789                   
2790                          
2791                  
2792                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2793                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2794                          <p><a href="//www.grano.fi/ajankohtaista/grano-saavutti-kultaa-ecovadis-arvioinnissa" rel="noopener"><img src="https://www.grano.fi/hs-fs/hubfs/uutinen-ecovadis-silver.png?width=602&amp;height=400&amp;name=uutinen-ecovadis-silver.png" width="602" height="400" loading="lazy" alt="uutinen-ecovadis-silver" style="height: auto; max-width: 100%; width: 602px;" srcset="https://www.grano.fi/hs-fs/hubfs/uutinen-ecovadis-silver.png?width=301&amp;height=200&amp;name=uutinen-ecovadis-silver.png 301w, https://www.grano.fi/hs-fs/hubfs/uutinen-ecovadis-silver.png?width=602&amp;height=400&amp;name=uutinen-ecovadis-silver.png 602w, https://www.grano.fi/hs-fs/hubfs/uutinen-ecovadis-silver.png?width=903&amp;height=600&amp;name=uutinen-ecovadis-silver.png 903w, https://www.grano.fi/hs-fs/hubfs/uutinen-ecovadis-silver.png?width=1204&amp;height=800&amp;name=uutinen-ecovadis-silver.png 1204w, https://www.grano.fi/hs-fs/hubfs/uutinen-ecovadis-silver.png?width=1505&amp;height=1000&amp;name=uutinen-ecovadis-silver.png 1505w, https://www.grano.fi/hs-fs/hubfs/uutinen-ecovadis-silver.png?width=1806&amp;height=1200&amp;name=uutinen-ecovadis-silver.png 1806w" sizes="(max-width: 602px) 100vw, 602px"></a></p>
2795                        </div>
2796                    </div>
2797                  </div></div>
2798              </div></div>
2799          </div>
2800        </div></div>
2801    </div>
2802  </section></div>
2803
2804</div><!--end widget-span -->
2805</div><!--end row-->
2806</div><!--end row-wrapper -->
2807
2808<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row">
2809<div class="row-fluid ">
2810<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2811<div id="hs_cos_wrapper_widget_1668676724884" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="widget_1668676724884" class="
2812    aa-custom-columns 
2813    aa-custom-columns--layout1  
2814    aa-module-width--full
2815    none
2816    aa-content-color--default
2817    
2818    
2819    aa-bg-none
2820    
2821     
2822    ">
2823    
2824    <div class="aa-custom-columns__inner aa-module-spacing-top--none aa-module-spacing-bottom--none  aa-custom-columns__inner--bg ">
2825      <div class="aa-custom-columns__wrapper">
2826        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
2827          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--full aa-content-position--center">
2828            <div class="aa-custom-columns__items row    aa-custom-columns__items--center">
2829              <div class="aa-custom-columns__item 
2830                
2831                
2832                
2833                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2834                col-sm-12 col-md-12 
2835                
2836                 
2837                ">
2838
2839                
2840                  
2841                
2842            
2843                <div class="aa-custom-columns__item__inner  "> 
2844                   
2845                          
2846                  
2847                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2848                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2849                          <h3 style="text-align: center; font-size: 34px;">Tutustu vastuullisuuden teemoihin</h3>
2850                        </div>
2851                    </div>
2852                  </div></div>
2853              </div></div>
2854          </div>
2855        </div></div>
2856    </div>
2857  </section></div>
2858
2859</div><!--end widget-span -->
2860</div><!--end row-->
2861</div><!--end row-wrapper -->
2862
2863<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
2864<div class="row-fluid ">
2865<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2866<div id="hs_cos_wrapper_widget_1668601097234" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="widget_1668601097234" class="
2867    aa-custom-columns 
2868    aa-custom-columns--layout2  
2869    aa-module-width--full
2870    small
2871    aa-content-color--default
2872    
2873    
2874    aa-bg-none
2875    
2876     
2877    ">
2878    
2879    <div class="aa-custom-columns__inner aa-module-spacing-top--none aa-module-spacing-bottom--small  aa-custom-columns__inner--bg ">
2880      <div class="aa-custom-columns__wrapper">
2881        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
2882          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--normal aa-content-position--center">
2883            <div class="aa-custom-columns__items row    aa-custom-columns__items--center">
2884              <div class="aa-custom-columns__item 
2885                
2886                
2887                
2888                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2889                col-sm-12 col-md-6
2890                
2891                 
2892                ">
2893
2894                
2895                  
2896                
2897            
2898                <div class="aa-custom-columns__item__inner  "> 
2899                   
2900                          
2901                  
2902                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2903                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2904                          <p><a href="https://www.grano.fi/vastuullisuus/ymparistovastuu" rel="noopener" linktext=""><img src="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/ymparistovastuu-valmis.jpg?width=350&amp;height=223&amp;name=ymparistovastuu-valmis.jpg" alt="Ympäristövastuu on osa Granon vastuullisuustyötä" width="350" height="223" loading="lazy" style="height: auto; max-width: 100%; width: 350px; margin-top: 0px; margin-bottom: 24px;" srcset="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/ymparistovastuu-valmis.jpg?width=175&amp;height=112&amp;name=ymparistovastuu-valmis.jpg 175w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/ymparistovastuu-valmis.jpg?width=350&amp;height=223&amp;name=ymparistovastuu-valmis.jpg 350w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/ymparistovastuu-valmis.jpg?width=525&amp;height=335&amp;name=ymparistovastuu-valmis.jpg 525w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/ymparistovastuu-valmis.jpg?width=700&amp;height=446&amp;name=ymparistovastuu-valmis.jpg 700w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/ymparistovastuu-valmis.jpg?width=875&amp;height=558&amp;name=ymparistovastuu-valmis.jpg 875w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/ymparistovastuu-valmis.jpg?width=1050&amp;height=669&amp;name=ymparistovastuu-valmis.jpg 1050w" sizes="(max-width: 350px) 100v
2904w, 350px"></a></p>
2905<p><a href="https://www.grano.fi/vastuullisuus/asiakasvastuu" rel="noopener"><img src="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/asiakasvastuu-valmis.jpg?width=350&amp;height=223&amp;name=asiakasvastuu-valmis.jpg" alt="Asiakasvastuu on osa Granon vastuullisuustyötä" width="350" height="223" loading="lazy" style="height: auto; max-width: 100%; width: 350px;" srcset="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/asiakasvastuu-valmis.jpg?width=175&amp;height=112&amp;name=asiakasvastuu-valmis.jpg 175w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/asiakasvastuu-valmis.jpg?width=350&amp;height=223&amp;name=asiakasvastuu-valmis.jpg 350w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/asiakasvastuu-valmis.jpg?width=525&amp;height=335&amp;name=asiakasvastuu-valmis.jpg 525w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/asiakasvastuu-valmis.jpg?width=700&amp;height=446&amp;name=asiakasvastuu-valmis.jpg 700w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/asiakasvastuu-valmis.jpg?width=875&amp;height=558&amp;name=asiakasvastuu-valmis.jpg 875w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/asiakasvastuu-valmis.jpg?width=1050&amp;height=669&amp;name=asiakasvastuu-valmis.jpg 1050w" sizes="(max-width: 350px) 100vw, 350px"></a></p>
2906                        </div>
2907                    </div>
2908                  </div>
2909                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2910                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2911                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/vastuullisuus/eettinen-ohjeistus">
2912                                  <span>Eettinen ohjeistus</span> 
2913                                </a>
2914                                 
2915
2916                          </div>
2917                    </div>
2918                  </div>
2919                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2920                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2921                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/vastuullisuus/laatu-ja-turvallisuus">
2922                                  <span>Laatu ja turvallisuus</span> 
2923                                </a>
2924                                 
2925
2926                          </div>
2927                    </div>
2928                  </div>
2929                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2930                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2931                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/vastuullisuus/yk-global-compact">
2932                                  <span>YK Global Compact</span> 
2933                                </a>
2934                                 
2935
2936                          </div>
2937                    </div>
2938                  </div></div>
2939              </div>
2940              <div class="aa-custom-columns__item 
2941                
2942                
2943                
2944                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2945                col-sm-12 col-md-6
2946                
2947                 
2948                ">
2949
2950                
2951                  
2952                
2953            
2954                <div class="aa-custom-columns__item__inner  "> 
2955                   
2956                          
2957                  
2958                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2959                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2960                          <p><a href="https://www.grano.fi/vastuullisuus/sosiaalinen-vastuu" rel="noopener" linktext=""><img src="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/sosiaalinenvastuu-valmis.jpg?width=350&amp;height=223&amp;name=sosiaalinenvastuu-valmis.jpg" alt="Sosiaalinen vastuu Granolla" width="350" height="223" loading="lazy" style="height: auto; max-width: 100%; width: 350px; margin-top: 0px; margin-bottom: 24px;" srcset="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/sosiaalinenvastuu-valmis.jpg?width=175&amp;height=112&amp;name=sosiaalinenvastuu-valmis.jpg 175w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/sosiaalinenvastuu-valmis.jpg?width=350&amp;height=223&amp;name=sosiaalinenvastuu-valmis.jpg 350w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/sosiaalinenvastuu-valmis.jpg?width=525&amp;height=335&amp;name=sosiaalinenvastuu-valmis.jpg 525w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/sosiaalinenvastuu-valmis.jpg?width=700&amp;height=446&amp;name=sosiaalinenvastuu-valmis.jpg 700w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/sosiaalinenvastuu-valmis.jpg?width=875&amp;height=558&amp;name=sosiaalinenvastuu-valmis.jpg 875w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/sosiaalinenvastuu-valmis.jpg?width=1050&amp;height=669&amp;name=sosiaalinenvastuu-valmis.jpg 1050w" sizes="(max-width: 350px) 100v
2960w, 350px"></a></p>
2961<p><a href="https://www.grano.fi/vastuullisuus/taloudellinen-vastuu" rel="noopener"><img src="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/taloudellinenvastuu-valmis.jpg?width=350&amp;height=223&amp;name=taloudellinenvastuu-valmis.jpg" alt="Taloudellinen vastuu Granolla" width="350" height="223" loading="lazy" style="height: auto; max-width: 100%; width: 350px;" srcset="https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/taloudellinenvastuu-valmis.jpg?width=175&amp;height=112&amp;name=taloudellinenvastuu-valmis.jpg 175w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/taloudellinenvastuu-valmis.jpg?width=350&amp;height=223&amp;name=taloudellinenvastuu-valmis.jpg 350w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/taloudellinenvastuu-valmis.jpg?width=525&amp;height=335&amp;name=taloudellinenvastuu-valmis.jpg 525w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/taloudellinenvastuu-valmis.jpg?width=700&amp;height=446&amp;name=taloudellinenvastuu-valmis.jpg 700w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/taloudellinenvastuu-valmis.jpg?width=875&amp;height=558&amp;name=taloudellinenvastuu-valmis.jpg 875w, https://www.grano.fi/hs-fs/hubfs/Vastuullisuussivusto%202022/P%C3%A4%C3%A4sivu/taloudellinenvastuu-valmis.jpg?width=1050&amp;height=669&amp;name=taloudellinenvastuu-valmis.jpg 1050w" sizes="(max-width: 350px) 100vw, 350px"></a></p>
2962                        </div>
2963                    </div>
2964                  </div>
2965                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2966                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2967                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/vastuullisuus/kotimaisuus-ja-avainlippu">
2968                                  <span>Kotimaisuus ja Avainlippu</span> 
2969                                </a>
2970                                 
2971
2972                          </div>
2973                    </div>
2974                  </div>
2975                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2976                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2977                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/vastuullisuus/tietosuoja-ja-tietoturva">
2978                                  <span>Tietosuoja ja tietoturva</span> 
2979                                </a>
2980                                 
2981
2982                          </div>
2983                    </div>
2984                  </div>
2985                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2986                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2987                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/vastuullisuus/grano-whistleblowing">
2988                                  <span>Whistleblowing-ilmoituskanava</span> 
2989                                </a>
2990                                 
2991
2992                          </div>
2993                    </div>
2994                  </div></div>
2995              </div></div>
2996          </div>
2997        </div></div>
2998    </div>
2999  </section></div>
3000
3001</div><!--end widget-span -->
3002</div><!--end row-->
3003</div><!--end row-wrapper -->
3004
3005</div><!--end widget-span -->
3006</div><!--end row-->
3007</div><!--end row-wrapper -->
3008
3009<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section">
3010<div class="row-fluid ">
3011<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3012
3013<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
3014<div class="row-fluid ">
3015<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3016<div id="hs_cos_wrapper_widget_1663847014287" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
3017
3018
3019
3020
3021
3022    
3023    
3024
3025    
3026        
3027              
3028            
3029        
3030        
3031    
3032
3033    <section class="
3034            aa-module
3035            aa-blog-feed
3036            aa-blog-feed--slider
3037            aa-module-id-widget_1663847014287
3038            aa-module-width--full
3039            aa-module-spacing-top--none
3040            aa-module-spacing-bottom--small
3041            aa-bg-none
3042            
3043        ">
3044        <div class="aa-inner aa-content-position--center">
3045
3046            <div class="aa-content aa-content-width--full">
3047
3048                
3049                <div class="aa-blog-feed__heading aa-content-alignment--left">
3050                    <h3 class="aa-title ">
3051                        Lue lisää vastuullisuudesta
3052                    </h3>
3053                </div>
3054                
3055
3056                <div class="aa-blog-feed__body">
3057                    
3058                    <div class="splide ">
3059                        <div class="splide__arrows">
3060                            <button class="splide__arrow splide__arrow--prev">
3061                                <svg id="Icon_ionic-md-arrow-forward" data-name="Icon ionic-md-arrow-forward" xmlns="http://www.w3.org/2000/svg" width="10.5
306172" height="10.572" viewbox="0 0 10.572 10.572">
3062                                    <path id="Icon_ionic-md-arrow-forward-2" data-name="Icon ionic-md-arrow-forward" d="M5.977,11.923H14l-3.7,3.7.958.925,5.286-5.286L11.262,5.977l-.925.925L14,10.6H5.977Z" transform="translate(-5.977 -5.977)" />
3063                                </svg>
3064                            </button>
3065                            <button class="splide__arrow splide__arrow--next">
3066                                <svg id="Icon_ionic-md-arrow-forward" data-name="Icon ionic-md-arrow-forward" xmlns="http://www.w3.org/2000/svg" width="10.572" height="10.572" viewbox="0 0 10.572 10.572">
3067                                    <path id="Icon_ionic-md-arrow-forward-2" data-name="Icon ionic-md-arrow-forward" d="M5.977,11.923H14l-3.7,3.7.958.925,5.286-5.286L11.262,5.977l-.925.925L14,10.6H5.977Z" transform="translate(-5.977 -5.977)" />
3068                                </svg>
3069                            </button>
3070                        </div>
3071                        <div class="splide__track">
3072                            <ul class="splide__list">
3073                                
3074                                    <li class="splide__slide">
3075                                        
3076                                            
3077    <article class="aa-card aa-card--null">
3078        
3079        
3080        
3081        <a href="https://www.grano.fi/ajankohtaista/hiilitiekartta" class="aa-card__image aa-object-cover" aria-label="Granon hiilitiekartta ohjaa kohti nettonollaa">
3082            
3083                
3084    
3085     
3086        
3087    
3088    
3089    
3090
3091    <img srcset="https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=420&amp;name=hiilitiekartta-2.png 420w, https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=480&amp;name=hiilitiekartta-2.png 480w, https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=800&amp;name=hiilitiekartta-2.png 800w, https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=1200&amp;name=hiilitiekartta-2.png 1200w, https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=1800&amp;name=hiilitiekartta-2.png 1800w, https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=2400&amp;name=hiilitiekartta-2.png 2400w, https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=3000&amp;name=hiilitiekartta-2.png 3000w, https://www.grano.fi/hs-fs/hubfs/hiilitiekartta-2.png?width=3600&amp;name=hiilitiekartta-2.png 3600w" sizes="(max-width: 900px) 100vw, 900px" src="https://www.grano.fi/hubfs/hiilitiekartta-2.png" alt="" loading="lazy">
3092
3093            
3094        </a>
3095        
3096
3097        
3098            <div class="aa-card__header">
3099                
3100                <h4 class="aa-title">
3101                    
3102                    <a href="https://www.grano.fi/ajankohtaista/hiilitiekartta">
3103                    
3104                        Granon hiilitiekartta ohjaa kohti nettonollaa
3105                    
3106                    </a>
3107                    
3108                </h4>
3109                
3110            </div>
3111        
3112        
3113
3114        
3115            <div class="aa-card__footer">
3116                
3117                    
3118                    
3119                    
3120                    
3121                    
3122                    
3123                        
3124                    
3125
3126                    <span>11.08.2025 – 1 min. lukuaika</span>
3127                    
3128                    
3129            </div>
3130        
3131    </article>
3132
3133                                        
3134                                    </li>
3135                                
3136                                    <li class="splide__slide">
3137                                        
3138                                            
3139    <article class="aa-card aa-card--null">
3140        
3141        
3142        
3143        <a href="https://www.grano.fi/ajankohtaista/grano-on-mukana-tukemassa-joulupuu-ryn-toimintaa" class="aa-card__image aa-object-cover" aria-label="Grano on mukana tukemassa Joulupuu ry:n toimintaa">
3144            
3145                
3146    
3147     
3148        
3149    
3150    
3151    
3152
3153    <img srcset="https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=420&amp;name=Joulupuu_logo2024.png 420w, https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=480&amp;name=Joulupuu_logo2024.png 480w, https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=800&amp;name=Joulupuu_logo2024.png 800w, https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=1200&amp;name=Joulupuu_logo2024.png 1200w, https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=1800&amp;name=Joulupuu_logo2024.png 1800w, https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=2400&amp;name=Joulupuu_logo2024.png 2400w, https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=3000&amp;name=Joulupuu_logo2024.png 3000w, https://www.grano.fi/hs-fs/hubfs/Joulupuu_logo2024.png?width=3600&amp;name=Joulupuu_logo2024.png 3600w" sizes="(max-width: 900px) 100v
3153w, 900px" src="https://www.grano.fi/hubfs/Joulupuu_logo2024.png" alt="" loading="lazy">
3154
3155            
3156        </a>
3157        
3158
3159        
3160            <div class="aa-card__header">
3161                
3162                <h4 class="aa-title">
3163                    
3164                    <a href="https://www.grano.fi/ajankohtaista/grano-on-mukana-tukemassa-joulupuu-ryn-toimintaa">
3165                    
3166                        Grano on mukana tukemassa Joulupuu ry:n toimintaa
3167                    
3168                    </a>
3169                    
3170                </h4>
3171                
3172            </div>
3173        
3174        
3175
3176        
3177            <div class="aa-card__footer">
3178                
3179                    
3180                    
3181                    
3182                    
3183                    
3184                    
3185                        
3186                    
3187
3188                    <span>03.12.2024 – 1 min. lukuaika</span>
3189                    
3190                    
3191            </div>
3192        
3193    </article>
3194
3195                                        
3196                                    </li>
3197                                
3198                                    <li class="splide__slide">
3199                                        
3200                                            
3201    <article class="aa-card aa-card--null">
3202        
3203        
3204        
3205        <a href="https://www.grano.fi/ajankohtaista/grano-mukana-meidan-lapset-nayttelyssa" class="aa-card__image aa-object-cover" aria-label="Grano mukana Meidän lapset -näyttelyssä">
3206            
3207                
3208    
3209     
3210        
3211    
3212    
3213    
3214
3215    <img srcset="https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=420&amp;name=7P1A9295.jpg 420w, https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=480&amp;name=7P1A9295.jpg 480w, https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=800&amp;name=7P1A9295.jpg 800w, https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=1200&amp;name=7P1A9295.jpg 1200w, https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=1800&amp;name=7P1A9295.jpg 1800w, https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=2400&amp;name=7P1A9295.jpg 2400w, https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=3000&amp;name=7P1A9295.jpg 3000w, https://www.grano.fi/hs-fs/hubfs/7P1A9295.jpg?width=3600&amp;name=7P1A9295.jpg 3600w" sizes="(max-width: 900px) 100vw, 900px" src="https://www.grano.fi/hubfs/7P1A9295.jpg" alt="" loading="lazy">
3216
3217            
3218        </a>
3219        
3220
3221        
3222            <div class="aa-card__header">
3223                
3224                <h4 class="aa-title">
3225                    
3226                    <a href="https://www.grano.fi/ajankohtaista/grano-mukana-meidan-lapset-nayttelyssa">
3227                    
3228                        Grano mukana Meidän lapset -näyttelyssä
3229                    
3230                    </a>
3231                    
3232                </h4>
3233                
3234            </div>
3235        
3236        
3237
3238        
3239            <div class="aa-card__footer">
3240                
3241                    
3242                    
3243                    
3244                    
3245                    
3246                    
3247                        
3248                    
3249
3250                    <span>02.12.2024 – 2 min. lukuaika</span>
3251                    
3252                    
3253            </div>
3254        
3255    </article>
3256
3257                                        
3258                                    </li>
3259                                
3260                                    <li class="splide__slide">
3261                                        
3262                                            
3263    <article class="aa-card aa-card--null">
3264        
3265        
3266        
3267        <a href="https://www.grano.fi/ajankohtaista/grano-ja-pakettipiste-yhdistävät-voimansa-vastuullisen-jakelutien-puolesta" class="aa-card__image aa-object-cover" aria-label="Grano ja Pakettipiste yhdistävät voimansa vastuullisen jakelutien puolesta">
3268            
3269                
3270    
3271     
3272        
3273    
3274    
3275    
3276
3277    <img srcset="https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=420&amp;name=PakettipisteGrano-1.jpg 420w, https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=480&amp;name=PakettipisteGrano-1.jpg 480w, https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=800&amp;name=PakettipisteGrano-1.jpg 800w, https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=1200&amp;name=PakettipisteGrano-1.jpg 1200w, https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=1800&amp;name=PakettipisteGrano-1.jpg 1800w, https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=2400&amp;name=PakettipisteGrano-1.jpg 2400w, https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=3000&amp;name=PakettipisteGrano-1.jpg 3000w, https://www.grano.fi/hs-fs/hubfs/PakettipisteGrano-1.jpg?width=3600&amp;name=PakettipisteGrano-1.jpg 3600w" sizes="(max-width: 900px) 100v
3277w, 900px" src="https://www.grano.fi/hubfs/PakettipisteGrano-1.jpg" alt="" loading="lazy">
3278
3279            
3280        </a>
3281        
3282
3283        
3284            <div class="aa-card__header">
3285                
3286                <h4 class="aa-title">
3287                    
3288                    <a href="https://www.grano.fi/ajankohtaista/grano-ja-pakettipiste-yhdistävät-voimansa-vastuullisen-jakelutien-puolesta">
3289                    
3290                        Grano ja Pakettipiste yhdistävät voimansa vastuullisen jakelutien puolesta
3291                    
3292                    </a>
3293                    
3294                </h4>
3295                
3296            </div>
3297        
3298        
3299
3300        
3301            <div class="aa-card__footer">
3302                
3303                    
3304                    
3305                    
3306                    
3307                    
3308                    
3309                        
3310                    
3311
3312                    <span>26.11.2024 – 1 min. lukuaika</span>
3313                    
3314                    
3315            </div>
3316        
3317    </article>
3318
3319                                        
3320                                    </li>
3321                                
3322                                    <li class="splide__slide">
3323                                        
3324                                            
3325    <article class="aa-card aa-card--null">
3326        
3327        
3328        
3329        <a href="https://www.grano.fi/ajankohtaista/grano-on-mukana-suomen-korttipisteen-hyvan-mielen-joulukortti-kampanjassa-kumppanina" class="aa-card__image aa-object-cover" aria-label="Grano on mukana Suomen Korttipisteen Hyvän mielen joulukortti -kampanjassa kumppanina">
3330            
3331                
3332    
3333     
3334        
3335    
3336    
3337    
3338
3339    <img srcset="https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=420&amp;name=KP_Grano_paakuva.png 420w, https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=480&amp;name=KP_Grano_paakuva.png 480w, https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=800&amp;name=KP_Grano_paakuva.png 800w, https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=1200&amp;name=KP_Grano_paakuva.png 1200w, https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=1800&amp;name=KP_Grano_paakuva.png 1800w, https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=2400&amp;name=KP_Grano_paakuva.png 2400w, https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=3000&amp;name=KP_Grano_paakuva.png 3000w, https://www.grano.fi/hs-fs/hubfs/KP_Grano_paakuva.png?width=3600&amp;name=KP_Grano_paakuva.png 3600w" sizes="(max-width: 900px) 100vw, 900px" src="https://www.grano.fi/hubfs/KP_Grano_paakuva.png" alt="" loading="lazy">
3340
3341            
3342        </a>
3343        
3344
3345        
3346            <div class="aa-card__header">
3347                
3348                <h4 class="aa-title">
3349                    
3350                    <a href="https://www.grano.fi/ajankohtaista/grano-on-mukana-suomen-korttipisteen-hyvan-mielen-joulukortti-kampanjassa-kumppanina">
3351                    
3352                        Grano on mukana Suomen Korttipisteen Hyvän mielen joulukortti -kampanjassa kumppanina
3353                    
3354                    </a>
3355                    
3356                </h4>
3357                
3358            </div>
3359        
3360        
3361
3362        
3363            <div class="aa-card__footer">
3364                
3365                    
3366                    
3367                    
3368                    
3369                    
3370                    
3371                        
3372                    
3373
3374                    <span>30.09.2024 – 1 min. lukuaika</span>
3375                    
3376                    
3377            </div>
3378        
3379    </article>
3380
3381                                        
3382                                    </li>
3383                                
3384                                    <li class="splide__slide">
3385                                        
3386                                            
3387    <article class="aa-card aa-card--null">
3388        
3389        
3390        
3391        <a href="https://www.grano.fi/ajankohtaista/ukrainaan-lahteva-terapiabussi-valmistui-yhteistyolla" class="aa-card__image aa-object-cover" aria-label="Ukrainaan lähtevä terapiabussi valmistui yhteistyöllä">
3392            
3393                
3394    
3395     
3396        
3397    
3398    
3399    
3400
3401    <img srcset="https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=420&amp;name=Ukraina_Bussi_Valmis-9.jpg 420w, https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=480&amp;name=Ukraina_Bussi_Valmis-9.jpg 480w, https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=800&amp;name=Ukraina_Bussi_Valmis-9.jpg 800w, https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=1200&amp;name=Ukraina_Bussi_Valmis-9.jpg 1200w, https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=1800&amp;name=Ukraina_Bussi_Valmis-9.jpg 1800w, https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=2400&amp;name=Ukraina_Bussi_Valmis-9.jpg 2400w, https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=3000&amp;name=Ukraina_Bussi_Valmis-9.jpg 3000w, https://www.grano.fi/hs-fs/hubfs/Ukraina_Bussi_Valmis-9.jpg?width=3600&amp;name=Ukraina_Bussi_Valmis-9.jpg 3600w" sizes="(max-width: 900px) 100v
3401w, 900px" src="https://www.grano.fi/hubfs/Ukraina_Bussi_Valmis-9.jpg" alt="" loading="lazy">
3402
3403            
3404        </a>
3405        
3406
3407        
3408            <div class="aa-card__header">
3409                
3410                <h4 class="aa-title">
3411                    
3412                    <a href="https://www.grano.fi/ajankohtaista/ukrainaan-lahteva-terapiabussi-valmistui-yhteistyolla">
3413                    
3414                        Ukrainaan lähtevä terapiabussi valmistui yhteistyöllä
3415                    
3416                    </a>
3417                    
3418                </h4>
3419                
3420            </div>
3421        
3422        
3423
3424        
3425            <div class="aa-card__footer">
3426                
3427                    
3428                    
3429                    
3430                    
3431                    
3432                    
3433                        
3434                    
3435
3436                    <span>20.09.2024 – 2 min. lukuaika</span>
3437                    
3438                    
3439            </div>
3440        
3441    </article>
3442
3443                                        
3444                                    </li>
3445                                
3446                                    <li class="splide__slide">
3447                                        
3448                                            
3449    <article class="aa-card aa-card--null">
3450        
3451        
3452        
3453        <a href="https://www.grano.fi/ajankohtaista/grano-osallistuu-tieteeseen-perustuvaan-luontotyön-koulutusohjelmaan" class="aa-card__image aa-object-cover" aria-label="Grano osallistuu tieteeseen perustuvaan luontotyön koulutusohjelmaan">
3454            
3455                
3456    
3457     
3458        
3459    
3460    
3461    
3462
3463    <img srcset="https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=420&amp;name=Somekortti%202%20mets%E2%80%9E.png 420w, https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=480&amp;name=Somekortti%202%20mets%E2%80%9E.png 480w, https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=800&amp;name=Somekortti%202%20mets%E2%80%9E.png 800w, https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=1200&amp;name=Somekortti%202%20mets%E2%80%9E.png 1200w, https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=1800&amp;name=Somekortti%202%20mets%E2%80%9E.png 1800w, https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=2400&amp;name=Somekortti%202%20mets%E2%80%9E.png 2400w, https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=3000&amp;name=Somekortti%202%20mets%E2%80%9E.png 3000w, https://www.grano.fi/hs-fs/hubfs/Somekortti%202%20mets%E2%80%9E.png?width=3600&amp;name=Somekortti%202%20mets%E2%80%9E.png 3600w" sizes="(max-width: 900px) 100vw, 900px" src="https://www.grano.fi/hubfs/Somekortti%202%20mets%E2%80%9E.png" alt="" loading="lazy">
3464
3465            
3466        </a>
3467        
3468
3469        
3470            <div class="aa-card__header">
3471                
3472                <h4 class="aa-title">
3473                    
3474                    <a href="https://www.grano.fi/ajankohtaista/grano-osallistuu-tieteeseen-perustuvaan-luontotyön-koulutusohjelmaan">
3475                    
3476                        Grano osallistuu tieteeseen perustuvaan luontotyön koulutusohjelmaan
3477                    
3478                    </a>
3479                    
3480                </h4>
3481                
3482            </div>
3483        
3484        
3485
3486        
3487            <div class="aa-card__footer">
3488                
3489                    
3490                    
3491                    
3492                    
3493                    
3494                    
3495                        
3496                    
3497
3498                    <span>27.08.2024 – 1 min. lukuaika</span>
3499                    
3500                    
3501            </div>
3502        
3503    </article>
3504
3505                                        
3506                                    </li>
3507                                
3508                                    <li class="splide__slide">
3509                                        
3510                                            
3511    <article class="aa-card aa-card--null">
3512        
3513        
3514        
3515        <a href="https://www.grano.fi/ajankohtaista/grano-saavutti-kultaa-ecovadis-arvioinnissa" class="aa-card__image aa-object-cover" aria-label="Grano saavutti kultaa EcoVadis-arvioinnissa">
3516            
3517                
3518    
3519     
3520        
3521    
3522    
3523    
3524
3525    <img srcset="https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=420&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 420w, https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=480&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 480w, https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=800&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 800w, https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=1200&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 1200w, https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=1800&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 1800w, https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=2400&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 2400w, https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=3000&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 3000w, https://www.grano.fi/hs-fs/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg?width=3600&amp;name=Ecovadis-Gold-2024_Hero_Final.jpg 3600w" sizes="(max-width: 900px) 100v
3525w, 900px" src="https://www.grano.fi/hubfs/Ecovadis%20Gold%202024/Ecovadis-Gold-2024_Hero_Final.jpg" alt="" loading="lazy">
3526
3527            
3528        </a>
3529        
3530
3531        
3532            <div class="aa-card__header">
3533                
3534                <h4 class="aa-title">
3535                    
3536                    <a href="https://www.grano.fi/ajankohtaista/grano-saavutti-kultaa-ecovadis-arvioinnissa">
3537                    
3538                        Grano saavutti kultaa EcoVadis-arvioinnissa
3539                    
3540                    </a>
3541                    
3542                </h4>
3543                
3544            </div>
3545        
3546        
3547
3548        
3549            <div class="aa-card__footer">
3550                
3551                    
3552                    
3553                    
3554                    
3555                    
3556                    
3557                        
3558                    
3559
3560                    <span>23.08.2024 – 1 min. lukuaika</span>
3561                    
3562                    
3563            </div>
3564        
3565    </article>
3566
3567                                        
3568                                    </li>
3569                                
3570                                    <li class="splide__slide">
3571                                        
3572                                            
3573    <article class="aa-card aa-card--null">
3574        
3575        
3576        
3577        <a href="https://www.grano.fi/ajankohtaista/sinako-ja-grano-yhteistyossa-synnyin-tytoksi-nayttelyssa" class="aa-card__image aa-object-cover" aria-label="Sinako ja Grano yhteistyössä Synnyin tytöksi -näyttelyssä">
3578            
3579                
3580    
3581     
3582        
3583    
3584    
3585    
3586
3587    <img srcset="https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=420&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 420w, https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=480&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 480w, https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=800&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 800w, https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=1200&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 1200w, https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=1800&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 1800w, https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=2400&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 2400w, https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=3000&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 3000w, https://www.grano.fi/hs-fs/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg?width=3600&amp;name=Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg 3600w" sizes="(max-width: 900px) 100vw, 900px" src="https://www.grano.fi/hubfs/Sinako_Kuva_Bisher%20Sawan_7P1A6062%201.jpg" alt="" loading="lazy">
3588
3589            
3590        </a>
3591        
3592
3593        
3594            <div class="aa-card__header">
3595                
3596                <h4 class="aa-title">
3597                    
3598                    <a href="https://www.grano.fi/ajankohtaista/sinako-ja-grano-yhteistyossa-synnyin-tytoksi-nayttelyssa">
3599                    
3600                        Sinako ja Grano yhteistyössä Synnyin tytöksi -näyttelyssä
3601                    
3602                    </a>
3603                    
3604                </h4>
3605                
3606            </div>
3607        
3608        
3609
3610        
3611            <div class="aa-card__footer">
3612                
3613                    
3614                    
3615                    
3616                    
3617                    
3618                    
3619                        
3620                    
3621
3622                    <span>11.06.2024 – 2 min. lukuaika</span>
3623                    
3624                    
3625            </div>
3626        
3627    </article>
3628
3629                                        
3630                                    </li>
3631                                
3632                            </ul>
3633                        </div>
3634                    </div>
3635                </div>
3636                
3637                <div class="aa-blog-feed__footer">
3638                
3639                    <a href="https://www.grano.fi/ajankohtaista/topic/vastuullisuus" class="aa-button aa-button--3 aa-read-all">Katso kaikki sisällöt</a>
3640                    
3641                </div>
3642            
3643            </div>
3644            
3645        </div>
3646    </section>
3647
3648    
3649    
3650</div>
3651
3652</div><!--end widget-span -->
3653</div><!--end row-->
3654</div><!--end row-wrapper -->
3655
3656</div><!--end widget-span -->
3657</div><!--end row-->
3658</div><!--end row-wrapper -->
3659
3660</div><!--end widget-span -->
3661</div>
3662</div>
3663</div>
3664
3665  </main>
3666  
3667
3668                
3669                    <div data-global-resource-path="G2022-Theme/templates/partials/footer.html">
3670
3671
3672
3673<footer class="aa-site-footer hs-search-hidden">
3674  <div class="aa-site-footer__inner">
3675
3676    <div class="aa-site-footer__branding">
3677      <div class="aa-branding">
3678        <span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//www.grano.fi" id="hs-link-" style="border-width:0px;border:0px;"><img src="https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=104&amp;height=39&amp;name=grano_logo.png" class="hs-image-widget " height="39" style="height: auto;width:104px;border-width:0px;border:0px;" width="104" alt="grano_logo" title="grano_logo" srcset="https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=52&amp;height=20&amp;name=grano_logo.png 52w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=104&amp;height=39&amp;name=grano_logo.png 104w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=156&amp;height=59&amp;name=grano_logo.png 156w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=208&amp;height=78&amp;name=grano_logo.png 208w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=260&amp;height=98&amp;name=grano_logo.png 260w, https://www.grano.fi/hs-fs/hubfs/Identity/Logot/grano_logo.png?width=312&amp;height=117&amp;name=grano_logo.png 312w" sizes="(max-width: 104px) 100vw, 104px"></a></span>
3679      </div>
3680    </div>
3681
3682    <div class="aa-site-footer__primary">
3683      <div class="aa-site-footer__primary__inner">
3684        <div class="aa-site-footer__primary__header">
3685          <p><strong>GRANO</strong></p>
3686<p>Tarjoamme asiakkaillemme graafisen alan parhaan osaamisen ja huipputeknologian Pohjoismaiden monipuolisimmissa tuotantolaitoksissa. Tehtävänämme on toteuttaa pintoja, jotka maksimoivat asiakkaidemme viestien vaikuttavuuden. Palvelemme valtakunnallisesti 20 toimipisteessä Suomessa.<br><br></p>
3687<p><strong>Kuulumme Suomen vahvimpiin!&nbsp;</strong><strong><img src="https://www.grano.fi/hubfs/Suomen-vahvimmat-valkoinen-teksti.svg" width="0" loading="lazy" alt="Suomen-vahvimmat-valkoinen-teksti" style="width: 320px; height: auto; max-width: 100%; margin: 7px auto 0px; display: block;"></strong></p>
3688<p>&nbsp;</p>
3689        </div>
3690
3691        <div class="aa-site-footer__primary__body">
3692          <p><strong>YHTEYSTIEDOT</strong></p>
3693<p><a href="tel:0291800400" rel="noopener">029 1800 400</a><br>(arkisin 8.00 - 16.00)<br>0,088 €/min + pvm</p>
3694<p><a href="https://www.grano.fi/yhteystiedot" rel="noopener">Kaikki yhteystiedot</a><br><a href="https://www.grano.fi/aineisto-ohjeet" rel="noopener">Aineisto-ohjeet</a><br><a href="https://www.grano.fi/jata-palautetta" rel="noopener">Jätä palautetta</a></p>
3695<p>Y-tunnus 2197935-0</p>
3696        </div>
3697
3698        <div class="aa-site-footer__primary__footer">
3699          <span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_form_976840241_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
3700
3701<div id="hs_form_target_form_976840241"></div>
3702
3703
3704
3705
3706
3707
3708
3709
3710
3711</span>
3712        </div>
3713      </div>
3714    </div>
3715
3716    <div class="aa-site-footer__some">
3717      
3718      <div id="hs_cos_wrapper_footer_social" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="aa-social-links">
3719  
3720    
3721      
3722    
3723    
3724    
3725    <a href="https://www.facebook.com/granosuomi" class="aa-social-links__link" target="_blank">
3726      
3727        <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 264 512" aria-labelledby="facebook-f2" role="img"><title id="facebook-f2">Follow us on Facebook</title><g id="facebook-f2_layer"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229" /></g></svg></span>
3728      
3729    </a>
3730  
3731    
3732      
3733    
3734    
3735    
3736    <a href="https://www.linkedin.com/company/grano/" class="aa-social-links__link" target="_blank">
3737      
3738        <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="linkedin-in3" role="img"><title id="linkedin-in3">Follow us on LinkedIn</title><g id="linkedin-in3_layer"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z" /></g></svg></span>
3739      
3740    </a>
3741  
3742    
3743      
3744    
3745    
3746    
3747    <a href="https://www.instagram.com/granovirallinen/" class="aa-social-links__link" target="_blank">
3748      
3749        <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="instagram4" role="img"><title id="instagram4">Follow us on Instagram</title><g id="instagram4_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span>
3750      
3751    </a>
3752  
3753    
3754      
3755    
3756    
3757    
3758    <a href="https://www.tiktok.com/@granosuomi" class="aa-social-links__link" target="_blank">
3759      
3760        <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon">
3761          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-labelledby="tiktok4" role="img">
3762            <title id="tiktok4">Follow us on TikTok</title>
3763            <g id="tiktok4_layer">
3764              <path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z" />
3765            </g>
3766          </svg>
3767        </span>
3768      
3769    </a>
3770  
3771    
3772      
3773    
3774    
3775    
3776    <a href="https://www.youtube.com/@granovirallinen" class="aa-social-links__link" target="_blank">
3777      
3778        <span id="hs_cos_wrapper_footer_social_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon aa-social-links__icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" aria-labelledby="youtube5" role="img"><title id="youtube5">Seuraa meitä YouTubessa</title><g id="youtube5_layer"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" /></g></svg></span>
3779      
3780    </a>
3781  
3782</div></div>
3783      
3784    </div>
3785
3786    <div class="aa-site-footer__secondary">
3787      <div class="aa-site-footer__secondary__inner">
3788        <div class="aa-site-footer__secondary__body">
3789          <a href="https://www.grano.fi/evastepolitiikka">Evästepolitiikka</a>
3790          <a href="https://www.grano.fi/rekisteriseloste">Tietosuojaseloste</a>
3791        </div>
3792      </div>
3793    </div>
3794
3795    <div class="footer__copyright">
3796      
3797      <div class="footer__copyright__inner">
3798          © 2026 All rights reserved.
3799      </div>
3800      
3801    </div>
3802
3803  </div>
3804
3805</footer>
3806
3807</div>
3808                
3809            </div>
3810
3811            
3812<!-- HubSpot performance collection script -->
3813<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3813
3813
3814<script>
3815var hsVars = hsVars || {}; hsVars['language'] = 'fi';
3816</script>
3816
3817
3818<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
3818
3819
3820        
3820<script src="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82874842036/1789991247187/template_autoComplete.min.js" data-cookieconsent="ignore"></script>
3820
3821        
3821<script src="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82873802004/1789991251897/template_app.min.js" data-cookieconsent="ignore"></script>
vendor: 1 bytes, line 3821
3821
3822<script src="https://www.grano.fi/hubfs/hub_generated/module_assets/1/102025749207/1766419293074/module_search-input.min.js"></script>
3822
3823<!-- HubSpot Video embed loader -->
3824<script async data-hs-portal-id="524565" data-hs-ignore="true" data-cookieconsent="ignore" data-hs-region="eu1" data-hs-page-id="91843739439" src="https://static.hsappstatic.net/video-embed/ex/loader.js"></script>
3824
3825<!-- Start of Web Interactives Embed Code -->
3826<script defer src="https://js-eu1.hubspot.com/web-interactives-embed.js" type="text/javascript" id="hubspot-web-interactives-loader" data-loader="hs-previewer" data-hsjs-portal="524565" data-hsjs-env="prod" data-hsjs-hublet="eu1"></script>
3826
3827<!-- End of Web Interactives Embed Code -->
3828
3829        
3829<script src="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82874842039/1789991246707/template_splide.min.js" data-cookieconsent="ignore"></script>
3829
3830    
3831
3832        
3832<script data-cookieconsent="ignore">
3833            // Build sliders
3834            document.addEventListener('DOMContentLoaded', () => {
3835                document.querySelectorAll('.aa-blog-feed.aa-module-id-widget_1663847014287 .splide').forEach(slider => new Splide(slider, {
3836                    type: 'slide',
3837                    
3838                        perPage: 4,
3839                    
3840                    perMove: 1,
3841                    speed: 500,
3842                    pagination : false,
3843                    drag: true,
3844                    width: '100%',
3845                    gap : '30px',
3846                    autoWidth: false,
3847                    breakpoints: {
3848                        1440: {
3849                            
3850                                perPage: 3,
3851                            
3852                            gap : '40px',
3853                        },
3854                        768: {
3855                            perPage: 2,
3856                            gap : '30px',
3857                        },
3858                        576: {
3859                            perPage: 1,
3860                            gap : '20px',
3861                        }
3862                    }
3863                }).mount());
3864            });
3865        </script>
3865
3866    
3867
3868    <!--[if lte IE 8]>
3869    
3869<script charset="utf-8" src="https://js-eu1.hsforms.net/forms/v2-legacy.js"></script>
3869
3870    <![endif]-->
3871
3872<script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script>
3872
3873
3874    
3874<script data-hs-allowed="true">
3875        var options = {
3876            portalId: '524565',
3877            formId: '7f21d6bc-09a7-4464-85e6-5c53364db526',
3878            formInstanceId: '7864',
3879            
3880            pageId: '91843739439',
3881            
3882            region: 'eu1',
3883            
3884            
3885            
3886            
3887            pageName: "GRANO | Vastuullisuus",
3888            
3889            
3890            redirectUrl: "https:\/\/www.grano.fi\/kiitos-uutiskirje",
3891            
3892            
3893            
3894            
3895            
3896            css: '',
3897            target: '#hs_form_target_form_976840241',
3898            
3899            
3900            
3901            
3902            
3903            
3904            
3905            contentType: "standard-page",
3906            
3907            
3908            
3909            formsBaseUrl: '/_hcms/forms/',
3910            
3911            
3912            
3913            formData: {
3914                cssClass: 'hs-form stacked hs-custom-form'
3915            }
3916        };
3917
3918        options.getExtraMetaDataBeforeSubmit = function() {
3919            var metadata = {};
3920            
3921
3922            if (hbspt.targetedContentMetadata) {
3923                var count = hbspt.targetedContentMetadata.length;
3924                var targetedContentData = [];
3925                for (var i = 0; i < count; i++) {
3926                    var tc = hbspt.targetedContentMetadata[i];
3927                     if ( tc.length !== 3) {
3928                        continue;
3929                     }
3930                     targetedContentData.push({
3931                        definitionId: tc[0],
3932                        criterionId: tc[1],
3933                        smartTypeId: tc[2]
3934                     });
3935                }
3936                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
3937            }
3938
3939            return metadata;
3940        };
3941
3942        hbspt.forms.create(options);
3943    </script>
3943
3944
3945
3946<!-- Start of HubSpot Analytics Code -->
3947<script type="text/javascript">
3948var _hsq = _hsq || [];
3949_hsq.push(["setContentType", "standard-page"]);
3950_hsq.push(["setCanonicalUrl", "https:\/\/www.grano.fi\/vastuullisuus"]);
3951_hsq.push(["setPageId", "91843739439"]);
3952_hsq.push(["setContentMetadata", {
3953    "contentPageId": 91843739439,
3954    "legacyPageId": "91843739439",
3955    "contentFolderId": null,
3956    "contentGroupId": null,
3957    "abTestId": null,
3958    "languageVariantId": 91843739439,
3959    "languageCode": "fi",
3960    
3961    
3962}]);
3963</script>
3963
3964
3965<script type="text/javascript">
3966var hbspt = hbspt || {};
3967(hbspt.targetedContentMetadata = hbspt.targetedContentMetadata || []).push(...[]);
3968
3969var _hsq = _hsq || [];
3970_hsq.push(["setTargetedContentMetadata", hbspt.targetedContentMetadata]);
3971</script>
vendor: 1 bytes, line 3971
3971
3972<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/524565.js"></script>
3972
3973<!-- End of HubSpot Analytics Code -->
3974
3975
3976<script type="text/javascript">
3977var hsVars = {
3978    render_id: "ecc68826-8d39-4e9f-bb95-18e162508e9a",
3979    ticks: 1790855864639,
3980    page_id: 91843739439,
3981    
3982    content_group_id: 0,
3983    portal_id: 524565,
3984    app_hs_base_url: "https://app-eu1.hubspot.com",
3985    cp_hs_base_url: "https://cp-eu1.hubspot.com",
3986    language: "fi",
3987    analytics_page_type: "standard-page",
3988    scp_content_type: "",
3989    
3990    analytics_page_id: "91843739439",
3991    category_id: 1,
3992    folder_id: 0,
3993    is_hubspot_user: false
3994}
3995</script>
3995
3996
3997
3998<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3998
3999
4000
4001
4002
4003
4004
4005
4006        </div>
4007
4008        
4008<script data-cookieconsent="ignore">
4009            // Detect IE11
4010            if (window.document.documentMode) {
4011                document.body.classList.add('ie');
4012
4013                // Add IE support for CSS variables
4014                var ieCssVarsScript = document.createElement('script');
4015                ieCssVarsScript.src = "//524565.fs1.hubspotusercontent-eu1.net/hubfs/524565/hub_generated/template_assets/1/82874842038/1789991251028/template_css-vars-ponyfill.min.js"
4016                document.head.appendChild(ieCssVarsScript);
4017
4018                ieCssVarsScript.onload = function() {
4019                    cssVars({});
4020                };
4021            }
4022        </script>
4022
4023    
4024</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.