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