html
{
	scroll-behavior: smooth; /* Bónusz: finom, lassú görgetés */
  scroll-padding-top: 60px; /* Pontosan a fejléc magassága */
}
body
	{

	background-color: #8D8D8D;
	margin:0px;
	padding:0px;
	font-family: Tahoma;
	font-size:12px;
	color:#535353;
	text-align:center;
	}
	
h1	
	{
	color:#ff9900;
	font-family: Helvetica;
	font-size:24px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}	
h2
	{
	color:#3366FF;
	font-family: Helvetica;
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color:blue;	
	}	

.hely
	{
	height: 50px;
	}

.menublokk
	{
	background-color: rgba(51,51,51,0.9); /* 90%-os fehérség */
	backdrop-filter: blur(10px); /* Elhomályosítja a tartalom alatta */
	box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Finom árnyék az alján */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center; /* Függőlegesen középre igazítja a tartalmat */
	justify-content: space-between; /* Kitolja a két szélre a blokkokat */
	/*background-color: #333;*/
	color: white;
	z-index: 1000;
	padding: 0 10px;
	box-sizing: border-box; /* Hogy a padding ne növelje a 100% szélességet */
	}

.menublokk_jobb {
  width: 400px; /* Fix szélesség a jobb oldalnak */
/*  background-color: #555;*/
  text-align: center;
  flex-shrink: 0; /* Megakadályozza, hogy a flexbox összenyomja */
}

.menublokk_bal {
  background-color: #777;
}

/* Itt történik a varázslat: */
@media (max-width: 600px) {
  .menublokk_bal {
    display: none; /* Ha a képernyő 600px-nél keskenyebb, eltűnik */
  }
  
  .menublokk {
    justify-content: flex-end; /* A megmaradt jobb oldali blokkot a szélre tolja */
  }
}

/* Felső menü */
#menuhely
	{
	z-index:1000;

	width: 390px;
    margin: 0 auto; /* A 0 a felső/alsó, az auto a bal/jobb margó */
	height:50px;
/*	width: 1100px;*/
	position:relative;
	}
#menu
	{
    margin: 0 auto; /* A 0 a felső/alsó, az auto a bal/jobb margó */
	height:35px;
	position:relative;
	z-index:1000;
	float:center;
	font-family: verdana, arial, sans-serif;
	width:1100px;
	margin-top:13px;
	}
#menu ul 
	{
	padding:0;
	margin:0;
	list-style-type: none;
	}
#menu ul li
	{
	float:left;
	position:relative;
	}

#menu ul li a, #menu ul li a:visited
	{
	display:block;
	white-space: nowrap;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	height:40px;	
	line-height:35px;
	font-size:16px;
	padding-right:20px;
	color:#ffffff;
	padding-left:10px;
	}
#menu ul li a:hover
	{
	background-image: url('images/menu.png');
	background-repeat:repeat-x;
	}
/* menü 2. szint */
#menu ul li ul
	{
	height:25px;
	display:none;
	position:absolute;
	background-color:#212121;
	}
/*#menu ul li ul li*/
#menu ul li ul li a
	{
/*	width:225px;*/
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	height:25px;
	text-align:left;
	}
#menu ul li:hover ul, #menu ul li a:hover ul 
	{
	height:25px;
	color:white;
	left:0px;
	background-image: url('images/menu1.png');

	display:inline-block;
	background-color:#ff9900; /* #212121;*/
	background-image: url('');
	padding-left:-10px;
	}
#menu ul li:hover ul li, #menu ul li a:hover ul li 
	{
	height:25px;
	display:block;
	clear:both;
	background-color:#191919;

	}
#menu ul li:hover ul li a, #menu ul li a:hover ul li a 
	{
	border-top:1px solid #121212;
	border-bottom:1px solid #121212; 
	display:block;

	}
#menu ul li:hover ul li a:hover
	{
	background-image: url('images/menu1.png');
	background-color:#0000ff;
	color:#ffffff;
	text-weight:bold;
	}
	
#menu2 li
	{
	width:160px;
	}

	
#menu3 li
	{
	width:160px;
	}



	
#content0
	{
	top:70px;
	color:#101010;
	width: 50%;
    margin: 0 auto; /* A 0 a felső/alsó, az auto a bal/jobb margó */
	}
#content
	{
	top:70px;
	margin-top:15px;
	position:relative;
	z-index:900;
	float:left;
	min-width:800px;
	font-family: verdana, arial, sans-serif;
	text-align:left;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;


	}

a
	{
	text-decoration:none;
	}
a:visited
	{
	color:blue;	
	}
#hatter
	{
	z-index:1;
	position: absolute;
	top: 0px;
	left:50%;
	margin-left:-50%;
	width:100%;
	min-width:956px;
	overflow:hidden;
	text-align:center;
	}
#hatter1
	{
	position: absolute;
	top: 0px;
	width:100%;
	height: 518px;
	/*	left:50%;
	margin-left: -956px;*/
	background-image: url('images/hatter01.png');
	}



.ertekeles
	{
    width: 240px;
    height: 200px;
    border: 1px solid #ccc;
	border-radius: 15px; /* Minden sarok 15px-es ívet kap */
	background-color: #a0a0a0;
	float:left;
	padding:5px;
	margin-right:15px;

	}

.ertekeles_belso
	{
	padding:10px;
	width: 225px;
	height:160px;
    overflow-y: auto;
	float:inline-block;
	}
	
/* Div görgetés */	
.carousel-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 900px; /* Példa szélesség */
  margin: auto;
}

.carousel-container {
  display: flex;
  overflow-x: auto; /* Ez teszi görgethetővé */
  scroll-behavior: smooth; /* Lágy görgetés */
  scroll-snap-type: x mandatory; /* "Mágneses" igazítás */
  gap: 10px;
  scrollbar-width: none; /* Elrejti a görgetősávot Firefoxon */
}

.carousel-container::-webkit-scrollbar {
  display: none; /* Elrejti a görgetősávot Chrome/Safari-n */
}

.card {
  flex: 0 0 calc(33.33% - 20px); /* 3 elem fér el egymás mellett */
  height: 200px;
  background: #3498db;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start; /* Mindig az elem elejére ugorjon */


}

.nav-btn {
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 15px;
  cursor: pointer;
  z-index: 10;
}

.openBtn {
	cursor:pointer;
	color:blue;
	font-weight:bold;
}