:root {
--primary: #85e7ea;
--primary-dark: #34aeb4;
--bg-light: #fdfdfd;
--bg-dark: #25ced4;
--text-main: #363f3f;
--text-main-light: #5f9496;
--bg-meta: #ed5e770a;
--border-color: #85e7ea47;
--box-shadow: rgb(133 231 234 / 27%);
--link: #00b3ff;
--link_l:#91e6ff;
--red: #ed5e77;
--white: #FFF;
--blw_bt: 15.4%;
} 

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

input {font-style: italic}

.wwa {
hyphens: auto;
}

.spacer_1 {clear: both;
display: block;
padding: .65em;
content: '';}

.spacer_2 {clear: both;
display: block;
padding: 1.25em;
content: '';}

.spacer_3 {clear: both;
display: block;
padding: 2.5em;
content: '';}

.spacer_4 {clear: both;
display: block;
padding: 3.75em;
content: '';}

.spacer_5 {clear: both;
display: block;
padding: 5em;
content: '';}

strong {
font-weight:700 !important
}

.upper {
text-transform:uppercase;
}


HR {
border-top: 1px dashed #17BEBB;
border-bottom: none;
}

.slim {
font-weight:200 !important;
}

.semi {
font-weight:400;
}


H1,H2,H3,H4 {
letter-spacing: 0em;
line-height: 1.3;
font-weight:200;
color: var(--primary-dark)
}

h1.thm {
}

h2.lh_16 { 
    text-indent: -1.25em;
    font-size: 1.75em;
    margin-left: 1.25em;
}

h1.thm i {
	display: block;
    font-style: normal;
	line-height: 1.4;	
	}
	
h1.thm strong {
	text-indent: .75em;
    display: inline-block;
    font-size: 2em;	
	line-height: 1.35;
    margin-bottom: .3em;
}

h1.thm.nb {
}


h1.thm.nb strong {
	display: inline-block;
	text-indent: 1.25em;
	}
	
h1.thm.nb i {
	display: inline;
	}	
	
.bts h1.thm {
	
}

H2.hele {
font-size: 4em;
margin-right: .41em;
text-indent: -1.25em;
margin-left: 2em;
}

p.lst_ld {
	padding: 1.85em 2.5em 2.5em;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 0,
  'opsz' 40
}

.art_nav {
	text-align: center;
    display: block;
    margin: 2.5em 1.25em 0;
	}
	
.art_nav a {
	display: inline-block;
    content: '';
    position: relative;
    background: #00000000;
    line-height: 0;
    padding: .65em;
    margin: .25em;
    border-radius: 2em;
	box-shadow: 2px 4px 0px 0px var(--box-shadow);
	transition: all 0.1s;
}

.art_nav a:hover {
	box-shadow: 0px 0px 0px 0px var(--box-shadow);
	transform: translateY(2px); 
}

.art_nav.blk {
	text-align: left;
    display: block;
    margin: 1.25em 0 0;
    font-size: .85em;
}

.art_nav.blk a,
.art_nav.blk a:HOVER {
    padding: 0;
    margin: 0;
    box-shadow: 0px 0px 0px 0px var(--box-shadow);
	transform: translateY(0); 
}
	
.art_nav.blk a::after {
    content: " " attr(attr-title);
    color: var(--link);
    line-height: 1.4;
    margin: 0 1.25em 0 .0;
    display: inline;
    font-size: 1em;
    top: .32em;
    position: relative;
	transition: all 0.1s;
	}

.art_nav.blk a:HOVER::after {
    color: var(--primary-dark);
	transform: translateY(0); 
}

.art_nav.blk.tb	{
    text-align: left;
    display: block;
    margin: 1.25em 0 0 1.25em;
    font-size: .85em;
}

.art_nav.blk.tb a {
    display: inline-block;
    content: '';
    position: relative;
    line-height: 0;
}

.art_nav.blk.tb .material-symbols-outlined {
    font-size: 2em;
    float: right;
    display: block;
}

.hw { font-family: 'Shadows Into Light Two', cursive !important; word-spacing: -0.25em;}


.mobsho_block,
.show-mob {display:none;}
.mobhid_block,
.show-desk {display:block;}


 body { 
font-family: "Poppins", sans-serif;
font-optical-sizing: auto;
font-style: normal;
line-height: 1.6; 
color: var(--text-main); 
margin: 0; 
padding: 0; 
background: var(--bg-dark); 
}

header,
.h_content { 
background: var(--bg-dark);
    padding: 20px 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.h_content:has(.h1.ht a:hover) {
    background-color: var(--primary) !important; 
}

header h1,
nav .h1.ht { 
margin: 0; 
font-size: 26px; 
font-weight: 700;
}

nav .h1.ht { 
    text-align: center;
	line-height: 1.3;
}

header h1 i,
nav .h1.ht i { 
font-weight: 200;
font-style:normal;
}

header h1 a,
header h1 a:hover,
nav .h1.ht a,
nav .h1.ht a:hover { 
color: var(--white);
outline:none;
text-decoration: none;
position: relative;
display: block;
width: 100vw;
transition: all 0.1s;
}


header h1 a span,
nav .h1.ht a span {
	display: block;
    position: relative;
    z-index: 2;
    width: 100vw;
}


header h1 a:after,
nav .h1.ht a:after{
	content: 'ORVOSI MONDTA MIT JELENT';
    display: block;
    position: absolute;
    left: 50%;
    overflow: hidden;
    z-index: 1;
    color: #37c3c9;
    font-weight: 900;
    letter-spacing: -.045em;
	word-spacing: -.045em;
    font-size: clamp(16em, 27vw, 35em);
	top: 50%;
    word-break: keep-all;
    white-space: nowrap;
    transform: translate(-50%,-50%) scale(1);
	transition: all 0.1s;
}

header h1 a:hover:after,
nav .h1.ht a:hover:after {
    color: #63e0e4;
	transform: translate(-50%,-50%) scale(.8);
}

#scroll_head {
	display: block;
    position: fixed;
    z-index: 10000;
	transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

#scroll_head.visible {
    transform: translateY(0);
}


.h_content_s {
	background: #e8fbfc;
    padding: 1.25em 6vw 1.25em;
    position: relative;
    z-index: 1;
transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;	

}

.search-box_endgrad {
display:block;
height: 3em;	
background: linear-gradient(to bottom,  rgba(232,251,252,1) 0%,rgba(232,251,252,0.99) 1%,rgba(232,251,252,0) 100%);

}

#scroll_head.visible .h_content_s {
transform: translateY(0);
 transition-delay: 0.15s; 	
}

header:has(h1.ht a:hover) {
    background-color: var(--primary); 
}

a {
color: var(--link);
text-decoration:none;
}

a:hover {
color: var(--primary-dark);
text-decoration:none;
}

header a { 
color: #ffffff; 
text-decoration: none; 
transition: opacity 0.2s;
}

header a:hover { 
opacity: 0.9; 
}

.container-cont { background: linear-gradient(to bottom, #e6fbfb 0%, #ffffff 100%);
margin-top: 0;
padding: 0;
display: block;
z-index: 1;
position: relative; 
min-height: 57vh;}

.container { 
/*max-width: 1000px; */
margin: 0 auto;
padding: 0 6vw;
}


.medon-system-field {
position: absolute;
left: -5000px;
top: -5000px;
width: 1px;
height: 1px;
overflow: hidden;
}


.search-box { position: relative; max-width: 100%; }
#search-input,
#search-input_hs { width: 100%;
    color: var(--primary-dark);
    padding: .75em 1.25em;
    font-size: 16px;
    border: none;
    border-radius: 27px;
    box-sizing: border-box;
    outline: none;
    margin: .4em 0;
    box-shadow: 0px 0px 0px 4px var(--link);
    transition: all 0.1s;
    font-family: "Poppins", sans-serif; }


.search-item { padding: 10px; border-bottom: 1px solid #eee; color: var(--primary); }
.search-item a { text-decoration: none; color: var(--text-main); display: block; }
.search-item a:hover { color: var(--text-main-light); }
.search-item .tema-badge {display: inline; font-size:.75em; color: var(--primary-dark);}
.search-item .tema-badge:hover {color: var(--primary);}

.search-item .szo-temak { display: inline;
    font-size: .75em;
color: var(--primary-dark);}

.abc-container {column-count: 8;
    column-gap: 1em;
    list-style: none;
    padding: 0; }
.abc-box { 
    background: #fff;
    padding: 1.25em;
    border-radius: 6px;
    transition: all 0.2s;
    box-sizing: border-box;
    box-shadow: 1px 3px 0px var(--box-shadow);
    break-inside: avoid;
    margin: 0 0 1.25em;
	}

.abc-box .unlink { 
	color: var(--primary);
	}
.abc-box h3 { margin-top: 0; color: var(--link); border-bottom: 2px solid var(--primary); padding-bottom: 5px; font-weight: 700; }
.abc-box ul { list-style: none; padding: 0; margin: 10px 0; }
.abc-box ul li { }
.abc-box ul li a { color: var(--text-main); text-decoration: none; font-weight: bold; display: block;
line-height: 1.45;     padding: .2em .5em;
    margin: .2em 0;}
.abc-box ul li a:hover { color: var(--primary-dark);
    box-shadow: -4px 0px 0px 0px var(--primary); }

.abc-box .kieginfo {
	color: var(--primary-dark);
    font-size: .75em;
    display: block;
    font-style: italic;
    font-weight: 400;
}


.abc-box a:HOVER .kieginfo {
	color: var(--primary);
}

.request-box {
background: #25ced414;
    padding: 1.25em 3.5em 2.5em;
    border-radius: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    gap: 4em;
    align-self: center; }

.request-box.ok {
    grid-template-columns: 1fr;
 }

.request-box.ok .bs {
    margin: -2em 0 -5em;
}

.request-box H3 {
	font-size: 3em;
    margin:1.25em 0 .75em;
}

.request-box H3 small {
font-size: 15px;
line-height: 1.4;
display: block;
font-weight: 300;
margin: 1.5em 0 0 0; }

.request-box input,
.request-box textarea {
max-width: 400px;
width: 100%;
color: var(--primary-dark);
    padding: .75em 1.25em;
    font-size: 1em;
    border: none;
    border-radius: 1.6em;
    box-sizing: border-box;
    outline: none;
    margin: .4em 0;
    box-shadow: 0px 0px 0px 4px var(--primary);
    transition: all 0.1s;
    font-family: "Poppins", sans-serif; }

.request-box input:HOVER,
.request-box input:FOCUS,
#search-input:HOVER,
#search-input:FOCUS,
#search-input_hs:HOVER,
#search-input_hs:FOCUS,
.request-box textarea:HOVER,
.request-box textarea:FOCUS
{
box-shadow: 0px 0px 0px 4px #85e7ea26;
transform: translateY(2px); }

.request-box textarea {
	width: 256px;
    border-bottom-right-radius: 0px;
	font-style:italic;
	}

#search-input:HOVER,
#search-input:FOCUS,
#search-input_hs:HOVER,
#search-input_hs:FOCUS{
box-shadow: 0px 0px 0px 4px var(--primary);
transform: translateY(0px); }

#search-results {
padding: 0 1.25em; }

.search-para {    display: block;
    margin: 0 0 -.25em;
    padding: 0;
font-weight: 200; }

.request-box form label { display: block;
    margin: 0 0 -1.25em;
    padding: 0;
    font-weight: 200;
}

.request-box form {
width: 100%;
}

.breadcrumb { 
margin: 0;
padding: 2.5em;
font-size: .65em; 
}
.breadcrumb a { 
color: var(--primary-dark); 
text-decoration: none; 
}
.breadcrumb a:hover { 
color: var(--primary);
text-decoration: underline; 
}


  
.meta-box { background: var(--bg-meta);
    padding: 1.25em 5em 1.25em 1.25em;
    border-left: 4px solid var(--bg-dark);
    margin-bottom: 1.25em;
    margin-top: 2.5em;
    margin-left: 3em; }
.meta-box p { margin: 5px 0; font-size: 14px; }

.leiras-tartalom { margin-top: 1.25em; padding-top: 20px; line-height: 1.7; }
.leiras-tartalom UL { margin: 1.65em 0; }
.kulso-link { display: inline-block; margin-top: 20px; padding: 8px 15px; background: #0066cc; color: white; text-decoration: none; border-radius: 4px; font-size: 14px; }
.kulso-link:hover { background: #0052a3; }

/* Média és galéria stílusok */
.media-galeria { margin-top: 40px; padding-top: 25px; border-top: 2px solid #eee; }
.media-galeria h3 { color: var(--primary-dark); margin-bottom: 20px; }
.galeria-racs { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.galeria-elem { background: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 6px; box-shadow: 0 2px 4px var(--box-shadow); text-align: center; }
.galeria-elem img { max-width: 100%; height: auto; border-radius: 4px; max-height: 200px; object-fit: contain; }
.kepalairas { font-size: 13px; color: #555; margin-top: 8px; line-height: 1.3; }
.pdf-elem { display: flex; align-items: center; justify-content: center; background: #fdf2f2; border: 1px dashed #d9534f; height: 120px; border-radius: 4px; }
.pdf-elem a { color: #d9534f; font-weight: bold; text-decoration: none; font-size: 14px; }
.pdf-elem a:hover { text-decoration: underline; }

/* Kulcsszavak címkék */
.keyword-tag { display: inline-block; padding: 5px 12px; background: #eef2f6; color: #475569; text-decoration: none; border-radius: 15px; font-size: 13px; font-weight: 500; transition: background 0.2s; }
.keyword-tag:hover { background: #e2e8f0; color: var(--primary-dark); }

/* Találati statisztika sáv */
.lista-info {
border: none;
    border-top: .12em solid var(--primary);
    border-bottom: .12em solid var(--primary);
    padding: 2.5em;
    font-size: .65em;
}

.bts .lista-info {
 }

/* Reszponzív Grid elrendezés a szócikkek listájához */
.szo-lista { 
    column-count: 8;
    column-gap: 1em;
    list-style: none;
    padding: 0;
}


/* Egyedi lista tétel (kártya) */
.szo-lista li { 
    background: #fff;
    padding: 1.25em;
    border-radius: 6px;
    transition: all 0.2s;
    box-sizing: border-box;
    box-shadow: 1px 3px 0px var(--box-shadow);
    break-inside: avoid;
    margin: 0 0 1.25em;
}

/* Kártya lebegési effektus */
.szo-lista li:hover { 
transform: translateY(-2px);
box-shadow: 0px 6px 0px var(--primary);
}

.szo-lista li a { 
display: block;
text-decoration: none;
transition: all 0.2s;
}

/* Kártya lebegési effektus */
.szo-lista li a:hover { 
}

.szo-lista li a strong {
display: block;
font-size: 1.17em;
line-height: 1.45;
margin-bottom: .65em;
word-wrap: break-word;
}

.szo-lista li a small {
display: block;
font-size: .75em;
text-transform:capitalize;
word-wrap: break-word;
color: var(--text-main-light);
}

.szo-lista li .szo-temak {
	color: var(--primary-dark); 
	font-size: .75em;
	display: block;
}

.szo-lista li .szo-temak a {
	display:inline-block;
	color: var(--primary-dark); 
}

.szo-lista li .szo-temak a:hover {
	color: var(--primary); 
}

.tema-leiras-box {
	padding: 1.75em 4.75em;
    display: block;
    line-height: 1.7;
	}

.tema-leiras-box H4 {
    font-weight: 700;
    color: var(--text-main);
    font-size: 1em;
    margin: 0 0 -1.25em;
    padding: 0;
    line-height: 1.7;
}

.tema-leiras-box UL.wsp {
    margin-top: .25em;
}

/* Vissza gomb stílus */
.vissza-link { 
display: inline-block; 
margin-top: 40px; 
color: var(--primary); 
text-decoration: none; 
font-weight: bold;
}
.vissza-link:hover { 
text-decoration: underline; 
}


.tema-grid { column-count: 5;
    column-gap: 1em;
    list-style: none;
    padding: 0; }
.tema-card { background: #fff;
    padding: 1.25em;
    border-radius: 6px;
    transition: all 0.2s;
    box-sizing: border-box;
    box-shadow: 1px 3px 0px var(--box-shadow);
    break-inside: avoid;
    margin: 0 0 1.25em;}
.abc-box:hover, .tema-card:hover {  
    transform: translateY(-2px);
    box-shadow: 0px 6px 0px var(--primary);
	}
.tema-card h3 { margin-top: 0; color: var(--primary-dark); font-size: 18px; }
/*.tema-card h3 a { color: var(--primary-dark); text-decoration: none; }
.tema-card h3 a:hover { color: var(--primary); }*/
.tema-card p { font-size: 14px; color: #555; line-height: 1.4; margin-bottom: 0; }

.blkbn_cont  {
	background: transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
    padding: 0 !important;
	}
	
.blkbn_cont .bann {
	width: 100%  !important;
}

footer { 
text-align: center;
padding: 1.25em 0;
position: relative;
z-index: 2;
background: var(--bg-dark);
}

footer .fb { 
    margin: -2.25em 0 1em 0;
    background: #FFF;
    padding: 2.5em;
    font-size: .65em;
}

footer .fb A { 
	color: var(--primary-dark);
}

footer .fb A STRONG { 
	position: relative;
    display: inline-block;
    padding-right: .9em;
	color: var(--link);
}

footer .fb A:HOVER STRONG { 
	color: var(--primary-dark);
}

footer .fb A STRONG:after {
    width: auto;
    height: auto;
    content: '';
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    left: auto;
    right: -.6em;
    top: calc(50% - .6em);
    transform: translateY(-50%);
    margin: 0;
    padding: .8em;
    display: inline-block;
    background-color: var(--primary-dark);
    -webkit-mask-image: url(../images/fb.svg);
    mask-image: url(../images/fb.svg);
 }
 
footer .fb A i {
    color: var(--primary-dark);
    vertical-align: sub;
    font-size: .75em;
    position: relative;
    bottom: -.2em;
}

.footer_at {
	    text-transform: uppercase;
    font-weight: 700;
    border-left: 4px solid var(--red);
    color: var(--red);
    margin: 1em 0;
    padding: 2.5em;
    font-size: .65em;}

footer a { 
color: #ffffff; 
text-decoration: none; 
margin-left: 10px;
}

footer a:hover { 
color: var(--primary); 
}


button {
background: var(--red);
color: white;
border: none;
padding: 10px 20px;
border-radius: 40px;
cursor: pointer;
font-weight: 600;
font-family: "Poppins", sans-serif;
box-shadow: 0px 4px 0px 0px rgb(133 231 234);
transition: all 0.1s;}
	
button:HOVER {
background: var(--primary-dark);	
transform: translateY(2px);
box-shadow: 0px 0px 0px 0px rgb(133 231 234);
}	


.frm_error_blk {
	background: #e5ffa2;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--red);
    margin: 1em 0;
    padding: 1.25em;
    font-size: .65em;
}

.frm_success_blk {
	background: #85e7ea57;
    text-transform: uppercase;
    font-weight: 700;
    color: #34aeb4;
    margin: 1em 0;
    padding: 1.25em;
    font-size: .65em;
}


.hashtagz {
	font-size: .25em;
    font-weight: 200;
    background: #fff;
    display: block;
    text-align: justify;
    position: relative;
    z-index: 1;
    padding: 1.25em 6vw;}

.hashtagz a {
	color: var(--bg-dark);
}

.lh_12 {
	line-height:1.2
	}
.lh_15 {
	line-height:1.5
	}
.lh_16 {
	line-height:1.6
	}
.lh_17 {
	line-height:1.7
	}			
	
	
/* BANNER */	


.blokk_cont .allbla .hw {
	font-size: 1.25em;
    color: #363f3f;
}

.bann {
	display: block;
   /* width: var(--blw_bt); */
    float: none;
	break-inside: avoid;
}

.bann.top {
	width: 100%;
}


.action--ad {
    position: relative;
    display: block;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    margin: 1em auto;
    color: #00aab5;
    font-size: 8px;
	border: none;
    background: transparent;
	cursor:pointer;
}

.action--ad:HOVER {
    color: #7cd7dc !important;
}

.action--ad,
.action--ad:HOVER{
	background: transparent;
	transform: translateY(0px) !important;
	box-shadow: 0px 0 0px 0px rgb(133 231 234) !important;
}

.bann.horiz .action--ad {
    position: relative;
    padding: 0.4em 1.2em;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;    
}

.bann.horiz .action--ad .hw { 
    font-weight: 100;
    display: inline-block;
    color: var(--gray);
    padding: 0 0 0 .3em;
}

.action--button:hover,
.action--button:hover .hw{
	color: var(--gray-mid);
	outline: none;
}

.bottom .action--ad {
	position: absolute;
    top: -3.6em;
    left: 50%;
    transform: translateX(-50%);
	}
	
	
.bann .slider__bann {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    max-width: 26em;
    margin: 0 auto;
}

.bann .slider__bann__spacer {
    width: 100%;
    position: relative;
    z-index: 4;
}

.bann .slider__bann__spacer img,
.bann .slider__item img {
    width: 100%;
}

.bann .slider__bann__tx {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition: all .5s ease;
}

.bann .slider__bann__bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition: all .5s ease;
}

.bann .slider__bann:hover .slider__bann__bg {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
    transition: all 0.5s ease;
}

.bann .slider__bann__logo {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 1;
    transition: all 0.5s ease;
}

.bann .slider__bann:hover .slider__bann__logo {
    opacity: 0.3;
    transition: all 0.5s ease;
}

body {
font-size: 1.2em;
}

:root {
--blw_bt: 10.4%;
}

.f085 {
    font-size: .85em;
}


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

}

@media screen and (max-width: 2560px) {
	
:root {
--blw_bt: 15.4%;
}

body {
font-size: 1em;
}

.abc-container,
.szo-lista {column-count: 6;}

.tema-grid {column-count: 3;}

}


@media screen and (max-width: 1690px) {
	
}

@media screen and (max-width: 1580px) {
	
:root {
--blw_bt: 15.4%;
}

.abc-container,
.szo-lista {column-count: 6;}



}


@media screen and (max-width: 1520px) {
	
:root {
--blw_bt: 18.4%;
}

.abc-container,
.szo-lista {column-count: 5;}


}

@media screen and (max-width: 1260px) {
	
:root {
--blw_bt: 23.4%;
}

.abc-container,
.szo-lista {column-count: 4;}

.tema-grid {column-count: 3;}

}


@media screen and (max-width: 1081px) {
	
:root {
--blw_bt: 31.4%;
}


.abc-container,
.szo-lista {column-count: 3;}

.tema-grid {column-count: 2;}


}


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

:root {
--blw_bt: 31.2%;
}
.szo-lista { 
grid-template-columns: repeat(auto-fill, minmax(31.2%, 1fr)); 
}
}

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

.mobsho_block {
display:block;
}

.mobhid_block {
display:none;
}

}

 @media (max-width: 768px) {
header h1, nav .h1.ht { font-size: 22px; }

H2.hele,
.request-box H3 {
font-size: 3em;
max-width: 100%;
}

:root {
--blw_bt: 48%;
}

.abc-container,
.szo-lista,
.tema-grid {column-count: 2;}


.szo-lista { 
grid-template-columns: repeat(auto-fill, minmax(48%, 1fr)); 
}

}


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

H2.hele,
.request-box H3
 {
font-size: 2.25em;
}

:root {
--blw_bt: 100%;
}

.abc-container,
.szo-lista,
.tema-grid {column-count: 1;}

 

.szo-lista { 
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); 
}
	
.tema-leiras-box {
    padding: 1.75em 0;
	}

.meta-box {
	margin-left: 0;}	
	
}

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

.show-mob {display:revert;}
.show-desk {display:none;}

h1.thm {
	font-size: 1em;
	}

.request-box {
    padding: 1.25em 2.5em 2.5em 1.5em;
    grid-template-columns: repeat(auto-fill, minmax(204px, 1fr));
    gap: 1.25em;
}	

}