PageSourceSearch

https://www.grano.fi/yhteystiedot

html grano.fi collected 2026-10-02 04:40:43 UTC 178,771 bytes, 4,014 lines download raw bytes

1<!doctype html><html class="hs-skip-lang-url-rewrite" lang="fi"><head>
2        <meta charset="utf-8">
3        <title>Yhteystiedot | Grano</title>
4        <link rel="shortcut icon" href="https://www.grano.fi/hubfs/Identity/grano-favicon-yellow-black.png">
5        <meta name="description" content="Granon palvelut ovat saatavilla 21 eri paikkakunnalla Helsingistä Rovaniemelle. Pääkonttori sijaitsee Helsingissä. ">
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 palvelut ovat saatavilla 21 eri paikkakunnalla Helsingistä Rovaniemelle. Pääkonttori sijaitsee Helsingissä. ">
199    <meta property="og:title" content="Yhteystiedot | Grano">
200    <meta name="twitter:description" content="Granon palvelut ovat saatavilla 21 eri paikkakunnalla Helsingistä Rovaniemelle. Pääkonttori sijaitsee Helsingissä. ">
201    <meta name="twitter:title" content="Yhteystiedot | Grano">
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
273    
274    <link rel="canonical" href="https://www.grano.fi/yhteystiedot">
275
276<meta name="facebook-domain-verification" content="wnugezakiyqs1hyy028g5ipdzq8gxh">
277<meta name="google-site-verification" content="GtJU_SEbpjk_Ci54VNZN_lme5OKxdPoJWP7ZMtLi3Sw">
278<meta name="google-site-verification" content="_RQVU8sG9-jsSuzM18iBya11XwQ_-Vg1oUWQiH1HE20">
279<meta name="msvalidate.01" content="05B35D4C11D9C32A05DD95E78F076B2D">
280<meta name="p:domain_verify" content="943c6ffcf865c8bbc98517b53cec8183">
281
282<!-- Leadoo core features, no consent check required -->
283<script type="text/javascript" async src="https://bot.leadoo.com/bot/dynamic.js?company=lWsjtsy"></script>
283  
284
285<!-- Leadoo, enables trackers when statistics consent is given (10-10-23 1523) -->
286<script type="text/javascript" data-cookieconsent="ignore">
287   window.addEventListener('CookiebotOnAccept', function (e) {
288   if (!Cookiebot.consent.statistics) return;
289     {
290     	if (!window.ldanalytics) window.ldanalytics = [];
291		window.ldanalytics.push(function(a) {
292   		a.toggleTracking(true, false);
293		});
294     }
295   }, false);
296</script>
296
297
298<!-- Google Consent Mode -->
299<script data-cookieconsent="ignore">
300  window.dataLayer = window.dataLayer || [];
301  function gtag() {
302    dataLayer.push(arguments)
303  }
304  gtag("consent", "default", {
305    ad_personalization: "denied",
306    ad_storage: "denied",
307    ad_user_data: "denied",
308    analytics_storage: "denied",
309    functionality_storage: "denied",
310    personalization_storage: "denied",
311    security_storage: "granted",
312    wait_for_update: 500
313  });
314  gtag("set", "ads_data_redaction", true);
315  gtag("set", "url_passthrough", false);
316</script>
316
317<!-- End Google Consent Mode-->
318
319<!-- Google Tag Manager -->
320<script data-cookieconsent="ignore">
vendor: 321 bytes, lines 320-324
320(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
321new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
322j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
323'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
324})(window,document,'script','dataLayer','
324GTM-WNG3ZF
vendor: 3 bytes, line 324
324');
324</script>
324
325<!-- End Google Tag Manager -->
326
327
328	
328<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>
328
329
330
331
332
333
334<meta property="og:image" content="https://www.grano.fi/hubfs/Images/Grano%20logo/Yhteystiedot_featured_image.jpg">
335<meta property="og:image:width" content="300">
336<meta property="og:image:height" content="300">
337<meta property="og:image:alt" content="Palvelemme sinua parhaalla mahdollisella tavalla, valitsemallasi palvelukanavalla.">
338<meta name="twitter:image" content="https://www.grano.fi/hubfs/Images/Grano%20logo/Yhteystiedot_featured_image.jpg">
339<meta name="twitter:image:alt" content="Palvelemme sinua parhaalla mahdollisella tavalla, valitsemallasi palvelukanavalla.">
340
341<meta property="og:url" content="https://www.grano.fi/yhteystiedot">
342<meta name="twitter:card" content="summary_large_image">
343<meta http-equiv="content-language" content="fi">
344<link rel="alternate" hreflang="en" href="https://www.grano.fi/en/contact-information">
345<link rel="alternate" hreflang="fi" href="https://www.grano.fi/yhteystiedot">
346<link rel="alternate" hreflang="sv" href="https://www.grano.fi/sv/kontakt">
347
348
349
350
351
352<meta name="addsearch-boost" content="200">
353    <meta name="generator" content="HubSpot"></head>
354    <body>
355        <div class="body-wrapper   hs-content-id-4982342876 hs-site-page page ">
356            <div class="aa-site-wrapper">
357                
358                    
359                        <div data-global-resource-path="G2022-Theme/templates/partials/header.html">
359<script charset="utf-8" type="text/javascript" data-hs-allowed="true" data-cookieconsent="ignore" src="/_hcms/forms/v2.js"></script>
359
360
361<a href="#main" class="aa-skip-navigation hs-search-hidden">
362  Siirry suoraan sisältöön
363</a>
364
365<header class="aa-site-header hs-search-hidden" aria-label="Sivuston ylätunniste">
366  <div class="aa-site-header__top hidden-lg-down">
367    <div class="aa-navigation-container">
368      <div class="aa-site-header__inner">
369        <nav class="aa-navigation aa-navigation--secondary" aria-label="Toissijainen valikko">
370          <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">
371 <ul role="menu" class="active-branch">
372  <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-mobile">Yhteystiedot</span></a></li>
373  <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">Vastuullisuus</a>
374   <ul role="menu" class="hs-menu-children-wrapper">
375    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus" role="menuitem">Vastuullisuus Granolla</a></li>
376    <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>
377    <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>
378    <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>
379    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/asiakasvastuu" role="menuitem">Asiakasvastuu</a></li>
380    <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>
381    <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>
382    <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>
383    <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>
384    <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>
385    <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>
386    <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>
387    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/hiilitiekartta" role="menuitem">Hiilitiekartta</a></li>
388   </ul></li>
389  <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>
390   <ul role="menu" class="hs-menu-children-wrapper">
391    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys" role="menuitem">Grano yrityksenä</a></li>
392    <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>
393    <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>
394    <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>
395    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" role="menuitem">Medialle</a></li>
396    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/painotalo" role="menuitem">Painotalo</a></li>
397    <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>
398    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/laskutus" role="menuitem">Laskutustiedot</a></li>
399    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/rekisteriseloste" role="menuitem">Tietosuojaseloste</a></li>
400   </ul></li>
401  <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>
402  <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>
403  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/kirjaudu" role="menuitem">Kirjaudu</a></li>
404 </ul>
405</div>
406
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<div class="aa-language">
624   <ul id="aa-language__wrapper-915" role="menu">
625     <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none">
626       <button aria-expanded="false" aria-haspopup="true" aria-controls="aa-language__popup-915" aria-label="Avaa kielivalikko">
627        FI
628      </button>
629      <ul id="aa-language__popup-915" class="hs-menu-children-wrapper" aria-label="Kieli-alivalikko" role="menu">
630         
631         
632           <li class="hs-menu-item hs-menu-depth-2" role="none">
633              <a href="https://www.grano.fi/en/contact-information" role="menuitem">
634                EN
635              </a>
636           </li>
637         
638         
639           <li class="hs-menu-item hs-menu-depth-2" role="none">
640              <a href="https://www.grano.fi/sv/kontakt" role="menuitem">
641                SV
642              </a>
643           </li>
644         
645       </ul>
646     </li>
647   </ul>
648</div>
649        </nav>
650      </div>
651    </div>
652  </div>
653  <div class="aa-site-header__inner">
654    <div class="aa-branding">
655      <a href="/" aria-label="Palaa etusivulle">
656        <!--?xml version="1.0" encoding="utf-8"?-->
657        <!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
658        <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">
659        <style type="text/css">
660          .st0{fill:#131718;}
661          .st1{fill:none;}
662        </style>
663        <g>
664          <g>
665            <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 
666              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 		" />
667            <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 
668              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 		" />
669            <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
670              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
671              c4.7-0.9,7.5,0.8,7.5,4.9V36.2z" />
672            <path class="st0" d="M127.4,56l2.9,8.2l10.2-1.9l-15.7-4
6720.7L111.8,24L97.3,70.3l10.4-1.9l2.9-9.3L127.4,56z M118.8,31.8l5.8,16
673              l-11.3,2.1L118.8,31.8z" />
674            <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 
675              157,40.3 		" />
676            <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
677              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
678              c-0.1,6.7-5.1,14.3-10.9,15.4C206.4,59.3,202.2,54.3,202.2,47z" />
679            <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
680              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
681              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" />
682          </g>
683          <rect x="-43.1" y="-44.4" class="st1" width="325.5" height="177.5" />
684        </g>
685        </svg>    
686      </a>  
687    </div>
688
689    <div class="aa-navigation-container hidden-lg-down">
690      <nav class="aa-navigation aa-navigation--primary" aria-label="Päävalikko">
691        <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">
692 <ul role="menu" class="active-branch">
693  <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>
694   <ul role="menu" class="hs-menu-children-wrapper">
695    <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>
696     <ul role="menu" class="hs-menu-children-wrapper">
697      <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>
698     </ul></li>
699    <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>
700     <ul role="menu" class="hs-menu-children-wrapper">
701      <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>
702      <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>
703      <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>
704      <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>
705      <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>
706      <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>
707      <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>
708     </ul></li>
709    <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>
710     <ul role="menu" class="hs-menu-children-wrapper">
711      <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>
712      <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">
712Pakkaukset ja etiketit</a></li>
713      <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>
714      <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>
715      <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>
716      <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>
717      <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>
718      <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>
719     </ul></li>
720    <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>
721     <ul role="menu" class="hs-menu-children-wrapper">
722      <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>
723      <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>
724      <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>
725      <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>
726     </ul></li>
727    <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>
728     <ul role="menu" class="hs-menu-children-wrapper">
729      <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>
730      <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>
731     </ul></li>
732   </ul></li>
733  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/referenssit" role="menuitem">Referenssit</a></li>
734  <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>
735  <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>
736   <ul role="menu" class="hs-menu-children-wrapper">
737    <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>
738    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/oppaat" role="menuitem">Oppaat</a></li>
739    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/webinaarit" role="menuitem">Webinaarit</a></li>
740   </ul></li>
741  <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>
742   <ul role="menu" class="hs-menu-children-wrapper">
743    <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">
743Kirjaudu Granon tilausjärjestelmiin</a></li>
744    <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>
745    <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>
746    <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>
747   </ul></li>
748  <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-desktop">Yhteystiedot</span></a></li>
749 </ul>
750</div>
751
752<template id="nav-contact-information">
753    <div class="nav-contact-info">
754      <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>  
755    </div>
756</template>
757
758<template id="nav-contact-form">
759    <div class="nav-contact-form aa-form-button aa-form-button--1">
760      
761      <div class="nav-contact-form__header">
762      
763        
764          
765            <button class="aa-button aa-button--1" type="button" data-filter="nav-contact-form-container--1">
766              Pyydä tarjous
767            </button>
768          
769        
770          
771            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--2">
772              Tilaa
773            </button>
774          
775        
776          
777            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--3">
778              Tilaa rakennuspiirustuksia
779            </button>
780          
781        
782      
783      </div>
784      
785      <div class="nav-contact-form__body">
786        
787          <div class="nav-contact-form-container nav-contact-form-container--1">
788            
789              <p class="h3">Pyydä tarjous</p>
790            
791            
792            
792<script>
793              hbspt.forms.create({
794                region: "na1",
795                portalId: "524565",
796                formId: "70691719-5b20-4d7c-b823-44e863251d77",
797                
798                  redirectUrl: "",
799                
800                onFormReady: function($form) {
801                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
802                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
803                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
804          
805                  // Custom button to provide better UX for clearing file input fields
806                  if(files) {
807          
808                      files.forEach(el => {
809                          const pageLang = document.querySelector('html').getAttribute('lang');
810
811                          let customFileBtn = document.createElement('input');
812                          customFileBtn.setAttribute('type', 'button');
813                          customFileBtn.setAttribute('class', 'aa-button');
814                          customFileBtn.classList.add('aa-button--5');
815                          if (pageLang == "en") {
816                            customFileBtn.setAttribute('value', 'Choose file');
817                          } else if (pageLang == "sv") {
818                            customFileBtn.setAttribute('value', 'Välj fil');
819                          } else {
820                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
821                          }
822                          customFileBtn.addEventListener('click', addFile);
823                          el.appendChild(customFileBtn);
824
825                          let customFileText = document.createElement('span');
826                          el.appendChild(customFileText);
827
828                          let clearFilesBtn = document.createElement('div');
829                          clearFilesBtn.classList.add('aa-clear-button');
830                          if (pageLang == "en") {
831                            clearFilesBtn.innerHTML = "Remove the file";
832                          } else if (pageLang == "sv") {
833                            clearFilesBtn.innerHTML = "Ta bort filen";
834                          } else {
835                            clearFilesBtn.innerHTML = "Poista tiedosto";
836                          }
837                          clearFilesBtn.addEventListener('click', clearFileInput);
838          
839                          el.appendChild(clearFilesBtn);
840
841                          el.querySelector('input[type="file"]').addEventListener('change', function() {
842                            let fileName = el.querySelector('input[type="file"]').files[0];
843                            el.querySelector('span').innerHTML = fileName.name;
844                          });
845                      });
846
847                      function addFile(event) {
848                          let parent = event.target.parentNode;
849                          let fileInput = parent.querySelector('input[type="file"]');
850
851                          fileInput.click();
852                      }
853          
854                      function clearFileInput(event) {
855                          let parent = event.target.parentNode;
856                          let fileInput = parent.querySelector('input[type="file"]');
857                      
858                          fileInput.value = "";
859
860                          parent.querySelector('span').innerHTML = "";
861                      }
862          
863                  }
864          
865                  selectInputs.forEach(element => {
866                      element.insertAdjacentHTML(
867                          "beforeend",
868                          '<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>'
869                      );
870                  });
871          
872                  dateInputs.forEach(element => {
873                      element.setAttribute("placeholder", "YY-MM-DD");
874                  });
875                } 
876              });
877            </script>
877
878          </div>
879        
880          <div class="nav-contact-form-container nav-contact-form-container--2 nav-contact-form-container--hidden">
881            
882              <p class="h3">Tilaa lomakkeella</p>
883            
884            
885            
885<script>
886              hbspt.forms.create({
887                region: "na1",
888                portalId: "524565",
889                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
890                
891                  redirectUrl: "",
892                
893                onFormReady: function($form) {
894                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
895                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
896                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
897          
898                  // Custom button to provide better UX for clearing file input fields
899                  if(files) {
900          
901                      files.forEach(el => {
902                          const pageLang = document.querySelector('html').getAttribute('lang');
903
904                          let customFileBtn = document.createElement('input');
905                          customFileBtn.setAttribute('type', 'button');
906                          customFileBtn.setAttribute('class', 'aa-button');
907                          customFileBtn.classList.add('aa-button--5');
908                          if (pageLang == "en") {
909                            customFileBtn.setAttribute('value', 'Choose file');
910                          } else if (pageLang == "sv") {
911                            customFileBtn.setAttribute('value', 'Välj fil');
912                          } else {
913                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
914                          }
915                          customFileBtn.addEventListener('click', addFile);
916                          el.appendChild(customFileBtn);
917
918                          let customFileText = document.createElement('span');
919                          el.appendChild(customFileText);
920
921                          let clearFilesBtn = document.createElement('div');
922                          clearFilesBtn.classList.add('aa-clear-button');
923                          if (pageLang == "en") {
924                            clearFilesBtn.innerHTML = "Remove the file";
925                          } else if (pageLang == "sv") {
926                            clearFilesBtn.innerHTML = "Ta bort filen";
927                          } else {
928                            clearFilesBtn.innerHTML = "Poista tiedosto";
929                          }
930                          clearFilesBtn.addEventListener('click', clearFileInput);
931          
932                          el.appendChild(clearFilesBtn);
933
934                          el.querySelector('input[type="file"]').addEventListener('change', function() {
935                            let fileName = el.querySelector('input[type="file"]').files[0];
936                            el.querySelector('span').innerHTML = fileName.name;
937                          });
938                      });
939
940                      function addFile(event) {
941                          let parent = event.target.parentNode;
942                          let fileInput = parent.querySelector('input[type="file"]');
943
944                          fileInput.click();
945                      }
946          
947                      function clearFileInput(event) {
948                          let parent = event.target.parentNode;
949                          let fileInput = parent.querySelector('input[type="file"]');
950                      
951                          fileInput.value = "";
952
953                          parent.querySelector('span').innerHTML = "";
954                      }
955          
956                  }
957          
958                  selectInputs.forEach(element => {
959                      element.insertAdjacentHTML(
960                          "beforeend",
961                          '<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>'
962                      );
963                  });
964          
965                  dateInputs.forEach(element => {
966                      element.setAttribute("placeholder", "YY-MM-DD");
967                  });
968                } 
969              });
970            </script>
970
971          </div>
972        
973          <div class="nav-contact-form-container nav-contact-form-container--3 nav-contact-form-container--hidden">
974            
975              <p class="h3">Tilaa rakennuspiirustuksia</p>
976            
977            
978            
978<script>
979              hbspt.forms.create({
980                region: "na1",
981                portalId: "524565",
982                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
983                
984                  redirectUrl: "",
985                
986                onFormReady: function($form) {
987                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
988                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
989                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
990          
991                  // Custom button to provide better UX for clearing file input fields
992                  if(files) {
993          
994                      files.forEach(el => {
995                          const pageLang = document.querySelector('html').getAttribute('lang');
996
997                          let customFileBtn = document.createElement('input');
998                          customFileBtn.setAttribute('type', 'button');
999                          customFileBtn.setAttribute('class', 'aa-button');
1000                          customFileBtn.classList.add('aa-button--5');
1001                          if (pageLang == "en") {
1002                            customFileBtn.setAttribute('value', 'Choose file');
1003                          } else if (pageLang == "sv") {
1004                            customFileBtn.setAttribute('value', 'Välj fil');
1005                          } else {
1006                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1007                          }
1008                          customFileBtn.addEventListener('click', addFile);
1009                          el.appendChild(customFileBtn);
1010
1011                          let customFileText = document.createElement('span');
1012                          el.appendChild(customFileText);
1013
1014                          let clearFilesBtn = document.createElement('div');
1015                          clearFilesBtn.classList.add('aa-clear-button');
1016                          if (pageLang == "en") {
1017                            clearFilesBtn.innerHTML = "Remove the file";
1018                          } else if (pageLang == "sv") {
1019                            clearFilesBtn.innerHTML = "Ta bort filen";
1020                          } else {
1021                            clearFilesBtn.innerHTML = "Poista tiedosto";
1022                          }
1023                          clearFilesBtn.addEventListener('click', clearFileInput);
1024          
1025                          el.appendChild(clearFilesBtn);
1026
1027                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1028                            let fileName = el.querySelector('input[type="file"]').files[0];
1029                            el.querySelector('span').innerHTML = fileName.name;
1030                          });
1031                      });
1032
1033                      function addFile(event) {
1034                          let parent = event.target.parentNode;
1035                          let fileInput = parent.querySelector('input[type="file"]');
1036
1037                          fileInput.click();
1038                      }
1039          
1040                      function clearFileInput(event) {
1041                          let parent = event.target.parentNode;
1042                          let fileInput = parent.querySelector('input[type="file"]');
1043                      
1044                          fileInput.value = "";
1045
1046                          parent.querySelector('span').innerHTML = "";
1047                      }
1048          
1049                  }
1050          
1051                  selectInputs.forEach(element => {
1052                      element.insertAdjacentHTML(
1053                          "beforeend",
1054                          '<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>'
1055                      );
1056                  });
1057          
1058                  dateInputs.forEach(element => {
1059                      element.setAttribute("placeholder", "YY-MM-DD");
1060                  });
1061                } 
1062              });
1063            </script>
1063
1064          </div>
1065        
1066      </div>
1067    </div>
1068</template>
1069
1070
1071<template id="nav-contact-form-mobile">
1072    <div class="nav-contact-form aa-form-button aa-form-button--1">
1073    
1074      <div class="nav-contact-form__header">
1075      
1076        
1077          
1078            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--1">
1079              Pyydä tarjous
1080            </button>
1081          
1082        
1083          
1084            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--2">
1085              Tilaa
1086            </button>
1087          
1088        
1089          
1090            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--3">
1091              Tilaa rakennuspiirustuksia
1092            </button>
1093          
1094        
1095      
1096      </div>
1097      
1098      <div class="nav-contact-form__body">
1099        
1100          <div class="nav-contact-form-container nav-contact-form-container-mobile--1">
1101            
1102              <p class="h3">Pyydä tarjous</p>
1103            
1104            
1105            
1105<script>
1106              hbspt.forms.create({
1107                region: "na1",
1108                portalId: "524565",
1109                formId: "70691719-5b20-4d7c-b823-44e863251d77",
1110                
1111                  redirectUrl: "",
1112                
1113                onFormReady: function($form) {
1114                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1115                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1116                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1117          
1118                  // Custom button to provide better UX for clearing file input fields
1119                  if(files) {
1120          
1121                      files.forEach(el => {
1122                          const pageLang = document.querySelector('html').getAttribute('lang');
1123
1124                          let customFileBtn = document.createElement('input');
1125                          customFileBtn.setAttribute('type', 'button');
1126                          customFileBtn.setAttribute('class', 'aa-button');
1127                          customFileBtn.classList.add('aa-button--5');
1128                          if (pageLang == "en") {
1129                            customFileBtn.setAttribute('value', 'Choose file');
1130                          } else if (pageLang == "sv") {
1131                            customFileBtn.setAttribute('value', 'Välj fil');
1132                          } else {
1133                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1134                          }
1135                          customFileBtn.addEventListener('click', addFile);
1136                          el.appendChild(customFileBtn);
1137
1138                          let customFileText = document.createElement('span');
1139                          el.appendChild(customFileText);
1140
1141                          let clearFilesBtn = document.createElement('div');
1142                          clearFilesBtn.classList.add('aa-clear-button');
1143                          if (pageLang == "en") {
1144                            clearFilesBtn.innerHTML = "Remove the file";
1145                          } else if (pageLang == "sv") {
1146                            clearFilesBtn.innerHTML = "Ta bort filen";
1147                          } else {
1148                            clearFilesBtn.innerHTML = "Poista tiedosto";
1149                          }
1150                          clearFilesBtn.addEventListener('click', clearFileInput);
1151          
1152                          el.appendChild(clearFilesBtn);
1153
1154                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1155                            let fileName = el.querySelector('input[type="file"]').files[0];
1156                            el.querySelector('span').innerHTML = fileName.name;
1157                          });
1158                      });
1159
1160                      function addFile(event) {
1161                          let parent = event.target.parentNode;
1162                          let fileInput = parent.querySelector('input[type="file"]');
1163
1164                          fileInput.click();
1165                      }
1166          
1167                      function clearFileInput(event) {
1168                          let parent = event.target.parentNode;
1169                          let fileInput = parent.querySelector('input[type="file"]');
1170                      
1171                          fileInput.value = "";
1172
1173                          parent.querySelector('span').innerHTML = "";
1174                      }
1175          
1176                  }
1177          
1178                  selectInputs.forEach(element => {
1179                      element.insertAdjacentHTML(
1180                          "beforeend",
1181                          '<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>'
1182                      );
1183                  });
1184          
1185                  dateInputs.forEach(element => {
1186                      element.setAttribute("placeholder", "YY-MM-DD");
1187                  });
1188                } 
1189              });
1190            </script>
1190
1191          </div>
1192        
1193          <div class="nav-contact-form-container nav-contact-form-container-mobile--2 nav-contact-form-container--hidden">
1194            
1195              <p class="h3">Tilaa lomakkeella</p>
1196            
1197            
1198            
1198<script>
1199              hbspt.forms.create({
1200                region: "na1",
1201                portalId: "524565",
1202                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
1203                
1204                  redirectUrl: "",
1205                
1206                onFormReady: function($form) {
1207                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1208                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1209                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1210          
1211                  // Custom button to provide better UX for clearing file input fields
1212                  if(files) {
1213          
1214                      files.forEach(el => {
1215                          const pageLang = document.querySelector('html').getAttribute('lang');
1216
1217                          let customFileBtn = document.createElement('input');
1218                          customFileBtn.setAttribute('type', 'button');
1219                          customFileBtn.setAttribute('class', 'aa-button');
1220                          customFileBtn.classList.add('aa-button--5');
1221                          if (pageLang == "en") {
1222                            customFileBtn.setAttribute('value', 'Choose file');
1223                          } else if (pageLang == "sv") {
1224                            customFileBtn.setAttribute('value', 'Välj fil');
1225                          } else {
1226                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1227                          }
1228                          customFileBtn.addEventListener('click', addFile);
1229                          el.appendChild(customFileBtn);
1230
1231                          let customFileText = document.createElement('span');
1232                          el.appendChild(customFileText);
1233
1234                          let clearFilesBtn = document.createElement('div');
1235                          clearFilesBtn.classList.add('aa-clear-button');
1236                          if (pageLang == "en") {
1237                            clearFilesBtn.innerHTML = "Remove the file";
1238                          } else if (pageLang == "sv") {
1239                            clearFilesBtn.innerHTML = "Ta bort filen";
1240                          } else {
1241                            clearFilesBtn.innerHTML = "Poista tiedosto";
1242                          }
1243                          clearFilesBtn.addEventListener('click', clearFileInput);
1244          
1245                          el.appendChild(clearFilesBtn);
1246
1247                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1248                            let fileName = el.querySelector('input[type="file"]').files[0];
1249                            el.querySelector('span').innerHTML = fileName.name;
1250                          });
1251                      });
1252
1253                      function addFile(event) {
1254                          let parent = event.target.parentNode;
1255                          let fileInput = parent.querySelector('input[type="file"]');
1256
1257                          fileInput.click();
1258                      }
1259          
1260                      function clearFileInput(event) {
1261                          let parent = event.target.parentNode;
1262                          let fileInput = parent.querySelector('input[type="file"]');
1263                      
1264                          fileInput.value = "";
1265
1266                          parent.querySelector('span').innerHTML = "";
1267                      }
1268          
1269                  }
1270          
1271                  selectInputs.forEach(element => {
1272                      element.insertAdjacentHTML(
1273                          "beforeend",
1274                          '<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>'
1275                      );
1276                  });
1277          
1278                  dateInputs.forEach(element => {
1279                      element.setAttribute("placeholder", "YY-MM-DD");
1280                  });
1281                } 
1282              });
1283            </script>
1283
1284          </div>
1285        
1286          <div class="nav-contact-form-container nav-contact-form-container-mobile--3 nav-contact-form-container--hidden">
1287            
1288              <p class="h3">Tilaa rakennuspiirustuksia</p>
1289            
1290            
1291            
1291<script>
1292              hbspt.forms.create({
1293                region: "na1",
1294                portalId: "524565",
1295                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
1296                
1297                  redirectUrl: "",
1298                
1299                onFormReady: function($form) {
1300                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1301                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1302                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1303          
1304                  // Custom button to provide better UX for clearing file input fields
1305                  if(files) {
1306          
1307                      files.forEach(el => {
1308                          const pageLang = document.querySelector('html').getAttribute('lang');
1309
1310                          let customFileBtn = document.createElement('input');
1311                          customFileBtn.setAttribute('type', 'button');
1312                          customFileBtn.setAttribute('class', 'aa-button');
1313                          customFileBtn.classList.add('aa-button--5');
1314                          if (pageLang == "en") {
1315                            customFileBtn.setAttribute('value', 'Choose file');
1316                          } else if (pageLang == "sv") {
1317                            customFileBtn.setAttribute('value', 'Välj fil');
1318                          } else {
1319                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1320                          }
1321                          customFileBtn.addEventListener('click', addFile);
1322                          el.appendChild(customFileBtn);
1323
1324                          let customFileText = document.createElement('span');
1325                          el.appendChild(customFileText);
1326
1327                          let clearFilesBtn = document.createElement('div');
1328                          clearFilesBtn.classList.add('aa-clear-button');
1329                          if (pageLang == "en") {
1330                            clearFilesBtn.innerHTML = "Remove the file";
1331                          } else if (pageLang == "sv") {
1332                            clearFilesBtn.innerHTML = "Ta bort filen";
1333                          } else {
1334                            clearFilesBtn.innerHTML = "Poista tiedosto";
1335                          }
1336                          clearFilesBtn.addEventListener('click', clearFileInput);
1337          
1338                          el.appendChild(clearFilesBtn);
1339
1340                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1341                            let fileName = el.querySelector('input[type="file"]').files[0];
1342                            el.querySelector('span').innerHTML = fileName.name;
1343                          });
1344                      });
1345
1346                      function addFile(event) {
1347                          let parent = event.target.parentNode;
1348                          let fileInput = parent.querySelector('input[type="file"]');
1349
1350                          fileInput.click();
1351                      }
1352          
1353                      function clearFileInput(event) {
1354                          let parent = event.target.parentNode;
1355                          let fileInput = parent.querySelector('input[type="file"]');
1356                      
1357                          fileInput.value = "";
1358
1359                          parent.querySelector('span').innerHTML = "";
1360                      }
1361          
1362                  }
1363          
1364                  selectInputs.forEach(element => {
1365                      element.insertAdjacentHTML(
1366                          "beforeend",
1367                          '<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>'
1368                      );
1369                  });
1370          
1371                  dateInputs.forEach(element => {
1372                      element.setAttribute("placeholder", "YY-MM-DD");
1373                  });
1374                } 
1375              });
1376            </script>
1376
1377          </div>
1378        
1379      </div>
1380    </div>
1381</template>
1382
1383
1384<template id="all-products-text">
1385    <div class="all-products-text">
1386      Katso kaikki ratkaisut ja tuotteet <a href="https://www.grano.fi/ratkaisut-ja-tuotteet/listaus" rel="noopener">täältä</a>  
1387    </div>
1388</template>
1389      </nav>
1390    </div>
1391
1392    
1393    <button id="open-search-popup" class="search-icon-btn" aria-expanded="false" aria-haspopup="true" aria-controls="nav-search-popup" aria-label="Avaa haku">
1394      <svg width="73" height="73" viewbox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Avaa haku">
1395        <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 
139517.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>
1396      </svg>
1397    </button>
1398
1399    <div class="nav-search-popup fi-search">
1400      <div class="gsc-control-cse" style="width: 100%;">
1401        <div class="gsc-input-box">
1402          <span class="h3">Hae sivustolta</span>
1403      
1404          <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">
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425<div class="hs-search-field">
1426    <div class="hs-search-field__bar hs-search-field__bar--button-inline  ">
1427      <form data-hs-do-not-collect="true" class="hs-search-field__form" action="https://www.grano.fi/search">
1428
1429        <label class="hs-search-field__label show-for-sr" for="module_17664028976507-input">Tämä on hakukenttä, johon on liitetty automaattinen ehdotus.</label>
1430
1431        <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">
1432
1433        <input type="hidden" name="limit" value="10">
1434
1435        
1436          <input type="hidden" name="type" value="SITE_PAGE">
1437        
1438        
1439        
1440          <input type="hidden" name="type" value="BLOG_POST">
1441          
1442        
1443        
1444         <input type="hidden" name="lang" value="fi">
1445        
1446        
1447        
1448
1449        <button class="hs-search-field__button " aria-label="Haku">
1450          <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>
1451           </button>
1452        <div class="hs-search-field__suggestions-container ">
1453          <ul id="autocomplete-results" role="listbox" aria-label="term" class="hs-search-field__suggestions">
1454            
1455              <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>
1456            
1457          </ul>
1458        </div>
1459      </form>
1460    </div>
1461    <div id="sr-messenger" class="hs-search-sr-message-container show-for-sr" role="status" aria-live="polite" aria-atomic="true">
1462    </div>
1463</div>
1464
1465</div>
1466           
1467        </div>
1468      
1469        <p>
1470           
1471        </p>
1472        
1473        <button class="close-search-popup" aria-expanded="false" aria-haspopup="true" aria-controls="nav-search-popup" aria-label="Sulje haku">
1474          <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>
1475        </button>
1476      </div>
1477    </div>
1478
1479    <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">
1480      <span class="screen-reader-text">Avaa mobiilinavigaatio</span>
1481      <div class="aa-hamburger">
1482        <span></span>
1483      </div>
1484    </button>
1485
1486  </div>
1487</header>
1488
1489<nav class="aa-navigation aa-navigation--mobile hidden-xl-up hs-search-hidden" aria-label="Päävalikko">
1490	<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">
1491 <ul role="menu" class="active-branch">
1492  <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>
1493   <ul role="menu" class="hs-menu-children-wrapper">
1494    <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>
1495     <ul role="menu" class="hs-menu-children-wrapper">
1496      <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>
1497     </ul></li>
1498    <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>
1499     <ul role="menu" class="hs-menu-children-wrapper">
1500      <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>
1501      <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>
1502      <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>
1503      <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>
1504      <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>
1505      <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>
1506      <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>
1507     </ul></li>
1508    <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>
1509     <ul role="menu" class="hs-menu-children-wrapper">
1510      <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>
1511      <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>
1512      <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>
1513      <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>
1514      <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>
1515      <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>
1516      <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>
1517      <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>
1518     </ul></li>
1519    <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>
1520     <ul role="menu" class="hs-menu-children-wrapper">
1521      <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>
1522      <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>
1523      <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>
1524      <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>
1525     </ul></li>
1526    <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>
1527     <ul role="menu" class="hs-menu-children-wrapper">
1528      <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>
1529      <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>
1530     </ul></li>
1531   </ul></li>
1532  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/referenssit" role="menuitem">Referenssit</a></li>
1533  <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>
1534  <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>
1535   <ul role="menu" class="hs-menu-children-wrapper">
1536    <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>
1537    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/oppaat" role="menuitem">Oppaat</a></li>
1538    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/webinaarit" role="menuitem">Webinaarit</a></li>
1539   </ul></li>
1540  <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>
1541   <ul role="menu" class="hs-menu-children-wrapper">
1542    <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">
1542Kirjaudu Granon tilausjärjestelmiin</a></li>
1543    <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>
1544    <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>
1545    <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>
1546   </ul></li>
1547  <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-desktop">Yhteystiedot</span></a></li>
1548 </ul>
1549</div>
1550
1551<template id="nav-contact-information">
1552    <div class="nav-contact-info">
1553      <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>  
1554    </div>
1555</template>
1556
1557<template id="nav-contact-form">
1558    <div class="nav-contact-form aa-form-button aa-form-button--1">
1559      
1560      <div class="nav-contact-form__header">
1561      
1562        
1563          
1564            <button class="aa-button aa-button--1" type="button" data-filter="nav-contact-form-container--1">
1565              Pyydä tarjous
1566            </button>
1567          
1568        
1569          
1570            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--2">
1571              Tilaa
1572            </button>
1573          
1574        
1575          
1576            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container--3">
1577              Tilaa rakennuspiirustuksia
1578            </button>
1579          
1580        
1581      
1582      </div>
1583      
1584      <div class="nav-contact-form__body">
1585        
1586          <div class="nav-contact-form-container nav-contact-form-container--1">
1587            
1588              <p class="h3">Pyydä tarjous</p>
1589            
1590            
1591            
1591<script>
1592              hbspt.forms.create({
1593                region: "na1",
1594                portalId: "524565",
1595                formId: "70691719-5b20-4d7c-b823-44e863251d77",
1596                
1597                  redirectUrl: "",
1598                
1599                onFormReady: function($form) {
1600                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1601                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1602                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1603          
1604                  // Custom button to provide better UX for clearing file input fields
1605                  if(files) {
1606          
1607                      files.forEach(el => {
1608                          const pageLang = document.querySelector('html').getAttribute('lang');
1609
1610                          let customFileBtn = document.createElement('input');
1611                          customFileBtn.setAttribute('type', 'button');
1612                          customFileBtn.setAttribute('class', 'aa-button');
1613                          customFileBtn.classList.add('aa-button--5');
1614                          if (pageLang == "en") {
1615                            customFileBtn.setAttribute('value', 'Choose file');
1616                          } else if (pageLang == "sv") {
1617                            customFileBtn.setAttribute('value', 'Välj fil');
1618                          } else {
1619                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1620                          }
1621                          customFileBtn.addEventListener('click', addFile);
1622                          el.appendChild(customFileBtn);
1623
1624                          let customFileText = document.createElement('span');
1625                          el.appendChild(customFileText);
1626
1627                          let clearFilesBtn = document.createElement('div');
1628                          clearFilesBtn.classList.add('aa-clear-button');
1629                          if (pageLang == "en") {
1630                            clearFilesBtn.innerHTML = "Remove the file";
1631                          } else if (pageLang == "sv") {
1632                            clearFilesBtn.innerHTML = "Ta bort filen";
1633                          } else {
1634                            clearFilesBtn.innerHTML = "Poista tiedosto";
1635                          }
1636                          clearFilesBtn.addEventListener('click', clearFileInput);
1637          
1638                          el.appendChild(clearFilesBtn);
1639
1640                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1641                            let fileName = el.querySelector('input[type="file"]').files[0];
1642                            el.querySelector('span').innerHTML = fileName.name;
1643                          });
1644                      });
1645
1646                      function addFile(event) {
1647                          let parent = event.target.parentNode;
1648                          let fileInput = parent.querySelector('input[type="file"]');
1649
1650                          fileInput.click();
1651                      }
1652          
1653                      function clearFileInput(event) {
1654                          let parent = event.target.parentNode;
1655                          let fileInput = parent.querySelector('input[type="file"]');
1656                      
1657                          fileInput.value = "";
1658
1659                          parent.querySelector('span').innerHTML = "";
1660                      }
1661          
1662                  }
1663          
1664                  selectInputs.forEach(element => {
1665                      element.insertAdjacentHTML(
1666                          "beforeend",
1667                          '<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>'
1668                      );
1669                  });
1670          
1671                  dateInputs.forEach(element => {
1672                      element.setAttribute("placeholder", "YY-MM-DD");
1673                  });
1674                } 
1675              });
1676            </script>
1676
1677          </div>
1678        
1679          <div class="nav-contact-form-container nav-contact-form-container--2 nav-contact-form-container--hidden">
1680            
1681              <p class="h3">Tilaa lomakkeella</p>
1682            
1683            
1684            
1684<script>
1685              hbspt.forms.create({
1686                region: "na1",
1687                portalId: "524565",
1688                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
1689                
1690                  redirectUrl: "",
1691                
1692                onFormReady: function($form) {
1693                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1694                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1695                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1696          
1697                  // Custom button to provide better UX for clearing file input fields
1698                  if(files) {
1699          
1700                      files.forEach(el => {
1701                          const pageLang = document.querySelector('html').getAttribute('lang');
1702
1703                          let customFileBtn = document.createElement('input');
1704                          customFileBtn.setAttribute('type', 'button');
1705                          customFileBtn.setAttribute('class', 'aa-button');
1706                          customFileBtn.classList.add('aa-button--5');
1707                          if (pageLang == "en") {
1708                            customFileBtn.setAttribute('value', 'Choose file');
1709                          } else if (pageLang == "sv") {
1710                            customFileBtn.setAttribute('value', 'Välj fil');
1711                          } else {
1712                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1713                          }
1714                          customFileBtn.addEventListener('click', addFile);
1715                          el.appendChild(customFileBtn);
1716
1717                          let customFileText = document.createElement('span');
1718                          el.appendChild(customFileText);
1719
1720                          let clearFilesBtn = document.createElement('div');
1721                          clearFilesBtn.classList.add('aa-clear-button');
1722                          if (pageLang == "en") {
1723                            clearFilesBtn.innerHTML = "Remove the file";
1724                          } else if (pageLang == "sv") {
1725                            clearFilesBtn.innerHTML = "Ta bort filen";
1726                          } else {
1727                            clearFilesBtn.innerHTML = "Poista tiedosto";
1728                          }
1729                          clearFilesBtn.addEventListener('click', clearFileInput);
1730          
1731                          el.appendChild(clearFilesBtn);
1732
1733                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1734                            let fileName = el.querySelector('input[type="file"]').files[0];
1735                            el.querySelector('span').innerHTML = fileName.name;
1736                          });
1737                      });
1738
1739                      function addFile(event) {
1740                          let parent = event.target.parentNode;
1741                          let fileInput = parent.querySelector('input[type="file"]');
1742
1743                          fileInput.click();
1744                      }
1745          
1746                      function clearFileInput(event) {
1747                          let parent = event.target.parentNode;
1748                          let fileInput = parent.querySelector('input[type="file"]');
1749                      
1750                          fileInput.value = "";
1751
1752                          parent.querySelector('span').innerHTML = "";
1753                      }
1754          
1755                  }
1756          
1757                  selectInputs.forEach(element => {
1758                      element.insertAdjacentHTML(
1759                          "beforeend",
1760                          '<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>'
1761                      );
1762                  });
1763          
1764                  dateInputs.forEach(element => {
1765                      element.setAttribute("placeholder", "YY-MM-DD");
1766                  });
1767                } 
1768              });
1769            </script>
1769
1770          </div>
1771        
1772          <div class="nav-contact-form-container nav-contact-form-container--3 nav-contact-form-container--hidden">
1773            
1774              <p class="h3">Tilaa rakennuspiirustuksia</p>
1775            
1776            
1777            
1777<script>
1778              hbspt.forms.create({
1779                region: "na1",
1780                portalId: "524565",
1781                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
1782                
1783                  redirectUrl: "",
1784                
1785                onFormReady: function($form) {
1786                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1787                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1788                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1789          
1790                  // Custom button to provide better UX for clearing file input fields
1791                  if(files) {
1792          
1793                      files.forEach(el => {
1794                          const pageLang = document.querySelector('html').getAttribute('lang');
1795
1796                          let customFileBtn = document.createElement('input');
1797                          customFileBtn.setAttribute('type', 'button');
1798                          customFileBtn.setAttribute('class', 'aa-button');
1799                          customFileBtn.classList.add('aa-button--5');
1800                          if (pageLang == "en") {
1801                            customFileBtn.setAttribute('value', 'Choose file');
1802                          } else if (pageLang == "sv") {
1803                            customFileBtn.setAttribute('value', 'Välj fil');
1804                          } else {
1805                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1806                          }
1807                          customFileBtn.addEventListener('click', addFile);
1808                          el.appendChild(customFileBtn);
1809
1810                          let customFileText = document.createElement('span');
1811                          el.appendChild(customFileText);
1812
1813                          let clearFilesBtn = document.createElement('div');
1814                          clearFilesBtn.classList.add('aa-clear-button');
1815                          if (pageLang == "en") {
1816                            clearFilesBtn.innerHTML = "Remove the file";
1817                          } else if (pageLang == "sv") {
1818                            clearFilesBtn.innerHTML = "Ta bort filen";
1819                          } else {
1820                            clearFilesBtn.innerHTML = "Poista tiedosto";
1821                          }
1822                          clearFilesBtn.addEventListener('click', clearFileInput);
1823          
1824                          el.appendChild(clearFilesBtn);
1825
1826                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1827                            let fileName = el.querySelector('input[type="file"]').files[0];
1828                            el.querySelector('span').innerHTML = fileName.name;
1829                          });
1830                      });
1831
1832                      function addFile(event) {
1833                          let parent = event.target.parentNode;
1834                          let fileInput = parent.querySelector('input[type="file"]');
1835
1836                          fileInput.click();
1837                      }
1838          
1839                      function clearFileInput(event) {
1840                          let parent = event.target.parentNode;
1841                          let fileInput = parent.querySelector('input[type="file"]');
1842                      
1843                          fileInput.value = "";
1844
1845                          parent.querySelector('span').innerHTML = "";
1846                      }
1847          
1848                  }
1849          
1850                  selectInputs.forEach(element => {
1851                      element.insertAdjacentHTML(
1852                          "beforeend",
1853                          '<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>'
1854                      );
1855                  });
1856          
1857                  dateInputs.forEach(element => {
1858                      element.setAttribute("placeholder", "YY-MM-DD");
1859                  });
1860                } 
1861              });
1862            </script>
1862
1863          </div>
1864        
1865      </div>
1866    </div>
1867</template>
1868
1869
1870<template id="nav-contact-form-mobile">
1871    <div class="nav-contact-form aa-form-button aa-form-button--1">
1872    
1873      <div class="nav-contact-form__header">
1874      
1875        
1876          
1877            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--1">
1878              Pyydä tarjous
1879            </button>
1880          
1881        
1882          
1883            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--2">
1884              Tilaa
1885            </button>
1886          
1887        
1888          
1889            <button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="nav-contact-form-container-mobile--3">
1890              Tilaa rakennuspiirustuksia
1891            </button>
1892          
1893        
1894      
1895      </div>
1896      
1897      <div class="nav-contact-form__body">
1898        
1899          <div class="nav-contact-form-container nav-contact-form-container-mobile--1">
1900            
1901              <p class="h3">Pyydä tarjous</p>
1902            
1903            
1904            
1904<script>
1905              hbspt.forms.create({
1906                region: "na1",
1907                portalId: "524565",
1908                formId: "70691719-5b20-4d7c-b823-44e863251d77",
1909                
1910                  redirectUrl: "",
1911                
1912                onFormReady: function($form) {
1913                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
1914                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
1915                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
1916          
1917                  // Custom button to provide better UX for clearing file input fields
1918                  if(files) {
1919          
1920                      files.forEach(el => {
1921                          const pageLang = document.querySelector('html').getAttribute('lang');
1922
1923                          let customFileBtn = document.createElement('input');
1924                          customFileBtn.setAttribute('type', 'button');
1925                          customFileBtn.setAttribute('class', 'aa-button');
1926                          customFileBtn.classList.add('aa-button--5');
1927                          if (pageLang == "en") {
1928                            customFileBtn.setAttribute('value', 'Choose file');
1929                          } else if (pageLang == "sv") {
1930                            customFileBtn.setAttribute('value', 'Välj fil');
1931                          } else {
1932                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
1933                          }
1934                          customFileBtn.addEventListener('click', addFile);
1935                          el.appendChild(customFileBtn);
1936
1937                          let customFileText = document.createElement('span');
1938                          el.appendChild(customFileText);
1939
1940                          let clearFilesBtn = document.createElement('div');
1941                          clearFilesBtn.classList.add('aa-clear-button');
1942                          if (pageLang == "en") {
1943                            clearFilesBtn.innerHTML = "Remove the file";
1944                          } else if (pageLang == "sv") {
1945                            clearFilesBtn.innerHTML = "Ta bort filen";
1946                          } else {
1947                            clearFilesBtn.innerHTML = "Poista tiedosto";
1948                          }
1949                          clearFilesBtn.addEventListener('click', clearFileInput);
1950          
1951                          el.appendChild(clearFilesBtn);
1952
1953                          el.querySelector('input[type="file"]').addEventListener('change', function() {
1954                            let fileName = el.querySelector('input[type="file"]').files[0];
1955                            el.querySelector('span').innerHTML = fileName.name;
1956                          });
1957                      });
1958
1959                      function addFile(event) {
1960                          let parent = event.target.parentNode;
1961                          let fileInput = parent.querySelector('input[type="file"]');
1962
1963                          fileInput.click();
1964                      }
1965          
1966                      function clearFileInput(event) {
1967                          let parent = event.target.parentNode;
1968                          let fileInput = parent.querySelector('input[type="file"]');
1969                      
1970                          fileInput.value = "";
1971
1972                          parent.querySelector('span').innerHTML = "";
1973                      }
1974          
1975                  }
1976          
1977                  selectInputs.forEach(element => {
1978                      element.insertAdjacentHTML(
1979                          "beforeend",
1980                          '<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>'
1981                      );
1982                  });
1983          
1984                  dateInputs.forEach(element => {
1985                      element.setAttribute("placeholder", "YY-MM-DD");
1986                  });
1987                } 
1988              });
1989            </script>
1989
1990          </div>
1991        
1992          <div class="nav-contact-form-container nav-contact-form-container-mobile--2 nav-contact-form-container--hidden">
1993            
1994              <p class="h3">Tilaa lomakkeella</p>
1995            
1996            
1997            
1997<script>
1998              hbspt.forms.create({
1999                region: "na1",
2000                portalId: "524565",
2001                formId: "4401d818-ce7b-4228-b61b-109af5f5516c",
2002                
2003                  redirectUrl: "",
2004                
2005                onFormReady: function($form) {
2006                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
2007                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
2008                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
2009          
2010                  // Custom button to provide better UX for clearing file input fields
2011                  if(files) {
2012          
2013                      files.forEach(el => {
2014                          const pageLang = document.querySelector('html').getAttribute('lang');
2015
2016                          let customFileBtn = document.createElement('input');
2017                          customFileBtn.setAttribute('type', 'button');
2018                          customFileBtn.setAttribute('class', 'aa-button');
2019                          customFileBtn.classList.add('aa-button--5');
2020                          if (pageLang == "en") {
2021                            customFileBtn.setAttribute('value', 'Choose file');
2022                          } else if (pageLang == "sv") {
2023                            customFileBtn.setAttribute('value', 'Välj fil');
2024                          } else {
2025                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
2026                          }
2027                          customFileBtn.addEventListener('click', addFile);
2028                          el.appendChild(customFileBtn);
2029
2030                          let customFileText = document.createElement('span');
2031                          el.appendChild(customFileText);
2032
2033                          let clearFilesBtn = document.createElement('div');
2034                          clearFilesBtn.classList.add('aa-clear-button');
2035                          if (pageLang == "en") {
2036                            clearFilesBtn.innerHTML = "Remove the file";
2037                          } else if (pageLang == "sv") {
2038                            clearFilesBtn.innerHTML = "Ta bort filen";
2039                          } else {
2040                            clearFilesBtn.innerHTML = "Poista tiedosto";
2041                          }
2042                          clearFilesBtn.addEventListener('click', clearFileInput);
2043          
2044                          el.appendChild(clearFilesBtn);
2045
2046                          el.querySelector('input[type="file"]').addEventListener('change', function() {
2047                            let fileName = el.querySelector('input[type="file"]').files[0];
2048                            el.querySelector('span').innerHTML = fileName.name;
2049                          });
2050                      });
2051
2052                      function addFile(event) {
2053                          let parent = event.target.parentNode;
2054                          let fileInput = parent.querySelector('input[type="file"]');
2055
2056                          fileInput.click();
2057                      }
2058          
2059                      function clearFileInput(event) {
2060                          let parent = event.target.parentNode;
2061                          let fileInput = parent.querySelector('input[type="file"]');
2062                      
2063                          fileInput.value = "";
2064
2065                          parent.querySelector('span').innerHTML = "";
2066                      }
2067          
2068                  }
2069          
2070                  selectInputs.forEach(element => {
2071                      element.insertAdjacentHTML(
2072                          "beforeend",
2073                          '<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>'
2074                      );
2075                  });
2076          
2077                  dateInputs.forEach(element => {
2078                      element.setAttribute("placeholder", "YY-MM-DD");
2079                  });
2080                } 
2081              });
2082            </script>
2082
2083          </div>
2084        
2085          <div class="nav-contact-form-container nav-contact-form-container-mobile--3 nav-contact-form-container--hidden">
2086            
2087              <p class="h3">Tilaa rakennuspiirustuksia</p>
2088            
2089            
2090            
2090<script>
2091              hbspt.forms.create({
2092                region: "na1",
2093                portalId: "524565",
2094                formId: "7ee572a2-8502-46aa-90ad-23e91473a256",
2095                
2096                  redirectUrl: "",
2097                
2098                onFormReady: function($form) {
2099                  const selectInputs = $form.querySelectorAll(".hs-fieldtype-select .input");
2100                  const dateInputs = $form.querySelectorAll(".hs-dateinput .hs-input");
2101                  const files = $form.querySelectorAll('.hs-fieldtype-file .input');
2102          
2103                  // Custom button to provide better UX for clearing file input fields
2104                  if(files) {
2105          
2106                      files.forEach(el => {
2107                          const pageLang = document.querySelector('html').getAttribute('lang');
2108
2109                          let customFileBtn = document.createElement('input');
2110                          customFileBtn.setAttribute('type', 'button');
2111                          customFileBtn.setAttribute('class', 'aa-button');
2112                          customFileBtn.classList.add('aa-button--5');
2113                          if (pageLang == "en") {
2114                            customFileBtn.setAttribute('value', 'Choose file');
2115                          } else if (pageLang == "sv") {
2116                            customFileBtn.setAttribute('value', 'Välj fil');
2117                          } else {
2118                            customFileBtn.setAttribute('value', 'Valitse tiedosto');
2119                          }
2120                          customFileBtn.addEventListener('click', addFile);
2121                          el.appendChild(customFileBtn);
2122
2123                          let customFileText = document.createElement('span');
2124                          el.appendChild(customFileText);
2125
2126                          let clearFilesBtn = document.createElement('div');
2127                          clearFilesBtn.classList.add('aa-clear-button');
2128                          if (pageLang == "en") {
2129                            clearFilesBtn.innerHTML = "Remove the file";
2130                          } else if (pageLang == "sv") {
2131                            clearFilesBtn.innerHTML = "Ta bort filen";
2132                          } else {
2133                            clearFilesBtn.innerHTML = "Poista tiedosto";
2134                          }
2135                          clearFilesBtn.addEventListener('click', clearFileInput);
2136          
2137                          el.appendChild(clearFilesBtn);
2138
2139                          el.querySelector('input[type="file"]').addEventListener('change', function() {
2140                            let fileName = el.querySelector('input[type="file"]').files[0];
2141                            el.querySelector('span').innerHTML = fileName.name;
2142                          });
2143                      });
2144
2145                      function addFile(event) {
2146                          let parent = event.target.parentNode;
2147                          let fileInput = parent.querySelector('input[type="file"]');
2148
2149                          fileInput.click();
2150                      }
2151          
2152                      function clearFileInput(event) {
2153                          let parent = event.target.parentNode;
2154                          let fileInput = parent.querySelector('input[type="file"]');
2155                      
2156                          fileInput.value = "";
2157
2158                          parent.querySelector('span').innerHTML = "";
2159                      }
2160          
2161                  }
2162          
2163                  selectInputs.forEach(element => {
2164                      element.insertAdjacentHTML(
2165                          "beforeend",
2166                          '<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>'
2167                      );
2168                  });
2169          
2170                  dateInputs.forEach(element => {
2171                      element.setAttribute("placeholder", "YY-MM-DD");
2172                  });
2173                } 
2174              });
2175            </script>
2175
2176          </div>
2177        
2178      </div>
2179    </div>
2180</template>
2181
2182
2183<template id="all-products-text">
2184    <div class="all-products-text">
2185      Katso kaikki ratkaisut ja tuotteet <a href="https://www.grano.fi/ratkaisut-ja-tuotteet/listaus" rel="noopener">täältä</a>  
2186    </div>
2187</template>
2188  <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">
2189 <ul role="menu" class="active-branch">
2190  <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.grano.fi/yhteystiedot" role="menuitem"><span class="hidden-mobile">Yhteystiedot</span></a></li>
2191  <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">Vastuullisuus</a>
2192   <ul role="menu" class="hs-menu-children-wrapper">
2193    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus" role="menuitem">Vastuullisuus Granolla</a></li>
2194    <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>
2195    <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>
2196    <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>
2197    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/asiakasvastuu" role="menuitem">Asiakasvastuu</a></li>
2198    <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>
2199    <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>
2200    <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>
2201    <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>
2202    <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>
2203    <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>
2204    <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>
2205    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/vastuullisuus/hiilitiekartta" role="menuitem">Hiilitiekartta</a></li>
2206   </ul></li>
2207  <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>
2208   <ul role="menu" class="hs-menu-children-wrapper">
2209    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys" role="menuitem">Grano yrityksenä</a></li>
2210    <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>
2211    <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>
2212    <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>
2213    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" role="menuitem">Medialle</a></li>
2214    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/painotalo" role="menuitem">Painotalo</a></li>
2215    <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>
2216    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/laskutus" role="menuitem">Laskutustiedot</a></li>
2217    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.grano.fi/yritys/rekisteriseloste" role="menuitem">Tietosuojaseloste</a></li>
2218   </ul></li>
2219  <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>
2220  <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>
2221  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.grano.fi/kirjaudu" role="menuitem">Kirjaudu</a></li>
2222 </ul>
2223</div>
2224
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<div class="aa-language">
2442   <ul id="aa-language__wrapper-715" role="menu">
2443     <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none">
2444       <button aria-expanded="false" aria-haspopup="true" aria-controls="aa-language__popup-715" aria-label="Avaa kielivalikko">
2445        FI
2446      </button>
2447      <ul id="aa-language__popup-715" class="hs-menu-children-wrapper" aria-label="Kieli-alivalikko" role="menu">
2448         
2449         
2450           <li class="hs-menu-item hs-menu-depth-2" role="none">
2451              <a href="https://www.grano.fi/en/contact-information" role="menuitem">
2452                EN
2453              </a>
2454           </li>
2455         
2456         
2457           <li class="hs-menu-item hs-menu-depth-2" role="none">
2458              <a href="https://www.grano.fi/sv/kontakt" role="menuitem">
2459                SV
2460              </a>
2461           </li>
2462         
2463       </ul>
2464     </li>
2465   </ul>
2466</div>
2467  <button class="aa-close-mobile-nav"></button>
2468</nav>
2469
2470<template id="main-menu-grahoshop-link">
2471  
2472    <div class="hidden-lg-down hs-search-hidden">
2473      <!--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>
2473<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2473<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(524565, 'fcfb4391-a911-4b72-ad10-a0a703ccff9e', {"useNewLoader":"true","region":"eu1"}); </script>
2473</span><!-- end HubSpot Call-to-Action Code -->
2474    </div>
2475    <div class="hidden-xl-up hs-search-hidden">
2476      <!--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>
2476<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2476<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(524565, '893440de-0bfd-4b0b-8c78-02e991771c96', {"useNewLoader":"true","region":"eu1"}); </script>
2476</span><!-- end HubSpot Call-to-Action Code -->
2477    </div>
2478  
2479</template>
2480
2481<template id="main-menu-product-search-template">
2482  <div class="product-search-autocomplete hs-search-hidden">
2483    <div class="autoComplete_wrapper">
2484      <input aria-label="Tuotehaku" class="autoCompleteMenu" type="search" dir="ltr" spellcheck="false" autocorrect="off" autocomplete="off" autocapitalize="off">
2485    </div>
2486  </div>
2487</template></div>
2488                    
2489                
2490
2491                
2492
2493  <main id="main" class="aa-webpage">
2494
2495    <div class="container-fluid">
2496<div class="row-fluid-wrapper">
2497<div class="row-fluid">
2498<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">
2499
2500<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section">
2501<div class="row-fluid ">
2502<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2503
2504<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
2505<div class="row-fluid ">
2506<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2507<div id="hs_cos_wrapper_widget_1717747419125" 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>
2508
2509</div><!--end widget-span -->
2510</div><!--end row-->
2511</div><!--end row-wrapper -->
2512
2513</div><!--end widget-span -->
2514</div><!--end row-->
2515</div><!--end row-wrapper -->
2516
2517<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section">
2518<div class="row-fluid ">
2519<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2520
2521<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row">
2522<div class="row-fluid ">
2523<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2524<div id="hs_cos_wrapper_widget_1666675753860" 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">
2525
2526
2527
2528	
2529
2530	
2531
2532    <section class="
2533            aa-hero
2534			aa-hero-body
2535			aa-hero-body--widget_1666675753860
2536			aa-hero--default
2537			
2538            aa-module
2539            aa-module-width--full
2540            aa-module-height--fit
2541            aa-module-spacing-top--small
2542            aa-module-spacing-bottom--small
2543            aa-bg-complementary
2544            aa-content-color--default
2545		">
2546
2547        <div class="
2548            aa-inner
2549            aa-content-position--center
2550            aa-content-alignment--left
2551		">
2552			<div class="aa-content aa-content-width--full
2553				">
2554				<div class="aa-hero__header">
2555					
2556					<h1 class="aa-title aa-heading-size--big">
2557						Yhteystiedot
2558					</h1>
2559					
2560				</div>
2561
2562				<div class="aa-hero__body">
2563					<div class="aa-hero-column aa-hero-column--text">
2564						<div class="aa-text-size--large">
2565							<p><span>Palvelemme sinua parhaalla mahdollisella tavalla, valitsemallasi palvelukanavalla: puhelimessa, sähköpostilla, verkkosivuilla, chatissa tai toimipisteessämme. Haluamme ratkaista haasteesi yhden yhteydenoton aikana, ystävällisesti ja helposti.</span><span></span></p>
2566<p><span>Yksityisasiakkaita palvelemme paikallisesti, alta löydät sinulle sopivimman toimipaikkamme yhteystiedot.</span></p>
2567						</div>
2568						
2569							
2570								
2571
2572									
2573									
2574									<a href="#toimipisteet" class="aa-button aa-button--1">
2575										Paikalliset yhteystiedot
2576									</a>
2577								
2578							
2579						
2580					</div>
2581					<div class="aa-hero-column aa-hero-column--image">
2582						
2583							
2584						
2585					</div>
2586				</div>
2587
2588			</div>
2589		</div>
2590	</section>
2591
2592	
2593
2594	
2595
2596	
2597
2598</div>
2599
2600</div><!--end widget-span -->
2601</div><!--end row-->
2602</div><!--end row-wrapper -->
2603
2604</div><!--end widget-span -->
2605</div><!--end row-->
2606</div><!--end row-wrapper -->
2607
2608<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section">
2609<div class="row-fluid ">
2610<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2611
2612<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
2613<div class="row-fluid ">
2614<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2615<div id="hs_cos_wrapper_module_16764469312783" 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="module_16764469312783" class="
2616    aa-custom-columns 
2617    aa-custom-columns--layout2  
2618    aa-module-width--page
2619    none
2620    aa-content-color--default
2621    
2622    
2623    aa-bg-none
2624    
2625     
2626    ">
2627    
2628    <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--none  aa-custom-columns__inner--bg ">
2629      <div class="aa-custom-columns__wrapper">
2630        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
2631          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center">
2632            <div class="aa-custom-columns__items row    aa-custom-columns__items--start">
2633              <div class="aa-custom-columns__item 
2634                
2635                
2636                
2637                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2638                col-sm-12 col-md-6
2639                
2640                 
2641                ">
2642
2643                
2644                  
2645                
2646            
2647                <div class="aa-custom-columns__item__inner  aa-custom-columns--bg aa-bg-primary"> 
2648                   
2649                          
2650                  
2651                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2652                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2653                          <h2>Etsitkö myynnin yhteystietoja?</h2>
2654                        </div>
2655                    </div>
2656                  </div>
2657                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2658                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2659                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/myynti">
2660                                  <span>Onko sinulla jo nimetty yhteyshenkilö? Katso täältä</span> 
2661                                </a>
2662                                 
2663
2664                          </div>
2665                    </div>
2666                  </div>
2667                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2668                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2669                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/myynti?content=new-customers">
2670                                  <span>Asioitko meillä ensimmäistä kertaa? Aloita tästä</span> 
2671                                </a>
2672                                 
2673
2674                          </div>
2675                    </div>
2676                  </div></div>
2677              </div>
2678              <div class="aa-custom-columns__item 
2679                
2680                
2681                
2682                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2683                col-sm-12 col-md-6
2684                
2685                 
2686                ">
2687
2688                
2689                  
2690                
2691            
2692                <div class="aa-custom-columns__item__inner  aa-custom-columns--bg aa-bg-secondary"> 
2693                   
2694                          
2695                  
2696                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2697                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
2698                          <h2>Etsitkö tuotannon yhteystietoja?</h2>
2699                        </div>
2700                    </div>
2701                  </div>
2702                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2703                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2704                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tuotanto">
2705                                  <span>Katso tuotannon yhteystiedot täältä</span> 
2706                                </a>
2707                                 
2708
2709                          </div>
2710                    </div>
2711                  </div></div>
2712              </div></div>
2713          </div>
2714        </div></div>
2715    </div>
2716  </section></div>
2717
2718</div><!--end widget-span -->
2719</div><!--end row-->
2720</div><!--end row-wrapper -->
2721
2722</div><!--end widget-span -->
2723</div><!--end row-->
2724</div><!--end row-wrapper -->
2725
2726<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section">
2727<div class="row-fluid ">
2728<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
2729
2730<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
2731<div class="row-fluid ">
2732<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
2733<div id="hs_cos_wrapper_widget_1666675796726" 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-anchor"><span id="toimipisteet"></span></div><section id="widget_1666675796726" class="
2734    aa-custom-columns 
2735    aa-custom-columns--layout3  
2736    aa-module-width--full
2737    none
2738    aa-content-color--default
2739    
2740    
2741    aa-bg-none
2742    
2743     
2744    ">
2745    
2746    <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--none  aa-custom-columns__inner--bg ">
2747      <div class="aa-custom-columns__wrapper">
2748        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
2749          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center">
2750            <div class="aa-custom-columns__items row    aa-custom-columns__items--start">
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-6
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"><div class="aa-custom-columns__text">
2771                          <h2>Paikkakuntakohtaiset yhteystiedot</h2>
2772<p>Granon palvelut ovat saatavilla Suomessa 20 eri paikkakunnalla. Pääkonttori sijaitsee <a href="/yhteystiedot/vantaa/koivuhaka-paakonttori" rel="noopener">Vantaalla</a>. Löydät paikkakuntakohtaiset yhteystiedot viereisistä linkeistä.</p>
2773                        </div>
2774                    </div>
2775                  </div></div>
2776              </div>
2777              <div class="aa-custom-columns__item 
2778                
2779                
2780                
2781                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2782                col-sm-12 col-md-6 col-lg-3
2783                
2784                 
2785                ">
2786
2787                
2788                  
2789                
2790            
2791                <div class="aa-custom-columns__item__inner  "> 
2792                   
2793                          
2794                  
2795                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2796                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2797                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/espoo">
2798                                  <span>Espoo</span> 
2799                                </a>
2800                                 
2801
2802                          </div>
2803                    </div>
2804                  </div>
2805                  <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2806                    <div class="aa-custom-columns__content__inner  aa-content-color--default">
2807                          <div class="aa-button-group aa-button-group--drop-down">
2808                            <button class="aa-button aa-button--4 aa-button--drop-down">
2809                              <span>Helsinki</span>
2810                            </button>
2811                            <div class="aa-button-drop-down">
2812                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/helsinki/uudenmaankatu-pikapaino">
2813                                  Uudenmaankatu Pikapaino
2814                                </a>
2815                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/helsinki/kuortaneenkatu">
2816                                  Kuortaneenkatu
2817                                </a>
2818                              
2819                            </div>
2820                          </div>
2821                          
2822                        
2823                    </div>
2824                  </div>
2825                  <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2826                    <div class="aa-custom-columns__content__inner  aa-content-color--default">
2827                          <div class="aa-button-group aa-button-group--drop-down">
2828                            <button class="aa-button aa-button--4 aa-button--drop-down">
2829                              <span>Vantaa</span>
2830                            </button>
2831                            <div class="aa-button-drop-down">
2832                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vantaa/koivuhaka-paakonttori">
2833                                  Koivuhaka (Pääkonttori)
2834                                </a>
2835                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vantaa/postitus-ja-logistiikka">
2836                                  Postitus- ja logistiikka
2837                                </a>
2838                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vantaa/pakkaukset-ja-etiketit">
2839                                  Pakkaukset ja etiketit
2840                                </a>
2841                              
2842                            </div>
2843                          </div>
2844                          
2845                        
2846                    </div>
2847                  </div>
2848                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2849                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2850                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/hameenlinna">
2851                                  <span>Hämeenlinna</span> 
2852                                </a>
2853                                 
2854
2855                          </div>
2856                    </div>
2857                  </div>
2858                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2859                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2860                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/joensuu">
2861                                  <span>Joensuu</span> 
2862                                </a>
2863                                 
2864
2865                          </div>
2866                    </div>
2867                  </div>
2868                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2869                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2870                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/jyvaskyla">
2871                                  <span>Jyväskylä</span> 
2872                                </a>
2873                                 
2874
2875                          </div>
2876                    </div>
2877                  </div>
2878                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2879                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2880                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kotka">
2881                                  <span>Kotka</span> 
2882                                </a>
2883                                 
2884
2885                          </div>
2886                    </div>
2887                  </div>
2888                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2889                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2890                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kouvola">
2891                                  <span>Kouvola</span> 
2892                                </a>
2893                                 
2894
2895                          </div>
2896                    </div>
2897                  </div>
2898                  <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2899                    <div class="aa-custom-columns__content__inner  aa-content-color--default">
2900                          <div class="aa-button-group aa-button-group--drop-down">
2901                            <button class="aa-button aa-button--4 aa-button--drop-down">
2902                              <span>Kuopio</span>
2903                            </button>
2904                            <div class="aa-button-drop-down">
2905                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kuopio/itkonniemenkatu">
2906                                  Itkonniemenkatu
2907                                </a>
2908                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/kuopio/lukkosalmentie">
2909                                  Lukkosalmentie (valomainosmyynti)
2910                                </a>
2911                              
2912                            </div>
2913                          </div>
2914                          
2915                        
2916                    </div>
2917                  </div>
2918                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2919                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2920                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/lahti">
2921                                  <span>Lahti</span> 
2922                                </a>
2923                                 
2924
2925                          </div>
2926                    </div>
2927                  </div>
2928                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2929                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2930                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/lappeenranta">
2931                                  <span>Lappeenranta</span> 
2932                                </a>
2933                                 
2934
2935                          </div>
2936                    </div>
2937                  </div></div>
2938              </div>
2939              <div class="aa-custom-columns__item 
2940                
2941                
2942                
2943                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
2944                col-sm-12 col-md-6 col-lg-3
2945                
2946                 
2947                ">
2948
2949                
2950                  
2951                
2952            
2953                <div class="aa-custom-columns__item__inner  "> 
2954                   
2955                          
2956                  
2957                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2958                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2959                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/mikkeli">
2960                                  <span>Mikkeli</span> 
2961                                </a>
2962                                 
2963
2964                          </div>
2965                    </div>
2966                  </div>
2967                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2968                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2969                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/oulu">
2970                                  <span>Oulu</span> 
2971                                </a>
2972                                 
2973
2974                          </div>
2975                    </div>
2976                  </div>
2977                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2978                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2979                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/rauma">
2980                                  <span>Rauma</span> 
2981                                </a>
2982                                 
2983
2984                          </div>
2985                    </div>
2986                  </div>
2987                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2988                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2989                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/rovaniemi">
2990                                  <span>Rovaniemi</span> 
2991                                </a>
2992                                 
2993
2994                          </div>
2995                    </div>
2996                  </div>
2997                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
2998                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
2999                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/seinajoki">
3000                                  <span>Seinäjoki</span> 
3001                                </a>
3002                                 
3003
3004                          </div>
3005                    </div>
3006                  </div>
3007                  <div class="aa-custom-columns__content aa-custom-columns__content--drop_down aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3008                    <div class="aa-custom-columns__content__inner  aa-content-color--default">
3009                          <div class="aa-button-group aa-button-group--drop-down">
3010                            <button class="aa-button aa-button--4 aa-button--drop-down">
3011                              <span>Tampere</span>
3012                            </button>
3013                            <div class="aa-button-drop-down">
3014                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tampere/viinikankatu">
3015                                  Viinikankatu
3016                                </a>
3017                              <a class="aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tampere/kaannospalvelut">
3018                                  Kieli- ja käännöspalvelut
3019                                </a>
3020                              
3021                            </div>
3022                          </div>
3023                          
3024                        
3025                    </div>
3026                  </div>
3027                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3028                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3029                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/turku">
3030                                  <span>Turku</span> 
3031                                </a>
3032                                 
3033
3034                          </div>
3035                    </div>
3036                  </div>
3037                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3038                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3039                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/vaasa">
3040                                  <span>Vaasa</span> 
3041                                </a>
3042                                 
3043
3044                          </div>
3045                    </div>
3046                  </div>
3047                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3048                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3049                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/varkaus">
3050                                  <span>Varkaus</span> 
3051                                </a>
3052                                 
3053
3054                          </div>
3055                    </div>
3056                  </div></div>
3057              </div></div>
3058          </div>
3059        </div></div>
3060    </div>
3061  </section></div>
3062
3063</div><!--end widget-span -->
3064</div><!--end row-->
3065</div><!--end row-wrapper -->
3066
3067</div><!--end widget-span -->
3068</div><!--end row-->
3069</div><!--end row-wrapper -->
3070
3071<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section">
3072<div class="row-fluid ">
3073<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3074
3075<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
3076<div class="row-fluid ">
3077<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3078<div id="hs_cos_wrapper_body_dnd_area-module-1" 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="body_dnd_area-module-1" class="
3079    aa-custom-columns 
3080    aa-custom-columns--layout2  
3081    aa-module-width--page
3082    none
3083    aa-content-color--default
3084    
3085    
3086    aa-bg-none
3087    
3088     
3089    ">
3090    
3091    <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--none  aa-custom-columns__inner--bg ">
3092      <div class="aa-custom-columns__wrapper">
3093        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
3094          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center">
3095            <div class="aa-custom-columns__items row   no-gutters aa-custom-columns__items--center">
3096              <div class="aa-custom-columns__item 
3097                
3098                
3099                
3100                aa-custom-columns__item--align-top reduce-bottom-margin aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
3101                col-sm-12 col-md-4
3102                
3103                 
3104                ">
3105
3106                
3107                  
3108                
3109            
3110                <div class="aa-custom-columns__item__inner  aa-custom-columns--bg aa-bg-primary"> 
3111                   
3112                          
3113                  
3114                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3115                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
3116                          <h3 style="max-width: 400px;"><span>Granon yleinen puhelinvaihde</span></h3>
3117                        </div>
3118                    </div>
3119                  </div></div>
3120              </div>
3121              <div class="aa-custom-columns__item 
3122                
3123                
3124                
3125                aa-custom-columns__item--align-top reduce-bottom-margin aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest   
3126                col-sm-12 col-md-4
3127                
3128                 
3129                ">
3130
3131                
3132                  
3133                
3134            
3135                <div class="aa-custom-columns__item__inner  aa-custom-columns--bg aa-bg-primary"> 
3136                   
3137                          
3138                  
3139                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3140                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
3141                          <span class="h3"><img src="https://www.grano.fi/hubfs/Identity/Ikonit/Puhelin.svg" alt="Puhelin" width="52" height="52" loading="lazy" style="height: auto; max-width: 1.2em; width: 52px; max-height: 1.2em; float: left;"> &nbsp;<strong><a href="tel:+358-29-1800-400" rel="noopener" target="_blank" data-hs-event-213708181="1">029 1800 400</a> </strong></span>
3142<p><br>(arkisin 8–16) 0,088 €/min + pvm.</p>
3143                        </div>
3144                    </div>
3145                  </div></div>
3146              </div></div>
3147          </div>
3148        </div></div>
3149    </div>
3150  </section></div>
3151
3152</div><!--end widget-span -->
3153</div><!--end row-->
3154</div><!--end row-wrapper -->
3155
3156</div><!--end widget-span -->
3157</div><!--end row-->
3158</div><!--end row-wrapper -->
3159
3160<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section">
3161<div class="row-fluid ">
3162<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3163
3164<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row">
3165<div class="row-fluid ">
3166<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3167<div id="hs_cos_wrapper_widget_1666675785393" 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_1666675785393" class="
3168    aa-custom-columns 
3169    aa-custom-columns--layout1  
3170    aa-module-width--full
3171    large
3172    aa-content-color--default
3173    
3174    
3175    aa-bg-none
3176    
3177     
3178    ">
3179    
3180    <div class="aa-custom-columns__inner aa-module-spacing-top--small aa-module-spacing-bottom--large  aa-custom-columns__inner--bg ">
3181      <div class="aa-custom-columns__wrapper">
3182        <div class="aa-custom-columns__body aa-inner	aa-content-position--center	aa-content-alignment--left">
3183          <div class="aa-custom-columns__body__inner aa-content aa-content--center aa-content-width--wide aa-content-position--center">
3184            <div class="aa-custom-columns__items row    aa-custom-columns__items--start">
3185              <div class="aa-custom-columns__item 
3186                
3187                
3188                
3189                aa-custom-columns__item--align-top  aa-module-spacing-bottom--smallest aa-module-spacing-top--smallest aa-custom-columns__item--align-left  
3190                col-sm-12 col-md-6 
3191                
3192                 
3193                ">
3194
3195                
3196                  
3197                
3198            
3199                <div class="aa-custom-columns__item__inner  "> 
3200                   
3201                          
3202                  
3203                  <div class="aa-custom-columns__content aa-custom-columns__content--text aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3204                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-custom-columns__text">
3205                          <h2>Muut yhteystiedot</h2>
3206                        </div>
3207                    </div>
3208                  </div>
3209                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3210                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3211                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/johtoryhma">
3212                                  <span>Johtoryhmä</span> 
3213                                </a>
3214                                 
3215
3216                          </div>
3217                    </div>
3218                  </div>
3219                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3220                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3221                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/laskutus">
3222                                  <span>Laskutus</span> 
3223                                </a>
3224                                 
3225
3226                          </div>
3227                    </div>
3228                  </div>
3229                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3230                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3231                                <a class=" aa-button aa-button--4" href="https://www.granodiesel.fi/yhteystiedot/" target="_blank">
3232                                  <span>Grano Diesel </span> 
3233                                </a>
3234                                 
3235
3236                          </div>
3237                    </div>
3238                  </div>
3239                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3240                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3241                                <a class=" aa-button aa-button--4" href="https://www.grano.fi/yhteystiedot/tuotantojohto">
3242                                  <span>Tuotantojohto</span> 
3243                                </a>
3244                                 
3245
3246                          </div>
3247                    </div>
3248                  </div>
3249                  <div class="aa-custom-columns__content aa-custom-columns__content--button aa-module-spacing-bottom--smallest   aa-custom-columns__row  clearfix">
3250                    <div class="aa-custom-columns__content__inner  aa-content-color--default"><div class="aa-button-group">
3251                                <a class=" aa-button aa-button--4" href="https://markkinointi.emmi.fi/l/7GsjZCbNgQ5s" target="_blank">
3252                                  <span>Medialle</span> 
3253                                </a>
3254                                 
3255
3256                          </div>
3257                    </div>
3258                  </div></div>
3259              </div></div>
3260          </div>
3261        </div></div>
3262    </div>
3263  </section></div>
3264
3265</div><!--end widget-span -->
3266</div><!--end row-->
3267</div><!--end row-wrapper -->
3268
3269</div><!--end widget-span -->
3270</div><!--end row-->
3271</div><!--end row-wrapper -->
3272
3273<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section">
3274<div class="row-fluid ">
3275<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">
3276
3277<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row">
3278<div class="row-fluid ">
3279<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
3280<div id="hs_cos_wrapper_widget_1724667705759" 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">
3281
3282
3283
3284	
3285
3286    <section id="pyyda-tarjous" class="
3287            aa-form aa-form-multi aa-form-multi--recaptcha
3288            aa-module
3289            aa-module-width--full
3290            aa-form--one
3291            aa-module-spacing-top--medium
3292            aa-module-spacing-bottom--medium
3293            aa-bg-light
3294            aa-content-color--default
3295		">
3296
3297		<div class="aa-inner aa-content-position--center aa-content-alignment--center">
3298			<div class="aa-content aa-content-width--normal">
3299
3300				
3301				
3302				<div class="aa-form__header">
3303					
3304					
3305						<h2 class="aa-title">
3306							Tilaa tai pyydä tarjous
3307						</h2>
3308					
3309				</div>
3310				
3311
3312                
3313
3314				
3315					<div class="aa-form__footer
3316						aa-form-button aa-form-button--1
3317					">
3318						<div class="aa-form__footer__header">
3319							
3320								<button class="aa-button aa-button--1" type="button" data-filter="aa-form-container--1">
3321									Pyydä tarjous
3322								</button>
3323							
3324								<button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="aa-form-container--2">
3325									Tilaa
3326								</button>
3327							
3328								<button class="aa-button aa-button--2 aa-button--2--dark" type="button" data-filter="aa-form-container--3">
3329									Ota yhteyttä
3330								</button>
3331							
3332						</div>
3333						<div class="aa-form__footer__body">
3334							
3335								<div class="aa-form-container aa-form-container--multi-step aa-form-container--1">
3336									
3337									
3338									<span id="hs_cos_wrapper_widget_1724667705759_" 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_432974265_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
3339
3340<div id="hs_form_target_form_432974265"></div>
3341
3342
3343
3344
3345
3346
3347
3348
3349
3350</span>
3351								</div>
3352							
3353								<div class="aa-form-container aa-form-container--multi-step aa-form-container--2 aa-form-container--hidden">
3354									
3355									
3356									<span id="hs_cos_wrapper_widget_1724667705759_" 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_730107335_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
3357
3358<div id="hs_form_target_form_730107335"></div>
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368</span>
3369								</div>
3370							
3371								<div class="aa-form-container  aa-form-container--3 aa-form-container--hidden">
3372									
3373									
3374									<span id="hs_cos_wrapper_widget_1724667705759_" 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_361636741_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
3375
3376<div id="hs_form_target_form_361636741"></div>
3377
3378
3379
3380
3381
3382
3383
3384
3385
3386</span>
3387								</div>
3388							
3389						</div>
3390					</div>
3391				
3392
3393                
3394
3395			</div>
3396		</div>
3397
3398	</section>
3399
3400	
3401
3402	
3403	
3404
3405	<div style="display: none;" id="form-data">
3406		[{target_value=Espoo, text_field=Nouto Espoosta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Vesikuja 4, 02200 Espoo.}, {delivery_options=[Nouto, Postitus], target_value=Helsinki, text_field=Nouto Espoosta tai postitus. <br>Toimipaikan osoite: <br>Vesikuja 4, 02200 Espoo.}, {delivery_options=[Nouto, Postitus], target_value=Vantaa, text_field=Nouto Espoosta tai postitus. <br>Toimipaikan osoite: <br>Vesikuja 4, 02200 Espoo.}, {delivery_options=[Nouto, Lähetti, Postitus], target_value=Hämeenlinna, text_field=Nouto Hämeenlinnasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Paroistentie 2, 13600 Hämeenlinna.}, {delivery_options=[Nouto, Lähetti, Postitus], target_value=Joensuu, text_field=Nouto Joensuusta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Voimatie 12, 80100 Joensuu.}, {delivery_options=[Nouto, Lähetti, Postitus], target_value=Jyväskylä, text_field=Nouto Jyväskylästä, lähetti tai postitus. <br>Toimipaikan osoite: <br>Vehkakatu 1, 40700 Jyväskylä.}, {target_value=Kotka, text_field=Nouto Kotkasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Ruotsinsalmenkatu 19, 48100 Kotka.}, {delivery_options=[Nouto, Postitus], target_value=Kouvola, text_field=Nouto Kotkasta tai postitus. <br>Toimipaikan osoite: <br>Ruotsinsalmenkatu 19, 48100 Kotka.}, {target_value=Kuopio, text_field=Nouto Kuopiosta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Jynkänkatu 8, 70620 Kuopio.}, {target_value=Lahti, text_field=Nouto Lahdesta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Laatukatu 7, 15680 Lahti.}, {delivery_options=[Nouto, Postitus], target_value=Lappeenranta, text_field=Nouto Kotkasta tai postitus. <br>Toimipaikan osoite: <br>Ruotsinsalmenkatu 19, 48100 Kotka.}, {target_value=Mikkeli, text_field=Nouto Mikkelistä, lähetti tai postitus. <br>Toimipaikan osoite: <br>Karikontie 1, 50600 Mikkeli.}, {target_value=Oulu, text_field=Nouto Oulusta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Ilmarinkatu 16, 90400 Oulu.}, {target_value=Rauma, text_field=Nouto Raumasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Valtakatu 6, 26100 Rauma.}, {target_value=Rovaniemi, text_field=Nouto Rovaniemeltä, lähetti tai postitus. <br>Toimipaikan osoite: <br>Suosiolantie 5, 96320 Rovaniemi.}, {target_value=Seinäjoki, text_field=Nouto Seinäjoelta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Päivölänkatu 40, 60120 Seinäjoki.}, {target_value=Tampere, text_field=Nouto Tampereelta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Mäntyhaantie 1-3, 33800 Tampere.}, {target_value=Turku, text_field=Nouto Turusta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Lemminkäisenkatu 50, 20520 Turku.}, {target_value=Vaasa, text_field=Nouto Vaasasta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Meijerinkatu 2-4, 65100 Vaasa.}, {target_value=Varkaus, text_field=Nouto Varkaudesta, lähetti tai postitus. <br>Toimipaikan osoite: <br>Relanderinkatu 2, 78200 Varkaus.}]
3407	</div>
3408
3409	
3410
3411</div>
3412
3413</div><!--end widget-span -->
3414</div><!--end row-->
3415</div><!--end row-wrapper -->
3416
3417</div><!--end widget-span -->
3418</div><!--end row-->
3419</div><!--end row-wrapper -->
3420
3421</div><!--end widget-span -->
3422</div>
3423</div>
3424</div>
3425
3426  </main>
3427  
3428
3429                
3430                    <div data-global-resource-path="G2022-Theme/templates/partials/footer.html">
3431
3432
3433
3434<footer class="aa-site-footer hs-search-hidden">
3435  <div class="aa-site-footer__inner">
3436
3437    <div class="aa-site-footer__branding">
3438      <div class="aa-branding">
3439        <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>
3440      </div>
3441    </div>
3442
3443    <div class="aa-site-footer__primary">
3444      <div class="aa-site-footer__primary__inner">
3445        <div class="aa-site-footer__primary__header">
3446          <p><strong>GRANO</strong></p>
3447<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>
3448<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>
3449<p>&nbsp;</p>
3450        </div>
3451
3452        <div class="aa-site-footer__primary__body">
3453          <p><strong>YHTEYSTIEDOT</strong></p>
3454<p><a href="tel:0291800400" rel="noopener">029 1800 400</a><br>(arkisin 8.00 - 16.00)<br>0,088 €/min + pvm</p>
3455<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>
3456<p>Y-tunnus 2197935-0</p>
3457        </div>
3458
3459        <div class="aa-site-footer__primary__footer">
3460          <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_570125651_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3>
3461
3462<div id="hs_form_target_form_570125651"></div>
3463
3464
3465
3466
3467
3468
3469
3470
3471
3472</span>
3473        </div>
3474      </div>
3475    </div>
3476
3477    <div class="aa-site-footer__some">
3478      
3479      <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">
3480  
3481    
3482      
3483    
3484    
3485    
3486    <a href="https://www.facebook.com/granosuomi" class="aa-social-links__link" target="_blank">
3487      
3488        <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>
3489      
3490    </a>
3491  
3492    
3493      
3494    
3495    
3496    
3497    <a href="https://www.linkedin.com/company/grano/" class="aa-social-links__link" target="_blank">
3498      
3499        <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>
3500      
3501    </a>
3502  
3503    
3504      
3505    
3506    
3507    
3508    <a href="https://www.instagram.com/granovirallinen/" class="aa-social-links__link" target="_blank">
3509      
3510        <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>
3511      
3512    </a>
3513  
3514    
3515      
3516    
3517    
3518    
3519    <a href="https://www.tiktok.com/@granosuomi" class="aa-social-links__link" target="_blank">
3520      
3521        <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">
3522          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-labelledby="tiktok4" role="img">
3523            <title id="tiktok4">Follow us on TikTok</title>
3524            <g id="tiktok4_layer">
3525              <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" />
3526            </g>
3527          </svg>
3528        </span>
3529      
3530    </a>
3531  
3532    
3533      
3534    
3535    
3536    
3537    <a href="https://www.youtube.com/@granovirallinen" class="aa-social-links__link" target="_blank">
3538      
3539        <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>
3540      
3541    </a>
3542  
3543</div></div>
3544      
3545    </div>
3546
3547    <div class="aa-site-footer__secondary">
3548      <div class="aa-site-footer__secondary__inner">
3549        <div class="aa-site-footer__secondary__body">
3550          <a href="https://www.grano.fi/evastepolitiikka">Evästepolitiikka</a>
3551          <a href="https://www.grano.fi/rekisteriseloste">Tietosuojaseloste</a>
3552        </div>
3553      </div>
3554    </div>
3555
3556    <div class="footer__copyright">
3557      
3558      <div class="footer__copyright__inner">
3559          © 2026 All rights reserved.
3560      </div>
3561      
3562    </div>
3563
3564  </div>
3565
3566</footer>
3567
3568</div>
3569                
3570            </div>
3571
3572            
3573<!-- HubSpot performance collection script -->
3574<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3574
3574
3575<script>
3576var hsVars = hsVars || {}; hsVars['language'] = 'fi';
3577</script>
3577
3578
3579<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
3579
3580
3581        
3581<script src="https://www.grano.fi/hubfs/hub_generated/template_assets/1/82874842036/1789991247187/template_autoComplete.min.js" data-cookieconsent="ignore"></script>
3581
3582        
3582<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 3582
3582
3583<script src="https://www.grano.fi/hubfs/hub_generated/module_assets/1/102025749207/1766419293074/module_search-input.min.js"></script>
3583
3584
3585                            
3585<script>
3586                              document.addEventListener("DOMContentLoaded", function() {
3587                                var acc = document.getElementsByClassName("aa-button--drop-down");
3588                                var i;
3589                                for (i = 0; i < acc.length; i++) {
3590                                  acc[i].addEventListener("click", function() {
3591                                    this.classList.toggle("active");
3592                                    var panel = this.nextElementSibling;
3593                                    if (panel.style.maxHeight) {
3594                                      panel.style.maxHeight = null;
3595                                    } else {
3596                                      panel.style.maxHeight = panel.scrollHeight + "px";
3597                                    } 
3598                                  });
3599                                }
3600                              });
3601                            </script>
3601
3602                          
3603<script src="https://www.grano.fi/hubfs/hub_generated/module_assets/1/113346420204/1760523989802/module_form-second--global.min.js"></script>
3603
3604
3605    <!--[if lte IE 8]>
3606    
3606<script charset="utf-8" src="https://js-eu1.hsforms.net/forms/v2-legacy.js"></script>
3606
3607    <![endif]-->
3608
3609<script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script>
3609
3610
3611    
3611<script data-hs-allowed="true">
3612        var options = {
3613            portalId: '524565',
3614            formId: '70691719-5b20-4d7c-b823-44e863251d77',
3615            formInstanceId: '9146',
3616            
3617            pageId: '4982342876',
3618            
3619            region: 'eu1',
3620            
3621            
3622            
3623            
3624            pageName: "Yhteystiedot | Grano",
3625            
3626            
3627            redirectUrl: "https:\/\/www.grano.fi\/kiitos-sivu",
3628            
3629            
3630            
3631            
3632            
3633            css: '',
3634            target: '#hs_form_target_form_432974265',
3635            
3636            
3637            
3638            
3639            
3640            
3641            
3642            contentType: "standard-page",
3643            
3644            
3645            
3646            formsBaseUrl: '/_hcms/forms/',
3647            
3648            
3649            
3650            formData: {
3651                cssClass: 'hs-form stacked hs-custom-form'
3652            }
3653        };
3654
3655        options.getExtraMetaDataBeforeSubmit = function() {
3656            var metadata = {};
3657            
3658
3659            if (hbspt.targetedContentMetadata) {
3660                var count = hbspt.targetedContentMetadata.length;
3661                var targetedContentData = [];
3662                for (var i = 0; i < count; i++) {
3663                    var tc = hbspt.targetedContentMetadata[i];
3664                     if ( tc.length !== 3) {
3665                        continue;
3666                     }
3667                     targetedContentData.push({
3668                        definitionId: tc[0],
3669                        criterionId: tc[1],
3670                        smartTypeId: tc[2]
3671                     });
3672                }
3673                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
3674            }
3675
3676            return metadata;
3677        };
3678
3679        hbspt.forms.create(options);
3680    </script>
3680
3681
3682
3683    
3683<script data-hs-allowed="true">
3684        var options = {
3685            portalId: '524565',
3686            formId: '4401d818-ce7b-4228-b61b-109af5f5516c',
3687            formInstanceId: '7135',
3688            
3689            pageId: '4982342876',
3690            
3691            region: 'eu1',
3692            
3693            
3694            
3695            
3696            pageName: "Yhteystiedot | Grano",
3697            
3698            
3699            redirectUrl: "https:\/\/www.grano.fi\/kiitos-sivu",
3700            
3701            
3702            
3703            
3704            
3705            css: '',
3706            target: '#hs_form_target_form_730107335',
3707            
3708            
3709            
3710            
3711            
3712            
3713            
3714            contentType: "standard-page",
3715            
3716            
3717            
3718            formsBaseUrl: '/_hcms/forms/',
3719            
3720            
3721            
3722            formData: {
3723                cssClass: 'hs-form stacked hs-custom-form'
3724            }
3725        };
3726
3727        options.getExtraMetaDataBeforeSubmit = function() {
3728            var metadata = {};
3729            
3730
3731            if (hbspt.targetedContentMetadata) {
3732                var count = hbspt.targetedContentMetadata.length;
3733                var targetedContentData = [];
3734                for (var i = 0; i < count; i++) {
3735                    var tc = hbspt.targetedContentMetadata[i];
3736                     if ( tc.length !== 3) {
3737                        continue;
3738                     }
3739                     targetedContentData.push({
3740                        definitionId: tc[0],
3741                        criterionId: tc[1],
3742                        smartTypeId: tc[2]
3743                     });
3744                }
3745                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
3746            }
3747
3748            return metadata;
3749        };
3750
3751        hbspt.forms.create(options);
3752    </script>
3752
3753
3754
3755    
3755<script data-hs-allowed="true">
3756        var options = {
3757            portalId: '524565',
3758            formId: 'ca9ad0db-3a92-40fc-a1fb-1f80b1a8d39a',
3759            formInstanceId: '9527',
3760            
3761            pageId: '4982342876',
3762            
3763            region: 'eu1',
3764            
3765            
3766            
3767            
3768            pageName: "Yhteystiedot | Grano",
3769            
3770            
3771            redirectUrl: "https:\/\/www.grano.fi\/kiitos-sivu",
3772            
3773            
3774            
3775            
3776            
3777            css: '',
3778            target: '#hs_form_target_form_361636741',
3779            
3780            
3781            
3782            
3783            
3784            
3785            
3786            contentType: "standard-page",
3787            
3788            
3789            
3790            formsBaseUrl: '/_hcms/forms/',
3791            
3792            
3793            
3794            formData: {
3795                cssClass: 'hs-form stacked hs-custom-form'
3796            }
3797        };
3798
3799        options.getExtraMetaDataBeforeSubmit = function() {
3800            var metadata = {};
3801            
3802
3803            if (hbspt.targetedContentMetadata) {
3804                var count = hbspt.targetedContentMetadata.length;
3805                var targetedContentData = [];
3806                for (var i = 0; i < count; i++) {
3807                    var tc = hbspt.targetedContentMetadata[i];
3808                     if ( tc.length !== 3) {
3809                        continue;
3810                     }
3811                     targetedContentData.push({
3812                        definitionId: tc[0],
3813                        criterionId: tc[1],
3814                        smartTypeId: tc[2]
3815                     });
3816                }
3817                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
3818            }
3819
3820            return metadata;
3821        };
3822
3823        hbspt.forms.create(options);
3824    </script>
3824
3825
3826
3827		
3827<script>
3828				
3829				
3830			
3831			
3832				const formFilter = () => {
3833					const formButtons = document.querySelectorAll(".aa-form__footer__header button");
3834					formButtons.forEach(element => {
3835						element.addEventListener("click", function() {
3836							formButtons.forEach(item => {
3837								item.classList.add('aa-button--2');
3838								item.classList.add('aa-button--2--dark');
3839								item.classList.remove('aa-button--1');
3840							});
3841							element.classList.remove('aa-button--2');
3842							element.classList.remove('aa-button--2--dark');
3843							element.classList.add('aa-button--1');
3844							filterForm(element);
3845						});
3846					});
3847					function filterForm(element) {
3848						const forms = document.querySelectorAll(".aa-form-container");
3849						let filter = element.dataset.filter;
3850						forms.forEach(form => {
3851							if (form.classList.contains(filter)) {
3852								form.classList.remove('aa-form-container--hidden');
3853							} else {
3854								form.classList.add('aa-form-container--hidden');
3855							}
3856						});
3857					};
3858				};
3859				document.addEventListener("DOMContentLoaded", formFilter);
3860			
3861		</script>
3861
3862	
3863
3864    
3864<script data-hs-allowed="true">
3865        var options = {
3866            portalId: '524565',
3867            formId: '7f21d6bc-09a7-4464-85e6-5c53364db526',
3868            formInstanceId: '3613',
3869            
3870            pageId: '4982342876',
3871            
3872            region: 'eu1',
3873            
3874            
3875            
3876            
3877            pageName: "Yhteystiedot | Grano",
3878            
3879            
3880            redirectUrl: "https:\/\/www.grano.fi\/kiitos-uutiskirje",
3881            
3882            
3883            
3884            
3885            
3886            css: '',
3887            target: '#hs_form_target_form_570125651',
3888            
3889            
3890            
3891            
3892            
3893            
3894            
3895            contentType: "standard-page",
3896            
3897            
3898            
3899            formsBaseUrl: '/_hcms/forms/',
3900            
3901            
3902            
3903            formData: {
3904                cssClass: 'hs-form stacked hs-custom-form'
3905            }
3906        };
3907
3908        options.getExtraMetaDataBeforeSubmit = function() {
3909            var metadata = {};
3910            
3911
3912            if (hbspt.targetedContentMetadata) {
3913                var count = hbspt.targetedContentMetadata.length;
3914                var targetedContentData = [];
3915                for (var i = 0; i < count; i++) {
3916                    var tc = hbspt.targetedContentMetadata[i];
3917                     if ( tc.length !== 3) {
3918                        continue;
3919                     }
3920                     targetedContentData.push({
3921                        definitionId: tc[0],
3922                        criterionId: tc[1],
3923                        smartTypeId: tc[2]
3924                     });
3925                }
3926                metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData);
3927            }
3928
3929            return metadata;
3930        };
3931
3932        hbspt.forms.create(options);
3933    </script>
3933
3934
3935
3936<!-- Start of HubSpot Analytics Code -->
3937<script type="text/javascript">
3938var _hsq = _hsq || [];
3939_hsq.push(["setContentType", "standard-page"]);
3940_hsq.push(["setCanonicalUrl", "https:\/\/www.grano.fi\/yhteystiedot"]);
3941_hsq.push(["setPageId", "4982342876"]);
3942_hsq.push(["setContentMetadata", {
3943    "contentPageId": 4982342876,
3944    "legacyPageId": "4982342876",
3945    "contentFolderId": null,
3946    "contentGroupId": null,
3947    "abTestId": null,
3948    "languageVariantId": 4982342876,
3949    "languageCode": "fi",
3950    
3951    
3952}]);
3953</script>
3953
3954
3955<script type="text/javascript">
3956var hbspt = hbspt || {};
3957(hbspt.targetedContentMetadata = hbspt.targetedContentMetadata || []).push(...[]);
3958
3959var _hsq = _hsq || [];
3960_hsq.push(["setTargetedContentMetadata", hbspt.targetedContentMetadata]);
3961</script>
vendor: 1 bytes, line 3961
3961
3962<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/524565.js"></script>
3962
3963<!-- End of HubSpot Analytics Code -->
3964
3965
3966<script type="text/javascript">
3967var hsVars = {
3968    render_id: "ea8a83db-3809-483e-8264-7a7e4c444004",
3969    ticks: 1790855845634,
3970    page_id: 4982342876,
3971    
3972    content_group_id: 0,
3973    portal_id: 524565,
3974    app_hs_base_url: "https://app-eu1.hubspot.com",
3975    cp_hs_base_url: "https://cp-eu1.hubspot.com",
3976    language: "fi",
3977    analytics_page_type: "standard-page",
3978    scp_content_type: "",
3979    
3980    analytics_page_id: "4982342876",
3981    category_id: 1,
3982    folder_id: 0,
3983    is_hubspot_user: false
3984}
3985</script>
3985
3986
3987
3988<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3988
3989
3990
3991
3992
3993
3994
3995
3996        </div>
3997
3998        
3998<script data-cookieconsent="ignore">
3999            // Detect IE11
4000            if (window.document.documentMode) {
4001                document.body.classList.add('ie');
4002
4003                // Add IE support for CSS variables
4004                var ieCssVarsScript = document.createElement('script');
4005                ieCssVarsScript.src = "//524565.fs1.hubspotusercontent-eu1.net/hubfs/524565/hub_generated/template_assets/1/82874842038/1789991251028/template_css-vars-ponyfill.min.js"
4006                document.head.appendChild(ieCssVarsScript);
4007
4008                ieCssVarsScript.onload = function() {
4009                    cssVars({});
4010                };
4011            }
4012        </script>
4012
4013    
4014</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.