/* --- Új, szemkímélő színpaletta és stílusváltozók --- */
:root {
  --szin-hatter: #ebedf0; /* Sötét, enyhén kékes pala szürke */
  --szin-tartalom-hatter: white; /* Sötétszürke a dobozoknak */
  --szin-szoveg: #1b252b; /* Lágy, törtfehér */
  --szin-kiemeles: #4e8dc2; /* Nyugodt, világoskék kiemelésekhez */
  --szin-szegely: rgba(115, 174, 222, 0.39); /* Finom, szürke szegélyszín */
}







@media screen and (max-width: 600px) {
.tbt {color: black;
font-weight: bold;

}
.tbb {color: var(--szin-kiemeles);}
/* Responsive columns */

  .column7 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

/* Remove extra left and right margins, due to padding */
.row7 {margin: 0 -5px;}

/* Clear floats after the columns */
.row7:after {
  content: "";
  display: table;
  clear: both;
}


  



/* Style the counter cards */
.card7 {border-radius:6px;
  
  background-color: var(--szin-hatter);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
width:auto;
height:auto;

}
.card7 br {display:none;}
.card7 * {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-height: 30px;
  max-width: 200px;
}
  footer {
    text-align: center;
    padding: 15px 0px 15px 0px;
    overflow: hidden;
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
   /* background: #2d3748;  MÓDOSÍTVA */
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    bottom: 0;
	background: var(--szin-hatter);
	backdrop-filter: blur(8px); /* HOZZÁADVA */
  }

  footer img {
    margin-bottom: -4px;
    border: 0 solid blue;
    border-radius: 3px;
  }

  footer span a {
    text-decoration: underline;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  footer span a:hover {
    text-decoration: underline;
  }

  .navbar {
    padding: 0px 10px 0px 10px;
    width: 60px;
    word-break: keep-all;
  }

body {
  /* Fix háttér, ami egy mély tónusból egy enyhén melegebb/élénkebb sötétbe hajlik át */
  background: #cccccc fixed;
  color: var(--szin-szoveg);
  font-family: Arial, Helvetica, sans-serif;
}

  .typewriter {
    position: fixed;
    top: 20%;
    left: 20%;
    font-size: 8pt;
    font-family: Courier;
    z-index: -1;
    opacity: 0.3;
  }

  .typewriter h4 {
    white-space: nowrap;
    overflow: hidden;
    color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  .typewriter h4 {
    animation: animated-text 0.3s steps(6, end) 1s 1 normal both;
  }

  @keyframes animated-text {
    from { width: 0; }
    to { width: 100%; }
  }

  .content a, a:hover {
    outline: none;
    text-decoration: underline;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  .content a:hover {
    text-decoration: underline;
  }

  header {
    position: sticky;
    top: 0;
    height: 60px;
    margin-bottom: 20px;
    padding: 0 20px;
    z-index: 10;
    display: flex;
    align-items: center;
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
  }

  header a {
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
  }



  aside {
    position: sticky;
    top: 80px;
    padding: 20px;
    width: 20%;
    height: 680px;
    margin-bottom: 20px;
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    background: var(--szin-tartalom-hatter); /* HOZZÁADVA */
    border-radius: 6px;
  }

  main {
    flex-grow: 1;
  }

  .content {
    word-break: break-word;
    padding: 20px;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 1.8rem;
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    background: var(--szin-hatter); /* HOZZÁADVA */
    border-radius: 6px;
	
	backdrop-filter: blur(2px); /* HOZZÁADVA */
  }

  .content ol {
    margin: 0 auto 10% 10%;
  }

  .content ol li {
    margin-top: 3px;
  }

  .content ol li a {
    text-align: center;
    width: 100%;
    word-break: break-word;
    padding: 5px;
  }

  code {
    width: 90%;
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', 'monospace';
    background: var(--szin-tartalom-hatter); /* MÓDOSÍTVA */
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    word-break: break-word;
  }

  .imeg {
    border-radius: 1px;
    width: 70%;
    margin: 4%;
    display: inline-block;
  }

  .imageni {
    box-shadow: 0px 0px 9px var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  .imeg2 {
    border-radius: 6px;
    width: 50%;
    margin: auto;
    display: block;
  }

  .datte {
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding-top: 15px;
    position: absolute;
    left: 80%;
  }

  ol li {
    padding-top: 50px;
    margin-left: -40px;
  }

  ol li a {
    position: relative;
    text-align: center;
    width: 50%;
    word-break: break-word;
    padding: 5px;
  }

  .button23 {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .button2 {
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
    text-align: center;
    text-decoration: underline;
    padding: 5px 10px;
    font-size: 16px;
  }

 .button2 .conh {
	border: solid 1px var(--szin-szegely); /* MÓDOSÍTVA */
	float:right;
	background: var(--szin-hatter); /* MÓDOSÍTVA */
    color: var(--szin-szoveg); /* HOZZÁADVA */
	border-radius:3px;
	padding:0px 3px 0px 3px;
	margin-top:3px;
	font-size:8pt;
  }

  input[type=text], select {
    width: 100%;
    margin: 18px 0;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    background-color: var(--szin-tartalom-hatter); /* MÓDOSÍTVA */
    transition-duration: 0.4s;
    border: 1px solid var(--szin-szegely); /* HOZZÁADVA */
  }

  input[type=text]:hover {
    box-shadow: 0px 0px 9px var(--szin-kiemeles); /* MÓDOSÍTVA */
    border: 1px solid var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  input[type=text]:focus {
    box-shadow: 0px 0px 9px var(--szin-kiemeles); /* MÓDOSÍTVA */
    border: 1px solid var(--szin-kiemeles); /* MÓDOSÍTVA */
    outline: none; /* HOZZÁADVA */
  }
input[type=text]::placeholder {
	color: var(--szin-szoveg);
	
}
  textarea {
    width: 100%;
  }

  ::placeholder {
    color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  .italica {
    font-style: italic;
  }

  .topnav {
    	top:0;
    background: var(--szin-hatter);
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
   /* background: rgba(45, 55, 72, 0.85);  MÓDOSÍTVA */
    backdrop-filter: blur(8px); /* HOZZÁADVA */
    height: 58px;
  }

  .fixed {
    position: sticky;
    top: 0;
    margin-bottom: 20px;
    z-index: 10;
  }

  .topnav span {
    float: left;
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
  }

  .topnav a {
    float: left;
    display: block;
    font-size: 16px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    text-align: center;
    padding: 5px 14px 5px 14px;
    text-decoration: none;
  }

  .topnav img {
    float: left;
    display: block;
    width: 40px;
    text-align: center;
    text-decoration: none;
  }

  .topnav a {
    float: left;
    display: block;
    font-size: 16px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    text-align: center;
    padding: 10px 14px 10px 14px;
    text-decoration: none;
  }

  .dropdown {
    float: right;
    overflow: hidden;
    margin-right: 105px;
  }

  .dropdown .dropbtn {
    font-size: 26px;
    border: none;
    outline: none;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    padding: 6px 16px;
    cursor: pointer;
    background-color: inherit;
    font-family: inherit;
    margin: auto;
  }

  .topnav a:hover,
  .dropdown:hover .dropbtn {
    background-color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  


  .submenu a:hover {
    background-color: var(--szin-szegely); /* MÓDOSÍTVA */
  }
  input, ul.submenu {
    display: none;
  }

  label {
    position: absolute;
    display: block;
    cursor: pointer;
	
  }
.dropbtn:hover{
	color: var(--szin-kiemeles); /* MÓDOSÍTVA */
	
}
  input:checked~ul.submenu {
    display: block;
    list-style-type: none;
    padding: 0;
    position: absolute;
    background-color: var(--szin-hatter); /* MÓDOSÍTVA */
    min-width: 160px;
    margin-top: 60px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4); /* MÓDOSÍTVA */
    z-index: 111;
	margin-left: -60px;
    
  }
  .submenu  a {
    float: none;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }

  .main {
    margin-top: 30px;
    height: 1500px;
  }

  .show {
    display: block;
  }

  .topnav .title {
    display: none;
  }

  .button3 {
    background-color: var(--szin-tartalom-hatter); /* MÓDOSÍTVA */
    border: none;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    border-radius: 4px;
  }

  .button3:hover {
    text-decoration: none;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
    filter: brightness(1.2); /* HOZZÁADVA */
  }

  a, a:hover {
    outline: none;
    text-decoration: none;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
    word-break: break-word;
  }

  .forma form {
    top: -15px;
    position: absolute;
    margin: auto;
  }

  #lang-switch {
    height: 57px;
    width: auto;
    border-radius: 0px;
    background-color: inherit;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    font-size: 12pt;
    cursor: pointer;
  }

  #lang-switch:hover {
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    background-color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  input, ul.submenu {
    display: none;
  }

  label {
    position: absolute;
    display: block;
    cursor: pointer;
  }

  input:checked~ul.submenu {
    display: block;
    list-style-type: none;
    padding: 0;
    margin-top: 50;
    z-index: 100; /* KIEGÉSZÍTÉS A LÁTHATÓSÁGI HIBA JAVÍTÁSÁRA */
  }

  .myDIVt {
    display: block;
    background-color: rgba(211, 211, 211, 0.1);
  }

  .csuli {
    position: absolute;
    margin-top: -14px;
    right: 25%;
    display: block;
  }

  .csuli a {
    padding: 20px;
  }

  #loader {
    top:25%;
    left:25%;
    min-width: 50%;
    min-height: 200px;
    z-index:10;
    background: url('../imgs/ldr.gif') no-repeat center top;
    text-align: center;
    display: inline-block;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
  }

  blockquote {
    font: 14px/22px normal helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 3px solid var(--szin-szegely); /* MÓDOSÍTVA */
  }
  
  
  /* Style the search field */
form.example input[type=text] {
padding:10px;
  float: left;
  width: 80%;
  
}

/* Style the submit button */
form.example button {
  float: left;
  width: 20%;
  padding:10px;
  margin: 18px 0;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    background-color: var(--szin-hatter); /* MÓDOSÍTVA */
    transition-duration: 0.4s;
    border: 1px solid var(--szin-szegely); /* HOZZÁADVA */
  
  cursor: pointer;
}

form.example button:hover {
  background: var(--szin-kiemeles);
}
form.example button:focus {
  background: var(--szin-kiemeles);
  
}
/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}
  
  
  
  
  
  
  
  
}

@media screen and (min-width: 600px) {

.tbt {color: black;
font-weight: bold;

}
.tbb {color: var(--szin-kiemeles);}

/* Float four columns side by side */
.column7 {
  float: left;
  width:30%;

  padding: 20px;
  

  
}

/* Remove extra left and right margins, due to padding */
.row7 {margin: 0 -5px;}

/* Clear floats after the columns */
.row7:after {
  content: "";
  display: table;
  clear: both;
  
}


/* --- Kártyák alapállapota (Asztali nézetben) --- */
.card7 {
  border-radius: 6px;
  background-color: var(--szin-hatter);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  text-align: justify;
  width: 100%;
  height: 100px;
  
  /* MEGOLDÁS 1: Alapból kap egy láthatatlan szegélyt, így nem ugrik meg a mérete */
  border: 1px solid transparent; 
  
  /* MEGOLDÁS 2: Sima és rángatózásmentes animáció biztosítása */
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
              box-shadow 0.3s ease, 
              border-color 0.3s ease;
  
  /* Megakadályozza a subpixel-renderelés miatti betűremegést animáció közben */
  will-change: transform, box-shadow; 
  backface-visibility: hidden;
}

.card7 br { display: none; }
.card7 * {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-height: 30px;
  max-width: 1000px;
}

/* --- Kártyák Hover (egér rávitel) állapota --- */
.card7:hover {
  /* Most már csak a színe változik, a vastagsága nem, így nincs elugrás! */
  border-color: var(--szin-kiemeles); 
  
  /* Sima lebegés, ami a hardveres gyorsítás miatt nem rángatja a környezetét */
  transform: translateY(-4px); 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5), 
              0 0 10px rgba(245, 158, 11, 0.15); /* Finom izzás a doboz körül */
}
  footer {
	background: var(--szin-hatter);
    text-align: center;
    padding: 15px 0px 0px 0px;
    overflow: hidden;
    border: 5px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
    height: 30px;
   /* background: #2d3748;  MÓDOSÍTVA */
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    bottom: 0;
	backdrop-filter: blur(8px); /* HOZZÁADVA */
  }

  footer img {
    margin-bottom: -4px;
    border: 0 solid blue;
    border-radius: 3px;
  }

  footer span a {
    text-decoration: underline;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  footer span a:hover {
    text-decoration: underline;
  }

  .navbar {
    padding: 0px 10px 0px 10px;
    width: 60px;
    word-break: keep-all;
    letter-spacing: .2rem;
  }

body {
  /* Fix háttér, ami egy mély tónusból egy enyhén melegebb/élénkebb sötétbe hajlik át */
  background: #cccccc fixed;
  color: var(--szin-szoveg);
  font-family: Arial, Helvetica, sans-serif;
}

  .typewriter {
    position: fixed;
    top: 20%;
    left: 37%;
    font-size: 14pt;
    font-family: Courier;
    z-index: -1;
    opacity: 0.3;
  }

  .typewriter h4 {
    white-space: nowrap;
    overflow: hidden;
    color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  .typewriter h4 {
    animation: animated-text 0.3s steps(6, end) 1s 1 normal both;
  }

  @keyframes animated-text {
    from { width: 0; }
    to { width: 100%; }
  }

  .content a, a:hover {
    outline: none;
    text-decoration: underline;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  .content a:hover {
    text-decoration: underline;
  }

  .content ol {
    margin: auto;
    width: 50%;
  }

  .content ol li {
    margin-top: 3px;
  }

  .content ol li .alma {
    text-align: center;
    word-break: break-word;
    padding: 10px;
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
    transition: background-color 0.2s; /* HOZZÁADVA */
  }

  .content ol li .alma:hover {
    background: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  header {
    position: sticky;
    top: 0;
    height: 60px;
    margin-bottom: 20px;
    padding: 0 20px;
    z-index: 10;
    display: flex;
    align-items: center;
    border: 5px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
  }

  header a {
    padding: 5px 10px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.2s; /* HOZZÁADVA */
  }

  header a:hover {
    background: var(--szin-szegely); /* MÓDOSÍTVA */
  }



  aside {
    position: sticky;
    top: 80px;
    padding: 20px;
    width: 20%;
    height: 650px;
    margin-bottom: 20px;
    border: 5px solid var(--szin-szegely); /* MÓDOSÍTVA */
    background: var(--szin-tartalom-hatter); /* HOZZÁADVA */
    border-radius: 6px;
  }



  .content {
	
    word-break: break-word;
    padding: 20px;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 1.8rem;
    border: 5px solid var(--szin-szegely); /* MÓDOSÍTVA */
    background: var(--szin-hatter); /* HOZZÁADVA */
    border-radius: 6px;
	
	backdrop-filter: blur(2px); /* HOZZÁADVA */
  }

  .content p, .content h3, .content h6, .content h4 {
    line-height: 1.6em;
    margin: auto;
    width: 50%;
  }

  code {
    width: 90%;
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', 'monospace';
    background: var(--szin-tartalom-hatter); /* MÓDOSÍTVA */
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    word-break: break-word;
  }

  .imeg {
    border-radius: 1px;
    margin: auto;
    width: 50%;
    display: block;
  }

  .imageni {
    box-shadow: 0px 0px 9px var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  .imeg2 {
    border-radius: 6px;
    width: 10%;
    margin: auto;
    display: block;
  }

  .title {
    position: absolute;
    right: 20px;
    top: 18px;
  }

  .datte {
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding-top: 15px;
    position: absolute;
    left: 80%;
  }

  .korte ol li {
    padding-top: 50px;
    margin-bottom: 100px;
  }

  .korte ol li a {
    position: absolute;
    text-align: center;
    width: 45%;
    word-break: break-word;
    padding: 5px;
    border: 1px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
    transition: background-color 0.2s; /* HOZZÁADVA */
  }

  .korte ol li a:hover {
    background: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  .button23 {
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .button2 {
    border: 1px solid var(--szin-kiemeles); /* MÓDOSÍTVA */
    border-radius: 6px;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 16px;
    transition: background-color 0.2s, color 0.2s; /* HOZZÁADVA */
  }

  .content a.button2 {
    display: inline-block;
    margin-left: 0px;
    width: 15%;
    word-break: normal;
  }

  .button2:hover {
    background: var(--szin-kiemeles); /* MÓDOSÍTVA */
    color: var(--szin-szoveg); /* HOZZÁADVA */
  }

  .button2 .conh {
	border: solid 1px var(--szin-szegely); /* MÓDOSÍTVA */
	float:right;
	background: var(--szin-hatter); /* MÓDOSÍTVA */
    color: var(--szin-kiemeles); /* HOZZÁADVA */
	border-radius:3px;
	padding:0px 3px 0px 3px;
	margin-top:3px;
	font-size:8pt;
  }

  input[type=text], select {
    width: 100%;
    margin: 18px 0;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    background-color: var(--szin-tartalom-hatter); /* MÓDOSÍTVA */
    transition-duration: 0.4s;
    border: 1px solid var(--szin-szegely); /* HOZZÁADVA */
  }

  input[type=text]:hover {
    box-shadow: 0px 0px 9px var(--szin-kiemeles); /* MÓDOSÍTVA */
    border: 1px solid var(--szin-kiemeles); /* MÓDOSÍTVA */
  }

  input[type=text]:focus {
    box-shadow: 0px 0px 9px var(--szin-kiemeles); /* MÓDOSÍTVA */
    border: 1px solid var(--szin-kiemeles); /* MÓDOSÍTVA */
    outline: none; /* HOZZÁADVA */
  }
input[type=text]::placeholder {
	color: var(--szin-szoveg);
	
}
  textarea {
    width: 100%;
  }

  ::placeholder {
    color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  .italica {
    font-style: italic;
  }

  .topnav {
	top:0;
	background: var(--szin-hatter);
    height:45px;
    border: 5px solid var(--szin-szegely); /* MÓDOSÍTVA */
    border-radius: 6px;
   /* background: rgba(45, 55, 72, 0.85);  MÓDOSÍTVA */
    backdrop-filter: blur(8px); /* HOZZÁADVA */
  }

  .fixed {
    position: sticky;
    top: 0;
    margin-bottom: 20px;
    z-index: 10;
  }

  .topnav span {
    float: left;
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
  }

  .topnav a {
    float: left;
    display: block;
    font-size: 16px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    text-align: center;
    padding: 5px 14px 5px 14px;
    text-decoration: none;
  }

  .topnav img {
    float: left;
    display: block;
    width: 35px;
    text-align: center;
    text-decoration: none;
  }

  .dropdown {
    float: left;
    overflow: hidden;
	
  }

  .dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    cursor: pointer;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
	
  }

  .topnav a:hover,
  .dropdown:hover .dropbtn {
    background-color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  



  .submenu a:hover {
    background-color: var(--szin-szegely); /* MÓDOSÍTVA */
  }
  input, ul.submenu {
    display: none;
  }

  label {
    position: absolute;
    display: block;
    cursor: pointer;
	
  }
.dropbtn:hover{
	color: var(--szin-szoveg); /* MÓDOSÍTVA */
	
}
  input:checked~ul.submenu {
    display: block;
    list-style-type: none;
    padding: 0;
    position: absolute;
    background-color: var(--szin-hatter); /* MÓDOSÍTVA */
    min-width: 160px;
    margin-top: 40px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4); /* MÓDOSÍTVA */
    z-index: 111;
	
    
  }
  .submenu  a {
    float: none;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  .main {
    padding: 16px;
    margin-top: 30px;
    height: 1500px;
  }
 main {
    flex-grow: 1;
  }
  .show {
    display: block;
  }

  .button3 {
    background-color: var(--szin-tartalom-hatter); /* MÓDOSÍTVA */
    border: none;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    border-radius: 4px;
  }

  .button3:hover {
    text-decoration: none;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
    filter: brightness(1.2); /* HOZZÁADVA */
  }

  a, a:hover {
    outline: none;
    text-decoration: none;
    color: var(--szin-kiemeles); /* MÓDOSÍTVA */
    word-break: break-word;
  }

  .forma {
    height: 17px;
  }

  .forma form {
    top: -12px;
    position: absolute;
    margin: auto;
  }

  #lang-switch {
    height: 46px;
    width: auto;
    border-radius: 0px;
    background-color: inherit;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    font-size: 12pt;
    cursor: pointer;
  }

  #lang-switch:hover {
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    background-color: var(--szin-szegely); /* MÓDOSÍTVA */
  }

  .myDIVt {
    display: block;
    background-color: rgba(211, 211, 211, 0.1);
  }

  .csuli {
    position: absolute;
    margin-top: -14px;
    left: 130px;
    display: block;
  
  }
  

  .csuli a {
    
	padding:14px 14px 13px 14px; 
  }

  #loader {
    top:25%;
    left:25%;
    min-width: 50%;
    min-height: 200px;
    z-index:10;
    background: url('../imgs/ldr.gif') no-repeat center top;
    text-align: center;
    display: inline-block;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s linear;
  }

  blockquote {
    font: 14px/22px normal helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 3px solid var(--szin-szegely); /* MÓDOSÍTVA */
  }


/* Style the search field */
form.example input[type=text] {
padding:10px;
  float: left;
  width: 80%;
  
}

/* Style the submit button */
form.example button {
  float: left;
  width: 20%;
  padding:10px;
  margin: 18px 0;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--szin-szoveg); /* MÓDOSÍTVA */
    background-color: var(--szin-hatter); /* MÓDOSÍTVA */
    transition-duration: 0.4s;
    border: 1px solid var(--szin-szegely); /* HOZZÁADVA */
  
  cursor: pointer;
}




form.example button:hover {
  background: var(--szin-kiemeles);
  
}
form.example button:focus {
  background: var(--szin-kiemeles);
  
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}





/* Alapállapotban is legyen sima az átmenet, ne ugorjon a dizájn */
.card7 {
  transition: all 0.3s ease;
}
}