@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(--playfair);background-color:var(--bg); font-size:var(--fsize);}
    :root{
  --maxwidth:1440px;
  --gtime:0.4s;
  --fsize:clamp(0.8em, 1.2vw, 1.2em);
}
@media only screen and (max-width: 800px) {
  :root{
    --fsize:clamp(1em, 1.4vw, 1.6em);
  }
}


.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%);}
:root{
 --fg:#0d0d0d;
 --fg:oklch(0.161 0.000 0.000 / 1.000);
 --bg:#ffffff;
 --bg:oklch(1.000 0.000 0.000 / 1.000);
 --accent:#be0104;
 --accent:oklch(0.504 0.206 28.905 / 1.000);
 --border:rgba(13, 13, 13, 0.25);
 --border:oklch(0.161 0.000 0.000 / 0.250);
}

@font-face {
  font-family: 'doto';
  src: url('doto.woff2') format('woff2-variations'),
  url('doto.woff2') format('woff2');
  font-weight: 400; font-style: normal;
}
/*variable font example*/
@font-face {
  font-family: 'playfair';
  src: url('playfair_display_normal.woff2') format('woff2-variations'),
  url('playfair_display_normal.woff2') format('woff2');
  font-weight: 400; font-style: normal;
}

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


:root{
  --doto : 'doto','Arial','Helvetica','Roboto',sans-serif;
  --playfair : 'playfair','Arial','Helvetica','Roboto',sans-serif;
}
div.xrtf{
  --g-fs:1em;
  --p-fs:0.875em; --p-lh:2.000em;  --p-m:2.000em 0 2.000em 0;
  --h1-fs:2.401em; --h1-lh:1.458em; --h1-m:1.458em 0 0.729em 0;
  --h2-fs:1.715em; --h2-lh:1.020em; --h2-m:2.041em 0 1.020em 0;
  --h3-fs:1.225em; --h3-lh:1.429em; --h3-m:1.429em 0 1.429em 0;
  --h4-fs:0.875em; --h4-lh:2.000em; --h4-m:2.000em 0 2.000em 0;
  --h5-fs:0.875em; --h5-lh:2.000em; --h5-m:2.000em 0 2.000em 0;
  --h6-fs:0.875em; --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(--fg);
  --hover:var(--accent);
  --global-fontfamily:var(--playfair);
  --h1-fontfamily:var(--playfair);
  --h2-fontfamily:var(--playfair);
  --h3-fontfamily:var(--playfair);
  --h4-fontfamily:var(--playfair);
  --h5-fontfamily:var(--playfair);
  --h6-fontfamily:var(--playfair);
  --indent:1em;
}

div.xrtf p{font-weight:normal; font-style:normal;}
div.xrtf h2{font-weight:normal; font-style:normal;}
div.xrtf h3{font-weight:normal; font-style:normal;}
div.xrtf h4{font-weight:normal; font-style:normal;}
div.xrtf h5{font-weight:normal; font-style:normal;}
div.xrtf h6{font-weight:normal; font-style:normal;}
div.xrtf strong{font-weight:normal; font-style:normal;}
div.xrtf em{font-weight:normal; font-style:italic;}
div.xrtf b{font-weight:normal; font-style:normal;}
div.xrtf i{font-weight:normal; font-style:italic;}
div.xrtf p{font-variation-settings:'wght' 400;}
div.xrtf h1{font-variation-settings:'wght' 550;}
div.xrtf h2{font-variation-settings:'wght' 655;}
div.xrtf h3{font-variation-settings:'wght' 630;}
div.xrtf h4{font-variation-settings:'wght' 760;}
div.xrtf h5{font-variation-settings:'wght' 539;}
div.xrtf h6{font-variation-settings:'wght' 574;}
div.xrtf strong{font-variation-settings:'wght' 787;}
div.xrtf em{font-variation-settings:'wght' 400;}
div.xrtf b{font-variation-settings:'wght' 787;}
div.xrtf i{font-variation-settings:'wght' 400;}


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:10%; }
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-link:url(link.svg);
 --icon-arrow_right:url(arrow_right.svg);
 --icon-close:url(close.svg);
 --icon-search:url(search.svg);
 --icon-arrow_left:url(arrow_left.svg);
}
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.2em; padding:0.5em 0.5em 0.5em 2em; font-variation-settings: 'wght' 600, 'ital' 0;}
a.xmenu-item.level-3 {font-size:1.0em; 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.article{max-width:var(--maxwidth); margin:0 auto; padding:2em; min-height:65vh;}
div.article-header{display:grid; height:10vh;}
div.article-header img{display:block;grid-row-start:1; grid-row-end:1; grid-column-start:1; grid-column-end:2;}
div.article-header img.i1{height:10vh;}
div.article-header img.i2{width:100%; height:10vh;}
div.article-header.bw img{filter:grayscale(1);}
div.article.xrtf {max-width:65ch;}
div.article.intro{margin:0; min-height:0;}
div.article-header.intro{margin:0;}

div.xspec{padding:2em; margin:0 auto; max-width:var(--maxwidth);}
div.xguys {min-height:60vh;}
div.xguys a{display:block; text-decoration:none; text-transform:uppercase;}

div.xfooter{margin-top:20px;}
div.xfooter a{display:inline-block;  width:10em; height:7em; background-repeat:no-repeat; background-position:center center; background-size:80%;}
div.xfooter a span{display:none;}
div.xfooter a:hover{transform:scale(1.1);}
div.xfooter a.mma{background-image:url(mma.svg); background-size:50%;}
div.xfooter a.m{background-image:url(mucsarnok_horizontal.svg);}
div.xfooter a.imp{font-size:0.6em; text-decoration:none; display:block; width:50%; padding:0 5em; border-top:1px dotted var(--border); color:var(--fg);}
div.xfooter a.imp:hover{transform:none; color:var(--accent);}
div.xfooter a.imp span{display:block; margin-top:2em;}
@media only screen and (max-width: 800px) {
  div.xfooter{margin-bottom:6em;}
  div.xfooter a.imp{font-size:1em;}
}

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:1em; padding:0.5em; font-variation-settings: 'wght' 780; color:var(--fg); background:var(--bg); align-self:center;}
div.xmenu a:hover{color:var(--accent);}
div.xmenu a.xhome{justify-self: start; padding-right:2em; font-family:var(--doto); font-size:1.5em;}
div.xmenu a.xmenu{padding-left:4em;}
@media only screen and (max-width: 800px) {
  div.xmenu{grid-template-columns:1fr 1fr;}
  div.xmenu a.xhome{grid-column-start:1; grid-column-end:3;}
  div.xmenu a.xmenu{padding-left:0.5em;}
  div.xmenu a.xlang{text-align:right;}
}

div.prevnext{position:fixed; bottom:0; right:0; display:grid; grid-template-columns:1fr 1fr; background:var(--border); padding:1px; grid-gap:1px; 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.xgrid{display: grid; grid-template-columns: repeat(auto-fit,minmax(500px,1fr)); grid-auto-rows: 1fr; grid-gap: 20px; padding:20px;}
div.xgrid div.img{min-height: 25vh; background-repeat: no-repeat; background-position: center center; background-size: cover;}
div.xgrid div.item {position: relative;}
div.xgrid div.item:hover div.txt h3{color:var(--accent);}
div.xgrid div.item:hover div.txt h5{color:var(--accent);}
div.xgrid div.txt{background: var(--bg); padding: 20px;}
div.xgrid div.xrtf h3{margin-top:0;}
div.xgrid div.item a {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
div.xgrid div.item a span {display: none;}
div.xxtitle{padding:0 4em;}

div.slider3 {background: #eee; width: 100%; height: 70vh; max-height: 100vh; position: relative; overflow:hidden;}
div.slider3 div.slide {position: absolute; inset:0; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; animation-name: slide3; animation-iteration-count: infinite;}
div.slider3 div.slide span {display:none;}

div.someone{max-width:var(--maxwidth); margin:0 auto; display:grid; grid-template-columns:2fr 1fr; grid-gap:2em; padding:2em; min-height:65vh;}
div.someone img.artwork{max-width:100%; max-height:70vh; object-fit:contain;}
div.someone div.xrtf.caption h4{margin-bottom:0.5em; font-size:var(--h3-fs)}
div.someone div.xrtf.caption p{margin:0.0em;}
@media only screen and (max-width: 800px) {
  div.someone{grid-template-columns:1fr;}
  div.someone div.desc{order:0;}
  div.someone div.img{order:1;}
}

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%);}