:root {
  --szin1: #ffffff; /*Fehér*/
  --szin2: #2C394B; /*Kék*/
  --szin3: #FF7600; /*Narancs*/
  
  /*var(--szin2)*/
  /*img 400X300*/
}
/*Menu-------------------------------------------------*/
ul.nav  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--szin2);
  position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}

 li.nav {
  float: left;
}

 .nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
}

 .nav li a:hover {
  background-color: var(--szin3);
  /* filter: brightness(1.2); */
  transform: scale(1.25);
}


/*-----------------------------------------------------*/

/*Doboz------------------------------------------------*/
div.dobozok{
	margin: auto;
	min-width: 460px;
	/*max-width: calc(450px * 3); -> @media*/
}

@media only screen and (min-width: 460px) {
	div.dobozok{
		max-width: calc(460px * 1);
	}
}
@media only screen and (min-width: 920px) {
	div.dobozok{
		max-width: calc(460px * 2);
	}
}
@media only screen and (min-width: 1380px) {
	div.dobozok{
		max-width: calc(460px * 3);
	}
}@media only screen and (min-width: 1840px) {
	div.dobozok{
		max-width: calc(460px * 4);
	}
}@media only screen and (min-width: 2300px) {
	div.dobozok{
		max-width: calc(460px * 5);
	}
}





div.doboz{
  display: inline-block;
  background-color: var(--szin2);
  /*width: 420px; /* képent nem méretezi! */

  box-shadow: 10px 10px 5px grey;
  text-align: center;
  margin: 25px;

}

div.doboz a {
color: white;
text-decoration: none;
}

div.doboz:hover{
background-color: var(--szin3);
color : var(--szin);
transform: scale(1.1);
}

/*
div.doboz img {
  border-radius: 8px;
}
*/
div.szovegDoboz{
padding : 5px;
/*border: 2px solid;
border-radius: 5px;*/
}



/*-----------------------------------------------------*/

/* aloldal----------------------------------------------*/

div.aloldal{

display: flex;

flex-wrap: wrap;
margin: auto;
min-width: 420px;

}

.sav{
background-color: var(--szin2);
color: white;
min-width: 420px;
text-align: center;
padding: 1rem;
margin: 1rem;
}
.sav img{
padding : 0.5rem;
}


.aloldalTartalom{
	
background-color: white;
color: black;
min-width: 420px;

padding : 1rem;
margin: 1rem;

}

.aloldalTartalom pre{

	background: white;
	color:black;

	border-style: solid;
	border-width:0;
	border-left-color: #04AA6D;
    border-left-width: 4px;
	
	
	
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	
	
}

.aloldalTartalom li{
    
	border-bottom: 1px solid #ddd;
}
     span.kom{color: green;}
     span.idez{color: purple;}
     span.kulcs{color: blue;}
     span.met{color: green;}
	 span.htm{color: purple;}
	 
	 

/*-----------------------------------------------------*/




a{
  color: var(--szin3);
}
a:hover{
  transform: scale(1.25);
}

/*-----------------------------------------------------*/




/*
.kontaktok{
display: flex;
flex-wrap: wrap;
margin: auto;

}

.kontaktok doboz {
	align-self: flex-start;
  // align-self: auto | flex-start | flex-end | center | baseline | stretch;
}
*/

.nevjegy {
  display: flex;
  
  height: 400px;
  width: 800px;
  --s: 300px;  /* size  */
  --m: 20px;   /* margin */
  align-items: center;
  background-color: #2C394B; /*Kék*/
}


.hexaBal{
  background-color: #FF7600; /*Narancs*/
  font-size: 0;
  width: 300px;
  height: 400px;
  margin: 0px;
 
  font-size: initial;	
	
clip-path: polygon(0 0, 75% 0%, 50% 50%, 75% 100%, 0 100%, 0% 50%);	
}

.hexa {
  position: fixed;
  top: 15;
  left: 20;	
  align-items: left;	
  font-size: 0;
  width: var(--s);
  margin: var(--m);
  height: calc(var(--s) * 1.1547);
  font-size: initial;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.hK{
	display:flex;
	width:100px;
}
.adatok{
	
	color: #FFFFFF;
	width: 400px;
	
	
	margin: auto;
	font-size: 30px;
	text-decoration: none;
	text-align: center;
	//justify-content: center;
	//align-items: center;
	
}

.adatok a:link, a:visited, a:hover, a:active{
	color: #FFFFFF;
}