@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,700&family=Work+Sans:wght@200;400;500;700&display=swap');

@font-face {
    font-family: 'wommfont';
    src: url('../fonts/womm_font.woff2');
}



:root {
  --felsomenuhatterszin: red;
  --felsomenuszin: white;
  --felsomenuhoverszin: black;
  --felsomenumagassag: 35px;
    
    
  --felsomenu2hatterszin:#f1f1f1;
  --felsomenu2szin:#333;
    
  --oldalszelesseg:1120px;
    
  --font:'Merriweather', serif;
  --szin0:#fff;
  --szin1:#7bc142; /* zold*/
  --szin2:rgba(72,117,255,1.00); /* kek */
  --szin3:#333; /* szurke */
  --szin4:#fed54d; /* sarga */
  --szin5:#ef432b; /* piros */
  --almenuszin1:#333;
    
  --alapszin1: #333;
  --alapszin2: #a8371b; /* alapszin - wosi*/
    
  --menuszin1: #ef432b;
  --menuszin2: #000;

}

body {
	margin: 0;
	padding: 0;
	color:#403f3d;
	width: 100%;
	height: auto;
	font-size: 100%;
    font-size: 1.6rem;
    background-color: #fff;
    font-family: 'Ubuntu', sans-serif;
    
    overflow-y: scroll !important;
    

}
button {font-family: 'Work Sans', sans-serif; }
input {font-family: 'Work Sans', sans-serif; }

html { 
    scroll-behavior: smooth;
    font-size: 62.5%;
}

a { text-decoration: none; transition: 0.5s;}
textarea {font-family: 'Work Sans', sans-serif; }
img {	border: 0;}

*, *::after, *::before {
  box-sizing: border-box;
}

.vonal {
    border-bottom: solid 1px var(--alapszin2);
    width: 100%;
    padding: 0;
    margin: 0 auto 20px auto;
}

.szelesseg1120 {
    max-width: var(--oldalszelesseg) !important;
    margin: 0 auto;
    width: 100%;
}


.alsofix {
    position: fixed;
    bottom:0;
    right:0;
    background-color: #000;
    color:#fff;
    z-index: 1000000;
    font-size: 70%;
    padding: 5px 10px;
    
}

.tavtarto {
    width: 100%;
    padding: 0;
    margin: 30px 0;
}


h2 {
    
    width: auto;    
    padding: 0 10px;
    margin: 0 0 10px 0;
    text-align: center;
    font-weight:100;
    font-size: 200%;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#333;
}

.h22 {

    border-bottom: solid 4px #ccc;
    padding: 10px;
    margin: 10px 0;
    font-size: 160%;
    letter-spacing: 3px;
    color:#000;
    text-align: right;
}

.ffvonal {
    width: 3px;
    height: 14px;
    background-color: #ccc;
    position: absolute;
    top:-15px;
    left:50%;
}


h1 {
    width: auto;    
    padding: 0;
    text-align: center;
    font-weight:400;
    font-size: 230%;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#333;
    line-height:30px;
}


.alapszin0 {color:#e69c31;}
.alapszin1 {color:#ff4e00;}
.alapszin2 {color:#8ab20f;}
.alapszin3 {color:#7771ff;}

.alapszinh0 {background-color: #e69c31;}
.alapszinh1 {background-color: #ff4e00;}
.alapszinh2 {background-color: #8ab20f;}
.alapszinh3 {background-color: #7771ff;}


.logohol {

    max-width: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
  
    
}

.ajanlo {
	width: 100%;
	border-radius: 5px;
	display: grid;
	grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
	grid-template-rows: auto;
	grid-template-areas: "ajanlo_bal ajanlo_bal ajanlo_jobb";
	column-gap: 0px;
  	row-gap: 0px;
	max-height: 502px;
}

.ajanlo2 {
	width: 100%;
	border-radius: 5px;
	height: auto;
	float: left;
	display: block;
	position: relative;	
	padding: 0;


	
}

.ajanlo2 img {
	width: 100%;
	height: 100%;
	float: left;
	margin-bottom: 40px;
}

.item-a {
    grid-area: ajanlo_bal;
	width: calc(100% - 7px) !important;
	max-height: 500px;
	overflow: hidden;

	background-color: #fff;
	display: block;
	flex-wrap: wrap;
	padding: 20px !important;
	border-bottom: solid 20px #fff;

}

.item-b{
    grid-area: ajanlo_jobb;
	width: calc(100% - 14px) !important;

	margin-left: 14px !important;
	padding: 0 !important;
	border-radius: 5px;
}

.ajanlo h3 {
  width: calc(100% - 40px);
  height: auto;
  display: flex;
  align-items: center;
  justify-content:flex-end;
  padding: 10px 0;
  margin: 0 20px 10px 20px;
  font-size: 160%;
  border-bottom: solid 1px #ccc;
  font-weight: 100;
  color: #333;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.ajanlokep {
	width: 100%;
	margin: 0;
	padding: 0;
	
}

.ajanlokep img {
	width: 100%;
	height: 100%;
	float: left;

	
}
.ajanlo_tartalom {
	position: absolute;
	bottom:10%;
	right:0px;
	font-size: 150%;
	background-color: #fff;
	padding: 15px 30px 25px 30px;
	color:#fff;
	
}

.ajanlo_tartalom span {
	font-size: 70%;
	
}

.ajanlo1:last-child {
	margin-bottom:0 !important;
	border-bottom: none;
	
	
}

.ajanlo1 {
	margin-bottom: 10px !important;
	width: 100%;
	border-bottom: solid 1px #ccc;

}


.feliratozo {
	width: 100%;
	height: 1px;
	border-top: solid 1px #333;
	display: flex;
	justify-content: center;
	align-content: center;
	margin:30px 0;
	position:relative;
	
}

.feliratozo span {
	position: absolute;
	text-align: center;
	width: auto;
	top:-19px;
	background-color: red;
	padding: 10px 20px;
	font-size: 80%;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: 3px;

}





.logohol img {}

.logoszoveg {
    font-size: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-left: solid 1px #ccc;
    padding: 10px;
    margin-left: 10px;
}

.flogo {
    width:400px;
    height: auto;
    float: left;
    
}

.flogo a {
    float: left;
    width: 270px;
    transition: 0.5s;
}

.st1 {transition: fill 0.5s;}

.svglogo {
            width: 100%;
            height: auto;
            fill: #ffffff;
            transition: fill 0.5s;
            cursor: pointer;
        }

        .svglogo:hover {fill: #a9381c;}
        .svglogo:hover > svg > .st1 {fill: #ec6336;} 


.flogo a:hover {
    margin-left: 10px;
}



.mikon {
    width: auto;
    height: 70px;
    float: left;
    margin-right: 10px;
    /*margin-right: 10px;
    border-right: solid 2px #ccc;
    padding-right: 10px;*/
}

.mikon img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    
}

/* menu anim */


.mhhake {
  position: absolute;
  top:10px;
  left: 20px;
  z-index: 1;
  transition: 0.5s;
  width: 60px;
}

.menuhatter {
  border-bottom: 70px solid rgba(0,0,0,0);
  border-left: 10px solid transparent; /* Bal oldali átlós oldal */
  border-right: 0px solid transparent; /* Jobb oldali átlós oldal */
}

/* menu anim eddig */

.lebegokapcsolo {
    position: absolute;
    top:3px;
    right: 3px;
    background-color: #333;
    color:#fff !important;
    padding: 5px;
    font-size: 70%;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
   ;
}

.lebegokapcsolo:hover  {
    background-color: red;
    
}





.oldaloszto {
    background-color: #292929;
    width: 100%;
    display: flex;
    justify-content:space-around;
    align-items:center;
    font-family: 'wommfont';
    font-size: 130%;
   
}

.oldaloszto ul {
    padding: 15px 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items:stretch;
    width: auto;
    width: 70%;

}

.oldaloszto ul li {
    width: 100%;
    height: 100%; 
    display: flex;
    align-items: center;
    font-size: 100%;
    line-height: 22px;
    /*border-right: dashed 1px #ccc;*/
    
}

.oldaloszto ul li:last-child {
    border-right: none;
    
}

.oldaloszto ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;    
    padding: 10px 20px 10px 20px;
    margin: 0 0 0 0;
    background-color: none;
    color:#f1f1f1;
    position: relative;
    
}

.oldaloszto ul li a span {
    color:#fff;
    font-size: 350%;
    width: auto;
    border-right: solid 2px #ccc;
    margin-right: 10px;
    padding-right: 10px;
    transition: 0.5s;


}


.oldaloszto ul li a:hover {    
    /*background-color: rgba(0,0,0,1);*/
    margin-left: 10px;

}

/* felso menu1 indul*/

.menu_felso {
    background-color:#444;
    width: 100% !important;
    color:#ccc;
    display: flex;    
    align-items: center;
    justify-content: space-between;
    font-weight:400;
    text-transform: uppercase;
}

.bal {
    width: 100%;
    display: flex;    
    align-items: center;
    
}

.bal2 {display: none;}
.jobb {
    width: 100%;
    display: flex;    
    align-items: center;
    justify-content:flex-end;
    
    
}

.menusor {
    width: 100%;
    display: flex;    
    align-items: center;
    justify-content:center;
    
    
}

ul.menu1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 80%;
}

ul.menu1 li {
    overflow: hidden;

    
    
}
ul.menu1 li a {
    
    padding: 0 10px;
    color: var(--felsomenuszin);
    transition: 0.5s;
    height: var(--felsomenumagassag);
    display:flex;
    align-items: center;
    scale:1;
    
    
}

ul.menu1 li a:hover {
    background-color: var(--felsomenuhoverszin);
    color:var(--felsomenuszin);
    scale:1;
    padding: 0 20px;
}

.fblokk { margin: 0 10px;}
.fvonal {
    width: 1px;
    height: calc(var(--felsomenumagassag) - 10px);
    margin: 0 5px;
    border-left: dashed 1px rgba(255,255,255,0.5);
    float: left;
}



ul.menu1 li a span.material-symbols-outlined {
    font-size: 150%;   
    padding: 0;
    margin: 0;



}

ul.menu1 li a i {  font-size: 150%;  }

/* felso menu1 eddig*/


/* felso menu2 indul*/
.menu_felso2 {
    width: 100% !important;
    color: #fff;
    display: flex;    
    align-items: center;
    justify-content:center;
    flex-wrap: wrap;
    padding: 0 0;

}

.felsokeret {
    width: var(--oldalszelesseg);
    display: flex;    
    align-items: center;
    justify-content:space-between;
}

.logo1 {
    width: 60px;
    height: auto;
    margin-right: 10px;
   
}

.logo1 img {
    width: 100%;
    height: 100%;
    
}



.bal_also {    
    display: flex;    
    align-items: center;
    justify-content:flex-end;

}

#kereso {
    background-color:#f1f1f1;
    width: 100% !important;
    color: #fff;
    display: flex;    
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;


    
}

.keresobox {
    max-width: var(--oldalszelesseg);
    padding: 10px;
    width: 100%;
    position: relative;
    height: 56px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    
    
}

.keresobox .ikon {
    position: absolute;
    width: 40px;
    height: 40px;
    border-right: solid 1px #666;
    display: flex;
    justify-content: center;
    align-items: center;color:#000;
    
}

.keresobox input {
    width: calc(100% - 50px);
    margin-left: 50px;
    height: 40px;
    padding: 10px !important;
    font-size: 100%;
   
    outline: none;
    background-color:rgba(255,255,255,0.1);
    border: none;
    
}

button.kapcsolo1  {
    height: 40px;
    width: 50px;
    color:#333;
    border:none;
    margin: 0 0 0 5px;
    padding-top: 7px;
    cursor: pointer;
    background-color: #ccc;
    transition: 0.5s;
    
}

button.kapcsolo1:hover {
    background-color: #333;
    color:#ccc;
    
}

button.kapcsolo2  {
    height: 40px;
    width: auto;
    line-height: 20px;
    color:#fff;
    border:none;
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #333;
    font-size: 100%;
    transition: 0.5s;
    font-weight: bold;
    text-transform: uppercase;
    
}

button.kapcsolo2:hover {
    background-color: #000;
    color:#fff;
    padding: 10px 20px 10px 30px;
    
}

button.kapcsolo3  {
    height: 40px;
    width: auto;
    line-height: 20px;
    color:#333;
    border:none;
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 80%;
    transition: 0.5s;
    
    text-transform: uppercase;
    
}

button.kapcsolo3:hover {
    background-color: var(--alapszin2);
    color:#fff;
    padding: 10px 20px 10px 30px;
    
}

button#keresokapcs {
    border:none;
    background: none;
    cursor: pointer;
    transition: 0.5s;
    border-bottom: solid 2px rgba(0,0,0,0);
    font-size: 150%;
    padding: 7px 10px;
    height: 40px;
}

button#keresokapcs span {
    color:#fff;
    
}

/* kozepsobox indul */

.foalap {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    z-index: 4;
    
}


.alaphatter {
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    float: left;
    position: fixed;
    z-index: 1;
    opacity: 1; /* Átlátszóság beállítása (opcionális) */
    background-image:url('../images/hatter007.jpg');
    
    background-repeat:repeat-x;
    background-position:top left;
    background-size:80%;
    background-attachment:fixed;
    
    
    
    
}

.alaphatter::before {
  content: ''; /* Kötelező az átlátszó tartalomhoz */
  
  background-repeat:repeat-x; /* Az SVG ismétlődésének beállítása */
  background-position:0 0px;
  background-size:100%;
    
  position: absolute; /* Az SVG pozicionálásához */
  top: 0; /* Felül pozicionálás */
  left: -10%; /* Balra pozicionálás */
  width: 120%; /* Teljes szélesség */
  height: 120%; /* Teljes magasság */
  opacity: 0.2; /* Átlátszóság beállítása (opcionális) 0.08*/
  z-index: 1; /* Az SVG rétege a háttér felett (opcionális) */

}

.kozepsobox {
   
    width: 100%;
    padding: 0 0;
    display: flex;
    justify-content: center;
}






.kozepsoboxbelso {
    max-width: var(--oldalszelesseg); 
    width: 100%;
    background-color:rgba(241,241,241,0.60);

    padding: 0 20px;

    /*-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.1);
box-shadow: 0 0 20px 10px rgba(0,0,0,0.1);*/
}

/* kozepsobox eddig */

/* hirek blokk indul */ 

/* kicsi csoportbox főlapra*/

ul.kbox {}

ul.kbox li {
    height: 60px !important;
    -webkit-border-radius: 0 0 0 !important;
    border-radius: 0 0 0 !important;
    overflow: hidden;
    position: relative;
    
}

/* FOTÓALBUM JAVÍTOTT - BLOGHOZ JAVÍTOTT 2023-08-27 */


.fotoalbumbox {
    width: 100%;
    margin: 30px 0 !important;
    padding: 30px 0 !important;
    float: left;
    height: 100%;
    
    
}

.fotoalbum_kapcs, .fotoalbum_kapcs a, .fotoalbum_kapcs a img  {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.plakat {
	width: 100%;
}

.plakat img {
	width: 100%;
	height: auto;
	
}


/* FOTÓALBUM EDDIG */

/* kiadvanyok */
.akbox {
color: #333;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  font-size: 90%;
  font-weight: 500;
  background-color: #fff;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  -webkit-border-radius: 5px 5px 5px !important;
  border-radius: 5px 5px 5px !important;
  border: solid 1px #fff;
  position: relative;
}


/* kiadvanyok eddig */


/* kicsi csoportbox főlapra eddig*/

.csoportszoveg {
    padding: 10px 20px; 
    text-align: justify;
    background-color: #fff;
    border-radius: 5px 5px 5px 
    }

.otletbox {

    margin-bottom: 20px;
    padding: 10px;
    background-color:rgba(255,255,255,0.5);
    
}

.otletbox ul {
    padding: 0;
    margin: 0;
    list-style: none;
  
}

.otletbox ul li {
    background-color: #fff;
    border-radius: 5px 5px 5px;
    
}

.hfkep2 {
    width: 100%;
    min-height: 160px;
    padding: 0;   
    background-image: url("../letoltes/nincskep.png");
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;

}

.hfkep2 img {
    width:100%;
    height:100%;
}

.halso2 {
    padding: 0;
    width: 100%;
    height: 40px;


    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}



.hirekbox {margin-bottom: 20px;}

.hirekbox ul {
    list-style: none;  
}

.hirekbox ul li {

    float: left;
    width: 100%;
    transition: 0.5s;    
    overflow: hidden;
    position: relative;
    height: 450px;
    -webkit-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
}

.h330 { height: 330px !important;}
.h370 { height: 370px !important; font-size: 90%; line-height: 10px; }
.h210 { height: 210px !important;}
.hauto { float: left; height: auto !important;}

.hirekbox ul li:hover {    
}

.hirekbox ul li a {
    float: left;
    color:#333;
    width: 100%;
    
}




.hirekbox ul li .hkep {
    height: 190px;
	width: calc(100% - 40px);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    margin:10px;
}

.hirekbox ul li .hkep2 {
    height: 190px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    margin:10px;
    background-color: var(--alapszin2);
}

.hirekbox2 ul li .hkep3 {
    width:100px;
    height: auto;    
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    margin:10px;
    background-color: var(--felsomenuhatterszin);
}

.hirekbox2 ul li .hkep33 {
    width:100px;
    height: auto;    
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    margin:0 10px;
    background-color: var(--felsomenuhatterszin);
}

.hirekbox2 ul li .hkep3 img, .hirekbox2 ul li .hkep33 img {
    width: 100%;
    height: 100%;
    float: left;
    
}

.hirekbox ul li .hkep5 {
    height: 160px;
    margin:10px;
    overflow: hidden;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 20px);
 
 
}

.hirekbox ul li .hkep5 img, .hkep6 img {
    width: 100%;
    float: left;
}

.hkep6 {
    height: auto;
    margin:10px;
    overflow: hidden;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 20px);
 
}

.magassag230 { height: 230px !important;}
.magassag250 { height: 250px !important;}
.magassag300 { height: 300px !important;}







.hirekbox2 { padding-bottom: 20px;}

.hirekbox2 ul {
    list-style: none; 
    padding: 0;
    margin: 0;
}

.hirekbox2 ul li {
    padding: 0;
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
    transition: 0.5s;    
    position: relative;
    height: auto;
    -webkit-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
    display: flex;
    justify-content: flex-start;
    align-items:flex-start;
}


.hirekbox2 ul li a.kapcsolo6 .hjobb {
    border-left:solid 2px var(--alapszin2);
    margin-left: 5px;
    padding: 10px; 
    height: 100%;
   

}


.hikon i {
    font-size: 140%;
    width: 80px;
    text-align: center;
}
/* urlapindul */

.urlapbox {
    width: 100%;
    height: auto;
    border: solid 1px #f1f1f1;
    padding: 20px;
    margin: 10px 0;

    float: left;
}

sor {
    width: 100%;
    border-top: solid 1px #ccc;
    padding: 5px 0;
    margin: 5px 5px 20px 5px;
    display: block;
}
    
urbox_flex {
    width: 100%;
    padding: 0;
    margin: 5px 5px 5px 5px;
    display:flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    font-size: 120%;
}
urbox_grid {
    width: 100%;
    padding: 0;
    margin: 5px;
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 0px;
    row-gap: 0px;
    position: relative;
}

urbox_grid .select {
    width: 100%;
    line-height: 50px;
    padding: 0;
    margin: 0;
    height: 50px;
    background-color: #f1f1f1;
    transition: 0.5s;
}

urbox_grid .select::before {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  color: #fff;
  background-color: #ccc;
  pointer-events: none;
  border-left: solid 1px #ccc;
}

urbox_grid .select select {
    padding: 0px 30px;    
    cursor: pointer;
    border: solid 1px #ccc;
    width: 100%;
    height: 100%;
    background: none;
}

urbox_grid .select select option {
    border: solid 5px #000;
    
} 
/* select urlaphoz indul */

urbox_grid .select:hover {
    background-color: rgba(200,200,200,1);
}

.chbox {
    border: solid 1px #f1f1f1;
    float: left;
    width: 100%;
    margin-left: 5px;
    padding: 20px;
}

.chbox_belso {
  display: block;
  position: relative;
  min-height: 50px;
  padding: 12px 0 12px 55px;
  /*line-height: 50px;*/
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: solid 1px #f1f1f1;
  width: 100%;
  transition: 0.5s;

}

.chbox_belso:hover {
  background-color: #f1f1f1;
}

.chbox_belso input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
    
}

.checkmark {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 40px;
  width: 40px;
  background-color: #f1f1f1;
}

.checkmark2 {
  position: absolute;
  top: 10px;
  left: 5px;
  height: 30px;
  width: 30px;
  background-color: #eee;
  border-radius: 50%;
}

.checkmark2:after {
    content: "";
    position: absolute;
    display: none;    
 	top: 8px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #000;
}

.checkmark:after {
  left:15px;
  top: 7px;
  width: 10px;
  height: 20px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
    content: "";
  position: absolute;
  display: none;
}

.chbox_belso:hover input ~ .checkmark { background-color: #ccc;}
.chbox_belso input:checked ~ .checkmark { background-color: rgba(200,200,200,1);}
.chbox_belso input:checked ~ .checkmark:after {display: block;}

.chbox_belso:hover input ~ .checkmark2 { background-color: #ccc;}
.chbox_belso input:checked ~ .checkmark2 { background-color: rgba(200,200,200,1);}
.chbox_belso input:checked ~ .checkmark2:after {display: block;}



/* select urlaphoz eddig */

ur1 {
    width: 100%;
    text-align: center;
    font-size: 170%;
    display: block;
    letter-spacing: 0;
    font-weight: lighter;
    
}

ur2 {
    width: 100%;
    text-align: center;
    font-size: 140%;
    display: block;
    letter-spacing: 0;
    font-weight: lighter;
    line-height: 27px;
    
}
.ur-text {
    width: auto;
    text-align: right;
    padding: 10px 20px;
    height: 50px;
    align-items: center;
    display: flex;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    background-color: #fff;

}

.ur-input {
}


.ur-input input {
    border: solid 1px #f1f1f1;
    width: auto;
    height: 50px;
    padding: 10px 30px;
    transition: 0.5s;
    font-size: 90%;
    outline: none;

}

.ur-submit input {
    border: none;
    background: none;
    border-left: solid 1px var(--menuszin1);
    width: 100px;
    height: 50px;
    padding: 10px 0px;
    transition: 0.5s;    
    font-size: 90%;
    color: var(--menuszin1);
    
}

.ur-submit input:hover {
    background-color: var(--menuszin1);
    color:#fff;
    width: 200px;
     -webkit-border-radius: 5px;
    border-radius: 5px;
   cursor: pointer; 
}

a.ur-kapcsolo {
    border: none;
    background: none;
    width: 230px;
    height: 50px;
    padding: 10px 20px;
    transition: 0.5s;    
    font-size: 90%;
    color: var(--menuszin1);
    text-align: center;
    
}

a.ur-kapcsolo:hover {
    background-color: var(--menuszin1);
    color:#fff;
    width: 300px;
     -webkit-border-radius: 5px;
    border-radius: 5px;
    
}


.ur-input input:hover  {
    background-color: #f1f1f1;
    border: solid 1px #ccc;
    

}

.ur-input2 input:hover  {
    background-color: rgba(200,200,200,1);
    border: solid 1px rgba(200,200,200,1);
}
.ur-input2 input {

    background-color: #f1f1f1;
    border: solid 1px #ccc;
    width: 100%;
    height: 50px;
    padding: 10px 30px;
    transition: 0.5s;
    font-size: 100%;
    outline: none;
   

}

.textarea {
    width: 100%;
    min-height: 50px;
    padding: 0;
   margin: 0 0 0 5px;
}

.cimbox {
    width: 100%;
    float: left;
    padding: 0;
   margin: 15px 0 0 5px;
}

.cimbox .ctext {
    padding: 10px 0;
    border-bottom: solid 3px rgba(200,200,200,1);
    width: 100%;
    float: left;  
}

.textarea textarea {
    border: solid 1px #f1f1f1;
    width: 100%;
    min-height: 150px;
    padding: 10px 20px;
    transition: 0.5s;
    font-size: 90%;
    outline: none;
    
}

.textarea textarea:hover {
    background-color: rgba(200,200,200,1);
    border: solid 1px rgba(200,200,200,1);
}


/* urlapbox eddig */

.kapcsolo7 {
    color:#333;
    background-color: #fff; 
    /*display: flex;
    align-items:stretch;
    flex-wrap: wrap;*/
    height: 100%;
    width: 100%;
    float: left;
    border: solid 1px #fff;
    padding: 8px;
    

    
}
.kapcsolo7:hover {
    background-color: #fff;
    border: solid 1px #ccc;
    
}

.hfelso {
    width: 100%;   
    height: auto;
    float: left;
   
}

.hfkep {
    width: 100%;
    min-height: 200px;
    padding: 0;   
    background-image: url("../letoltes/nincskep.png");
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;

}

.hfkep img {
    width:100%;
    height:100%;
    


}

.halso {
    padding: 0;
    width: 100%;
    height: 390px;
     
    float: left;
}


.tcslista {
    border-top: solid 2px var(--alapszin2);
    width: 100%;
    height: auto;
    padding: 5px 10px 10px 10px !important;
    display:flex;
    justify-content:center;
    align-items: center;
    line-height: 10px;
    font-size: 80%;
    flex-wrap: wrap;
   
    
}

.tcslista a {
    
    color:#333;
    padding: 7px 10px;
    margin: 2px;
    border-bottom: solid 2px rgba(0,0,0,0);
    transition: 0.5s;
    text-transform: uppercase;
    
}

.tcslista a:hover {
    
    border-bottom: solid 2px red;
    color:#000;
}

.ha1 {
    width: 90%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    font-weight: 400;
    font-size: 100%;
    padding: 0;
    color:#000;
    height:60px;
    margin: 0 auto 10px auto;
    border-bottom: solid 1px #ccc;
    
}

.ha2 {
    width: 90%;
    margin: 0 auto 10px auto;
    font-size: 80%;
    color:#333;
    padding-bottom: 10px;
    height: 110px;
    
    
}

.ha3 {
    font-size: 70%;
    color: #000;
    width: 100%;
    padding:8px;
    background-color: #ccc;
    float: left;
    
}

.ha4 {
    font-size: 80%;
    font-weight: bold;
    width: 90%;
    margin: 0 auto 10px auto;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 5px 0;
   
}

.ha4 span {
    margin-right: 5px;
 
 
    
}

.sarga { color:goldenrod;}
.zold { color:green;}


.akciosar {
    background-color: red;
    padding: 5px 5px;
    float: right;
    margin-left: 20px;
    color:#fff;
    font-size: 80%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    
}



.hirekbox2 ul li a.kapcsolo6 .hbal {
    margin-left: 5px;
    height: 100%;
    display: flex;
    align-items: center; 
    flex-wrap: wrap;

}


.hirekbox2 ul li .hbal { }


.hirekbox2 ul li .hkep {
    width: 160px;
    height: auto;    
    margin:0;
    display: block;
    float: left;
}

.hirekbox2 ul li .hkep img {
    width: 100%;
    height: auto;
    float: left;
}

.hirekbox ul li .tszkep {
    width: calc(100% - 20px);
    height: 140px;
	overflow: hidden;
    margin:10px;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
}

.hirekbox ul li .tszkep img {
    width: auto;
    height: 100%;
	float: left;
	transition: 0.5s;
	

}

.tsz1 {
    width: calc(100% - 20px);
	height: 65px;
	margin: 0 10px;
	text-align: center;
    font-weight: 100;
	font-size: 100%;
    color:#000;    
    line-height: 20px;

	justify-content: center;
	
	display: flex;
	align-items: center;


    
}

.tsz2 {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    font-size: 90%;
    line-height: 20px;
    float: left;
}


a.tszkapcs {
	padding-bottom: 3px;
	border-radius: 5px;
	background-color:rgba(255,255,255,0.70);
}

a.tszkapcs:hover {
	background-color:rgba(255,255,255,1);
}

a.tszkapcs:hover > .tszkep img {
	scale:1.2;
}

.hirekbox2 ul li .hjobb {

    width: 100%;
    padding:10px 20px;
}

.hhdatum {
    font-size: 70%;    
    border-right: solid 1px var(--felsomenuhatterszin);
    padding: 3px 10px 3px 25px;
    margin-right: 10px;
    width: auto;    
    float: left;
    line-height: 20px;
    position: relative;
}

.hhdatum2 {
    font-size: 80%;    
    padding: 3px 10px 3px 25px;
    margin-right: 10px;
    width: 100%;    
    float: left;
    line-height: 20px;
    position: relative;
}

.hhdatum span, .hhdatum2 span {
    position: absolute;
    top:-1px;
    left:-5px;
    color:#000;
   
 
  
    
}




.hh1 {
    width: auto;
    margin: 0 0 10px 20px;
    padding: 5px 10px 5px 10px;
    font-size: 100%;
    font-weight: 500;
    color:#000;    
    line-height: 20px;
    border-left: solid 2px  var(--alapszin2);
    
}

.hh2 {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    font-size: 90%;
    line-height: 20px;
    
}

.hh3 {
    width: 100%;
    margin: 0;
    padding: 5px 0 10px 0;
    font-size: 90%;
    line-height: 20px;
    float: left;
    
    
}

.hh4 {
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 500;
    color:#000;    
    line-height: 26px;
    
    
}

a.kapcsolo  {

    font-size: 85%;
    color:#333;
    position: absolute;
    bottom:10px;
    right:10px;
    transition: 0.5s;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 10px;
    border: solid 1px #f1f1f1;
}

a.kapcsolo:hover  {
    background-color: #f1f1f1;
    border: solid 1px #ccc;
    right: 15px;
}

.hirekbox h3 {
    width: 100%;
    text-align: center;
    font-weight: normal;
    padding: 0 0 20px 0;
    margin: 0;
    
}

/* tartalomhoz - táblázat */

.kozepsoboxbelso div table   {
    border-collapse: collapse;
	width: 100%;
	font-size: 90%;
}

.kozepsoboxbelso div table tbody tr td {
    padding: 10px 10px;
    margin: 0;
    border: solid 4px #fff;
    width: 80%;
    line-height: 25px;
}

.kozepsoboxbelso div table tr { background-color: #f1f1f1; }
.kozepsoboxbelso div table tr:nth-child(2n) { background-color: #e1e1e1; } /* második sor más színu*/

/* tartalomhoz - táblázat eddig*/

/* borito kapcsolo anim */

.borito {
    border: solid 1px rgba(0,0,0,0);
    position: absolute;
    top:10px;
    left:10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    overflow: hidden;
}

.borito:hover {
}

.hkep {
    position:relative;
    transition: 0.5s;
    top:0px;
}

.borito:hover > .hkep {
    top:-10px;
}

/* borito kapcsolo anim eddig */


/* hirek blokk eddig */

.kapcsolo4 {
    color:#000;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(241,241,241,0.8);
}




.kapcsolo4:hover {
    background: rgb(255,255,255,1);
}

.kapcsolo4 a:hover > .fcim .hkep .videojel2 i  {
    transform: rotate(90deg);
    color:#f1f1f1;
  
}

.kapcsolo4 a { color:#333;}

.videojel2 {    
    text-align: center;
    width: 100%;
    height: 100%;    
    font-size: 400%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    
}

.videojel2 i { transition: 0.5s; color:#fff; }

.kapcsolo5 {
    color:#000;
    transition: 0.5s;
    width: auto;
    height: 100%;
    display: block;
    padding: 15px 30px;
    font-size: 100%;
    letter-spacing: -1px; 
    font-weight:normal;
    border:solid 1px rgb(0,0,0,0.1);
   
}


.kapcsolo5:hover {
    background:rgba(255,0,0,1);
    border:solid 1px rgba(255,0,0,0.4);
    color:#fff;
   padding: 15px 40px;
  
}

.kapcsolo5 a {
    color:#333;
}

.kapcsolo6 {
    color:#333;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    font-size: 90%;
    font-weight: 500;
    background-color: #fff;
    padding: 10px;    
    display: flex;
    justify-content:flex-start;
    align-items:center;
    text-align:left;
    -webkit-border-radius: 5px 5px 5px !important;
    border-radius: 5px 5px 5px !important;
	/*border: solid 1px rgba(0,0,0,0);*/
	outline: solid 1px rgba(0,0,0,0);
    position: relative;
	

}

.kapcsolo6 span {
    position: absolute;
    bottom:5px;
    right:5px;  
    font-size: 200%;
    color:#ccc;
    transition: 0.5s;    
    scale:1;

}


.hh11 {
    border-left: solid 2px red;
    padding-left: 5px;
    position: absolute;
    z-index: 500;
    
}



.kapcsolo6:hover {
    background-color: #fff;
    color:#000;
  
    padding: 10px 20px;
	outline: solid 1px #ccc;
    
}

.kapcsolo6:hover > span {
    transform: rotate(90deg);
    scale:3;
    color:#f1f1f1;
}
  

.kapcsolo6 a {
    color:#333;
}



/* oldalak indul */

.oldalak {
    background: #fff;
    float: left;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    margin: 20px 0 0 0;
    letter-spacing: 0px;
    line-height: 25px;
    width: 100%;
    text-align: justify;
    position: relative;
}

.oldalak h1 {
    letter-spacing: 0;
    font-size: 160%;
    padding: 0;
    margin: 0;
}
.oldalak h2 {
    letter-spacing: 0;
    font-size: 110%;
    font-weight: 400;
}

.max200 { max-height: 200px !important;}
.max220 { max-height: 220px !important;}
.max250 { max-height: 250px !important;}
.max370 { max-height: 370px !important;}
.max480 { max-height: 480px !important;}
.max500 { max-height: 520px !important;}

.infobox {
    padding: 10px 0;
    font-size: 120%;
    width: 100%;
    float: left;
    
}

.infobox2 {
    padding: 20px;
    font-size: 110%;
    width: 100%;
    float: left;
    background-color:rgba(255,255,255,0.5);
    margin-bottom: 20px;
    
}

ul.infobox3 {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-content: center;
}

ul.infobox3 li {
    width: 100%;
    border: solid 1px red;
    overflow: hidden;
    
}

ul.infobox3 li img {
    width: 120%;
    float: left;
    
}
.termekbox {
    width: 100%;
}

.termekbox .tboxbal {
   
    width: 100%;
}

.termekbox .tboxbal .container_skitter img {
    width: 100%;
    float: left;
    
    
}
.fn1 {font-size: 110%;}
.fn2 {font-size: 120%;}
.fn3 {font-size: 130%;}
.fn4 {font-size: 140%;}
.fn5 {font-size: 150%;}


.tboxjobb {
    border-left: solid 1px #ccc;
     padding-left: 14px;

    
}
.tboxjobb h2 {
    text-align: left;
    padding: 0 0 10px 0;
    margin: 0;
    
    
}
.haa4 {
    width: 100%;
}

.haa41 {
    font-size: 100%;
    font-weight: bold;
    width: auto;
    margin: 0;    
    padding:0 10px 0px 0;
    float: right;
    position: relative;
    top:-2px;
}

.haa41 span {
    position:absolute;
    top:-2px;
    left:-30px;
}

.haa42 {
    font-size: 100%;
    font-weight: bold;
    width: auto;
    margin: 0;    
    padding:0 10px 0px 0;
    float: left;
    position: relative;
    top:-2px;
}



.akciosar2 {
    background-color: red;
    padding: 3px 5px;
    float: right;
    margin-left: 20px;
    color:#fff;
    font-size: 80%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    
    
}


.kiegeszitosor {
    
    display: flex;
    justify-content:space-between;;
    align-items: center;
    width: 100%;
    height: 40px;
    letter-spacing: 0;
    font-size: 80%;
    padding: 0 0 0 10px;    
    text-transform: uppercase;    
    border-top: solid 1px var(--alapszin2);
    margin-top: 40px;
}

.kiegeszitosor2 {
    
    display: flex;
    justify-content:center;
    align-items: center;
    width: 100%;
    height: auto;
    letter-spacing: 0;
    font-size: 100%;
    padding: 0 10px;    
    text-transform: uppercase;    
    margin-bottom: 20px;
    
}

.kiegeszitosor3 {
    
    display: flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap;
    
    width: 100%;
    height: auto;
    letter-spacing: 0;
    font-size: 100%;
    padding: 0 10px;  
    text-transform: uppercase;    
    margin: 20px 0;
    
}

.kiegeszitosor3 h2 {
    width: 100%;
    text-align: center;
    
}

.kiegeszitosor3 h3 {
    font-weight: normal;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    
}

.kiegeszitosor3 h4 {
    font-weight: normal;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 10px 0;
    color:#333;
    text-transform: none;
    
}

.bal3 {
  
    width: 100%;
    height: 100%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    padding: 0;

}

.jobb3 {
    
    width: 100%;
    height: 100%;
    display: flex;
    justify-content:flex-end;
    align-items: center;
    padding: 0 0 0 20px;

}

.kiegeszitosor div a {
    background-color: #f1f1f1;
    height: 100%;
    padding: 0 20px 0 10px;
    display: flex;
    justify-content:flex-end;
    align-items: center;
    color:#333;
}

.kiegeszitosor div a:hover {
    background-color: var(--alapszin2);
    color:#fff;
}

.kiegeszitosor div a span {
    
}



/* oldalak eddig */

/* urlap indul */

.urlap {

    width: 100%;
    margin: 0;
    padding: 0;
}




.urlap input, textarea {
    border:none;
    border: solid 1px #ccc;
    width: 100%;
    padding: 15px;
    margin-bottom: 5px;
    font-size: 100%;
    font-weight:400;
    transition: 0.5s;
    background-color: #f1f1f1;
    scale:1;
    outline: none;
}

.urlap input:hover, textarea:hover, .urlap focus {
    outline: none;
    background-color: #ccc;
    
    
}

/*urlap eddig */

/* szinatmenet indul */

.feher001 {
background: rgb(241,241,241);
background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
.szurke001 {
background: rgb(51,51,51);
background: -moz-linear-gradient(-45deg,  rgba(51,51,51,1) 0%, rgba(163,163,163,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(51,51,51,1) 0%,rgba(163,163,163,1) 100%);
background: linear-gradient(135deg,  rgba(51,51,51,1) 0%,rgba(163,163,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#a3a3a3',GradientType=1 );
}
.piros001 {
background: rgb(255,0,0);
background: -moz-linear-gradient(top,  rgba(255,0,0,1) 0%, rgba(211,0,3,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(211,0,3,1) 100%);
background: linear-gradient(to bottom,  rgba(255,0,0,1) 0%,rgba(211,0,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d30003',GradientType=0 );
}

.feher002 { background-color:#fff;}
.kiemeles { background-color:#f1f1f1; border: solid 1px #ccc;}



/* szinatmenet eddig */

.font90 {
    font-size: 90%;
    
}

.fullszeles {
    width: 100%;
    float: left;
}

/* alapszinek */

.fontfeher { color:#fff;}
.fontszurke { color:#333;}

/* alapszinek eddig */

/* osztas indul */

.behuz100 {padding: 20px 100px;}
.behuz200 {padding: 20px 200px;}
.behuz300 {padding: 20px 300px;}
.behuz400 {padding: 20px 400px;}

.oszlop2 { grid-template-columns: 1fr 1fr;}
.oszlop3 { grid-template-columns: 1fr 1fr 1fr;}
.oszlop4 { grid-template-columns: 1fr 1fr 1fr 1fr;}
.oszlop5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.oszlop6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}






.osztas2 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 20px; row-gap: 20px; width: 100%;

}

.osztas2-2 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 15px; row-gap: 0px; width: 100%;

}

.osztas2-22 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 15px; row-gap: 0px; width: 100%;

}

.osztas3 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 20px; row-gap: 20px; width: 100%;

}

.osztas3-3 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 20px; row-gap: 0px; width: 100%;

}

.osztas4 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 20px; row-gap: 20px; width: 100%;

}

.osztas4-4 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 10px; row-gap: 10px; width: 100%;

}

.osztas5-5 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 10px; row-gap: 10px; width: 100%;

}

.osztas5 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 20px; row-gap: 20px; width: 100%;

}
.osztas6 {
    padding: 0; margin: 0; display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-items: stretch; align-items: stretch; column-gap: 10px; row-gap: 10px; width: 100%;

}




/* osztas eddig */

/* h1, h2 szinek */

.hh1feher h1, .hh2feher h2, .hh2feher h3, .hh2feher h4 { color:#fff;}
.hh1szurke h1, .hh2szurke h2, .hh2szurke h3, .hh2szurke h4 { color:#333;}

/* h1, h2 szinek eddig*/

/* menu2 indul */

 .topnav {
	padding: 0;
    margin: 0;
    font-size: 100%;
    float: left;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content:flex-end;

}

.topnav a {
	color: #fff;
  	text-align: center;
  	padding: 0px 10px;
	text-decoration: none;
  	height: inherit;
  	display: flex;
  	align-items: center;
  	letter-spacing: 0;    
    margin: 0 1px;
    border-bottom: solid 2px rgba(0,0,0,0);
    
    
}

.active .material-symbols-outlined {  color: #fff; float: left; }
.topnav .icon {  display: none;}

.dropdown {
  	overflow: hidden;
    float: left;
    margin: 0 1px;
    
}

.dropdown .dropbtn {
  	border: none;
  	outline: none;
  	color: #fff;
  	background-color: inherit;
  	margin: 0;
  	padding: 0 10px;    
    font-size: inherit;
    letter-spacing:0;
    height: 40px;
    display: flex;
    align-items: center;
    
    

}

.dropdown .dropbtn span.material-symbols-outlined {
    float: right;
    padding: 0;
    margin: 3px 0 0 0;
    
    
}

/* lenyiló box*/
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
  z-index: 1000;
  padding: 10px;
  animation-name: anim1;
  animation-duration: 0.5s;
  font-size: 90%;
  font-family: 'Work Sans', sans-serif;
    
    
  
}

.dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 10px 20px;    
  transition: 0.5s;
  margin-bottom: 0px;
    border-bottom: solid 1px #ccc;
    
}

.dropdown-content a:last-child {
    border-bottom: solid 1px rgba(0,0,0,0);
    
}

/* menu2 eddig */


/* slider indul*/

.label_skitter {
    z-index: 150;
    position: absolute;
    bottom: 40px;
    left: 0;
    text-transform: uppercase;
    color:#fff;
    font-size: 150%;
    font-weight: bold;    
    display: flex;
    justify-content:flex-start;
    align-content:flex-start;
    flex-direction: column;
    width: auto;
    max-width: 70%;
    

}
.sorbox {
    width: 100%;    
}

.sor1 {
    padding: 10px 20px;
    margin-top:10px;
    float: left;
    
}

/* virtual muzeum - slider */

.vsliderbox {
    padding: 20px;
    
}

.vsor1 {
    padding: 0;
    float: left;
    font-size: 120%;
    width: 100%;
    
}
.vsor2 {
    padding: 10px 0 0 0;
    float: left;
    font-size: 100%;
    width: 100%;
}

.vsor3 {
    padding: 10px 0 0 0;
    float: left;
    font-size: 80%;
    text-transform: none;
    width: 100%;
}




.vkeret {
    width: 100%;
    background-color: #fff;
    height: auto;
    display: flex;
    margin-top: 20px;
}

.vkeret .vbal {
    flex: 1;
    padding: 10px 20px 10px 10px;
    margin: 10px;
    border-right: solid 2px #ccc;
    box-sizing: border-box;
    height: auto;
    min-height: 200px;

    color:#000;

    
  
    
    

}

.vbaltext {
    

    padding: 30px;
    width: 100%;
    text-align: right;
    color:#292929;
    font-size: 150%;
}

.vkeret .vjobb {
    flex: 2;
    padding: 10px;    
    box-sizing: border-box;
    height: auto;
    display: flex;
    align-items:center;   
    justify-content: flex-start;
    color:#000;
}

.vkeret .vjobb ul {
    padding: 0;
    margin: 0;
    
}


.kapcsolo8 {
    color:#000;
    width: 160px !important;
    height: auto !important;
    display: block;
    background: rgb(241,241,241,0);
    padding: 10px 10px;
    margin: 0 !important;


    
    
}

.kapcsolo8:hover  {
    background: rgb(241,241,241,1);
}



.vkep {
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    transition: 0.5s;
    

    
}

.vkep img {
    width: auto;
    height: 140px;
    float: left;
    
    
}


/* vurtual muzeum- slider eddig */

.sorbox a .kapcsolo {
    background-color: #fff;
    padding: 10px 20px;
    margin-top:10px;
    font-size: 80%;
    float: left;
    color:#333;
    transition: 0.5s;
    
}

.sorbox a .kapcsolo:hover {
    background-color: #fff;
    color:#000;
    padding-left: 30px;
    
}

.box2 {
    width: 100%;
    height: auto;
    display: block;
    display: flex;
    justify-content: center;
    align-items:flex-start;
    border: solid 2px #fff;
    overflow: hidden;
    background-color: #fff;
    
}

.box2 img {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}

.box2 a {
    transition: 0.5s;
    
}

.box2 a:hover {
    scale:1.1;
    
}

.box3 {
    width: 100%;
    min-height: 300px;
    height: auto;
    display: block;
    display: flex;
    justify-content: center;
    align-items:flex-start;
    overflow: hidden;
    background-color: #fff;
    
}

.betumeret {
  font-size: 110%;
    margin: 0;
 
}

.hh8 {
width: auto;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
font-size: 110%;
font-weight:500;
color: #000;
line-height: 20px;
}

 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  cursor: pointer;
  padding:0px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
  text-align: left;
  background: none;
  min-height: 10px;

}

.active, .accordion:hover {}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: normal;
  float: right;
  margin-left: 0px;
    font-size: 130%;
    border: solid 1px #ccc;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom:5px;
    right: 5px;
    

}


.panel {
 overflow: hidden; 
 padding: 0px;
 transition: max-height 0.4s ease-out;
 max-height: 0;
 text-align: justify;
    font-size: 110%;
  
} 

.box3 img {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}

.box3 a {
    transition: 0.5s;
    
}

.box3 a:hover {}





.tkep {
    width: 100%;
    height: 160px;
    float: left;
    background-color: #333;
    overflow: hidden;
}

.tkep img {
    width:200%;
    height: auto;;
    
}


/* slider eddig */

.tartalom { position: relative;}

.tartalom h1 {font-size: 180%; text-align: left; border-left: solid 4px var(--alapszin2); padding: 10px 0;padding-left: 15px;}
.tartalom h2 {border-bottom: solid 1px #ccc; padding: 20px 20px; margin: 15px 0; text-align: left; background-color: #f1f1f1;}


/* szovegbox indul */

.szovegbox2 {
    width: 100%;
    margin-bottom: 20px;
    line-height: 25px; 
    padding: 20px 0;

}


.szovegbox1 {
    width: 100%; 
    margin-bottom: 20px;
    line-height: 25px;    
    -webkit-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
}

.szovegbox1 h2 {
    padding: 0;
    margin: 0;

    
}

.szovegbox1 h3 {
    font-size: 90%;
    width: 100%;
    text-align: center;
    font-weight: 400;
    padding: 0;
    margin: 10px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    
}


/* szovegbox eddig */

/* hashtag indul */

.hashtag {
    padding: 0;
    margin: 0;
    float: left;
    border-left: solid 1px #ccc;
    margin-left: 10px;
    padding-left: 10px;
}

.hashtag a {
    float: left;
    padding: 2px 5px !important;
    margin: 0 5px 0 0 !important;
    width: auto;
    text-align: center;
    border-bottom: solid 2px #f1f1f1;
    background: none !important;
    font-size: 80%;
    font-weight: bold;
}

.hashtag a:hover {
    border-bottom: solid 2px red;
    background: none !important;
    color:#000 !important;
    
}

/* hashtag eddig */


/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropbtn, button#keresokapcs:hover {
   background-color:rgba(255,255,255,0.4);
 
}

.dropdown:hover .dropbtn {
  
   background-color:rgba(255,255,255,0.4);
   color: #000;
    
 
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
  border-bottom: solid 1px #ccc;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
      color:#333; /* menu színe responzivba*/

  }
  .topnav a.icon {
    float: right;
    display: block;
  }
.lablec_also {
    border-top: solid 1px;
    display: flex;
    margin-top: 10px;
    padding-top: 10px;
    justify-content:center;
    width: 100%;
    color:#f1f1f1;
    letter-spacing: 1px;
    font-size: 80%;
    text-transform: uppercase;
    text-align: center;
}
    
        .lablec_also ul {
        list-style: none;
        padding: 0;
        margin: 0;
        flex-wrap: wrap;
    }
    .lablec_also ul li { width: 100%;}
    .lablec_also ul li:nth-child(2n) { display: none;}
    
    
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
      display: flex;
	  justify-content: center;
	  align-items: center;

  }
	
.topnav.responsive {position: relative;
	  flex-direction:column;
	  background-color: #f1f1f1 !important;
	  width: 100%;	 
	  min-height: 1px;
	  height: auto;
	  overflow: hidden;
	}

	.topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
	

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	background-color: #fff;
	padding: 15px;
	width: 100%;
	margin-top: 2px;
	-webkit-border-radius: 0;
	border-radius: 0;
  }
	
	.topnav.responsive a:hover {
	background-color: var(--felsomenuhatterszin);
        
	}

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
	
	.topnav.responsive .dropdown {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		-webkit-border-radius: 0;
		border-radius: 0;
		
	}
	
	.topnav.responsive .dropdown .dropbtn  {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
	}
	
.topnav.responsive .dropdown-content {
	background-color: var(--felsomenuhatterszin);
    background-color: #f1f1f1;
	width: 100%;
	
}
}

/* css menu eddig


/* felso menu2 eddig*/

/* lablec indul */

.lablec {
    
    width: 100%;
    background-color: #333;
    padding: 20px 0 20px 0;
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}

ul.lablec_belso {
    max-width: var(--oldalszelesseg); 
    width: 100%;
    display: flex;
    justify-content:space-between;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;

}

ul.lablec_belso li.box1 {
    border-right:dashed 1px #666;    
    margin: 0;
    color:#fff;
    padding: 10px;
    display: flex;
    justify-content:flex-start;    
    align-content: flex-start;
    flex-wrap: wrap;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
}

ul.lablec_belso li.box1:last-child {
    border:none;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

ul.lablec_belso li.box1:last-child h4 { text-align: center;}

ul.lablec_belso li.box1 a {
    width: 80%;
    padding: 5px 10px;
    float: left;
    color:#ccc;
    font-size: 70%;
    transition: 0.5s;
    border: solid 1px #333;
    margin-left: 5px;
}

ul.lablec_belso li.box1 a:hover {
    color:#fff;
    border: solid 1px #ccc;
}


.aktualbox {
    width: 100%;
    padding: 0;
    margin: 0;
}

.aktualbox a {
    padding: 10px 0 10px 10px !important;
    margin: 0 0 5px 0;
    width: 100% !important;
    
    transition: 0.1s;
}

.aktualbox a:hover {
    padding: 10px 0 10px 15px !important;
    border: solid 1px #333 !important;
}

h5 {
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 110%;
    width: 100%;
    color: #fff;
}

h6 {
    padding: 0;
    margin: 0;
    font-weight:normal;
    font-size: 90%;
    width: 100%;
    color: #fff;
}



h4 {
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 90%;
    width: 100%;
    color: #fff;
}

h4 span {;
    float: left;
    position: relative;
    top:-7px;
    margin-right: 10px;
    font-size: 200% !important;
    
    
}

.logo2 {
    width: 150px;
    height: auto;
    margin-bottom: 10px;
    float: left;
    
}



.logo2 img {
    width: 100%;
    height: auto;
}

.box1 .text1 {

   
    float: left;    
    padding: 10px;
    font-size: 80%;
    line-height: 17px;
    background-color: #666;
    margin-top: 10px;
    
}




.lablec_also {
    border-top: solid 1px var(--alapszin2);
    margin-top: 10px;
    padding-top: 10px;
    max-width: var(--oldalszelesseg); 
    width: 100%;
    color:#f1f1f1;
    letter-spacing: 1px;
    font-size: 80%;
    text-transform: uppercase;
}

    .lablec_also ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content:center;
        align-items: center;
        
    }

/* lablec eddig */

/* doumentumtar indul */
    
    .letolteskeret {
        width: 100%;
   
        padding-bottom: 10px;
    }

.doclist {
    width: 100%;
    
}

.doclist a {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    width: 100%;
    padding: 10px;
    margin: 6px 2px;
    color:#333;
    background-color: #fff;
    border-radius: 5px 5px 5px !important;
    border: solid 1px #fff;
    transition: 0.5s;
    font-size: 90%;
}

.doclist a span {
    margin-right: 10px;
    font-size: 160%;
    border-right: solid 2px var(--felsomenuhatterszin);
    padding-right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    transition: 0.5s;
  
}

.doclist a:hover {
    border: solid 1px #ccc;
}

.doclist a:hover > span {
    margin-left: 10px;
}

.letolteskeret a {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    width: 100%;
    padding: 10px;
    margin: 2px;
    color:#333;
    background-color: #fff;
    border-radius: 5px 5px 5px !important;
    border: solid 1px #fff;
    transition: 0.5s;
}

.letolteskeret a span {
    margin-right: 10px;
    font-size: 160%;
    border-right: solid 2px var(--felsomenuhatterszin);
    padding-right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    transition: 0.5s;
  
}

.letolteskeret a:hover {
    border: solid 1px #ccc;
}

.letolteskeret a:hover > span {
    margin-left: 10px;
}
    
/* dokumentumtár eddig */


.hh5 {
    font-size: 90%;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100% !important;
    float: left;
    font-weight:normal;
    color:#333;

    
}

.hh5-2 {
    font-size: 90%;
    padding: 5px 10px;
    margin: 5px 5%;
    text-align: left;
    width: 90% !important;
    float: left;
    font-weight:normal;
    color:#333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    
}

.hh5p {
    font-size: 90%;
    padding: 5px 10px;
    margin: 5px 5%;
    text-align: left;
    width: 90% !important;
    float: left;
    font-weight:normal;
    color:#ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: line-through;
    border: solid 1px #ccc;
    
}

.hh5box {
  float: left;
  font-size: 80%;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 100% !important;
  font-weight: normal;
  color: #333;
}

.hh5box p {
    padding: 0;
    margin: 0;
    
}

.hh5box p a {
    padding: 2px 5px;
    margin: 3px 3px 3px 0;
    float: left;
    color:#000;
    transition: 0.5s;
    border: solid 1px #ccc;
    
}

.hh5box p a:hover {
    background-color: #ccc;
    
}

.hh5box table tbody tr td {
	width: auto !important;
	
}




.hh7 {
    position: absolute;
    right:5px;
    bottom:4px;
    
    
}

.hh7 a { 
    color:#333;
    background-color: #fff;    
    padding: 0;
    transition: 0.5s;
   border: solid 1px #fff;
}

.hh7 a span {
    font-size: 200%;
    font-weight: bold;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: solid 1px #ccc;
    transition: 0.5s;
    
}

.hh7 a span:hover {
    background-color: #ccc;
      border: solid 1px #ccc;
   
}



.tavtarto1 {
    width: 100%;
    height: 76px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    
}

.tavtarto2 {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    justify-content:center;
    align-items: center;
    padding: 0;
    margin: 10px 0;
    
    
}

.hh5p-3 {
    font-size: 120%;
    padding: 5px 10px;
    margin: 0;
    text-align: left;
    width: 100% !important;
    float: left;
    font-weight:normal;
    color:#666;
    text-decoration: line-through;
}

.hh5p-4 {
    font-size: 120%;
    padding: 5px 10px;
    margin: 0;
    text-align: left;
    width: 100% !important;
    float: left;
    font-weight:normal;
    color:#fff;
  
    background-color: red;

    
}


.hh5_rovid {
    background-color:rgba(255,255,255,0.5);
    padding: 15px;
    float: left;
    margin-bottom: 10px;
    font-size: 110%;
    width: 100%;
    
}

.hleirasalap {
    float: left;
}

.hleirasalap ul {
    margin: 15px 0 0 10px;
    
}
.hleirasalap ul li {
    padding: 0 0 0 10px;
    margin: 0 0 5px 0;
    border-left: solid 3px red;
    border-radius: 0 !important;
    
    
    
}

.hh5_box1 {
    width: 100%;
    border: solid 1px #ccc;
    margin: 0;
    padding: 10px;
    background-color: #fff;
}

.hh5_box2 {
    width: 100%;
    border: solid 1px red;
    margin: 0;
    padding: 10px;
    background-color: red;
    font-size: 130%;
    color:#fff;
    text-align: center;
    font-weight: bold;
    
   
    
}




.hh5a {
    font-size: 90%;
    padding: 5px 10px;
    margin: 5px 5%;
    text-align: left;
    width: 90% !important;
    float: left;
    font-weight: bold;    
    border: solid 1px red;
    color:#333;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
}
    
.hh6 {
    font-weight:400;
    font-size: 110%;
    padding: 0 0px;
    margin: 0 0px;
    text-align: left;
    width: 100% !important;
    float: left;
}

.hh6b {
    font-weight: bold;
    font-size: 110%;
    padding: 0 0px;
    margin: 0 0 5px 0;
    text-align: left;
    width: 100% !important;
    float: left;
    
}

.hh6k {
    font-size: 85%;
    color: #333;
    position: absolute;
    bottom: 10px;
    right: 20px;
    transition: 0.5s;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 10px;
    border: solid 1px #f1f1f1;
}

.hh6k:hover {
        background-color: #f1f1f1;
    border: solid 1px #ccc;
    right: 25px;
    
}

.keresoinfo {
    border-bottom: solid 1px red;
    margin: 10px 0;
    padding: 10px 0;
    
}

.felsocsoport {
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0;
	border-radius: 5px;
	
	
}

.felsocsoport ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content:center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.felsocsoport ul li {
	margin: 0;
	width: auto;
	border-right: solid 1px rgba(255,255,255,0.2);
	
	
}

.felsocsoport ul li:last-child {
	border: none;
	
}



.felsocsoport ul li a {
	width: 100%;
	padding: 15px;
	display: block;
	color:#fff;
	
}

.felsocsoport ul li a:hover {
	background-color: rgba(255,255,255,0.5);
	color:#000;
}




/* responziv részek*/



@media only screen and (max-width: 1000px) {
    .hirekbox ul { grid-template-columns: 1fr 1fr;}
    .hirekbox ul li:last-child { display: none;}
    .hirekbox ul.osztas4 li:last-child { display: block;}
    .max370 { max-height:none !important;}
    .osztas3-3 {grid-template-columns: 1fr 1fr;}
    .osztas4-4 {grid-template-columns: 1fr 1fr;}
    .osztas5-5 {grid-template-columns: 1fr 1fr;}
    .osztas6 { row-gap: 10px;}
    ul.kbox li { padding-bottom: 0 !important;}
    .hirekbox {display: block !important;}
    .ha2 {height: 70px;}
    .halso {height: auto;padding-bottom: 40px;}
}       
    /* választó menüt rendezem */

@media only screen and (max-width: 1550px) { .oldaloszto ul li { font-size: 80%;}}
@media only screen and (max-width: 1200px) { .oldaloszto ul li { font-size: 80% !important;}}

@media only screen and (max-width: 1300px) {
    
     .oldaloszto ul li { font-size: 100%;}
    
    .logohol {
    min-width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
        
    padding: 0;   
    float: left;
       
}
    .flogo {
        width: 90%;
        max-width: 400px;
        margin: 20px auto;
        float: left;
        
    }
    
    .flogo a {
        width: 100%;
        padding: 0;
        margin: 0;
}

    .flogo a img {
        width: 100%;
        height: 100%;
        float: left;
    }
    
.oldaloszto {
    width: 100%;
    display:block;
    float: left;
}
    
    .oldaloszto ul {
    padding: 0 20px 20px 20px;
    margin: 5px;
    width: calc(100% - 10px);
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap:10px;
    row-gap: 10px;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr 1fr;
        
        
}
    }

@media only screen and (max-width: 1000px) {

    .oldaloszto ul {
        padding: 0 18px 20px 18px;
        margin: 5px;
        width: calc(100% - 10px);
        display: grid;
        justify-items: stretch;
        align-items: stretch;
        column-gap:10px;
        row-gap: 10px;
        position: relative;
        grid-template-columns: 1fr 1fr;

    }

.oldaloszto ul li {
    width: 100%;
    height: 100%; 
    display: flex;
    align-items: center;
    font-size: 100% !important;
    line-height: 22px;
    border: solid 1px rgba(255,255,255,0.1);
    overflow: hidden;
        
       
}

.oldaloszto ul li:last-child { border-right: solid 1px rgba(255,255,255,0.1); }

.oldaloszto ul li a { display: block; text-align: left;}

.oldaloszto ul li a span {
    color:#fff;
    border:none;
    margin: 0 0 10px 0;
    padding:0;
    width: 100%;
    text-align: center;
}

.oldaloszto ul li a:hover {    
    background-color: rgba(0,0,0,0.2);
    margin-left:8px;
    scale:1.1;

}
 }   

    /* választó menüt rendezem*/
    
    
    


@media only screen and (max-width: 600px) {
    .hirekbox ul { grid-template-columns: 1fr !important;}
    .hirekbox ul li:last-child {display:block;}
    .osztas3-3, .osztas2-2, .osztas4-4, .osztas5-5 {grid-template-columns: 1fr;}
    .ha2 {height: auto;}
    .osztas2-22 {display: block;}
    .tboxjobb h2 {text-align: center; width: 100%;}
    .tboxjobb {border:none;}
    
    .haa4 { width: 100%; float: left; text-align: left; }
    
     .oldaloszto ul {
        
        grid-template-columns: 1fr;

    }

.haa41 {
    font-size: 100%;
    width: 100%;
    margin: 10px 0 0 0;
    float: left;
    position: relative;
    border-top: solid 1px #ccc;
    
    
}

.haa41 span {
    position: relative;
    top:7px;
    left: 0px;
}
    
.akciosar2 {
    position: relative;
    top:8px;
    right: -5px;
}
    
    .hh5p-4 { text-align: center;
    }
    
.tavtarto2 {
  width: 100%;
  height: auto;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 10px 0;
    flex-wrap: wrap;
}
    
    
}

@media only screen and (max-width: 1200px) {
.max370 { max-height:none !important;}
.h330, .h210, .h370 { height: auto !important;}
  
/* felso menu1 responziv rész indul */
.menu_felso {
    justify-content:center;
    flex-wrap:wrap;
}
    
.fblokk, .fvonal { display: none;}
.jobb {
        justify-content:center; 
        flex-wrap:wrap;
   
        }

ul.menu1 li  {
height: 40px;
}
    
ul.menu1 li a:hover {
    scale:1;
    padding: 0 10px;
    
}
    
    .bal {display: none;}

    .bal2 {
    width: 100%;
    display: flex;    
    align-items: center;
    padding: 10px 0 50px 0 !important;
    height: 50px;
    justify-content:center; flex-wrap:wrap;
       
        
}
    .bal2 li a  {
    height: 50px !important;      
    font-size: 170% !important;
      
    }
    .bal2 li a span.material-symbols-outlined {
        height: 45px;
    }
   /* felso menu1 responziv rész eddig */ 
    
.szovegbox1 {
    padding: 20px 40px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.szovegbox1 h1, .szovegbox1 h2 {
    line-height: 30px;
    font-size: 150%;
    letter-spacing: 0;
    width: 100%;
}
    
.hirekbox ul li {
  float: left;
  width: 100%;
  transition: 0.5s;
  overflow: hidden;
  position: relative;
  height: auto;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-bottom: 20px;
}
    
.hirekbox ul li a.kapcsolo  {
    width: 80%;
    margin-left: 10%;
    float:left;
    position: static;
    font-size: 100%;
    color:#fff;
    padding: 20px 10px;
    border:none;
    text-align: center;
    background-color: #333;
    }
    
.hirekbox ul li a.kapcsolo:hover  {
    background-color: red;
    border: none;
    right: 0;
}    
    
button.kapcsolo2  {
    height: 60px;
    width: 100%;
    line-height: 30px;
    padding: 10px 20px;
}

button.kapcsolo2:hover {
    padding: 10px 20px;
    
}
    
.hh1 {
    width: 90%;
    text-align: center;
    margin: 20px 5% 5px 5%;
    padding: 0 10px 10px 10px;   
    border-bottom: solid 2px red;
    border-left:none;
}

.hh2 {
    width: 90%;
    text-align: center;
    margin: 15px 5%;
    padding: 0 20px;
}
    
h2 {
    width: 90%;
    margin: 0 5%;
    padding: 10px;
    text-align: center;
    font-weight:100;
    font-size: 200%;
    text-transform: uppercase;
    letter-spacing: 0px;
}
    
    
.hirekbox ul li .hkep {
    height: 300px;
    margin:10px 20px;

}
    

    
 .felsokeret {
    display: block;    
}
    
.bal_also {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 15px 0;
  flex-wrap: wrap;
}
    
  .logo1 {width: 120px; margin-right: 0;}
    
    .logoszoveg {
        width: 100%;
        text-align: center;
    }
    
ul.lablec_belso {
  display: flex;
  justify-content:center;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
    
  li.box1 {
  border-right:none;
  border-bottom: dashed 1px #666;
  margin: 0;
  justify-content: center;
  align-content: flex-start;
  height: auto !important;
}
    
  .behuz100 {
  padding: 10px;
  line-height: 20px;
  margin: 0;
  }

/* urlapbox */

.hirekbox {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 20px 0;
   
}

.hirbox_belso {
    /*max-width: calc( var(--szelesseg) - 100px);*/
    max-width: var(--szelesseg);
    width: 100%;
    margin: 0 30px;
    padding: 0;
    list-style: none;  
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 10px;
    row-gap: 10px;
    
}

.vonal {
    border-top: solid 1px #ccc;
    max-width: var(--szelesseg);
    width: 100%;
    margin: 0 auto 30px auto;
}




.linksor {
    max-width: var(--szelesseg);
    width: 100%;
    margin: 0 auto;
    min-height: 50px;


}

.linksor ul {
    list-style: none;
    padding: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    
}

.linksor ul li {
    color:#333;
    margin: 5px;

}

.linksor ul li a {
    color:var(--alapszin1);
    transition: 0.5s;
    padding: 10px 20px;
     border: solid 1px #ccc;
    text-transform: uppercase;
    font-size: 80%;
    display:flex;
    align-items: center;
    text-align: center;
    height: 50px;
    line-height: 15px;
}

.linksor ul li a:hover {
    background-color: var(--alapszin1);
    border: solid 1px var(--alapszin1);
    color:#fff;
    
    
}

.hbox2 {
    margin-top: 0;
    padding: 0;
    width: 100%;
    min-height: 100px;
    max-height: 200px;    
    position: relative;
    background-color: #f1f1f1;
 

}

.hbox2 h3 {
    font-weight:400;
    font-size: 110%;
    border-right: solid 4px #fff;
    padding: 0 10px;
    margin: 0 10px;
    text-align: right;
}

.hbox2 hh3 {
    font-weight:400;
    font-size: 80%;
    padding: 0 10px;
    margin: 0 10px;
    text-align: left;
}

.hbox2 hh3 b {
    font-size: 130%;
    font-weight:300;
}

.hbox2 hh4 {
    font-weight:400;
    font-size: 70%;
    padding: 0 0px;
    margin: 0 0px;
    text-align: right;
    width: 90% !important;
    
}

.hbox2 hh4 b {
    font-size: 140%;
    font-weight:300;
    width: 100% !important;
    padding: 0 0 0 0;
    margin-bottom: 3px;
    float: right;
    line-height: 20px;
}

.hbox2 h4 {
    font-weight: 300;
    font-size: 90%;
}

.hbox2 a {
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color:#000;
    background-color: #f1f1f1;
    scale:1;
    line-height: 15px;
  
}

.hbox2 a:hover {
    background-color: var(--menuszin1);    
    scale:1.05;
}

.hbox2 i {
    font-size: 200%;
    color:#333;
}



}


/* animációk indul */

@keyframes anim1 {
  from {opacity:0; margin-top:-20px;}
  to {opacity:1;margin-top:0px;}
}

/* animációk eddig */