@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(--geist); background-color:var(--bg); font-size:var(--fsize);}
:root{
  --maxwidth:1200px;
  --gtime:0.5s;
  --fsize:clamp(0.8em, 1.2vw, 1.2em);
  --stripe:repeating-linear-gradient(90deg, transparent, transparent 30px, var(--fg) 30px, var(--fg) 60px);
}


.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; unset:0;}
.hidden{display:none;}
.xtile{aspect-ratio:1 / 1; background-color:var(--fg);}
.striped:after{content:''; display:block; position:absolute;left:0; right:0; top:50%; height:6px; transform:translate(0,-50%); background-image: var(--stripe); background-position:center; z-index:-1;}
.striped1{position:relative;}
.striped1:after{content:''; display:block; position:absolute;left:0; right:0; top:75%; height:2px; background-image: var(--stripe); background-position:center; z-index:-1;}:root{
 --accent:#cada29;
 --accent:oklch(0.848 0.183 115.127 / 1.000);
 --bg:#fbfbf9;
 --bg:oklch(0.988 0.003 115.127 / 1.000);
 --fg:#252700;
 --fg:oklch(0.258 0.183 115.127 / 1.000);
}

@font-face {
  font-family: 'geist';
  src: url('geist.woff2') format('woff2-variations'),
  url('geist.woff2') format('woff2');
  font-weight: 400; font-style: normal;
}


@font-face {
  font-family: 'kalman';
  src: url('kalman-variablevf.woff2') format('woff2-variations'),
  url('kalman-variablevf.woff2') format('woff2');
  font-weight: 400; font-style: normal;
}
:root{
  --geist : 'geist','Arial','Helvetica','Roboto',sans-serif;
  --kalman : 'kalman','Arial','Helvetica','Roboto',sans-serif;
}
div.xrtf{
  --g-fs:1em;
  --p-fs:0.938em; --p-lh:2.400em;  --p-m:2.400em 0 2.400em 0;
  --h1-fs:3.840em; --h1-lh:1.172em; --h1-m:1.172em 0 0.586em 0;
  --h2-fs:2.400em; --h2-lh:1.875em; --h2-m:1.875em 0 0.937em 0;
  --h3-fs:1.500em; --h3-lh:1.500em; --h3-m:1.500em 0 1.500em 0;
  --h4-fs:0.938em; --h4-lh:2.400em; --h4-m:2.400em 0 2.400em 0;
  --h5-fs:0.938em; --h5-lh:2.400em; --h5-m:2.400em 0 2.400em 0;
  --h6-fs:0.938em; --h6-lh:2.400em; --h6-m:2.400em 0 2.400em 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(--fg);
  --visited:var(--fg);
  --hover:var(--fg);
  --active:var(--fg);
  --global-fontfamily:var(--geist);
  --h1-fontfamily:var(--geist);
  --h2-fontfamily:var(--geist);
  --h3-fontfamily:var(--geist);
  --h4-fontfamily:var(--geist);
  --h5-fontfamily:var(--geist);
  --h6-fontfamily:var(--geist);
  --indent:1em;
}

div.xrtf p{font-weight:normal; font-style:normal;}
div.xrtf strong{font-weight:bold; font-style:normal;}
div.xrtf em{font-weight:bold; font-style:normal;}
div.xrtf b{font-weight:bold; font-style:normal;}
div.xrtf i{font-weight:bold; font-style:normal;}
div.xrtf p{font-variation-settings:'wght' 400;}
div.xrtf h1{font-variation-settings:'wght' 658;}
div.xrtf h2{font-variation-settings:'wght' 800;}
div.xrtf h3{font-variation-settings:'wght' 624;}
div.xrtf h4{font-variation-settings:'wght' 704;}


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-close:url(close.svg);
 --icon-arrow_left:url(arrow_left.svg);
 --icon-arrow_right:url(arrow_right.svg);
 --icon-link:url(link.svg);
 --icon-search:url(search.svg);
}
div.xframe{display:grid; grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));}
div.xmenu2{position:fixed; inset:0; overflow:auto; background:var(--bg);  opacity:0;  visibility:hidden; z-index:20000; transform:translate(0,10px);}
div.xmenu2.open{opacity:1; visibility:visible;  transform:translate(0,0);}
div.xmenu-items{padding:4em; text-align:left; padding:4em; display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 1fr)); grid-gap:2em;}
div.xmenu-group{position:relative; padding-bottom:2em;}

a.xmenu-item{text-decoration:none; display:block; color:var(--fg); position:relative;}
a.xmenu-item.level-0, a.xmenu-item.level-1{font-size:2em; padding:0.5em; font-variation-settings: 'wght' 600, 'ital' 0;}
a.xmenu-item.level-2 {font-size:1.6em; padding:0.5em 0.5em 0.5em 2em; font-variation-settings: 'wght' 600, 'ital' 0;}
a.xmenu-item.level-3 {font-size:1.2em; padding:0.5em 0.5em 0.5em 4em; font-variation-settings: 'wght' 600, 'ital' 0;}
a.xmenu-item span{position:relative; transition:all var(--gtime);}
a.xmenu-item span:hover{color:var(--accent);}
a.xmenu-item span:focus{color:var(--accent);}
a.xmenu-item.hidden{display:none;}
a.xmenu-item.sel span::after{font-size:12px; font-family:var(--thefont); content:'ön itt áll'; color:var(--accent); display:block; position:absolute; top:-12px; left:0; white-space:nowrap;}
a.xmenu-item.sel span::before{content:''; display:block; position:absolute; background:var(--accent); width:12px; height:12px; border-radius:50%; top:-10px; left:-15px;}

input.bigsearch{display:block; width:90%; max-width:calc(var(--maxwidth) / 2); margin:1em auto; font-family:var(--geist); padding:1em 1em 1em 2em; border:none; border-bottom:1px solid var(--fg); background:url(search.svg) no-repeat center left transparent; background-size:12px;}

div.articleframe{max-width:var(--maxwidth); margin:0 auto; display:grid; grid-template-columns:2fr 1fr; grid-gap:2px; padding:0 2px 2px 2px; background-color:var(--bg);}

div.xarticle{padding:4em; color:var(--fg);}
div.xarticle h1{color:var(--fg);}
div.xarticle h2{color:var(--fg); text-transform:uppercase; font-size:1em;}
@media only screen and (max-width: 800px) {
  div.articleframe{grid-template-columns: 1fr;}
}

div.xspec{padding:2em; margin:0 auto; max-width:var(--maxwidth);}
div.xguys a{display:block; text-decoration:none; text-transform:uppercase;}
img.xportrait{display:block; height:4em; filter:brightness(calc(100% + 50%)) grayscale(100%) contrast(1000%);}
@media (orientation: portrait){
  img.xportrait{display:block; height:2em;}
}

div.xbannergrid{display:grid; grid-template-columns:auto 1fr; grid-gap:4em;}
div.xpagetitle{padding:0 4em 4em 0;}
div.xpagetitle h1{font-size:2em; text-transform:uppercase;}
div.xpagetitle h2{font-size:1.2em; max-width:30ch;}

span.s1:after {background-image: repeating-conic-gradient(#000000 0% 25%, transparent 0% 50%); background-size: 0.097em 0.097em;}
span.s2:after {background-image: repeating-linear-gradient(45deg, transparent, transparent 0.05em, #000000 0.05em, #000000 0.1em);}
span.s3:after {background-image: radial-gradient(#000000 0.03em, transparent 0.03em); background-size: 0.13em 0.14em;}
span.s4:after {background:radial-gradient(circle, transparent 14%, #000000 14%, #000000 27%, transparent 27%) 0% 0% / 3em 3em; background-size: 0.155em 0.155em;}
span.s5:after {background-image: repeating-linear-gradient(0deg, transparent, transparent 0.055em, #000000 0.055em, #000000 0.11em);}
span.s6:after {background-image: radial-gradient(#000000 2px, transparent 2px), radial-gradient(#000000 2px, transparent 2px);background-size: 0.1em 0.1em;}
@keyframes fontw{
  0% {font-variation-settings: 'wght' 400;}
  45% {font-variation-settings: 'wght' 800;}
  55% {font-variation-settings: 'wght' 800;}
  100% {font-variation-settings: 'wght' 400;}
}
div.xhead{background:url(greenbg.webp) #cada29; position:relative;}
div.xraster{background:url(rnd.svg); aspect-ratio: 1 / 1; background-position:2vh 2vh; padding:2.5vh; background-size:4.6vh; cursor:pointer;height:50vh;}
div.xline{font-family:var(--kalman); font-size:10vh; line-height: 0.92em; letter-spacing:0.13em; overflow:hidden; width:110%;}
div.xline span{display:inline-block; transition:color 3s,opacity 3s; position:relative;}
div.xline span:after{content:''; opacity:0; display:block; position:absolute; top:0.05em; left:0; right:0.15em; bottom:0.2em; background-position: center center;transition:color 3s,opacity 3s;}
div.xline span.sel{color:rgba(0,0,0,0.001);}
div.xline span.sel:after{opacity:1;}
div.xraster:hover div.xline{animation: fontw 1; animation-duration: 1s; animation-timing-function: ease-in-out;}
div.xraster div.xline:nth-child(1) {animation-delay:0.1s;}
div.xraster div.xline:nth-child(2) {animation-delay:0.2s;}
div.xraster div.xline:nth-child(3) {animation-delay:0.3s;}
div.xraster div.xline:nth-child(4) {animation-delay:0.4;}
div.xraster div.xline:nth-child(5) {animation-delay:0.5s;}
@media (orientation: portrait){
  div.xbannergrid{grid-template-columns:1fr;}
  div.xpagetitle{padding:0 4em 4em 2em;}
  div.xpagetitle h1{margin-top:0;}
}

div.xfooter{display:grid; grid-template-columns:1fr auto auto auto 1fr; position:relative; margin-top:20px;}
div.xfooter a{display:inline-block;  width:10em; height:7em; background-repeat:no-repeat; background-position:center center; background-size:80%; background-color:var(--bg);}
div.xfooter a span{display:none;}
div.xfooter a:hover{transform:scale(1.1);}
span.striped{position:relative;}
span.rm{margin-left:8em;}
span.lm{margin-right:8em;}
div.ximp{font-size:0.6em; text-align:center; margin:2em;}
@media (orientation: portrait){
  div.xfooter{display:block;} 
  span.striped{display:none;}
  span.rm{margin-left:0;}
  span.lm{margin-right:0;}
  div.ximp{text-align:left; margin-bottom:12em;}
}

div.indexmenu{margin:2em;}
div.indexmenu h2{font-size:4em; text-transform:uppercase; font-variation-settings: 'wght' 780;}
div.indexmenu a{text-decoration:none; color:var(--fg);}
div.indexmenu a:hover{color:var(--accent);}
div.indexmenu div.xtitle{display:grid; grid-template-columns:auto 1fr auto;}
div.indexmenu h3{margin-top:-1em;}
@media (orientation: portrait){
  div.indexmenu h2{font-size:2em;}
  div.indexmenu h3{font-size:1.4em; margin-top:-0.5em;}
}

div.xmenu{display:grid; grid-template-columns:3fr auto auto; position:relative;}
div.xmenu a{display:inline-block; text-decoration:none; text-transform:uppercase; font-size:1.5em; padding:0.5em; font-variation-settings: 'wght' 780; color:var(--fg); background:var(--bg);}
div.xmenu a:hover{color:var(--accent);}
div.xmenu a.xhome{justify-self: start; padding-right:4em;}
div.xmenu a.xmenu{padding-left:4em;}
@media only screen and (max-width: 800px) {
  div.xmenu:after{display:none;}
}

div.prevnext{position:fixed; bottom:0; right:0; display:grid; grid-template-columns:1fr 1fr; background:var(--fg); padding:2px; grid-gap:2px; width:8em; height:3em;}
div.prevnext a{display:block;  background-color:var(--background); background-repeat:no-repeat; background-position:center center; background-color:var(--bg);}
div.prevnext a span{display:none;}
div.prevnext a.prev{background-image:url(arrow_left.svg);}
div.prevnext a.next{background-image:url(arrow_right.svg);}
div.prevnext a:hover{background-color:var(--accent);}
@media only screen and (max-width: 800px) {
  div.prevnext{width:100%; height:6em;}
}

div.xname{display:grid; grid-template-columns:1fr auto;}
div.xname img{max-height:30vh; display:block;}
h1.xname{font-size:6em; text-transform:uppercase; font-variation-settings: 'wght' 780; margin:0 0 0 0.15em;  position:sticky; top:0; float:left; text-shadow:2px 2px 2px var(--bg);}
body.scrolled_down h1.xname{font-size:2em;}

div.zframe{display:grid; grid-template-columns:3fr 2fr; max-width:calc(var(--maxwidth) * 2); margin:0 auto; grid-gap:2px;}
@media only screen and (max-width: 800px) {
  div.zframe{grid-template-columns:1fr;}
  div.xtext{order:0;}
  div.xgallery{order:1;}
  h1.xname{font-size:4em;  margin:0 0.15em 0 0.15em; float:none;}
  div.xname img{max-height:50vh;}
}
div.xgallery img{display:block; width:100%; max-height:80vh; object-fit:contain; object-position:top right; margin:0 0 2em 0; background:var(--fg)}
div.xtext{padding:0 4em; padding-top:1px;}
div.xtext h1{font-size:2em;}
div.xtext h2{text-transform:uppercase; font-weight:bold;  font-size:2em; margin-bottom:0;}
div.xtext h3{text-transform:uppercase; font-size:1em;}
div.xtext p{}
div.xtext a{text-decoration:none; display:inline-block; position:relative;}
div.xtext a:hover{color:var(--accent);}
div.xtext a:before{content:''; display:block; position:absolute; top:0; bottom:0; left:-2em; aspect-ratio: 1 / 1; background:url(link.svg) no-repeat center center; background-size:50%;}
div.hr{padding:1em;}
div.hr2{padding:1em; margin-bottom:2em;}

div.xindex-title{background:var(--fg); color:var(--bg); display:grid; position:relative;}
div.xindex-title h1{color:var(--bg); text-transform:uppercase; max-width:70%; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
div.xindex-title a{display:block; position:absolute; inset:0;}
div.xindex-title a span{display:none;}

a.xbutton{display:inline-block; text-decoration:none; font-family:var(--thefont); 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%);}