:root {
	--main-elso-szin: #a76830;
	--main-masodik-szin: #cf9747;
	--main-harmadik-szin: #f8e5bb;
	--main-betuszin-alap: #4d4d4d;
	--main-betuszin-vilagos: white;
	--main-betuszin-hover: orange;
	--main-alapszel: 1200px;
}
@keyframes forgat {
    0% {    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);}
	100% {    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);}

}
body {
  font-family: 'EB Garamond', serif;
  background-image: url(../img/hatter.gif);
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
	font-size: 14pt;
}
html {
	scroll-behavior: smooth;
}
.alapszel {
		width: 1200px;
		margin: 0px auto 0px auto;
}
a:link {
  text-decoration: none;
  color: #3e3e3e;
}
a:visited {
  color: #3e3e3e;
}
a:hover {
  color: var(--main-betuszin-hover);
}
.fhiv:link {
  text-decoration: none;
  color: #fff;
}
.fhiv:hover {
  text-decoration: none;
  color: var(--main-betuszin-hover);
}
h1, h2 {
font-family: 'Courgette', cursive;
}
h1 {
font-size: 70px;
margin: 28px 8px 8px 8px;
}
h2 {
	font-size: 24px;
	 font-weight: 600;
}
h3 {
	font-size: 24px;
	 font-weight: 600;
}
h4 {
	font-size: 20px;
	 font-weight: 600;
}
.fej {
  background-image: url(../img/fejhatter.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 300px;
  position: fixed;
transition-duration: 0.8s;
	z-index: 2;
}
.fej h1 {
	text-align: center;
	margin: 70px 8px 8px 8px;
	transition-duration: 0.3s;
}
.fej h2 {
	text-align: center;
	margin: 0px;
}
.fej.small {
	height: 220px;
	transition-duration: 0.8s;
}
.fej.small h1 {
	text-align: center;
	margin: 48px 8px 8px 8px;
	font-size: 200%;
	transition-duration: 0.3s;
}
.test h1 {
	margin: 0px;
	text-align: right;
	font-size: 50px;
}
.test h2 {
	margin: 0px 0px 20px 0px;
	text-align: right;
}
.fej h3 {
	color: orange;
	text-align: center;
	margin: 0px;
}
.ikonsor {
	background: rgba(255, 255, 255, 0.7);
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	position: fixed;
	top: 0px;
	z-index: 2000;
}
.test {
	background: rgba(255, 255, 255, 0.7);
	padding: 260px 28px 28px 28px;
	box-sizing: border-box;
	width: 100%;
	display: table;
}
ul {
	list-style-position: inside;
	list-style: none;
}
.test li {
	padding: 10px;
	text-indent: -1.4em;
	list-style-position: inside;
	list-style: none;
	display: table;
}
.test li::before {content: " ■ "; font-size: 20px; margin-right: 8px; color: var(--main-elso-szin);}
.ujsag {
	background-color: var(--main-masodik-szin);
	/* float: left; */
	display: inline-block;
	margin: 8px 8px 8px 8px;
	padding: 4px;
	text-align: center;
	font-size: 90%;
	transition-duration: 0.3s;
	z-index: 1;
}
.ujsag:hover {
	background-color: var(--main-elso-szin);
	transition-duration: 0.3s;
}
.ujsag p{
	margin: 0px;
}
.ujsagpdf {
	width: 100%;
	height: 600px;
}
.tooltip {
  position: relative;
  display: inline-block;

}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  /* background-color: var(--main-elso-szin); */
	background: rgba(102, 51, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  padding: 8px;
	top: -10px;
	left: 8px;
	text-align: left;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltiptext {
	position: relative;
	  z-index: 100;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip ul {
	margin-left: -18px;
	margin-top: 0px;
}
.tooltip li {
	padding: 0px;
	text-indent: -1em;
	list-style-position: inside;
	list-style: none;
	display: table;
}
.tooltip li::before {content: " ■ "; font-size: 14px; margin-right: 4px; color: white;}
.accordion__header {
	padding: 8px;
	/* background-color: var(--main-elso-szin); */
	  background-image: url(../img/hatter.gif);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
	color: #fff;
	margin-top: 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.accordion__header h2{
	font-size: 18pt;
	margin: 0px;
}
.accordion__header > * {
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 16px;
	padding: 0px;
	color: #fff;
}
.accordion__header.is-active {
	background-color: var(--main-elso-szin);
	color: #fff;
}

.accordion__toggle {
	margin-left: 10px;
	height: 3px;
	background-color: #fff;
	width: 13px;
	display: block;
	position: relative;
	flex-shrink: 1;
	border-radius: 2px;
}

.accordion__toggle::before {
	content: "";
	width: 3px;
	height: 13px;
	display: block;
	background-color: #fff;
	position: absolute;
	top: -5px;
	left: 5px;
	border-radius: 2px;
}

.is-active .accordion__toggle {
	background-color: #fff;
}
.is-active .accordion__toggle::before {
	display: none;
}
.accordion__body {
	display: none;
	padding: 1em;
	border-top: 0;
}
.accordion__body.is-active {
	display: block;
}
.fokep {
	float: right;
	margin: 8px;
}
.centerDivs {
  text-align: center;
}
.almenu {
		background-color: var(--main-masodik-szin);
	/* float: left; */
	display: inline-block;
	margin: 8px 8px 8px 8px;
	padding: 8px;
	text-align: center;
	font-size: 90%;
	transition-duration: 0.3s;
	z-index: 1;
	border-radius: 4px;
	width: 209px;
}
.almenu:hover {
	background-color: var(--main-elso-szin);
	transition-duration: 0.3s;
}
.active {
	border: 2px solid var(--main-masodik-szin);
	background: transparent;
	transition-duration: 0.3s;
}
.lezar {
	clear: both;
	width: 100%;
}
.hiba {
	width: 100%;
	background-color: red;
margin-top: 42px;
	padding: 8px;
	color: white;
}
.jobbdoboz {
	float: right;
	width: 300px;
	margin-left: 20px;
	border-style: solid none solid solid;
border-top: 0px solid #660000;
border-left: 1px solid #660000;
border-bottom: 1px solid #660000;
}
#menukep {
	width: 100%;
	height: 130px;
	overflow: hidden;
	margin-bottom: 8px;
}
#menukep img{
	width: 100%;
	height: auto;
}