* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {
font-family: arial;
font-size: 100%;
color: #121212;
background-color: #ffffff;
}

@font-face {
font-family: Cherolina;
src: url(../font/Cherolina.otf);	
}

a {
text-decoration: none;
color: #855cc0;	
}

a:hover {
transition: 2s;
color: green;	
}

.elerhetoseg01 a {
text-decoration: none;
color: #f1f1f1;	
}

.elerhetoseg01 a:hover {
transition: 2s;
color: #333333;	
}

#egesz {
width: 100%;
height: auto;
}

#menu {
width: 100%;
height: auto;
background-color: #ffffff;
color: #121212;
z-index: 4;
position: relative;
}

#hatterkep {
width: 100%;
height: auto;
}

#hatterkepaloldal {
position: relative;
width: 100%;
height: auto;
}

.center {
text-align: center;
}

.padding {
padding: 20px;
}

.keret {
margin-left: 5%;
margin-right: 5%;	
}

.kep {
width: 100%;
height: auto;
position: relative;	
}

.betu {
z-index: 1;
color: #ffffff;
font-size: 900%;
position: absolute;
top: 30%;
left: 5%;	
font-family: Cherolina;
}

.kisbetu {
font-family: arial;
font-size: 140%;
color: #ffffff;
position: absolute;
z-index: 2;
top: 50%;
left: 5%;
}

.atolelo {
width: 100%;
height: auto;
}

.szoveg {
border-left: solid 5px #999965;
height: auto;
line-height: 160%;
padding-left: 30px;
font-size: 120%;
width: 100%;
}

.janirol {
float: right;
width: 20%;
height: auto;
}

.clear {
clear: both;
}

.fenykepgomb {
width: 20%;
margin-left: 40%;
margin-right: 40%;
height: auto;
background-color: #333333;
color: #ffffff;
font-weight: bold;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 10px;	
font-family: arial;
}

.fenykepgomb:hover {
transition: 2s;
background-color: green;
color: #f1f1f1;
}

.elerhetoseg01 {
width: 38%;
height: auto;
float: left;
line-height: 170%;
}

.elerhetoseg02 {
width: 60%;
height: auto;
float: right;	
}

.valamilyen06 input {
background-color: #333333;
border: solid 1px #000000;
width: 100%;
height: 30px;
padding: 10px;
margin-bottom: 15px;
color: #f1f1f1;
}

.valamilyen06 textarea {
background-color: #333333;
border: solid 1px #000000;
width: 100%;
height: 150px;
padding: 10px;	
color: #f1f1f1;
}

.valamilyen07 input {
background-color: #333333;
color: #f1f1f1;
width: 60%;
height: 70px;
padding-top: 15px;
font-weight: bold;
text-align: center;
margin-top: 20px;
margin-bottom: 30px;	
}

.valamilyen07 input:hover {
background-color: #f1f1f1;
color: #333333;
transition: 2s;
}

.csik {
width: 6%;
margin-left: 47%;
margin-right: 47%;
height: 1px;
background-color: #121212;
margin-top: 10px;	
}

.csiklent {
width: 6%;
height: 1px;
background-color: #ffffff;
margin-top: 10px;	
}

.atolel03 {
columns: 3;
column-gap: 30px; 
padding: 20px;
}

.atolel02 {
columns: 2;
column-gap: 30px; 
padding: 20px;
}

#fotok {
background-image: url(../fotok/hatter.png);
width: 100%;
height: auto;
}

#aloldal {
background-color: #f1f1f1;
width: 100%;
height: auto;
}

#videok {
background-image: url(../fotok/videoknak.png);
background-repeat: no-repeat;
background-color: #eaeaea;
width: 100%;
height: auto;
}

#kapcsolat {
background-image: linear-gradient(#2c2c2c, #121212);
color: #ffffff;
width: 100%;
height: auto;
}

#alul {
background-color: #f1f1f1;
color: #333333;
width: 100%;
height: auto;
text-align: center;
font-size: 80%;
padding-top: 30px;
padding-bottom: 30px;	
}

.padding10 {
padding: 10px;	
}

.video {
break-inside: avoid-column;
background-color: #ffffff;
margin-bottom: 20px;
}

.kepek {
width: 100%;
height: auto;
background-color: #ffffff;
break-inside: avoid-column;
margin-bottom: 20px;
}

.kepek02 {
width: 100%;
height: auto;
background-color: #ffffff;
border: solid 10px #ffffff;
break-inside: avoid-column;
margin-bottom: 20px;
}

.logo {
width: 15%;
height: auto;
float: left;
padding-left: 10px;
padding-top: 10px;
}

.menu {
width: 70%;
height: auto;
float: right;
padding-right: 10px;
}

ul {
float: right;
list-style-type: none;
padding-top: 55px;
}

li {
float: left;
padding-bottom: 52px;
}

li a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
color: #121212;	
margin-right: 2px;
}

li a:hover {
transition: 2s;
color: #f1f1f1;	
background-color: #121212;
border-radius: 5px;
}

.aktiv {
color: #f1f1f1;	
background-color: #121212;
border-radius: 5px;
}

h1 {
font-size: 150%;
font-weight: bold;
}

figure img {
max-width: 100%;
height: auto;
}

.megtekintem {
background-color: #ffffff;
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
width: 60%;
margin-left: 20%;
margin-right: 20%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
color: #222222;
text-align: center;	
margin-top: 20px;
margin-bottom: 0px;
}

.megtekintem:hover {
transition: 2s;
background-color: #f1f1f1;
}

.megnyitok input {
width: 100%;
text-align: center;
border: 0px;
}

.megnyitok {
top: 2%;
z-index: 90;	
position: fixed;
width: auto;
height: auto;
background-color: #ffffff;
border: solid 1px #c0c0c0;
border-radius: 10px;	
display: none;
color: #222222;
left: 50%;
transform: translate(-50%, -1%);
}

.megnyitok img {
width: 100%;
height: auto;
max-height: 80vh;	
}

.megnyitogatom img:hover {
background-color: #000000;
opacity: 0.6;	
transition: 1s;
}

.kepbezar {
font-weight: bold;
text-align: center;
font-family: arial;
width: 100%;
height: 30px;
padding-top: 15px;
border-radius: 10px;
background-image: linear-gradient(#f1f1f1, #dbd8d8);	
}

.bezar a {
text-decoration: none;
color: #121212;	
}

.bezar a:hover {
transition: 1s;
color: green;	
}

.szendvics {
padding-top: 20px;
padding-bottom: 10px;
float: right;
width: 10%;
height: auto;
position: relative;	
display: none;
right: 10px;
}

.terkep iframe {
width: 100%;
height: 600px;
}

.youtubevideokulso {
border: 1px solid #CCCCCC;
height: 0;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
height: 100%;
}

.youtubevideokulso iframe, .youtube-container object, .youtube-container embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.ebbenvan {
display: none;
}

.justify {
line-height: 150%;
font-size: 120%;
text-align: justify;
}

.padding08 {
padding: 10px;	
}

.nevinput input {
width: 48%;
height: auto;
margin-left: 25%;
margin-right: 25%;
padding: 10px;
background-color: #ffffff;
border: solid 1px #333333;	
margin-bottom: 10px;
border-radius: 6px;
}

.bejegyzesarea textarea {
width: 48%;
height: 150px;
margin-left: 25%;
margin-right: 25%;
padding: 10px;
background-color: #ffffff;
border: solid 1px #333333;	
margin-bottom: 20px;
border-radius: 6px;
}

#mehetide {
width: 25%;
height: 60px;
background-color: #333333;
color: #ffffff;
font-weight: bold;
padding-top: 5px;
text-align: center;
margin-left: 49%;
margin-right: 25%;	
border-radius: 6px;
}

.nev01 {
width: 48%;
height: auto;
margin-left: 25%;
margin-right: 25%;
padding: 10px;
background-color: #e2e2e2;
color: #121212;	
margin-top: 25px;
border-radius: 10px 10px 0px 0px;
}

.szoveg01 {
width: 48%;
height: auto;
margin-left: 25%;
margin-right: 25%;
padding: 10px;
background-color: #222222;
color: #ffffff;	
margin-top: 0px;	
margin-bottom: 20px;
border-radius: 0px 0px 10px 10px;
line-height: 150%;
}

@media screen and (max-width: 1200px) {
	
.megnyitok {
width: 80%;
margin-left: 0%;
margin-right: 5%;
}
	
.nev01 {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}

.szoveg01 {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
	
.nevinput input {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}

.bejegyzesarea textarea {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}

#mehetide {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
	
.valamilyen07 input {
width: 90%;
}

.kepek {
margin-bottom: 20px;		
}

.video {
margin-bottom: 20px;		
}
	
.fenykepgomb {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
	
.elerhetoseg01 {
float: none;
margin-bottom: 20px;
width: 100%;
height: auto;
}

.elerhetoseg02 {
float: none;
width: 90%;
height: auto;
}
	
.atolel02 {
columns: 1;
}

.atolel03 {
columns: 1;
}
	
.szoveg {
font-size: 100%;
width: 90%;
}
	
.betu {
top: 12%;
font-size: 200%;	
}

.kisbetu {
top: 17%;
font-size: 100%;	
}

.szendvics {
display: inline;
}

.logo {
width: 30%;
}

.menu {
float: none;
width: 100%;
height: auto;
background-color: #f1f1f1;	
position: absolute;
left: 0px;
top: 60px;
display: none;
z-index: 9;
}

ul {
float: none;
padding: 20px;
}

li a:hover {
background: none;
color: orange;
}

li:last-child {
border-bottom: 0px;
}

.aktiv {
background: none;
color: orange;
}

li {
float: none;
display: block;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: dashed 1px #c0c0c0;
}

}