@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;}
    :root{
  --maxwidth:1440px;
  --gtime:0.4s;
}


.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; top:0; right:0; bottom:0; left:0;}
body{margin:0; padding:0; font-family:var(--montserrat);}
:root{
 --fg:#000000;
 --fg:oklch(0.000 0.000 0.000 / 1.000);
 --bg:#ffffff;
 --bg:oklch(1.000 0.000 0.000 / 1.000);
 --accent:#e84124;
 --accent:oklch(0.619 0.208 32.262 / 1.000);
 --accentdark:#801a14;
 --accentdark:oklch(0.394 0.138 28.632 / 1.000);
 --text:#2e2e2e;
 --text:oklch(0.303 0.000 89.876 / 1.000);
 --light:#e8e8e8;
 --light:oklch(0.930 0.000 89.876 / 1.000);
 --semibg:rgba(255, 255, 255, 0.3);
 --semibg:oklch(1.000 0.000 0.000 / 0.300);
 --semiwhite:rgba(255, 255, 255, 0.7);
 --semiwhite:oklch(1.000 0.000 0.000 / 0.700);
}

@font-face {
  font-family: 'montserrat';
  src: url('montserrat_normal.woff2');
  font-weight: 400; font-style: normal;
}

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


:root{
  --montserrat : 'montserrat','Arial','Helvetica','Roboto',sans-serif;
}
div.xrtf{
  --g-fs:clamp(0.8em, 1.2vw, 1.2em);
  --p-fs:0.875em; --p-lh:2.200em;  --p-m:2.200em 0 2.200em 0;
  --h1-fs:2.401em; --h1-lh:1.603em; --h1-m:1.603em 0 0.802em 0;
  --h2-fs:1.715em; --h2-lh:1.122em; --h2-m:2.245em 0 1.122em 0;
  --h3-fs:1.225em; --h3-lh:1.571em; --h3-m:1.571em 0 1.571em 0;
  --h4-fs:0.875em; --h4-lh:2.200em; --h4-m:2.200em 0 2.200em 0;
  --h5-fs:0.875em; --h5-lh:2.200em; --h5-m:2.200em 0 2.200em 0;
  --h6-fs:0.875em; --h6-lh:2.200em; --h6-m:2.200em 0 2.200em 0;
  --p-color:var(--text);
  --h1-color:var(--text);
  --h2-color:var(--text);
  --h3-color:var(--text);
  --h4-color:var(--text);
  --h5-color:var(--text);
  --h6-color:var(--text);
  --link:var(--accentdark);
  --visited:var(--accentdark);
  --hover:var(--accent);
  --active:var(--text);
  --global-fontfamily:'montserrat';
  --h1-fontfamily:'montserrat';
  --h2-fontfamily:'montserrat';
  --h3-fontfamily:'montserrat';
  --h4-fontfamily:'montserrat';
  --h5-fontfamily:'montserrat';
  --h6-fontfamily:'montserrat';
  --indent:1em;
}

div.xrtf p{font-variation-settings:'wght' 466;}
div.xrtf h1{font-variation-settings:'wght' 762;}
div.xrtf h2{font-variation-settings:'wght' 673;}


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; text-transform:uppercase;}
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;text-transform:uppercase;}
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-menu1-fg:url(menu1-fg.svg);
 --icon-menu1-bg:url(menu1-bg.svg);
 --icon-menu1-accent:url(menu1-accent.svg);
 --icon-menu1-accentdark:url(menu1-accentdark.svg);
 --icon-menu1-text:url(menu1-text.svg);
 --icon-menu1-light:url(menu1-light.svg);
 --icon-menu1-semibg:url(menu1-semibg.svg);
 --icon-menu1-semiwhite:url(menu1-semiwhite.svg);

 --icon-arrow_left-fg:url(arrow_left-fg.svg);
 --icon-arrow_left-bg:url(arrow_left-bg.svg);
 --icon-arrow_left-accent:url(arrow_left-accent.svg);
 --icon-arrow_left-accentdark:url(arrow_left-accentdark.svg);
 --icon-arrow_left-text:url(arrow_left-text.svg);
 --icon-arrow_left-light:url(arrow_left-light.svg);
 --icon-arrow_left-semibg:url(arrow_left-semibg.svg);
 --icon-arrow_left-semiwhite:url(arrow_left-semiwhite.svg);

 --icon-search-fg:url(search-fg.svg);
 --icon-search-bg:url(search-bg.svg);
 --icon-search-accent:url(search-accent.svg);
 --icon-search-accentdark:url(search-accentdark.svg);
 --icon-search-text:url(search-text.svg);
 --icon-search-light:url(search-light.svg);
 --icon-search-semibg:url(search-semibg.svg);
 --icon-search-semiwhite:url(search-semiwhite.svg);

 --icon-arrow_right-fg:url(arrow_right-fg.svg);
 --icon-arrow_right-bg:url(arrow_right-bg.svg);
 --icon-arrow_right-accent:url(arrow_right-accent.svg);
 --icon-arrow_right-accentdark:url(arrow_right-accentdark.svg);
 --icon-arrow_right-text:url(arrow_right-text.svg);
 --icon-arrow_right-light:url(arrow_right-light.svg);
 --icon-arrow_right-semibg:url(arrow_right-semibg.svg);
 --icon-arrow_right-semiwhite:url(arrow_right-semiwhite.svg);

}
div.article{max-width:65ch;}
div.article h1{margin-top:0;}
div.article div.author{padding:4em 0 0 0;}
div.article div.author p{font-size:1.4em;}

div.xframe{padding:0 90px 60px calc(10vw + 20px);}
div.xbox{position:relative; padding:0 40px;} 
div.xbox.ximg{padding:0;}
div.xbox.xtxt{border-left:2px solid var(--accent);}
div.xbox a{display:block; position:absolute; inset:0;}
div.xbox a span{display:none;}
div.xbox h4{margin-bottom:0;}
div.xbox h2{margin-top:0.6em; transition:color var(--gtime)}
div.xbox p{text-align:left;}
div.xbox:hover h2{color:var(--accent);}
div.xbox img{width:100%;}
div.xgrid{display:grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); grid-gap:40px;}

a.langsel{display:block; position:fixed; padding:0.5em; background:var(--accentdark); color:var(--bg); bottom:5vh; right:0; font-size:0.7em; text-decoration:none; z-index:110000;}

div.oframe{display:grid; grid-template-columns:1fr 2fr 2fr; grid-gap:40px;}
div.oframe img{max-width:100%; max-height:70vh; object-fit:contain; object-position:left top;}
div.passed p{margin:0;}

a.pager{display:block;position:fixed; top:50%; transform:translate(0,-50%); background-color:var(--semiwhite); background-repeat:no-repeat; background-size:15px; height:30px; width:100px; background-position:center center; z-index:1000000;}
a.pager span{display:none;}
a.pager.prev{left:0; background-image:url(arrow_left-text.svg);}
a.pager.next{right:0; background-image:url(arrow_right-text.svg);}
a.pager.prev:hover{transform:translate(-20px,-50%);}
a.pager.next:hover{transform:translate(20px,-50%);}

div.pgrid{display:grid; grid-template-columns:2fr 3fr; grid-gap:40px;}
div.gallery img{max-width:100%; max-height:70vh; object-fit:contain; object-position:left top; display:block; margin-bottom:40px;}
div.xsection h6{margin-bottom:0; border-bottom:1px solid var(--accent); font-size:0.7em;}
div.xsection p{margin-top:0; font-size:0.8em;}
@media only screen and (orientation: portrait) {
  div.pgrid{grid-template-columns:1fr;}
}

div.singleframe{padding:10vh 10vw 10vh 10vw; }

div.breadcrumb{position:fixed; top:0; left:0; padding:20px 20px 20px calc(10vw + 20px); font-size:0.8em;}
div.breadcrumb a{text-decoration:none; text-transform:uppercase; color:var(--text);}
div.breadcrumb a:hover{color:var(--accent);}

div.logo{position:fixed; top:0; left:0; bottom:0; width:10vw;}
div.logo a{display:block; position:absolute; top:20px; left:20px; right:20px; height:20vh; background:url(logo.svg) no-repeat top center; background-size:contain;}
div.logo span{display:none;}

div.igrid{display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; padding:0 90px 40px 40px}
div.igrid div.xrtf p{max-width:65ch;}
div.igrid div.xrtf h4{max-width:30ch; font-variation-settings: 'wght' 700;}
div.cardgrid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); align-self:start; grid-gap:40px; padding:40px 0;}
div.cardgrid div.card{aspect-ratio:1 / 1; border:2px solid var(--accent); padding:20px; position:relative;  text-transform:uppercase; font-variation-settings: 'wght' 700; text-align:center; display:grid;}
div.cardgrid div.card h2{align-self:center;}
div.cardgrid div.card a{display:block; position:absolute; inset:0;}
div.cardgrid div.card a span{display:none;}
div.cardgrid div.card:hover{background:var(--accent); color:var(--bg);}
@media only screen and (orientation: portrait) {
  div.igrid{grid-template-columns:1fr;}
}

div.footer{padding:0 90px 90px 10vw; }
div.footer a{text-decoration:none; font-size:0.8em; display:inline-block;}
div.footertop{border-bottom:1px solid var(--light); padding-bottom:0.5em;}
div.footertop a{padding:0 20px 0 0; color:var(--text);}
div.footertop a:hover{color:var(--accent);}
div.footerbottom{padding-top:20px;}
div.footerbottom a {width: 10vw; height: 10vh; background-repeat: no-repeat; background-size: contain; background-position: left center;}
div.footerbottom a.mma{background-image:url(mma.svg);}
div.footerbottom a.mcs{background-image:url(mucsarnok_horizontal.svg);}
div.footerbottom a span{display:none;}

div.menu{position:fixed; top:0; right:0; bottom:0; padding:2em 4em; transform:translate(90%,0); transition-delay:1s; z-index:10000;}
div.menu:before{content:''; position:absolute; display:block; top:-30px; bottom:-30px; left:-30px; right:-100px; background:var(--semiwhite); z-index:-1; transform:rotate(0deg); backdrop-filter:blur(0); transition:all var(--gtime); } 
div.menu:after{content:''; position:absolute; display:block; top:20px; left:0; width:30px; height:30px; border-radius:50%; background:var(--icon-menu1-text) no-repeat center center; transition:all var(--gtime);transition-delay:1.5s;}
div.menu:hover{transform:translate(0,0); transition-delay:0.5s;}
div.menu:hover:before{transform:rotate(5deg);backdrop-filter:blur(20px);}
div.menu:hover:after{opacity:0; transition-delay:0.1s;}
div.menu a.item{display:block; text-decoration:none; text-transform:uppercase; padding:0.5em 2em;}
div.menu a.item:link{color:var(--text);}
div.menu a.item:visited{color:var(--text);}
div.menu a.item:hover{color:var(--accent);}
div.menu a.item:active{color:var(--accentdark);}
div.menu a.level0{font-variation-settings: "wght" 650; border-bottom:1px solid var(--text);}
div.menu a.level1{font-variation-settings: "wght" 650;}
div.menu a.level2{font-size:0.8em; padding-left:4em;}

div.a-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  grid-gap: 20px;
}
div.a-grid div.item h4 {
  display: block;
  font-weight: bold;
  border-bottom: 2px solid var(--accent);
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
}
div.a-grid div.item a {
  display: block;
  text-decoration: none;
  font-size: 0.75em;
  margin: 0 0 0.8em 0;
  line-height: 1.5em;
}
div.a-grid div.item a:link {
  color: var(--text);
}
div.a-grid div.item a:visited {
  color: var(--text);
}
div.a-grid div.item a:hover {
  color: var(--accent);
  background: var(--light);
}
input.bigsearch{width:100%; border:none; border-bottom:1px solid var(--text); font-size:1.2em; padding:10px;; margin:0 0 40px 0; 
  background:url(search-text.svg) no-repeat center right; background-size:20px;}
input.bigsearch:focus{border-color:var(--accent);}
.hidden{display:none;}

div.p-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(500px,1fr));
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}
div.p-grid div.item {
  position: relative;
  min-height: 30vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
div.p-grid div.item div.txt {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40%;
  background: rgba(255,255,255,0.7);
  padding: 20px;
}
div.p-grid div.item div.txt h4 {
  font-weight: bold;
  text-transform: uppercase;
}
div.p-grid div.item div.txt h5 {
  font-size: 0.8em;
  margin-top: 20px;
}
div.p-grid div.item a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div.p-grid div.item a span {
  display: none;
}
div.p-grid div.item:hover div.txt {
  background: rgba(255,255,255,0.9);
}

div.slider3 {
  background: #eee;
  width: 100%;
  height: 70vh;
  max-height: 100vh;
  position: relative; overflow:hidden;
}
div.slider3 div.slide {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 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.slider3:after{content:''; display:block; position:absolute; top:2vh; left:2vh; width:15vh; height:25vh; background:url(logo.svg) no-repeat center center; background-size:contain; z-index:11;}
div.slider3:before{content:''; display:block; position:absolute; top:-15px; left:-40px; bottom:-10px; width:20vh; background:var(--semibg); backdrop-filter:blur(30px); z-index:11; transform:rotate(5deg); animation:logo var(--gtime) 1;}

@keyframes logo{
  0%{transform:translate:-100% rotate(0);}
  100%{transform:translate:0 rotate(5deg); }
}

div.spgrid{display:grid; padding:4em 4em 4em 0; grid-gap:2em;}
div.spitem{display:grid; grid-template-columns:200px 1fr; grid-gap:20px;}
div.spitem img{align-self:center;}