@charset "utf-8";
body,div,dl,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0; box-sizing:border-box; -moz-box-sizing:border-box;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style: none;}
ol, ul, li {font-family: inherit;font-size: 100%;font-weight: inherit;font-style: inherit;vertical-align: baseline;white-space: normal;text-align: left;margin: 0;padding: 0;border: 0;outline: 0;background: transparent;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
input:focus{outline:none;}
textarea:focus{outline:none;}
button{appearance: none; background: transparent;}
body{font-family:var(--default);}
    :root{
  --maxwidth:1440px;
  --gtime:0.4s;
  --border: 4px dotted var(--semifg);
}


.clearfix:after {visibility: hidden;display: block;font-size: 0; content:' '; clear: both; height: 0;}
.trans{transition:all var(--gtime);}
.transcolor{transition:color var(--gtime), background-color var(--gtime);}
.layer{display:block; position:absolute; inset:0;}
.center{top:50%; left:50%; transform:translate(-50%,-50%);}
.hidden{display:none;}
/* *,*::before,*::after{background:rgba(0,128,255,0.1); border:1px solid #369;}}*/
:root{
 --fg:#001927;
 --fg:oklch(0.195 0.054 223.700 / 1.000);
 --bg:#fbfeff;
 --bg:oklch(0.995 0.004 223.700 / 1.000);
 --accent:#00c1ff;
 --accent:oklch(0.735 0.214 223.700 / 1.000);
 --link:#005398;
 --link:oklch(0.395 0.214 223.700 / 1.000);
 --link_hover:#00c1ff;
 --link_hover:oklch(0.735 0.214 223.700 / 1.000);
 --semifg:#b9c5ca;
 --semifg:oklch(0.817 0.015 223.700 / 1.000);
}

@font-face {
  font-family: 'bricolage';
  src: url('bricolage.woff2') format('woff2-variations'),
  url('bricolage.woff2') format('woff2');
  font-weight: 400; font-style: normal;
}
:root{
  --bricolage : 'bricolage','Arial','Helvetica','Roboto',sans-serif;
  --default : 'Arial','Helvetica','Roboto',sans-serif;
}
div.xrtf{
  --g-fs:clamp(0.8em, 1.2vw, 1.2em);
  --p-fs:0.844em; --p-lh:2.000em;  --p-m:2.000em 0 2.000em 0;
  --h1-fs:3.203em; --h1-lh:1.054em; --h1-m:1.054em 0 0.527em 0;
  --h2-fs:2.053em; --h2-lh:1.644em; --h2-m:1.644em 0 0.822em 0;
  --h3-fs:1.316em; --h3-lh:1.282em; --h3-m:1.282em 0 1.282em 0;
  --h4-fs:0.844em; --h4-lh:2.000em; --h4-m:2.000em 0 2.000em 0;
  --h5-fs:0.844em; --h5-lh:2.000em; --h5-m:2.000em 0 2.000em 0;
  --h6-fs:0.844em; --h6-lh:2.000em; --h6-m:2.000em 0 2.000em 0;
  --p-color:var(--fg);
  --h1-color:var(--fg);
  --h2-color:var(--fg);
  --h3-color:var(--fg);
  --h4-color:var(--fg);
  --h5-color:var(--fg);
  --h6-color:var(--fg);
  --link:var(--link);
  --visited:var(--link);
  --hover:var(--link_hover);
  --active:var(--link);
  --global-fontfamily:var(--default);
  --h1-fontfamily:var(--bricolage);
  --h2-fontfamily:var(--bricolage);
  --h3-fontfamily:var(--bricolage);
  --h4-fontfamily:var(--bricolage);
  --h5-fontfamily:var(--bricolage);
  --h6-fontfamily:var(--bricolage);
  --indent:1em;
}

div.xrtf strong{font-weight:bold; font-style:normal;}
div.xrtf em{font-weight:normal; font-style:italic;}
div.xrtf b{font-weight:bold; font-style:normal;}
div.xrtf i{font-weight:normal; font-style:italic;}
div.xrtf h1{font-variation-settings:'wght' 591, 'wdth' 100;}
div.xrtf h2{font-variation-settings:'wght' 667, 'wdth' 100;}
div.xrtf h3{font-variation-settings:'wght' 640, 'wdth' 100;}
div.xrtf h4{font-variation-settings:'wght' 729, 'wdth' 100;}
div.xrtf h5{font-variation-settings:'wght' 607, 'wdth' 100;}
div.xrtf h6{font-variation-settings:'wght' 620, 'wdth' 100;}


div.xrtf{font-size:var(--g-fs); font-family:var(--global-fontfamily); color:var(--p-color); font-variant-ligatures:normal; font-optical-sizing:auto;}
div.xrtf p {font-size: var(--p-fs);  line-height:var(--p-lh);   margin: var(--p-m); hyphens:auto; text-align:justify;}
div.xrtf h1{font-size: var(--h1-fs); line-height: var(--h1-lh); margin: var(--h1-m); color:var(--h1-color); font-family:var(--h1-fontfamily); text-wrap:balance;}
div.xrtf h2{font-size: var(--h2-fs); line-height: var(--h2-lh); margin: var(--h2-m); color:var(--h2-color); font-family:var(--h2-fontfamily); text-wrap:balance;}
div.xrtf h3{font-size: var(--h3-fs); line-height: var(--h3-lh); margin: var(--h3-m); color:var(--h3-color); font-family:var(--h3-fontfamily); text-wrap:balance;}
div.xrtf h4{font-size: var(--h4-fs); line-height: var(--h4-lh); margin: var(--h4-m); color:var(--h4-color); font-family:var(--h4-fontfamily); text-wrap:balance;}
div.xrtf h5{font-size: var(--h5-fs); line-height: var(--h5-lh); margin: var(--h5-m); color:var(--h5-color); font-family:var(--h5-fontfamily); text-wrap:balance;}
div.xrtf h6{font-size: var(--h6-fs); line-height: var(--h6-lh); margin: var(--h6-m); color:var(--h6-color); font-family:var(--h6-fontfamily); text-wrap:balance;}

div.xrtf strong{font-family:var(--strong-fontfamily);}
div.xrtf b{font-family:var(--strong-fontfamily);}
div.xrtf em{font-family:var(--italic-fontfamily);}
div.xrtf i{font-family:var(--italic-fontfamily);}
div.xrtf a:link{color:var(--link);}
div.xrtf a:visited{color:var(--visited);}
div.xrtf a:hover{color:var(--hover);}
div.xrtf a:active{color:var(--active);}

div.xrtf ol {list-style-type: decimal; margin:var(--p-m); margin-left:var(--indent); font-size:var(--p-fs); line-height:var(--p-lh);}
div.xrtf ul {list-style-type: disc; margin:var(--p-m); margin-left:var(--indent); font-size:var(--p-fs); line-height:var(--p-lh);}
div.xrtf li ol{margin:0 0 0 var(--indent); font-size:1em;}
div.xrtf li ul{margin:0 0 0 var(--indent); font-size:1em;}

div.xrtf dl {margin:var(--p-m); font-size:var(--p-fs); line-height:var(--p-lh); color:var(--p-color);}
div.xrtf dt {font-weight:bold;}
div.xrtf dd {margin-left: var(--indent);}

div.xrtf blockquote{margin-left: var(--indent);}
div.xrtf blockquote p:first-child:before{content:open-quote;}
div.xrtf blockquote p:last-child:after{content:close-quote;}

div.xrtf hr{ border:0; height:1px; color:var(--border); background-color:var(--border); margin:-1px auto 0 auto; width:50%; }
div.xrtf hr:after {visibility: hidden;display: block;font-size: 0; content:''; clear: both; height: 0;}

div.xrtf table{width:100%; border-collapse:collapse; margin:var(--p-m); font-size:var(--p-fs); line-height:var(--p-lh);}
div.xrtf table caption{padding:0px 5px 0px 5px; font-weight:bold;}
div.xrtf th,td {padding:0px 5px 0px 5px; vertical-align:top;}
div.xrtf td {position:relative;}
div.xrtf td:before{content:''; display:block; background:var(--p-color); position:absolute; top:0; left:0; right:0; height:1px;}
div.xrtf th {font-weight:bold;}

div.xrtf sup, sub {vertical-align: baseline; position: relative; top: -0.4em;}
div.xrtf sub {top: 0.4em;}

div.xrtf address{font-size:var(--p-fs); line-height:var(--p-lh); margin:var(--p-m);}
div.xrtf pre{font-size:var(--p-fs); line-height:var(--p-lh); margin:var(--p-m);}
:root{
 --icon-html:url(html.svg);
 --icon-audio:url(audio.svg);
 --icon-menu:url(menu.svg);
 --icon-css:url(css.svg);
 --icon-zip:url(zip.svg);
 --icon-g2right:url(g2right.svg);
 --icon-jpg:url(jpg.svg);
 --icon-xls:url(xls.svg);
 --icon-info:url(info.svg);
 --icon-behance:url(behance.svg);
 --icon-ekke_d:url(ekke_d.svg);
 --icon-gminus:url(gminus.svg);
 --icon-g2left:url(g2left.svg);
 --icon-pdf:url(pdf.svg);
 --icon-tiff:url(tiff.svg);
 --icon-facebook:url(facebook.svg);
 --icon-success:url(success.svg);
 --icon-typeface:url(typeface.svg);
 --icon-svg:url(svg.svg);
 --icon-folder:url(folder.svg);
 --icon-search:url(search.svg);
 --icon-error:url(error.svg);
 --icon-question:url(question.svg);
 --icon-wgrid:url(wgrid.svg);
 --icon-doc:url(doc.svg);
 --icon-ekke_l:url(ekke_l.svg);
 --icon-ppt:url(ppt.svg);
 --icon-video:url(video.svg);
 --icon-file:url(file.svg);
 --icon-arrow_left:url(arrow_left.svg);
 --icon-youtube:url(youtube.svg);
 --icon-close:url(close.svg);
 --icon-instagram:url(instagram.svg);
 --icon-link:url(link.svg);
 --icon-eps:url(eps.svg);
 --icon-png:url(png.svg);
 --icon-play:url(play.svg);
 --icon-arrow_up:url(arrow_up.svg);
 --icon-gplus:url(gplus.svg);
 --icon-gif:url(gif.svg);
 --icon-wclose:url(wclose.svg);
 --icon-exe:url(exe.svg);
 --icon-g2reload:url(g2reload.svg);
 --icon-arrow_right:url(arrow_right.svg);
 --icon-plus:url(plus.svg);
}
div.xnewsgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(350px,1fr)); grid-gap:6em; padding:6em;}
div.xnewsgrid div.xxcard div.txt{background:var(--bg); transform: translate(2.5em, -5.4em); padding-bottom:1em;}
div.xnewsgrid div.xxcard div.txt h3{font-size:var(--h3-fs); margin-bottom:0; background:var(--leniard); background-size:1px var(--h3-lh); background-position: 1px calc(var(--h3-fs) / 2.4); hyphens:auto;}
div.xnewsgrid div.xxcard div.txt h4{font-size:1.2em; margin:0; font-variation-settings:'wght' 530, 'ital' 0, 'wdth' 100}
div.xnewsgrid div.xxcard:hover div.txt{background-color:var(--accent); transition:all var(--gtime);}

header.header{background:url(equal1.svg) no-repeat center center; height:25vh; background-size:cover;}
div.headerinner{background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 47%); 
  color:var(--fg); font-family:var(--bricolage); text-align:center;}
div.logo{font-size:2vw;}
div.logo a{text-decoration:none; color:var(--fg); display:inline-block; position:relative; background:url(logo.svg) no-repeat center top; background-size:2em; padding-top:2.5em;}
div.logo a:after{content:''; display:block; position:absolute; bottom:0; left:50%; right:50%; height:10px; background:var(--fg);transition:all var(--gtime);}
div.logo:hover a:after{left:0; right:0;transition:all var(--gtime);}
div.mainmenu{padding:1em 1em 70px 1em; z-index: 10; position:sticky; top:0;}
div.mainmenu a{display:inline-block; text-decoration:none; padding:0.5em 2em; color:var(--fg); position:relative;}
div.mainmenu a:before{content:''; display:block; position:absolute; left:50%; right:50%; bottom:0; height:10px; background:var(--fg); transition:all var(--gtime);}
div.mainmenu a:hover:before{left:2em; right:2em; transition:all var(--gtime);}
div.mainmenu a.s1:after{content:''; display:block; position:absolute; left:2em; right:2em; bottom:0; height:10px; background:var(--semifg); transition:all var(--gtime);}
div.mainmenu a.lang{text-transform:uppercase; font-size:0.8em; border-right:1px solid var(--fg);}

div.xlinklist{display:grid; grid-template-columns:repeat(auto-fill,minmax(400px,1fr)); grid-gap:6em; padding:6em;}
div.xlinklist.xsmall{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
div.xlinklist div.xxcard{display:grid;}
div.xlinklist div.txt{align-self:end; background:var(--bg); transform: translate(2em, 1.9em); padding-bottom:1em;}
div.xlinklist h3{margin:0; font-size:2em;margin-bottom:0;}
div.xlinklist.xsmall h3{font-size:1.6em;}
@media only screen and (max-width: 800px) {
    div.xlinklist{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
}

div.xstory{max-width:var(--maxwidth); margin:0 auto; padding:6em; display:grid; grid-template-columns:1fr 1fr; grid-gap:6em; grid-template-rows: auto 1fr;}
div.xstory div.story-title{grid-area:1 / 1 / 2 / 2;}
div.xstory div.story-body{grid-area:1 / 2 / 3 / 2;}
div.xstory div.xlink{margin-left:-4em;}
div.xstory div.xframedtext{margin-left:-2em;}
div.xstory div.xframedtext.half-right{margin-right:-2em; margin-left:1em;}
div.xstory figure.xphoto{margin-left:-4em;}
div.xstory div.xvideo{margin-left:-4em;}
div.xstory div.xembedmedia{margin-left:-4em;}
@media only screen and (max-width: 800px) {
  div.xstory{grid-template-columns:1fr; grid-gap:3em; padding:3em;}
  div.xstory div.story-title{grid-area:1 / 1 / 2 / 2;}
  div.xstory div.story-body{grid-area:2 / 1/  3 / 2;}
  div.xstory figure.xphoto{margin-left:0;}
  div.xstory div.xvideo{margin-left:-2em;}
  div.xstory div.xembedmedia{margin-left:-2em;}
  div.xstory div.xframedtext{margin-left:0;}
  div.xstory div.xframedtext.half-right{margin-right:0; margin-left:0;}
}

div.xxtitlebar{padding:8em 6em 0em 6em;  border-bottom:1px solid var(--semifg);}
div.xxtitlebar h1{font-family:var(--bricolage);  font-size:2em; line-height:0.5em; font-variation-settings:'wght' 630, 'ital' 0; margin:0;}

a.xbutton{display:inline-block; text-decoration:none; font-family:var(--lilex); padding:1em;}
a.xbutton span{transition:all var(--gtime); padding:2px 4px; position:relative;}
a.xbutton:link span{color:var(--fg); background:var(--bg);}
a.xbutton:visited span{color:var(--fg); background:var(--bg);}
a.xbutton:hover span{filter:invert(100%);}
a.xbutton:focus span{filter:invert(100%); outline:none;}
a.xbutton.xicon span{padding-left:calc(1em + 8px);}
a.xbutton.xicon span:before{content:''; width:1em; height:1em; background:var(--xicon) no-repeat center center; background-size:80%; display:block; left:5px; top:50%; transform:translate(0, -50%); display:block; position:absolute;}
a.xbutton.xicon.xicon-right span{padding-right:calc(1em + 8px); padding-left:4px;}
a.xbutton.xicon.xicon-right span:before{right:5px; left:auto;}
a.xbutton.icon-only{aspect-ratio: 1 / 1; width:2em; background:var(--xicon) no-repeat center center; background-size:50%;}
a.xbutton.icon-only span{display:none;}
a.xbutton.xupper span{text-transform:uppercase;}
a.xbutton.icon-only{aspect-ratio: 1 / 1; width:2em; background:var(--xicon) no-repeat center center; background-size:50%;}
a.xbutton.icon-only span{display:none;}
a.xbutton.sel span{filter:invert(100%);}
div.xrtf a.xbutton{background:transparent;}

div.xxcard{position:relative;}
div.xxcard img{width:100%;}
div.xxcard video{width:100%;}
div.xxcard a.url{display:block; position:absolute; inset:0;}
div.xxcard a.url span{display:none;}

div.xlink{position:relative; padding:1em; display:grid; grid-template-columns:4em 1fr; grid-gap:1em; border:4px dotted rgba(255,255,255,0.0001); transition-delay:0s; transition-property:all;  transition-duration:var(--gtime);}
div.xlink:hover, div.xlink:focus{border:var(--border); transition-delay:1s;}
div.xlink img{width:4em; height:4em; object-fit:cover;}
div.xlink a{display:block; position:absolute; inset:0;}
div.xlink a span{display:none;}
div.xlink p{font-family:var(--lilex); margin:0;}
div.xlink h3{margin:0;}
div.xlink:hover h3 span,div.xlink:focus h3 span{background:linear-gradient(0deg,var(--accent) 45%, transparent 45%); transition:all 10s;}

figure.xphoto{margin:0 0 4em 0; position:relative;}
figure.xphoto img{width:100%; display:block;}
figure.xphoto figcaption{font-family:var(--lilex); padding:1em 0 0 0; font-size:0.8em;}
figure.xphoto figcaption strong{font-variation-settings: 'wght' 700;}
figure.xphoto a{display:block; position:absolute; inset:0; cursor:zoom-in;}
figure.xphoto a span{display:none;}
figure.bs_gallery{cursor:pointer; outline:4px dotted transparent; outline-offset:4px; transition:outline-color var(--gtime); transition-delay:0s; transition-property:all;  transition-duration:var(--gtime);}
figure.bs_gallery:hover{outline-color:var(--semifg);}
dialog.img-zoom{margin:0; border:none; padding:0; transition:all 0.5s; position:fixed; background:transparent;}
dialog.img-zoom img{display:block; position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); object-fit:contain; background-repeat:no-repeat; background-position: center center; background-size: contain; cursor:zoom-out;}
dialog.img-zoom a.img-zoom-close{position:fixed; right:1em; top:1em; background:url(close.svg) no-repeat center center; width: 2em; height:2em;}
dialog.img-zoom a.img-zoom-close span{display:none;}
dialog.img-zoom a.img-zoom-close:hover{transform:scale(1.1);}
dialog.img-zoom::backdrop{background:transparent; transition:all 0.5s;}
dialog.img-zoom.open::backdrop{background: var(--imgbg); transition:all 0.5s;}

div.xvideo{margin-bottom:4em;}
div.xvideo video{width:100%; display:block;}
div.xvideo div.video-title {font-family:var(--lilex); padding:1em 0 0 0; font-size:0.8em; line-height:normal;}
div.xvideo div.video-title span{margin:0;}
div.xvideo div.video-title strong{font-variation-settings: 'wght' 700;}

div.xembedmedia{margin-bottom:4em;}
div.xembedmedia iframe{border:none; width:100%; height:100%;}
div.xembedmedia img{display:block; width:100%;}
div.xembedmedia div.embed-title {font-family:var(--lilex); padding:1em 0 0 0; font-size:0.8em; line-height:normal;}
div.xembedmedia div.embed-title span{margin:0;}
div.xembedmedia div.embed-title strong{font-variation-settings: 'wght' 700;}
div.xembedmedia a{display:block; position:relative; outline:4px dotted transparent; outline-offset:4px; transition:outline-color var(--gtime);}
div.xembedmedia a:hover{outline-color:var(--semifg);}

div.xframedtext{border:4px dotted var(--semifg); padding:0.5em 1em;}
div.xframedtext p{font-family:var(--regrade); font-variation-settings: 'wght' 800, 'ital' 0; text-align:left;}
div.xframedtext p:first-child{margin-top:0;}
div.xframedtext p:last-child{margin-bottom:0;}
div.xframedtext.half-left{float:left; width:50%; margin:0 1em 0 0;}
div.xframedtext.half-right{float:right; width:50%; margin:0 0 0 1em;}
@media only screen and (max-width: 800px) {
  div.xframedtext.half-left{float:none; width:auto; margin:0;}
  div.xframedtext.half-right{float:none; width:auto; margin:0;}
}
div.xtable{margin-left:-4em;}
@media only screen and (max-width: 800px) {
  div.xtable{margin-left:0;}
}  

div.xrtf td:before{background:var(--semifg);}
div.xrtf tr:first-child td:before{background:transparent;}
div.xrtf tr:hover{background:var(--info);}
div.xrtf caption{font-family:var(--lilex); font-size:0.8em; border-bottom:4px dotted var(--semifg);}

div.story-headline{}
div.story-headline div.inner{max-width:var(--maxwidth); margin:0 auto; display:grid; grid-gap:4em; padding:max(4em,100px) 1em;}
div.story-headline.portrait div.inner{grid-template-columns:1fr 2fr;}
div.story-headline.square div.inner{grid-template-columns:1fr 1fr;}
div.story-headline.landscape div.inner{grid-template-columns:2fr 1fr;}
div.story-headline.panorama div.inner{grid-template-columns:1fr;}
div.story-headline img{width:100%;}
div.story-headline video{width:100%;}
div.story-headline div.text{align-self:center;}

@media only screen and (max-width: 800px) {
    div.story-headline.portrait div.inner{grid-template-columns:1fr;}
    div.story-headline.square div.inner{grid-template-columns:1fr;}
    div.story-headline.landscape div.inner{grid-template-columns:1fr;}
    div.story-headline div.text{padding:0 3em;}
}

div.xrtf.story-headline h1{font-size:4em; margin:0;}
div.xrtf.story-headline h2{font-size:1.8em; margin:0; font-variation-settings: 'wght' 430, 'ital' 0, 'wdth' 100;}
div.xrtf.story-headline.light h1{color:#fff;}
div.xrtf.story-headline.light h2{color:#fff;}
div.xrtf.story-headline.dark h1{color:#000;}
div.xrtf.story-headline.dark h2{color:#000;}

div.meta{font-family:var(--lilex); font-size:var(--p-fs); margin:var(--p-m); text-align:right;}
div.meta time{display:block; font-variation-settings: 'wght' 700; margin:1em 0;}
div.xcategory span{color:var(--bg); background:var(--fg);}

@media only screen and (max-width: 800px) {
    div.meta{text-align:left;}
}

div.ga2{position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.85); display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;  align-content: stretch; opacity:0; z-index:100000;}
div.ga2 div.top{color:#eee; text-align:center; padding:10px 60px; position:relative;}
div.ga2 div.top h1{font-size:1.2em;}
div.ga2 div.top p{font-size:0.8em; margin:0.8em 0 0 0;}
div.ga2 div.top p.counter{display:block; position:absolute; top:10px; left:10px; margin:0; font-size:1.2em;}
div.ga2 div.canvas{flex:1;position:relative;}
div.ga2 div.bottom{color:#eee; text-align:center;padding:10px 60px; position:relative;}
div.ga2 div.bottom h2{font-size:1em; font-weight:bold;}
div.ga2 div.bottom p{font-size:0.8em; margin:0.8em 0 0 0;}

div.ga2 img.canvas{max-width:88%; max-height:95%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow: 0px 0px 20px 6px rgba(0,0,0,1); cursor:pointer; display:none;}
div.ga2 a.btn{display:block; position:absolute; top:0; bottom:0; width:5%; background-repeat:no-repeat; background-position:center center; background-size:50%; transition:all 0.5s;}
div.ga2 a.btn:link{opacity:0.6;}
div.ga2 a.btn:visited{opacity:0.6;}
div.ga2 a.btn:hover{opacity:1.0;}
div.ga2 a.btn:focus{opacity:1.0;}
div.ga2 a.btn span{display:none;}
div.ga2 a.btn.next{right:0; background-image:url(g2right.svg);}
div.ga2 a.btn.next.last{background-image:url(g2reload.svg);}
div.ga2 a.btn.prev{left:0; background-image:url(g2left.svg);}
div.ga2 a.btn.close{background-image:url(wclose.svg); top:0; right:0; bottom:auto; width:40px; height:40px;}
div.ga2 a.btn.thumb{background-image:url(wgrid.svg); top:auto; right:0; bottom:0; width:40px; height:40px;}
div.ga2 div.thumb{display:none; margin:auto; padding:20px;}
div.ga2 div.thumb a{float:left; width:50px; height:50px; display:block; margin:5px; transition:all 0.5s; border-bottom:1px solid transparent; background-repeat:no-repeat; background-position:center center; background-size:cover;background-color:rgba(0,0,0,0.5);}
div.ga2 div.thumb a.sel{border-bottom:1px solid #eee;}
div.ga2 div.thumb a:hover{border-bottom:1px solid #fff;}
div.ga2 div.thumb a span{display:none;}
div.ga2 div.thumb.on{display:inline-block;}

div.headline2 img{width:100%; max-height:70vh; object-fit:contain; object-position:top left;}