@font-face{ font-family:"Roboto"; src:url('res/roboto_regular.woff'); font-display:swap; } @font-face{ font-family:"Roboto"; src:url('res/roboto_italic.woff'); font-style:italic; font-display:swap; } @font-face{ font-family:"Roboto"; src:url('res/roboto_black.woff'); font-weight:bold; font-display:swap; } @font-face{ font-family:"Roboto"; src:url('res/roboto_blackitalic.woff'); font-weight:bold; font-style:italic; font-display:swap; } #pageloaderanim{ position:fixed; top:10px; right:10px; width:60px; height:60px; z-index:1000; pointer-events:none; } #pageloaderanim div{ position:absolute; width:20%; height:20%; background-color:#fff; border-radius:100%; animation:loaderlp 0.8s linear infinite; box-shadow:0 0 3px rgba(0,0,0,0.25); transform:scale(0.5); } @keyframes loaderlp{ from{ transform:scale(1.3); } to{ transform:scale(0.0); } } #pageloaderanim .lp1{ top:0; left:40%; animation-delay:0.0s; } #pageloaderanim .lp2{ top:40%; left:80%; animation-delay:0.2s; } #pageloaderanim .lp3{ top:80%; left:40%; animation-delay:0.4s; } #pageloaderanim .lp4{ top:40%; left:0; animation-delay:0.6s; } #pageloaderanim .lp5{ top:13%; left:67%; animation-delay:0.1s; } #pageloaderanim .lp6{ top:67%; left:67%; animation-delay:0.3s; } #pageloaderanim .lp7{ top:67%; left:13%; animation-delay:0.5s; } #pageloaderanim .lp8{ top:13%; left:13%; animation-delay:0.7s; } *{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; vertical-align:top; } html{ font-family:"Roboto", "Arial", "Helvetica", sans-serif; font-size:19px; } body{ margin:0; overflow-y:scroll; overflow-x:hidden; position:relative; min-height:100vh; } body#tinymce{ font-family:"Roboto","Arial","Helvetica",sans-serif!important; margin:20px; min-height:20px; overflow-y:hidden; } body#tinymce hr{ clear:both; } body#tinymce span.shyphen{ background:rgba(0,0,0,0.1); line-height:0!important; } img{ max-width:100%; height:auto; } iframe{ display:block; border:none; max-width:100%; } p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ul:first-child, ol:first-child{ margin-top:0; } p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ul:last-child, ol:last-child{ margin-bottom:0; } p *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{ vertical-align:baseline; } sup{ vertical-align:super; } sub{ vertical-align:sub; } br{ line-height:0; } .clear{ clear:both; } .clearfix::after{ content:""; clear:both; display:table; } a{ color:var(--swatch_link); display:inline-block; } p a::before, h1 a::before, h2 a::before, h3 a::before, h4 a::before, h5 a::before, h6 a::before, h6 a::before, blockquote a::before, .L-type-text a::before { content:""; background-color:var(--swatch_link); position:absolute; width:0; height:3px; top:1.2em; transition:width 0.2s; z-index:1; } p a:hover::before, h1 a:hover::before, h2 a:hover::before, h3 a:hover::before, h4 a:hover::before, h5 a:hover::before, h6 a:hover::before, blockquote a:hover::before, .L-type-text a:hover::before { width:100%; } p{ line-height:1.5em; } ul, ol{ line-height:1.5em; padding-left:1.5rem; } p img{ vertical-align: middle; } h1, h2{ font-weight:normal; letter-spacing:-0.02em; word-wrap:break-word; line-height:1.2em; text-transform:uppercase; } h1{ font-size:3em; } h2{ font-size:2em; } h3{ font-size:1.25em; } h3.lowtitle{ font-weight:normal; font-size:1.3em; } h4{ line-height:1.4em; font-size:1.1em; } h5, h6{ line-height:1.4em; font-size:1em; } table{ width:100%!important; border-collapse:collapse; font-size:0.9em; height:auto!important; } table, table tr, table td, table th{ height:auto!important; } table td{ border:1px solid #ccc !important; padding:0.4rem 0.7rem; } table th{ padding:0.5rem 0.8rem; } table tr+tr th{ padding-top:1rem; } @media screen and (max-width:600px) { .L_node_type_text table, .L_node_type_text tbody, .L_node_type_text tr, .L_node_type_text td, .L_node_type_text th{ display:block; width:100%!important; } .L_node_type_text table td:first-of-type, .L_node_type_text table th:first-of-type{ font-weight:bold; } .L_node_type_text table td:not(:first-of-type), .L_node_type_text table th:not(:first-of-type){ margin-left:1rem; border:none!important; } .L_node_type_text table td:not(:first-of-type) + td, .L_node_type_text table td:not(:first-of-type) + th{ border-top:1px solid #ddd!important; } } textarea.autosize{ overflow-y:hidden; } .L_sect.Lclass_borderbox{ border:3px solid #000; padding:2.5rem; } div.infobox{ padding:2rem 2.5rem; margin:1rem 0; background-color:#f2f2f2; color:#888; font-size:90%; } div.borderboxinline, div.borderbox{ border:3px solid #000; padding:2rem 2.5rem; margin:1rem 0; } div.borderboxinline{ display:inline-block; } div.infobox:first-child, div.borderboxinline:first-child, div.borderbox:first-child{ margin-top:0; } div.infobox:last-child, div.borderboxinline:last-child, div.borderbox:last-child{ margin-bottom:0; } div.graybox{ padding:2rem 2.5rem; margin:0 0 1rem; } div.graybox:last-child{ margin-bottom:0; } div.graybox{ background-color:#eee; } img.circle, img.round{ border-radius:100%; } img.photoframe{ border:6px solid #fff; box-shadow:0 1px 6px rgba(0,0,0,0.33); } .dropcap2::first-letter { float: left; font-size: 3em; text-transform: uppercase; line-height:3em; margin:0.15em 0.04em 0 0; } .dropcap3::first-letter { float: left; font-size: 5em; text-transform: uppercase; line-height:3em; margin:0.1em 0.02em 0 0; } blockquote.inset{ margin-left:1.75rem; border-left:4px solid #ccc; padding-left:1.25rem; } blockquote.quote{ margin-left:2.5rem; padding-left:0; color:#aaa; font-style:italic; font-size:1.2em; } blockquote.quote::before{ content:'"'; content:'”'; font-family:"Times New Roman", serif; font-weight:bold; position:absolute; top:0; left:-2rem; font-size:2.25em; } blockquote p{ margin:0.5em 0; } span.inlinebox{ display:inline-block; padding:0.2rem 0.5rem; border:2px solid #4a0; border-radius:6px; color:#4a0; vertical-align:baseline; } span.inlinebox *{ color:#00f; } .nomargin_t{ margin-top:0!important; } .nomargin_b{ margin-bottom:0!important; } .textsize_160{ font-size:160%; } .textsize_140{ font-size:140%; } .textsize_120{ font-size:120%; } .textsize_110{ font-size:110%; } .textsize_90{ font-size:90%; } .textsize_80{ font-size:80%; } a.buttonlink, a.boxlink{ background-color:var(--swatch_button); color:var(--swatch_button_text)!important; opacity:1; } .negative a.buttonlink, .L_negative a.buttonlink{ background-color:#fff; color:#000!important; } a.buttonlink:hover, a.boxlink:hover{ opacity: 0.8; } a.buttonlink{ display:inline-block; text-align:center; padding:0.4em 1.5em; border-radius:1.5em; text-transform:uppercase; font-size:90%; font-weight:bold; text-decoration:none; transition:opacity 0.2s, transform 0.2s; transform:scale(1); vertical-align:baseline; } a.buttonlink:hover{ transform:scale(1.05); } a.buttonlink::before{ display:none; } a.boxlink{ display:inline-block; padding:1em 1.5em; margin:0 0 1em; transition:opacity 0.2s; color:#fff; font-size:1.3em; text-decoration:none; } a.boxlink:last-child{ margin-bottom:0; } a.boxlink:hover{ text-decoration:underline; } a.boxlink::before{ display:none; } a.iconlink{ } a.iconlink::before{ display:none; } a.iconlink svg, a.iconlink img{ transition:transform 0.2s; transform:scale(1); } a.iconlink:hover svg, a.iconlink:hover img{ transform:scale(1.2); } .L_node_type_text hr{ border:0; height:1px; background-color:#ccc; margin:1.5em 0; } .L_node_type_text .alignright{ float:right; clear:right; margin-left:2rem; margin-bottom:1.5rem; z-index:1; } .L_node_type_text .alignleft{ float:left; clear:left; margin-right:2rem; margin-bottom:1.5rem; z-index:1; } .L_node_type_text .aligncenter{ display:block; margin:0 auto; z-index:1; } .L_node_type_text .wp-caption{ max-width:100%; font-size:75%; font-style:italic; z-index:1; } @media screen and (max-width:800px) { html{ font-size:18px; } h1{ font-size:2.5em; } h2{ font-size:1.8em; } .textsize_160{ font-size:145%; } .textsize_140{ font-size:130%; } .textsize_120{ font-size:115%; } .textsize_110{ font-size:108%; } } @media screen and (max-width:500px) { html{ font-size:17px; } h1{ font-size:2.2em; } h2{ font-size:1.65em; } .textsize_160{ font-size:130%; } .textsize_140{ font-size:120%; } .textsize_120{ font-size:110%; } .textsize_110{ font-size:105%; } } .bigpicheader{ text-align:center; background:#a0a3a8; } .bigpicheader .logo{ z-index:2; display:inline-block; position:absolute; top:52%; left:50%; transform:translate(-50%, -50%); width:100%; padding:1rem; color:#fff; font-size:3em; text-shadow:2px 2px 4px rgba(0,0,0,0.5); text-decoration:none; } .bigpicheader .logo img{ filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.8)); } body:not(.page-etusivu) .bigpicheader .logo img{ width:350px; } .bigpicheader .headertext{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:3; color:#fff; width: 80%; } .bigpicheader .headertext *{ color:#fff; } @media screen and (max-width:600px) { .bigpicheader .headertext{ width: 90%; } } .sidebysideheader{ display:flex; flex-wrap:wrap; } .sidebysideheader .headertext{ display:flex; align-items: center; justify-content: center; padding:5em 5%; width:45%; } .sidebysideheader .headerimage{ width:55%; clip-path: polygon(0 0, 100% 0, 100% 85%, 15% 100%, 0 85%); } .sidebysideheader .L_spotlight{ height:100%; } @media screen and (max-width:1200px) { .sidebysideheader .headertext{ width:100%; padding:3em 5%; } .sidebysideheader .headerimage{ width:100%; } .sidebysideheader.imgposm_top .headerimage{ order:-1; } .sidebysideheader.imgposm_bottom .headertext{ order:-1; } } #footer{ font-size:90%; } #footer.custom{ text-align:center; } #footer .footblocks{ display:flex; flex-wrap:wrap; justify-content:center; } #footer .footblocks > div{ padding:1rem 1.5rem; } .breadcrumbs{ top: -2em; left: 0; font-size:0.9em; } .breadcrumbs .page { color:#444; } .breadcrumbs .divider svg path { fill:#444; } .breadcrumbs a { text-decoration:none; } .breadcrumbs a:hover { opacity:0.66; } .historybacknav .page{ cursor:pointer; } .historybacknav .page:hover{ opacity:0.66; } .pagesect{ background-position:center center; background-size:cover; padding:4rem 5%; overflow: hidden; } @media screen and (max-width:700px) { .pagesect{ padding:3rem 4%; } } @media screen and (max-width:400px) { .L_sect > .L_node { padding: 1rem 1.5rem; } .pagesect{ padding:2rem 3%; } } .pagesect:not(.fullwidth) > .L_row{ max-width:1200px; } .pagesect.nopad{ padding:0; } .pagesect.notoppad{ padding-top:0; } .pagesect.nobottompad{ padding-bottom:0; } .pagesect.nosidepad{ padding-left:0; padding-right:0; } .pagesect.negative, .pagesect.negative a, .pagesect.negative h1, .pagesect.negative h2 { color:#fff; } .pagesect.negative .L-spacerline{ border-color:rgba(255,255,255,0.4)!important; } .pagesect.negative p a::before, .pagesect.negative h1 a::before, .pagesect.negative h2 a::before, .pagesect.negative h3 a::before, .pagesect.negative h4 a::before, .pagesect.negative h5 a::before, .pagesect.negative h6 a::before, .pagesect.negative h6 a::before, .pagesect.negative blockquote a::before, .pagesect.negative .L-type-text a::before { background-color:#fff; } .pagesectbg{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } .navig{ position:fixed; position:sticky; top:0; left:0; z-index:5; width:100%; display:flex; background-color:var(--swatch_menu); box-shadow:0 0 10px rgba(0,0,0,0.2); } .nav_outer{ flex-grow:1; display: flex; align-items: center; justify-content: flex-end; } .nav_inner{ padding:1rem 2em; width:100%; text-align:right; } .nav_item{ display:inline-block; } .nav_iteminner{ margin:0 1rem; } .nav_button{ display:inline-block; padding:0.3rem 0; font-size:1.1em; color:var(--swatch_menu_text); text-decoration:none; letter-spacing:-0.01em; transition:color 0.2s; cursor:pointer; } .nav_button:hover, .nav_current > .nav_iteminner > .nav_button{ color:var(--swatch_menu_text); } a.nav_button::before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition:transform 0.1s, opacity 0.1s; transform:scale(0); opacity:0; background-color:var(--swatch_button); } a.nav_button:hover::before, .nav_current > .nav_iteminner > a.nav_button::before{ transform:scale(1); opacity:1; } a.nav_button:hover::before{ opacity:0.8; } .nav_childtoggler{ position:relative; display:inline-block; padding: 0.7em 0.7em 0.6em; margin-right:-1em; line-height: 0; transition:transform 0.1s; } .nav_childtoggler::before{ content:""; display: block; border-top:6px solid var(--swatch_menu_text); border-left:6px solid transparent; border-right:6px solid transparent; opacity:0.5; } .nav_childtoggler:hover::before, span.nav_button:hover + .nav_childtoggler::before{ opacity:1; } .nav_item.open > .nav_iteminner .nav_childtoggler{ transform:scaleY(-100%); } .nav_children{ position:absolute; top:99%; left:0; height:0; overflow:hidden; opacity:0; transition:opacity 0.2s; background-color:var(--swatch_menu); text-align:left; display:none; padding:0.4em 0.2rem; } .nav_children::before{ content:""; z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; } .nav_item.open .nav_children, .nav_item:hover .nav_children{ height:auto; opacity:1; display:block; } .nav_children .nav_item{ display:block; } .nav_children .nav_iteminner{ margin:0; padding:0.4rem 1rem; } .nav_children .nav_button{ display:block; font-size:1em; white-space:nowrap; margin:0; } .nav_togglebutton{ display:none; cursor:pointer; padding:20px; text-align:right; align-items: center; justify-content: flex-end; } .nav_togglebutton svg{ width:32px; } .nav_togglebutton span{ display:inline-block; line-height:38px; padding-left:20px; color:#fff; font-weight:bold; letter-spacing:0.05rem; } .navig .logo{ display:flex; align-items:center; padding:0.6rem 1.4rem; z-index:1; } .navig .logo img{ width:220px; min-width:220px; } @media screen and (max-width:1100px) { .navig .logo { flex-grow:1; } .nav_outer{ overflow-y:hidden; position:absolute; top:70px; left:0; width:100%; height:0; transition:height 0.2s; text-align:center; flex-grow:unset; background-color:var(--swatch_menu); } .navig.open .nav_outer{ height:calc(100vh - 70px); } .nav_inner{ overflow-y:auto; overflow-x:hidden; height:calc(100vh - 70px); padding:1rem 5%; width:100%; text-align:center; } .nav_item{ display:block; font-size:1.8em; margin:0.4em 0; } .nav_button{ padding:0.2em 0; } .nav_children{ position:relative; border:1px solid rgba(255,255,255,0.3); display:none!important; background:none; width:100%; opacity:1; height:unset; text-align:unset; padding: 0.5rem 0; font-size:0.8rem; } .nav_item.open .nav_children{ display:block!important; } .nav_children .nav_button{ padding:0.2rem 0; white-space:normal; display:inline-block; } .nav_togglebutton{ display:flex; } } .L_sect:after { content: " "; visibility: hidden; display: block; clear: both; font-size: 0; height: 0; } .L_sect { display:flex; flex-wrap: wrap; } .L_row { width:100%; margin:0 auto; } .L_column{ align-content:flex-start; } .L_node{ padding:1.5rem 2rem; } .L_sect.L_noxpad > .L_node{ padding-left:0; padding-right:0; } .L_sect.L_noypad > .L_node{ padding-top:0; padding-bottom:0; } .L_sect.L_vcenter{ align-content:center; } .L_row.L_proportion_1_1 > .L_column{ width:calc(100% / 2); } .L_row.L_proportion_1_1_1 > .L_column{ width:calc(100% / 3); } .L_row.L_proportion_1_1_1_1 > .L_column{ width:calc(100% / 4); } .L_row.L_proportion_2_1 > .L_column:nth-child(2), .L_row.L_proportion_1_2 > .L_column:nth-child(1){ width:calc(100% / 3); } .L_row.L_proportion_1_2 > .L_column:nth-child(2), .L_row.L_proportion_2_1 > .L_column:nth-child(1){ width:calc(100% / 3 * 2); } .L_row.L_proportion_3_2 > .L_column:nth-child(2), .L_row.L_proportion_2_3 > .L_column:nth-child(1){ width:calc(100% / 5 * 2); } .L_row.L_proportion_2_3 > .L_column:nth-child(2), .L_row.L_proportion_3_2 > .L_column:nth-child(1){ width:calc(100% / 5 * 3); } .L_node{ width: 100%; z-index:1; } .L_type_, .L_type_unknown{ border:1px dashed #000; min-height: 4rem; } @media screen and (max-width: 1600px) { .L_row.L_proportion_1_1_1_1 > .L_column{ width:50%; } } @media screen and (max-width: 1600px) { .L_row.L_proportion_1_1_1 > .L_column{ width:100%; } .L_row.L_proportion_1_2 > .L_sect.L_column, .L_row.L_proportion_2_1 > .L_sect.L_column{ width:100%; } } @media screen and (max-width: 1200px) { .L_row.L_proportion_2_3 > .L_sect.L_column, .L_row.L_proportion_3_2 > .L_sect.L_column{ width:100%; } } @media screen and (max-width: 1100px) { .L_row.L_proportion_1_1 > .L_sect.L_column, .L_row.L_proportion_1_1_1_1 > .L_sect.L_column{ width:100%; } } @media screen and (min-width: 1451px) { .L_row.L_proportion_1_1_1_1 > .L_column { order:0!important } } @media screen and (min-width: 1101px) { .L_row.L_proportion_1_1_1 > .L_column{ order:0!important } .L_row.L_proportion_1_2 > .L_sect.L_column, .L_row.L_proportion_2_1 > .L_sect.L_column{ order:0!important } } @media screen and (min-width: 951px) { .L_row.L_proportion_2_3 > .L_sect.L_column, .L_row.L_proportion_3_2 > .L_sect.L_column{ order:0!important } } @media screen and (min-width: 901px) { .L_row.L_sect_count_2.L_columns_1to1 > .L_sect.L_column{ order:0!important } } .arbox:before{ content:""; display:block; padding-top:100%; } .arboxinline > .arcontent, .arbox > .arcontent{ position:absolute; top:0; left:0; bottom:0; right:0; } .L_galleryimage video, .L_switcherimage video{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } .L_galleryimage img, .L_switcherimage img{ object-fit:cover; width:100%; height:100%; } .L_galleryimage{ display:inline-block; padding:15px; user-select:none; } .L_gsize-manual .L_galleryimage{ vertical-align:middle; } .L_galleryimage .L_ginner{ display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; } .L_gallerynocrop .L_ginner{ background-size:contain; } .L_gallerynocrop .L_galleryimage img{ object-fit:contain; } .L_galleryimage:hover{ z-index:1; } .L_switcherimage{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; overflow:hidden; background-position:center center; background-size:cover; } .L_picswitcherfixed .L_switcherimage{ background-attachment:fixed; } .L_node_type_articles{ display:flex; flex-wrap:wrap; } .L_article_navig{ padding-top:1rem; width:100%; text-align: center; } .L_article_navig .L_article_pagenums{ display:inline-block; padding:0 0.6rem; } .L_article_navig .L_article_pagenums a{ display:inline-block; padding:0.2rem 0.4rem; color:#999; text-decoration:none; } .L_article_navig .L_article_pagenums a.L_current{ font-weight:bold; color:#000; } .L_article_navig .L_article_pagenums a[href]:hover{ text-decoration:underline; } .L_article_navig a.L_article_navbutton{ display:inline-block; padding:0.1rem 0.4rem; text-decoration:none; } .L_article_navig a.L_article_navbutton svg path{ fill:#ddd; } .L_article_navig a.L_article_navbutton[href] svg path{ fill:#000; } .L_article_navig a.L_article_navbutton[href]:hover svg path{ fill:#555; } .L_article_catbuttons { text-align: center; width: 100%; padding:0.5em 0 1em; } .L_article_catbutton { padding: 0.5em 1.25em; border-radius: 1.5em; display: inline-block; margin: 0.3em; cursor: pointer; background: var(--swatch_button); color: var(--swatch_button_text); font-weight:bold; font-size:0.9em; opacity:0.4; transition:opacity 0.1s, transform 0.1s; transform:scale(1); } .L_article_catbutton:hover { opacity:0.8; transform:scale(1.05); } .L_article_catbutton.L_current { opacity:1; transform:scale(1.05); } .L_article_catbutton.L_empty { opacity:0.15; } .L_article_catbutton, .L_article_catbutton * { vertical-align: baseline; } .L_article_catbutton small { font-size: 0.75em; font-weight:normal; } .L_article{ } .L_article_inner{ display:block; text-decoration:none; width:100%; height:100%; color:#000; } .L_article_image, .L_article_date, .L_article_title, .L_article_excerpt{ display:none; } .L_imagesenabled .L_article_image, .L_dateenabled .L_article_date, .L_titleenabled .L_article_title, .L_excerptenabled .L_article_excerpt{ display:block; } .L_article_image{ } .L_article_image img{ position:absolute; width:100%; height:100%; object-fit:cover; } .L_noimagecrop .L_article_image img{ object-fit:contain; } .L_article_textcontent{ width:100%; } .L_article_date{ font-size:0.8em; font-style:italic; display:none; } .L_article_title{ font-size:1.4em; line-height: 1.1em; font-weight: normal; overflow-wrap:break-word; margin:0; text-transform: uppercase; } .L_article_excerpt{ margin:0.5rem 0 0; display:none; font-size:0.9em; } .L_articleshape_line{ } .L_articleshape_line .L_article{ overflow-wrap:break-word; width:100%; } .L_articleshape_line .L_article_inner{ padding:0.5rem 1rem; transition:transform 0.2s; transform:scale(1); } .L_articleshape_line .L_article_inner:hover{ transform:scale(1.05); } .L_articleshape_line .L_article_image{ display:inline-block; width:30px; height:30px; margin:0 1rem 0 0; } .L_articleshape_line .L_article_textcontent{ display:contents; } .L_articleshape_line .L_article_title, .L_articleshape_line .L_article_date, .L_articleshape_line .L_article_excerpt{ display:inline; vertical-align:baseline; margin:0 1rem 0 0; } .L_articleshape_line .L_article_date{ font-size:0.8em; opacity:0.5; } .L_articleshape_line .L_article_title{ font-size:1.2em; } .L_articleshape_horizontal{ } .L_articleshape_horizontal .L_article{ width:100%; } .L_articleshape_horizontal .L_article + .L_article{ margin-top:1.5rem; } .L_articleshape_horizontal .L_article_inner{ overflow:hidden; transition:transform 0.2s; transform:scale(1); } .L_articleshape_horizontal .L_article_inner:hover{ transform:scale(1.05); } .L_articleshape_horizontal .L_article_image{ float:left; width:120px; height:120px; } .L_articleshape_horizontal.L_imagesenabled .L_article_textcontent{ float:left; width:calc(100% - 120px); padding:0 0 1rem 1.5rem; } .L_articleshape_vertical{ margin:-1rem; width:calc(100% + 1.5rem * 2); justify-content:center; } .L_articleshape_vertical .L_article{ width:calc(250px + 1.5rem * 2); } .L_articleshape_vertical .L_article_inner{ padding:1.5rem; transition:transform 0.2s; transform:scale(1); } .L_articleshape_vertical .L_article_inner:hover{ transform:scale(1.05); } .L_articleshape_vertical .L_article_image{ width:100%; height:200px; } .L_articleshape_vertical.L_imagesenabled .L_article_textcontent{ padding:1rem 0 0; } .L_articleshape_vertical .L_article_date{ margin-top:0.2em; } .L_articleshape_square{ margin:-1rem; width:calc(100% + 1rem * 2); justify-content:center; } .L_articleshape_square .L_article{ width:calc(200px + 1rem * 2); margin:1rem; transition:transform 0.2s; transform:scale(1); } .L_articleshape_square .L_article_inner{ padding:1rem; background-color:#eee; transition:transform 0.2s; transform:scale(1); } .L_articleshape_square .L_article_inner:hover{ transform:scale(1.05); } .L_articleshape_square .L_article::before{ content:""; display:block; visibility:hidden; padding-top:100%; } .L_articleshape_square .L_article_inner{ position:absolute; top:0;left:0;right:0;bottom:0; width:100%; height:100%; padding:1.5rem; overflow:hidden; } .L_articleshape_square .L_article_image{ position:absolute; top:0;left:0;right:0;bottom:0; width:100%; height:100%; } .L_articleshape_square.L_imagesenabled .L_article_textcontent{ color:#fff; text-shadow:0 1px 3px rgba(0,0,0,0.5); } .L_articleshape_widebox{ margin:-1rem; width:calc(100% + 1rem * 2); justify-content:center; } .L_articleshape_widebox .L_article{ width:50%; min-height:12rem; padding:1rem; } .L_articleshape_widebox .L_article_inner{ padding:1.4rem; background-color:#eee; transition:transform 0.2s; transform:scale(1); } .L_articleshape_widebox .L_article_inner:hover{ transform:scale(1.05); } .L_articleshape_widebox .L_article_image{ position:absolute; top:0;left:0;right:0;bottom:0; width:100%; height:100%; } .L_articleshape_widebox.L_imagesenabled .L_article_textcontent{ color:#fff; text-shadow:0 1px 3px rgba(0,0,0,0.5); } @media screen and (max-width:850px) { .L_articleshape_widebox .L_article{ width:100%; } } .L_node_type_articles.L_articlecarousel{ width: 100%!important; margin:0!important; overflow: hidden; } .L_node_type_articles.L_articlecarousel .L_article{ margin-top:0!important; margin-bottom:0!important; } .L_articlecarousel_scrollers{ width: 100%; } .L_articlecarousel_prev, .L_articlecarousel_next { position: absolute; top: 0; height: 100%; height: calc(100% - 0.75em - 0.35em - 0.35em - 1.4em); width: 4.5em; background: rgba(0,0,0,0.2); justify-content: center; align-items: center; display: flex; cursor:pointer; } .L_articlecarousel_prev { padding: 0 2em 0 1em; left: 0; background:linear-gradient(to left,transparent,rgba(0,0,0,0.15)); } .L_articlecarousel_next { padding: 0 1em 0 2em; right: 0; background:linear-gradient(to right,transparent,rgba(0,0,0,0.15)); } .L_articlecarousel_prev svg, .L_articlecarousel_next svg { transition:transform 0.15s; } .L_articlecarousel_prev:hover svg, .L_articlecarousel_next:hover svg { transform:scale(1.2); } .L_articlecarousel_buttons{ width: 100%; text-align:center; margin-top: 0.75em; } .L_articlecarousel_button{ display:inline-block; padding:0.35em; cursor:pointer; } .L_articlecarousel_button div{ background-color:rgba(0,0,0,0.1); width:1.4em; height:1.4em; border-radius:100%; background-position:center center; background-size:cover; transition:transform 0.15s; } .L_articlecarousel_button:hover div{ transform:scale(1.3); } .L_articlecarousel_button.L_current div{ transform:scale(1.3); } .L_botchat_chat{ display:flex; flex-wrap:wrap; max-width:650px; margin:0 auto; transition:transform 0.5s, opacity 0.5s; } .L_botchat_chat.L_appearing{ opacity:0; transform:translateX(-2em); } .L_botchat_chat + .L_botchat_chat { margin-top:0.5em; } .L_botchat_dots { padding:0.1em 0.6em; font-size:1.2em; background:#eee; border-radius:0.5em; margin-left:80px; } .L_botchat_answers{ width:100%; padding: 0.5em 0 0 10%; text-align:right; transition:transform 0.5s, opacity 0.5s; } .L_botchat_answer{ padding:0.4em 1em; display:inline-block; background:#111; color:#fff; margin:0.25em; border-radius:0.25em; cursor:pointer; max-width: 100%; overflow:hidden; font-size: 0.9em; } .L_botchat_answer:hover{ opacity:0.8; } .L_botchat_answer.L_notselected{ opacity:0.5; } .L_botchat_answers.L_appearing{ opacity:0; transform:translateX(-2em); } .L_botchat_answer-form{ overflow: hidden; margin: -0.5em -1em; padding: 0.5em 1.5em; background: #eee; color: #000; } .L_botchat_icon{ width:60px; height:60px; border-radius:100%; overflow:hidden; background-color:#eee; } .L_botchat_icon img{ width:100%; height:100%; object-fit:cover; } .L_botchat_icon.L_noicon{ background-color: #ddd; background-position:center center; background-size:contain; background-repeat:no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTAsMTAwYzEuNS0xNy4zLDExLjQtMzEuNywyNS43LTM3LjhsNS4xLTIuMmwtNC41LTMuNGMtNS41LTQuMi04LjgtMTEtOC44LTE4QzI3LjUsMjYuMSwzNy43LDE2LDUwLDE2YzEyLjUsMCwyMi41LDEwLjEsMjIuNSwyMi42YzAsNy0zLjIsMTMuNS04LjksMThMNTkuMiw2MGw0LjksMi4yQzc4LjUsNjguMyw4OC41LDgzLDkwLDEwMEgxMHoiLz48L3N2Zz4="); } .L_botchat_content{ margin-left:20px; flex-grow:1; max-width: calc(80% - 60px - 20px); } .L_botchat_meta{ font-size:0.8em; padding:0.4em; } .L_botchat_name{ font-weight:bold; display:inline; margin-left:0.5em; margin-right:0.1em; } .L_botchat_time{ font-size:0.9em; display:inline; color:#999; } .L_botchat_name + .L_botchat_time::before{ content:" | "; } .L_botchat_textcontent{ background:#fff; border-radius: 0.6em; padding:1.2em 1.5em; box-shadow: 1px 2px 12px rgba(0,0,0,0.25); } .L_node_type_contactcards{ display:flex; flex-wrap:wrap; justify-content:center; } .L_contactcard_image .L_the_image{ width:180px; height:180px; min-width:180px; min-height:180px; border-radius:100%; object-fit:cover; } .L_contactcard_content{ font-size:0.9em; } .L_node_type_contactcards.L_vertical{ margin:-1.5rem; width:calc(100% + 1.5rem * 2); } .L_node_type_contactcards.L_vertical .L_contactcard { text-align:center; padding:1.5rem; } .L_node_type_contactcards.L_vertical .L_contactcard_content { width:230px; } .L_node_type_contactcards.L_vertical .L_contactcard_image{ margin-bottom:1rem; } .L_node_type_contactcards.L_horizontal{ margin:-1rem 0; width:100%; } .L_node_type_contactcards.L_horizontal .L_contactcard { width:100%; text-align:left; padding:1rem 0; display:flex; align-items: center; } .L_node_type_contactcards.L_horizontal .L_contactcard_image { margin-right:1.5rem; } @media screen and (max-width:850px) { .L_node_type_contactcards.L_horizontal .L_contactcard { flex-wrap:wrap; justify-content: center; padding:1.5rem 0; } .L_node_type_contactcards.L_horizontal .L_contactcard_image { margin-right:0; margin-bottom:0.5em; } .L_node_type_contactcards.L_horizontal .L_contactcard_content { width:100%; text-align:center; } } .L_dropbox{ border:3px solid #666; border-radius:0.5rem; transition:border-color 0.3s; } .L_dropbox + .L_dropbox{ margin-top:0.5rem; } .L_dropbox.L_closed{ border-color:#ddd; } .L_dropbox_title{ padding:0.5rem 0 0.5rem 2.5rem; cursor:pointer; user-select:none; overflow:hidden; font-weight:bold; border-radius:0.35rem; z-index: 1; transition: outline 0.2s; outline: 3px solid rgba(0, 0, 0, 0); } .L_dropbox_title:hover{ outline: 3px solid rgba(0, 0, 0, 0.5); } .L_dropbox_title::before{ position:absolute; bottom:calc(50% - 6px); left:1rem; content:""; display:inline-block; border-bottom:10px solid rgba(0,0,0,0.75); border-right:8px solid transparent; border-left:8px solid transparent; } .L_dropbox.L_closed .L_dropbox_title::before{ border-bottom:none; border-top:10px solid rgb(0,0,0,0.75); } .L_dropbox_content{ overflow:hidden; transition:height 0.2s; transition:height 0.2s, opacity 0.3s; opacity:1; border-top:1px solid #ddd; } .L_dropbox.L_closed .L_dropbox_content{ height:0; opacity:0; } .L_node_type_files{ display:flex; flex-wrap:wrap; justify-content:center; } .L_filelink{ margin:0.6rem; color:#000; border-radius:0.5rem; overflow:hidden; padding:0.75rem; text-decoration:none; max-width:540px; align-items:center; box-shadow: 0 2px 12px rgba(0,0,0,0.25); display:flex; } .L_filelink[href]:hover{ outline:1px solid #888; } .L_file_image{ width:2.5rem; height:2.5rem; background-size:contain; background-repeat:no-repeat; background-position:center center; } .L_file_content{ padding:0 1.2rem 0 1rem; text-align:left; width:calc(100% - 2.5rem); } .L_file_name{ font-weight:bold; text-decoration:underline; font-size:90%; } .L_file_desc{ font-size:80%; } .L_file_image{ background-image:url(res/file_text.svg); } .L_file_type_other .L_fileimage { background-image:url(res/file_other.svg); } .L_file_type_text .L_fileimage { background-image:url(res/file_text.svg); } .L_file_type_html .L_fileimage { background-image:url(res/file_html.svg); } .L_file_type_image .L_fileimage { background-image:url(res/file_image.svg); } .L_file_type_video .L_fileimage { background-image:url(res/file_video.svg); } .L_file_type_pdf .L_fileimage { background-image:url(res/file_pdf.svg); } .L_file_type_word .L_fileimage { background-image:url(res/file_word.svg); } .L_file_type_excel .L_fileimage { background-image:url(res/file_excel.svg); } .L_file_type_powerpoint .L_fileimage { background-image:url(res/file_powerpoint.svg); } .L_node_type_gallery{ text-align:center; } .L_node_type_gallery.L_gallery_type_manual{ margin:-20px -30px; width:calc(100% + 60px); } .L_node_type_gallery.L_gallery_type_autofit{ margin:-20px; width:calc(100% + 40px); } .L_gallery_image{ display:inline-block; } .L_gallery_type_manual .L_gallery_image{ padding:20px 30px; vertical-align:middle; } .L_gallery_type_autofit .L_gallery_image, .L_gallery_type_square .L_gallery_image{ padding:20px; } .L_gallery_type_autofit .L_the_image, .L_gallery_type_square .L_the_image{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } .L_gallery_image[href] .L_the_image{ transition:transform 0.2s; transform:scale(1); } .L_gallery_image[href]:hover .L_the_image{ transform:scale(1.05); } .L_gallery_carousel{ overflow:hidden; margin-left:0!important; margin-right:0!important; } .L_carousel_inner .L_gallery_image{ vertical-align:middle; } .L_carousel_inner{ white-space:nowrap; } .L_carousel_contents{ display:none; } #L_gallerypopup{ height:100vh; width:100vw; position:fixed; top:0; left:0; z-index:9; background-color:rgba(0,0,0,0.66); opacity:1; transition:opacity 0.4s; pointer-events:none; opacity:0; } #L_gallerypopup.L_visible{ pointer-events:all; opacity:1; } #L_gallerypopup .L_imagecontainer{ display:block; position:absolute; top:30px; left:70px; height:calc(100vh - 30px * 2); width:calc(100vw - 70px * 2); overflow:hidden; } #L_gallerypopup .L_imagecontainer .L_the_image{ max-height:100%; max-width:92%; box-shadow:0 0 4px rgba(0,0,0,0.5); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; background:#f0f0f0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVQoU2NgkEKF/xlQIQP1FTDAwSBSAFMHB+gaBo8CBKS+AgCvbFqzBbpXaAAAAABJRU5ErkJggg==); } #L_gallerypopup .L_imagecontainer .L_the_image.L_image, #L_gallerypopup .L_imagecontainer .L_the_image.L_video{ width:auto; } #L_gallerypopup .L_imagecontainer .L_the_image.L_inleft{ left:50%; animation:inleft 0.5s 1; z-index:2; } @keyframes inleft{ 0%{left:-50%;} 100%{left:50%;} } #L_gallerypopup .L_imagecontainer .L_the_image.L_inright{ left:50%; animation:inright 0.5s 1; z-index:2; } @keyframes inright{ 0%{left:150%;} 100%{left:50%;} } #L_gallerypopup .L_imagecontainer .L_the_image.L_outleft{ left:-50%; animation:outleft 0.5s 1; } @keyframes outleft{ 0%{left:50%;} 100%{left:-50%;} } #L_gallerypopup .L_imagecontainer .L_the_image.L_outright{ left:150%; animation:outright 0.5s 1; } @keyframes outright{ 0%{left:50%;} 100%{left:150%;} } #L_gallerypopup .L_prev, #L_gallerypopup .L_next{ position:fixed; cursor:pointer; user-select:none; z-index:6; width:70px; height:100vh; text-align:left; display:none; } #L_gallerypopup.L_canflip .L_prev, #L_gallerypopup.L_canflip .L_next{ display:block; } #L_gallerypopup .L_prev{ left:0; } #L_gallerypopup .L_next{ right:0; } #L_gallerypopup .L_prev svg, #L_gallerypopup .L_next svg{ top:50%; left:50%; width: 2em; transform:translate(-50%, -50%) scale(1); transition:transform 0.2s; } #L_gallerypopup .L_prev:hover svg, #L_gallerypopup .L_next:hover svg{ transform:translate(-50%, -50%) scale(1.2); } @media screen and (max-width:500px) { #L_gallerypopup .L_imagecontainer{ height:calc(100vh - 100px); width:100vw; top:20px; left:0; } #L_gallerypopup .L_prev{ top:auto; bottom:0; height:80px; width:calc(50% - 40px); } #L_gallerypopup .L_next{ top:auto; bottom:0; height:80px; width:calc(50% - 40px); } } .L_node_type_infoboxes { display:flex; flex-wrap: wrap; justify-content: center; } .L_infobox { display: flex; flex-wrap: wrap; color:inherit; text-decoration:none; transition:opacity 0.2s; } .L_infobox.L_negative { color:#fff; } .L_node_type_infoboxes.L_stretch .L_infobox { flex-grow:1; } .L_infobox > .L_inner{ display:flex; flex-wrap:wrap; width:100%; height:100%; align-content: flex-start; } .L_infobox .L_content{ width:100%; } .L_infobox .L_image { width:100%; margin: 0 auto; } .L_infobox .L_the_image { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; transition:transform 0.4s; } .L_node_type_infoboxes.L_cropimages .L_infobox .L_the_image { object-fit:cover; transition:transform 1s; } .L_node_type_infoboxes.L_cropimages .L_image { overflow:hidden; } a.L_infobox:hover { opacity:0.8; } a.L_infobox:hover .L_the_image { transform:scale(1.1); } .L_node_type_infoboxesin { display:flex; flex-wrap: wrap; justify-content: center; } .L_infoboxin { display: flex; flex-wrap: wrap; color:inherit; text-decoration:none; transition:opacity 0.2s; } .L_infoboxin.L_negative { color:#fff; } .L_node_type_infoboxesin.L_stretch .L_infoboxin { flex-grow:1; } .L_infoboxin .L_inner{ display:flex; flex-wrap:wrap; align-content: center; width:100%; height: 100%; overflow:hidden; } .L_infoboxin .L_content{ width:100%; } .L_infoboxin .L_the_image { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform 1s; } a.L_infoboxin:hover { opacity:0.9; } a.L_infoboxin:hover .L_the_image { transform:scale(1.1); } .L_node_type_lockedlink{ text-align:center; } .L_lockedlinkdownloadlink{ padding: 0.75em 1.75em; display: inline-block; background: #000; color: #fff; text-decoration: none; border-radius: 1.5em; font-size: 1.1em; font-weight: bold; } .L_lockedlinkdownloadlink:hover{ background: #333; } .L_rollingquotes{ min-height:100px; } .L_rollingquote { text-align:center; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(0.9); opacity:0; transition:opacity 0.6s, transform 0.6s; } .L_rollingquote.L_current { transform:translate(-50%, -50%) scale(1); opacity:1; z-index:1; } .L_rollingquotes.L_lrbuttons .L_rollingquote { padding-left:3em; padding-right:3em; } .L_rollingquotes .L_prev, .L_rollingquotes .L_next { position: absolute; top: 0; width: 2em; height: 100%; z-index:1; opacity:0.15; transition:opacity 0.2s; cursor:pointer; } .L_rollingquotes .L_prev { left: 0; } .L_rollingquotes .L_next { right: 0; } .L_rollingquotes .L_prev svg, .L_rollingquotes .L_next svg { position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%); width:60%; } .L_rollingquotes .L_prev:hover, .L_rollingquotes .L_next:hover { opacity:0.6; } .L_sbs_node.L_negative{ color:#fff; } .L_sbs_row{ display:flex; flex-wrap: wrap; } .L_sbs_row:last-child{ margin-bottom:0!important; } .L_sbs_node{ display:flex; flex-wrap: wrap; align-content:center; } .L_sbs_node > .L_node{ padding:0; } @media screen and (max-width:1000px) { .L_sbs_ontop{ order:-1; } } @media screen and (max-width:1000px) { .L_sbs_node{ width:100%!important; margin-left:0!important; margin-right:0!important; } } .L_node_type_singleembed { height:100%; } .L_node_type_singleembed.L_stretch { height:100%; } .L_singleembed { margin: 0 auto; display: flex; justify-content: center; align-items: center; overflow:hidden; } .L_node_type_singleembed.L_stretch .L_singleembed { height:100%; max-height:100%!important; } .L_singleembed iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .L_node_type_singleimage { height:100%; } .L_node_type_singleimage.L_stretch { height:100%; } .L_singleimage { margin: 0 auto; display: flex; justify-content: center; align-items: center; overflow:hidden; } .L_node_type_singleimage.L_stretch .L_singleimage { height:100%; max-height:100%!important; } .L_singleimage .L_the_image { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } .L_singleimage_description { text-align: center; margin-top: 0.6em; font-size: 0.85em; opacity: 0.666; } .L_node_type_singleimage.L_stretch .L_singleimage_description { display:none; } .L_node_type_spacer{ padding-top:0; padding-bottom:0; } .L_spacer_line{ position:absolute; margin:0 auto; top:50%; } .L_spacer_type_dotted{ border-top:5px dotted #aaa; left:33.33%; right:33.33%; top:calc(50% - 2px); } .L_spacer_type_short{ border-top:1px solid #ccc; max-width:400px; left:20%; right:20%; } .L_spacer_type_long{ border-top:1px solid #ccc; left:0; right:0; } .L_node_type_spotlight{ } .L_spotlight { margin: 0 auto; } .L_node_type_spotlight.L_stretch { min-height:100%; } .L_node_type_spotlight.L_stretch .L_spotlight { height: 100%; max-height:100%!important; } .L_spotlight_buttons{ position:absolute; bottom:0; left:0; width:100%; display:flex; flex-wrap: wrap; justify-content: center; padding:0.2em; z-index:1; } .L_spotlight_button{ padding:0.6rem; opacity:0.5; cursor:pointer; } .L_spotlight_button::after{ content:""; display:block; background:#fff; height:10px; width:10px; border-radius:100%; box-shadow:0 1px 4px rgba(0,0,0,0.5); } .L_spotlight_button:hover{ opacity:0.8; } .L_spotlight_button.L_current{ opacity:1; } .L_spotlight_images{ background:#aaa; } .L_spotlight .arboxinline { width:100%; } .L_spotlight_images, .L_spotlight_image, .L_spotlight_image .L_the_image{ position:absolute; top:0; left:0; width:100%; height:100%; } .L_spotlight_image{ background:#aaa; } .L_spotlight_image .L_the_image{ object-fit:cover; } .L_spotlight_image .L_the_content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .L_spotlight_image *{ color: #fff; text-shadow: 0 1px 3px #000; } .L_spotlight_image.L_notnegative *{ color: unset; text-shadow: unset; } .L_spotlight_fade_none{ z-index:-1; } .L_spotlight_fade_out{ z-index:0; } .L_spotlight_fade_in{ z-index:1; animation:fadein 0.5s 1; } .L_spotlight_fade_initial{ z-index:1; } @keyframes fadein{ 0%{ opacity:0; } 100%{ opacity:1; } } .L_node_type_text{ } .L_node_type_text hr{ clear:both; } .L_node_type_beforeafter { height:100%; } .L_node_type_beforeafter.L_stretch { height:100%; } .L_beforeafter { margin: 0 auto; display: flex; justify-content: center; align-items: center; } .L_node_type_beforeafter.L_stretch .L_beforeafter { height:100%; max-height:100%!important; } .L_beforeafter .L_before, .L_beforeafter .L_after { position:absolute; top:0; width:50%; height:100%; overflow:hidden; } .L_beforeafter .L_before { left:0; width:100%; } .L_beforeafter .L_after { right:0; border-left: 1px solid rgba(255,255,255,0.8); } .L_beforeafter .L_the_image { position:absolute; top:0; width:100%; height:100%; object-fit:cover; max-width:unset; } .L_beforeafter .L_before .L_the_image { left:0; } .L_beforeafter .L_after .L_the_image { right:0; } .L_beforeafter_description { text-align: center; margin-top: 0.6em; font-size: 0.85em; opacity: 0.666; } .L_node_type_beforeafter.L_stretch .L_beforeafter_description { display:none; } .L_handle { position:absolute; top:0; left:50%; width:40px; height:100%; transform:translateX(-50%); cursor:col-resize; } .L_handlebutton { position:absolute; top:50%; left:50%; width:2em; height:2em; background:rgba(255,255,255,0.9); box-shadow:0 1px 10px rgba(0,0,0,0.6); transform:translate(-50%, -50%); opacity:0.7; border-radius:100%; } .L_handlebutton svg { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 60%; } .L_handle:hover .L_handlebutton { opacity:1; } .buttonpopupscreen{ position:fixed; width:100%; height:100vh; top:0; left:0; background:rgba(40,40,40,0.9); display:flex; justify-content: center; align-items: center; z-index:8; padding:5vw; } .buttonpopupscreen .close{ position: absolute; top: 0; right: 0; padding: 0.75em; cursor:pointer; } .buttonpopupscreen .close:hover{ opacity:0.5; } .buttonpopupscreen .inner{ display:flex; justify-content: center; align-items: center; padding:5vh 5vw; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.75); border-radius:0.25em; } .buttonpopupbutton{ position: fixed; bottom: 1rem; right: 1rem; border-radius: 1.5em; font-weight: bold; z-index: 5; transform: scale(0); transition:transform 0.2s; display:flex; overflow:hidden; background: var(--swatch_button); } .buttonpopupbutton > *{ color: var(--swatch_button_text); cursor: pointer; padding: 0.5rem 1.5rem; } .buttonpopupbutton > div{ padding-right:0.75rem; } .buttonpopupbutton .close{ padding-left:0.75rem; padding-right:1.25rem; } .buttonpopupbutton .close svg path{ fill:var(--swatch_button_text); } .buttonpopupbutton > *:hover{ background: rgba(255,255,255,0.33); opacity:0.8; } .buttonpopupbutton.pop{ transform: scale(1); } #domi_cookie_bar{ position:fixed; bottom:0; left:0; z-index:8; background:rgba(255,255,255,0.95); padding:0.7em 1.2em; display:flex; width:100%; font-size:0.9em; box-shadow:0 0 3px rgba(0,0,0,0.2); align-items: center; } .domi_cookie_text{ flex-grow:1; font-size:0.9em; } .domi_cookie_buttons{ display:flex; align-items: flex-start; } .domi_cookie_no, .domi_cookie_yes{ padding:0.5em 1em; border-radius:1.5em; margin-left:0.25em; cursor:pointer; white-space:nowrap; } .domi_cookie_no{ color:#444; } .domi_cookie_no:hover{ background-color:#ddd; opacity:0.75; } .domi_cookie_yes:hover{ opacity:0.75; } .domi_cookie_yes{ background:var(--swatch_button); color:var(--swatch_button_text); } .domi_cookie_diddler{ position:fixed; bottom:0.5rem; left:0.5rem; z-index:2; background:rgba(255,255,255,0.9); box-shadow:0 0 3px rgba(0,0,0,0.3); padding:0.4em; border-radius:100%; cursor:pointer; } .domi_cookie_diddler svg g{ fill:#aaa; } .domi_cookie_diddler:hover svg g{ fill:#000; } @media screen and (max-width: 800px) { #domi_cookie_bar{ flex-wrap:wrap; } .domi_cookie_text{ width:100%; margin-bottom:0.5em; } .domi_cookie_buttons{ width:100%; justify-content: flex-end; flex-wrap:wrap; } } .wpforms-container { max-width: 30em; margin:0 auto!important; } div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{ max-width:unset!important; } .wpforms-submit{ padding:0.5rem 1.5rem!important; border:none!important; cursor:pointer; background:var(--swatch_button)!important; color:var(--swatch_button_text)!important; font-weight:bold; border-radius:1.5em!important; } .wpforms-submit:focus, .wpforms-submit:hover{ opacity:0.8; } .wpcf7 .fields{ width:500px; max-width:100%; margin:0 auto; text-align:left; } .wpcf7-response-output{ margin:0 auto!important; max-width:500px; } .wpcf7 .double{ display:flex; flex-wrap:wrap; } .wpcf7 .double > *:nth-child(1){ width:50%; padding-right:0.75rem; } .wpcf7 .double > *:nth-child(3){ width:50%; padding-left:0.75rem; } .wpcf7 .field{ display:block; margin-bottom:0.75rem; } .wpcf7 .field.submit{ margin-bottom:0; } .wpcf7 .fields p{ display:contents; } .wpcf7 .fields br{ display:none; } .wpcf7 .fieldtext{ display:block; font-weight:bold; font-size:0.9em; } .wpcf7 .thefield{ display:block; } .wpcf7 .field.nodesc .fieldtext{ display:none; } .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"]{ vertical-align:middle; margin:0.4rem; } .wpcf7 input.wpcf7-text, .wpcf7 input.wpcf7-number, .wpcf7 input.wpcf7-date, .wpcf7 select.wpcf7-select, .wpcf7 textarea{ min-width:100%; max-width:100%; outline:none; box-shadow:none; border:1px solid #aaa; padding:0.25rem 0.5rem; display:inline-block; background:none; font-size:1em; font-family:inherit; color:inherit; } .wpcf7 textarea{ min-height:7em; } .wpcf7 input.wpcf7-text:focus, .wpcf7 input.wpcf7-number:focus, .wpcf7 input.wpcf7-date:focus, .wpcf7 select.wpcf7-select:focus, .wpcf7 textarea:focus{ border-color:#000; outline:none!important; box-shadow:none!important; } .wpcf7 input.wpcf7-text::placeholder, .wpcf7 input.wpcf7-number::placeholder, .wpcf7 textarea::placeholder{ color:#aaa; } input[type="radio"], input[type="checkbox"]{ vertical-align:baseline!important; } .wpcf7 .wpcf7-radio label > *{ vertical-align:middle; } .wpcf7-form-control-wrap{ display:block; } .wpcf7 input.wpcf7-submit{ padding:0.5rem 1.5rem; font-size:0.9em; border:none; cursor:pointer; float:right; text-transform:uppercase; background:var(--swatch_button); color:var(--swatch_button_text); font-family:inherit; font-weight:bold; } .wpcf7 input.wpcf7-submit:focus, .wpcf7 input.wpcf7-submit:hover{ background:opacity:0.8; } .wpcf7 input.wpcf7-submit:active{ } .wpcf7-spinner{ display:block!important; } @media screen and (max-width:500px) { .wpcf7 .double > *{ width:100%!important; padding-left:0!important; padding-right:0!important; } } .cff { overflow-wrap: break-word; } .someicons a{ margin:0 0.5em; } .someicons a::before{ display:none; } .someicons img, .someicons svg{ width:30px; } .someicons svg path{ transition:fill 0.2s; } .someicons a:hover svg path{ fill:#f00; } .truckinfo table{ border:1px solid #aaa!important; font-size: 0.8em!important; } .truckinfo td{ border:none!important; } .truckinfo tr:not(:last-child) td{ border-bottom:1px solid #ddd!important; } .truckinfo td:nth-child(2){ border-right:1px solid #ddd!important; } .doubletrucktime .left, .doubletrucktime .right { width:50%; } .doubletrucktime > .right > p, .doubletrucktime > .left > p{ display:none; } .doubletrucktime { display:flex; gap:1.5em; } .sidebysideheader .doubletrucktime { margin-top:2em; width:40em; max-width:100%; } .L_article_truck_info .doubletrucktime { padding: 0.6em 0.8em; } .doubletrucktime table ~ table { margin-top:1em; } .doubletrucktime td:first-child { max-width:2.5em!important; min-width:2.5em!important; width: 2.5em !important; border:none!important; padding:0.2em 0.6em 0 0; } .doubletrucktime td:last-child { padding:0; width:unset!important; } .doubletrucktime img { width:100%!important; } .doubletrucktime table p { display:block; margin:0; padding:0.3em 0.8em; } .doubletrucktime table p + p { border-top:1px solid #ccc; } @media screen and (max-width:800px) { .doubletrucktime { flex-wrap:wrap; gap:1em; } .doubletrucktime .left, .doubletrucktime .right { width:100%; } } .L_articlecarousel .L_article_title{ text-align:center; } .L_articleshape_vertical.L_articlecarousel .L_article{ padding:0 0.5em; } .L_articleshape_vertical.L_articlecarousel .L_article_inner{ background:#fff; padding:0.5em!important; } .L_articleshape_vertical.L_articlecarousel .L_article_textcontent{ padding:1.5em 0.5em!important;; } .L_articleshape_vertical.L_articlecarousel .L_article_title, .L_articleshape_vertical.L_articlecarousel .L_article_excerpt{ color:#000!important; text-transform:unset!important; text-align:center; } .L_articleshape_kalusto .L_article{ width:100%; margin-top:1.5rem; } .L_articleshape_kalusto .L_article_title{ margin-left: calc(150px + 1.5rem); margin-bottom: 0.1em; } .L_articleshape_kalusto .L_article_subin{ border: 1px solid #aaa !important; display:flex; flex-wrap:wrap; } .L_articleshape_kalusto .L_article_leftin{ min-width:170px; max-width:170px; } .L_articleshape_kalusto .L_article_image{ width:170px; height:170px; } .L_articleshape_kalusto .L_article_image img{ object-fit:contain; width:150px; height:150px; top: 10px; left: 10px; } .L_article_clickbutton{ text-align: center; padding: 0.5em; } .L_articleshape_kalusto .L_article_textcontent{ min-width:calc(100% - 170px); max-width:calc(100% - 170px); flex-grow:1; border-left:1px solid #aaa; padding:0.6em 0.8em; } @media screen and (max-width:600px) { .L_articleshape_kalusto .L_article_title{ margin-left: 0; text-align:center; } .L_articleshape_kalusto .L_article_leftin{ min-width:100%; max-width:100%; } .L_articleshape_kalusto .L_article_textcontent{ min-width:100%; max-width:100%; border-left:none; border-top:1px solid #aaa; } .L_articleshape_kalusto .L_article_image{ margin:0 auto; } } .L_kalusto_buttons{ text-align:center; width:100%; } .L_button{ background:#eee; padding:0.5em 1.5em; border-radius:1.5em; display:inline-block; margin:0.2em; cursor:pointer; } .L_button, .L_button *{ vertical-align:baseline; } .L_button small{ font-size:0.75em; } .L_button:hover{ background:#ddd; } .L_button.L_current{ background:var(--swatch_button); color:var(--swatch_button_text); } .wpforms-container textarea, .wpforms-container select, .wpforms-container input[type="text"], .wpforms-container input[type="tel"], .wpforms-container input[type="email"], .wpforms-container input[type="number"] { box-shadow: 1px 2px 12px rgba(0,0,0,0.2) !important; border-radius: 1.2em !important; border: 1px solid rgba(0,0,0,0.2) !important; } .sidebysideheader.kalusto .L_spotlight_image .L_the_image { object-fit: contain; } .sidebysideheader.kalusto .headertext { width:60%; padding:4em 5% 3em; } .sidebysideheader.kalusto .headertext > .inner{ max-width: 100%; } .sidebysideheader.kalusto .headerimage { clip-path: unset; width:40%; padding-top: 3em; padding-right: 3em; } .sidebysideheader.kalusto .reservelink { font-size:1.1em; } .sidebysideheader.kalusto .L_spotlight_image, .sidebysideheader.kalusto .L_spotlight_images { background:#fff; } @media screen and (max-width:1000px) { .sidebysideheader.kalusto .headertext, .sidebysideheader.kalusto .headerimage { width:100%; } .sidebysideheader.kalusto .headerimage { padding:0; } .sidebysideheader.kalusto .headertext { padding-bottom: 1em; } } .L_spotlight_buttons { bottom: 4%; left: 13%; width: auto; } #wpforms-60{ width:300px; max-width:100%; } .L_article_excerpt { line-height: 1.4em; } .L_article_title { line-height: 1.2em; } .ajankohtaista .L_article { width: calc(360px + 1.5rem * 2)!important; max-width:100%!important; } .ajankohtaista .L_article_textcontent { padding:1.2rem 1.6rem 1.4rem!important; background:#00963F!important; } .ajankohtaista * { color:#fff!important; } .ajankohtaista .L_article_title { font-size:1.3em!important; } @media screen and (min-width: 1101px) { .centeronwrap { justify-content:center; } .centeronwrap > * { width:unset!important; } } @media screen and (max-width:1000px) { #main .L_sbs_row{ flex-direction:column; gap:1.5em; } }