/* CSS Document */

/*@import url('https://fonts.googleapis.com/css?family=Play');*/
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,200&display=swap');
*{font-family: 'Exo 2', sans-serif;
margin:0;
padding:0;
box-sizing: border-box;
    /* typography */
    font-size: 18px;
    line-height: 1.6;
}
html{width:100%!important;}
body {
    /* typography */
    font-size:1rem;
    font-family: 'Exo 2', sans-serif;
    color: #181F56;

	display:flex;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	background: #3D1472;
	flex-direction:column;
	width:100%!important;
}
a{color:aqua; text-decoration:none;}
.scroll{
	position:relative;
	display: flex;
	width:100%;
	max-width:1000px;
	overflow:hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #fff 10%, #fff 90%, transparent);
}
.scroll div{
	white-space:nowrap;
	animation: animate var(--t) linear infinite;
	}
	@keyframes animate{
		0%{transform: translateX(100%);}
		100%{transform: translateX(-100%);}
		animation-delay: calc(var(--t) * -1);
	}
.scroll div:nth-child(2){
	animation: animate2 var(--t) linear infinite;
    animation-delay: calc(var(--t) / -2);	
}
	@keyframes animate2{
		0%{transform: translateX(0%);}
		100%{transform: translateX(-200%);}
		}
.scroll div span{
	display: inline-flex;
	background:#4D2473;
	margin:10px;
	color:#fff;
	padding:5px 10px;
	border-radius: 5px;
	transition: 0.5s;
	text-transform:uppercase;
	text-transform: 0.2em;
}
.scroll div span:hover{
	background: #555;
	cursor:pointer;
}
.menulink{
	text-decoration:none;
	
	color:#fff;
}
.imgbox img{
	width:200px;
	height:auto;
	max-height:100px;
	overflow:hidden;
	max-width:200px;
	transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
-webkit-transform: scale(0.8, 0.8);
	filter: greyscale(1);
	transition: 0.3s;
	z-index:1;
}
/*.imgbox img:hover{
		transform: scale(5, 5);
	-ms-transform: scale(5, 5);
-webkit-transform: scale(5, 5);
	filter: greyscale(0);
	z-index:0;
}*/
.imgbox{height:300px;}
.headerimg{width: 100%;
max-width: 100%;
max-width:1000px;
height: auto;}
    .hidden {
      display: none;
    }
.tartalom{position:absolute;
width:100%;
top:0px;}
	


/* Alapértelmezett stílusok */
.bubble {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 800px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  overflow: auto;  color: white;
border: 3px solid black; /* Fekete keret */
  background-color: rgba(0, 0, 128, 0.7); /* Mélykék 70% átlátszósággal */
    background-color: rgba(0, 0, 128, 0.75); /* Mélykék 70% átlátszósággal */
  box-shadow: inset 0 0 2000px rgba(255, 255, 255, .1);
}

/* Képernyők 600px alatt */
@media (max-width: 600px) {
  .bubble {
    top: 20px;
	width: 98%;
  }
}

/* Képernyők 601px és 1000px között */
@media (min-width: 601px) and (max-width: 1000px) {
  .bubble {
    top: 100px;
	width: 95%;
  }
}

/* Képernyők 1001px felett */
@media (min-width: 1001px) {
  .bubble {
    top: 200px;
  }
}




.closeButton {  position: absolute;
  top: 5px;
  right: 5px;
  color: white;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%; /* Kör alakú gomb */
  display: flex;
  justify-content: center;
  align-items: center;
}

.closeButton:hover {
    color: yellow; /* Ha az egér fölé viszik az X-et, pirosra vált */
	 background-color: rgba(255, 0, 0, 0.5);
}

p{
	margin-bottom: 20px;
}

.bubble ul {
  list-style: none; /* Pontok kikapcsolása */
  padding-left: 10px; /* Behúzás 10px jobbra */
}

.bubble li {
  margin-bottom: 5px; /* Sorok közötti tér 5px */
}
.imgbig {
  display: block;
  margin: 0 auto; /* középre pozícionálás */
  max-width: calc(100% - 40px); /* a szülő elem szélességéhez igazodás, levonva a 20px-es átlátszó részt mindkét oldalon */
  height: auto; /* az arányos méretek megőrzése érdekében */
  padding: 4px; /* a kép körüli 20px-es átlátszó rész */
  padding-bottom:25px;

  background-color: rgba(255, 255, 255, 1.5); /* átlátszó háttérszín */
  box-sizing: border-box; /* a padding-et hozzáadja a kép szélességéhez */
}


.imgprev{max-width:99%;    display: block;
    margin: 0 auto;}
	
.vislist{width:100%;}
.newnew{position:relative;
top:-200px;
	width:100%;
	max-width:1000px;
	overflow:hidden;
}
.newnew p, h2{color:white!important;}