1<!DOCTYPE html> 2 3<html lang="fi"> 4 5 6<head> 7 8 <meta charset="utf-8">
9<script> 10var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); 11</script>
11 12 13 <meta name="viewport" content="initial-scale=1.0,width=device-width"> 14 15 <title>Etusivu | Serlachius</title> 16 17 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 18<link rel="alternate" href="https://serlachius.fi/" hreflang="fi" /> 19<link rel="alternate" href="https://serlachius.fi/en/" hreflang="en" /> 20<link rel="alternate" href="https://serlachius.fi/sv/" hreflang="sv" /> 21<link rel="alternate" href="https://serlachius.fi/ja/" hreflang="ja" /> 22 23 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 24 <meta name="description" content="Serlachius on taidekohde Mäntän kulttuurimaisemassa. Tarjoamme kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville." /> 25 <link rel="canonical" href="https://serlachius.fi/" /> 26 <meta property="og:locale" content="fi_FI" /> 27 <meta property="og:locale:alternate" content="en_GB" /> 28 <meta property="og:locale:alternate" content="sv_SE" /> 29 <meta property="og:locale:alternate" content="ja_JP" /> 30 <meta property="og:type" content="website" /> 31 <meta property="og:title" content="Etusivu | Serlachius" /> 32 <meta property="og:description" content="Serlachius on taidekohde Mäntän kulttuurimaisemassa. Tarjoamme kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville." /> 33 <meta property="og:url" content="https://serlachius.fi/" /> 34 <meta property="og:site_name" content="Serlachius" /> 35 <meta property="article:modified_time" content="2026-09-28T05:17:32+00:00" /> 36 <meta name="twitter:card" content="summary_large_image" /> 37
37<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serlachius.fi\/","url":"https:\/\/serlachius.fi\/","name":"Etusivu | Serlachius","isPartOf":{"@id":"https:\/\/serlachius.fi\/#website"},"datePublished":"2025-02-05T20:28:01+00:00","dateModified":"2026-09-28T05:17:32+00:00","description":"Serlachius on taidekohde Mäntän kulttuurimaisemassa. Tarjoamme kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville.","breadcrumb":{"@id":"https:\/\/serlachius.fi\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serlachius.fi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/serlachius.fi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Koti"}]},{"@type":"WebSite","@id":"https:\/\/serlachius.fi\/#website","url":"https:\/\/serlachius.fi\/","name":"Serlachius","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serlachius.fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}</script>
37 38 <!-- / Yoast SEO plugin. --> 39 40 41<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 42<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> 43<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://serlachius.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fserlachius.fi%2F&lang=fi" /> 44<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://serlachius.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fserlachius.fi%2F&format=xml&lang=fi" /> 45<style id="wp-img-auto-sizes-contain-inline-css"> 46img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 47/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 48</style> 49<style id="wp-emoji-styles-inline-css"> 50 51 img.wp-smiley, img.emoji { 52 display: inline !important; 53 border: none !important; 54 box-shadow: none !important; 55 height: 1em !important; 56 width: 1em !important; 57 margin: 0 0.07em !important; 58 vertical-align: -0.1em !important; 59 background: none !important; 60 padding: 0 !important; 61 } 62/*# sourceURL=wp-emoji-styles-inline-css */ 63</style> 64<style id="wp-block-library-inline-css"> 65:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
65--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 66 67/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 68</style> 69<style id="wp-block-button-inline-css"> 70.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button[class*=wp-block-button__width]{width:calc(var(--wp--block-button--width)*1% - var(--wp--style--block-gap, .5em)*(1 - var(--wp--block-button--width)/100))}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button[class*=wp-block-button__width]{width:calc(var(--wp--block-button--width)*1%)}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:transparent;background-image:none} 71/*# sourceURL=https://serlachius.fi/wp-includes/blocks/button/style.min.css */ 72</style> 73<style id="wp-block-paragraph-inline-css"> 74.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 75/*# sourceURL=https://serlachius.fi/wp-includes/blocks/paragraph/style.min.css */ 76</style> 77 78 79<style id="global-styles-inline-css"> 80:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--red: #FF0000;--wp--preset--color--blue: #0000FF;--wp--preset--color--green: #00FF00;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
800) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-green-color{color: var(--wp--preset--color--green) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-green-background-color{background-color: var(--wp--preset--color--green) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-green-border-color{border-color: var(--wp--preset--color--green) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
80.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 81/*# sourceURL=global-styles-inline-css */ 82</style> 83 84<link rel='stylesheet' id='theme-global-css' href='https://serlachius.fi/wp-content/themes/theme/assets/build/css/global-74baf7ae31.css' media='all' /> 85<link rel='stylesheet' id='theme-tailwind-css' href='https://serlachius.fi/wp-content/themes/theme/assets/build/css/tailwind-1aa07d960b.css?ver=1' media='all' /> 86<link rel='stylesheet' id='material-icons-css' href='https://fonts.googleapis.com/icon?family=Material+Icons&ver=1' media='all' /> 87<link rel='stylesheet' id='swiper-css-css' href='https://serlachius.fi/wp-content/themes/theme/node_modules/swiper/swiper-bundle.min.css?ver=7.1.2' media='all' /> 88<link rel='stylesheet' id='glightbox-css-css' href='https://serlachius.fi/wp-content/themes/theme/node_modules/glightbox/dist/css/glightbox.min.css?ver=7.1.2' media='all' />
89<script id="jquery-core-js" src="https://serlachius.fi/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 89
89
90<script id="jquery-migrate-js" src="https://serlachius.fi/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 90
90
91<script id="swiper-js-js" src="https://serlachius.fi/wp-content/themes/theme/node_modules/swiper/swiper-bundle.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 91
91
92<script id="glightbox-js-js" src="https://serlachius.fi/wp-content/themes/theme/node_modules/glightbox/dist/js/glightbox.min.js?ver=7.1.2"></script>
92 93<link rel="https://api.w.org/" href="https://serlachius.fi/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://serlachius.fi/wp-json/wp/v2/pages/110" /><link rel='shortlink' href='https://serlachius.fi/' /> 94<style>.post-thumbnail img[src$='.svg'] { width: 100%; height: auto; }</style><link rel="icon" href="https://serlachius.fi/wp-content/uploads/cropped-favicon-32x32.jpg" sizes="32x32" /> 95<link rel="icon" href="https://serlachius.fi/wp-content/uploads/cropped-favicon-192x192.jpg" sizes="192x192" /> 96<link rel="apple-touch-icon" href="https://serlachius.fi/wp-content/uploads/cropped-favicon-180x180.jpg" /> 97<meta name="msapplication-TileImage" content="https://serlachius.fi/wp-content/uploads/cropped-favicon-270x270.jpg" /> 98 99 <!-- Google Consent Mode --> 100
100<script data-cookieconsent="ignore"> 101 window.dataLayer = window.dataLayer || []; 102 function gtag() { 103 dataLayer.push(arguments) 104 } 105 gtag("consent", "default", { 106 ad_personalization: "denied", 107 ad_storage: "denied", 108 ad_user_data: "denied", 109 analytics_storage: "denied", 110 functionality_storage: "denied", 111 personalization_storage: "denied", 112 security_storage: "granted", 113 wait_for_update: 500 114 }); 115 gtag("set", "ads_data_redaction", true); 116 gtag("set", "url_passthrough", false); 117 </script>
117 118 <!-- End Google Consent Mode--> 119 120 <!-- Google Tag Manager --> 121
121<script data-cookieconsent="ignore">
vendor: 368 bytes, lines 121-126
121 122 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 123 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 124 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 125 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 126 })(window,document,'script','dataLayer','
126GTM-5TKMSJN
vendor: 8 bytes, lines 126-127
126'); 127
127</script>
127 128 <!-- End Google Tag Manager --> 129 130 <!-- Cookiebot CMP--> 131
131<script 132 id="Cookiebot" 133 src="https://consent.cookiebot.com/uc.js" 134 data-cbid="cd762162-fd54-45a8-87d9-8d802bd5ac6b" 135 data-blockingmode="auto" 136 type="text/javascript"> 137 </script>
137 138 <!-- End Cookiebot CMP--> 139 140</head> 141 142<body class="home wp-singular page-template-default page page-id-110 wp-embed-responsive wp-theme-theme theme-white"> 143 144<header class="home top-0 group-[.scrolled]:h-auto h-screen flex flex-col vw-full w-full transition-all group bg-serlachius-black duration-0 z-50" id="header" role="banner"> 145 <section class="relative flex-grow min-h-0 group-[.scrolled]:hidden header-image" aria-hidden="true"> 146 147 <div class="relative h-full video-container"> 148 <div class="absolute inset-0 w-full h-full video-embed"> 149 <iframe src="https://player.vimeo.com/video/1083879779?background=1&autoplay=1&loop=1&byline=0&title=0&muted=1&dnt=1" 150 data-cookieconsent="ignore" 151 frameborder="0" 152 allow="autoplay; fullscreen" 153 webkitallowfullscreen 154 mozallowfullscreen 155 allowfullscreen 156 class="object-cover w-full h-full" 157 title="Background Video"> 158 </iframe> 159 </div> 160 161 <div class="absolute inset-0 z-10 w-full h-full transition-opacity duration-1000 ease-in-out video-placeholder"> 162 <img src="https://serlachius.fi/wp-content/uploads/ilmakuva_2017_kuva_ollihuttunen_1mega-scaled.jpg" alt="" class="block object-cover w-full h-full max-h-full"> 163 </div> 164 </div> 165 <div class="absolute bottom-0 left-0 w-full"> 166 167<section class="max-w-[1440px] mx-auto px-grid-margins mb-grid-margins lg:mb-contents"> 168 <div class="flex flex-col rounded-sm cursor-pointer notice-toggle w-fit bg-serlachius-black px-objects py-objects"> 169 <div class="flex justify-between items-center"> 170 <p class="m-0 font-medium uppercase font-franklin text-h6 text-serlachius-white mr-contents md:m-0">Serlachius on auki klo 11:00-18:00</p> 171 <span class="material-icons text-serlachius-white ml-none lg:ml-xl " aria-hidden="true">info</span> 172 </div> 173 <div class="hidden notice-content mt-m"> 174 <p class="font-franklin text-caption text-serlachius-white mb-sm">Ravintola Gösta on auki klo 11:00-17:00</p> 175 </div> 176 </div> 177</section> </div> 178 </section> 179 180 <div class="flex-shrink-0 w-full max-w-[1440px] mx-auto py-grid-margins px-grid-margins lg:pb-groups lg:pt-lg"> 181 <section class="grid grid-cols-5 auto-cols-auto lg:gap-4 lg:grid-cols-12 text-serlachius-white"> 182 <!-- Left content --> 183 <aside class="flex col-span-2 items-center lg:col-span-4 gap-groups"> 184 <div class="wp-block-button is-style-btn-primary-red"> 185 <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a> 186 </div> 187 <div class="flex hidden gap-contents lg:flex"> 188 <a href="https://serlachius.fi/?s=" class="text-serlachius-white flex items-center search gap-atoms hover:text-serlachius-accent hover:no-underline text-serlachius-black" aria-label="Avaa haku"> 189 <span class="material-icons text-serlachius-white" aria-hidden="true">search</span> 190 Haku </a> 191 192<div class="language-switcher theme-dark dropdown" role="navigation" aria-label="Kielivalitsin"> 193 <select name="lang_choice_1" id="lang_choice_1" class="pll-switcher-select"> 194 <option value="https://serlachius.fi/" lang="fi" selected='selected' data-lang="{"id":0,"name":"fi","slug":"fi","dir":0}">fi</option> 195 <option value="https://serlachius.fi/en/" lang="en-GB" data-lang="{"id":0,"name":"en","slug":"en","dir":0}">en</option> 196 <option value="https://serlachius.fi/sv/" lang="sv-SE" data-lang="{"id":0,"name":"sv","slug":"sv","dir":0}">sv</option> 197 <option value="https://serlachius.fi/ja/" lang="ja" data-lang="{"id":0,"name":"ja","slug":"ja","dir":0}">ja</option> 198 199</select>
200<script type="text/javascript"> 201 document.getElementById( "lang_choice_1" ).addEventListener( "change", function ( event ) { location.href = event.currentTarget.value; } ) 202 </script>
202</div> </div> 203 </aside> 204 205 <!-- Logo --> 206 <div class="flex justify-center col-span-6 col-start-1 mt-lg order-last lg:order-last lg:col-span-12 lg:group-[.scrolled]:col-span-4 lg:group-[.scrolled]:order-none lg:group-[.scrolled]:mt-none group-[.scrolled]:hidden lg:group-[.scrolled]:flex transition-all duration-0"> 207 <a href="https://serlachius.fi/" aria-label="Go to homepage" class="w-full"> 208 <img class="w-full" src="https://serlachius.fi/wp-content/themes/theme/assets/img/serlachius-white.svg" alt="Serlachius logo"> 209 </a> 210 </div> 211 212 <!-- Right content --> 213 <aside class="flex col-span-4 col-start-3 justify-end items-center lg:col-start-9 gap-group"> 214 <nav class="header-top-menu hidden lg:flex" aria-label="Päänavigaatio"><ul id="menu-header-top-fi" class="menu"><li id="menu-item-1016" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1016"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li> 215<li id="menu-item-1013" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1013"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li> 216<li id="menu-item-2137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2137"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li> 217</ul></nav> <div id="hamburger" class="hidden cursor-pointer ml-groups lg:block"> 218 <span class="transition-transform duration-300 material-icons">menu</span> 219 </div> 220 <button id="mobile-hamburger" class="flex items-center justify-center w-[43px] h-[43px] border rounded cursor-pointer lg:hidden border-serlachius-accent" aria-expanded="false" aria-controls="mobile-menu" aria-label="Avaa menu"> 221 <span class="material-icons text-[18px] menu-icon">menu</span> 222 </button> 223 </aside> 224 </section> 225 226 <section class="justify-center w-full bg-serlachius-black pt-contents group-[.scrolled]:hidden"> 227 <div class="grid grid-cols-5 w-full lg:grid-cols-12"> 228 <p class="flex order-1 col-span-5 justify-center items-center uppercase whitespace-nowrap text-serlachius-white font-franklin text-breadcrumb shrink-0 pb-datas lg:pb-none lg:col-span-4 lg:order-3">Taidekohde Mäntän kulttuurimaisemassa</p> 229 <p class="flex order-2 col-span-1 items-center text-serlachius-white text-body shrink-0 lg:order-1">1933</p> 230 <div class="bg-serlachius-white h-[1px] grow col-span-3 order-3 lg:order-2 self-center lg:mr-datas"></div> 231 <p class="flex order-4 col-span-1 justify-end items-center text-serlachius-white text-body shrink-0 lg:order-5">2026</p> 232 <div class="bg-serlachius-white h-[1px] grow hidden lg:block col-span-3 order-5 lg:order-4 self
232-center lg:ml-datas"></div> 233 </div> 234 </section> 235 </div> 236 237 <!-- Desktop menu --> 238 <div id="desktop-menu" class="fixed left-0 w-full h-0 !overflow-hidden transition-all duration-300 ease-out bg-white z-90" aria-hidden="true"> 239 <div class="max-w-[1440px] mx-auto pl-grid-margins flex"> 240 241 <!-- Main menu section --> 242 <div class="w-1/4 min-w-[466px] pr-grid-gutter py-groups"> 243 <nav class="desktop-main-navigation" aria-label="Päänavigointivalikko"><ul id="menu-navigation-menu-1-fi" class="menu"><li id="menu-item-2139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2139"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li> 244<li id="menu-item-2140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2140"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li> 245<li id="menu-item-13279" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13279"><a href="https://serlachius.fi/tapahtumat/">Tapahtumat</a></li> 246<li id="menu-item-2141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2141"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li> 247<li id="menu-item-2142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2142"><a href="https://serlachius.fi/kokoelmat/">Kokoelmat ja museo</a></li> 248<li id="menu-item-10027" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10027"><a href="https://serlachius.fi/residenssi/">Serlachius Residenssi</a></li> 249<li id="menu-item-4232" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4232"><a href="https://serlachius.fi/serlachius/">SERLACHIUS+</a></li> 250</ul></nav> </div> 251 252 <!-- Secondary menus section --> 253 <div class="flex w-3/4 bg-serlachius-accent"> 254 <div class="w-1/4 min-w-[326px] px-grid-gutter py-groups"> 255 <nav class="desktop-secondary-navigation" aria-label="Navigointivalikko"><ul id="menu-navigation-menu-2-fi" class="menu"><li id="menu-item-4230" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4230"><a href="https://serlachius.fi/gosta-serlachiuksen-taidesaatio/">Gösta Serlachiuksen taidesäätiö</a></li> 256<li id="menu-item-3676" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3676"><a href="https://serlachius.fi/yhteystiedot/">Yhteystiedot</a></li> 257<li id="menu-item-4231" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4231"><a href="https://ravintolagosta.fi">Ravintola Gösta</a></li> 258<li id="menu-item-6512" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6512"><a href="https://serlachius.fi/serlachius-taidesauna/">Serlachius Taidesauna</a></li> 259<li id="menu-item-6127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6127"><a href="https://serlachius.fi/medialle/">Medialle</a></li> 260<li id="menu-item-3670" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3670"><a href="https://serlachius.fi/vastuullisuus-serlachiuksella/">Vastuullisuus</a></li> 261<li id="menu-item-3669" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3669"><a href="https://serlachius.fi/esteettomyys/">Esteettömyys</a></li> 262<li id="menu-item-3671" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3671"><a href="https://serlachius.fi/tietosuoja/">Tietosuoja ja evästeet</a></li> 263</ul></nav> <div class="wp-block-button is-style-btn-primary-white"> 264 <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a> 265 </div> 266 </div> 267 </div> 268 </div> 269</div> 270 <!-- Mobile menu --> 271 <div id="mobile-menu" class="overflow-auto w-full max-h-0 opacity-0 transition-all duration-300 ease-in-out theme-white bg-serlachius-white z-90" aria-hidden="true"> 272 <div class="flex flex-col h-full"> 273 274 <!-- Logo and close button --> 275 <div class="flex justify-between items-center px-grid-margins py-grid-margins"> 276 277 <!-- Logo --> 278 <div class="flex justify-center"> 279 280<a href="https://serlachius.fi/" aria-label="Go to homepage"> 281 <svg class="w-[265px]" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 222.04 25.96" width="360" height="auto" aria-label="Serlachius logo" style="fill: var(--color-serlachius-black);"> 282 <path d="M1.06,14.96c.33,2.58.58,3.57,1.38,5.24,1.6,3.28,4.3,4.62,6.77,4.62s4.41-1.6,4.41-3.71c0-2.8-3.6-4.33-6.04-5.39-3.6-1.53-4.33-2.26-5.17-3.02C.87,11.07.18,9.32.18,7.1.18,2.88,2.73.07,6.59.07c2,0,3.97.95,5.64,2.73.8-.76,1.09-1.27,1.57-2.69h1.09v8.85h-1.06c-.62-2.66-1.06-3.68-2.15-5.06-1.38-1.78-3.2-2.73-5.28-2.73-2.29,0-4.11,1.42-4.11,3.24,0,1.6,1.46,2.8,5.53,4.55,3.35,1.46,8.12,3.6,8.12,9.54,0,4.3-2.88,7.43-6.92,7.43-3.28,0-5.46-2.26-6.33-3.13-.87.95-1.13,1.46-1.6,3.13H0v-10.96h1.06Z" />
283 <path d="M18.32,25.16v-1.09h1.86c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-1.46l-.04-1.09h21.63v9.03h-1.13c-.55-2.51-1.46-4.37-2.77-5.72-1.57-1.6-3.06-2.22-5.46-2.22-1.97,0-2.44.36-2.44,1.93v8.52h.62c.62,0,1.78-.44,2.48-.91,1.86-1.31,2-3.39,2.11-4.62h1.09v12.49h-1.13c0-2.33-1.17-5.83-5.17-5.83v9.07c0,1.17.51,1.71,1.67,1.71h2c1.93,0,6.15-1.86,7.46-8.05h1.13v9.14h-22.14Z" /> 284 <path d="M42.89,24.07h1.27c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-.95V.62h12.96c5.35,0,8.67,2.29,8.67,6.08,0,2.22-1.35,4.19-3.68,5.28-1.6.73-3.64.95-5.32,1.09,5.13,1.06,7.65,3.57,7.94,7.9.11,1.89.51,2.66,1.35,2.66s1.53-1.24,1.53-2.84v-3.57h1.09v3.64c0,2.8-1.89,4.66-4.77,4.66s-4.73-1.78-4.99-5.06l-.07-.8c-.36-4.3-1.64-6.26-4.04-6.26h-1.38v8.05c0,2.33.22,2.62,1.97,2.62h1.71v1.09h-12.96v-1.09ZM52.18,12.31h1.31c2.91,0,4.77-.15,4.77-5.35,0-2.29-.36-3.68-1.17-4.51-.44-.47-.91-.66-1.97-.73h-1.46c-.87,0-1.49.62-1.49,1.49v9.1Z" /> 285 <path d="M69.36,24.07h1.57c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-1.2V.62h13.36v1.09h-1.24c-2,0-2.66.66-2.66,2.62v17.18c0,1.64.91,2.55,2.48,2.55,3.64,0,6.81-3.64,7.46-8.56h1.09v9.65h-20.53v-1.09Z" /> 286 <path d="M103.34.36h2.55l7.17,21.08c.58,1.75,1.57,2.62,2.88,2.62h.55v1.09h-11.5v-1.09h.87c1.24,0,1.86-.33,1.86-.95,0-.25-.04-.51-.15-.8l-1.42-4.26h-7.9c-.62,1.57-.8,2.26-.8,3.02,0,1.89,1.24,2.88,3.82,2.99v1.09h-9.47v-1.09c1.02-.11,3.24-.4,4.7-4.44L103.34.36ZM102.32,6.66l-3.46,9.65h6.7l-3.24-9.65Z" /> 287 <path d="M134.54,16.24c-.22,5.75-3.6,9.68-8.34,9.68-5.5,0-9.14-4.81-9.14-11.98,0-4.22.8-7.43,2.37-9.76,1.13-1.67,3.35-4.19,6.81-4.19,2.04,0,3.35.66,4.99,2.48.73-.69,1.24-1.31,1.93-2.4h1.09v11.03h-1.06c-.55-3.35-.8-4.33-1.71-6.19-.76-1.6-2.51-3.68-4.44-3.68-.62,0-1.35.33-1.82.8-.98,1.02-1.42,3.5-1.42,8.08v6.3c0,4.08.4,6.08,1.46,7.17.62.62,1.42.98,2.26.98,3.06,0,5.72-3.71,5.93-8.34h1.09Z" /> 288 <path d="M136.69.62h12.63v1.09h-.55c-1.97,0-2.58.62-2.58,2.62v7.25h7.86v-7.25c0-2-.62-2.62-2.58-2.62h-.51V.62h12.67v1.09h-1.24c-1.97,0-2.58.62-2.58,2.62v17.11c0,2.18.4,2.62,2.22,2.62h1.6v1.09h-12.71v-1.09h1.02c1.78,0,2.11-.4,2.11-2.62v-7.83h-7.86v7.83c0,2.29.25,2.62,2,2.62h1.09v1.09h-12.67v-1.09h1.57c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-1.17V.62Z" /> 289 <path d="M165.42,24.07h1.2c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-.87V.62h12.71v1.09h-.91c-1.97,0-2.58.62-2.58,2.62v17.11c0,2.33.22,2.62,1.97,2.62h1.53v1.09h-12.71v-1.09Z" /> 290 <path d="M204.7,1.71c-2.4.36-3.53,2.15-3.53,5.53v10.41c0,5.28-3.09,8.3-8.52,8.3-3.09,0-5.46-.8-7.03-2.4-1.49-1.46-2.04-3.06-2.29-6.63V4.33c0-2-.62-2.62-2.58-2.62h-.95V.62h12.6v1.09h-.73c-2,0-2.62.66-2.62,2.62v14.09c0,4.41,1.42,6.3,4.7,6.3,3.71,0,6.3-2.77,6.3-6.7v-9.94c0-4-1.2-5.86-4.11-6.37V.62h8.77v1.09Z" /> 291 <path d="M207.15,14.96c.33,2.58.58,3.57,1.38,5.24,1.6,3.28,4.3,4.62,6.77,4.62s4.41-1.6,4.41-3.71c0-2.8-3.6-4.33-6.04-5.39-3.6-1.53-4.33-2.26-5.17-3.02-1.53-1.64-2.22-3.39-2.22-5.61,0-4.22,2.55-7.03,6.41-7.03,2,0,3.97.95,5.64,2.73.8-.76,1.09-1.27,1.57-2.69h1.09v8.85h-1.06c-.62-2.66-1.06-3.68-2.15-5.06-1.38-1.78-3.2-2.73-5.28-2.73-2.29,0-4.11,1.42-4.11,3.24,0,1.6,1.46,2.8,5.53,4.55,3.35,1.46,8.12,3.6,8.12,9.54,0,4.3-2.88,7.43-6.92,7.43-3.28,0-5.46-2.26-6.33-3.13-.87.95-1.13,1.46-1.6,3.13h-1.09v-10.96h1.06Z" /> 292 </svg> 293</a> </div> 294 <div class="flex sticky top-0 z-10 justify-end bg-serlachius-white"> 295 <button id="mobile-menu-close" class="flex items-center justify-center w-[43px] h-[43px] border rounded cursor-pointer" aria-label="Sulje valikko"> 296 <span class="material-icons text-[18px]">close</span> 297 </button> 298 </div> 299 </div> 300 301 <!-- Bottom section --> 302 <div class="flex justify-center items-center px-grid-margins gap-modules py-groups"> 303 <a href="https://serlachius.fi/?s=" class="text-serlachius-beige-dark flex items-center search gap-atoms hover:text-serlachius-accent hover:no-underline text-serlachius-black" aria-label="Avaa haku"> 304 <span class="material-icons text-serlachius-beige-dark" aria-hidden="true">search</span> 305 Haku </a> 306 307<div class="language-switcher theme-white list" role="navigation" aria-label="Kielivalitsin"> 308 <li class="lang-item lang-item-5 lang-item-fi current-lang lang-item-first"><a lang="fi" hreflang="fi" href="https://serlachius.fi/" aria-current="true">fi</a></li> 309 <li class="lang-item lang-item-8 lang-item-en"><a lang="en-GB" hreflang="en-GB" href="https://serlachius.fi/en/">en</a></li> 310 <li class="lang-item lang-item-18 lang-item-sv"><a lang="sv-SE" hreflang="sv-SE" href="https://serlachius.fi/sv/">sv</a></li> 311 <li class="lang-item lang-item-23 lang-item-ja"><a lang="ja" hreflang="ja" href="https://serlachius.fi/ja/">ja</a></li> 312</div> </div> 313 314 <!-- Main menu --> 315 <div class="px-grid-margins py-modules"> 316 <nav class="mobile-main-navigation" aria-label="Mobiilivalikon navigointi"><ul id="menu-navigation-menu-1-fi-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2139"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li> 317<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2140"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li> 318<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13279"><a href="https://serlachius.fi/tapahtumat/">Tapahtumat</a></li> 319<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2141"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li> 320<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2142"><a href="https://serlachius.fi/kokoelmat/">Kokoelmat ja museo</a></li> 321<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10027"><a href="https://serlachius.fi/residenssi/">Serlachius Residenssi</a></li> 322<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4232"><a href="https://serlachius.fi/serlachius/">SERLACHIUS+</a></li> 323</ul></nav> </div> 324 325 <!-- Secondary menu --> 326 <div class="h-full bg-serlachius-accent px-grid-margins pt-groups"> 327 <nav class="mobile-secondary-navigation" aria-label="Mobiilivalikon navigointi"><ul id="menu-navigation-menu-2-fi-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4230"><a href="https://serlachius.fi/gosta-serlachiuksen-taidesaatio/">Gösta Serlachiuksen taidesäätiö</a></li> 328<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3676"><a href="https://serlachius.fi/yhteystiedot/">Yhteystiedot</a></li> 329<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4231"><a href="https://ravintolagosta.fi">Ravintola Gösta</a></li> 330<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6512"><a href="https://serlachius.fi/serlachius-taidesauna/">Serlachius Taidesauna</a></li> 331<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6127"><a href="https://serlachius.fi/medialle/">Medialle</a></li> 332<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3670"><a href="https://serlachius.fi/vastuullisuus-serlachiuksella/">Vastuullisuus</a></li> 333<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3669"><a href="https://serlachius.fi/esteettomyys/">Esteettömyys</a></li> 334<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3671"><a href="https://serlachius.fi/tietosuoja/">Tietosuoja ja evästeet</a></li> 335</ul></nav> <div class="wp-block-button is-style-btn-primary-white my-groups"> 336 <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a> 337 </div> 338 </div> 339 </div> 340</div></header> 341 342</body> 343 344</html> 345<section class="theme-dark"> 346 <div class="relative w-full px-grid-margins overflow-clip lg:mx-auto lg:max-w-viewport py-modules overflow-clip">
347 <span class="absolute left-0 lg:left-[-10px] z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-black p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-large-mobile-arrow-prev"> 348 arrow_back 349 </span> 350 <span class="absolute right-0 lg:right-[-10px] z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-black p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-large-mobile-arrow-next"> 351 arrow_forward 352 </span> 353 <div class="flex flex-col w-full text-center heading-row lg:mx-auto lg:flex-row lg:text-left lg:justify-between lg:max-w-viewport mb-sections"> 354 <p class="text-h2">NÃYTTELYT</p> 355 <a class="text-serlachius-accent text-cta-secondary font-modern" href="https://serlachius.fi/nayttelyt/">Katso kaikki</a> 356 </div> 357 <div class="w-full swiper lg:max-w-viewport"> 358 <div class="swiper-container lift-up-large-slider"> 359 <div class="relative swiper-wrapper lg:pr-0"> 360 361<a href="https://serlachius.fi/nayttely/anish-kapoor/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 362 <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between"> 363 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">27.06.2026â</p> 364 <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Anish Kapoor</h3> 365 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">â04.04.2027</p> 366 </div> 367 <figure class="slide-image"> 368 <div class="relative w-full pb-[66.67%]"> 369 <div class="flex overflow-hidden absolute inset-0 justify-center items-center"> 370 <img fetchpriority="high" decoding="async" width="1449" height="965" src="https://serlachius.fi/wp-content/uploads/ak9471.jpg" class="w-full h-full object-cover" alt="" srcset="https://serlachius.fi/wp-content/uploads/ak9471.jpg 1449w, https://serlachius.fi/wp-content/uploads/ak9471-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/ak9471-1024x682.jpg 1024w, https://serlachius.fi/wp-content/uploads/ak9471-768x511.jpg 768w" sizes="(max-width: 1449px) 100vw, 1449px" /> </div> 371 </div> 372 </figure> 373 <div class="flex items-start mt-contents"> 374 <div class="flex flex-wrap min-w-[40%] max-w-[60%]"> 375 <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Kartano</p> 376 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span> 377 </div> 378 </div> 379</a> 380<a href="https://serlachius.fi/nayttely/jalan/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 381 <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between"> 382 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">26.09.2026â</p> 383 <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Jalan</h3> 384 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">â21.02.2027</p> 385 </div> 386 <figure class="slide-image"> 387 <div class="relative w-full pb-[66.67%]"> 388 <div class="flex overflow-hidden absolute inset-0 justify-center items-center"> 389 <img decoding="async" width="1500" height="1273" src="https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia.jpeg" class="w-full h-full object-cover" alt="Marcus Collinin maalaus, jossa ihmisiä kävelemässä." srcset="https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia.jpeg 1500w, https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia-300x255.jpeg 300w, https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia-1024x869.jpeg 1024
389w, https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia-768x652.jpeg 768w" sizes="(max-width: 1500px) 100vw, 1500px" /> </div> 390 </div> 391 </figure> 392 <div class="flex items-start mt-contents"> 393 <div class="flex flex-wrap min-w-[40%] max-w-[60%]"> 394 <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Pääkonttori</p> 395 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span> 396 </div> 397 </div> 398</a> 399<a href="https://serlachius.fi/nayttely/kartanon-klassikot/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 400 <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between"> 401 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">06.04.2019â</p> 402 <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Kartanon klassikot</h3> 403 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">â10.01.2027</p> 404 </div> 405 <figure class="slide-image"> 406 <div class="relative w-full pb-[66.67%]"> 407 <div class="flex overflow-hidden absolute inset-0 justify-center items-center"> 408 <img decoding="async" width="1200" height="800" src="https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5.jpg" class="w-full h-full object-cover" alt="Klassikkoteoksia ja veistoksia ripustuksessa." srcset="https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5.jpg 1200w, https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5-768x512.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /> </div> 409 </div> 410 </figure> 411 <div class="flex items-start mt-contents"> 412 <div class="flex flex-wrap min-w-[40%] max-w-[60%]"> 413 <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Kartano</p> 414 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span> 415 </div> 416 <h4 class="text-h4 ml-auto text-right mt-0 text-serlachius-white">Taidesäätiön kokoelmateoksia</h4> 417 </div> 418</a> 419<a href="https://serlachius.fi/nayttely/mesenaatit/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 420 <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between"> 421 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">15.06.2024â</p> 422 <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Mesenaatit</h3> 423 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">â31.12.2034</p> 424 </div> 425 <figure class="slide-image"> 426 <div class="relative w-full pb-[66.67%]"> 427 <div class="flex overflow-hidden absolute inset-0 justify-center items-center"> 428 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/patrons_5_web.jpeg" class="w-full h-full object-cover" alt="Punaisilla samettiverhoilla verhotussa huoneessa parrakkaan vanhan herran pronssinen rintakuva ja seinällä valokuvasuurennos, jossa hän istuu pyörätuolissa." srcset="https://serlachius.fi/wp-content/uploads/patrons_5_web.jpeg 1500w, https://serlachius.fi/wp-content/uploads/patrons_5_web-300x200.jpeg 300w, https://serlachius.fi/wp-content/uploads/patrons_5_web-1024x683.jpeg 1024
428w, https://serlachius.fi/wp-content/uploads/patrons_5_web-768x512.jpeg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> </div> 429 </div> 430 </figure> 431 <div class="flex items-start mt-contents"> 432 <div class="flex flex-wrap min-w-[40%] max-w-[60%]"> 433 <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Pääkonttori</p> 434 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span> 435 </div> 436 <h4 class="text-h4 ml-auto text-right mt-0 text-serlachius-white">Serlachiuksen taidekokoelman tarina</h4> 437 </div> 438</a> 439<a href="https://serlachius.fi/nayttely/itse-toisena/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 440 <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between"> 441 <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">10.08.2022â</p> 442 <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Itse toisena</h3> 443 </div> 444 <figure class="slide-image"> 445 <div class="relative w-full pb-[66.67%]"> 446 <div class="flex overflow-hidden absolute inset-0 justify-center items-center"> 447 <img loading="lazy" decoding="async" width="1500" height="841" src="https://serlachius.fi/wp-content/uploads/itse-toisena.jpg" class="w-full h-full object-cover" alt="Näkymä virtuaaliseen näyttelytilaan" srcset="https://serlachius.fi/wp-content/uploads/itse-toisena.jpg 1500w, https://serlachius.fi/wp-content/uploads/itse-toisena-300x168.jpg 300w, https://serlachius.fi/wp-content/uploads/itse-toisena-1024x574.jpg 1024w, https://serlachius.fi/wp-content/uploads/itse-toisena-768x431.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> </div> 448 </div> 449 </figure> 450 <div class="flex items-start mt-contents"> 451 <div class="flex flex-wrap min-w-[40%] max-w-[60%]"> 452 <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Virtuaaalinen näyttelytila</p> 453 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span> 454 </div> 455 <h4 class="text-h4 ml-auto text-right mt-0 text-serlachius-white">Teoksia Serlachiuksen taidesäätiön kokoelmasta</h4> 456 </div> 457</a> </div> 458 </div> 459 </div> 460 </div> 461</section> 462 463 464 465 466<section class="mt-modules mb-lg"> 467 <div class="w-full px-grid-margins lg:mx-auto lg:max-w-viewport ingress"> 468 <p class="text-ingress leading-[130%]"><span class="inline-block leading-[100%] w-[60%] uppercase font-medium text-serlachius-accent text-h4">TERVETULOA</span>Serlachius tarjoaa kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville. Taiteen, historian ja arkkitehtuurin lisäksi vieraamme nauttivat ruoka- ja saunaelämyksistä ainutlaatuisessa miljöössä. </p> 469 </div> 470</section> 471 472 473<section class="w-full"> 474 <!-- Mobile, no slider--> 475 <div class="lg:hidden"> 476 <div class="w-full"> 477 <div class="relative w-full h-[673px]"> 478 <div class="absolute inset-0"> 479 <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg" class="w-full h-full object-cover" alt="Ilmakuva järven rannalla puiden ympäröivästä sijaitsevasta suuresta talosta" srcset="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100v
479w, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 480 </div> 481 <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins"> 482 <div class="flex flex-col mt-auto w-full"> 483 <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Kartano</h3> 484 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Joenniementie 47, Mänttä</p> 485 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 486 <p>Vuorineuvos Gösta Serlachiuksen edustuskodikseen rakennuttamalla kartanolla sijaitsevat pysyvä kokoelmaripustus <em>Kartanon klassikot</em>, laajat vaihtuvien näyttelyiden tilat, Ravintola Gösta, kesäkahvila Autereentupa, museokauppa ja Serlachius Taidesauna.</p> 487 </div> 488 </div> 489 </div> 490 </div> 491 </div> 492 <div class="w-full"> 493 <div class="relative w-full h-[673px]"> 494 <div class="absolute inset-0"> 495 <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg" class="w-full h-full object-cover" alt="Serlachius Pääkonttori ulkoa kesäpäivänä" srcset="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg 1500w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 496 </div> 497 <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins"> 498 <div class="flex flex-col mt-auto w-full"> 499 <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Pääkonttori</h3> 500 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">R. Erik Serlachiuksen katu 2, Mänttä</p> 501 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 502 <p>Pysyvä näyttely <em>Mesenaatit</em> kertoo Serlachiuksen taidekokoelman ja Mäntän tehdasyhteisön tarinan. Mäntän keskustassa sijaitsevassa rakennuksessa on myös galleriatilat vaihtuville näyttelyille, koko perheen elämystila <em>Metsän maailma</em>, kahvipiste ja museokauppa.</p> 503 </div> 504 </div> 505 </div> 506 </div> 507 </div> 508 </div> 509 510 <!-- Desktop, with slider for multiple items --> 511 <div class="hidden lg:block"> 512 <div class="swiper"> 513 <div class="swiper-container lift-up-full-page-slider"> 514 <div class="relative swiper-wrapper"> 515 <div class="swiper-slide w-full lg:max-w-[50%] relative"> 516 <div class="relative w-full h-[900px]"> 517 <div class="absolute inset-0"> 518 <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Ilmakuva järven rannalla puiden ympäröivästä sijaitsevasta suuresta talosta" srcset="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100v
518w, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 519 </div> 520 <div class="flex relative z-20 flex-row items-end mx-auto h-full p-grid-margins slide-content max-w-viewport"> 521 <div class="flex flex-col w-[532px]"> 522 <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Kartano</h3> 523 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Joenniementie 47, Mänttä</p> 524 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 525 <p>Vuorineuvos Gösta Serlachiuksen edustuskodikseen rakennuttamalla kartanolla sijaitsevat pysyvä kokoelmaripustus <em>Kartanon klassikot</em>, laajat vaihtuvien näyttelyiden tilat, Ravintola Gösta, kesäkahvila Autereentupa, museokauppa ja Serlachius Taidesauna.</p> 526 </div> 527 </div> 528 </div> 529 </div> 530 </div> 531 <div class="swiper-slide w-full lg:max-w-[50%] relative"> 532 <div class="relative w-full h-[900px]"> 533 <div class="absolute inset-0"> 534 <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Serlachius Pääkonttori ulkoa kesäpäivänä" srcset="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg 1500w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 535 </div> 536 <div class="flex relative z-20 flex-row items-end mx-auto h-full p-grid-margins slide-content max-w-viewport"> 537 <div class="flex flex-col w-[532px]"> 538 <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Pääkonttori</h3> 539 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">R. Erik Serlachiuksen katu 2, Mänttä</p> 540 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 541 <p>Pysyvä näyttely <em>Mesenaatit</em> kertoo Serlachiuksen taidekokoelman ja Mäntän tehdasyhteisön tarinan. Mäntän keskustassa sijaitsevassa rakennuksessa on myös galleriatilat vaihtuville näyttelyille, koko perheen elämystila <em>Metsän maailma</em>, kahvipiste ja museokauppa.</p> 542 </div> 543 </div> 544 </div> 545 </div> 546 </div> 547 </div> 548 </div> 549 </div> 550 </div> 551 </section> 552 553 554<section class="theme-beige spotlight-block"> 555 <div class="relative mx-auto max-w-viewport px-grid-margins py-sections"> 556 <div class="w-full spotlight-title-container mb-contents"> 557 <h2 class="spotlight-title text-h2 text-serlachius-accent m-0 text-center w-full">AJANKOHTAISTA</h2> 558 </div> 559
560 <div class="grid grid-cols-5 xl:grid-cols-12 gap-grid-gutter"> 561 <div class="col-span-5 lg:col-span-7 mb-modules xl:mb-0"> 562 563<a href="https://serlachius.fi/anish-kapoorin-nayttelysta-ilmestyi-julkaisu/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 564 <div class="flex justify-between items-end card-header-section mb-contents"> 565 <p class="text-h3 m-0 text-serlachius-black">Anish Kapoorin näyttelystä ilmestyi julkaisu</p> 566 </div> 567 <figure class="slide-image"> 568 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino.jpg" class="w-auto max-h-[800px] object-contain" alt="Kirjapino tiskillä ja taustalla näkyy hyllyssä olevia kirjoja." srcset="https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino.jpg 1500w, https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> </figure> 569 <div class="flex overflow-hidden flex-col items-start lg:flex-row mt-contents"> 570 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Lue lisää</span> 571 </div> 572</a> </div> 573 574 <div class="col-span-5 xl:col-span-5 mb-modules xl:mb-0"> 575 576<a href="https://serlachius.fi/serlachius-sai-lahjoituksena-ada-thilenin-teoksen-tvatterska/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 577 <div class="flex justify-between items-end card-header-section mb-contents"> 578 <p class="text-h3 m-0 text-serlachius-black">Serlachius sai lahjoituksena Ada Thilénin teoksen Tvätterska</p> 579 </div> 580 <figure class="slide-image"> 581 <img loading="lazy" decoding="async" width="1200" height="1645" src="https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s.jpg" class="w-auto max-h-[800px] object-contain" alt="Maalauksessa nuori tyttö pesee pyykkiä pesusoikossa ja katsoo suoraan eteensä." srcset="https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s.jpg 1200w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-219x300.jpg 219w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-747x1024.jpg 747w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-768x1053.jpg 768w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-1120x1536.jpg 1120w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /> </figure> 582 <div class="flex overflow-hidden flex-col items-start lg:flex-row mt-contents"> 583 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Lue lisää</span> 584 </div> 585</a> </div> 586 587 <div class="col-span-5 xl:col-span-5 mb-modules xl:mb-0"> 588 589<a href="https://serlachius.fi/seniorikahvit-syksylla-2026/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins"> 590 <div class="flex justify-between items-end card-header-section mb-contents"> 591 <p class="text-h3 m-0 text-serlachius-black">Seniorikahvit syksyllä 2026</p> 592 </div> 593 <figure class="slide-image"> 594 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53.jpg" class="w-auto max-h-[800px] object-contain" alt="Harmaahiuksinen nainen vilkaisee olan yli ja hymyilee tutkiessaan vanhaa maalausta" srcset="https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53.jpg 1500w, https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
594w, 1500px" /> </figure> 595 <div class="flex overflow-hidden flex-col items-start lg:flex-row mt-contents"> 596 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Lue lisää</span> 597 </div> 598</a> </div> 599 600 <div class="col-span-5 xl:col-span-7 mb-modules xl:mb-0"> 601 602<a href="https://serlachius.fi/serlachius-plus/anish-kapoor-serlachiuksella-nayttelyn-esittely/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins serlachius-plus-card"> 603 <div class="flex flex-col items-center gap-content"> 604 <div class="card-header-section" style="width: var(--image-width, 100%);"> 605 <div class="flex justify-between items-end w-full mb-contents"> 606 <p class="text-h3 m-0 text-serlachius-black">Anish Kapoor Serlachiuksella â näyttelyn esittely</p> 607 <p class="text-body text-serlachius-beige-dark">Serlachius+</p> 608 </div> 609 </div> 610 <div class="inline-block flex w-auto"> 611 <figure class="relative slide-image"> 612 <img loading="lazy" decoding="async" width="1280" height="719" src="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Kaksi miestä istuu punasävyisen suuren taulun edessä vastakkain." srcset="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg 1280w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-300x169.jpg 300w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-1024x575.jpg 1024w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-768x431.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> </figure> 613 </div> 614 <div class="flex w-full" style="max-width: var(--image-width, 100%);"> 615 <div class="flex flex-col items-start w-full lg:flex-row mt-contents"> 616 <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Katso video</span> 617 <p class="order-2 lg:order-3 ml-0 lg:ml-auto lg:text-right text-body text-serlachius-black">Timo Valjakka ja Pauli Sivonen keskustelevat</p> 618 </div> 619 </div> 620 </div> 621</a> </div> 622 </div> 623 </div> 624</section> 625 626 627<section class="banner w-full left max-w-[1440px] mx-auto py-modules px-grid-margins"> 628 <div class="grid grid-cols-5 lg:grid-cols-12 relative theme-beige rounded-[4px] overflow-hidden"> 629 <div class="col-span-5 lg:col-span-8 relative h-[60vh] lg:h-auto lg:min-h-[350px] "> 630 <img decoding="async" class="object-cover absolute inset-0 w-full h-full" src="https://serlachius.fi/wp-content/uploads/gallen-kallela_aiti_ja_lapsi.jpeg" alt="Vanhassa maalauksessa nainen pitää sylissään pientä tyttöä."> 631 </div> 632 <div class="flex flex-col gap-groups justify-center p-groups col-span-5 lg:col-span-4 "> 633 <h4 class="my-0 font-medium uppercase">Serlachiuksen kokoelmat</h4> 634 <p class="text-body"><p>Serlachiuksen paperipatruunat aloittivat taiteen keräilyn runsaat sata vuotta sitten. Nykyisin Serlachiuksen taidekokoelma sisältää noin 10 000 teosta.</p> 635<p>Serlachiuksen kulttuurihistoriallisiin kokoelmiin on tallennettu Mäntän ja G. A. Serlachius -yhtiön sekä Serlachius-suvun vaiheista kertovaa aineistoa.</p> 636</p> 637 <div class="acf-innerblocks-container"> 638 639<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://serlachius.fi/kokoelmat/">Tutustu Serlachiuksen kokoelmiin</a></div> 640 641</div> 642 </div> 643 </div> 644</section> 645 646 647<section class="w-full"> 648 <!-- Mobile, no slider--> 649 <div class="lg:hidden"> 650 <div class="w-full"> 651 <div class="relative w-full h-[673px]"> 652 <div class="absolute inset-0"> 653 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg" class="w-full h-full object-cover" alt="" srcset="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
653w, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 654 </div> 655 <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins"> 656 <div class="flex flex-col mt-auto w-full"> 657 <h3 class="text-h3 !text-serlachius-white m-0">SERLACHIUS TAIDESAUNA</h3> 658 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p> 659 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 660 <p>Serlachius Taidesauna tarjoaa elämyksiä saunomisen, taiteen, arkkitehtuurin ja puhtaan pohjoisen järviluonnon ystäville. Yhteisölliset yleisösaunavuorot järjestetään joka tiistai, ympäri vuoden. Serlachius Taidesaunaa ravintolapalveluineen vuokrataan juhliin, kokouksiin ja illanviettoihin.</p> 661<p> </p> 662 </div> 663 </div> 664 <div class="wp-block-button is-style-btn-primary-red mt-groups"> 665 <a class="whitespace-nowrap wp-block-button__link" href="https://serlachius.fi/taidesauna/">Lue lisää ja varaa yleisösaunavuoro</a> 666 </div> 667 </div> 668 </div> 669 </div> 670 </div> 671 672 <!-- Desktop, with slider for multiple items --> 673 <!-- Desktop, single full-width item --> 674 <div class="hidden lg:block"> 675 <div class="w-full"> 676 <div class="relative w-full h-[900px]"> 677 <div class="absolute inset-0"> 678 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg" class="w-full h-full max-h-[900px] object-cover" alt="" srcset="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 679 </div> 680 <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport"> 681 <div class="flex flex-col w-[532px]"> 682 <h3 class="text-h3 !text-serlachius-white m-0">SERLACHIUS TAIDESAUNA</h3> 683 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p> 684 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 685 <p>Serlachius Taidesauna tarjoaa elämyksiä saunomisen, taiteen, arkkitehtuurin ja puhtaan pohjoisen järviluonnon ystäville. Yhteisölliset yleisösaunavuorot järjestetään joka tiistai, ympäri vuoden. Serlachius Taidesaunaa ravintolapalveluineen vuokrataan juhliin, kokouksiin ja illanviettoihin.</p> 686<p> </p> 687 </div> 688 </div> 689 <div class="wp-block-button is-style-btn-primary-red"> 690 <a class="whitespace-nowrap wp-block-button__link" href="https://serlachius.fi/taidesauna/">Lue lisää ja varaa yleisösaunavuoro</a> 691 </div> 692 </div> 693 </div> 694 </div> 695 </div> 696 </section> 697 698 699<section class="theme-white"> 700 <div class="relative w-full px-grid-margins overflow-clip lg:mx-auto lg:max-w-viewport py-modules"> 701 <!-- Navigation arrows -->
702 <span class="absolute left-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-white p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-small-arrow-prev lg:hidden"> 703 arrow_back 704 </span> 705 <span class="absolute right-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-white p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-small-arrow-next lg:hidden"> 706 arrow_forward 707 </span> 708 709 <div class="flex flex-col mx-auto w-full text-center heading-row lg:flex-row lg:text-left lg:justify-between"> 710 <h2 class="m-0">TAPAHTUMAT</h2> 711 <a class="text-serlachius-accent text-cta-secondary font-modern underline lg:no-underline" href="https://serlachius.fi/tapahtumat/">KATSO KAIKKI</a> 712 </div> 713 714 <!-- Swiper container for mobile/tablet, hidden on large screens --> 715 <div class="mx-auto w-full lg:hidden"> 716 <div class="swiper"> 717 <div class="swiper-container lift-up-small-slider"> 718 <div class="swiper-wrapper"> 719 <div class="swiper-slide"> 720 721<a href="https://serlachius.fi/tapahtumat/lasten-lauantai-2/" class="flex flex-col h-full no-underline group hover:no-underline"> 722 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 723 <div class="flex justify-between items-end w-full"> 724 <p class="text-body text-serlachius-black">Lasten lauantai</p> 725 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Pääkonttori</p> 726 </div> 727 </div> 728 729 <div class="overflow-hidden relative w-full aspect-square"> 730 <img decoding="async" 731 src="https://serlachius.fi/wp-content/uploads/koululaistyopaja_serlachius-2.jpg" 732 class="object-cover absolute inset-0 w-full h-full" 733 alt="Lasten lauantai" /> 734 </div> 735 736 <div class="flex justify-between mt-contents"> 737 <div class="flex flex-col"> 738 <p class="text-caption text-serlachius-beige-dark">14.00</p> 739 <p class="text-caption text-serlachius-beige-dark">â16.00</p> 740 </div> 741 742 <div class="flex flex-col ml-auto text-right"> 743 <p class="text-body text-serlachius-black">03.10.2026</p> 744 </div> 745 </div> 746</a> </div> 747 <div class="swiper-slide"> 748 749<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-28/" class="flex flex-col h-full no-underline group hover:no-underline"> 750 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 751 <div class="flex justify-between items-end w-full"> 752 <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p> 753 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p> 754 </div> 755 </div> 756 757 <div class="overflow-hidden relative w-full aspect-square"> 758 <img decoding="async" 759 src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg" 760 class="object-cover absolute inset-0 w-full h-full" 761 alt="Taidesaunan yleisövuoro" /> 762 </div> 763 764 <div class="flex justify-between mt-contents"> 765 <div class="flex flex-col"> 766 <p class="text-caption text-serlachius-beige-dark">13.00</p> 767 <p class="text-caption text-serlachius-beige-dark">â19.00</p> 768 </div> 769 770 <div class="flex flex-col ml-auto text-right"> 771 <p class="text-body text-serlachius-black">06.10.2026</p> 772 </div> 773 </div> 774</a> </div> 775 <div class="swiper-slide"> 776 777<a href="https://serlachius.fi/tapahtumat/taidesaunaan-ja-syomaan/" class="flex flex-col h-full no-underline group hover:no-underline"> 778 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 779 <div class="flex justify-between items-end w-full"> 780 <p class="text-body text-serlachius-black">Taidesaunaan ja syömään</p> 781 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Kartano ja Taidesauna</p> 782 </div> 783 </div> 784 785 <div class="overflow-hidden relative w-full aspect-square"> 786 <img decoding="async" 787 src="https://serlachius.fi/wp-content/uploads/taidesauna-2.jpg" 788 class="object-cover absolute inset-0 w-full h-full" 789 alt="Taidesaunaan ja syömään" /> 790 </div> 791 792 <div class="flex justify-between mt-contents"> 793 <div class="flex flex-col"> 794 <p class="text-caption text-serlachius-beige-dark">11.00</p> 795 <p class="text-caption text-serlachius-beige-dark">â17.00</p> 796 </div> 797 798 <div class="flex flex-col ml-auto text-right"> 799 <p class="text-body text-serlachius-black">10.10.2026</p> 800 </div> 801 </div> 802</a> </div> 803 <div class="swiper-slide"> 804 805<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-30/" class="flex flex-col h-full no-underline group hover:no-underline"> 806 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 807 <div class="flex justify-between items-end w-full"> 808 <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p> 809 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p> 810 </div> 811 </div> 812 813 <div class="overflow-hidden relative w-full aspect-square"> 814 <img decoding="async" 815 src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg" 816 class="object-cover absolute inset-0 w-full h-full" 817 alt="Taidesaunan yleisövuoro" /> 818 </div> 819 820 <div class="flex justify-between mt-contents"> 821 <div class="flex flex-col"> 822 <p class="text-caption text-serlachius-beige-dark">13.00</p> 823 <p class="text-caption text-serlachius-beige-dark">â19.00</p> 824 </div> 825 826 <div class="flex flex-col ml-auto text-right"> 827 <p class="text-body text-serlachius-black">13.10.2026</p> 828 </div> 829 </div> 830</a> </div> 831 </div> 832 </div> 833 </div> 834 </div> 835 836 <!-- Grid layout for large screens, hidden on mobile/tablet -->
837 <div class="hidden grid-cols-4 mx-auto lg:grid gap-grid-gutter max-w-viewport"> 838 839<a href="https://serlachius.fi/tapahtumat/lasten-lauantai-2/" class="flex flex-col h-full no-underline group hover:no-underline"> 840 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 841 <div class="flex justify-between items-end w-full"> 842 <p class="text-body text-serlachius-black">Lasten lauantai</p> 843 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Pääkonttori</p> 844 </div> 845 </div> 846 847 <div class="overflow-hidden relative w-full aspect-square"> 848 <img decoding="async" 849 src="https://serlachius.fi/wp-content/uploads/koululaistyopaja_serlachius-2.jpg" 850 class="object-cover absolute inset-0 w-full h-full" 851 alt="Lasten lauantai" /> 852 </div> 853 854 <div class="flex justify-between mt-contents"> 855 <div class="flex flex-col"> 856 <p class="text-caption text-serlachius-beige-dark">14.00</p> 857 <p class="text-caption text-serlachius-beige-dark">â16.00</p> 858 </div> 859 860 <div class="flex flex-col ml-auto text-right"> 861 <p class="text-body text-serlachius-black">03.10.2026</p> 862 </div> 863 </div> 864</a> 865<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-28/" class="flex flex-col h-full no-underline group hover:no-underline"> 866 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 867 <div class="flex justify-between items-end w-full"> 868 <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p> 869 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p> 870 </div> 871 </div> 872 873 <div class="overflow-hidden relative w-full aspect-square"> 874 <img decoding="async" 875 src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg" 876 class="object-cover absolute inset-0 w-full h-full" 877 alt="Taidesaunan yleisövuoro" /> 878 </div> 879 880 <div class="flex justify-between mt-contents"> 881 <div class="flex flex-col"> 882 <p class="text-caption text-serlachius-beige-dark">13.00</p> 883 <p class="text-caption text-serlachius-beige-dark">â19.00</p> 884 </div> 885 886 <div class="flex flex-col ml-auto text-right"> 887 <p class="text-body text-serlachius-black">06.10.2026</p> 888 </div> 889 </div> 890</a> 891<a href="https://serlachius.fi/tapahtumat/taidesaunaan-ja-syomaan/" class="flex flex-col h-full no-underline group hover:no-underline"> 892 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 893 <div class="flex justify-between items-end w-full"> 894 <p class="text-body text-serlachius-black">Taidesaunaan ja syömään</p> 895 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Kartano ja Taidesauna</p> 896 </div> 897 </div> 898 899 <div class="overflow-hidden relative w-full aspect-square"> 900 <img decoding="async" 901 src="https://serlachius.fi/wp-content/uploads/taidesauna-2.jpg" 902 class="object-cover absolute inset-0 w-full h-full" 903 alt="Taidesaunaan ja syömään" /> 904 </div> 905 906 <div class="flex justify-between mt-contents"> 907 <div class="flex flex-col"> 908 <p class="text-caption text-serlachius-beige-dark">11.00</p> 909 <p class="text-caption text-serlachius-beige-dark">â17.00</p> 910 </div> 911 912 <div class="flex flex-col ml-auto text-right"> 913 <p class="text-body text-serlachius-black">10.10.2026</p> 914 </div> 915 </div> 916</a> 917<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-30/" class="flex flex-col h-full no-underline group hover:no-underline"> 918 <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents"> 919 <div class="flex justify-between items-end w-full"> 920 <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p> 921 <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p> 922 </div> 923 </div> 924 925 <div class="overflow-hidden relative w-full aspect-square"> 926 <img decoding="async" 927 src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg" 928 class="object-cover absolute inset-0 w-full h-full" 929 alt="Taidesaunan yleisövuoro" /> 930 </div> 931 932 <div class="flex justify-between mt-contents"> 933 <div class="flex flex-col"> 934 <p class="text-caption text-serlachius-beige-dark">13.00</p> 935 <p class="text-caption text-serlachius-beige-dark">â19.00</p> 936 </div> 937 938 <div class="flex flex-col ml-auto text-right"> 939 <p class="text-body text-serlachius-black">13.10.2026</p> 940 </div> 941 </div> 942</a> </div> 943 </div> 944</section> 945 946 947<section class="w-full"> 948 <!-- Mobile, no slider--> 949 <div class="lg:hidden"> 950 <div class="w-full"> 951 <div class="relative w-full h-[673px]"> 952 <div class="absolute inset-0"> 953 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg" class="w-full h-full object-cover" alt="Kaksi nuorta naista kippistää hymyillen ravintolasalissa." srcset="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg 1500w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
953w, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 954 </div> 955 <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins"> 956 <div class="flex flex-col mt-auto w-full"> 957 <h3 class="text-h3 !text-serlachius-white m-0">RAVINTOLA GÃSTA</h3> 958 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p> 959 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 960 <p>Ravintoloitsija, keittiömestari Henry Tikkasen Ravintola Gösta museon sydämessä tarjoaa puhtaita, sesongin mukaisia lähimakuja. Ravintola on avoinna kaikkina museon aukiolopäivinä, vuoden ympäri. Ravintolavierailuun ei vaadita museolippua.</p> 961 </div> 962 </div> 963 <div class="wp-block-button is-style-btn-primary-red mt-groups"> 964 <a class="whitespace-nowrap wp-block-button__link" href="https://ravintolagosta.fi">Tutustu Ravintola Göstan tarjontaan</a> 965 </div> 966 </div> 967 </div> 968 </div> 969 </div> 970 971 <!-- Desktop, with slider for multiple items --> 972 <!-- Desktop, single full-width item --> 973 <div class="hidden lg:block"> 974 <div class="w-full"> 975 <div class="relative w-full h-[900px]"> 976 <div class="absolute inset-0"> 977 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Kaksi nuorta naista kippistää hymyillen ravintolasalissa." srcset="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg 1500w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 978 </div> 979 <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport"> 980 <div class="flex flex-col w-[532px]"> 981 <h3 class="text-h3 !text-serlachius-white m-0">RAVINTOLA GÃSTA</h3> 982 <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p> 983 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 984 <p>Ravintoloitsija, keittiömestari Henry Tikkasen Ravintola Gösta museon sydämessä tarjoaa puhtaita, sesongin mukaisia lähimakuja. Ravintola on avoinna kaikkina museon aukiolopäivinä, vuoden ympäri. Ravintolavierailuun ei vaadita museolippua.</p> 985 </div> 986 </div> 987 <div class="wp-block-button is-style-btn-primary-red"> 988 <a class="whitespace-nowrap wp-block-button__link" href="https://ravintolagosta.fi">Tutustu Ravintola Göstan tarjontaan</a> 989 </div> 990 </div> 991 </div> 992 </div> 993 </div> 994 </section> 995 996 997<section class="w-full"> 998 <!-- Mobile, no slider--> 999 <div class="lg:hidden"> 1000 <div class="w-full"> 1001 <div class="relative w-full h-[673px]"> 1002 <div class="absolute inset-0"> 1003 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg" class="w-full h-full object-cover" alt="Serlachiusten kartano ulkopuolelta kuvattuna, kaunis kesäpäivä, pinkkejä kukkia etualalla" srcset="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg 1500w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
1003w, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 1004 </div> 1005 <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins"> 1006 <div class="flex flex-col mt-auto w-full"> 1007 <h3 class="text-h3 !text-serlachius-white m-0">TERVEISIà SERLACHIUKSELLE</h3> 1008 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 1009 <p>Jokainen ajatus tai palaute on meille tärkeä!</p> 1010 </div> 1011 </div> 1012 <div class="wp-block-button is-style-btn-primary-red mt-groups"> 1013 <a class="whitespace-nowrap wp-block-button__link" href="https://link.webropolsurveys.com/S/F489A94611CBC759">Jätä pikapalaute</a> 1014 </div> 1015 </div> 1016 </div> 1017 </div> 1018 </div> 1019 1020 <!-- Desktop, with slider for multiple items --> 1021 <!-- Desktop, single full-width item --> 1022 <div class="hidden lg:block"> 1023 <div class="w-full"> 1024 <div class="relative w-full h-[900px]"> 1025 <div class="absolute inset-0"> 1026 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Serlachiusten kartano ulkopuolelta kuvattuna, kaunis kesäpäivä, pinkkejä kukkia etualalla" srcset="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg 1500w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 1027 </div> 1028 <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport"> 1029 <div class="flex flex-col w-[532px]"> 1030 <h3 class="text-h3 !text-serlachius-white m-0">TERVEISIà SERLACHIUKSELLE</h3> 1031 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 1032 <p>Jokainen ajatus tai palaute on meille tärkeä!</p> 1033 </div> 1034 </div> 1035 <div class="wp-block-button is-style-btn-primary-red"> 1036 <a class="whitespace-nowrap wp-block-button__link" href="https://link.webropolsurveys.com/S/F489A94611CBC759">Jätä pikapalaute</a> 1037 </div> 1038 </div> 1039 </div> 1040 </div> 1041 </div> 1042 </section> 1043 1044 1045<section class="banner w-full left max-w-[1440px] mx-auto py-modules px-grid-margins"> 1046 <div class="grid grid-cols-5 lg:grid-cols-12 relative theme-grey rounded-[4px] overflow-hidden"> 1047 <div class="col-span-5 lg:col-span-8 relative h-[60vh] lg:h-auto lg:min-h-[350px] "> 1048 <img decoding="async" class="object-cover absolute inset-0 w-full h-full" src="https://serlachius.fi/wp-content/uploads/Serlachius_Residenssi_kesa3-1.jpg" alt="Puinen rakennus kesäisessä maisemassa. Talon edessä on vehreä puu ja taustalla sininen taivas."> 1049 </div> 1050 <div class="flex flex-col gap-groups justify-center p-groups col-span-5 lg:col-span-4 "> 1051 <h4 class="my-0 font-medium uppercase">SERLACHIUS RESIDENSSI</h4> 1052 <p class="text-body"><p>Serlachius Residenssi on taidesäätiön ylläpitämä vierasateljee kuvataiteiden parissa työskenteleville luovan alan ammattilaisille.</p> 1053<p>Residenssi tarjoaa rauhallisen työskentely-ympäristön. Tuotamme pieniä tapahtumia, jotka mahdollistavat kohtaamisia yleisön ja residenssivieraiden välillä. Kaikkiin residenssin tapahtumiin on vapaa pääsy.</p> 1054</p> 1055 <div class="acf-innerblocks-container"> 1056 1057<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://serlachius.fi/residenssi/">Lue lisää</a></div> 1058 1059</div> 1060 </div> 1061 </div> 1062</section> 1063 1064 1065<section class="banner w-full left max-w-[1440px] mx-auto py-modules px-grid-margins"> 1066 <div class="grid grid-cols-5 lg:grid-cols-12 relative theme-beige rounded-[4px] overflow-hidden"> 1067 <div class="col-span-5 lg:col-span-8 relative h-[60vh] lg:h-auto lg:min-h-[350px] "> 1068 <img decoding="async" class="object-cover absolute inset-0 w-full h-full" src="https://serlachius.fi/wp-content/uploads/Museokauppa_tuotekuvia_kartano_serlachius8.jpg" alt="Värikkäitä astioita ja keltainen valaisin museokaupassa"> 1069 </div> 1070 <div class="flex flex-col gap-groups justify-center p-groups col-span-5 lg:col-span-4 "> 1071 <h4 class="my-0 font-medium uppercase">LAADUKKAAT TAIDETUOTTEET SERLACHIUKSEN VERKKOKAUPASTA</h4> 1072 <p class="text-body"><p>Tuo taide kotiin! Serlachiuksen verkkokaupasta löydät laadukkaat, inspiroivat taidetuotteet â lahjaksi, tuliaisiksi tai ilahduttamaan itseäsi. Muista myös lahjakortit!</p> 1073<p>Serlachiuksen verkkokaupasta saat myös liput museoon, Taidesaunaan ja erilaisiin tapahtumiin. </p> 1074</p> 1075 <div class="acf-innerblocks-container"> 1076 1077<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://shop.serlachius.fi/fi_FI" target="_blank" rel="noreferrer noopener">Astu sisään verkkokauppaan</a></div> 1078 1079</div> 1080 </div> 1081 </div> 1082</section> 1083 1084 1085<section class="w-full"> 1086 <!-- Mobile, no slider--> 1087 <div class="lg:hidden"> 1088 <div class="w-full"> 1089 <div class="relative w-full h-[673px]"> 1090 <div class="absolute inset-0"> 1091 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg" class="w-full h-full object-cover" alt="Ryhmä ihmisiä Taidesaunalla omakuvateosten kanssa" srcset="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg 1500w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
1091w, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 1092 </div> 1093 <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins"> 1094 <div class="flex flex-col mt-auto w-full"> 1095 <h3 class="text-h3 !text-serlachius-white m-0">TERVETULOA JUURI SELLAISENA KUIN OLET</h3> 1096 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 1097 <p>Uskomme avoimuuteen, yhdenvertaisuuteen ja moniarvoisuuteen.</p> 1098<p>Serlachius on turvallinen ja suurelta osin saavutettava kohde myös liikunta- ja aistirajoitteisille.</p> 1099<p> </p> 1100<p>Serlachius on ylpeästi LGBTQ+ -ystävällinen kohde, jossa moninaisuus on rikkaus ja jokainen vieras saa tuntea olonsa turvalliseksi ja arvostetuksi. Olemme osa We Speak Gay -yhteisöä ja Gay Travel Finland -verkostoa.</p> 1101 </div> 1102 </div> 1103 </div> 1104 </div> 1105 </div> 1106 </div> 1107 1108 <!-- Desktop, with slider for multiple items --> 1109 <!-- Desktop, single full-width item --> 1110 <div class="hidden lg:block"> 1111 <div class="w-full"> 1112 <div class="relative w-full h-[900px]"> 1113 <div class="absolute inset-0"> 1114 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Ryhmä ihmisiä Taidesaunalla omakuvateosten kanssa" srcset="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg 1500w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div> 1115 </div> 1116 <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport"> 1117 <div class="flex flex-col w-[532px]"> 1118 <h3 class="text-h3 !text-serlachius-white m-0">TERVETULOA JUURI SELLAISENA KUIN OLET</h3> 1119 <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0"> 1120 <p>Uskomme avoimuuteen, yhdenvertaisuuteen ja moniarvoisuuteen.</p> 1121<p>Serlachius on turvallinen ja suurelta osin saavutettava kohde myös liikunta- ja aistirajoitteisille.</p> 1122<p> </p> 1123<p>Serlachius on ylpeästi LGBTQ+ -ystävällinen kohde, jossa moninaisuus on rikkaus ja jokainen vieras saa tuntea olonsa turvalliseksi ja arvostetuksi. Olemme osa We Speak Gay -yhteisöä ja Gay Travel Finland -verkostoa.</p> 1124 </div> 1125 </div> 1126 </div> 1127 </div> 1128 </div> 1129 </div> 1130 </section> 1131 1132 1133<section class="w-full"> 1134 <!-- Mobile, no slider--> 1135 <div class="lg:hidden"> 1136 </div> 1137 1138 <!-- Desktop, with slider for multiple items --> 1139 <!-- Desktop, single full-width item --> 1140 <div class="hidden lg:block"> 1141 </div> 1142 </section> 1143 1144 1145<section class="theme-red"> 1146 <div class="relative w-full px-grid-margins overflow-clip lg:mx-auto lg:max-w-viewport py-modules"> 1147 <!-- Navigation arrows -->
1148 <span class="absolute left-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-accent p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-white lift-up-small-arrow-prev lg:hidden"> 1149 arrow_back 1150 </span> 1151 <span class="absolute right-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-accent p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-white lift-up-small-arrow-next lg:hidden"> 1152 arrow_forward 1153 </span> 1154 1155 <div class="flex flex-col mx-auto w-full text-center heading-row lg:flex-row lg:text-left lg:justify-between"> 1156 <h2 class="m-0">SERLACHIUS+</h2> 1157 <a class="text-serlachius-white text-cta-secondary font-modern underline lg:no-underline" href="https://serlachius.fi/serlachius/">KATSO KAIKKI</a> 1158 </div> 1159 1160 <!-- Swiper container for mobile/tablet, hidden on large screens --> 1161 <div class="mx-auto w-full lg:hidden"> 1162 <div class="swiper"> 1163 <div class="swiper-container lift-up-small-slider"> 1164 <div class="swiper-wrapper"> 1165 <div class="swiper-slide"> 1166 1167<a href="https://serlachius.fi/serlachius-plus/gostan-pieni-taidekirjasto-stiina-saaristo/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1168 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1169 <p class="text-body text-serlachius-white">Stiina Saaristo</p> 1170 <span class="material-icons text-serlachius-white">book</span> 1171 </div> 1172 <div class="w-full"> 1173 <figure> 1174 <img loading="lazy" decoding="async" width="1200" height="1787" src="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg 1200w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-201x300.jpg 201w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-688x1024.jpg 688w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-768x1144.jpg 768w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-1031x1536.jpg 1031w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /> </figure> 1175 </div> 1176 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1177 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p> 1178 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white"></p> 1179 </div> 1180</a> </div> 1181 <div class="swiper-slide"> 1182 1183<a href="https://serlachius.fi/serlachius-plus/anish-kapoor/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1184 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1185 <p class="text-body text-serlachius-white">Anish Kapoor</p> 1186 <span class="material-icons text-serlachius-white">book</span> 1187 </div> 1188 <div class="w-full"> 1189 <figure> 1190 <img loading="lazy" decoding="async" width="1000" height="1209" src="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg 1000w, https://serlachius.fi/wp-content/uploads/anish_kapoor-248x300.jpg 248w, https://serlachius.fi/wp-content/uploads/anish_kapoor-847x1024.jpg 847w, https://serlachius.fi/wp-content/uploads/anish_kapoor-768x929.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /> </figure> 1191 </div> 1192 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1193 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p> 1194 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Näyttelyjulkaisu</p> 1195 </div> 1196</a> </div> 1197 <div class="swiper-slide"> 1198 1199<a href="https://serlachius.fi/serlachius-plus/kun-opastus-pysayttaa-ajan/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1200 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1201 <p class="text-body text-serlachius-white">Kun opastus pysäyttää ajan</p>
1202 <span class="material-icons text-serlachius-white">article</span> 1203 </div> 1204 <div class="w-full"> 1205 <figure> 1206 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Ryhmä vierailijoita osallistuu draamaopastukselle, lähikuva iloisista kasvoista" srcset="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg 1500w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> </figure> 1207 </div> 1208 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1209 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p> 1210 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Päivi Nieppola</p> 1211 </div> 1212</a> </div> 1213 <div class="swiper-slide"> 1214 1215<a href="https://serlachius.fi/serlachius-plus/anish-kapoor-serlachiuksella-nayttelyn-esittely/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1216 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1217 <p class="text-body text-serlachius-white">Anish Kapoor Serlachiuksella â näyttelyn esittely</p> 1218 <span class="material-icons text-serlachius-white">live_tv</span> 1219 </div> 1220 <div class="w-full"> 1221 <figure> 1222 <img loading="lazy" decoding="async" width="1280" height="719" src="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Kaksi miestä istuu punasävyisen suuren taulun edessä vastakkain." srcset="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg 1280w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-300x169.jpg 300w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-1024x575.jpg 1024w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-768x431.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /> </figure> 1223 </div> 1224 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1225 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Katso video</p> 1226 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Timo Valjakka ja Pauli Sivonen keskustelevat</p> 1227 </div> 1228</a> </div> 1229 </div> 1230 </div> 1231 </div> 1232 </div> 1233 1234 <!-- Grid layout for large screens, hidden on mobile/tablet --> 1235 <div class="hidden grid-cols-4 mx-auto lg:grid gap-grid-gutter max-w-viewport"> 1236 1237<a href="https://serlachius.fi/serlachius-plus/gostan-pieni-taidekirjasto-stiina-saaristo/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1238 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1239 <p class="text-body text-serlachius-white">Stiina Saaristo</p> 1240 <span class="material-icons text-serlachius-white">book</span> 1241 </div> 1242 <div class="w-full"> 1243 <figure> 1244 <img loading="lazy" decoding="async" width="1200" height="1787" src="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg 1200w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-201x300.jpg 201w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-688x1024.jpg 688w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-768x1144.jpg 768w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-1031x1536.jpg 1031w" sizes="auto, (max-width: 1200px) 100v
1244w, 1200px" /> </figure> 1245 </div> 1246 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1247 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p> 1248 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white"></p> 1249 </div> 1250</a> 1251<a href="https://serlachius.fi/serlachius-plus/anish-kapoor/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1252 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1253 <p class="text-body text-serlachius-white">Anish Kapoor</p> 1254 <span class="material-icons text-serlachius-white">book</span> 1255 </div> 1256 <div class="w-full"> 1257 <figure> 1258 <img loading="lazy" decoding="async" width="1000" height="1209" src="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg 1000w, https://serlachius.fi/wp-content/uploads/anish_kapoor-248x300.jpg 248w, https://serlachius.fi/wp-content/uploads/anish_kapoor-847x1024.jpg 847w, https://serlachius.fi/wp-content/uploads/anish_kapoor-768x929.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /> </figure> 1259 </div> 1260 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1261 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p> 1262 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Näyttelyjulkaisu</p> 1263 </div> 1264</a> 1265<a href="https://serlachius.fi/serlachius-plus/kun-opastus-pysayttaa-ajan/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1266 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1267 <p class="text-body text-serlachius-white">Kun opastus pysäyttää ajan</p> 1268 <span class="material-icons text-serlachius-white">article</span> 1269 </div> 1270 <div class="w-full"> 1271 <figure> 1272 <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Ryhmä vierailijoita osallistuu draamaopastukselle, lähikuva iloisista kasvoista" srcset="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg 1500w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /> </figure> 1273 </div> 1274 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1275 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p> 1276 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Päivi Nieppola</p> 1277 </div> 1278</a> 1279<a href="https://serlachius.fi/serlachius-plus/anish-kapoor-serlachiuksella-nayttelyn-esittely/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card"> 1280 <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents"> 1281 <p class="text-body text-serlachius-white">Anish Kapoor Serlachiuksella â näyttelyn esittely</p> 1282 <span class="material-icons text-serlachius-white">live_tv</span> 1283 </div> 1284 <div class="w-full"> 1285 <figure> 1286 <img loading="lazy" decoding="async" width="1280" height="719" src="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Kaksi miestä istuu punasävyisen suuren taulun edessä vastakkain." srcset="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg 1280w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-300x169.jpg 300w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-1024x575.jpg 1024w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-768x431.jpg 768w" sizes="auto, (max-width: 1280px) 100v
1286w, 1280px" /> </figure> 1287 </div> 1288 <div class="flex flex-col justify-between lg:flex-row mt-contents"> 1289 <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Katso video</p> 1290 <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Timo Valjakka ja Pauli Sivonen keskustelevat</p> 1291 </div> 1292</a> </div> 1293 </div> 1294</section> 1295 1296 1297<p class="wp-block-paragraph"></p> 1298 1299<footer> 1300 <div class="w-full container-xl bg-serlachius-accent"> 1301 <div class="max-w-[1440px] mx-auto pt-xl lg:pt-3xl pb-2xl px-lg text-serlachius-white"> 1302 <a href="https://serlachius.fi/" class="block w-full mb-modules"> 1303 <img class="" alt="Serlachius logo" src="https://serlachius.fi/wp-content/themes/theme/assets/img/serlachius-white.svg"> 1304 </a> 1305 <div class="grid grid-cols-1 lg:grid-cols-[5fr_4fr_3fr] gap-groups"> 1306 <div class="w-full footer-main-nav"> 1307 <li id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-navigation-menu-1-fi-container"><ul id="menu-navigation-menu-1-fi-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2139"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li> 1308<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2140"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li> 1309<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13279"><a href="https://serlachius.fi/tapahtumat/">Tapahtumat</a></li> 1310<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2141"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li> 1311<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2142"><a href="https://serlachius.fi/kokoelmat/">Kokoelmat ja museo</a></li> 1312<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10027"><a href="https://serlachius.fi/residenssi/">Serlachius Residenssi</a></li> 1313<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4232"><a href="https://serlachius.fi/serlachius/">SERLACHIUS+</a></li> 1314</ul></div></li> 1315 </div> 1316 <div class="w-full footer-secondary-nav"> 1317 <li id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-navigation-menu-2-fi-container"><ul id="menu-navigation-menu-2-fi-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4230"><a href="https://serlachius.fi/gosta-serlachiuksen-taidesaatio/">Gösta Serlachiuksen taidesäätiö</a></li> 1318<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3676"><a href="https://serlachius.fi/yhteystiedot/">Yhteystiedot</a></li> 1319<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4231"><a href="https://ravintolagosta.fi">Ravintola Gösta</a></li> 1320<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6512"><a href="https://serlachius.fi/serlachius-taidesauna/">Serlachius Taidesauna</a></li> 1321<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6127"><a href="https://serlachius.fi/medialle/">Medialle</a></li> 1322<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3670"><a href="https://serlachius.fi/vastuullisuus-serlachiuksella/">Vastuullisuus</a></li> 1323<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3669"><a href="https://serlachius.fi/esteettomyys/">Esteettömyys</a></li> 1324<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3671"><a href="https://serlachius.fi/tietosuoja/">Tietosuoja ja evästeet</a></li> 1325</ul></div></li> 1326 <div class="wp-block-button is-style-btn-primary-white"> 1327 <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a> 1328 </div> 1329 </div> 1330 </div> 1331 </div> 1332 </div> 1333 <div class="w-full footer-newsletter bg-serlachius-black py-modules"> 1334 <li id="block-18" class="widget widget_block"> 1335 <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_1' > 1336 <div class='gform_heading'> 1337 <h2 class="gform_title">
1337Tilaa Serlachiuksen kuukausittainen uutiskirje</h2> 1338 <p class='gform_description'></p> 1339 <p class='gform_required_legend'>"<span class="gfield_required gfield_required_asterisk">*</span>" indicates required fields</p> 1340 </div><form method='post' enctype='multipart/form-data' id='gform_1' action='/' data-formid='1' novalidate> 1341 <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_above description_below validation_below'><div id="field_1_4" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_1_4'><span class='gform-field-label__text'>Facebook</span></label><div class='ginput_container'><input name='input_4' id='input_1_4' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_1_4'>This field is for validation purposes and should be left unchanged.</div></div><fieldset id="field_1_2" class="gfield gfield--type-name gfield--input-type-name gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Nimi</span><span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_1_2'> 1342 1343 <span id='input_1_2_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' > 1344 <label for='input_1_2_3' class='gform-field-label gform-field-label--type-sub '>Etunimi</label> 1345 <input type='text' name='input_2.3' id='input_1_2_3' value='' aria-required='true' autocomplete="given-name" /> 1346 </span> 1347 1348 <span id='input_1_2_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' > 1349 <label for='input_1_2_6' class='gform-field-label gform-field-label--type-sub '>Sukunimi</label> 1350 <input type='text' name='input_2.6' id='input_1_2_6' value='' aria-required='true' autocomplete="family-name" /> 1351 </span> 1352 1353 </div></fieldset><div id="field_1_1" class="gfield gfield--type-email gfield--input-type-email gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_1_1'><span class='gform-field-label__text'>Sähköposti</span><span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> 1354 <input name='input_1' id='input_1_1' type='email' value='' class='medium' aria-required="true" aria-invalid="false" /> 1355 </div></div><fieldset id="field_1_3" class="gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield_contains_required field_sublabel_above gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible gfield--choice-align-vertical" ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Yksityisyys</span><span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend>
1355<div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_1_3'><div class='gchoice gchoice_1_3_1'> 1356 <input class='gfield-choice-input' name='input_3.1' type='checkbox' value='Kyllä, haluan kuulla lisää Serlachiuksen uusista näyttelyistä, tapahtumista ja tarjouksista. Tilaan uutiskirjeen sähköpostiini ja hyväksyn, että tietoni tallennetaan Serlachius-museoiden asiakasrekisteriin tietosuojaselosteen mukaisesti.' id='choice_1_3_1' /> 1357 <label for='choice_1_3_1' id='label_1_3_1' class='gform-field-label gform-field-label--type-inline'>Kyllä, haluan kuulla lisää Serlachiuksen uusista näyttelyistä, tapahtumista ja tarjouksista. Tilaan uutiskirjeen sähköpostiini ja hyväksyn, että tietoni tallennetaan Serlachius-museoiden asiakasrekisteriin tietosuojaselosteen mukaisesti.</label> 1358 </div></div></div></fieldset></div></div> 1359 <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Lähetä</button> 1360 <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='postback' /> 1361 <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='orbital' /> 1362 <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='{"inputPrimaryColor":"#204ce5"}' /> 1363 <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> 1364 <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> 1365 1366 <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='60I4pP0FIuYDCHjh7/4fFjL0tLB3E4if76kbTd4uGmAflWV5J8amGJSnpa11QgtHxTGvtzOMxEW5PdFlDjAjFVnE9GyeX+pPJ65Y9+XgycH9zrc=' /> 1367 <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> 1368 <input type='hidden' class='gform_hidden' name='state_1' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcIjM1YTM5YTEzNGRjYWMwNjlmNGI2ZWE0NTM2YzFmODMzXCIsXCIxMjZkZmNhNDQwOGIxYjYzOGFmMWQ5NTg2NzA0ZDJmY1wiXSxcImdmb3JtX3RoZW1lXCI6XCIzNjM3Y2YxNTAzYTc5NDkzMzlhYzY1YWI3NzlmMDU5MVwiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcImIzZmI3YTFhNmMyMDg3ZDU3MWE2NmVlODlmYWZjMjZjXCIsXCJmb3JtX2lkXCI6XCJjMjI4MzllOGE5OTcwNmU0ZDdmNGZiODU3ZjQ4ZGY5OFwiLFwidXJsXCI6XCJjZmY0YWVjMmYzMmYyOTRhM2I0NmJhMTU3MjRhMzM5YlwiLFwic3RhdGVfdGltZXN0YW1wXCI6XCIwYWUwZTI3ZTZhYjRmZTk5NGYxMmJkMWFiMjc5OGY0OVwifSIsImY5NzU2YzU4NjdkYWQzN2ZkYTc1NzBiZTk2MGRlYWVlIiwxNzkwOTM3MjM4XQ==' /> 1369 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> 1370 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> 1371 <input type='hidden' name='gform_field_values' value='' /> 1372 1373 </div> 1374 </form> 1375 </div></li> 1376 </div> 1377 <li id="block-11" class="widget widget_block"> 1378<section class="bg-serlachius-black px-grid-margins py-modules theme-dark"> 1379 <div class="flex flex-col justify-between items-center mx-auto lg:flex-row max-w-content-area-text sustainability gap-lg"> 1380 <div class="flex flex-col ml-auto text-serlachius-white"> 1381 <h4 class="mt-0 font-medium uppercase mb-contents">Vastuullisuus Serlachiuksella</h4> 1382 <p class="text-body-caption">Vastuullisuus ja kestävän kehityksen mukainen toiminta ovat Serlachiuksen keskeisiä arvoja. Uskomme avoimuuteen, yhdenvertaisuuteen ja moniarvoisuuteen. </p> 1383 </div> 1384 <div class="flex flex-row justify-center items-center w-full gap-sm"> 1385 <img decoding="async" src="https://serlachius.fi/wp-content/uploads/sustainable_finland_label_rgb_tm_block.png" alt="" 1386 class="max-w-[185px] max-h-[115px] object-contain w-full h-full"> 1387 <img decoding="async" src="https://serlachius.fi/wp-content/uploads/kiwa-serti.jpeg" alt="" 1388 class="max-w-[185px] max-h-[115px] object-contain w-full h-full"> 1389 </div> 1390 </div> 1391</section></li> 1392 1393 <div class="flex justify-center items-center w-full bg-serlachius-black py-contents px-grid-margins"> 1394 <p class="text-serlachius-white text-body">1933</p> 1395 <div class="bg-serlachius-white w-full h-[1px] mx-contents"></div> 1396 <p class="text-serlachius-white text-body">2026</p> 1397 </div> 1398 </footer> 1399
1400<script type="speculationrules"> 1401{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1402</script>
vendor: 1 bytes, line 1402
1402
1403<script id="pll_cookie_script-js-after"> 1404(function() { 1405 var expirationDate = new Date(); 1406 expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 ); 1407 document.cookie = "pll_language=fi; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax"; 1408 }()); 1409 1410//# sourceURL=pll_cookie_script-js-after 1411</script>
vendor: 1 bytes, line 1411
1411
1412<script id="rocket-browser-checker-js-after"> 1413"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); 1414//# sourceURL=rocket-browser-checker-js-after 1415</script>
vendor: 1 bytes, line 1415
1415
1416<script id="rocket-preload-links-js-extra"> 1417var RocketPreloadLinksConfig = {"excludeUris":"/uc.js/|/|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://serlachius.fi","onHoverDelay":"100","rateThrottle":"3"}; 1418//# sourceURL=rocket-preload-links-js-extra 1419</script>
vendor: 1 bytes, line 1419
1419
1420<script id="rocket-preload-links-js-after"> 1421(function() { 1422"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); 1423}()); 1424 1425//# sourceURL=rocket-preload-links-js-after 1426</script>
vendor: 1 bytes, line 1426
1426
1427<script id="theme-global-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/global-7db2ee7d72.js"></script>
vendor: 1 bytes, line 1427
1427
1428<script id="theme-header-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/header-20d4b1fbb4.js"></script>
vendor: 1 bytes, line 1428
1428
1429<script id="theme-notice-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/notice-479475d843.js"></script>
vendor: 1 bytes, line 1429
1429
1430<script id="theme-media-list-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/media-list-7ec842355b.js"></script>
vendor: 1 bytes, line 1430
1430
1431<script id="theme-lift-up-large-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/lift-up-large-b4721734ba.js"></script>
vendor: 1 bytes, line 1431
1431
1432<script id="theme-accordion-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/accordion-9f40fb359b.js"></script>
vendor: 1 bytes, line 1432
1432
1433<script id="theme-lift-up-full-page-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/lift-up-full-page-ed6d454480.js"></script>
vendor: 1 bytes, line 1433
1433
1434<script id="theme-lift-up-small-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/lift-up-small-36b75aa36a.js"></script>
vendor: 1 bytes, line 1434
1434
1435<script id="theme-anchors-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/anchors-c4061e0c82.js"></script>
vendor: 1 bytes, line 1435
1435
1436<script id="theme-spotlight-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/spotlight-71455ff920.js"></script>
vendor: 1 bytes, line 1436
1436
1437<script id="theme-events-js-extra"> 1438var events_data = {"rest_url":"https://serlachius.fi/wp-json/serlachius/v1/events","nonce":"e570fce9f1","no_results":"Tapahtumia ei l\u00f6ytynyt","visit_website":"N\u00e4yt\u00e4 sivu","pagination":{"prev":"Edellinen","next":"Seuraava","page":"Sivu","of":"of"}}; 1439//# sourceURL=theme-events-js-extra 1440</script>
vendor: 1 bytes, line 1440
1440
1441<script id="theme-events-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/events-a1bdbae73a.js"></script>
vendor: 1 bytes, line 1441
1441
1442<script id="theme-exhibitions-js-extra"> 1443var exhibitions_data = {"rest_url":"https://serlachius.fi/wp-json/serlachius/v1/exhibitions","nonce":"e570fce9f1","no_results":"N\u00e4yttelyit\u00e4 ei l\u00f6ytynyt","pagination":{"prev":"Edellinen","next":"Seuraava","page":"Sivu","of":"of"}}; 1444//# sourceURL=theme-exhibitions-js-extra 1445</script>
vendor: 1 bytes, line 1445
1445
1446<script id="theme-exhibitions-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/exhibitions-c63233c480.js"></script>
vendor: 1 bytes, line 1446
1446
1447<script id="theme-serlachius-plus-card-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/serlachius-plus-card-b9d698b01c.js"></script>
vendor: 1 bytes, line 1447
1447
1448<script id="theme-media-viewer-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/media-viewer-600c4810d1.js"></script>
vendor: 1 bytes, line 1448
1448
1449<script id="theme-video-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/video-7b2d0a9f95.js"></script>
vendor: 1 bytes, line 1449
1449
1450<script id="wp-dom-ready-js" src="https://serlachius.fi/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
vendor: 1 bytes, line 1450
1450
1451<script id="wp-hooks-js" src="https://serlachius.fi/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 1451
1451
1452<script id="wp-i18n-js" src="https://serlachius.fi/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 1452
1452
1453<script id="wp-i18n-js-after"> 1454wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 1455//# sourceURL=wp-i18n-js-after 1456</script>
vendor: 1 bytes, line 1456
1456
1457<script id="wp-a11y-js-translations"> 1458( function( domain, translations ) { 1459 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 1460 localeData[""].domain = domain; 1461 wp.i18n.setLocaleData( localeData, domain ); 1462} )( "default", {"translation-revision-date":"2026-09-19 05:57:54+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"fi"},"Notifications":["Ilmoitukset"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} ); 1463//# sourceURL=wp-a11y-js-translations 1464</script>
vendor: 1 bytes, line 1464
1464
1465<script id="wp-a11y-js" src="https://serlachius.fi/wp-includes/js/dist/a11y.min.js?ver=31c6cec5a4ff7aff483d"></script>
vendor: 1 bytes, line 1465
1465
1466<script id="gform_json-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=3.1.2"></script>
vendor: 1 bytes, line 1466
1466
1467<script id="gform_gravityforms-js-extra"> 1468var gform_i18n = {"datepicker":{"wdOffset":1,"helpTextShort":"Press F1 for help","helpText":"Press the arrow keys to navigate by day, PageUp and PageDown to navigate by month, Alt+PageUp and Alt+PageDown to navigate by year, or Escape to cancel.","openOnFocusHelpText":"Press Down arrow to browse the calendar, or Escape to close.","tooltipTxt":"Press Escape to cancel","disabledTxt":"Disabled","markedTxt":"Selected","prevTxt":"Previous","nextTxt":"Next","monthTxt":"Month","yearTxt":"Year","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"days":[{"s":"S","l":"Sunday"},{"s":"M","l":"Monday"},{"s":"T","l":"Tuesday"},{"s":"W","l":"Wednesday"},{"s":"T","l":"Thursday"},{"s":"F","l":"Friday"},{"s":"S","l":"Saturday"}]}}; 1469var gf_legacy_multi = []; 1470var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","file_uploaded":"File uploaded","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled","error":"Error","message":"Message"},"vars":{"images_url":"https://serlachius.fi/wp-content/plugins/gravityforms/images"}}; 1471var gf_global = {"gf_currency_config":{"name":"Euro","symbol_left":"","symbol_right":"€","symbol_padding":" ","thousand_separator":".","decimal_separator":",","decimals":2,"code":"EUR"},"base_url":"https://serlachius.fi/wp-content/plugins/gravityforms","number_formats":[],"version_hash":"bbb77997032964630cd9ddf649dcbb78","countries":{"AF":"Afghanistan","AX":"\u00c5land Islands","AL":"Albania","DZ":"Algeria","AS":"American Samoa","AD":"Andorra","AO":"Angola","AI":"Anguilla","AQ":"Antarctica","AG":"Antigua and Barbuda","AR":"Argentina","AM":"Armenia","AW":"Aruba","AU":"Australia","AT":"Austria","AZ":"Azerbaijan","BS":"Bahamas","BH":"Bahrain","BD":"Bangladesh","BB":"Barbados","BY":"Belarus","BE":"Belgium","BZ":"Belize","BJ":"Benin","BM":"Bermuda","BT":"Bhutan","BO":"Bolivia","BQ":"Bonaire, Sint Eustatius and Saba","BA":"Bosnia and Herzegovina","BW":"Botswana","BV":"Bouvet Island","BR":"Brazil","IO":"British Indian Ocean Territory","BN":"Brunei Darussalam","BG":"Bulgaria","BF":"Burkina Faso","BI":"Burundi","CV":"Cabo Verde","KH":"Cambodia","CM":"Cameroon","CA":"Canada","KY":"Cayman Islands","CF":"Central African Republic","TD":"Chad","CL":"Chile","CN":"China","CX":"Christmas Island","CC":"Cocos Islands","CO":"Colombia","KM":"Comoros","CD":"Congo, Democratic Republic of the","CG":"Congo","CK":"Cook Islands","CR":"Costa Rica","CI":"C\u00f4te d'Ivoire","HR":"Croatia","CU":"Cuba","CW":"Cura\u00e7ao","CY":"Cyprus","CZ":"Czechia","DK":"Denmark","DJ":"Djibouti","DM":"Dominica","DO":"Dominican Republic","EC":"Ecuador","EG":"Egypt","SV":"El Salvador","GQ":"Equatorial Guinea","ER":"Eritrea","EE":"Estonia","SZ":"Eswatini","ET":"Ethiopia","FK":"Falkland Islands","FO":"Faroe Islands","FJ":"Fiji","FI":"Finland","FR":"France","GF":"French Guiana","PF":"French Polynesia","TF":"French Southern Territories","GA":"Gabon","GM":"Gambia","GE":"Georgia","DE":"Germany","GH":"Ghana","GI":"Gibraltar","GR":"Greece","GL":"Greenland","GD":"Grenada","GP":"Guadeloupe","GU":"Guam","GT":"Guatemala","GG":"Guernsey","GN":"Guinea","GW":"Guinea-Bissau","GY":"Guyana","HT":"Haiti","HM":"Heard Island and McDonald Islands","VA":"Holy See","HN":"Honduras","HK":"Hong Kong","HU":"Hungary","IS":"Iceland","IN":"India","ID":"Indonesia","IR":"Iran","IQ":"Iraq","IE":"Ireland","IM":"Isle of Man","IL":"Israel","IT":"Italy","JM":"Jamaica","JP":"Japan","JE":"Jersey","JO":"Jordan","KZ":"Kazakhstan","KE":"Kenya","KI":"Kiribati","KP":"Korea, Democratic People's Republic of","KR":"Korea, Republic of","KW":"Kuwait","KG":"Kyrgyzstan","LA":"La
1471o People's Democratic Republic","LV":"Latvia","LB":"Lebanon","LS":"Lesotho","LR":"Liberia","LY":"Libya","LI":"Liechtenstein","LT":"Lithuania","LU":"Luxembourg","MO":"Macao","MG":"Madagascar","MW":"Malawi","MY":"Malaysia","MV":"Maldives","ML":"Mali","MT":"Malta","MH":"Marshall Islands","MQ":"Martinique","MR":"Mauritania","MU":"Mauritius","YT":"Mayotte","MX":"Mexico","FM":"Micronesia","MD":"Moldova","MC":"Monaco","MN":"Mongolia","ME":"Montenegro","MS":"Montserrat","MA":"Morocco","MZ":"Mozambique","MM":"Myanmar","NA":"Namibia","NR":"Nauru","NP":"Nepal","NL":"Netherlands","NC":"New Caledonia","NZ":"New Zealand","NI":"Nicaragua","NE":"Niger","NG":"Nigeria","NU":"Niue","NF":"Norfolk Island","MK":"North Macedonia","MP":"Northern Mariana Islands","NO":"Norway","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Palestine, State of","PA":"Panama","PG":"Papua New Guinea","PY":"Paraguay","PE":"Peru","PH":"Philippines","PN":"Pitcairn","PL":"Poland","PT":"Portugal","PR":"Puerto Rico","QA":"Qatar","RE":"R\u00e9union","RO":"Romania","RU":"Russian Federation","RW":"Rwanda","BL":"Saint Barth\u00e9lemy","SH":"Saint Helena, Ascension and Tristan da Cunha","KN":"Saint Kitts and Nevis","LC":"Saint Lucia","MF":"Saint Martin","PM":"Saint Pierre and Miquelon","VC":"Saint Vincent and the Grenadines","WS":"Samoa","SM":"San Marino","ST":"Sao Tome and Principe","SA":"Saudi Arabia","SN":"Senegal","RS":"Serbia","SC":"Seychelles","SL":"Sierra Leone","SG":"Singapore","SX":"Sint Maarten","SK":"Slovakia","SI":"Slovenia","SB":"Solomon Islands","SO":"Somalia","ZA":"South Africa","GS":"South Georgia and the South Sandwich Islands","SS":"South Sudan","ES":"Spain","LK":"Sri Lanka","SD":"Sudan","SR":"Suriname","SJ":"Svalbard and Jan Mayen","SE":"Sweden","CH":"Switzerland","SY":"Syria Arab Republic","TW":"Taiwan","TJ":"Tajikistan","TZ":"Tanzania, the United Republic of","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TK":"Tokelau","TO":"Tonga","TT":"Trinidad and Tobago","TN":"Tunisia","TR":"T\u00fcrkiye","TM":"Turkmenistan","TC":"Turks and Caicos Islands","TV":"Tuvalu","UG":"Uganda","UA":"Ukraine","AE":"United Arab Emirates","GB":"United Kingdom","US":"United States","UY":"Uruguay","UM":"US Minor Outlying Islands","UZ":"Uzbekistan","VU":"Vanuatu","VE":"Venezuela","VN":"Viet Nam","VG":"Virgin Islands, British","VI":"Virgin Islands, U.S.","WF":"Wallis and Futuna","EH":"Western Sahara","YE":"Yemen","ZM":"Zambia","ZW":"Zimbabwe"},"strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; 1472//# sourceURL=gform_gravityforms-js-extra 1473</script>
vendor: 1 bytes, line 1473
1473
1474<script id="gform_gravityforms-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=3.1.2"></script>
vendor: 1 bytes, line 1474
1474
1475<script id="gform_gravityforms_utils-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=69a9db57304a9f86c3d1a0bea5fd2cf9"></script>
vendor: 1 bytes, line 1475
1475
1476<script id="gform_gravityforms_theme_vendors-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=0c901cb641ce64b99c20ea1a4d208cc9"></script>
vendor: 1 bytes, line 1476
1476
1477<script id="gform_gravityforms_theme-js-extra"> 1478var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"bbb77997032964630cd9ddf649dcbb78"},"ajax":{"ajaxurl":"https://serlachius.fi/wp-admin/admin-ajax.php","ajax_submission_nonce":"1a2fd56e91","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again.","error_403":"The request was blocked (403 error) for unknown security reasons. Remove any code-like text (scripts or DB queries) and try again."}}}},"hmr_dev":"","public_path":"https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/","config_nonce":"7c5ed1c082"}; 1479//# sourceURL=gform_gravityforms_theme-js-extra 1480</script>
vendor: 1 bytes, line 1480
1480
1481<script id="gform_gravityforms_theme-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=e27d9712159624c99129c8c208f022ad"></script>
vendor: 1 bytes, line 1481
1481
1482<script> 1483gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); 1484</script>
vendor: 1 bytes, line 1484
1484
1485<script> 1486gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 1, 1 ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); 1487</script>
1487 1488 1489</body> 1490 1491</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.