PageSourceSearch

https://www.hartwall.fi/ota-yhteytta/

html hartwall.fi collected 2026-10-02 12:05:31 UTC 108,776 bytes, 1,473 lines download raw bytes

1
2
3
4
5
6<!DOCTYPE html>
7<html class="no-js " >
8<head>
9    
10<meta charset="utf-8" />
11<meta http-equiv="X-UA-Compatible" content="IE=edge" />
12<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
13
14    <title>Ota yhteytt&#228;  | Hartwall</title>
15
16<script type="text/javascript">
17    //Fix Windows phone
18    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
19        var msViewportStyle = document.createElement("style");
20        msViewportStyle.appendChild(
21            document.createTextNode(
22                "@-ms-viewport{width:auto!important}"
23            )
24        );
25        document.getElementsByTagName("head")[0].
26            appendChild(msViewportStyle);
27    }
28</script>
28
29
30
31
32<link href="/Static/dist/main-template-a.e708901e.css" rel="stylesheet" />
33<link href="/styles?i=404796" rel="stylesheet" />
34<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
35
36
37
38        <link rel="shortcut icon" type="image/png" sizes="16x16" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=16&height=16">
39        <link rel="shortcut icon" type="image/png" sizes="24x24" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=24&height=24">
40        <link rel="shortcut icon" type="image/png" sizes="32x32" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=32&height=32">
41        <link rel="shortcut icon" type="image/png" sizes="48x48" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=48&height=48">
42        <link rel="shortcut icon" type="image/png" sizes="64x64" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=64&height=64">
43        <link rel="shortcut icon" type="image/png" sizes="96x96" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=96&height=96">
44        <link rel="shortcut icon" type="image/png" sizes="196x196" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=196&height=196">
45        <link rel="apple-touch-icon" sizes="57x57" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=57&height=57">
46        <link rel="apple-touch-icon" sizes="60x60" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=60&height=60">
47        <link rel="apple-touch-icon" sizes="72x72" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=72&height=72">
48        <link rel="apple-touch-icon" sizes="76x76" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=76&height=76">
49        <link rel="apple-touch-icon" sizes="120x120" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=120&height=120">
50        <link rel="apple-touch-icon" sizes="144x144" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=144&height=144">
51        <link rel="apple-touch-icon" sizes="152x152" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=152&height=152">
52        <link rel="apple-touch-icon" sizes="167x167" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=167&height=167">
53        <link rel="apple-touch-icon" sizes="180x180" href="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=180&height=180">
54    <meta name="msapplication-TileImage" content="/4a4cd0/globalassets/hartwall.fi/hartwall-favicon-1024x1024px.png?width=144&height=144">
55
56
57<meta name="application-name" content="Hartwall">
58    
59
60    <meta name="description" content="Me virkist&#228;mme Suomea." />
61    <meta name="og:description" content="Me virkist&#228;mme Suomea." />
62
63
64<link href="https://www.hartwall.fi/ota-yhteytta/" rel="canonical" />
65<meta name="twitter:card" content="summary" />
66<meta name="og:locale" content="fi" />
67<meta name="og:site_name" content="Hartwall" />
68<meta name="og:type" content="website" />
69<meta name="og:url" content="https://www.hartwall.fi/ota-yhteytta/" />
70
71    <meta name="title" content="Ota yhteytt&#228;" />
72    <meta name="og:title" content="Ota yhteytt&#228;" />
73
74    <meta name="og:image" content="https://www.hartwall.fi/48f9c5/contentassets/8cbbd321f86f475c9b272fa750730b1c/2021_10_14_hartwall_0507_hires__of-2.jpg" />
75
76    
77    
78<script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="FI" type="text/javascript"></script>
78
79
80
81
82    
83    
84
85    <!-- Piwik -->
86
87<script type="text/javascript">
88(function(window, document, dataLayerName, id) {
89window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script');
90function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString();f="; SameSite=Strict"}document.cookie=a+"="+b+d+f+"; path=/"}
91var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1);
92var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):"";
93tags.async=!0,tags.src="https://royalunibrew.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts);
94!function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]);
95})(window, document, 'dataLayer', 'b07036bf-6f39-4b3e-8240-f2469442a58d');
96</script>
96
97
98<!-- End Piwik -->
99
100<meta name="google-site-verification" content="r4odiMUyaxFQxOzQ1BEDktqAPXINAHWNYjm8Dv6mBiw" />
101
102<!-- Klaviyo -->
103<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/XfxHXP/klaviyo.js"></script>
103
104<!-- End of Klaviyo -->
105
106<!-- HeadQ -->
107<script type="text/javascript">
108  (function(h,e,a,d,q) {
109    h.__HQ__ = { store: 'hartwall' };
110    d = e.getElementsByTagName('head')[0];
111    a = e.createElement('script');
112    a.type = 'text/javascript';
113    a.src = 'https://cdn.myheadq.com/static/headq.js';
114    d.appendChild(a);
115    q = e.createElement('link');
116    q.rel = 'stylesheet';
117    q.href = 'https://cdn.myheadq.com/static/headq.css';
118    q.type = 'text/css';
119    d.appendChild(q);
120  })(window,document);
121  </script>
121
122<!-- End HeadQ -->
123<script type="text/javascript">var appInsights=window.appInsights||function(config){function t(config){i[config]=function(){var t=arguments;i.queue.push(function(){i[config].apply(i,t)})}}var i={config:config},u=document,e=window,o="script",s="AuthenticatedUserContext",h="start",c="stop",l="Track",a=l+"Event",v=l+"Page",r,f;setTimeout(function(){var t=u.createElement(o);t.src=config.url||"https://js.monitor.azure.com/scripts/a/ai.0.js";u.getElementsByTagName(o)[0].parentNode.appendChild(t)});try{i.cookie=u.cookie}catch(y){}for(i.queue=[],r=["Event","Exception","Metric","PageView","Trace","Dependency"];r.length;)t("track"+r.pop());return t("set"+s),t("clear"+s),t(h+a),t(c+a),t(h+v),t(c+v),t("flush"),config.disableExceptionTracking||(r="onerror",t("_"+r),f=e[r],e[r]=function(config,t,u,e,o){var s=f&&f(config,t,u,e,o);return s!==!0&&i["_"+r](config,t,u,e,o),s}),i}({instrumentationKey:"2feee15a-7ee5-4ddd-9f94-ad0e0972ff0e",sdkExtension:"a"});window.appInsights=appInsights;appInsights.queue&&appInsights.queue.length===0&&appInsights.trackPageView();</script>
123</head>
124
125<body class="template-a StartPage">
126    
127
128
129    <div class="o-back-to-top hide u-full-width ">
130    <div class="o-container row u-relative">
131        <div class="s-circle arrow-circle">&uarr;</div>
132    </div>
133</div>
134
135    
136    
137
138    <div class="content-wrapper u-min-height-100vh " style="background-color: #fff;">
139        
140
141
142    
143
144
145<!-- LinkedStyles -->
146
147
148    <!-- CustomStyles -->
149    <style>
150        body.template-a .o-hero-container .slick-list{max-height:500px!important}body.template-a .o-hero-container .o-slider-content-frontpage{top:258px}@media(min-width:768px){body.template-a p{font-size:17px;line-height:22px}}.ContentPageWithStartPageViews .contentpage-container{max-width:992px}.site-navigation{max-width:1098px;margin-left:auto;margin-right:auto;margin-top:0!important;margin-bottom:0;padding:0 5px}.site-navigation ul li{display:inline-block!important}.site-navigation ul li a{padding:10px 20px;border:3px solid #231e87;display:inline-block}.site-navigation ul li a:hover,.site-navigation ul li a.active{background-color:#231e87!important;color:#fff!important}.StartPage .o-slider-content-frontpage p,.StartPage .o-navigation-wrapper:not(.menu-open) nav.o-navigation>.nav-items a,.StartPage .o-navigation-wrapper:not(.menu-open) nav.o-navigation>.quick-links a{color:#fff!important}.StartPage .o-navigation-wrapper:not(.menu-open) .company-logo .logo-fill{fill:white!important}.StartPage .o-navigation-wrapper:not(.menu-open) nav.o-navigation>.nav-items a:hover,.StartPage .o-navigation-wrapper:not(.menu-open) nav.o-navigation>.quick-links a:hover{border-color:#fff!important}.StartPage .o-navigation-wrapper:not(.menu-open) nav.o-navigation #main-search-button .material-icons{color:#fff!important}.StartPage .o-mobile-logo path{fill:white!important}.StartPage .menu-icon>span{background:#fff!important}.StartPage .o-mobile-menu .main-search-button>.material-icons{color:#fff!important}.ContentPageWithStartPageViews .site-navigation{margin-top:24px!important}.ContentPageWithStartPageViews .o-breadcrumb-link span{font-size:initial!important}.ContentPageWithStartPageViews .content-wrapper .o-container>.block{max-width:992px!important;margin:auto}body.template-a .o-container.row>.block[data-block-type="editorblock"]:first-child p:first-child{text-align:initial;padding:initial;font-size:initial;line-height:initial}body.template-a .o-container.row>.block[data-block-type="editorblock"] p a{font-size:initial!important;text-decoration:underline}.content-wrapper .block[data-block-type="formcontainerblock"]:last-of-type,.content-wrapper .block[data-block-type="editorblock"]:last-of-type,.content-wrapper .block[data-block-type="accordionblock"]:last-of-type{padding-bottom:60px!important}body.template-a .o-hero-container .o-slider-content-frontpage .o-category{font-size:14px!important;line-height:normal!important;margin-bottom:16px}@media(min-width:768px){body.template-a .o-hero-container .o-slider-content-frontpage .o-category{font-size:22px!important}}body.template-a .o-container.row .block[data-block-type="editorblock"]{padding:0}.content-wrapper .block:not([data-block-type="rawhtmlblock"]):not([data-block-type="fullwidthcontentreferenceblock"]){padding:0 16px!important}.content-wrapper .block[data-block-type="formcontainerblock"]{width:100%}.content-wrapper .block[data-block-type="formcontainerblock"] .Form__Element select{max-width:100%}input[type="checkbox"]+label{font-size:initial;padding-left:28px;line-height:22px}p em{font-size:.8em}input[type="checkbox"]+label::before{width:18px;height:18px}.block p a{text-decoration:underline}.FormFileUpload{padding-top:12px}body.template-a .Form__MainBody .FormChoice .Form__Element__ValidationError{margin-top:-4px}.o-breadcrumb-link a,.o-breadcrumb-link p,.o-breadcrumb-link span,.breadcrumb li::after{opacity:.5}.Form__Element.FormFileUpload{width:100%!important;margin:auto;text-align:center;background-color:#ecf3ff;border:1px solid #19197d;padding-bottom:16px;margin-top:16px!important}.Form__Element.FormFileUpload>input{display:none!important}.Form__Element.FormFileUpload{width:100%;margin:auto;text-align:center;/*! padding:24px; */position:relative}.Form__Element.FormFileUpload>*{line-height:2.8em!important}.Form__Element.FormFileUpload>br{line-height:0!important}.Form__FileUpload_Button{padding:12px 17px 12px 15px;min-height:4em!important;background-color:#231e87;color:#fff}.Form__FileUpload_Button:hover{background-color:#b4d2ff;color:#231e87}body.template-a .Form__MainBody .FormTextbox--Textarea label{padding-bottom:2px}button.FormSubmitButton{float:none!important;text-align:center;width:100%!important}button.FormSubmitButton:hover{cursor:pointer;color:#fff!important}nav.o-navigation>div a.active,nav.o-navigation>div a:hover{border-bottom:2px solid #fff!important}
151    </style>
152
153
154<!-- FontsAndColorsCss -->
155<style>*{color:#19197d;font-family:Sharp Grotesk Book\ 19,sans-serif}body,.content-wrapper,.s-bg-fff{background-color:#fff!important}p{color:#19197d;font-family:Sharp Grotesk Book\ 19,sans-serif}a{color:#19197d;font-family:Sharp Grotesk Book\ 19,sans-serif}body.template-a .hero-image h1.s-h1{color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}h2.s-h2,h3.s-h3{color:#19197d;font-family:Sharp Grotesk Medium\ 15,sans-serif}.loader-layer{background:#19197d}nav.o-navigation>div a{color:#231e87!important}nav.o-navigation>div a.active,nav.o-navigation>div a:hover{border-bottom:2px solid #231e87}nav.o-navigation .material-icons{color:#231e87!important}.logo-fill{fill:#231e87!important}body.template-a .menu-icon span{background:#231e87}.site-navigation ul li a{color:#231e87;font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a .c-button-container a,body.template-a .c-button-container.alt a{background:#fff;border-color:#19197d;color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a .c-button-container a:hover{background:#19197d!important;border-color:#19197d!important}.o-slider-content-frontpage h1,.o-slider-content-frontpage .o-category,.o-slider-content-frontpage .o-lead{color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}.o-slider-content-frontpage .o-button{background:#b4d2ff;color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}.o-slider-content-frontpage .o-button:hover{background:#fff;color:#19197d}body.template-a .o-slider-content-frontpage h1,body.template-a .o-slider-content-frontpage .o-category,body.template-a .o-slider-content-frontpage .o-lead{color:#19197d}@media(min-width:768px){body.template-a .o-slider-content-frontpage h1,body.template-a .o-slider-content-frontpage .o-category,body.template-a .o-slider-content-frontpage .o-lead{font-size:56px!important;line-height:60px!important}}.block[data-block-type=sliderblock] h2.s-h2{color:#19197d;font-family:Sharp Grotesk Medium\ 15,sans-serif}body.template-a .block[data-block-type=sliderblock] .o-scrolling-slider .slick-slide .large-hover{background:#ecf3ff}.block[data-block-type=sliderblock] .o-scrolling-slider .slick-slide .large-hover h2.s-h2{color:#19197d;font-family:Sharp Grotesk Medium\ 19,sans-serif}.block[data-block-type=sliderblock] .slick-next,.block[data-block-type=sliderblock] .slick-prev{background-color:#231e87}.block[data-block-type=sliderblock] .slick-next:hover,.block[data-block-type=sliderblock] .slick-prev:hover{background-color:#ffa53c}body.template-a .block[data-block-type=sliderblock] .slick-prev:before,body.template-a .block[data-block-type=sliderblock] .slick-next:before{background-color:#fff}.block[data-block-type=ordernewsletterblock] h1.s-h1{color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}.block[data-block-type=ordernewsletterblock] h3.s-h3{color:#19197d;font-family:Sharp Grotesk Medium\ 15,sans-serif}.block[data-block-type=ordernewsletterblock] p{color:#19197d}.block[data-block-type=ordernewsletterblock] .o-some-icon svg .st0{fill:#19197d}body.ProductListingBlockPage h2.s-h2{color:#19197d;font-family:Sharp Grotesk Medium\ 15,sans-serif}body.ProductListingBlockPage div>.o-product-container figure{background:#ecf3ff}body.template-a.ProductListingBlockPage div>.o-product-container h4{color:#19197d;font-family:Sharp Grotesk Medium\ 19,sans-serif}.product-listing-block.product-details h2.s-h2{font-family:Sharp Grotesk Medium\ 25,sans-serif}.product-listing-block.product-details .image figure{background:#ecf3ff}.product-listing-block.product-details .toggle-product-info{color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a.ProductListingBlockPage .related-products h3{color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}body.ProductListingBlockPage .o-product-container figure{background:#ecf3ff}.block[data-block-type=pagelistblock] h2{color:#19197d}.block[data-block-type=pagelistblock] .s-body-text{color:#000;font-family:Sharp Grotesk Medium\ 15,"sans-serif"}.block[data-block-type=pagelistblock] .s-h3.news-heading{color:#231e87}body.template-a .Form__MainBody select,body.template-a .Form__MainBody .formfield,body.template-a .Form__MainBody textarea,body.template-a .Form__MainBody .Form__Element__Caption{background-color:#ecf3ff;border-color:#19197d;color:#19197d}body.template-a .Form__MainBody select option,body.template-a .Form__MainBody .Form__Element__Caption{color:#19197d}body.template-a .Form__MainBody select option,body.template-a .Form__MainBody .Form__Element__Caption span{color:#19197d}body.template-a .Form__MainBody .FormSubmitButton{background:#b4d2ff;color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a .Form__MainBody .FormSubmitButton:hover{background:#231e87;color:#19197d;font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a .EPiServerForms .Form__Status .Form__Success__Message,body.template-a .EPiServerForms .Form__Status .Form__Status__Message{background:transparent;color:#19197d}body.template-a .reCAPTCHA-branding,body.template-a .reCAPTCHA-branding a{color:#19197d;font-family:Sharp Grotesk Medium\ 19,sans-serif}body.template-a .block[data-block-type=pagelistblock] h2{font-family:Sharp Grotesk Medium\ 19,sans-serif}body.template-a h2.s-h2{font-family:Sharp Grotesk Medium\ 19,sans-serif;padding:0 10px;text-align:center}body.template-a .s-h3{font-family:Sharp Grotesk Medium\ 19,sans-serif}body.template-a.ArticlePageWithStartPageViews .s-lead-paragraph{font-family:Sharp Grotesk Book\ 19,sans-serif}body.template-a.ArticlePageWithStartPageViews .article-mainbody,body.template-a.ArticlePageWithStartPageViews .article-mainbody p{font-family:Sharp Grotesk Book\ 19,sans-serif}body.template-a.ArticlePageWithStartPageViews .article-container .o-category{font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a.ArticlePageWithStartPageViews .recipe-recipe-header{font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a.ArticlePageWithStartPageViews .recipe-recipe-header-text{font-family:Sharp Grotesk Medium\ 19,sans-serif}body.template-a.ArticlePageWithStartPageViews .ingredient-groupname{font-family:Sharp Grotesk Medium\ 25,sans-serif}body.template-a.ArticlePageWithStartPageViews .ingredient-info,body.template-a.ArticlePageWithStartPageViews .ingredient-item{font-family:Sharp Grotesk Book\ 19,sans-serif}body.template-a.ArticlePageWithStartPageViews .recipe-instructions ul.recipe-instructions-list,body.template-a.ArticlePageWithStartPageViews .recipe-instructions ul.recipe-instructions-list *{font-family:Sharp Grotesk Book\ 19,sans-serif}</style>
156
157
158
159
160
161
162<div class="u-z-999 u-absolute u-full-width o-navigation-wrapper ">
163    <nav class="row o-container u-flex-justify--sb o-flex-align--center o-navigation s- ">
164        <div class="nav-items">
165        <a href="/juomat/"
166           class=""
167           data-mega-menu-group="main"
168           data-mega-menu-index="0">Juomat</a>
169        <a href="/inspiroidu/"
170           class=""
171           data-mega-menu-group="main"
172           data-mega-menu-index="1">Inspiroidu</a>
173        <a href="/ura/"
174           class=""
175           data-mega-menu-group="main"
176           data-mega-menu-index="2">Ura</a>
177        </div>
178        <div class="company-logo">
179            <a href="/">
180<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.18 28.81"><defs><style>.logo-fill{fill:#19197d;}</style></defs><title>Hartwall Logo</title><g><path class="logo-fill" d="M83.32,12.73s1.33-4.14,2-6.29c0,0,1.14,4.63,1.68,6.86-1.24-.2-2.47-.39-3.71-.57M92,19.23c-1.19-4.74-3.63-14.4-3.63-14.4-.16-.65-.16-1.17.6-1.24l.09-.47c-2-.33-4.32-.68-6.38-.93l-.1.44c.51.21.75.33.57.87,0,0-1.15,3.57-2.38,7.19-.59,1.74-1.2,3.55-1.72,5a7.92,7.92,0,0,1-1.15,2.47,1.11,1.11,0,0,1-.44.12l0,.41c1.63.21,3.26.39,4.88.61l.08-.41c-.34-.17-.85-.31-.71-.73.24-.7.48-1.77.73-2.56,1.58.17,3.92.52,5.33.78.07.38.18.77.26,1.14a9.28,9.28,0,0,1,.24,1.57c0,.49-.13.54-.64.64v.39c1.8.3,3.58.67,5.36,1v-.44a1.91,1.91,0,0,1-1-1.46M39.69,7.76a2.72,2.72,0,0,1-2,.91L35,9V4.81c.69-.08,2.11-.25,2.92-.33a1.92,1.92,0,0,1,2,.85,2.41,2.41,0,0,1-.21,2.43m5,8.62c-.78-1-3.31-4.53-3.82-5.26a6.44,6.44,0,0,0,2.22-1.79,5.67,5.67,0,0,0,.35-5.65A4.72,4.72,0,0,0,38.5,1.36c-2.25.21-6.48.67-7.81.81l0,.46c.51.05.67.28.68.8,0,5.15,0,9.34.09,14.09a1.08,1.08,0,0,1-.56,1.1V19c1.56-.21,3.11-.39,4.67-.56v-.42c-.51-.13-.76-.23-.76-.77l0-5.11c.86-.12,1.73-.2,2.59-.31.55.75,3,3.94,3.61,4.94.25.38-.08.69-.56.83l0,.38c1.62-.14,4.45-.31,5.59-.37v-.39a2.57,2.57,0,0,1-1.4-.88m-24-2s1.15-4.72,1.67-6.78l1.86,6c-.95.14-2.65.5-3.53.74m9.07,4.23c-.47-.28-.52-.62-.67-1.09L24.88,4.7c-.22-.69-.26-.92.47-1.46l0-.35c-2.06.3-4.09.68-6.11,1.16v.39c.7.07.59.68.47,1.14l-3.5,14a3,3,0,0,1-1.11,2v.52c1.61-.43,3.21-.83,4.84-1.18v-.42c-1-.18-.52-1.23-.33-1.82.14-.42.27-.83.43-1.23a33.85,33.85,0,0,1,5.09-1c.25.77.47,1.39.66,2.17a.62.62,0,0,1-.4.82v.4c1.56-.27,3.11-.52,4.67-.74v-.39a2.36,2.36,0,0,1-.28-.12m83.46,4.51-.33-.15c-.17.36-.44.49-.75.35l-3.61-1.61,0-11.79c0-.49.06-.85.73-.89V8.72c-1.6-.
18068-3.22-1.38-4.83-2,0,.12,0,.32,0,.41a1.19,1.19,0,0,1,.72,1.27V21.55c0,.76.12,1.93-.89,2.13v.4l1.73.65c1.54.56,6.53,2.19,6.81,3.89l.39.19c0-1.94,0-4.76,0-5.66M102.59,19.3c-.2.34-.29.61-.74.48L98,18.64,98,6.46a1,1,0,0,1,.75-1.09V5.12c-1.6-.41-3.22-.81-4.84-1.14v.28a1.4,1.4,0,0,1,.72,1.4l0,14a1.09,1.09,0,0,1-.85,1.19v.44A83.43,83.43,0,0,1,102,23.58c.36.13.34.35.48.66l.44.11c0-1.61,0-3.31,0-4.93Zm-26.8-2.53L78.48,3.36c.12-.59.2-1,.93-1l.1-.47c-1.61-.18-3.27-.35-4.88-.49l-.06.44c.61.17.75.38.65.94l-1.65,8.71-.3,3s-.06-2.67-.12-3c-.47-3-1.4-8.94-1.4-8.94-.08-.5,0-.87.66-1l0-.39C70.35,1,68.14.82,66.08.75c0,.09,0,.27,0,.35.57.22.76.5.64,1.1-.31,1.58-1.33,6.64-1.76,8.8-.12.61-.35,3-.35,3,0-.29,0-2.59-.09-2.93-.4-2.74-1.06-6.82-1.27-9.19a.78.78,0,0,1,.63-.9V.6C63,.58,60,.54,58.77.54V1c.39.17.64.26.7.67a2.89,2.89,0,0,1,0,.29l2.22,13.86A1.17,1.17,0,0,1,61,17.19v.42c2,.08,4.18.1,6.22.21v-.44c-.63-.21-.61-.53-.49-1.11l2.14-10,.24-2.21.08,2.22,1.53,9.82c.09.53.09,1.27-.56,1.49V18c2,.12,4.07.31,6.08.5l.07-.4c-.68-.32-.59-.77-.47-1.34M56.51.52c-3.33,0-6.7.12-10,.34A.93.93,0,0,1,45.45.38h-.38V4.7h.39c.15-.45.33-.7.78-.73,1.11-.07,2.22-.12,3.33-.17V15.9c0,.64-.07,1.14-.86,1.32l0,.39c1.75-.08,3.54-.08,5.29-.11l0-.43a1.85,1.85,0,0,1-.23,0,1.09,1.09,0,0,1-.59-1.13l0-12.23h0c.37,0,1.17-.09,2-.09A2.69,2.69,0,0,1,57,4c.09.1.09.25.15.37h.43l0-4.38h-.41c-.21.3-.27.49-.71.52M9.16,7.26c.56,0,.81.1.81.67v5.75A56.86,56.86,0,0,0,4.09,16c0-1.76,0-3.51,0-5.27A2.08,2.08,0,0,1,4.7,8.93V8.46A41.14,41.14,0,0,0,0,10.81v.38c.64,0,.72.45.72.91l.07,13a4.16,4.16,0,0,1-.17,1.61,2,2,0,0,1-.58.72V28c.65-.37,1.65-.93,2.54-1.37s1.51-.73,2.29-1v-.47c-.5-.08-.77-.18-.77-.71V19.09c2-.84,3.88-1.6,5.92-2.26,0,1.74,0,3.47,0,5.21a1.36,1.36,0,0,1-.71,1.32v.47c1.57-.52,3.13-1,4.73-1.44V22c-.4-.11-.52-.27-.53-.83l0-14.25a1.1,1.1,0,0,1,.66-1.13V5.33c-1.66.49-3.33,1-5,1.5Z"/></g></svg>            </a>
181        </div>
182        <div class="u-tr quick-links">
183        <a href="/ota-yhteytta/"
184           class="active"
185           data-mega-menu-group="secondary"
186           data-mega-menu-index="0">Ota yhteytt&#228;</a>
187        <a href="/ammattilaisille/"
188           class=""
189           data-mega-menu-group="secondary"
190           data-mega-menu-index="1">Ammattilaisille</a>
191                            <a class="u-vsub main-search-button" id="main-search-button" href="/haku/">
192                    <i class="material-icons">search</i>
193                </a>
194                    </div>
195    </nav>
196        <div class="mega-menu" id="mega-menu-container">
197                <div class="mega-menu__panel" data-mega-menu-panel="main-0" aria-hidden="true" hidden>
198        <div class="row o-container">
199            <div class="mega-menu__panel-content u-pb-2">
200                        <a href="/juomat/" class="mega-menu__title-link">Juomat</a>
201            </div>
202        </div>
203        <div class="row o-container">
204            <div class="mega-menu__inner u-full-width u-flex u-flex-justify--sb">
205                
206                <div class="mega-menu__image">
207                        <img src="/4a7404/globalassets/hartwall.fi/juomat/juomat1.png" alt="Juomat" />
208                </div>
209
210                
211                <div class="mega-menu__sublinks">
212                        <a href="/juomat/vedet/">Vedet &rarr;</a>
213                        <a href="/juomat/virvoitusjuomat/">Virvoitusjuomat &rarr;</a>
214                        <a href="/juomat/long-drink-juomat/">Lonkerot &rarr;</a>
215                        <a href="/juomat/viinit/viinihaku/">Viinit &rarr;</a>
216                        <a href="/juomat/hard-seltzer/">Hard Seltzerit &rarr;</a>
217                        <a href="/juomat/energiajuomat/">Energiajuomat &rarr;</a>
218                        <a href="/juomat/oluet/">Oluet &rarr;</a>
219                        <a href="/juomat/juomasekoitukset/">Juomasekoitukset &rarr;</a>
220                        <a href="/juomat/siiderit/">Siiderit &rarr;</a>
221                        <a href="/juomat/likoorit/">Lik&#246;&#246;rit &rarr;</a>
222                        <a href="/juomat/mikserit/">Mikserit &rarr;</a>
223                        <a href="/juomat/alkoholittomat-tisleet/">Alkoholittomat tisleet &rarr;</a>
224                        <a href="/juomat/teet/">Teet &rarr;</a>
225                        <a href="/juomat/mehut/">Mehut &rarr;</a>
226                        <a href="/juomat/vakevat/">V&#228;kev&#228;t &rarr;</a>
227                        <a href="/juomat/glogit/">Gl&#246;git &rarr;</a>
228                        <a href="/juomat/muut-viinit/">Muut viinit &rarr;</a>
229                </div>
230
231                
232                <div class="mega-menu__related">
233                        <span class="mega-menu__related-heading">Saatat pit&#228;&#228; my&#246;s n&#228;ist&#228;</span>
234                                            <a href="/juomat/hartwallin-uutuusjuomat/">Hartwallin syksyn uutuudet</a>
235                        <a href="/juomat/viinit/viinihaku/">Viinihaku</a>
236                        <a href="/alkoholittomat/">Alkoholittomat juomat</a>
237                        <a href="/inspiroidu/viinit/joulun-2026-glogit-perinteisia-suosikkeja-ja-uusia-makuelamyksia/">Hartwallin gl&#246;givalikoima 2026</a>
238                </div>
239
240                
241                <div class="mega-menu__quicklinks">
242                        <span class="mega-menu__quicklink">
243                                <img src="/4a77f6/globalassets/ikonit/icon-vip.svg" alt="" />
244                            <a href="/hartwall-vip/">Hartwall VIP-klubi</a>
245                        </span>
246                        <span class="mega-menu__quicklink">
247                                <img src="/4a77f6/globalassets/ikonit/icon-brands.svg" alt="" />
248                            <a href="https://kauppa.hartwall.fi/">Verkkokauppa</a>
249                        </span>
250                        <span class="mega-menu__quicklink">
251                                <img src="/4a77f6/globalassets/ikonit/icon-cart.svg" alt="" />
252                            <a href="/ota-yhteytta/panimomyymala/">Panimomyym&#228;l&#228;</a>
253                        </span>
254                        <span class="mega-menu__quicklink">
255                                <img src="/4a78a3/globalassets/icon-shirt.svg" alt="" />
256                            <a href="https://hartwall.innoflame.fi/">Fanituotekauppa</a>
257                        </span>
258                        <span class="mega-menu__quicklink">
259                                <img src="/4a77f6/globalassets/ikonit/icon-office.svg" alt="" />
260                            <a href="/yritys/">Hartwall yrityksen&#228;</a>
261                        </span>
262                        <span class="mega-menu__quicklink">
263                                <img src="/4a77f6/globalassets/ikonit/icon-recycling.svg" alt="" />
264                            <a href="/vastuullisuus/">Vastuullisuus</a>
265                        </span>
266
267                        <div class="mega-menu__social">
268                                    <a class="mega-menu__social-link" href="https://www.facebook.com/Hartwall1836/" target="_blank">
269                                        <?xml version="1.0" encoding="utf-8"?>
270<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
271<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"
272	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
273<style type="text/css">
274	.st0{fill:#FFFFFF;}
275</style>
276<title>Asset 5</title>
277<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M39.1,22.1h-3.2c-0.7-0.1-1.4,0.4-1.5,1.2
278	c0,0.1,0,0.2,0,0.4v3h4.7L38.6,32h-4.2v15h-6.3V32h-3.2v-5.3h3.2v-3c0-3.6,1.2-6.5,6.3-6.6h4.7V22.1z"/>
279</svg>
280
281                                    </a>
282                                    <a class="mega-menu__social-link" href="https://www.instagram.com/hartwall1836/" target="_blank">
283                                        <?xml version="1.0" encoding="utf-8"?>
284<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
285<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"
286	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
287<style type="text/css">
288	.st0{fill:#FFFFFF;}
289</style>
290<title>Asset 3</title>
291<g>
292	<circle class="st0" cx="32" cy="32" r="5.7"/>
293	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M48.9,39c0,1.4-0.3,2.8-0.8,4.1
294		c-0.9,2.3-2.7,4.1-5,5c-1.3,0.5-2.7,0.8-4.1,0.8C37.2,49,36.6,49,32,49s-5.2,0-7-0.1c-1.4,0-2.8-0.3-4.1-0.8c-2.3-0.9-4.1-2.7-5-5
295		c-0.5-1.3-0.8-2.7-0.8-4.1C15,37.2,15,36.6,15,32s0-5.2,0.1-7c0-1.4,0.3-2.8,0.8-4.1c0.9-2.3,2.7-4.1,5-5c1.3-0.5,2.7-0.8,4.1-0.8
296		c1.8-0.1,2.4-0.1,7-0.1s5.2,0,7,0.1c1.4,0,2.8,0.3,4.1,0.8c2.3,0.9,4.1,2.7,5,5c0.5,1.3,0.8,2.7,0.8,4.1c0.1,1.8,0.1,2.4,0.1,7
297		S49,37.2,48.9,39z"/>
298	<path class="st0" d="M45.2,22c-0.6-1.5-1.7-2.7-3.2-3.2c-1-0.4-2.1-0.6-3.2-0.6c-1.8-0.
2981-2.3-0.1-6.8-0.1s-5.1,0-6.9,0.1
299		c-1.1,0-2.1,0.2-3.2,0.6c-1.5,0.6-2.7,1.8-3.2,3.2c-0.4,1-0.6,2-0.6,3.1C18,26.9,18,27.4,18,32c0,4.5,0,5.1,0.1,6.9
300		c0,1.1,0.2,2.1,0.6,3.2c0.6,1.5,1.8,2.7,3.2,3.2c1,0.4,2,0.6,3.1,0.6c1.8,0.1,2.3,0.1,6.9,0.1c4.5,0,5.1,0,6.9-0.1
301		c1.1,0,2.1-0.2,3.2-0.6c1.5-0.6,2.7-1.8,3.2-3.2c0.4-1,0.6-2,0.6-3.1c0.1-1.8,0.1-2.3,0.1-6.9c0-4.5,0-5.1-0.1-6.9
302		C45.8,24.1,45.6,23,45.2,22z M32,40.7c-4.8,0-8.7-3.9-8.7-8.7s3.9-8.7,8.7-8.7s8.7,3.9,8.7,8.7S36.8,40.7,32,40.7z M41.1,25
303		c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S42.2,25,41.1,25z"/>
304</g>
305</svg>
306
307                                    </a>
308                                    <a class="mega-menu__social-link" href="https://www.linkedin.com/company/oy-hartwall-ab" target="_blank">
309                                        <?xml version="1.0" encoding="utf-8"?>
310<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
311<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"
312	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
313<style type="text/css">
314	.st0{fill:#FFFFFF;}
315</style>
316<title>Asset 6</title>
317<g>
318	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M47,44.8c0,1.2-1,2.2-2.2,2.2H19.2
319		C18,47,17,46,17,44.8V19.2c0-1.2,1-2.2,2.2-2.2h25.6c1.2,0,2.2,1,2.2,2.2C47,19.2,47,44.8,47,44.8z"/>
320</g>
321<path class="st0" d="M23.7,21.1c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6s2.6-1.2,2.6-2.6C26.2,22.3,25.1,21.1,23.7,21.1z"/>
322<rect x="21.5" y="28.2" class="st0" width="4.5" height="14.3"/>
323<path class="st0" d="M37.2,27.9c-1.7-0.1-3.3,0.8-4.2,2.3v-2h-4.3v14.3h4.5v-7.1c0-1.9,0.4-3.7,2.7-3.7s2.3,2.1,2.3,3.8v7h4.4v-7.8
324	C42.5,30.9,41.7,27.9,37.2,27.9z"/>
325</svg>
326
327                                    </a>
328                        </div>
329                </div>
330            </div>
331        </div>
332    </div>
333    <div class="mega-menu__panel" data-mega-menu-panel="main-1" aria-hidden="true" hidden>
334        <div class="row o-container">
335            <div class="mega-menu__panel-content u-pb-2">
336                        <a href="/inspiroidu/" class="mega-menu__title-link">Inspiroidu</a>
337            </div>
338        </div>
339        <div class="row o-container">
340            <div class="mega-menu__inner u-full-width u-flex u-flex-justify--sb">
341                
342                <div class="mega-menu__image">
343                        <img src="/4a74ed/globalassets/hartwall.fi/inspiraatio/kuva-inspiroidu.png" alt="Inspiroidu" />
344                </div>
345
346                
347                <div class="mega-menu__sublinks">
348                        <a href="/inspiroidu/juomaohjeet/">Juomaohjeet &rarr;</a>
349                        <a href="/inspiroidu/juoma-ja-ruoka/">Juoma ja ruoka &rarr;</a>
350                        <a href="/inspiroidu/viinit/">Inspiroidu viineist&#228; &rarr;</a>
351                        <a href="/inspiroidu/alkoholittomat/">Alkoholittomat &rarr;</a>
352                        <a href="/inspiroidu/sesongit/halloween/">Halloween &rarr;</a>
353                        <a href="/inspiroidu/sesongit/joulu/">Joulu &rarr;</a>
354                        <a href="/inspiroidu/sesongit/valmistujaiset/">Valmistujaiset &rarr;</a>
355                        <a href="/inspiroidu/branditarinat/">Br&#228;nditarinat &rarr;</a>
356                </div>
357
358                
359                <div class="mega-menu__related">
360                        <span class="mega-menu__related-heading">Ajankohtaiset</span>
361                                            <a href="/inspiroidu/juoma-ja-ruoka/baileys-korvapuustijaatelo/">Hittij&#228;lkiruoka: Baileys-korvapuustij&#228;&#228;tel&#246;</a>
362                        <a href="/inspiroidu/juoma-ja-ruoka/parhaat-boolit/">Parhaat boolit juhliin – 12 helppoa ohjetta!</a>
363                        <a href="/inspiroidu/hyvinvointi/parhaat-mocktail-reseptit/">Juhli ilman alkoholia – parhaat mocktail-reseptit</a>
364                        <a href="/inspiroidu/juoma-ja-ruoka/vichy-letut/">Extrarapeat Vichy-letut – katso resepti</a>
365                        <a href="/inspiroidu/viinit/maailman-paras-punaviinikastike/">Maailman paras punaviinikastike</a>
366                </div>
367
368                
369                <div class="mega-menu__quicklinks">
370                        <span class="mega-menu__quicklink">
371                                <img src="/4a77f6/globalassets/ikonit/icon-vip.svg" alt="" />
372                            <a href="/hartwall-vip/">Hartwall VIP-klubi</a>
373                        </span>
374                        <span class="mega-menu__quicklink">
375                                <img src="/4a77f6/globalassets/ikonit/icon-brands.svg" alt="" />
376                            <a href="https://kauppa.hartwall.fi/">Verkkokauppa</a>
377                        </span>
378                        <span class="mega-menu__quicklink">
379                                <img src="/4a77f6/globalassets/ikonit/icon-cart.svg" alt="" />
380                            <a href="/ota-yhteytta/panimomyymala/">Panimomyym&#228;l&#228;</a>
381                        </span>
382                        <span class="mega-menu__quicklink">
383                                <img src="/4a78a3/globalassets/icon-shirt.svg" alt="" />
384                            <a href="https://hartwall.innoflame.fi/">Fanituotekauppa</a>
385                        </span>
386                        <span class="mega-menu__quicklink">
387                                <img src="/4a77f6/globalassets/ikonit/icon-office.svg" alt="" />
388                            <a href="/yritys/">Hartwall yrityksen&#228;</a>
389                        </span>
390                        <span class="mega-menu__quicklink">
391                                <img src="/4a77f6/globalassets/ikonit/icon-recycling.svg" alt="" />
392                            <a href="/vastuullisuus/">Vastuullisuus</a>
393                        </span>
394
395                        <div class="mega-menu__social">
396                                    <a class="mega-menu__social-link" href="https://www.facebook.com/Hartwall1836/" target="_blank">
397                                        <?xml version="1.0" encoding="utf-8"?>
398<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
399<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"
400	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
401<style type="text/css">
402	.st0{fill:#FFFFFF;}
403</style>
404<title>Asset 5</title>
405<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M39.1,22.1h-3.2c-0.7-0.1-1.4,0.4-1.5,1.2
406	c0,0.1,0,0.2,0,0.4v3h4.7L38.6,32h-4.2v15h-6.3V32h-3.2v-5.3h3.2v-3c0-3.6,1.2-6.5,6.3-6.6h4.7V22.1z"/>
407</svg>
408
409                                    </a>
410                                    <a class="mega-menu__social-link" href="https://www.instagram.com/hartwall1836/" target="_blank">
411                                        <?xml version="1.0" encoding="utf-8"?>
412<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
413<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"
414	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
415<style type="text/css">
416	.st0{fill:#FFFFFF;}
417</style>
418<title>Asset 3</title>
419<g>
420	<circle class="st0" cx="32" cy="32" r="5.7"/>
421	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M48.9,39c0,1.4-0.3,2.8-0.8,4.1
422		c-0.9,2.3-2.7,4.1-5,5c-1.3,0.5-2.7,0.8-4.1,0.8C37.2,49,36.6,49,32,49s-5.2,0-7-0.1c-1.4,0-2.8-0.3-4.1-0.8c-2.3-0.9-4.1-2.7-5-5
423		c-0.5-1.3-0.8-2.7-0.8-4.1C15,37.2,15,36.6,15,32s0-5.2,0.1-7c0-1.4,0.3-2.8,0.8-4.1c0.9-2.3,2.7-4.1,5-5c1.3-0.5,2.7-0.8,4.1-0.8
424		c1.8-0.1,2.4-0.1,7-0.1s5.2,0,7,0.1c1.4,0,2.8,0.3,4.1,0.8c2.3,0.9,4.1,2.7,5,5c0.5,1.3,0.8,2.7,0.8,4.1c0.1,1.8,0.1,2.4,0.1,7
425		S49,37.2,48.9,39z"/>
426	<path class="st0" d="M45.2,22c-0.6-1.5-1.7-2.7-3.2-3.2c-1-0.4-2.1-0.6-3.2-0.6c-1.8-0.1-2.3-0.1-6.8-0.1s-5.1,0-6.9,0.1
427		c-1.1,0-2.1,0.2-3.2,0.6c-1.5,0.6-2.7,1.8-3.2,3.2c-0.4,1-0.6,2-0.6,3.1C18,26.9,18,27.4,18,32c0,4.5,0,5.1,0.1,6.9
428		c0,1.1,0.2,2.1,0.6,3.2c0.6,1.5,1.8,2.7,3.2,3.2c1,0.4,2,0.6,3.1,0.6c1.8,0.1,2.3,0.1,6.9,0.1c4.5,0,5.1,0,6.9-0.1
429		c1.1,0,2.1-0.2,3.2-0.6c1.5-0.6,2.7-1.8,3.2-3.2c0.4-1,0.6-2,0.6-3.1c0.1-1.8,0.1-2.3,0.1-6.9c0-4.5,0-5.1-0.1-6.9
430		C45.8,24.1,45.6,23,45.2,22z M32,40.7c-4.8,0-8.7-3.9-8.7-8.7s3.9-8.7,8.7-8.7s8.7,3.9,8.7,8.7S36.8,40.7,32,40.7z M41.1,25
431		c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S42.2,25,41.1,25z"/>
432</g>
433</svg>
434
435                                    </a>
436                                    <a class="mega-menu__social-link" href="https://www.linkedin.com/company/oy-hartwall-ab" target="_blank">
437                                        <?xml version="1.0" encoding="utf-8"?>
438<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
439<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"
440	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
441<style type="text/css">
442	.st0{fill:#FFFFFF;}
443</style>
444<title>Asset 6</title>
445<g>
446	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M47,44.8c0,1.2-1,2.2-2.2,2.2H19.2
447		C18,47,17,46,17,44.8V19.2c0-1.2,1-2.2,2.2-2.2h25.6c1.2,0,2.2,1,2.2,2.2C47,19.2,47,44.8,47,44.8z"/>
448</g>
449<path class="st0" d="M23.7,21.1c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6s2.6-1.2,2.6-2.6C26.2,22.3,25.1,21.1,23.7,21.1z"/>
450<rect x="21.5" y="28.2" class="st0" width="4.5" height="14.3"/>
451<path class="st0" d="M37.2,27.9c-1.7-0.1-3.3,0.8-4.2,2.3v-2h-4.3v14.3h4.5v-7.1c0-1.9,0.4-3.7,2.7-3.7s2.3,2.1,2.3,3.8v7h4.4v-7.8
452	C42.5,30.9,41.7,27.9,37.2,27.9z"/>
453</svg>
454
455                                    </a>
456                        </div>
457                </div>
458            </div>
459        </div>
460    </div>
461    <div class="mega-menu__panel" data-mega-menu-panel="main-2" aria-hidden="true" hidden>
462        <div class="row o-container">
463            <div class="mega-menu__panel-content u-pb-2">
464                        <a href="/ura/" class="mega-menu__title-link">Ura</a>
465            </div>
466        </div>
467        <div class="row o-container">
468            <div class="mega-menu__inner u-full-width u-flex u-flex-justify--sb">
469                
470                <div class="mega-menu__image">
471                        <img src="/4a7abf/globalassets/navi-ura2.png" alt="Ura" />
472                </div>
473
474                
475                <div class="mega-menu__sublinks">
476                        <a href="/ura/">Hartwall ty&#246;paikkana &rarr;</a>
477                        <a href="/ura/#avoimet-tyopaikat">Avoimet ty&#246;paikat &rarr;</a>
478                        <a href="/ura/asiantuntijat/">Asiantuntijat &rarr;</a>
479                        <a href="/ura/tuotanto/">Tuotanto &rarr;</a>
480                        <a href="/ura/myynti/">Myynti &rarr;</a>
481                </div>
482
483                
484                <div class="mega-menu__related">
485                        <span class="mega-menu__related-heading">Sinua saattaa kiinnostaa my&#246;s</span>
486                                            <a href="/careerbrewery/">Graduate-ohjelma</a>
487                        <a href="/ura/kausityontekijat/">Kausity&#246;ntekij&#228;t</a>
488                        <a href="/ura/edut-ja-kehittymismahdollisuudet-hartwallilla/">Edut ja kehittymismahdollisuudet</a>
489                </div>
490
491                
492                <div class="mega-menu__quicklinks">
493                        <span class="mega-menu__quicklink">
494                                <img src="/4a77f6/globalassets/ikonit/icon-vip.svg" alt="" />
495                            <a href="/hartwall-vip/">Hartwall VIP-klubi</a>
496                        </span>
497                        <span class="mega-menu__quicklink">
498                                <img src="/4a77f6/globalassets/ikonit/icon-brands.svg" alt="" />
499                            <a href="https://kauppa.hartwall.fi/">Verkkokauppa</a>
500                        </span>
501                        <span class="mega-menu__quicklink">
502                                <img src="/4a77f6/globalassets/ikonit/icon-cart.svg" alt="" />
503                            <a href="/ota-yhteytta/panimomyymala/">Panimomyym&#228;l&#228;</a>
504                        </span>
505                        <span class="mega-menu__quicklink">
506                                <img src="/4a78a3/globalassets/icon-shirt.svg" alt="" />
507                            <a href="https://hartwall.innoflame.fi/">Fanituotekauppa</a>
508                        </span>
509                        <span class="mega-menu__quicklink">
510                                <img src="/4a77f6/globalassets/ikonit/icon-office.svg" alt="" />
511                            <a href="/yritys/">Hartwall yrityksen&#228;</a>
512                        </span>
513                        <span class="mega-menu__quicklink">
514                                <img src="/4a77f6/globalassets/ikonit/icon-recycling.svg" alt="" />
515                            <a href="/vastuullisuus/">Vastuullisuus</a>
516                        </span>
517
518                        <div class="mega-menu__social">
519                                    <a class="mega-menu__social-link" href="https://www.facebook.com/Hartwall1836/" target="_blank">
520                                        <?xml version="1.0" encoding="utf-8"?>
521<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
522<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"
523	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
524<style type="text/css">
525	.st0{fill:#FFFFFF;}
526</style>
527<title>Asset 5</title>
528<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M39.1,22.1h-3.2c-0.7-0.1-1.4,0.4-1.5,1.2
529	c0,0.1,0,0.2,0,0.4v3h4.7L38.6,32h-4.2v15h-6.3V32h-3.2v-5.3h3.2v-3c0-3.6,1.2-6.5,6.3-6.6h4.7V22.1z"/>
530</svg>
531
532                                    </a>
533                                    <a class="mega-menu__social-link" href="https://www.instagram.com/hartwall1836/" target="_blank">
534                                        <?xml version="1.0" encoding="utf-8"?>
535<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
536<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"
537	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
538<style type="text/css">
539	.st0{fill:#FFFFFF;}
540</style>
541<title>Asset 3</title>
542<g>
543	<circle class="st0" cx="32" cy="32" r="5.7"/>
544	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M48.9,39c0,1.4-0.3,2.8-0.8,4.1
545		c-0.9,2.3-2.7,4.1-5,5c-1.3,0.5-2.7,0.8-4.1,0.8C37.2,49,36.6,49,32,49s-5.2,0-7-0.1c-1.4,0-2.8-0.3-4.1-0.8c-2.3-0.9-4.1-2.7-5-5
546		c-0.5-1.3-0.8-2.7-0.8-4.1C15,37.2,15,36.6,15,32s0-5.2,0.1-7c0-1.4,0.3-2.8,0.8-4.1c0.9-2.3,2.7-4.1,5-5c1.3-0.5,2.7-0.8,4.1-0.8
547		c1.8-0.1,2.4-0.1,7-0.1s5.2,0,7,0.1c1.4,0,2.8,0.3,4.1,0.8c2.3,0.9,4.1,2.7,5,5c0.5,1.3,0.8,2.7,0.8,4.1c0.1,1.8,0.1,2.4,0.1,7
548		S49,37.2,48.9,39z"/>
549	<path class="st0" d="M45.2,22c-0.6-1.5-1.7-2.7-3.2-3.2c-1-0.4-2.1-0.6-3.2-0.6c-1.8-0.
5491-2.3-0.1-6.8-0.1s-5.1,0-6.9,0.1
550		c-1.1,0-2.1,0.2-3.2,0.6c-1.5,0.6-2.7,1.8-3.2,3.2c-0.4,1-0.6,2-0.6,3.1C18,26.9,18,27.4,18,32c0,4.5,0,5.1,0.1,6.9
551		c0,1.1,0.2,2.1,0.6,3.2c0.6,1.5,1.8,2.7,3.2,3.2c1,0.4,2,0.6,3.1,0.6c1.8,0.1,2.3,0.1,6.9,0.1c4.5,0,5.1,0,6.9-0.1
552		c1.1,0,2.1-0.2,3.2-0.6c1.5-0.6,2.7-1.8,3.2-3.2c0.4-1,0.6-2,0.6-3.1c0.1-1.8,0.1-2.3,0.1-6.9c0-4.5,0-5.1-0.1-6.9
553		C45.8,24.1,45.6,23,45.2,22z M32,40.7c-4.8,0-8.7-3.9-8.7-8.7s3.9-8.7,8.7-8.7s8.7,3.9,8.7,8.7S36.8,40.7,32,40.7z M41.1,25
554		c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S42.2,25,41.1,25z"/>
555</g>
556</svg>
557
558                                    </a>
559                                    <a class="mega-menu__social-link" href="https://www.linkedin.com/company/oy-hartwall-ab" target="_blank">
560                                        <?xml version="1.0" encoding="utf-8"?>
561<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
562<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"
563	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
564<style type="text/css">
565	.st0{fill:#FFFFFF;}
566</style>
567<title>Asset 6</title>
568<g>
569	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M47,44.8c0,1.2-1,2.2-2.2,2.2H19.2
570		C18,47,17,46,17,44.8V19.2c0-1.2,1-2.2,2.2-2.2h25.6c1.2,0,2.2,1,2.2,2.2C47,19.2,47,44.8,47,44.8z"/>
571</g>
572<path class="st0" d="M23.7,21.1c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6s2.6-1.2,2.6-2.6C26.2,22.3,25.1,21.1,23.7,21.1z"/>
573<rect x="21.5" y="28.2" class="st0" width="4.5" height="14.3"/>
574<path class="st0" d="M37.2,27.9c-1.7-0.1-3.3,0.8-4.2,2.3v-2h-4.3v14.3h4.5v-7.1c0-1.9,0.4-3.7,2.7-3.7s2.3,2.1,2.3,3.8v7h4.4v-7.8
575	C42.5,30.9,41.7,27.9,37.2,27.9z"/>
576</svg>
577
578                                    </a>
579                        </div>
580                </div>
581            </div>
582        </div>
583    </div>
584    <div class="mega-menu__panel" data-mega-menu-panel="secondary-0" aria-hidden="true" hidden>
585        <div class="row o-container">
586            <div class="mega-menu__panel-content u-pb-2">
587                        <a href="/ota-yhteytta/" class="mega-menu__title-link">Ota yhteytt&#228;</a>
588            </div>
589        </div>
590        <div class="row o-container">
591            <div class="mega-menu__inner u-full-width u-flex u-flex-justify--sb">
592                
593                <div class="mega-menu__image">
594                        <img src="/4a7aa5/globalassets/navi-ota-yhteytta2.png" alt="Ota yhteytt&#228;" />
595                </div>
596
597                
598                <div class="mega-menu__sublinks">
599                        <a href="/ota-yhteytta/">Kuluttajat &rarr;</a>
600                        <a href="/ammattilaisille/ota-yhteytta/">Ammattilaiset &rarr;</a>
601                        <a href="/ota-yhteytta/usein-kysytyt-kysymykset/">Usein kysytyt kysymykset &rarr;</a>
602                        <a href="/ota-yhteytta/yhteystiedot/">Yhteystiedot &rarr;</a>
603                        <a href="/ota-yhteytta/medialle/">Medialle &rarr;</a>
604                </div>
605
606                
607                <div class="mega-menu__related">
608                        <span class="mega-menu__related-heading">Sinua saattaa kiinnostaa my&#246;s</span>
609                                            <a href="/ota-yhteytta/palaute/">Kuluttajapalaute</a>
610                        <a href="/ammattilaisille/ota-yhteytta/myyntipalvelu/">Myyntipalvelu</a>
611                        <a href="/laitepalvelu/">Laitepalvelu</a>
612                        <a href="/ammattilaisille/ota-yhteytta/laskutusohjeet/">Laskutusohjeet</a>
613                </div>
614
615                
616                <div class="mega-menu__quicklinks">
617                        <span class="mega-menu__quicklink">
618                                <img src="/4a77f6/globalassets/ikonit/icon-vip.svg" alt="" />
619                            <a href="/hartwall-vip/">Hartwall VIP-klubi</a>
620                        </span>
621                        <span class="mega-menu__quicklink">
622                                <img src="/4a77f6/globalassets/ikonit/icon-brands.svg" alt="" />
623                            <a href="https://kauppa.hartwall.fi/">Verkkokauppa</a>
624                        </span>
625                        <span class="mega-menu__quicklink">
626                                <img src="/4a77f6/globalassets/ikonit/icon-cart.svg" alt="" />
627                            <a href="/ota-yhteytta/panimomyymala/">Panimomyym&#228;l&#228;</a>
628                        </span>
629                        <span class="mega-menu__quicklink">
630                                <img src="/4a78a3/globalassets/icon-shirt.svg" alt="" />
631                            <a href="https://hartwall.innoflame.fi/">Fanituotekauppa</a>
632                        </span>
633                        <span class="mega-menu__quicklink">
634                                <img src="/4a77f6/globalassets/ikonit/icon-office.svg" alt="" />
635                            <a href="/yritys/">Hartwall yrityksen&#228;</a>
636                        </span>
637                        <span class="mega-menu__quicklink">
638                                <img src="/4a77f6/globalassets/ikonit/icon-recycling.svg" alt="" />
639                            <a href="/vastuullisuus/">Vastuullisuus</a>
640                        </span>
641
642                        <div class="mega-menu__social">
643                                    <a class="mega-menu__social-link" href="https://www.facebook.com/Hartwall1836/" target="_blank">
644                                        <?xml version="1.0" encoding="utf-8"?>
645<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
646<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"
647	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
648<style type="text/css">
649	.st0{fill:#FFFFFF;}
650</style>
651<title>Asset 5</title>
652<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M39.1,22.1h-3.2c-0.7-0.1-1.4,0.4-1.5,1.2
653	c0,0.1,0,0.2,0,0.4v3h4.7L38.6,32h-4.2v15h-6.3V32h-3.2v-5.3h3.2v-3c0-3.6,1.2-6.5,6.3-6.6h4.7V22.1z"/>
654</svg>
655
656                                    </a>
657                                    <a class="mega-menu__social-link" href="https://www.instagram.com/hartwall1836/" target="_blank">
658                                        <?xml version="1.0" encoding="utf-8"?>
659<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
660<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"
661	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
662<style type="text/css">
663	.st0{fill:#FFFFFF;}
664</style>
665<title>Asset 3</title>
666<g>
667	<circle class="st0" cx="32" cy="32" r="5.7"/>
668	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M48.9,39c0,1.4-0.3,2.8-0.8,4.1
669		c-0.9,2.3-2.7,4.1-5,5c-1.3,0.5-2.7,0.8-4.1,0.8C37.2,49,36.6,49,32,49s-5.2,0-7-0.1c-1.4,0-2.8-0.3-4.1-0.8c-2.3-0.9-4.1-2.7-5-5
670		c-0.5-1.3-0.8-2.7-0.8-4.1C15,37.2,15,36.6,15,32s0-5.2,0.1-7c0-1.4,0.3-2.8,0.8-4.1c0.9-2.3,2.7-4.1,5-5c1.3-0.5,2.7-0.8,4.1-0.8
671		c1.8-0.1,2.4-0.1,7-0.1s5.2,0,7,0.1c1.4,0,2.8,0.3,4.1,0.8c2.3,0.9,4.1,2.7,5,5c0.5,1.3,0.8,2.7,0.8,4.1c0.1,1.8,0.1,2.4,0.1,7
672		S49,37.2,48.9,39z"/>
673	<path class="st0" d="M45.2,22c-0.6-1.5-1.7-2.7-3.2-3.2c-1-0.4-2.1-0.6-3.2-0.6c-1.8-0.1-2.3-0.1-6.8-0.1s-5.1,0-6.9,0.1
674		c-1.1,0-2.1,0.2-3.2,0.6c-1.5,0.6-2.7,1.8-3.2,3.2c-0.4,1-0.6,2-0.6,3.1C18,26.9,18,27.4,18,32c0,4.5,0,5.1,0.1,6.9
675		c0,1.1,0.2,2.1,0.6,3.2c0.6,1.5,1.8,2.7,3.2,3.2c1,0.4,2,0.6,3.1,0.6c1.8,0.1,2.3,0.1,6.9,0.1c4.5,0,5.1,0,6.9-0.1
676		c1.1,0,2.1-0.2,3.2-0.6c1.5-0.6,2.7-1.8,3.2-3.2c0.4-1,0.6-2,0.6-3.1c0.1-1.8,0.1-2.3,0.1-6.9c0-4.5,0-5.1-0.1-6.9
677		C45.8,24.1,45.6,23,45.2,22z M32,40.7c-4.8,0-8.7-3.9-8.7-8.7s3.9-8.7,8.7-8.7s8.7,3.9,8.7,8.7S36.8,40.7,32,40.7z M41.1,25
678		c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S42.2,25,41.1,25z"/>
679</g>
680</svg>
681
682                                    </a>
683                                    <a class="mega-menu__social-link" href="https://www.linkedin.com/company/oy-hartwall-ab" target="_blank">
684                                        <?xml version="1.0" encoding="utf-8"?>
685<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
686<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"
687	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
688<style type="text/css">
689	.st0{fill:#FFFFFF;}
690</style>
691<title>Asset 6</title>
692<g>
693	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M47,44.8c0,1.2-1,2.2-2.2,2.2H19.2
694		C18,47,17,46,17,44.8V19.2c0-1.2,1-2.2,2.2-2.2h25.6c1.2,0,2.2,1,2.2,2.2C47,19.2,47,44.8,47,44.8z"/>
695</g>
696<path class="st0" d="M23.7,21.1c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6s2.6-1.2,2.6-2.6C26.2,22.3,25.1,21.1,23.7,21.1z"/>
697<rect x="21.5" y="28.2" class="st0" width="4.5" height="14.3"/>
698<path class="st0" d="M37.2,27.9c-1.7-0.1-3.3,0.8-4.2,2.3v-2h-4.3v14.3h4.5v-7.1c0-1.9,0.4-3.7,2.7-3.7s2.3,2.1,2.3,3.8v7h4.4v-7.8
699	C42.5,30.9,41.7,27.9,37.2,27.9z"/>
700</svg>
701
702                                    </a>
703                        </div>
704                </div>
705            </div>
706        </div>
707    </div>
708    <div class="mega-menu__panel" data-mega-menu-panel="secondary-1" aria-hidden="true" hidden>
709        <div class="row o-container">
710            <div class="mega-menu__panel-content u-pb-2">
711                        <a href="/ammattilaisille/" class="mega-menu__title-link">Ammattilaisille</a>
712            </div>
713        </div>
714        <div class="row o-container">
715            <div class="mega-menu__inner u-full-width u-flex u-flex-justify--sb">
716                
717                <div class="mega-menu__image">
718                        <img src="/4a79b0/globalassets/navi-ammattilaisille.png" alt="Ammattilaisille" />
719                </div>
720
721                
722                <div class="mega-menu__sublinks">
723                        <a href="/ammattilaisille/asiakkaaksi/">Tule asiakkaaksi &rarr;</a>
724                        <a href="/ammattilaisille/juomat-tyopaikalle/">Juomat ty&#246;paikalle &rarr;</a>
725                        <a href="/laitepalvelu/">Laitepalvelu &rarr;</a>
726                        <a href="/ammattilaisille/asiakastarinat/">Asiakastarinat &rarr;</a>
727                        <a href="https://juomamaailma.fi/">Juomamaailma &rarr;</a>
728                        <a href="/ammattilaisille/ota-yhteytta/">Ota yhteytt&#228; &rarr;</a>
729                </div>
730
731                
732                <div class="mega-menu__related">
733                        <span class="mega-menu__related-heading">Sinua saattaa kiinnostaa my&#246;s</span>
734                                            <a href="/ammattilaisille/asiakastarinat/kun-valikoimasta-puuttuu-oikea-juoma-se-voidaan-kehittaa-yhdessa/">Luo uniikki juoma valikoimaasi</a>
735                        <a href="/perustetaanravintola/">Ravintolan perustamisen tietopaketti</a>
736                        <a href="/ammattilaisille/tama-on-juomamaailma/">T&#228;m&#228; on Juomamaailma!</a>
737                        <a href="/ammattilaisille/asiakastarinat/Rakennamme_kauppaa_paikallisille/">Rakennamme kauppaa paikallisille</a>
738                </div>
739
740                
741                <div class="mega-menu__quicklinks">
742                        <span class="mega-menu__quicklink">
743                                <img src="/4a77f6/globalassets/ikonit/icon-vip.svg" alt="" />
744                            <a href="/hartwall-vip/">Hartwall VIP-klubi</a>
745                        </span>
746                        <span class="mega-menu__quicklink">
747                                <img src="/4a77f6/globalassets/ikonit/icon-brands.svg" alt="" />
748                            <a href="https://kauppa.hartwall.fi/">Verkkokauppa</a>
749                        </span>
750                        <span class="mega-menu__quicklink">
751                                <img src="/4a77f6/globalassets/ikonit/icon-cart.svg" alt="" />
752                            <a href="/ota-yhteytta/panimomyymala/">Panimomyym&#228;l&#228;</a>
753                        </span>
754                        <span class="mega-menu__quicklink">
755                                <img src="/4a78a3/globalassets/icon-shirt.svg" alt="" />
756                            <a href="https://hartwall.innoflame.fi/">Fanituotekauppa</a>
757                        </span>
758                        <span class="mega-menu__quicklink">
759                                <img src="/4a77f6/globalassets/ikonit/icon-office.svg" alt="" />
760                            <a href="/yritys/">Hartwall yrityksen&#228;</a>
761                        </span>
762                        <span class="mega-menu__quicklink">
763                                <img src="/4a77f6/globalassets/ikonit/icon-recycling.svg" alt="" />
764                            <a href="/vastuullisuus/">Vastuullisuus</a>
765                        </span>
766
767                        <div class="mega-menu__social">
768                                    <a class="mega-menu__social-link" href="https://www.facebook.com/Hartwall1836/" target="_blank">
769                                        <?xml version="1.0" encoding="utf-8"?>
770<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
771<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"
772	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
773<style type="text/css">
774	.st0{fill:#FFFFFF;}
775</style>
776<title>Asset 5</title>
777<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M39.1,22.1h-3.2c-0.7-0.1-1.4,0.4-1.5,1.2
778	c0,0.1,0,0.2,0,0.4v3h4.7L38.6,32h-4.2v15h-6.3V32h-3.2v-5.3h3.2v-3c0-3.6,1.2-6.5,6.3-6.6h4.7V22.1z"/>
779</svg>
780
781                                    </a>
782                                    <a class="mega-menu__social-link" href="https://www.instagram.com/hartwall1836/" target="_blank">
783                                        <?xml version="1.0" encoding="utf-8"?>
784<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
785<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"
786	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
787<style type="text/css">
788	.st0{fill:#FFFFFF;}
789</style>
790<title>Asset 3</title>
791<g>
792	<circle class="st0" cx="32" cy="32" r="5.7"/>
793	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M48.9,39c0,1.4-0.3,2.8-0.8,4.1
794		c-0.9,2.3-2.7,4.1-5,5c-1.3,0.5-2.7,0.8-4.1,0.8C37.2,49,36.6,49,32,49s-5.2,0-7-0.1c-1.4,0-2.8-0.3-4.1-0.8c-2.3-0.9-4.1-2.7-5-5
795		c-0.5-1.3-0.8-2.7-0.8-4.1C15,37.2,15,36.6,15,32s0-5.2,0.1-7c0-1.4,0.3-2.8,0.8-4.1c0.9-2.3,2.7-4.1,5-5c1.3-0.5,2.7-0.8,4.1-0.8
796		c1.8-0.1,2.4-0.1,7-0.1s5.2,0,7,0.1c1.4,0,2.8,0.3,4.1,0.8c2.3,0.9,4.1,2.7,5,5c0.5,1.3,0.8,2.7,0.8,4.1c0.1,1.8,0.1,2.4,0.1,7
797		S49,37.2,48.9,39z"/>
798	<path class="st0" d="M45.2,22c-0.6-1.5-1.7-2.7-3.2-3.2c-1-0.4-2.1-0.6-3.2-0.6c-1.8-0.
7981-2.3-0.1-6.8-0.1s-5.1,0-6.9,0.1
799		c-1.1,0-2.1,0.2-3.2,0.6c-1.5,0.6-2.7,1.8-3.2,3.2c-0.4,1-0.6,2-0.6,3.1C18,26.9,18,27.4,18,32c0,4.5,0,5.1,0.1,6.9
800		c0,1.1,0.2,2.1,0.6,3.2c0.6,1.5,1.8,2.7,3.2,3.2c1,0.4,2,0.6,3.1,0.6c1.8,0.1,2.3,0.1,6.9,0.1c4.5,0,5.1,0,6.9-0.1
801		c1.1,0,2.1-0.2,3.2-0.6c1.5-0.6,2.7-1.8,3.2-3.2c0.4-1,0.6-2,0.6-3.1c0.1-1.8,0.1-2.3,0.1-6.9c0-4.5,0-5.1-0.1-6.9
802		C45.8,24.1,45.6,23,45.2,22z M32,40.7c-4.8,0-8.7-3.9-8.7-8.7s3.9-8.7,8.7-8.7s8.7,3.9,8.7,8.7S36.8,40.7,32,40.7z M41.1,25
803		c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S42.2,25,41.1,25z"/>
804</g>
805</svg>
806
807                                    </a>
808                                    <a class="mega-menu__social-link" href="https://www.linkedin.com/company/oy-hartwall-ab" target="_blank">
809                                        <?xml version="1.0" encoding="utf-8"?>
810<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
811<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"
812	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
813<style type="text/css">
814	.st0{fill:#FFFFFF;}
815</style>
816<title>Asset 6</title>
817<g>
818	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M47,44.8c0,1.2-1,2.2-2.2,2.2H19.2
819		C18,47,17,46,17,44.8V19.2c0-1.2,1-2.2,2.2-2.2h25.6c1.2,0,2.2,1,2.2,2.2C47,19.2,47,44.8,47,44.8z"/>
820</g>
821<path class="st0" d="M23.7,21.1c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6s2.6-1.2,2.6-2.6C26.2,22.3,25.1,21.1,23.7,21.1z"/>
822<rect x="21.5" y="28.2" class="st0" width="4.5" height="14.3"/>
823<path class="st0" d="M37.2,27.9c-1.7-0.1-3.3,0.8-4.2,2.3v-2h-4.3v14.3h4.5v-7.1c0-1.9,0.4-3.7,2.7-3.7s2.3,2.1,2.3,3.8v7h4.4v-7.8
824	C42.5,30.9,41.7,27.9,37.2,27.9z"/>
825</svg>
826
827                                    </a>
828                        </div>
829                </div>
830            </div>
831        </div>
832    </div>
833
834        </div>
835</div>
836
837    <div id="page-wide-search-wrapper">
838
839        <section>
840            <header class="u-tc o-container-small">
841                <p class="s-h1 s-themecolor-1" style="margin-top: 200px;">Moi, mit&#228; etsit?</p>
842            </header>
843        </section>
844        <div class="o-container-small middle" data-search-url="/haku/">
845            <input id="main-search-input" type="text" />
846            <i class="material-icons execute-search">search</i>
847        </div>
848    </div>
849
850
851
852
853
854<div class="o-mobile-menu  ">
855    <div class="row u-flex-justify--sb o-flex-align--center u-relative">
856        <div class="col-xs-3 u-z-10 u-p-1">
857                <a class="u-vsub main-search-button" id="main-search-button" href="/haku/">
858                    <i class="material-icons o-icon-search">search</i>
859                </a>
860                    </div>
861        <div class="col-xs-6 u-z-10 u-p-1">
862            
863            <a href="/" class="o-mobile-logo-link" style="min-height: 1px;">
864
865                            <div class="o-mobile-logo">
866                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.18 28.81"><defs><style>.logo-fill{fill:#19197d;}</style></defs><title>Hartwall Logo</title><g><path class="logo-fill" d="M83.32,12.73s1.33-4.14,2-6.29c0,0,1.14,4.63,1.68,6.86-1.24-.2-2.47-.39-3.71-.57M92,19.23c-1.19-4.74-3.63-14.4-3.63-14.4-.16-.65-.16-1.17.6-1.24l.09-.47c-2-.33-4.32-.68-6.38-.93l-.1.44c.51.21.75.33.57.87,0,0-1.15,3.57-2.38,7.19-.59,1.74-1.2,3.55-1.72,5a7.92,7.92,0,0,1-1.15,2.47,1.11,1.11,0,0,1-.44.12l0,.41c1.63.21,3.26.39,4.88.61l.08-.41c-.34-.17-.85-.31-.71-.73.24-.7.48-1.77.73-2.56,1.58.17,3.92.52,5.33.78.07.38.18.77.26,1.14a9.28,9.28,0,0,1,.24,1.57c0,.49-.13.54-.64.64v.39c1.8.3,3.58.67,5.36,1v-.44a1.91,1.91,0,0,1-1-1.46M39.69,7.76a2.72,2.72,0,0,1-2,.91L35,9V4.81c.69-.08,2.11-.25,2.92-.33a1.92,1.92,0,0,1,2,.85,2.41,2.41,0,0,1-.21,2.43m5,8.62c-.78-1-3.31-4.53-3.82-5.26a6.44,6.44,0,0,0,2.22-1.79,5.67,5.67,0,0,0,.35-5.65A4.72,4.72,0,0,0,38.5,1.36c-2.25.21-6.48.67-7.81.81l0,.46c.51.05.67.28.68.8,0,5.15,0,9.34.09,14.09a1.08,1.08,0,0,1-.56,1.1V19c1.56-.21,3.11-.39,4.67-.56v-.42c-.51-.13-.76-.23-.76-.77l0-5.11c.86-.12,1.73-.2,2.59-.31.55.75,3,3.94,3.61,4.94.25.38-.08.69-.56.83l0,.38c1.62-.14,4.45-.31,5.59-.37v-.39a2.57,2.57,0,0,1-1.4-.88m-24-2s1.15-4.72,1.67-6.78l1.86,6c-.95.14-2.65.5-3.53.74m9.07,4.23c-.47-.28-.52-.62-.67-1.09L24.88,4.7c-.22-.69-.26-.92.47-1.46l0-.35c-2.06.3-4.09.68-6.11,1.16v.39c.7.07.59.68.47,1.14l-3.5,14a3,3,0,0,1-1.11,2v.52c1.61-.43,3.21-.83,4.84-1.18v-.42c-1-.18-.52-1.23-.33-1.82.14-.42.27-.83.43-1.23a33.85,33.85,0,0,1,5.09-1c.25.77.47,1.39.66,2.17a.62.62,0,0,1-.4.82v.4c1.56-.27,3.11-.52,4.67-.74v-.39a2.36,2.36,0,0,1-.28-.12m83.46,4.51-.33-.15c-.17.36-.44.49-.75.35l-3.61-1.61,0-11.79c0-.49.06-.85.73-.89V8.72c-1.6-.
86668-3.22-1.38-4.83-2,0,.12,0,.32,0,.41a1.19,1.19,0,0,1,.72,1.27V21.55c0,.76.12,1.93-.89,2.13v.4l1.73.65c1.54.56,6.53,2.19,6.81,3.89l.39.19c0-1.94,0-4.76,0-5.66M102.59,19.3c-.2.34-.29.61-.74.48L98,18.64,98,6.46a1,1,0,0,1,.75-1.09V5.12c-1.6-.41-3.22-.81-4.84-1.14v.28a1.4,1.4,0,0,1,.72,1.4l0,14a1.09,1.09,0,0,1-.85,1.19v.44A83.43,83.43,0,0,1,102,23.58c.36.13.34.35.48.66l.44.11c0-1.61,0-3.31,0-4.93Zm-26.8-2.53L78.48,3.36c.12-.59.2-1,.93-1l.1-.47c-1.61-.18-3.27-.35-4.88-.49l-.06.44c.61.17.75.38.65.94l-1.65,8.71-.3,3s-.06-2.67-.12-3c-.47-3-1.4-8.94-1.4-8.94-.08-.5,0-.87.66-1l0-.39C70.35,1,68.14.82,66.08.75c0,.09,0,.27,0,.35.57.22.76.5.64,1.1-.31,1.58-1.33,6.64-1.76,8.8-.12.61-.35,3-.35,3,0-.29,0-2.59-.09-2.93-.4-2.74-1.06-6.82-1.27-9.19a.78.78,0,0,1,.63-.9V.6C63,.58,60,.54,58.77.54V1c.39.17.64.26.7.67a2.89,2.89,0,0,1,0,.29l2.22,13.86A1.17,1.17,0,0,1,61,17.19v.42c2,.08,4.18.1,6.22.21v-.44c-.63-.21-.61-.53-.49-1.11l2.14-10,.24-2.21.08,2.22,1.53,9.82c.09.53.09,1.27-.56,1.49V18c2,.12,4.07.31,6.08.5l.07-.4c-.68-.32-.59-.77-.47-1.34M56.51.52c-3.33,0-6.7.12-10,.34A.93.93,0,0,1,45.45.38h-.38V4.7h.39c.15-.45.33-.7.78-.73,1.11-.07,2.22-.12,3.33-.17V15.9c0,.64-.07,1.14-.86,1.32l0,.39c1.75-.08,3.54-.08,5.29-.11l0-.43a1.85,1.85,0,0,1-.23,0,1.09,1.09,0,0,1-.59-1.13l0-12.23h0c.37,0,1.17-.09,2-.09A2.69,2.69,0,0,1,57,4c.09.1.09.25.15.37h.43l0-4.38h-.41c-.21.3-.27.49-.71.52M9.16,7.26c.56,0,.81.1.81.67v5.75A56.86,56.86,0,0,0,4.09,16c0-1.76,0-3.51,0-5.27A2.08,2.08,0,0,1,4.7,8.93V8.46A41.14,41.14,0,0,0,0,10.81v.38c.64,0,.72.45.72.91l.07,13a4.16,4.16,0,0,1-.17,1.61,2,2,0,0,1-.58.72V28c.65-.37,1.65-.93,2.54-1.37s1.51-.73,2.29-1v-.47c-.5-.08-.77-.18-.77-.71V19.09c2-.84,3.88-1.6,5.92-2.26,0,1.74,0,3.47,0,5.21a1.36,1.36,0,0,1-.71,1.32v.47c1.57-.52,3.13-1,4.73-1.44V22c-.4-.11-.52-.27-.53-.83l0-14.25a1.1,1.1,0,0,1,.66-1.13V5.33c-1.66.49-3.33,1-5,1.5Z"/></g></svg>
867                            </div>
868                            </a>
869        </div>
870        <div class="col-xs-3 u-z-10 u-flex-align-flexend u-p-1">
871            <div class="mobile-menu-open-trigger menu-icon">
872                <span></span>
873                <span></span>
874                <span></span>
875                <span></span>
876            </div>
877        </div>
878    </div>
879    <div class="o-mobile-nav u-z-5">
880        <div>
881
882        <div class="o-mobile-nav__item">
883            <a href="/juomat/"
884               class=" o-mobile-nav__link">Juomat</a>
885                <button type="button"
886                        class="mega-menu-toggle o-mobile-nav__toggle"
887                        data-mega-menu-group="main"
888                        data-mega-menu-index="0"
889                        aria-label="Toggle submenu">
890                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" width="30" height="30">
891                        <polyline points="6 9 12 15 18 9"></polyline>
892                    </svg>
893                </button>
894                <div class="o-mobile-nav__panel" data-mobile-mega-panel="main-0">
895                        <a class="o-mobile-nav__panel-link" href="/juomat/vedet/">Vedet</a>
896                        <a class="o-mobile-nav__panel-link" href="/juomat/virvoitusjuomat/">Virvoitusjuomat</a>
897                        <a class="o-mobile-nav__panel-link" href="/juomat/long-drink-juomat/">Lonkerot</a>
898                        <a class="o-mobile-nav__panel-link" href="/juomat/viinit/viinihaku/">Viinit</a>
899                        <a class="o-mobile-nav__panel-link" href="/juomat/hard-seltzer/">Hard Seltzerit</a>
900                        <a class="o-mobile-nav__panel-link" href="/juomat/energiajuomat/">Energiajuomat</a>
901                        <a class="o-mobile-nav__panel-link" href="/juomat/oluet/">Oluet</a>
902                        <a class="o-mobile-nav__panel-link" href="/juomat/juomasekoitukset/">Juomasekoitukset</a>
903                        <a class="o-mobile-nav__panel-link" href="/juomat/siiderit/">Siiderit</a>
904                        <a class="o-mobile-nav__panel-link" href="/juomat/likoorit/">Lik&#246;&#246;rit</a>
905                        <a class="o-mobile-nav__panel-link" href="/juomat/mikserit/">Mikserit</a>
906                        <a class="o-mobile-nav__panel-link" href="/juomat/alkoholittomat-tisleet/">
906Alkoholittomat tisleet</a>
907                        <a class="o-mobile-nav__panel-link" href="/juomat/teet/">Teet</a>
908                        <a class="o-mobile-nav__panel-link" href="/juomat/mehut/">Mehut</a>
909                        <a class="o-mobile-nav__panel-link" href="/juomat/vakevat/">V&#228;kev&#228;t</a>
910                        <a class="o-mobile-nav__panel-link" href="/juomat/glogit/">Gl&#246;git</a>
911                        <a class="o-mobile-nav__panel-link" href="/juomat/muut-viinit/">Muut viinit</a>
912
913                    <div class="o-mobile-nav__related-links u-flex u-flex-dir-col u-mt-2">
914                            <span class="o-mobile-nav__panel-heading">Saatat pit&#228;&#228; my&#246;s n&#228;ist&#228;</span>
915                                                    <a class="o-mobile-nav__panel-link-small" href="/juomat/hartwallin-uutuusjuomat/">Hartwallin syksyn uutuudet</a>
916                            <a class="o-mobile-nav__panel-link-small" href="/juomat/viinit/viinihaku/">Viinihaku</a>
917                            <a class="o-mobile-nav__panel-link-small" href="/alkoholittomat/">Alkoholittomat juomat</a>
918                            <a class="o-mobile-nav__panel-link-small" href="/inspiroidu/viinit/joulun-2026-glogit-perinteisia-suosikkeja-ja-uusia-makuelamyksia/">Hartwallin gl&#246;givalikoima 2026</a>
919                    </div>
920                </div>
921        </div>
922        <div class="o-mobile-nav__item">
923            <a href="/inspiroidu/"
924               class=" o-mobile-nav__link">Inspiroidu</a>
925                <button type="button"
926                        class="mega-menu-toggle o-mobile-nav__toggle"
927                        data-mega-menu-group="main"
928                        data-mega-menu-index="1"
929                        aria-label="Toggle submenu">
930                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" width="30" height="30">
931                        <polyline points="6 9 12 15 18 9"></polyline>
932                    </svg>
933                </button>
934                <div class="o-mobile-nav__panel" data-mobile-mega-panel="main-1">
935                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/juomaohjeet/">Juomaohjeet</a>
936                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/juoma-ja-ruoka/">Juoma ja ruoka</a>
937                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/viinit/">Inspiroidu viineist&#228;</a>
938                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/alkoholittomat/">Alkoholittomat</a>
939                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/sesongit/halloween/">Halloween</a>
940                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/sesongit/joulu/">Joulu</a>
941                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/sesongit/valmistujaiset/">Valmistujaiset</a>
942                        <a class="o-mobile-nav__panel-link" href="/inspiroidu/branditarinat/">Br&#228;nditarinat</a>
943
944                    <div class="o-mobile-nav__related-links u-flex u-flex-dir-col u-mt-2">
945                            <span class="o-mobile-nav__panel-heading">Ajankohtaiset</span>
946                                                    <a class="o-mobile-nav__panel-link-small" href="/inspiroidu/juoma-ja-ruoka/baileys-korvapuustijaatelo/">Hittij&#228;lkiruoka: Baileys-korvapuustij&#228;&#228;tel&#246;</a>
947                            <a class="o-mobile-nav__panel-link-small" href="/inspiroidu/juoma-ja-ruoka/parhaat-boolit/">Parhaat boolit juhliin – 12 helppoa ohjetta!</a>
948                            <a class="o-mobile-nav__panel-link-small" href="/inspiroidu/hyvinvointi/parhaat-mocktail-reseptit/">Juhli ilman alkoholia – parhaat mocktail-reseptit</a>
949                            <a class="o-mobile-nav__panel-link-small" href="/inspiroidu/juoma-ja-ruoka/vichy-letut/">Extrarapeat Vichy-letut – katso resepti</a>
950                            <a class="o-mobile-nav__panel-link-small" href="/inspiroidu/viinit/maailman-paras-punaviinikastike/">Maailman paras punaviinikastike</a>
951                    </div>
952                </div>
953        </div>
954        <div class="o-mobile-nav__item">
955            <a href="/ura/"
956               class=" o-mobile-nav__link">Ura</a>
957                <button type="button"
958                        class="mega-menu-toggle o-mobile-nav__toggle"
959                        data-mega-menu-group="main"
960                        data-mega-menu-index="2"
961                        aria-label="Toggle submenu">
962                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" width="30" height="30">
963                        <polyline points="6 9 12 15 18 9"></polyline>
964                    </svg>
965                </button>
966                <div class="o-mobile-nav__panel" data-mobile-mega-panel="main-2">
967                        <a class="o-mobile-nav__panel-link" href="/ura/">Hartwall ty&#246;paikkana</a>
968                        <a class="o-mobile-nav__panel-link" href="/ura/#avoimet-tyopaikat">Avoimet ty&#246;paikat</a>
969                        <a class="o-mobile-nav__panel-link" href="/ura/asiantuntijat/">Asiantuntijat</a>
970                        <a class="o-mobile-nav__panel-link" href="/ura/tuotanto/">Tuotanto</a>
971                        <a class="o-mobile-nav__panel-link" href="/ura/myynti/">Myynti</a>
972
973                    <div class="o-mobile-nav__related-links u-flex u-flex-dir-col u-mt-2">
974                            <span class="o-mobile-nav__panel-heading">Sinua saattaa kiinnostaa my&#246;s</span>
975                                                    <a class="o-mobile-nav__panel-link-small" href="/careerbrewery/">Graduate-ohjelma</a>
976                            <a class="o-mobile-nav__panel-link-small" href="/ura/kausityontekijat/">Kausity&#246;ntekij&#228;t</a>
977                            <a class="o-mobile-nav__panel-link-small" href="/ura/edut-ja-kehittymismahdollisuudet-hartwallilla/">Edut ja kehittymismahdollisuudet</a>
978                    </div>
979                </div>
980        </div>
981
982        <div class="o-mobile-nav__item">
983            <a href="/ota-yhteytta/"
984               class="active o-mobile-nav__link">Ota yhteytt&#228;</a>
985                <button type="button"
986                        class="mega-menu-toggle o-mobile-nav__toggle"
987                        data-mega-menu-group="secondary"
988                        data-mega-menu-index="0"
989                        aria-label="Toggle submenu">
990                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" width="30" height="30">
991                        <polyline points="6 9 12 15 18 9"></polyline>
992                    </svg>
993                </button>
994                <div class="o-mobile-nav__panel" data-mobile-mega-panel="secondary-0">
995                        <a class="o-mobile-nav__panel-link" href="/ota-yhteytta/">Kuluttajat</a>
996                        <a class="o-mobile-nav__panel-link" href="/ammattilaisille/ota-yhteytta/">Ammattilaiset</a>
997                        <a class="o-mobile-nav__panel-link" href="/ota-yhteytta/usein-kysytyt-kysymykset/">Usein kysytyt kysymykset</a>
998                        <a class="o-mobile-nav__panel-link" href="/ota-yhteytta/yhteystiedot/">Yhteystiedot</a>
999                        <a class="o-mobile-nav__panel-link" href="/ota-yhteytta/medialle/">Medialle</a>
1000
1001                    <div class="o-mobile-nav__related-links u-flex u-flex-dir-col u-mt-2">
1002                            <span class="o-mobile-nav__panel-heading">Sinua saattaa kiinnostaa my&#246;s</span>
1003                                                    <a class="o-mobile-nav__panel-link-small" href="/ota-yhteytta/palaute/">Kuluttajapalaute</a>
1004                            <a class="o-mobile-nav__panel-link-small" href="/ammattilaisille/ota-yhteytta/myyntipalvelu/">Myyntipalvelu</a>
1005                            <a class="o-mobile-nav__panel-link-small" href="/laitepalvelu/">Laitepalvelu</a>
1006                            <a class="o-mobile-nav__panel-link-small" href="/ammattilaisille/ota-yhteytta/laskutusohjeet/">Laskutusohjeet</a>
1007                    </div>
1008                </div>
1009        </div>
1010        <div class="o-mobile-nav__item">
1011            <a href="/ammattilaisille/"
1012               class=" o-mobile-nav__link">Ammattilaisille</a>
1013                <button type="button"
1014                        class="mega-menu-toggle o-mobile-nav__toggle"
1015                        data-mega-menu-group="secondary"
1016                        data-mega-menu-index="1"
1017                        aria-label="Toggle submenu">
1018                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" width="30" height="30">
1019                        <polyline points="6 9 12 15 18 9"></polyline>
1020                    </svg>
1021                </button>
1022                <div class="o-mobile-nav__panel" data-mobile-mega-panel="secondary-1">
1023                        <a class="o-mobile-nav__panel-link" href="/ammattilaisille/asiakkaaksi/">Tule asiakkaaksi</a>
1024                        <a class="o-mobile-nav__panel-link" href="/ammattilaisille/juomat-tyopaikalle/">Juomat ty&#246;paikalle</a>
1025                        <a class="o-mobile-nav__panel-link" href="/laitepalvelu/">Laitepalvelu</a>
1026                        <a class="o-mobile-nav__panel-link" href="/ammattilaisille/asiakastarinat/">Asiakastarinat</a>
1027                        <a class="o-mobile-nav__panel-link" href="https://juomamaailma.fi/">Juomamaailma</a>
1028                        <a class="o-mobile-nav__panel-link" href="/ammattilaisille/ota-yhteytta/">Ota yhteytt&#228;</a>
1029
1030                    <div class="o-mobile-nav__related-links u-flex u-flex-dir-col u-mt-2">
1031                            <span class="o-mobile-nav__panel-heading">Sinua saattaa kiinnostaa my&#246;s</span>
1032                                                    <a class="o-mobile-nav__panel-link-small" href="/ammattilaisille/asiakastarinat/kun-valikoimasta-puuttuu-oikea-juoma-se-voidaan-kehittaa-yhdessa/">Luo uniikki juoma valikoimaasi</a>
1033                            <a class="o-mobile-nav__panel-link-small" href="/perustetaanravintola/">Ravintolan perustamisen tietopaketti</a>
1034                            <a class="o-mobile-nav__panel-link-small" href="/ammattilaisille/tama-on-juomamaailma/">T&#228;m&#228; on Juomamaailma!</a>
1035                            <a class="o-mobile-nav__panel-link-small" href="/ammattilaisille/asiakastarinat/Rakennamme_kauppaa_paikallisille/">Rakennamme kauppaa paikallisille</a>
1036                    </div>
1037                </div>
1038        </div>
1039
1040
1041
1042<hr />
1043<div class="o-mobile-nav__footer">
1044    <div class="mega-menu__quicklinks">
1045            <span class="mega-menu__quicklink">
1046                    <img src="/4a77f6/globalassets/ikonit/icon-vip.svg" alt="" />
1047                <a href="/hartwall-vip/">Hartwall VIP-klubi</a>
1048            </span>
1049            <span class="mega-menu__quicklink">
1050                    <img src="/4a77f6/globalassets/ikonit/icon-brands.svg" alt="" />
1051                <a href="https://kauppa.hartwall.fi/">Verkkokauppa</a>
1052            </span>
1053            <span class="mega-menu__quicklink">
1054                    <img src="/4a77f6/globalassets/ikonit/icon-cart.svg" alt="" />
1055                <a href="/ota-yhteytta/panimomyymala/">Panimomyym&#228;l&#228;</a>
1056            </span>
1057            <span class="mega-menu__quicklink">
1058                    <img src="/4a78a3/globalassets/icon-shirt.svg" alt="" />
1059                <a href="https://hartwall.innoflame.fi/">Fanituotekauppa</a>
1060            </span>
1061            <span class="mega-menu__quicklink">
1062                    <img src="/4a77f6/globalassets/ikonit/icon-office.svg" alt="" />
1063                <a href="/yritys/">Hartwall yrityksen&#228;</a>
1064            </span>
1065            <span class="mega-menu__quicklink">
1066                    <img src="/4a77f6/globalassets/ikonit/icon-recycling.svg" alt="" />
1067                <a href="/vastuullisuus/">Vastuullisuus</a>
1068            </span>
1069    </div>
1070        <div class="mega-menu__social">
1071                    <a class="mega-menu__social-link" href="https://www.facebook.com/Hartwall1836/" target="_blank">
1072                        <?xml version="1.0" encoding="utf-8"?>
1073<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
1074<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"
1075	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
1076<style type="text/css">
1077	.st0{fill:#FFFFFF;}
1078</style>
1079<title>Asset 5</title>
1080<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M39.1,22.1h-3.2c-0.7-0.1-1.4,0.4-1.5,1.2
1081	c0,0.1,0,0.2,0,0.4v3h4.7L38.6,32h-4.2v15h-6.3V32h-3.2v-5.3h3.2v-3c0-3.6,1.2-6.5,6.3-6.6h4.7V22.1z"/>
1082</svg>
1083
1084                    </a>
1085                    <a class="mega-menu__social-link" href="https://www.instagram.com/hartwall1836/" target="_blank">
1086                        <?xml version="1.0" encoding="utf-8"?>
1087<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
1088<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"
1089	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
1090<style type="text/css">
1091	.st0{fill:#FFFFFF;}
1092</style>
1093<title>Asset 3</title>
1094<g>
1095	<circle class="st0" cx="32" cy="32" r="5.7"/>
1096	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M48.9,39c0,1.4-0.3,2.8-0.8,4.1
1097		c-0.9,2.3-2.7,4.1-5,5c-1.3,0.5-2.7,0.8-4.1,0.8C37.2,49,36.6,49,32,49s-5.2,0-7-0.1c-1.4,0-2.8-0.3-4.1-0.8c-2.3-0.9-4.1-2.7-5-5
1098		c-0.5-1.3-0.8-2.7-0.8-4.1C15,37.2,15,36.6,15,32s0-5.2,0.1-7c0-1.4,0.3-2.8,0.8-4.1c0.9-2.3,2.7-4.1,5-5c1.3-0.5,2.7-0.8,4.1-0.8
1099		c1.8-0.1,2.4-0.1,7-0.1s5.2,0,7,0.1c1.4,0,2.8,0.3,4.1,0.8c2.3,0.9,4.1,2.7,5,5c0.5,1.3,0.8,2.7,0.8,4.1c0.1,1.8,0.1,2.4,0.1,7
1100		S49,37.2,48.9,39z"/>
1101	<path class="st0" d="M45.2,22c-0.6-1.5-1.7-2.7-3.2-3.2c-1-0.4-2.1-0.6-3.2-0.6c-1.8-0.
11011-2.3-0.1-6.8-0.1s-5.1,0-6.9,0.1
1102		c-1.1,0-2.1,0.2-3.2,0.6c-1.5,0.6-2.7,1.8-3.2,3.2c-0.4,1-0.6,2-0.6,3.1C18,26.9,18,27.4,18,32c0,4.5,0,5.1,0.1,6.9
1103		c0,1.1,0.2,2.1,0.6,3.2c0.6,1.5,1.8,2.7,3.2,3.2c1,0.4,2,0.6,3.1,0.6c1.8,0.1,2.3,0.1,6.9,0.1c4.5,0,5.1,0,6.9-0.1
1104		c1.1,0,2.1-0.2,3.2-0.6c1.5-0.6,2.7-1.8,3.2-3.2c0.4-1,0.6-2,0.6-3.1c0.1-1.8,0.1-2.3,0.1-6.9c0-4.5,0-5.1-0.1-6.9
1105		C45.8,24.1,45.6,23,45.2,22z M32,40.7c-4.8,0-8.7-3.9-8.7-8.7s3.9-8.7,8.7-8.7s8.7,3.9,8.7,8.7S36.8,40.7,32,40.7z M41.1,25
1106		c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S42.2,25,41.1,25z"/>
1107</g>
1108</svg>
1109
1110                    </a>
1111                    <a class="mega-menu__social-link" href="https://www.linkedin.com/company/oy-hartwall-ab" target="_blank">
1112                        <?xml version="1.0" encoding="utf-8"?>
1113<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
1114<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"
1115	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
1116<style type="text/css">
1117	.st0{fill:#FFFFFF;}
1118</style>
1119<title>Asset 6</title>
1120<g>
1121	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M47,44.8c0,1.2-1,2.2-2.2,2.2H19.2
1122		C18,47,17,46,17,44.8V19.2c0-1.2,1-2.2,2.2-2.2h25.6c1.2,0,2.2,1,2.2,2.2C47,19.2,47,44.8,47,44.8z"/>
1123</g>
1124<path class="st0" d="M23.7,21.1c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6s2.6-1.2,2.6-2.6C26.2,22.3,25.1,21.1,23.7,21.1z"/>
1125<rect x="21.5" y="28.2" class="st0" width="4.5" height="14.3"/>
1126<path class="st0" d="M37.2,27.9c-1.7-0.1-3.3,0.8-4.2,2.3v-2h-4.3v14.3h4.5v-7.1c0-1.9,0.4-3.7,2.7-3.7s2.3,2.1,2.3,3.8v7h4.4v-7.8
1127	C42.5,30.9,41.7,27.9,37.2,27.9z"/>
1128</svg>
1129
1130                    </a>
1131        </div>
1132</div>
1133        </div>
1134    </div>
1135</div>
1136
1137<!-- TODO: Add landing page specific bundle, when those exist-->
1138
1139
1140
1141
1142<div class="o-hero-container js-slick-full template-a">
1143    
1144
1145    <div class="Coreweb-js-slider o-slick-container  o-front-page-slick u-py-2 u-pt-0 s-bg-fff _sm-s-bg-none o-slick-desktop" slick-autoplayspeed="0" data-numberofslides="0">
1146                <div>
1147                        <picture class="o-hero-slide hero-slide-picture">
1148                            <source media="(max-width: 767px)" srcset='/49bbf9/globalassets/valmistujaisten-tarjoilut.jpg?width=1080&quality=70'>
1149                            <img src='/49bbf9/globalassets/valmistujaisten-tarjoilut.jpg?width=1920&quality=70' alt="" />
1150                        </picture>
1151
1152                        <div class="u-absolute u-full-width" style="top: 0; height: 100%; background-color: black; opacity: .25;"></div>
1153                    <div class="u-absolute u-full-width" style="top: 0; bottom: 0;">
1154                        <div>
1155                            <div class="u-block o-slider-content-frontpage">
1156                                    <div class="row o-container">
1157                                        <div class="col-xs-12 col-sm-12 col-lg-12">
1158                                            <p class="o-category s-fg-fff">Yhteydenotto kuluttajille</p>
1159                                        </div>
1160                                    </div>
1161                                                                                                    <div class="row o-container">
1162                                        <div class="col-xs-12 col-sm-12 col-lg-12">
1163                                            <p class="s-themecolor-1 u-tl o-lead u-mt-0 u-mb-2">Kuinka voimme auttaa?</p>
1164                                        </div>
1165                                    </div>
1166                                                            </div>
1167                            <div class="o-slider-scroll-frontpage"></div>
1168                        </div>
1169                    </div>
1170                </div>
1171    </div>
1172
1173</div>
1174<div>
1175
1176
1177<div class="site-navigation">
1178
1179    <ul>
1180            <li>
1181                <a href="/ota-yhteytta/palaute/" class="" >Palaute</a>
1182            </li>
1183            <li>
1184                <a href="/ota-yhteytta/yhteystiedot/" class="" >Yhteystiedot</a>
1185            </li>
1186            <li>
1187                <a href="/ota-yhteytta/usein-kysytyt-kysymykset/" class="" >Usein kysytyt kysymykset</a>
1188            </li>
1189            <li>
1190                <a href="/ota-yhteytta/panimomyymala/" class="" >Panimomyym&#228;l&#228;</a>
1191            </li>
1192            <li>
1193                <a href="/ota-yhteytta/toimipisteet/" class="" >Toimipisteet</a>
1194            </li>
1195            <li>
1196                <a href="/ota-yhteytta/ideat/" class="" >Ideat</a>
1197            </li>
1198            <li>
1199                <a href="/ota-yhteytta/sponsorointi/" class="" >Sponsorointi</a>
1200            </li>
1201            <li>
1202                <a href="/ota-yhteytta/medialle/" class="" >Medialle</a>
1203            </li>
1204            <li>
1205                <a href="/yritys/" class="" >Yritys</a>
1206            </li>
1207    </ul>
1208
1209</div></div>
1210
1211<div>
1212<div class="o-container row template-a"><div data-block-type=editorblock class=" block col-lg-12 col-sm-12 col-xs-12 u-mb-2"><p style="text-align: center;">Oletko ammattilainen? Siirry <a href="/ammattilaisille/ota-yhteytta/">ammattilaisten yhteydenottoon</a>.</p></div data-block-type=editorblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1213
1214<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev  horizontal-60-40" style="">
1215	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1216		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">Palautteet ja ongelmat</h2>
1217		<p>L&auml;het&auml; kehuja, reklaamatioita, kysymyksi&auml; tai ehdotuksia &ndash; kaikki palaute on tervetullutta ja vastaamme mielell&auml;mme kysymyksiisi.</p>
1218			<div><a href="/ota-yhteytta/palaute/" class="o-button u-ib u-mt-1 s-bold2 blue">Lomakkeeseen</a></div>
1219	</div>
1220    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1221        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/49be4b/globalassets/yrityskuvat/hartwall-yrityskuvat-2024-web-0054.jpg?width=1000); "></div>
1222    </div>
1223</div>
1224</div data-block-type=imagecontentblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1225
1226<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev u-flex-dir-row-rev horizontal-60-40" style="">
1227	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1228		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">Yhteystiedot</h2>
1229		<p>Ota yhteytt&auml; puhelimitse, s&auml;hk&ouml;postilla, lomakkeella tai somessa &ndash; kaikki yhteystiedot t&auml;&auml;lt&auml;.</p>
1230			<div><a href="/ota-yhteytta/yhteystiedot/" class="o-button u-ib u-mt-1 s-bold2 blue">Yhteystietoihin</a></div>
1231	</div>
1232    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1233        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/49be61/globalassets/yrityskuvat/hartwall-yrityskuvat-2024-web-0027.jpg?width=1000); "></div>
1234    </div>
1235</div>
1236</div data-block-type=imagecontentblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1237
1238<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev  horizontal-60-40" style="">
1239	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1240		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">Usein kysytyt kysymykset</h2>
1241		<p>Painaako jokin asia mielt&auml;si, eik&auml; vastausta meinaa l&ouml;yty&auml;? Tutustu meilt&auml; usein kysyttyihin kysymyksiin.</p>
1242			<div><a href="/ota-yhteytta/usein-kysytyt-kysymykset/" class="o-button u-ib u-mt-1 s-bold2 blue">Tutustu</a></div>
1243	</div>
1244    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1245        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/4addf3/globalassets/yrityskuvat/hartwall-yrityskuvat-2024-web-0014.jpg?width=1000); "></div>
1246    </div>
1247</div>
1248</div data-block-type=imagecontentblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1249
1250<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev u-flex-dir-row-rev horizontal-60-40" style="">
1251	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1252		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">Hartwallin panimomyym&#228;l&#228;</h2>
1253		<p>Lahden panimomyym&auml;l&auml;st&auml;mme l&ouml;yd&auml;t virkist&auml;v&auml;t juomat ja ikoniset oheistuotteet Jaffa-tarjottimesta lonkeroj&auml;&auml;kaappiin ja Lahden Erikoisen lippalakista Vichy Original -paitaan.</p>
1254			<div><a href="/ota-yhteytta/panimomyymala/" class="o-button u-ib u-mt-1 s-bold2 blue">Lue lis&#228;&#228;</a></div>
1255	</div>
1256    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1257        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/49bf44/globalassets/yrityskuvat/hartwall-panimomyymala-2023-0031.jpg?width=1000); "></div>
1258    </div>
1259</div>
1260</div data-block-type=imagecontentblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1261
1262<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev  horizontal-60-40" style="">
1263	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1264		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">
1264Hartwallin toimipisteet</h2>
1265		<p>Toimipisteemme sijaitsevat Helsingiss&auml;, Lahdessa, Turussa ja Karijoella.</p>
1266			<div><a href="/ota-yhteytta/toimipisteet/" class="o-button u-ib u-mt-1 s-bold2 blue">Lue lis&#228;&#228;</a></div>
1267	</div>
1268    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1269        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/49be92/globalassets/yrityskuvat/hartwall-yrityskuvat-2024-web-0051.jpg?width=1000); "></div>
1270    </div>
1271</div>
1272</div data-block-type=imagecontentblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1273
1274<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev u-flex-dir-row-rev horizontal-60-40" style="">
1275	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1276		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">Ideat</h2>
1277		<p>Kerro, millaisia uudenlaisia ja innovatiivisia tuotteita ja palveluita meilt&auml; kaipaat.</p>
1278			<div><a href="/ota-yhteytta/ideat/" class="o-button u-ib u-mt-1 s-bold2 blue">Lomakkeeseen</a></div>
1279	</div>
1280    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1281        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/4adbe7/globalassets/yrityskuvat/hartwall-yrityskuvat-2024-web-0060.jpg?width=1000); "></div>
1282    </div>
1283</div>
1284</div data-block-type=imagecontentblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1285
1286<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev  horizontal-60-40" style="">
1287	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1288		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">Sponsorointi</h2>
1289		<p>J&auml;t&auml; yhteystietosi, niin olemme yhteydess&auml;, mik&auml;li olemme kiinnostuneita yhteisty&ouml;st&auml;.</p>
1290			<div><a href="/ota-yhteytta/sponsorointi/" class="o-button u-ib u-mt-1 s-bold2 blue">Lomakkeeseen</a></div>
1291	</div>
1292    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1293        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/49bec7/globalassets/yrityskuvat/hartwall-yrityskuvat-2024-web-0002.jpg?width=1000); "></div>
1294    </div>
1295</div>
1296</div data-block-type=imagecontentblock><div data-block-type=imagecontentblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1297
1298<div class="row u-mb-6 m-mb-4 image-content-block    sm-u-flex-wrap-rev u-flex-dir-row-rev horizontal-60-40" style="">
1299	<div class="s-themecolor-2 u-flex-justify--ce u-mb-2 o-50-50-block @*m-pl-0*@ col-lg-5 col-sm-5 col-xs-12" style="">
1300		<h2 class="s-h2-s u-m-0" style="word-break: keep-all; z-index: 200; ">Medialle</h2>
1301		<p>Hartwallin viestint&auml; tarjoaa medialle tietoa tuotteistamme, juoma-alasta ja alan trendeist&auml;.</p>
1302			<div><a href="/ota-yhteytta/medialle/" class="o-button u-ib u-mt-1 s-bold2 blue">Lue lis&#228;&#228;</a></div>
1303	</div>
1304    <div class=" col-lg-7 col-sm-7 col-xs-12 @*m-pl-0 m-pr-0*@ m-pb-3 o-50-50-image">
1305        <div class="o-image-content-image u-mt-4 _md-u-no-mt " style="background-image: url(/4ade00/globalassets/yrityskuvat/hartwall-yrityskuvat-2024-web-0022.jpg?width=1000); "></div>
1306    </div>
1307</div>
1308</div data-block-type=imagecontentblock></div><div class="fullbleed row template-a"><div data-block-type=fullwidthcontentreferenceblock class=" block col-lg-12 col-sm-12 col-xs-12 ">
1309
1310
1311    <div class="o-full-width-content-block " style=";">
1312        <div class="m-pl-2 row u-relative s-bg-cover " style="">
1313
1314                <div class=" s-bg-cover background-image" style="background-image: url(&quot;/49840a/globalassets/2022_05_09_hartwall_0806__of-3.jpg?width=1920&amp;quality=70&quot;); "></div>
1315
1316                <div class="s-bg-cover background-image" style="background-color: black; opacity:0.25"></div>
1317
1318        <div class="content-on-image o-container u-relative row m-pl-0 m-ml-0">
1319            <div class="s-fg-fff o-category u-mb-2"></div>
1320            <h1 class="fullwidthcontent-title s-fg-fff s-h1 _md-u-maxw-75 u-mt-0 u-mb-2">Oletko ammattilainen?</h1>
1321                <p class="o-lead2 s-fg-fff _xs-u-maxw-75 _md-u-maxw-50 _lg-u-maxw-33 u-mt-0">Siirry ammattilaisten yhteydenottoon</p>
1322
1323                    <div><a href="/ammattilaisille/ota-yhteytta/" class="o-button u-ib u-mt-1 s-bold2 s-themecolor-1 s-bb-themecolor-1 u-mx-1 u-mt-2">Siirry</a></div>
1324
1325        </div>
1326        </div>
1327    </div>
1328</div data-block-type=fullwidthcontentreferenceblock></div></div>
1329
1330
1331
1332    </div>
1333
1334
1335
1336    
1337
1338<div class="u-min-h-11" style="z-index:-5000;"></div>
1339<footer>
1340	<div class="u-p-2 row s-bg-pattern-01 u-full-height">
1341		<div class="col-lg-12 col-sm-12 col-xs-12 o-flex-middle">
1342			<a href="/">
1343				
1344					<img src="/490684/globalassets/settings-page/hartwall_logo_white.svg" class="u-my-2 footer-logo" style="max-width: 100vw;" />
1345			</a>
1346		</div>
1347		<div class="col-lg-12 col-sm-12 col-xs-12 u-flex-align-self-flexcenter o-flex-middle footer-heading o-brand-footer-customization">
1348			<span class="s-hero s-fg-fff u-tc s-footer s-rosee-footer-header">Me virkist&#228;mme Suomea.</span>
1349		</div>
1350				<div class="col-lg-12 col-sm-12 col-xs-12 u-flex-align-self-flexend o-flex-middle s-themecolor-1 u-block u-tc u-my-1 _md-u-my-6 u-mb-4">
1351			<div class="col-lg-12 col-sm-12 col-xs-12 o-flex-middle footer-links-container">
1352				<div>
1353						<a href="/yritys/" class="u-mx-2 s-themecolor-1 footer-link">Yritys</a>
1354						<a href="/ura/" class="u-mx-2 s-themecolor-1 footer-link">Ura</a>
1355						<a href="/ota-yhteytta/" class="u-mx-2 s-themecolor-1 footer-link">Ota yhteytt&#228;</a>
1356						<a href="/ammattilaisille/" class="u-mx-2 s-themecolor-1 footer-link">Ammattilaisille</a>
1357						<a href="/hartwall-vip/" class="u-mx-2 s-themecolor-1 footer-link">Hartwall VIP</a>
1358						<a href="https://en.hartwall.fi/" class="u-mx-2 s-themecolor-1 footer-link">English</a>
1359				</div>
1360			</div>
1361				<div class="footer-socialmedia-links-container u-mt-3">
1362							<a class="footer-image-link" target="_blank" href="https://www.facebook.com/Hartwall1836/">
1363								 
1364<?xml version="1.0" encoding="utf-8"?>
1365<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
1366<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"
1367	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
1368<style type="text/css">
1369	.st0{fill:#FFFFFF;}
1370</style>
1371<title>Asset 5</title>
1372<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M39.1,22.1h-3.2c-0.7-0.1-1.4,0.4-1.5,1.2
1373	c0,0.1,0,0.2,0,0.4v3h4.7L38.6,32h-4.2v15h-6.3V32h-3.2v-5.3h3.2v-3c0-3.6,1.2-6.5,6.3-6.6h4.7V22.1z"/>
1374</svg>
1375							</a>
1376							<a class="footer-image-link" target="_blank" href="https://www.instagram.com/hartwall1836/">
1377								 
1378<?xml version="1.0" encoding="utf-8"?>
1379<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
1380<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"
1381	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
1382<style type="text/css">
1383	.st0{fill:#FFFFFF;}
1384</style>
1385<title>Asset 3</title>
1386<g>
1387	<circle class="st0" cx="32" cy="32" r="5.7"/>
1388	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M48.9,39c0,1.4-0.3,2.8-0.8,4.1
1389		c-0.9,2.3-2.7,4.1-5,5c-1.3,0.5-2.7,0.8-4.1,0.8C37.2,49,36.6,49,32,49s-5.2,0-7-0.1c-1.4,0-2.8-0.3-4.1-0.8c-2.3-0.9-4.1-2.7-5-5
1390		c-0.5-1.3-0.8-2.7-0.8-4.1C15,37.2,15,36.6,15,32s0-5.2,0.1-7c0-1.4,0.3-2.8,0.8-4.1c0.9-2.3,2.7-4.1,5-5c1.3-0.5,2.7-0.8,4.1-0.8
1391		c1.8-0.1,2.4-0.1,7-0.1s5.2,0,7,0.1c1.4,0,2.8,0.3,4.1,0.8c2.3,0.9,4.1,2.7,5,5c0.5,1.3,0.8,2.7,0.8,4.1c0.1,1.8,0.1,2.4,0.1,7
1392		S49,37.2,48.9,39z"/>
1393	<path class="st0" d="M45.2,22c-0.6-1.5-1.7-2.7-3.2-3.2c-1-0.4-2.1-0.6-3.2-0.6c-1.8-0.1-2.3-0.1-6.8-0.1s-5.1,0-6.9,0.1
1394		c-1.1,0-2.1,0.2-3.2,0.6c-1.5,0.6-2.7,1.8-3.2,3.2c-0.4,1-0.6,2-0.6,3.1C18,26.9,18,27.4,18,32c0,4.5,0,5.1,0.1,6.9
1395		c0,1.1,0.2,2.1,0.6,3.2c0.6,1.5,1.8,2.7,3.2,3.2c1,0.4,2,0.6,3.1,0.6c1.8,0.1,2.3,0.1,6.9,0.1c4.5,0,5.1,0,6.9-0.1
1396		c1.1,0,2.1-0.2,3.2-0.6c1.5-0.6,2.7-1.8,3.2-3.2c0.4-1,0.6-2,0.6-3.1c0.1-1.8,0.1-2.3,0.1-6.9c0-4.5,0-5.1-0.1-6.9
1397		C45.8,24.1,45.6,23,45.2,22z M32,40.7c-4.8,0-8.7-3.9-8.7-8.7s3.9-8.7,8.7-8.7s8.7,3.9,8.7,8.7S36.8,40.7,32,40.7z M41.1,25
1398		c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S42.2,25,41.1,25z"/>
1399</g>
1400</svg>
1401							</a>
1402							<a class="footer-image-link" target="_blank" href="https://www.linkedin.com/company/oy-hartwall-ab">
1403								 
1404<?xml version="1.0" encoding="utf-8"?>
1405<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
1406<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"
1407	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
1408<style type="text/css">
1409	.st0{fill:#FFFFFF;}
1410</style>
1411<title>Asset 6</title>
1412<g>
1413	<path class="st0" d="M32,0C14.3,0,0,14.3,0,32s14.3,32,32,32s32-14.3,32-32S49.7,0,32,0z M47,44.8c0,1.2-1,2.2-2.2,2.2H19.2
1414		C18,47,17,46,17,44.8V19.2c0-1.2,1-2.2,2.2-2.2h25.6c1.2,0,2.2,1,2.2,2.2C47,19.2,47,44.8,47,44.8z"/>
1415</g>
1416<path class="st0" d="M23.7,21.1c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6s2.6-1.2,2.6-2.6C26.2,22.3,25.1,21.1,23.7,21.1z"/>
1417<rect x="21.5" y="28.2" class="st0" width="4.5" height="14.3"/>
1418<path class="st0" d="M37.2,27.9c-1.7-0.1-3.3,0.8-4.2,2.3v-2h-4.3v14.3h4.5v-7.1c0-1.9,0.4-3.7,2.7-3.7s2.3,2.1,2.3,3.8v7h4.4v-7.8
1419	C42.5,30.9,41.7,27.9,37.2,27.9z"/>
1420</svg>
1421							</a>
1422				</div>
1423			<div class="footer-copyright u-mt-6 u-dn _sm-u-block">
1424						<a href="/ota-yhteytta/usein-kysytyt-kysymykset/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">UKK</a>
1425						<a href="/ota-yhteytta/tietosuojaseloste/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Tietosuojaseloste</a>
1426						<a href="https://mediapankki.hartwall.fi/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Mediapankki</a>
1427						<a href="https://www.oivahymy.fi/hae-yrityksia/#text=hartwall panimo&amp;" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Oiva-raportit</a>
1428						<a href="https://royalunibrew.whistleblowernetwork.net/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Whistleblower</a>
1429				<div class="u-mt-2 u-tc">
1430                    <span class="footer-copyright-text">Copyright &copy; 1836-2026 Hartwall Oy.</span>
1431					<span class="footer-copyright-text">All rights reserved.</span>
1432				</div>
1433			</div>
1434		</div>
1435		<div class="footer-copyright-text-mobile _sm-u-dn u-mt-0 u-tc">
1436			<div class="col-lg-12 col-sm-12 col-xs-12 s-themecolor-2 u-flex-dir-row u-flex-justify--ce" style="flex-wrap: wrap;">
1437						<a href="/ota-yhteytta/usein-kysytyt-kysymykset/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">UKK</a>
1438						<a href="/ota-yhteytta/tietosuojaseloste/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Tietosuojaseloste</a>
1439						<a href="https://mediapankki.hartwall.fi/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Mediapankki</a>
1440						<a href="https://www.oivahymy.fi/hae-yrityksia/#text=hartwall panimo&amp;" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Oiva-raportit</a>
1441						<a href="https://royalunibrew.whistleblowernetwork.net/" class="u-mx-1 s-themecolor-1 s-bb-themecolor-1 s-bb-hover-themecolor-1 footer-bottom-link">Whistleblower</a>
1442			</div>
1443			<div class="col-lg-12 col-sm-12 col-xs-12 s-fg-fff u-mt-3">
1444                <span class="footer-copyright-text">Copyright &copy; 1836-2026 Hartwall Oy.</span>
1445			</div>
1446			<div class="col-lg-12 col-sm-12 col-xs-12 s-fg-fff">
1447				<span class="footer-copyright-text">All rights reserved.</span>
1448			</div>
1449		</div>
1450	</div>
1451</footer>
1452
1453    
1454
1455
1456    
1457    
1457<script type="text/javascript" src="https://dl.episerver.net/13.6.1/epi-util/find.js"></script>
vendor: 2 bytes, line 1457
1457
1458<script type="text/javascript">
1459if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}
1460</script>
1460
1461
1462
1463
1464
1465    
1465<script src="/Static/dist/runtime.eaec8c65.js" type="text/javascript"></script>
1465
1466    
1466<script src="/Static/dist/vendors.65198aa6.js" type="text/javascript"></script>
1466
1467    
1467<script src="/Static/dist/main-template-a.52074233.js" type="text/javascript"></script>
1467
1468
1469
1470
1471</body>
1472
1473</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.