:root {
  --black: #000;
  --feher: #fff;
  --white: #fdffa8;
  --yellow: #e5ed00;
  --green: #3dbb22;/*#3dbb22;*/ 
  --lightgreen: #61dd46;  
  --red: #ff1717;
  --darkred: #9d0000;
  --lightred: #e84143; /*#f44*/
  --blueeye: #0A61CB;/*#425b7d;*/
  --darkblue: #1e2a3a;
  --darkestblue: #0f1720;
  --bluefb: #1877f2;/*#404cae;*/
  --mcblue: #6485c8;/*#4970be;*/
  --purple: #9c7cd1;/*#a152c2*/
  --okker: #f1c40f;
  --mk: #e5ed00;
  --darkyellow: #c5ca00;
  --gray: #ccc;
  --lightgray: #eee;
  --pink: #d80360;
  --trb: #e4eba9;
  /*scroll-behavior: smooth;*/
}

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html, body {
  background:var(--darkblue);
  width:100%;
  /*overflow-x:hidden; styicky miatt NE! */ 
  color:var(--white);
}

a {color:inherit} /* böngésző link alapszín tiltása */

pre {margin:160px 0 0 20px}

.overlay-full {
  position:fixed;
  display:block;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  backdrop-filter:blur(6px);
  z-index:900;
}

.b {font-weight:bold}
.u {text-decoration:underline;text-underline-offset: 7px}

p,h1,h2,h3,ul,li,br,img,.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

h1.borderh1, h1.top0 {
  max-width:600px !important;padding:10px 0 10px 0;
  border-bottom:1px solid rgba(255, 255, 255, 0.3);
  border-top:1px solid rgba(255, 255, 255, 0.3); 
  margin-top:60px !important;  
}

h1.top0 {margin-top:0px !important}

p {margin-bottom:20px}

.pp {text-align:justify;margin-right:20px}

p img.balra {
  float:left; 
  vertical-align:top;
  border:1px solid #000;
  margin:2px 10px 7px 0;
  height:auto;
}

p span {color:var(--okker)}

a.link {
  color:var(--white) !important;
  transition:color 0.2s, border-bottom 0.2s;
  text-decoration:none;
}

a.under {
  border-bottom:1px solid var(--white);
}

a.link:hover:not(.aladinweb) {
  color:var(--okker) !important;
  border-bottom:1px solid var(--okker);
  cursor:pointer
}

hr {border:none;border-bottom:1px solid rgba(255, 255, 255, 0.2);margin: 20px 0}

.aladinweb {
  display:inline;
  width:auto;
  background-image:url(images/aladinweb.png);
  background-size:28px auto;
  background-position:0 2px;
  background-repeat:no-repeat;
  background-color:transparent;
  padding-left:35px;
  fill:var(--okker);
}

a.aladinweb:hover::after {
  content:'';
  position:absolute;
  bottom:0;
  left:50px;
  right:0;
  height:1px;
  background-color:var(--okker);
}
.button { 
  height:40px;
  background:var(--green);   
  color:var(--black);
  text-transform:uppercase;
  font-family:Arial, Geneva, Helvetica, sans-serif; 
  font-size:20px;   
  border:1px solid #000;
  border-radius:2px;
  moz-border-radius:2px;
  -webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,1);
  -moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,1);
  box-shadow:inset 0px 0px 5px rgba(0,0,0,1);
  outline:none;
  cursor:pointer;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
}

.button:hover {background:var(--lightgreen)}

.searchbutton {min-width:130px !important}

.searchbutton .keresoikon {
  display: none; /* Alapból az ikon rejtve */
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.searchbutton .button-text {
  font-family:Arial, Geneva, Helvetica, sans-serif; 
  font-size:20px;
  color:var(--black);
  padding-left:0;
}

.uzenetgomb {
  width:100%;
  font-size:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center
}

.login {
  height:0px;
  overflow:hidden;
  transition:height 0.3s ease-in-out;
}

.login-full {height:auto}

.error {color:var(--red) !important;font-size:20px}
.success {color:var(--green) !important;font-size:20px}
.kiemeles {margin:10px 0 20px 0;font-size:22px;padding:10px;display:inline-block;border:1px solid var(--red)}
span.okker {color:var(--okker) !important;font-weight:bold}

input::-moz-focus-inner {border:0;padding:0} /* Remove button padding in FF */

input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s}



input[type=text]:not(#email):focus,input[type=password]:focus,input[type=number]:focus,textarea:focus {
  background:rgba( 227, 236, 166, 1);
  box-shadow: 0 0 10px rgba(217, 228, 133, 1);
  color:#000;
  border:1px solid black;
} 

::placeholder {font-size:18px;opacity:1}

.input {
  font-size:24px;
  padding:0 10px 0 10px;
  margin:7px 0 7px 0;
  height:40px;
  width:calc(100% - 120px);
  vertical-align:middle;
  text-align:left;
  background:var(--lightgray);
  border:1px solid black;
}



.red,.red:focus {background:var(--red) !important;color:var(--black)}

form span {color:var(--green);padding-left:10px}
.redspan {color:var(--red)}

/* ===================== */
/* PASSWORD-EYE */
/* ===================== */

.password-wrapper {position:relative;width:auto}

.password-wrapper input {
  width:100%;
  padding-right:40px;
  box-sizing:border-box;
}

.password-toggle {
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  background:none;
  border:none;
  padding:0;
}

.eye-icon {width:20px;height:20px;color:var(--blueeye)}

.strike-line {
  stroke-dasharray:200;
  stroke-dashoffset:200;
  animation:drawLine 0.1s ease forwards;
}

.erase-line {
  stroke-dasharray:200;
  stroke-dashoffset:0;
  animation:eraseLine 0.1s ease forwards;
}

@keyframes drawLine {
  0% {stroke-dashoffset: 200}
  100% {stroke-dashoffset: 0}
}

@keyframes eraseLine {
  0% {stroke-dashoffset: 0}
  100% {stroke-dashoffset: 200}
}

/* ===================== */
/* MENU */
/* ===================== */

.navbar2 {
  position:relative;
  top:110px;
  left:0;
  width:370px;
  overflow-x:hidden;
  padding:0.9rem 1.2rem 0.9rem 1rem;
}

.nav-menu2 {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:1rem;
  list-style:none;
  visibility:visible;
}

.nav-menu2 li {
  line-height:55px;
  padding-bottom:0.5rem;
  border-bottom:1px solid rgba(255, 255, 255, 0.3);
  width:100%;
  text-align:left;
}

.nav-menu2 li:last-child {border-bottom:none}

.nav-menu2 li a.googlemap span {display:inline}
.nav-menu2 li a.googlemap span:hover {color:var(--okker)}
  
.nav-menu2 li a:hover {color:var(--okker)}

.nav-menu2 li.csakazelso > * {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  line-height:55px;
}

.nav-menu2 li.csakazelso div.adatlap_allapot {line-height:32px}
div.adatlap_allapot span a {color:var(--white);text-decoration:none}
div.adatlap_allapot span a:hover {color:var(--okker)}
.nav-menu2 li.csakazelso p.link2 {
  line-height:32px;
  padding-left:25px;
  display: block !important
}

.nav-menu2 li [class^="icon-"]::before {display:inline}

.nav-menu2 li a {
  color:var(--white);
  font:Arial; 
  font-family:Times New Roman;
  font-size:18px;
  text-transform:uppercase;   
  text-decoration:none;
  transition: color 0.2s, border-bottom 0.2s;
  white-space:nowrap;
  letter-spacing:1px;
  display:inline-block;
  line-height:20px; 
  vertical-align:middle;
  list-style:none;
}

.navbar {
  position:fixed;
  top:0;
  right:0;
  width:auto;
  max-width:100%;
  padding:0.9rem 1.2rem 0.9rem 2rem;
  z-index:1000;
  transition:top 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.navbar * {z-index:1000;}

.navbar.hide {top:-120px}

.nav-menu {
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  gap:1rem;
  list-style:none;
  visibility:visible;
}

.nav-menu li a {
  color:var(--white);
  font:Arial; 
  font-family:Times New Roman;
  font-size:18px;
  text-transform:uppercase;   
  text-decoration:none;
  transition: color 0.2s, border-bottom 0.2s;
  white-space:nowrap;
  letter-spacing:1px;
  display:inline-block;
  line-height:20px; 
  vertical-align:middle;
  list-style:none;
}

.nav-menu li a:hover:not(.googlemap):not(.no) {
  color:var(--okker);
  border-bottom:1px solid var(--okker);
}

.nav-menu li a.no:hover {color:var(--okker)}

.nav-menu li:nth-child(n+7) {display:none}

.nav-menu li.li_login {
  position:fixed;
  top:50px;
  right:0px;
  padding:10px 20px 5px 20px;
  background:var(--darkblue);
  z-index:1000;
  list-style:none;
}

.nav-menu li.li_login_closed {display:none}

.nav-menu li.csakazelso *:first-child {
  display: block;padding-top:2px
}

.nav-menu li.csakazelso *:not(:first-child) {
  display: none;
}

.nav-menu li [class^="icon-"]::before {display:none}

.bordertop {border-top:1px solid rgba(255, 255, 255, 0.3);padding-top:10px}

/* BAL MENÜ */
.allapotjelzo {width:calc(100% - 40px);height:45px;margin-left:25px;display:block}
.pipa_aktiv {background:url(images/ok1u.png?i=1) no-repeat 0 4px;padding:5px 0 0 40px}
.pipa_inaktiv {background:url(images/inaktiv.png) no-repeat 0 4px;padding:5px 0 0 40px}
.pipa_pause {background:url(images/pauseu.png?i=3) no-repeat 0 4px;padding:5px 0 0 40px}

.link2 {
  margin-bottom:10px;
  text-align:left;
  padding-left:25px;
  display:inline; 
}

.link2 span {
  font-weight:bold;
  white-space:nowrap;
  padding-left:5px;
  display: inline !important
}

.personal  {
  display: flex;
  flex-direction: row;        /* ← Egymás mellé */
  align-items: flex-start;    /* ← Felülre igazítás */
  gap: 0;                    /* ← Nincs rés közöttük */
  width: 100%;
  max-width: 100%;
  position: relative;
}

.personal.blurred {
  filter: blur(5px);
  transition: filter 0.3s ease;
}

.adatlap_preview {
  position:absolute;
  top:100px;
  width:100%;
  min-height:80vh;
  display:none;
  border:0px dotted pink;
  background-color:var(--darkblue);
  z-index:900;
}

.navbar-bal {
  flex: 0 0 370px;           /* ← Fix szélesség, nem nő, nem zsugorodik */
  width: 370px;
  min-width: 370px;
  position: relative;	
	
}

.personal-jobb {
  position:relative;
  top:130px;
  flex: 1 1 auto;            /* ← Kitölti a maradék helyet */
  width: 100%;
  min-width: 0;              /* ← Fontos, hogy ne lógjon ki */
  padding: 1rem;
  overflow: hidden;
  background: var(--bg);     /* ← Opcionális háttér */
}

.googlemap span {display:none}

.light10 {
  position:fixed;
  top:calc(50% - 80px);
  height:120px;
  display:none;
  z-index:10001;
  background:var(--white);
  color:#000;
  left:calc(50% - 180px);width:360px;padding:15px 20px 15px 20px
}

/*li.csakazelso a:not(:first-child) {margin-left:20px}*/

.hamburger {
  position:relative;display:none;
  top:12px;
  right:0px;
  display:none;
  flex-direction:column;
  justify-content:space-between;
  width:30px;
  height:22px;border:1px solid white;
  background:transparent;
  border:none;
  cursor:pointer;
  z-index:1010;
}

.hamburger span {
  width:100%;
  height:3px;
  background-color:var(--red);
  border-radius:3px;
  transition: all 0.3s ease;
}

#navbar {
  opacity:0;	
  transition:
    transform 0.4s cubic-bezier(.22,1,.36,1),
    top 0.4s cubic-bezier(.22,1,.36,1),
    opacity 0.4s ease;
}

#navbar.show {opacity:1}

#almenu {display:none}

.grid_a,.grid_b,.grid_c {
  color:var(--white);
  font:Arial; 
  font-family:Times New Roman;
  font-size:18px;
  text-transform:uppercase;   
  margin:auto;
  display:inline-block;
  line-height:50px;
  text-align:center;
  text-indent:0.0em;
  letter-spacing:0.14em;
  background:transparent; 
  text-decoration:none;
  padding-right:10px;
  white-space:nowrap;
  overflow-x:hidden;
}

.grid_c {
  padding-right:0px;
}

.grid_a:hover {
  text-decoration:none;
  color:var(--okker);
}

.grid_b {display:none}

.oszlop {width:100%;overflow:hidden}

.oszlop .grid_c {
  position:relative;
  display:inline-block;
  text-decoration:none;
  color:white;
}

.oszlop .grid_c { /* A link szövegének pozícionálása a kép felett */
  font-size:0;  /* eltünteti a szöveg alapértelmezett helyét */
  line-height:0;
  margin-bottom:3px;
}

.oszlop .grid_c::before {
  content:attr(data-szoveg);  /* title attribútummal: attr(title); */
  position:absolute;
  bottom:10px;
  left:0;
  right:0;
  width:calc(100% - 0px);
  background:rgba(0, 0, 0, 0.8);
  padding:16px 0px;
  text-align:center;
  color:var(--white);
  font:Arial; 
  font-family:Times New Roman;
  font-size:18px;
  text-transform:uppercase;
  white-space:nowrap;  
  pointer-events:none;
  z-index:1;
}

.oszlop:hover .grid_c::before {color:var(--okker);background:rgba(0, 0, 0, 1)}

.rejtett-tartalom {display:none;overflow:hidden} /* Fontos a csúsztatáshoz */

@keyframes beuszas {
   0% {opacity: 0;transform: translateY(-20px)}
   100% {opacity: 1;transform: translateY(0)}
}

.rejtett-tartalom.megjelenit {display: block;animation: beuszas 0.5s ease forwards}

.none {display:block}
.nosee {display:none !important}
.nosee2 {display:none !important}

/* ===================== */
/* GRID */
/* ===================== */

.pot {visibility: hidden}

.gridbase {
  width:calc(100% - 20px);
  max-width:900px;
  margin: 135px auto 0 auto;
}

.gridbase .just span {color:var(--okker) !important}

.grid {
  position:relative;
  top:calc(50% + 50px);
  left:calc(50% - 0px);
  width:calc(100% - 20px);
  max-width:1300px;
  margin:30px 0px 10px 10px;
  transform:translate(-50%, -50%) scale(0.3);
  opacity:0;
  gap:10px;
  transform-origin: center;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  grid-auto-flow:dense;
  transition:
    transform 0.4s cubic-bezier(.22,1,.36,1),
    top 0.4s cubic-bezier(.22,1,.36,1),
    opacity 0.1s ease;
}

.gridspecial {grid-template-columns: 1fr 3fr;}

.grid .grid_a,.grid .grid_b {display:none}

.grid.show {position:relative;opacity:1}

.grid.show .grid_a {display:block}

.grid.expand {
  top:100px;
  transform: translate(-50%, 0) scale(1);
}

.grid img {
  width:100%;
  height:auto;
  display:block;
}

.grid div.banner_3 {width:calc(300% + 20px) !important;margin-bottom:-12px}
.indexgrid .oszlop {width:calc(100% - 4px);margin-left:-7px}
.indexgrid div.banner_3 {width:calc(300% + 15px) !important;height:calc(100% - 10px);margin-bottom:-22px}


.cardfull {
  width:calc(400% - 10px);
  margin-top:40px;
  margin-bottom:40px;
  color:var(--feher);
  overflow-x:hidden;
}

.underconstruction {
  margin:auto;
  margin-top:180px;
  text-align:center;
  width:80vw;
  color:var(--white);
}

.underconstruction p {margin-top:30px}
.underconstruction img {width:230px;margin-top:10px}

h1, .felsorolas { 
  font:Arial; 
  font-family:Times New Roman;
  font-size:22px;
  text-transform:uppercase; 
  line-height:30px;
  margin-bottom:20px;
  letter-spacing:3px;
}

.felsorolas {font-size:17px !important;margin-left:15px;line-height:40px;padding-left:10px}
.felsorolas * {font-size:17px !important}

.lead {color:var(--red)}

p,b,ul li,form span,.lead {
  font-family:Times New Roman;
  font-size:20px;
  line-height:30px;
}

ul {
  padding:2px;
  margin:0 0 0 5px;
  text-align:left;
  list-style:disc inside; 
}

ul li {white-space:nowrap}
ul li img {vertical-align:middle;display:inline !important;border:0}

/*ul li a {color:var(--white);text-decoration:none}
ul li a:hover {color:var(--okker);text-decoration:underline}*/

div[class^="vak"] {display:block;width:0px;height:0}

.card {
  position:relative;
  width:calc(200% - 10px);
  background:rgba(255, 255, 255, 0.1);
  padding:1rem;
  line-height:40px;
  margin-bottom:10px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.3);
  color:var(--feher);
  text-align:justify;
  overflow-x:hidden;
  z-index:1;
}

.simplecard,
.simplecard ~ * button,
.simplecard ~ * .button {width:calc(100% - 10px) !important;max-width:920px}

.simplecard * {color:var(--white) !important;font-size:20px}

.cardmenu {
  display:flex;
  justify-content:space-between;
  position:fixed;
  right:50px;top:55px;
  background:rgba(50, 50, 50, 0.9);
  width:340px;
  padding:12px;
  line-height:30px;
  z-index:900
}

.uz-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width:calc(100% - 5px);border:0px solid red
}

.uz-row {
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 5px;
}
/*.uz-row:first-of-type  {line-height:20px}*/
.uz-row:nth-of-type(n+2) {line-height:25px}

.uz-row span {vertical-align:middle;white-space:nowrap}

.uz-row span span.icon-user:before {position: relative;top: -6px;}
.uz-row span span.icon-mail:before {position: relative;top: -3px;}

.uz-1 {
  width:25px;
  font-size:24px;
  font-weight:bold;
  vertical-align:middle;
  margin-left:-5px;margin-top:2px
}

.uz-2 {
  text-align: right;
  font-size:16px;
  align-items: center; 
}
.uz-2 a.link {margin-left:5px !important}
.uz-2:hover .icon-mail::before {color:var(--okker)}
.uz-2 br {display:none}
.uz-2 > span {position:relative}
.uz-2 > span:nth-child(4) {
  padding-left:20px;color:var(--okker) !important;top:-2px;
}

.uz-3 {
  white-space:normal !important;
  line-height:28px;
  /*grid-column: 2 / 5;  össz. 3 oszlop!! */
}






ul.paros, ul.alap {
  display:grid;
  grid-template-columns:repeat(2, 1fr); 
  gap:10px;
  list-style:none;  /* Eredeti disc eltüntetése */
  padding-left:0;
}

ul.alap {display:none}

ul.paros li, ul.alap li {position:relative;padding-left:15px}

li.lidisc::before {
  content:"•";
  position:absolute;
  left:0;
  top:0;
}

ul.paros li:nth-child(even) {margin-left:10px}

.banner_vak2 {display:none}

[class^="h2"] {
  position:relative;
  display:block;
  background-size:30vw auto;
  background-repeat:no-repeat;
  background-position: 0 40px;
  min-height:calc(21vw + 40px);
  width:30vw;
  color:var(--feher);
  font:15px Arial;
  font-family:'Times New Roman', sans-serif;
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:0.14em;
  text-align:left;
  margin-bottom:20px;
  white-space:nowrap
}

[class^="h2"] a {
  position:absolute;
  left:5px;
  top:5px; 
  width:40vw;
  height:auto;
  color:var(--feher);
  font:15px Arial;
  font-family:'Times New Roman', sans-serif;
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:0.14em;
  text-align:left;
  text-decoration:none;
  white-space:nowrap
}

[class^="h2"]:hover, [class^="h2"]:hover a {color:var(--okker);cursor: pointer}

.h2 {position:relative;left:5px;top:10px;min-height:40px}
.h2A {background-image:url('images/2019_kep01.jpg')}
.h2B {background-image:url('images/2019_kep03.jpg')}
.h2C {background-image:url('images/2019_login.png')}
.h2D {background-image:url('images/2019_kep02.jpg')}
.h2E {background-image:url('images/google_map_kep.jpg')}
.h2F {background-image:url('images/google_map_tippek.jpg')}
.h2G {background-image:url('images/varazslo.jpg')}

#secureIMG {border:1px solid #000;width:100px;height:40px;display: inline-block;vertical-align: middle}
#elfelejtett input {display: inline-block}

#banner_1 {
  display:block;
  width:100%;
  background-image:url(banner/alaprajzom-hu_1.jpg);
  background-size:100% auto; /* a szélességhez igazodik, magasság arányos */
  padding-bottom:69%; /* 276/400 = 0.23 */
  margin-bottom:-12px;
  background-position: 0 0;
  background-repeat:no-repeat;
  background-color:transparent;
  color:var(--red);
  font:Arial; 
  font-family:Times New Roman;
  font-size:11px;
  text-align:right;
  letter-spacing:1px;
}

.banner_1 {display:none}

#banner_2 {
  display:block;
  width:100%;
  height:auto;
  color:var(--white);
  font:Arial; 
  font-family:Times New Roman;
  font-size:14px;
  text-align:right;
  letter-spacing:2px;
}

.banner_2 {display:block}

#banner_3 {
  display:block;
  background-image:url(banner/alaprajzom-hu_3.jpg);
  background-size:100% auto; /* a szélességhez igazodik, magasság arányos */
  padding-bottom:23%; /* 276/1200 = 0.23 */
  background-position: 0 0;
  background-repeat:no-repeat;
  background-color:transparent;
  color:var(--red);
  font:Arial; 
  font-family:Times New Roman;
  font-size:14px;
  text-align:right;
  letter-spacing:2px;
}

.banner_3 {display:block}
.banner_5,.banner_2,.banner_vak3 {display:none}

.oszlop a span {padding:10px}

/* ===================== */
/* GRID 6 */
/* ===================== */

.grid6,.grid6sticky {
  position:relative;
  grid-template-columns:repeat(6, 1fr);
  display:grid;
  width:calc(100vw - 25px);
  margin-left:10px;
}

.grid6 > * {overflow: hidden}

.grid6sticky > #csempekepek {
  grid-column: span 0;
  display: none; /* vagy visibility: hidden; */
}

.oszlop h3 {
  margin:0;
  padding:0;
  overflow:hidden;
  line-height:0;
}

.oszlop .grid_d {
  display:block;
  position:relative;
  text-decoration:none;
  text-align:center;
  overflow:hidden;
  padding-right:0;
  margin-right:10px;
}

.oszlop h3 .grid_d img {
  display:block;
  width:100%;
  height:120%;
  aspect-ratio: 5 / 6; 
  min-width:calc(17vw - 17px);
  object-fit:cover;   
  object-position:center; 
  transition:transform 0.3s ease, opacity 0.3s ease;
  opacity:0.85;
  transform:scale(1);
}

.oszlop h3 .grid_d img:hover {transform:scale(1.1);opacity:1}

.oszlop .grid_d {
  position:relative;
  display:inline-block;
  text-decoration:none;
  color:var(--white);
}

.oszlop .grid_d {
  font-size:0;
  line-height:0;
  margin-bottom:10px;
}

.oszlop .grid_d::before {
  content:attr(data-szoveg);  /* title attribútummal: attr(title); */
  position:absolute;
  bottom:10px;
  left:0;
  right:0;
  width:calc(100% - 6px);line-height:20px;
  background:rgba(0, 0, 0, 0.8);
  padding:8px 3px;/*16px 0*/
  text-align:center;
  color:var(--white);
  font:Arial; 
  font-family:Times New Roman;
  font-size:var(--font-size, 18px);
  text-transform:uppercase;
  /*white-space:nowrap;*/ 
  pointer-events:none;
  z-index:1;
}

.oszlop:hover .grid_d::before {color:var(--okker);background:rgba(0, 0, 0, 1)}

/* ===================== */
/* LOGO */
/* ===================== */

.spinning-text {
  position:absolute;
  top:70%;
  left:50%;
  white-space:nowrap;
  transform:translate(-50%, -50%);
  font-size:1rem;
  font-family:"Garamond", "Times New Roman", serif;
  text-align:center;
}

.spinning-text span {
  display:inline-block;
  opacity:0;
  transform:rotateY(180deg);
  color:var(--white);
  transform-origin: center center; 
}

.spinning-text.animate span {animation: spinIn 1s cubic-bezier(0.34, 1.2, 0.64, 1) forwards}

.spinning-text span:nth-child(1) {animation-delay:0.0s}
.spinning-text span:nth-child(2) {animation-delay:0.04s}
.spinning-text span:nth-child(3) {animation-delay:0.08s}
.spinning-text span:nth-child(4) {animation-delay:0.12s}
.spinning-text span:nth-child(5) {animation-delay:0.16s}
.spinning-text span:nth-child(6) {animation-delay:0.2s}
.spinning-text span:nth-child(7) {animation-delay:0.24s}
.spinning-text span:nth-child(8) {animation-delay:0.28s}
.spinning-text span:nth-child(9) {animation-delay:0.32s}
.spinning-text span:nth-child(10) {animation-delay:0.36s}
.spinning-text span:nth-child(11) {animation-delay:0.4s}
.spinning-text span:nth-child(12) {animation-delay:0.44s}
.spinning-text span:nth-child(13) {animation-delay:0.48s}
.spinning-text span:nth-child(14) {animation-delay:0.52s}
.spinning-text span:nth-child(15) {animation-delay:0.58s}
.spinning-text span:nth-child(16) {animation-delay:0.62s}
.spinning-text span:nth-child(17) {animation-delay:0.66s}
.spinning-text span:nth-child(18) {animation-delay:0.7s}
.spinning-text span:nth-child(19) {animation-delay:0.74s}
.spinning-text span:nth-child(20) {animation-delay:0.78s}

@keyframes spinIn {
  0% {opacity:0;transform: rotateY(180deg) scale(0.5)}
  100% {opacity:1;transform: rotateY(30deg) scale(1)}
}

/* ===================== */
/* HEADER */
/* ===================== */

#header {
  width:calc(100% - 0px);
  margin: 0 auto;
  height:105px;
  background:var(--darkblue);
  z-index:5;
  overflow:hidden;
  /*overflow-y:hidden;*/
  box-shadow: 0 0 0 20px var(--darkblue) !important; /* 10px keret */
  outline: 20px solid transparent !important; /* 10px keret */
}

.reklam {
  display:block;
  padding:30px;
  background:var(--darkblue);
  box-shadow: 0 0 0 10px var(--darkblue) !important; 
  outline: 10px solid transparent !important;
  text-align:center;
  font-variant:small-caps;
  color:var(--white);
  font-size:20px;
  text-transform:uppercase;
  line-height:100px;
}

.reklam2 {display:none !important}

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

.topcontent {
  position:relative;
  width:calc(100% - 25px);
  margin:180px 0 30px 10px;
  color:var(--white);
}
.topcontent .button {
  position:absolute;
  bottom:0px;right:0px;
  padding: 2px 10px 0 10px;
  width:calc(100% - 460px) !important;
  max-width:500px;
}

#helyszinmegadas {
  position:relative;
  left:10px;top:0px;
  margin-bottom:20px;
  border:0px solid var(--green);
  width:calc(100% - 27px);
}

#helyszinmegadas a {
  position:relative;
  min-width:160px;
  padding:1rem;
  margin:7px;
  border-radius:8px;
  background:rgba(255, 255, 255, 0.1);
  border:1px solid rgba(255,255,255,0.3);
  color:var(--feher);
  line-height:24px;
  font-size:18px;
  text-align:center;
  white-space:nowrap;
  overflow-x:hidden;
  display:inline-block;
  text-decoration:none;
  z-index:1;
}
#helyszinmegadas a:hover {color:var(--okker)}

.helyszinX {font-weight:bold;margin-left:10px;cursor:pointer;color:var(--darkred)}

div.fixed {
  max-width:99%;
  margin: 0 auto; /* vízszintes középre */
}

#website {
  position:relative;
  top:5px;
  left:100px;
  opacity:0;
  transition:opacity 1s;
  color:var(--white);
  height:50px;
  display:block;
  white-space:nowrap;
  overflow-x:hidden;
  padding:6px 0 0 65px;
  letter-spacing:2.4px;
  font-family: "Garamond", "Times New Roman", serif;
  transform-origin: left center;
  transform: scaleX(0.87)
}

#keresesform {
  position:absolute;
  right:15px;
  top:55px;
  width:calc(100vw - 450px);
  display: flex;           /* 👈 FLEX (nem inline) */
  flex-direction: row;     /* 👈 egymás mellett (alapértelmezett) */
  align-items: center;     /* 👈 függőlegesen középre */
  opacity:0;
  transition:opacity 1s;
  border:0px solid orange;
}

#keresesform input {width:calc(100vw - 160px);margin-right:10px}

#website.visible {
  opacity:1;
  font-family: 'EB Garamond', 'Garamond', 'Times New Roman', serif;
  font-size:clamp(12px, 5vw, 25px); /* min, preferált, max érték */
  letter-spacing:min(2.8px,0.5vw);
  background-image:url(images/zaszlo8.png);
  background-size:340px 54px;
  background-size:min(340px,67vw) min(54px,11vw);
  background-repeat:no-repeat;
  background-position:0 0;
  background-color:transparent;
  text-rendering:optimizeLegibility; /* következő 4 sor, Android */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none; 
  transition:opacity 1s;
  transition-delay:0.45s;
}

#keresesform.visible {
  opacity:1;
  transition:opacity 1s;
  transition-delay:0.45s;
}

#header.fixed {
  position:fixed;
  top:0;
  left:0;
  max-width: 99vw;
  margin: 0 auto;
}

#header.absolute {
  position:absolute;
  top:0;
  left:0;
  max-width: 99vw; /* 90vw */
  overflow-x:hidden; /* FONTOS */
}

/* ===================== */
/* LOGÓ */
/* ===================== */

#myImage {z-index:6;transition:all 2.6s ease}

#myImage.start {
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:auto;
  transform:translate(-50%, -50%);
}

#myImage.loaded {width:200px}

#myImage.moved {
  top:10px;
  left:10px;
  transform:translate(0, 0);
  width:80px;
  transition:all 1s ease;
}

#myImage.fixed {position:fixed}

#myImage.absolute {position:absolute}

#myImage.noanimation {
  top:10px;
  left:10px;
  width:min(80px,16vw);
  transform:translate(0,0);
  transition:none;
}

#google-map-search-h1.fixed {position:fixed;top:58px;left:105px}

#google-map-search.fixed {position:fixed;top:48px;right:22px}

.lablec {
  position:relative;
  display:inline;
  width:calc(100% - 15px);
  border-top:1px solid var(--white);
  color:var(--white); 
  padding:30px 0 20px 0;
  margin:120px 0 30px 6px;
  text-align:center;
  line-height:28px;
  float:left;
  z-index:99;
  visibility:hidden;
}

.lablec * {margin:5px}

.nobr,.nobr2 {display:none}

.button2019,.button2019left {
  outline:none;
  cursor:pointer;
  min-width:120px;
  background:#ddd700;
  color:#000;
  text-align:center;
  text-decoration:none;
  font-size:24px;
  font-family: Arial, Helvetica, sans-serif;
  font-variant:small-caps;
  padding: 10px 0 10px 0;
  margin-top:10px;
  margin-right:10px;
  -webkit-border-radius:4px; 
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow: 3px 3px 4px rgba(50,50,50,.5);
  -moz-box-shadow: 3px 3px 4px rgba(50,50,50,.5);
  box-shadow: 3px 3px 4px rgba(50,50,50,.5);
}

.button2019:hover,.button2019left:hover {
  background:#e9e66e;
  text-decoration:none;
  color:#000;
}

.button2019left {width:100%;text-align:left;padding-left:30px}
#button2019 {display:none}
.button:active {color:#000}

.google {
  position:relative;
  top:min(80px,20vw);
  left:0;
  width:100%;
  margin:20px 0 10px 0;
  display:grid;
  grid-template-columns:1fr;
}

.konti {position:relative;left:0;top:0}

#map {
  top:27px;
  width:100%;
  height: calc(100vh - 90px);
  display:block;
  text-align:middle;
  line-height:200px;
  margin-bottom:15px;
  color:var(--white);
  font-size:20px;
  text-indent:20px;
}

.google-map-search {
  position:absolute;
  top:-42px;
  right:22px;
  display:flex;
  gap:5px;
  align-items:center;
  z-index:899;
}

.google-map-search input {margin-right:5px}

.google-map-search .buttonrovid {display:none}

.google-map-search-h1 {
  position:absolute;
  top:-42px;left:105px;
  color:var(--white);
  z-index:899;
  font-size:20px;
}

#GoogleSearchInput {width:calc(100vw - 600px);min-width:370px}

#screen_resolution {color:var(--white)}

/* ===================== */
/* ÚJ és RÉGI */
/* ===================== */

.vissza {
  position:relative;
  display:flex;
  gap:0;  
  width:calc(17vw - 15px); 
  height:calc((17vw - 15px) / 1.69); /* Példa: a nagyobb kép arányából */
}

.vissza img {
  display:block;
  width:auto;
  height:100%;
  object-fit:cover;
}

.tantargyak {grid-column: span 5}

a.a_4cs:link,a.a_4cs:visited {
	text-decoration:none;
    font-variant:small-caps;
	color:var(--white);
    font-size:15px;
	text-transform:uppercase;
	width:24%;
	float:left;
	display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
	padding:0 0 8px 0;
	margin-right:10px;
}

a.a_4cs:hover {color:var(--okker);text-decoration:underline}

/* ===================== */
/* adatlap
/* ===================== */

.adatlap {
  position:relative;
  width:calc(100% - 20px);
  grid-column:span 6;
  background:rgba(255, 255, 255, 0.1);
  padding:1rem;
  line-height:40px;
  margin:0 0 10px 10px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.3);
  color:var(--feher);
  text-align:justify;
  overflow-x:hidden;
  z-index:1;
}

.adatlap_kontener2019,.adatlap_kontener2019_rovid {
  min-height:100vh; /*  VAGY: height: auto; de akkor kell elég tartalom */
  /*grid-column:span 6;*/  
  position:relative;
  top:0;
  left:0;
  width:calc(100% - 20px);
  height:auto;
  margin:0 0 15px 10px;
  padding-bottom:40px;
  display:block;
  overflow:visible;
  z-index:2 !important;
  border-top:10px solid var(--darkblue);
}

.adatlap_srsz2019,.adatlap_srsz2019_R {
  margin:10px 0 0 6px;
  padding:0 0 0 44px;
  width:calc(100% - 12px);
  height:42px;
  line-height:42px;
  color:var(--black);
  text-align:left;
  white-space:nowrap;
  background-image:url(images/logo_2026.png?i=5);
  background-size: 40px auto;
  background-position: 0 0;
  background-repeat:no-repeat;
  background-color:transparent;
  display:flex;
  align-items:center;
  gap:10px;
}

.adatlap_srsz2019 span,.adatlap_srsz2019_R span  {
  position:relative;
  top:0;
  font-size:18px;
  font-weight:bold;
  white-space:nowrap;
  text-transform:uppercase;
}

span.kedvenc {cursor:pointer;font-size:30px;top:-2px}
h3.kedvencek {
  display:flex;
  justify-content: flex-end;
  width:calc(100% - 30px);
  right:20px;
  font-size:20px;
  letter-spacing: 0.15em;
  text-transform:uppercase;
  align-items:center;
  line-height:40px;
  gap:7px;
  overflow:hidden
} 
h3.kedvencek span.kedvenc {font-size:30px;font-weight:normal}
h3.kedvencek span.kedvenc:hover {color:var(--okker)}
h3.kedvencek span.icon-search:hover::before {color:var(--okker) !important}
.kedvenc_okker {margin-top:8px;margin-left:2px;cursor:pointer;font-size:18px;display: inline-block;vertical-align: baseline;line-height:20px}
.kedvenc:hover {color:var(--darkred)}
.kedvenc_okker:hover {color:var(--okker)}
.kedvenc {font-size:30px;top:0}
span.kedvenc_okker span {font-size:30px;display:inline;vertical-align:top}

.adatlap_kontener2019 span.nev {
  line-height:20px;min-width:340px;text-transform:uppercase;white-space:normal !important}
.adatlap_kontener2019_rovid span.nev {
  line-height:20px;min-width:220px;text-transform:uppercase;white-space:normal !important}
.hanyeves {font-weight:bold !important;text-transform:none}
.kattide {margin:8px 0 12px 5px;cursor:pointer;font-size:18px;text-transform:lowercase}
/*.kattide::before {content:"\2709";position:relative;top:3px;font-size:26px;padding-right:5px}*/
.kattide:hover {color:var(--okker)}
.a2_email {display:block}
.b_email {display:none}
.bubble {
  position:fixed;
  width:280px;height:auto;
  background:var(--black);color:var(--okker);
  visibility: hidden;
  font-size:15px;
  padding:15px;
  white-space:nowrap;
  text-align:center;
  border:3px double var(--okker);
  overflow:hidden;
  opacity:0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
  z-index:1000
}
.fade-in {
  opacity:1;
  visibility: visible;      
  transition: opacity 0.4s ease;
}

.adatlap_kontener2019 span.helyszinek {
  white-space:normal;
  line-height:24px;height:48px;
  max-width:calc(100% - 543px);
  top:0px;
  overflow:hidden
}
.adatlap_kontener2019_rovid span.helyszinek {
  white-space:normal;
  line-height:24px;height:48px;
  max-width:calc(100% - 435px);
  top:0px;
  overflow:hidden
}

.helyszinek2 {margin-top:20px}

.helyszinek2 span {padding-right:6px}

.harmadik .helyszinek2,.mini .helyszinek2 {
  background-image:url(images/maps_red_576.png);
  background-size: 30px auto;
  background-position: 0 center;
  background-repeat:no-repeat;
  align-items:center;
  white-space:normal;
  padding-left:35px;
  min-height:40px;
  line-height:22px;
  max-width:calc(100% - 0px);
  display:none;
  vertical-align:middle;
}

.helyszinek a,.helyszinek2 a {font-size:18px;text-decoration:none;color:var(--black);text-transform:none}
.helyszinek2 a {color:var(--white) !important}
.helyszinek a:hover,.helyszinek2 a:hover {text-decoration:underline}

.adatlap_srsz2019 span span.srsz {font-size:30px;font-weight:bold}
.adatlap_srsz2019 span span:not(.srsz) {text-transform:none;font-weight:normal}

.adatlap_fejlec_google_terkep {
  display:inline;
  margin:0px 0 0 0;
  width:50px;height:43px;
  background-image:url(images/googlemap_fejlec.png);
  background-size: 59px auto;
  background-position: 0 0;
  background-repeat:no-repeat;
  background-color:transparent;
  margin-left:auto;
  border:1px solid var(--black);
  cursor:pointer
}

.black_overlay {
  display:none;
  position:fixed;
  top:0%;
  left:0%;
  width:100%;
  height:120%;
  background-color:var(--black);
  z-index:10000;
  -moz-opacity:0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}

.black_content {
  display:none;
  position:fixed;
  top:3%;
  left:5px;
  width:calc(100% - 10px);
  height:94%;
  margin:auto;         
  padding:10px;
  border:0px double #000; 
  vertical-align:middle;
  background-color:var(--feher); 
  color:var(--black);
  z-index:10001;
  overflow:hidden;
  cursor:pointer;
}

a.google_bezaras {
  position: absolute;
  top:5px;
  right:5px;
  width:30px;
  height:30px;
  color:var(--feher);
  background-color:var(--darkblue);
  font-size:40px;       
  font-weight:900;
  border-radius:50%;
  border:2px solid var(--gray);
  transition:0.3s;
  text-decoration:none;
  z-index:1001;
  display:flex;
  align-items:center;
  justify-content:center;
}

a.google_bezaras:hover,a.google_bezaras:focus {background-color:var(--black);cursor:pointer}

.yunyil {
  -moz-opacity:0.5;
  opacity:.50;
  filter:alpha(opacity=50);
}

.yunyil:hover {
  -moz-opacity:1.0;
  opacity:1.00;
  filter:alpha(opacity=100);
  cursor:pointer;
}

.yunyil2 {
  -moz-opacity:0.1;
  opacity:.10;
  filter:alpha(opacity=10);
}

.google_b_nyil {position:absolute;left:2px;top:calc(50% - 35px);width:35px;height:100%}
.google_j_nyil {position:absolute;right:2px;top:calc(50% - 35px);width:35px;height:100%}

iframe {width:100%;height:100%}

.google_iframe {
  position:absolute;
  left:40px;
  top:5px;
  width:calc(100% - 80px);
  height:calc(100% - 10px);
  border:1px solid var(--black)
}

.google_iframe_rossz {
  position:relative;  /* Az iframe-nek referenciapont legyen */
  width:calc(100% - 80px);
  padding-bottom:56.25%;  /* 16:9 arány (9/16 = 0.5625) */
  height:0;
  overflow:hidden;
  border:1px solid var(--black);
  background:var(--darkblue);
}

.google_iframe iframe {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:100%;
  border:0;
}

.youtube_kontener {
  position:relative;
  max-width:100%;
  height:auto;
}

.youtube_content, .uzenet_content {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:auto;
  height:auto;
  background-color:var(--feher);
  padding:10px 3px 10px 3px;
  z-index:10001;
}

.youtoube_iframe {  
  position:relative;
  width:calc(177vh - 80px);
  max-width:calc(100vw - 110px);
  padding-bottom:calc(56.25% - 45px); /* 16:9 arány */
  overflow:hidden;
  margin-left:40px;
  margin-right:40px;
  background:#fff;
  border:1px solid var(--black);
}

.youtoube_iframe iframe {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100% !important;
  height:100% !important;
  display:block;
}

.kepkontener {height:36px;display:block;border:1px solid pink}

a.nari2 {
  position:relative;
  width:15px;height:16px;
  padding:1px 6px 2px 6px;
  margin:0px;
  border:1px solid var(--white);
  background:var(--darkblue);
  color:var(--white);
  display:inline;
  text-decoration:none;
}
a.nari2:hover {color:var(--black);background:var(--white);text-decoration: none}

:root {
  --color1: #6485c8;/*#6485c8;*/
  --color2: #8A9AAB;/*#689f8e;*/
  --color3: #619887;/*#c1da33;*/
  --color4: #D9D922;
  --color5: #e24848;
  --color6: #9b85aa;
  
  /*--color1: #CCD5AE;
  --color2: #E9EDCA;
  --color3: #E8F1DC;
  --color4: #FEFADF;
  --color5: #E4E7A0;
  --color6: #B5C1B3;
  
  --color1: #e1d3f8;
  --color2: #b0b5ed;
  --color3: #eeecf4;
  --color4: #e4f4e3;
  --color5: #f5f5ff;
  --color6: #c5dbc4;
  
  --color1: #dfe4d6;
  --color2: #e9e1ee;
  --color3: #a999bd;
  --color4: #e5cfe3;
  --color5: #d5d6e8;
  --color6: #d0d7cf;
  
  --color1: #5C8EB3;
  --color2: #365C81;
  --color3: #31485E;
  --color4: #7EAB83;
  --color5: #D9D922;
  --color6: #d0d7cf;
  
  --color1: ;
  --color2: ;
  --color3: ;
  --color4: ;
  --color5: ;
  --color6: ;*/
  
  --color1: #e84143;/*#f66439;*/
  --color2: #f9ba0f;
  --color3: #e9f739;
  --color4: #85fa21;
  --color5: #6485c8;/*#72a0c3;*/
  --color6: #77739f;
}


.kont_1 {background:var(--color1) !important}
.bem_1 {color:var(--color1) !important}
.kont_2 {background:var(--color2) !important} /*var(--lightred) */
.bem_2 {color:var(--color2) !important}
.kont_3 {background:var(--color3) !important}
.bem_3 {color:var(--color3) !important}
.kont_4 {background:var(--color4) !important}
.bem_4 {color:var(--color4) !important}
.kont_5 {background:var(--color5) !important}
.bem_5 {color:var(--color5) !important}
.kont_6 {background:var(--color6) !important}
.bem_6 {color:var(--color6) !important}

.kontyellow {background:var(--darkyellow) !important}
.kontpurple {background:var(--purple) !important}
.bemyellow {color:var(--darkyellow) !important}
.bempurple {color:var(--purple) !important}

.adatlap_srsz2019 .center {
  text-align:center;
  width:100%;
  font-size:18px;
  display:block
}
.adatlap_srsz2019 .center a {color:#000;text-decoration:none} /*#1C669F*/
.adatlap_srsz2019 .center a:hover {color:#114164;text-decoration:underline}

.tovabbi_adatlapok {
  min-height:10vh;
  max-height:10vh;
  height:10vh;
  margin-top:5vh;
  text-align:middle;
  padding:0 auto;
}

.adatlap_kontener2019_rovid {
  left:-9px;
  width:calc(50% - 20px);
  display:block;
}

.minikontener {
  display: flex;
  align-items: flex-start; /* vagy stretch, ha egyforma magasság kell */
  gap: 5px; /* opcionális rés */
  min-height: 100vh; /* csak a görgetéshez kell */
  width:calc(100% - 0px);
}

section {
  height: auto;
  position: relative;
  display: block;
}

.adatlap_fejlec2019 {
  position:sticky;
  top:10px;
  width:100%;
  height:60px;
  margin:0 0 -10px 0;
  text-align:left;
  background:var(--mk);
  overflow:hidden;
  border-radius:5px;
  box-shadow: 0 0 0 12px var(--darkblue) !important; /* 10px keret */
  outline: 12px solid transparent !important; /* 10px keret */
  z-index:6;
}

.sticky_fejlec {top:125px} /* 110px */

.adatlap_telefon {
  margin-top:8px;
  background-color:var(--darkblue);
  font-size:28px;
  color:var(--white);
}
  
.nev_kozep  {
  padding:10px;
  font-size:16px;
  font-weight:bold;
  color:var(--black);
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}

#meret {position:fixed;top:40px;right:70px;color:var(--white);z-index:999999999}

.adatlap_tartalom {
  display:flex;
  flex-direction:row;
  gap:20px;
}

.fix_adatlap_kontener,.fix_adatlap_kontener2 {
  flex-shrink:0;
  min-width:265px !important;
  background:var(--darkblue);
  line-height:26px;
  box-shadow: 0 0 0 3px var(--darkblue) !important; /* 10px keret */
  outline: 3px solid transparent !important; /* 10px keret */
}

.B_ {
  display:flex;
  flex-direction:row;
  width:calc(100vw - 270px);
  gap:20px
}

.mini {padding-top:5px}

.minijobb {display:block;position:relative;top:20px}

.masodik {flex:1}
.harmadik {flex:1}
.harmadik span.idoponttabla {display:inline}
/*.masodik span.idoponttabla {display:none}*/

.fix_adatlap,.fix_adatlap2 {
  position:sticky;
  top:80px;
  width:100% !important;
  display:block;
  z-index:1;
}

.fix_adatlap *,.fix_adatlap2 * {min-width:265px;max-width:265px}

.fix_adatlap2 .A_1 {position:sticky}

.A_1 .kepalsosav {
  position:relative;display:block;
  width:calc(100% - 0px);max-width:calc(100% - 0px);min-width:calc(100% - 0px);
  height:32px;
  text-align:center;
  padding:6px 0 6px 0;
  overflow-y:hidden
}

.fix_tantargy {
  position:sticky;
  top:80px;
  display:block;
  z-index:1;
}

.nemfix_tantargy {
  position:relative;
  top:80px;
  display:block;
  z-index:1;
}

.sticky_fix_adatlap {top:200px !important} /*180px*/
.sticky_fix_tantargy {top:180px} /*160px*/

.phone {
  width:calc(100% - 0px);
  height:35px;
  text-align:left;
  font-weight:bold;
  font-size:24px;
  line-height:35px;
  display:inline-block;	
}
a.a_phone {
  font-size:22px;
  color:var(--white);
  transition:color 0.2s;
  text-decoration:none;
}
a.a_phone:hover {color:var(--okker)}

.fix_adatlap img,.fix_adatlap2 img {
  display:block;
  max-width:265px !important;
  height:auto;
  max-height:320px;
  object-fit:cover;
  object-position:center;
  box-shadow: 0 0 0 11px var(--darkblue) !important;
  outline: 11px solid transparent !important;
}

.fix_adatlap2 img {max-width:210px !important;}

.adatlap_tartalom > div {
  background:var(--darkblue);
  box-shadow: 0 0 0 20px var(--darkblue) !important; 
  outline: 20px solid transparent !important; 
  margin-top:18px;
}

.focim {
  font:18px Arial; 
  font-family:Times New Roman;
  text-transform:uppercase;  
  font-weight:bold;   
  margin:50px 0 20px 0;
  text-align:left;
  text-indent:0.0em;
  letter-spacing:0.14em;
}

.bemutatkozoszoveg {
  display:table-cell;
  text-align:justify;
  font-size:20px;
  line-height:30px;
  margin-right:30px;
  width:100%;
  max-width:calc(100vw - 25px) !important;
  overflow-wrap:break-word;
}

table.bemutatkozas {width: max-content;width:100%;border-collapse:collapse}
table.bemutatkozas tr td {margin-top:15px;vertical-align:top}
table.bemutatkozas td {width: max-content;font-size:20px}
table.bemutatkozas td span {line-height:30px}
table.bemutatkozas > tbody > tr:first-child > td:first-child {width:100%;padding-right:10px}
table.bemutatkozas > tbody > tr:first-child:has(td:nth-child(2)) > td:last-child {width:215px}

.ahover {
  overflow-wrap:break-word;
  word-break:break-word; /* jobb, mint a break-all */
}

.tabla_idopont {width:100%;background-color:var(--yellow);border:1px solid var(--okker)}
.tabla_idopont tr {line-height:16px}
.tabla_idopont .th1 {border:1px solid black;text-align:center}
.tabla_idopont .th2 {border-top:1px solid black;border-bottom:1px solid black;border-right:1px solid black;font-size:14px;color:var(--black)}
.tabla_idopont td {border-bottom:1px solid black;border-right:1px solid black;font-weight:bold}
.tabla_idopont .td1 {border-left:1px solid black;white-space:nowrap;text-align:center;font-size:14px;color:var(--black);white-space:nowrap}
.tabla_idopont .td2 {font-size:14px;color:var(--black);white-space:nowrap}
.td18 {font-size:18px !important}
.td20 {font-size:20px !important}
.bal {border-left:1px solid black}

.tr {height:40px}
.black > * {color:var(--black);padding:10px}

.oradij_tabla {width:100%;max-width:480px;background-color:var(--yellow)}

/* érmék 
background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='36px' height='36px' viewBox='0 0 401.601 401.6' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M116.682,229.329c11.286,0,22.195-0.729,32.518-2.086V114.094c-10.322-1.356-21.232-2.085-32.518-2.085 c-64.441,0-116.681,23.693-116.681,52.921v11.477C0.001,205.634,52.241,229.329,116.682,229.329z'/%3E%3Cpath d='M116.682,288.411c11.286,0,22.195-0.729,32.518-2.084v-33.166c-10.325,1.356-21.229,2.095-32.518,2.095 c-56.25,0-103.199-18.054-114.227-42.082c-1.606,3.5-2.454,7.124-2.454,10.839v11.477 C0.001,264.718,52.241,288.411,116.682,288.411z'/%3E%3Cpath d='M149.199,314.823v-2.578c-10.325,1.356-21.229,2.095-32.518,2.095c-56.25,0-103.199-18.054-114.227-42.082 C0.848,275.757,0,279.381,0,283.096v11.477c0,29.229,52.24,52.922,116.681,52.922c12.887,0,25.282-0.95,36.873-2.7 c-2.873-5.877-4.355-12.075-4.355-18.496V314.823z'/%3E%3Cpath d='M284.92,22.379c-64.441,0-116.681,23.693-116.681,52.921v11.477c0,29.228,52.24,52.921,116.681,52.921 c64.44,0,116.681-23.693,116.681-52.921V75.3C401.601,46.072,349.36,22.379,284.92,22.379z'/%3E%3Cpath d='M284.92,165.626c-56.25,0-103.199-18.053-114.227-42.082c-1.606,3.499-2.454,7.123-2.454,10.839v11.477 c0,29.228,52.24,52.921,116.681,52.921c64.44,0,116.681-23.693,116.681-52.921v-11.477c0-3.716-0.848-7.34-2.454-10.839 C388.119,147.573,341.17,165.626,284.92,165.626z'/%3E%3Cpath d='M284.92,224.71c-56.25,0-103.199-18.054-114.227-42.082c-1.606,3.499-2.454,7.123-2.454,10.839v11.477 c0,29.229,52.24,52.922,116.681,52.922c64.44,0,116.681-23.693,116.681-52.922v-11.477c0-3.716-0.848-7.34-2.454-10.839 C388.119,206.657,341.17,224.71,284.92,224.71z'/%3E%3Cpath d='M284.92,286.983c-56.25,0-103.199-18.054-114.227-42.082c-1.606,3.5-2.454,7.123-2.454,10.838v11.478 c0,29.228,52.24,52.921,116.681,52.921c64.44,0,116.681-23.693,116.681-52.921v-11.478c0-3.715-0.848-7.34-2.454-10.838 C388.119,268.928,341.17,286.983,284.92,286.983z'/%3E%3Cpath d='M284.92,346.066c-56.25,0-103.199-18.053-114.227-42.081c-1.606,3.5-2.454,7.125-2.454,10.838V326.3 c0,29.228,52.24,52.921,116.681,52.921c64.44,0,116.681-23.693,116.681-52.921v-11.478c0-3.715-0.848-7.34-2.454-10.838 C388.119,328.012,341.17,346.066,284.92,346.066z'/%3E%3C/svg%3E");
 */ 
.ermek-background {
  max-width:280px !important;
  min-height:60px;
  background-color:var(--yellow);
  color:var(--black);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36px' height='36px' viewBox='0 0 401.601 401.6'%3E%3Ccircle cx='200.8' cy='210' r='120' fill='none' stroke='%23000000' stroke-width='20'/%3E%3Cline x1='200.8' y1='210' x2='200.8' y2='130' stroke='%23000000' stroke-width='22' stroke-linecap='round'/%3E%3Cline x1='200.8' y1='210' x2='125' y2='160' stroke='%23000000' stroke-width='22' stroke-linecap='round'/%3E%3Ccircle cx='105' cy='60' r='35' fill='none' stroke='%23000000' stroke-width='16'/%3E%3Ccircle cx='296' cy='60' r='35' fill='none' stroke='%23000000' stroke-width='16'/%3E%3Cline x1='140' y1='350' x2='100' y2='385' stroke='%23000000' stroke-width='24' stroke-linecap='round'/%3E%3Cline x1='260' y1='350' x2='300' y2='385' stroke='%23000000' stroke-width='24' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 40px 40px;
  margin-top:10px;
  padding:10px 5px 10px 56px;
  font-size:18px;
  font-weight:bold;
  line-height:24px;
  white-space:nowrap;
  text-align: left; 
  display: flex;
  border:3px double #000;
  align-items: center;
  justify-content: center;
}

.c6, .fix_tantargy .nosee2 {
  color:var(--lightred);
  font-weight:bold;font-size:20px;
  text-decoration:none;line-height:30px
}
.c6 + span {color:var(--white);font-size:20px;font-weight:normal}
a.c6:hover,.fix_tantargy .nosee2:hover {color:var(--okker);text-decoration:underline}

.audioklip {
  width:calc(100% - 5px);
  height:35px !important;
  display:block;
  padding-left:30px;
  background-image:url(images/hangjegy.png?i=3);
  background-size: 25px auto;
  background-position: 0 2px;
  background-repeat:no-repeat;
  background-color:transparent;
}

.youtubekep {
  width:100%;
  display:block;
}

.box_float_flex_YT {
  width:calc(100% - 0px);
  max-width: 540px;
  margin-bottom:20px;
  display:flex;
  height:auto;background:var(--darkblue);
  border:1px solid var(--black);
  cursor: pointer;
}

.box_float_flex_YT > div {
  position: relative; 
  width: 100%;
}

.box_float_flex_YT img {pointer-events: none}

.yulayer2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden; 
  background-image: 
    url(images/youtube_play_logo_A.png?i=0),
    url(images/youtube_play_logo_B.png?i=1);
  background-position: 
    50% 50%,    /* első */
    99% 99%;  /* második */
  background-size: 
    16% auto, /* első */
    17% auto; /* második */
  background-repeat: 
    no-repeat, /* első */
    no-repeat; /* második */
  -moz-opacity: 0.65;
  opacity: .65;
  filter: alpha(opacity=65);
}

.yulayer2:hover {
  -moz-opacity:0.95;
  opacity:.95;
  filter:alpha(opacity=95);
  cursor:pointer;
}

.kor {
  display:inline;           
  width:40px;
  height:40px;
  background-color:var(--blueeye);
  color:var(--feher);                   
  border-radius:50%;            
  font-size:20px;               
  text-align:center;            
}

.fontello_box {
  position:relative;
  top:0;
  margin:10px 10px 10px 0;
  width:41px !important;
  min-width:0 !important;
  height:41px;
  line-height:41px;
  align-items:center;
  justify-content:center; 
  vertical-align:middle;
  display:inline-block !important;
  background:var(--bluefb);
  border-radius:5px;
  moz-border-radius:5px; 
}

.blue {background:var(--bluefb)}
.lightred {background:var(--lightred)}
.pink {background:var(--pink)}
.feher {background:var(--white)}

.ikonsor {display:none}

.linksor {display:block;margin-top:15px}
.linksor * :not(span) {font-size:20px !important}

a.normal {
  color:var(--white);
  font-size:20px;
  white-space:nowrap;
  text-decoration:none;
}

a.normal:hover {color:var(--okker);text-decoration:underline}

.ikon {display:inline !important}
.br {display:block}

#onloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:var(--darkblue);
  color:var(--white);
  line-height:clamp(3vw,20px,50px);
  font-size:clamp(3vw,20px,50px);
  letter-spacing:clamp(1vw,3px,4px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#onloader img {width:20vw;height:auto;animation: logoanimacio 1.5s ease-in-out} 

.gyorsmenu-container {
  position: fixed;
  bottom: 55px;
  right: 5px;
  display: none;
  flex-direction: column;
  gap: 10px;
  background-color: black;
  padding: 12px 10px;
  border-radius: 12px;
  opacity: 0.3;
  transition: opacity 0.3s ease;
  z-index: 9999;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.gyorsmenu-container:hover {opacity: 0.7;}

.icon-container:hover {
  opacity: 0.9;
}

.icon-link {
  display: block;
  text-decoration: none;
}

.icon {
  display: block;
  width: 30px;
  height: 30px;
  stroke: white;
  transition: transform 0.2s ease;
}

.icon-link:hover .icon {
  transform: scale(1.15);
}

.navigacio {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px 0 5px;
  gap: 10px;
  z-index: 1000;
  box-shadow: 0 5px 0 0 rgba(0,0,0,0.3) !important;
}

.navigacio > a {
  flex-shrink: 0;
  text-decoration: none;
}

.navigacio > a img {
  width: 20px;
  height: auto;
  display: block;
}

.navigacio .slider-wrapper { /* legyen görgethető! */
  flex: 1;
  max-width:calc(100vw - 95px);
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;  /* Vékony scrollbar (opcionális) */
}

/* Ha el akarod rejteni a scrollbart, de görgethető maradjon: */
.navigacio .slider-wrapper {
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.navigacio .slider-wrapper::-webkit-scrollbar {
  display: none;          /* Chrome/Safari */
}

.navigacio .slider-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 3px;
  align-items: center;
  padding: 5px 0;
  text-align: center;
  margin:0 auto;
  justify-content:center;
}

.kep-kontener {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  background: transparent;
  overflow: hidden;
}

.kep-kontener img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

#light3 {padding:1px;background:var(--darkblue);border:1px solid var(--feher);display:none}

.popup_loading {width:100%;height:100%;display:inline-block;background:url(images/loading.gif) no-repeat 50% 50%}

.uzenetbox {
  width:calc(100vw - 40px);
  max-width:800px;
  height:auto;
  display:inline-block;
  background:var(--darkblue);
  padding:10px;
  overflow-x:hidden;
}
.uzenetbox * {width:calc(100% - 0px)}

.uzenetboxfejlec {
  position:relative;
  padding:5px;top:0;
  height:30px;
  width:calc(100vw - 20px);
  display:block;
  overflow:hidden;
  color:var(--green);
  white-space:nowrap;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:3px;
}

.uzenetkontener {
  display: grid;
  grid-template-columns: 110px 1fr;
  width: 100%;
}

.uzenetkontener > :nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
}

.uzenetkontener > :nth-child(1) img {
  width: auto;
  height: auto;
  max-width: 100px;
  max-height: 100px;
  border-radius: 5px;
  margin-top: 5px;
  object-fit: contain;
  /* Ez a trükk: ha fekvő, szélesség 100px, ha álló, magasság 100px */
  min-width: 0;
  min-height: 0;
}

.uzenetkontener > :nth-child(2)  {
  overflow:hidden; 
}

.textarea2,.textarea3 {
  background:var(--lightgray);
  width:100%;
  height:200px;	
  font-size:22px;
  border:1px solid #000;
  margin:5px 0 5px 0;
  padding: 5px 10px 5px 10px;
  text-align:left;
  resize:none	
}

.textarea3 {height:65vh !important;width:calc(100% - 3px) !important}

.uzenet_also {
  display:grid;
  grid-template-columns: 1fr 70px 105px;
  margin:13px 0 0 10px;
  width:calc(100% - 10px);border:0px solid white
}

#elkuld_OK {font-size:17px;text-align:left;width:223px;display:inline-block;float:right}
.uzenet_also .input {width:55px;height:36px;margin:0 10px 0 9px;padding:6px 3px 6px 3px}
.uzenet_also .button {width:100px;height:36px;margin-left:5px}
.uzenet_also span img {width:40px;height:36px;float:right}

.uzenetbox span {color:var(--feher)}

.light_p {padding:5px 0 0 0;line-height:25px}
.light_loading {padding:5px 25px 0 0;line-height:25px;background: url(images/loading28.gif) no-repeat 0 0;background-position: top right}
.light_siker {padding:5px 0 0 25px;line-height:25px;background: url(images/ok20.gif) no-repeat 0 8px}
.light_hiba {padding:5px 0 0 25px;line-height:25px;background: url(images/alert20.gif) no-repeat 0 8px}

.trali {display:none}
.tra_keret {width:100%;padding:0;display:inline-block}
.tra_keret > div {
  align-self: stretch; /* felülírja az egyedi beállításokat */
}
.trafejlec {
  line-height:45px;
  background:#000 !important;
  color:var(--feher) !important;
  padding-left:30px !important;
  font-size:16px
}
.tra,.tra1,.tra2 {display: table-cell;height:36px;overflow-y:hidden;background:var(--feher);color:var(--black);border-top:1px var(--black) solid;line-height:50px}
.trb,.trb1,.trb2 {display: table-cell;height:36px;overflow-y:hidden;background:var(--trb);color:var(--black);border-top:1px var(--black) solid}  
.tra1,.trb1 { display: table-cell;overflow-y:hidden;
  width:130px;float:left;padding-left:10px;font-size:16px !important;
}
.tra1 * ,.trb1 * {font-size:16px !important}
.tra2,.trb2 {
  width:calc(100% - 130px);float:left;text-align:left;font-size:17px !important;
  padding-left:10px;white-space:nowrap;overflow-x:hidden
}
.tra2 span,.trb2 span {white-space:nowrap}
.tra,.tra1,.tra2,.trb,.trb1,.trb2 {line-height:35px}
.y {display:none;text-align:left}
.yy {display:inline-block;text-align:left}

#helyszinmegadasgomb span.helyszinelo {display:inline}

.elofizetes_info {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:100%;
  max-width:500px;
  background: rgba(0, 0, 0, 0.95);
  font-size:20px;
  line-height:34px;
  padding: 30px 40px;
  border-radius: 8px;
  display:none;
  text-align:center;
  z-index: 1000;
  overflow: hidden;
}

.elofizetes_info span {display:inline-block;line-height:30px}

.elofizetes_info .gorgethetocontent {
  overflow: hidden;padding:25px !important;
  position:relative;
}

.nezet_table {
  width: 100%;
  max-width:380px !important;
  border-collapse: collapse; /* Fontos: a border-ek összeolvadnak */
  margin: 0 auto;
  font-size:18px;
  margin-top:20px;
}

.nezet_table td {
  width: 33.33%; 
  padding: 3px 8px;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.3);
}

/* Az első oszlop cellái balra igazítva */
.nezet_table td:first-child {
  text-align: left;
  font-weight: bold;
}

/* A fejléc sor (első sor) */
.nezet_table tr:first-child td {
  font-weight: bold;
  font-size: 18px;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.3); 
}

.gorgetheto {
  height:auto;padding:0 !important;
}

.elofizetes_info .gorgethetocontent {
  overflow-y: auto;
  padding: 30px 40px;
  font-size:20px;
  line-height:34px;
  text-align:center;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.elofizetes_info .gorgethetocontent::-webkit-scrollbar { /* Chrome, Safari, Opera */
  display: none;
}

.checkOK,.checknemOK {
  line-height:40px;
  text-align:left;
  padding-left:37px;
  vertical-align:middle;
  text-transform:uppercase;
  font-size:18px;
}
.checkOK {background: transparent url(images/ok28.png) no-repeat 0 6px}
.checknemOK {background: transparent url(images/close28.gif) no-repeat 0 6px}

#befizetesitajekoztato_button {
  min-width:300px;width:auto;margin-top:20px;text-align:center;padding:5px 20px 5px 20px;
}

.adatlap_szerkeszto * {font-size:20px}

.tbtj_tabla {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 4px 8px;
  margin-bottom:50px;
  align-items: center;border:0px solid orange
}

.maxtbtj {max-width:805px !important}

.tbtj_tabla .megtekintes {
  grid-column: 1 / -1; /* Az összes oszlopon átnyúlik */
  margin-top:20px;
  width:calc(100% - 0px) !important;
  max-width:800px !important;
  border:0px solid pink
}

.tbtj_tabla span {color:var(--white)}

.tbtj_tabla .tb {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  line-height:50px;
}

.tbtj_tabla .teljes { 
  letter-spacing:1px;
  text-align:left;
  grid-column: 1 / -1; /* Az első oszloptól az utolsóig */
  border:0px solid red;
  line-height:34px;
}


.tj {
  width:auto;
  text-align: left;
  white-space:normal;
  border:0px solid red
}

.tj select.select {width:335px}

.selectforma {margin-bottom:20px;font-size:20px;width:500px !important}

#ontantargyai {text-align:left;line-height:50px;margin-bottom:20px;border:0px solid blue}

#ontantargyai span {color:var(--white)}

.it {padding: 4px 15px 0 5px}

span.sorszam {
  position:relative !important;
  width:30px;height:30px;
  text-align:center !important;
  text-indent: -6px !important;
  margin-right: 10px;
  border:1px solid var(--white);
  color:var(--white);
  display:inline-block;	
  border-radius: 50%;
  line-height:28px;
}

.felsorolas a {color:var(--white);text-decoration:none}
.felsorolas a:hover {color:var(--okker)}

.felsorolas span.sorszam {
  width:30px;height:30px;
  text-indent: 2px !important;
  line-height:28px;	
}

.tj .checkbox {
  align-self: center; /* Kényszeríti a középre igazítást */
  margin: 0 0 0 10px;
}

.tj span {
  align-self: center;
  line-height: 1; /* Ha a span magassága problémás */
}

.tj .mininput {width:calc(100vw - 560px) !important;min-width:330px;max-width:660px}

.tj .telefon-csoport,.tj .telefon-csoport div {
  display: flex;
  gap: 5px;
  align-items: center;
}

.szellos {width:auto;margin-bottom:30px}
.szellos br {display:none}
.minmaxb {padding:0 30px 0 0px;display:inline-block;width:110px;text-align:right}
.minmaxb2 {width:95px}
b.minmaxb span {margin: 0 5px}
#m_oradijmin,#m_oradijmax {width:25px}

.keretes {border:1px solid var(--red);padding:20px;text-align:justify}

.telefon-csoport a {margin-left:15px}

#lista,#lista2 {width:calc(100% - 10px);max-width:600px !important}
.utcanev {width:calc(100% - 10px) !important;max-width:600px !important}

.img {margin:0;padding:0;display:block;height:90px;width:auto}
.img_span {
 position:relative;
 padding:0 4px 0 0;
 margin:0;
 display:table-cell;
 width:auto;
 height:auto;
 -ms-box-sizing:content-box;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box; 
 box-sizing:content-box;
 float:left;
 cursor:pointer; 
}

.img_span .img_x {
  position:absolute;
  top:0;right:4px;
  color:#d00;
  display:none;
}
.img_span .img_x_yu {
  position:absolute;
  top:3px;right:4px;
  color:#d00;
  display:none;
}
.img_span .nagyfeher {
  position:absolute;
  top:calc(50% - 22px);
  left:calc(50% - 24px);
  color:#d00;
  font-size:40px;
  width:44px;
  height:44px;
  display:none;
  vertical-align:middle;
  text-align:center;
  padding:0 8px 0px 8px;
  background:#000;
  color:#fff;
  -moz-border-radius: 44px;
  border-radius: 44px;    
  filter:alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity:0.7;
}

.tflex {
  width:calc(100% - 10px);
  height:auto;
  max-width:683px;
  margin-bottom:10px;
  text-align:left;
  border:0px solid green
}

.fieldset {
  margin:15px 5px 20px 1px;
  padding:5px 5px 5px 0;
  height:auto;
  min-height:270px !important;
  float:left;
  border: 1px solid var(--white);
  width:350px;
}

.fieldset h1 {
  background:var(--darkblue);
  color: var(--okker);
  font: 16px Arial; 
  font-family:Times New Roman;
  text-transform: uppercase;
  margin:-20px 0 0 3px;
  padding:0 5px 0 0;
  line-height:30px;
  letter-spacing: 0.15em;
  text-align:left;
  width:200px;
  height:30px;
  overflow:hidden;
  white-space:nowrap;	
} 

#idopont_reszletezo {margin-left:12px}

.tflex .ch, .fieldset .ch {
  width:140px;
  display:inline-table;
  text-align:left;
  vertical-align:middle;
  font-weight:normal;
  letter-spacing: 1px;
  height:20px;
  line-height:28px;
  font-size:18px;
  white-space:nowrap;border:0px solid red;
}

.fieldset .ch {width:170px}

.yulayer {
    position:absolute;
	top: 0;left: 0;
	width:120px;
	margin:0;
	height: 90px;
	-moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}
.yulayer:hover {
    -moz-opacity: 1.0;
    opacity:1.00;
    filter: alpha(opacity=100);
	cursor:pointer;
}

.yu_nincskep, .yu_mysql_error {
  width:120px;
  height:90px;
  padding:0;
  margin:0 0 3px 0;
  line-height:31px;
  overflow:hidden;
  text-align:center;
  color:var(--black);
  background:url("images/nincsvideo.jpg") no-repeat 0 0;
}

.yu_mysql_error {
  background:url("images/mysql_error.jpg") no-repeat 0 0;
}


.imgonmouseover {
  cursor:pointer;
  padding-right:50px;
  line-height:44px;
  height:44px;
  display:inline-block;
  background:transparent url(images/g_map_1.png) no-repeat;
  background-position:top 4px right 2px;
  color:var(--white);
  text-decoration:none;
}
.imgonmouseover:hover {color:var(--okker);text-decoration:underline}

.radio-container {
    display: flex;
    align-items: center;  /* Függőleges középre igazítás */
    gap: 8px;             /* Távolság a rádió és szöveg között */
}

input[type="radio"] {
  width:14px; height:14px;
  transform: scale(1.5); /* megnövelt */
  transform-origin: center center;
  display: inline-block;
  vertical-align: middle;
  margin-right:10px;
  margin-top:3px;
  cursor: pointer;
  flex-shrink: 0;       /* Ne zsugorodjon */
}

input.checkbox {
  width: 20px; 
  height: 23px; 
  cursor: pointer;
  border:1px solid black;
  padding: 0;
  margin:2px 5px 5px 10px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  vertical-align:middle;position:relative;top:0px;
  accent-color: var(--white);
}

input.checkbox + span {font-weight:normal !important}

select {border:1px solid black}
.select {
  /*width:calc(100% - 10px);*/
  height:37px;
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
}

.start_span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-right: 22px;
  background-position: right top;
  background-repeat: no-repeat;
}

.start_span::after {
  content: '\21BB';
  color:red;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  animation: spin 1s linear infinite;
  margin-left: auto;
  line-height: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.ment_span {background:transparent url(images/ok.gif) no-repeat;background-position: right 2px;padding-right:25px;background-size:18px auto}
.error_span {background:transparent url(images/alert.gif) no-repeat;background-position: right top;padding-right:22px}
.onwork_span {background:transparent url(images/info20.gif) no-repeat;background-position: right top;height:20px;width:20px;line-height:20px;padding:0 20px 4px 0}
.save_span {background:transparent url(images/ok20.gif) no-repeat;background-position: right top;height:20px;width:20px;line-height:20px;padding:0 20px 4px 0}
.aktiv_span {background:none;padding-left:0}
.start_span2 {background:transparent url(images/loading.gif) no-repeat;background-position: center top;padding-right:22px}

.sargahatter {
  background: url(images/kagylok2021.jpg) no-repeat 0px 0px;
  background-size: cover;
  padding:15px;
  margin: 10px 0 10px 0;
  border-radius:8px;
  color:var(--darkblue) !important;
  text-decoration: none;
  text-transform: uppercase;
  line-height:1.6em;
  text-align:justify;
  font-size:20px;
}

.sargahatter * {color:var(--darkblue) !important}

.kerdesek {margin-left:30px}

.valasz {
  color:var(--darkblue) !important;
  background:rgb(220,220,255,0.8);
  padding:10px 15px 10px 15px;
  margin-left:-3px;
  margin-bottom:15px;
  width:100%;
  border-radius:3px;
  display:none;  
}

.valasz u {color:var(--darkblue) !important}

a.redlink {color:var(--black) !important}
a.redlink:hover {color:var(--red) !important}

.drop-zone { 
  border:2px dashed var(--gray); 
  border-radius: 4px;
  color:var(--white);
  text-align:center;  
  padding:2rem; 
  margin:1rem; 
  cursor:pointer; 
  width:100%;
  font-size:20px;
  transition: all 0.3s ease
}
.drop-zone:hover {color:var(--okker)}
.drop-zone.dragover {color:var(--okker);background:rgba(255, 255, 255, 0.1)}
.drop-zone input {display:none}
#imgpreview { 
  max-width: 100%; 
  max-height: 200px; 
  margin: 1rem 0; 
  display: none; 
  border-radius: 4px; 
  margin: 1rem auto;
}
.imgloading { display: none; color: #666; }
.download-btn { display: inline-block; background: #4CAF50; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; margin-top: 1rem; display: none; cursor: pointer; border: none; font-size: 16px; }
.download-btn:hover { background: #45a049; }
.imguploaderror {color:var(--lightred);margin-top:1rem;font-size:18px}

.feltoltes-ikon {transition: all 0.3s ease}

.feltoltes-ikon path {fill: var(--white);transition: fill 0.3s ease}

.drop-zone:hover .feltoltes-ikon path {fill: var(--okker);}
.drop-zone.dragover .feltoltes-ikon path {fill: var(--okker);}

#audiopreview { 
  max-width: 100%; 
  height: 20px; 
  margin: 1rem 0; 
  display: block; 
  border-radius: 4px; 
  margin: 1rem auto;
}

.progress-container {
  display: none;
  margin: 20px auto;
  width: 80%;
  max-width: 400px;
}
        
.progress-bar {
  width: 100%;
  height: 30px;
  background-color: #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
        
.progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #4CAF50, #45a049);
  transition: width 0.3s ease;
  border-radius: 10px;
  position: relative;
  text-align:center;
  white-space:nowrap;
  font-size:20px;
  color:var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin {
  margin:130px 0 0 10px;
  display:grid;grid-template-columns:1fr;
  place-items: center;
  font-size:20px;
  width:calc(100% - 40px);
}

.upper {text-transform:uppercase}

.admin_info {display:block;color:var(--white)}

.admin_info span.allapotjelzo {display:inline-block;height:40px;width:200px;line-height:40px}

.admin_fej {
  margin:30px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr; /* két egyenlő oszlop */
  align-items: start;
  gap:20px;
}

.admin_fej > div {
  flex: 1 1 0; /* egyenlő szélesség */
  min-width: 0; /* túlcsordulás elkerülése */
}

.admin_fej > div *:not(h1) {font-size:20px}

.admin_fej > div:nth-child(2) {
  line-height: 30px;
}

a.green {color:var(--green);text-decoration:none}
a.green:hover {color:var(--green);text-decoration:underline}



@keyframes logoanimacio {
  0% {transform: scale(0.3);opacity: 0.3}
  100% {transform: scale(1);opacity:1}
}
    
#onloader.hide {display: none}

.forgo-kep {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  animation: forog 0.7s linear infinite;
  display: block;
  margin: 50px auto;
}

@keyframes forog {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.sessionkill {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  animation: forog 5s linear infinite;
}

.session-container {height:50px;white-space:nowrap;display:inline-block}
.session-container a,.session-container h1 {
  line-height:30px;
  display:inline-block;
  vertical-align:middle;
  margin-right:10px
}
.session-container h1 {padding-top:10px}

@media (min-width: 300px) {
  .spinning-text,.header span.visible {font-size: 1.6rem}
}

@media (min-width: 830px) {
  .mobil-br {display: none}
}

@media (max-width: 600px),(min-width: 900px) and (max-width: 1200px) {
  .nobr2 {display: block}
}

@media (max-width: 1050px) {
  .ermek-background {width:340px;max-width:none}
}

@media (max-width: 870px) {
  .topcontent .button {
    position:relative;
    top:0px;left:0px;
    width:calc(100% - 35px) !important; 
	max-width:none;
	margin-top:10px;
  }
}

@media (min-width: 500px) and (max-width: 670px), (min-width: 1050px) and (max-width: 1200px) {
  .adatlap_kontener2019_rovid .A_2 .ermek-background {display:flex}
  .adatlap_kontener2019_rovid .masodik .ermek-background {display:none}
}

@media (min-width: 0px) and (max-width: 500px), (min-width: 670px) and (max-width: 1050px), (min-width: 1200px) {
  .adatlap_kontener2019_rovid .A_2 .ermek-background {display:none}
  .adatlap_kontener2019_rovid .masodik .ermek-background {display:flex}
}

@media (max-width: 1300px) {
  a.a_4cs:link,a.a_4cs:visited {width:31%;margin-right:20px}
}

@media (min-width: 1310px) {
  .masodik {flex: 11}
  .harmadik {flex: 10}	
}

@media (min-width: 1400px) {
  .masodik {flex: 11}
  .harmadik {flex: 9}	
}

@media (max-width: 1300px) {
  .fix_adatlap_kontener2 {min-width:210px !important}
  .fix_adatlap2 * {min-width:210px;max-width:210px}
}

@media (min-width: 900px and max-width: 1300px) {
  .minijobb {width:calc(100vw - 270px) !important}
}

@media (max-width: 1200px) {
  .grid6,.grid6sticky {grid-template-columns:repeat(4, 1fr)}
  .oszlop h3 .grid_d img {min-width:calc(25vw - 15px)}
  .vissza { 
    width:calc(25vw - 15px); 
    height: calc((25vw - 15px) / 1.69);
  }
  .tantargyak {grid-column: span 3}
  a.a_4cs:link,a.a_4cs:visited {width:31%;margin-right:10px}
  .adatlap {grid-column: span 4}
}



@media (max-width: 1100px) {
  a.a_4cs:link,a.a_4cs:visited {width:45%;margin-right:20px}
  .none {display:none}
  .nosee {display:block !important}
  .oradij_tabla .td18 {font-size:15px !important}
  .oradij_tabla .td20 {font-size:17px !important}
  .adatlap_kontener2019_rovid span.helyszinek {display:none}
  .mini .helyszinek2 {display:flex;flex-wrap: wrap} 
}

@media (max-width: 1050px) {
  a.normal {font-size:18px}
  .harmadik span.idoponttabla {display:none}
  .masodik span.idoponttabla {display:inline}
  /*.fix_adatlap_kontener*/ .B_ {display: flex;margin:0 10px 0 10px;width:calc(100% - 20px);height:auto;flex-direction: column-reverse}
  table.bemutatkozas > tbody > tr:first-child > td:first-child {text-align:left;width:auto;max-width:calc(50vw - 220px)}
  .nosee2 {display:block !important}
  .none2 {
	display:block;
	height: 0;
    overflow: hidden;
    /*transition: height 0.4s ease;*/
  }
  .none2block {}
}

@media (max-width: 990px) {
  a.normal {font-size:20px}
  .fix_adatlap2 img {max-width:190px !important;}
  .fix_adatlap_kontener2 {min-width:190px !important}
  .fix_adatlap2 * {min-width:190px;max-width:190px}
}

@media (max-width: 970px) {
  #keresesform {
    right:23px;
    width:calc(100vw - 152px);
  }
  .grid_b {display:inline-block}
  a.normal {font-size:17px}
  /*.overlay-full {display:block}*/
  .navbar {
    width:100%;
    right:0;
    left:0;
    padding: 0.9rem 1.5rem;
  }
  .hamburger {
	display:flex;
    margin-left:auto;
  }
  .nav-menu {
	display:flex;
    position:fixed;
    top:0;
    right:0;
    width:340px;
    background:var(--darkblue);
    flex-direction:column;
    align-items:stretch;
    justify-content: flex-start;
    gap:1.5rem;
    padding:5rem 1.8rem;
    z-index:999;
    transform:translateX(100%);
    transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.2);
    border-radius:0;
    overflow-y:auto;
	visibility: hidden; 
    overflow-y: auto;
    max-height: 100vh;
    height: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */	
  }
  .nav-menu.active {transform:translateX(0);visibility: visible;}
  .nav-menu li.li_login {
    position: relative;
    top: 0;
    right:0;
    padding:0;
    background: var(--darkblue);
    z-index: 1000;
    list-style: none;
  }
  /*.nav-menu li {order:0}
  .nav-menu li:nth-child(1) {order: -4}
  .nav-menu li:nth-child(2) {order: -3}
  .nav-menu li:nth-child(5) {order: -2}
  .nav-menu li:nth-child(6) {order: -1}*/
  .nav-menu li [class^="icon-"]::before {display:inline}
  .nav-menu li:not(:nth-child(5)) {
    width:100%;
    text-align:left;
    border-bottom:1px solid rgba(255, 255, 255, 0.3);
    padding-bottom:0.5rem;
  }
  .nav-menu li:last-child {border-bottom:none}
  .nav-menu li a {
    display:block;
    padding:0.8rem 0;
    white-space:nowrap;
    font-size:1.2rem;
    text-align:left;
  }
  a.no {text-transform:none;text-decoration:none}
  .nav-menu li a:hover:not(.googlemap):not(.no) {
  color:var(--okker);
  border-bottom:0px solid var(--okker);
  transform:translateX(5px);
    transition:transform 0.2s;
  }
  .nav-menu li:nth-child(n+6) {
    display: block;
  }
  .nav-menu li.csakazelso *:not(:first-child) {
    display: block;
  }
  .googlemap span {display:inline}
  .googlemap span:hover {color:var(--okker)}
  .menu-overlay { /* OVERLAY - kihagyja a görgetősáv területét */
    position:fixed;
    top:0;
    left:0;
    width:calc(100% - 15px); /* a görgetősáv általában 15-17px */
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
    z-index:998;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.3s ease, visibility 0.3s ease;
    right:auto; /* jobb oldalon ne legyen overlay a scrollbar helyén */
  }
  .menu-overlay.active {
    opacity:1;
    visibility:visible;
  }
  .hamburger.active {
	position:fixed;
	top:24px;
	right:24px
  }
  .hamburger.active span:nth-child(1) {transform: translateY(9px) rotate(45deg)}
  .hamburger.active span:nth-child(2) {opacity:0}
  .hamburger.active span:nth-child(3) {transform: translateY(-9px) rotate(-45deg)}
  #almenu {display:block}
  .personal {flex-direction: column}
  .navbar-bal {
    display: none;
    flex: 0 0 auto;
    width: 0;
    min-width: 0;
    height: 0;
    overflow: hidden;
  }   
  .personal-jobb {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 1rem;
  }
  .trali {
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	white-space:nowrap;
	font-size:20px
  }
  .tj .mininput {width:calc(100vw - 193px) !important}
  #lista,#lista2,.utcanev {width:100% !important;max-width:600px !important}
  .tbtj_tabla .megtekintes {
    width:calc(100% - 0px) !important;
    max-width:800px !important;
  }
}

@media (max-width: 900px) {
  /* #header {height:160px}  130px 
  .sticky_fejlec {top:160px}  130px 
  .sticky_fix_adatlap {top:230px} /* 200px */
  .adatlap_kontener2019_rovid .adatlap_fejlec_google_terkep {display:none}
  .grid,.grid6,.grid6sticky {grid-template-columns: repeat(3, 1fr)}
  .oszlop h3 .grid_d img {min-width:calc(33vw - 15px)}
  .vissza {display:none}
  .card,.cardfull {width:calc(300% - 10px)}
  h1 {font-size:20px}
  [class^="h2"] {float:left;margin-right:30px}
  .card p:first-of-type {margin-top:35px}
  span[class^="h1"] {display: block}
  span.h1b {display:none}
  .banner_vak2 {display:block}
  .vak3 {display:none !important}
  .adatlap {grid-column: span 3}
  .topcontent {margin-top:130px}
  #GoogleSearchInput {width:calc(100% - 95px)}
  .google-map-search {top:-1px;left:10px;width:calc(100% - 20px)}
  #google-map-search.fixed {top:100px}
  #map {top:60px}
  .gridgoogle {margin-top:max(16px,8vw)} 
  a.a_4cs:link,a.a_4cs:visited {width:46%;margin-right:15px}
}

@media (max-width: 900px) {
  .adatlap_kontener2019_rovid {
    position:relative;
	left:0px;
    width:calc(100% - 20px);
	height:fit-content;
	margin-bottom:20px;
  }
  .minikontener {display:block;height:fit-content}
  .adatlap_kontener2019_rovid span.helyszinek {display:block}
  .mini .helyszinek2 {display:none} 
  .adatlap_kontener2019_rovid .adatlap_fejlec_google_terkep {display:inline}
  .reklam {display:none !important}
  .reklam2 {display:block !important}
}

@media (min-width: 900px) and (max-width: 1260px) {
  .adatlap_kontener2019_rovid span.helyszinek {max-width:calc(100% - 370px)}
  .adatlap_kontener2019_rovid .adatlap_fejlec_google_terkep {display:none}	
}

@media (min-width: 900px) and (max-width: 1200px) {
  .fix_adatlap_kontener2 {
    position:sticky;
    top:80px;
    align-self:flex-start;
    flex-shrink:0;
	width:calc(100% - 10px);
	z-index:5;
	padding-bottom:0px;
    /*overflow:hidden*/
  }
  .fix_adatlap2 {
    display:flex;
    flex-direction:row;
	margin:0 10px 0 10px;
    width:calc(100% - 20px);
	gap:20px;
	background:var(--darkblue);
  }
  /*.A_1 img {min-width:150px !important;max-width:150px !important}*/
  .A_2 {min-width:calc(100% - 240px) !important}
  .A_2 .uzenetgomb {min-width:calc(100% - 2px)}
  .adatlap_kontener2019_rovid .adatlap_tartalom {
    display:flex;
    flex-direction:column; 
    align-items:flex-start;
    gap:0;
	z-index:0;
	min-height: 100vh;
  }
  .minijobb {
	display:block;left:10px;top:50px;
	padding-bottom:90px;
	width:calc(50vw - 40px) !important;
	height: auto; /* ← Ne legyen fix magasság! */
    min-height: fit-content;
	overflow: visible !important;
  }
}

@media (min-width: 900px) and (max-width: 990px) {
  .A_2 {min-width:calc(100% - 224px) !important}
}

@media (max-width: 740px) {
  .helyszinek {display:none}
  .harmadik .helyszinek2 {display:flex;flex-wrap: wrap} 
  .adatlap_tartalom {gap:10px}  
  .minijobb {padding-left:10px}
}

@media (max-width: 740px) {
  /*table.bemutatkozas > tbody > tr:first-child > td:first-child {max-width:calc(50vw - 20px)}*/
}

@media (min-width: 440px) and (max-width: 670px) {
  .A_1 {width:170px !important}
  .A_2 {width:calc(100% - 170px)}
  .fix_adatlap2 .A_1 {position:sticky;min-width:160px !important;max-width:160px !important;padding-bottom:5px}
  .fix_adatlap2 .A_2 {min-width:calc(100% - 190px);max-width:calc(100% - 190px);
	  margin:0 0 0 10px;width:calc(100% - 190px)}
  .fix_adatlap2 img {max-width:160px !important;min-width:160px !important}
  .fix_adatlap2 .uzenetgomb {margin:0;width:calc(100% - 18px)}
  .kepkontener {max-width:160px !important;min-width:160px !important;}
}

@media (min-width: 670px) { /* túlcsorduló bemutatkozó szöveg miatt (hosszú szavak)*/
  .masodik {max-width:calc(100vw - 340px) !important}
  .bemutatkozoszoveg {max-width:calc(100vw - 340px) !important}
}

@media (min-width: 740px) {
  .masodik {max-width:calc(100vw - 350px) !important}
  .bemutatkozoszoveg {max-width:calc(100vw - 350px) !important}
}

@media (min-width: 1050px) {
  .masodik {display:table-cell;max-width:calc(100vw - 710px) !important}
  .bemutatkozoszoveg {max-width:calc(100vw - 710px) !important}
}

@media (max-width: 670px) {
  .grid {top: calc(50% + 10vw);grid-template-columns: repeat(2, 1fr)}
  .grid6,.grid6sticky {grid-template-columns: repeat(2, 1fr)}
  .tantargyak {grid-column: span 2}
  .oszlop h3 .grid_d img {min-width:calc(50vw - 22px)}
   #map {margin-bottom:25px}
  .card,.cardfull {width:calc(200% - 10px)}
  .banner_vak2 {display:block}
  .vak2 {display:none !important}
  .banner_1 {display:block}
  .banner_2 {display:block}
  .banner_3 {display:none}
  .banner_vak {display:none}
  .oszlop a span {padding:5px}
  #myImage.moved {
    top:2vw;
    left:2vw;
    width:min(80px,16vw);  
  }
  .hamburger {right:-10px} /* -10px*/
  #header {border:0px solid #fff}
  #keresesform {right:13px;width:calc(100% - 112px);border:0px solid red}
  .google-map-search input {font-size:20px}
  #GoogleSearchInput {width:calc(100% - 105px)}
  .adatlap_kontener2019,.adatlap_kontener2019_rovid {margin:0;width:100%}
  .adatlap_fejlec2019 {border-radius:0px}
  .adatlap {grid-column: span 2}
  .adatlap_tartalom {
    display:flex;
    flex-direction:column; 
    align-items:flex-start;
    gap:0;
	z-index:0;
	min-height: 100vh;
  }
  .adatlap_telefon {margin-top:0}
  .fix_adatlap_kontener,.fix_adatlap_kontener2 {
    position:sticky;
    top:80px;
    align-self:flex-start;
    flex-shrink:0;
	width:calc(100% - 10px);
	z-index:5;
	padding-bottom:0px;
    overflow:hidden
  }
  .fix_adatlap,.fix_adatlap2 {
    display:flex;
    flex-direction:row;
	margin:0 10px 0 10px;
    width:calc(100% - 20px);
	gap:20px;
	background:var(--darkblue);
  }
  .minijobb {display:block;left:15px;top:50px;height:fit-content;padding-bottom:90px;width:calc(100% - 35px) !important}
  .fix_adatlap * {min-width:0;max-width:100%}
  .fix_adatlap img {width:100%}
  .adatlap_kontener2019_rovid span.helyszinek {display:none}
  .mini .helyszinek2 {display:flex;flex-wrap:wrap} 
  .adatlap_kontener2019_rovid .adatlap_fejlec_google_terkep {display:none}
  .uzenetgomb {width:calc(100% - 20px)}
  .fix_adatlap2 {gap:10px}
  .fix_adatlap2 * {min-width:170px;max-width:none}
  .idopont_tabla_2 {display:none}
  .ikonsor {display:block}
  /*.linksor {display:none}*/
  .A_1 {
	position:sticky;
	top:80px;
    display:block;
    z-index:0;
  }
  
  .B_ {
    flex:1;
    min-width:0;
	z-index:1;
  }
  /* Ez a CSS szelektor, akkor alkalmazza a stílust, ha az elem után 
  közvetlenül következik egy .B_ osztályú elem. */
  .fix_adatlap_kontener:has(+ .B_) {z-index: 5}
  /* A tartalom görgetésekor a B_ maradjon felül */
  .B_ * {z-index: 15}
  .C_ { 
    width:1px;
    align-self:stretch;   /* ★ felveszi a B_ magasságát ★ */
    flex-shrink:0;
    background:transparent;
	pointer-events:none;
  }
  .C_ * {display:none}
  .nev_kozep {display:none}
  a.noselect {}
}

@media (max-width: 670px)  {
  .banner_2 {display:block}
}
@media (min-width: 670px) and (max-width: 900px) {
  .banner_5 {display:block}
  .banner_vak3 {display:block}
}
@media (min-width: 900px)  {
  .banner_2 {display:block}
}

@media (max-width: 620px) {
  .szellos br {display:block}
  .minmaxb2 {width:110px}
}

@media (max-width: 600px) {
  #header {
    width:calc(100% - 0px);
    height:145px;
    box-shadow: 0 0 0 10px var(--darkblue) !important; /* 10px keret */
    outline: 10px solid transparent !important; /* 10px keret */
  }
  #keresesform {
    position:absolute;
    left:10px;
    top:90px;
    width: calc(100% - 20px);
	min-width:0px;
  }
  #keresesform input {width:calc(100vw - 180px);margin-right:10px}
  .fix_adatlap,.fix_adatlap2 {margin-top:20px}
  .sticky_fejlec {top:150px}

  h1 {font-size:18px}
  [class^="h2"] {
    background-size: min(420px, 75vw) auto;
    min-height: clamp(30vw, 260px, 50vw);
    width: 100%;
  }
  .h2A {float:none;margin-right:30px}
  .card p:first-of-type {margin-top:5px}
  .google-map-search input {font-size:18px}
  .topcontent {margin-top:170px}
  .personal-jobb h1 {margin-top:10px}
  .trali {
	display:flex;
	flex-direction:column;
	align-items: flex-end;
    justify-content: flex-start;
	padding-right:10px
  }
  .infokukac {font-size:18px !important}
  /*#targy6,#targy7 {width:calc(100vw - 95px) !important}*/
}

@media (max-width: 570px) {
  a.a_4cs:link,a.a_4cs:visited {width:90%;margin-right:20px}
  .uz-2 br {display:block}
}

@media (max-width: 550px) {
  .google-map-search .button {display:none}
  .google-map-search .buttonrovid {display:block}
  #GoogleSearchInput {width:calc(100% - 35px)}
  .selectforma {width:calc(100vw - 48px) !important}
  .selectforma:not(input)  {font-size:18px}
  .infokukac {font-size:17px !important}
}

@media (max-width: 536px) {
  .tbtj_tabla {
    grid-template-columns: 1fr; /* Egy oszlop */
    gap: 2px 0;
	width:calc(100% + 10px) !important;
  }
  .tbtj_tabla .tb {
    text-align: left;
    line-height: 30px;
    margin-top:30px;
    margin-left:-5px;
  }
  .tj { 
    align-items: stretch; /* Teljes szélesség */
    gap: 5px 0;
  }
  .tj .telefon-csoport {
    width: 100%; /* Teljes szélesség */
    justify-content: flex-start;
  }
  .tj .mininput {width:calc(100% - 5px) !important}
}

@media (max-width: 520px) {
  .adatlap_fejlec_google_terkep {display:none} 
}

@media (max-width: 500px) {
  #website.visible {
    height:10vw;
	left:min(20vw,100px);
    padding:1.6vw 0 0 13vw;
    letter-spacing:0.5vw;
  }
  #GoogleSearchInput {min-width:0px}
  #google-map-search.fixed {top:20vw}  
  .google-map-search-h1 {display:none}
  .card *,.simplecard * {font-size:18px;word-spacing:-1px}
  .lablec span {display:none}
  .nobr {display:block}
  /*.adatlap_srsz2019,.adatlap_srsz2019_R {padding:0 0 0 34px}*/
  .adatlap_srsz2019,.adatlap_srsz2019_R {gap:6px}
  .adatlap_srsz2019 span,.adatlap_srsz2019_R span  {font-size:18px}
  .adatlap_srsz2019 span.kedvenc,.adatlap_srsz2019_R span.kedvenc {font-size:24px}
  /*.adatlap_srsz2019 span span {display:none}*/
  span.nev {font-size:18px}
  .a2_email {display:none}
  .b_email {display:block}
  .trafejlec {padding-left:10px !important}
  .tra1,.trb1 {width:80px;padding-left:5px}
  .tra2,.trb2 {width:calc(100% - 80px)}
  .tra1 span,.trb1 span {display:none}
  #helyszinmegadasgomb {font-size:18px}
  .uz-row {grid-template-columns: 20px 1fr;gap: 2px}
  .uz-row span span.icon-user:before {position: relative;top: -6px}
  .uz-row span span.icon-mail:before {position: relative;top: -3px}
  .uz-1 {width:20px}
  .uz-row > span:nth-child(2) b {display: inline-block;padding-top:2px !important}
  .uz-row > span:nth-child(2) span:before {padding-left:5px !important}
  .kerdesek {margin-left:10px}
  .infokukac {font-size:16px !important}
}

.font24 {font-size:24px !important}

@media (max-width: 480px) {
  ul.paros {display:none}
  ul.alap {display:block}
  .bemutatkozoszoveg,table.bemutatkozas td {font-size:18px}
  span.kepzettseg {font-size:17px !important}
  #keresesform {border:0px solid red}
  #keresesform input {width:calc(100% - 0px)}
  .searchbutton {
    width: 50px !important; 
    min-width: 50px !important;
    gap: 0 !important;
  }
  .button-text {display: none !important}
  .keresoikon {
    display: block !important; 
    margin: 0 auto;
  }
  .szelestabla {padding-left:10px;padding-right:0}
  .szelestabla h1 {padding-left:10px;width:calc(100vw - 35px)}
  .tra_keret {margin-left:-10px;width:100vw}
  .tra2,.trb2 {font-size:14px}
  .elofizetes_info {font-size:18px}
  .elofizetes_info {padding: 30px 10px;}
  .selectforma:not(input) {font-size:17px}
  .keretes {padding:12px;width:calc(100vw - 35px)}
  #targy6,#targy7 {width:calc(100vw - 85px) !important}
  #lista,#lista2,.utcanev {width:calc(100% - 10px) !important;max-width:600px !important}
  .tbtj_tabla {width:calc(100% - 10px) !important}
  #idopont_reszletezo {margin-left:3px}
  .infokukac {font-size:15px !important;font-weight:bold}
}

@media (max-width: 460px) {
  #helyszinmegadasgomb {font-size:16px}
  #helyszinmegadasgomb span.helyszinelo {display:none}
  .infokukac {font-size:14px !important;font-weight:bold}
}

@media (max-width: 450px) {
  .sticky_fejlec {top:35vw}
  #header {height:34vw}
  #keresesform {top:20vw}
}

@media (max-width: 440px) {
  /*#header {height:max(130px,32vw)}
  .sticky_fejlec {top:max(130px,32vw)}
  .sticky_fix_adatlap {top:max(200px,49vw)}*/
  .oszlop .grid_c::before {font-size:15px}
  .oszlop .grid_d::before {font-size:15px}
  .grid,.grid6,.grid6sticky {max-width:calc(100vw - 20px)}
  .A_1 {width:35% !important}
  .A_2 {width:65% !important}
  .fix_adatlap2 .A_1 {min-width:35% !important;max-width:35% !important}
  .fix_adatlap2 img {width:calc(100% - 0px);max-width:calc(100% - 0px);min-width:calc(100% - 0px)}
  .fix_adatlap2 .uzenetgomb {margin:0;width:calc(100% - 28px)}
  .kepkontener {}
  .adatlap_srsz2019,.adatlap_srsz2019_R {
	background-size: 30px auto;
	padding:0 0 0 34px;
	background-position: 0 5px;
	gap:7px
  }
  .adatlap_srsz2019 span span.srsz {font-size:25px}
  .adatlap_srsz2019 span,.adatlap_srsz2019_R span  {font-size:17px}
  .adatlap_srsz2019 .center {font-size:17px}
  .personal-jobb {top:30vw}
  .nezet_table {font-size:16px}
  .infokukac {font-size:13.6px !important;font-weight:bold}
}

@media (max-width: 420px) {
  .felsorolas {font-size:15px !important;margin-left:0}
  .felsorolas a {font-size:15px !important}
} 

@media (max-width: 400px) {
  [class^="h2"] {font-size:17px}
  .c6 + span {display:none}
  #befizetesitajekoztato_button {min-width:260px;padding:5px 10px 5px 10px}
  .tj select.select {width:calc(100% - 20px);font-size:18px}
  .infokukac {font-size:12.6px !important}
}

@media (max-width: 380px) {
  [class^="h2"] {font-size:16px;letter-spacing: 0.05em}
  .adatlap_srsz2019 .center {font-size:15px}
  .infokukac {font-size:12px !important}
}

@media (max-width: 360px) {
  .light10 {left:calc(50% - 165px);width:330px;padding:15px 11px 15px 11px}
  .infokukac {font-size:11.6px !important}
}

@media (max-width: 350px) {
  .grid_a {font-size:13px;letter-spacing: 0.08em}
  .banner_2 {display:none}
  .oszlop .grid_c::before {font-size:13px}
  .oszlop .grid_d::before {font-size:13px}
}

@media (max-width: 300px) {
  #website {padding:1vw 0 0 13vw}
}

@media (min-width: 351px) and (max-width: 660px) {
  .grid_a {font-size:15px;letter-spacing: 0.1em}
}

@media (max-width: 500px) and (max-aspect-ratio: 1/1) {
  .uzenet_content {
    top: 20px;
    left: 3px;
	transform:none;
    max-height: 100vh;
	width:calc(100vw - 21px);
    overflow-y: auto;
	padding:0;
  }
  .uzenetbox {
    width:100%;
  }
  #elkuld_OK, #uzenet_error {width:100%;font-size:17px}
  #uzenettxt .textarea2 {height:130px}
}

/* FONTOS! a weboldal címe Androidon is helyes mérettel jelenjen meg */
@media (pointer: coarse) and (hover: none) and (min-resolution: 2dppx) {
  #website.visible {
    font-size: clamp(12px, 4.6vw, 22px);
	letter-spacing: 0.2vw;
  }
}