/*
@media (prefers-color-scheme: dark) {
    :root {
        --turkiz: #DB0238;
        --feher: #161723;
        --szurke: #808080;
        --vilagosszurke: #808080;
        --feketealpha: rgba(255,255,255,0.1);
        --borderradius: 2px;
        --backszurke: #161723f5;  
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --turkiz: #DB0238;
        --feher: #ffffff;
        --szurke: #808080;
        --vilagosszurke: #808080;
        --feketealpha: rgba(0,0,0,0.1);
        --borderradius: 2px;
        --backszurke: #EAEAEA;
    }
}
*/

div#revokebtn {
    font-size: 0.9em !important;
}

:root {
    --turkiz: #1C59B5;
    --turkizalpha: rgba(168, 213, 255, 0.8);
    --feher: #ffffff;
    --szurke: #001C4A;
    --feheralpha: rgba(255,255,255,0.3);
    --vilagosszurke: #808080;
    --vilagosturkiz: #A8D5FF;
    --feketealpha: rgba(0,0,0,0.1);
    --thirdcolor:#1cb569;
    --borderradius: 12px;
    --borderradius100: 100px;
    --backszurke: #F1ECE9;
    --cursoruniq: default;
    --pointeruniq: pointer;
    /*--cursoruniq: url(../images/verkepelemzes/vercsepp-red.svg) 10 0,auto;*/
    /*--pointeruniq: url(../images/verkepelemzes/vercsepp-pointer.svg) 10 0,auto;*/
    /*--backszurke: #EAEAEA;*/
    --gradient: linear-gradient(180deg, rgba(220,220,220,1) 0%, rgba(235,235,235,1) 100%);
    /*--gradient: linear-gradient(180deg, rgba(33,33,33,1) 0%, rgba(51,51,51,1) 100%);*/
    --alaphatter: #F1ECE9;
    /*background-image: a sotetito es vilagositogradi*/
    --sotetitogradi: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)); 
    --vilagositogradi: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3));
    --vetettarnyek:drop-shadow(2px 4px 6px var(--szurke));
}



/*
 * ################ START DEFAULTS START ################ 
 */

/**
 * removing defaults
 */
* {
	padding: 0px;
	margin: 0px;
    font-family: gill-sans-nova, sans-serif;
        box-sizing: border-box;
}

/**
 * font settings
 */
html {
    font-family: gill-sans-nova, sans-serif;
    cursor: var(--cursoruniq);
	font-size: 1em;
	height: 100%;
        /* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
        /*margin-bottom: 1px;*/
}

a, button{
    cursor:var(--pointeruniq);
}

html * {
	font-size: 1em;
}

body {
	height: 100%;
	width: 100%;
	/*background: rgb(237,193,177);*/
/*background: linear-gradient(180deg, rgba(237,193,177,1) 15%, rgba(255,255,255,1) 100%);*/
	text-align: center; /* for IE to do centering */
    background-color:var(--backszurke);
}


/**
 * setting my defaults
 */

a {text-decoration: none;}

table {
	border-collapse: collapse;
}

table.border td{
	border: solid 1px black;
}

ul {
	list-style-type: disc;
        /* 05-12-12 ie bug, nem lesz jo az A tag */
	list-style-position: outside;
	/*margin-left: 5%;*/
}

ol {
	margin-left: 5%;
}

p, ul, ol, dl {
	/*margin-bottom: 1em;*/
}

b, strong {
    font-weight: bold;
}

h1 {/* IE - Disappearing Text Bug In IE 6 - http://www.soxiam.com/Code/CSSDisappearingTextBugInIE6 - Zss*/

 
}

sup {
    font-size: 0.6em;
    line-height: 0.6em;
}
.sup {
    font-size: 0.6em;
}

* img {
	border: 0;

}

.hide {
	display: none;
}

img.trspng{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

div#pager {
    display: none;
}
/**
 * clearing floats
 * http://www.quirksmode.org/css/clearing.html
 *
 * width or height required
 * The use of a width or height declaration is required to make the effect work in Explorer Windows and Opera. If you don't include it Explorer Windows continues to show the border at the top of the columns, as if there were no overflow. Opera completely hides the content of the container.
 * A width: 100% is a neat starting point, although more complicated layouts may require other values.
 */
* html .floated {
	height: 1%;
}

.floated {
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}


/**
 * my class
 */

img.floatleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.floatright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

* html .gapfix {
	/* This fixes the IE5 Win gap! */
	/* http://phonophunk.phreakin.com/articles/ie-fix-for-gaps-between-list-items.php */
	vertical-align: bottom; /* ie5.x set this width */
	/* v\ertical-align: baseline;  all other browser set this default */
}

* html .ie5_centered {
	text-align: center;
}

.link {
	cursor: var(--pointeruniq); /* MB */  
}

.two_columns {
	float: left;
	width: 45%;
}



/*----------------lipidcsokkentes-----------*/
div#login_box_title_in_article_view {
    padding: 30px;
    background: rgba(255,255,255,0.6);
    border-radius: 30px;
}


#header{
    position: sticky;
    top:0px;
    width:100%;
    height:90px;
    Background:var(--feher);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 50;
    box-shadow:0px 0px 5px var(--szurke);
    margin:0 auto;
    font-size: 85%;
    transition: all 500ms;
}

.blacker{
}

#header #logo{
    position: absolute;
    top:0px;
    left: 0px;
    transition:all 500ms;
}

#header #logo img {
    height: 90px;
    transition: all 500ms;
}

div#hamburgernav {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    transition: all 500ms;
    border-radius: 28.5px;
}

div.hamburgericon,
img.profilimage.hamburgericon {
    display:none;
}
.opacity {
        opacity: 1 !important;
        top:90px !important;
        /*transform: scale(1) !important;*/
    }

    .show {
        /*display:block !important;*/
        transform: scale(1) !important;
        opacity: 1 !important;
    }

    .rightanim{
        right:10px !important;
    }

/**
 * Login
 */


 #login_box{
    position: absolute;
    /* right:12px; */
    right: 10px;
    top:12px;
    transition: all 300ms;
    display:flex;
}
#login_box form label {
    padding:10px;
    color:var(--szurke);
    display: none;
}

#login_box form .input-wrapper{
    display: inline-block;
    position: relative;
}
#login_box form .input-wrapper img{
    position: absolute;
    left: 22px;
    top: 0px;
    width: 15px;
    height: 35px;
}

#login_box form input {
    padding: 5px 10px 5px 25px;
    color: var(--turkiz);
    border: 2px solid var(--turkizalpha);
    max-width: 150px;
    background: var(--feheralpha);
    border-radius: var(--borderradius);
    margin-left: 15px;
    height: 35px;
    font-size:10pt;
}

#login_box form input:hover, #login_box form input:focus{
    outline: none;
}

#login_box form input[name=login] {
    font-weight: 300;
}

#login_box form input[name=password]{
    font-weight: 300;
}

#login_box form input.submit {
    padding: 5px 10px;
    color: var(--feher);
    background: var(--turkiz);
    /* border: 2px solid var(--kek); */
    border-radius: var(--borderradius);
    cursor: pointer;
}

#login_box form a {
    color:var(--turkiz);
    margin-left: 20px;
}

#login_box form .loginboxlinks {
    margin:10px;
}

#loginmenubtn{
	display: none;
 }

 img.profilimage {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
    border: 2px solid var(--turkiz);
    box-shadow: 0px 0px 5px var(--szurke);
}
img#profilimage{

 }


/**
 * Menu, mainmenu
 */
#mainmenudiv{
	/*bottom: 10px;
	position: absolute;*/
	width: 100%;
	height:auto;
	transition: all 300ms;
}

#mainmenu {
	/*font-size: 14px;*/
	font-weight: 100;
	height: 100%;
	margin: 0 auto;
	/*position: relative;*/
    display: flex;
    flex-direction: row;
	z-index: 2;
    width: fit-content;
    justify-content: center;
}

#mainmenu .arrow {
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  vertical-align: middle;
  border-left: 0.15em solid currentColor;
  border-bottom: 0.15em solid currentColor;
  transform: rotate(-45deg);
  margin-top: -0.25em;
  transition: transform 100ms ease-in-out;
}

/* ANIMATE aRROWS */
#mainmenu > li:hover > a > .arrow {
  transform: rotate(315deg);
}

#mainmenu .submenu > li:hover > a > .arrow {
  transform: rotate(225deg);
}

#mainmenu li { line-height: 36px; list-style: none; position: relative; transition:all 200ms;border-radius:var(--borderradius); }
#mainmenu li a.last { border: none; }
#mainmenu li a.active { 
    color: var(--feher);
    background: var(--turkiz);
    border-radius:var(--borderradius);
}
#mainmenu li a {
	color: var(--szurke);
	font-size: 1.2em;
	font-weight: 100;
	padding: 0 18px;
	text-align: center;
    display:block;
}
/* submenu plus */
#mainmenu .submenu {
  position: absolute;
  left: 0;
  background-color: var(--vilagosturkiz);
    color: var(--feher);
  white-space: nowrap;
  /*padding: 1.5em 0;*/
  min-width: 100%;

  /* hide submenus */
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
    box-shadow: 0px 0px 5px var(--feketealpha);
}

#mainmenu .submenu .submenu {
  background-color: var(--turkiz);
    color: var(--feher);
}

#mainmenu .submenu > li > a {
  /*padding: 0.8em 1.5em;*/
    color:var(--feher);
    padding: 10px;
    border-bottom:2px solid var(--feketealpha);
}
#mainmenu .submenu .submenu {
  left: 100%;
  top: 0;
    border-left:2px solid var(--feketealpha);
}
#mainmenu .submenu .submenu .submenu {
  left: -100%;
  top: 0;
}

#mainmenu > li:hover > a{
  background-color: var(--feketealpha);
  color: var(--szurke);
}

#mainmenu .submenu > li:hover > a {
  background-color: var(--feketealpha);
  color: var(--feher);
}
#mainmenu > li:hover > a {
 
    border-radius:var(--borderradius);
}

/* Reveal  */
#mainmenu > li:hover > a + .submenu,
#mainmenu .submenu > li:hover > a + .submenu {
  opacity: 1;
  transform: scaleY(1);
}

/* submenu plus vége */

/*
#mainmenu ul {
	background: var(--szurke);
    border-radius:var(--borderradius);
	display: none;
	left: 0;
	margin: 0;
	position: absolute;
	top: 36px;
	width: 100%;
	z-index: 10;
	text-align: center;
    box-shadow: 0px 0px 3px var(--szurke);
}

#mainmenu ul.wide { width: 150%;}
#mainmenu li:hover ul { display: block; }
#mainmenu ul li {
	float: none;
	line-height: 28px;
    display: block;
    transition:all 200ms;
}

#mainmenu li:hover,
#mainmenu ul li:hover {
    background: var(--feketealpha);
}

#mainmenu ul li a {
	border: none;
    color: var(--feher);
	display: block;
	padding: 0 17px;
	text-align: center;
}

*/

/**
 * Mainbody
 */
 /*#mainbody {
    background: url(../images/tenyekestabuk/logo-w-stethos.png) no-repeat, url(../images/tenyekestabuk/Header_bg_tenyek_es_tabuk.jpg) no-repeat;
    background-position: top center, top center;
    background-color: var(--backszurke);
    transition: all 300ms;
    background-size: 80%, contain;
} */
#mainbody {
    /*background:url(../images/pulmonologiatovabbkepzes/header-bg-v2.svg) no-repeat;
    background-position: top center;
    background-size: 100%;*/
    background-color: var(--backszurke);
    transition: all 300ms;
    
}
#body {
    width: 100%;
    /* max-width: 1000px; */
    /* height: 1000px; */
    margin: 0 auto;
    position: relative;
    z-index: 10;
    
}
.maxkozep{
    max-width: 1200px;
    margin:0 auto;
    /*padding:25px 0px;*/
}
.maxkozep:first-child{
    max-width: 1200px;
    margin:0 auto;
    padding:0 0 25px 0px;
}

#curvedbody{
    margin-top:-50px;
    /*max-width: 1200px;
    margin: 0 auto;*/
}

.mainimagecontainer{
    width: 100%;
    /*resize: horizontal;*/
    overflow: hidden;
    max-width: 100%;
    max-height:400px;
    color: var(--szurke);
}
#mainimage {
    /*margin: 85px auto 85px auto;*/
    /*width: 90%;*/
    /*max-width: 1200px;*/
    position: relative;
    margin:0px auto;
    text-align: center;
    width: 100%;
    /*padding-bottom: 50%;*/
    aspect-ratio: 1 / 1;
    transition: all 500ms;
    /*border-radius: 100px;*/
    /*background-color: var(--turkizalpha);
    padding: 35px;*/
}

/*#mainimage img {
    width: 100%;
    display: block;
}*/
#mainimg1{
    position: absolute;
    color: var(--feher);
    width:100%;
    left:0;
    top:0px;
    object-fit: fill;
    text-align: left;
    transition: all 500ms;
    background: var(--vilagosturkiz);
    height: 100%;
    max-height: 400px;
    
}
#mainimgtxt{
    position: absolute;
    color: var(--feher);
    width:100%;
    left:0;
    top:0;
    /*padding:clamp(5%,10vw,15%) 0;*/
    padding-top:clamp(10px,7vw,70px);
    bottom:0;
    text-align: left;
    max-height: 400px;
    /*transition: all 500ms;*/
    
}
#mainimgtxt div{
    /*background-color: var(--vilagosturkiz);*/
    /*box-shadow: var(--vetettarnyek);*/
    text-transform: uppercase;
    font-size: clamp(0.8rem, 5.5vw, 4rem);
    padding:5pt clamp(5pt,3vw,40pt);
    font-weight: bold;
    color: var(--szurke);
}
#mainimgtxt p{
    padding:5pt clamp(5pt,3vw,40pt);
    font-size: clamp(0.7rem, 2.5vw, 1.6rem);
    max-width: 55%;
    color: var(--szurke);
}

#mainimg2{
    position: absolute;
    /*width:28.65%;
    max-width:550px;*/
    right:0;
    top:0;
    transition: all 500ms;
    width: 50%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: left center;
}

#mainimg3{
    position: absolute;
    width:31.25%;
    right:0;
    top:68.23%;
    transition: all 500ms;
}

.lipidbox {
    width: 100%;
}

.lipidboxes {
    display: flex;
    gap:30px;
    padding: 25px 0;
    background: var(--backszurke);
}

div#vidsboxes{
    /*background: var(--turkiz);*/
}
div#podcastboxes {
    /*background: var(--vilagosturkiz);*/
}
#vidboxhead {
    color: var(--turkiz);
    font-size: 2.5em;
    margin-top:25px;
}

.podcasthead {
    color: var(--turkiz);
    font-size: 1.75em;
    margin: 25px 10px;
    text-transform: uppercase;
    font-weight: bold;
}

div#vidsboxes,
div#podcastboxes {
    width:100%;
    display: flex;
    padding:25px 75px;
    /*background: url("../images/vaspotlas/Video_cikk_bg_vapotlas_2021.png") top center no-repeat;*/
    /*background-color:var(--turkiz);*/
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    gap:40px;
    position: relative;
    align-items: stretch;
}

div#vidsboxes .MainRovatBox,
div#podcastboxes .MainRovatBox {
    width: calc(100%);
    padding: 25px 25px;
    color:var(--szurke);
    text-align: justify;
    box-sizing: border-box;
    /*margin-bottom: 25px;*/
    background: var(--feher);
    border-radius:20px;
    position:relative;
    flex-basis: calc(50% - 20px);
    transition: all 300ms;
}

.MainRovatBox:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

div#podcastboxes .MainRovatBox:not(:first-child){
    /*margin-top:100px;*/
}

.MainRovatBox img {
    width:50%;
    min-width:180px;
    height:auto;
    z-index: 3;
    position: relative;
    margin: 30px auto;
    display: block;
}

.MainRovatBox h1 {
    color: var(--turkiz);
    font-weight: 900;
    font-size:2.5em;
    text-align: center;
    line-height: initial;
    margin-bottom:25px;
}

.MainRovatBox h3,.MainRovatBox h3 a {
    color: var(--szurke);
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    line-height: initial;
    /* margin: 10px 0px; */
    /* min-height: 2.8em; */
    text-transform: uppercase;
    letter-spacing: 3px;
}

.MainRovatBox .lead {
    color: var(--szurke);
    font-weight: 100;
    line-height: 1.4em;
    margin:10px 0px;
}

.MainRovatBox a.more {
    color: var(--feher);
    background: var(--turkiz);
    line-height: 1.4em;
    padding:10px 10px;
    display: block;
    margin:0 auto;
    /*width:40%;*/
    font-weight:bold;
    text-align: center;
    border-radius:var(--borderradius100);
    min-width: 194px;
    text-transform: uppercase;
    max-width: 194px;
}

.MainRovatBox a.amore2 {
    color: var(--feher);
    background: var(--turkiz);
    line-height: 1.4em;
    padding:10px 10px;
    display: block;
    margin:0 auto;
    width:40%;
    font-weight:bold;
    text-align: center;
    border-radius:20px;
    margin-top:50px;
    text-transform:uppercase;
}

.mainpagetamogato {
    /* width: 60%; */
    margin: 0 auto;
    padding: 30px;
    background: var(--feher);
    border-radius: 0 0 30px 30px;
    box-shadow: 0 0px 20px var(--feketealpha);
    max-width: 70%;
    font-size:0.8em;
    color:var(--szurke) !important;
}
.rovattamogato {
    width: 75%;
    margin: 0 auto;
    padding: 30px;
    background: var(--feher);
    border-radius:50px;
    box-shadow: 0 0px 20px var(--feketealpha);
    /*max-width: 70%;*/
    margin-top:25px;
    text-align: center;
    color:var(--szurke) !important;
}

.rovattamogato p{
    text-align: center !important;
    margin:0 !important;
    color:var(--szurke) !important;
}
.tamogatoh1{
    text-transform:uppercase;
    font-weight: 700;
    font-size: 1.1em;
    line-height:1.5em;
    color:var(--szurke) !important;
}

.mainpagetamogato img,
.rovattamogato img{
    /*max-width:150px;*/
    max-height:90px;
}

a.more:hover,
a.amore2:hover,
.otbutton a:hover,
#container #left-column .rightmore a:hover,
#container #left-column .kreditbutton a:hover,
.rovatmainarticle .right_thumb:hover,
.tovabbicikkbox .right_thumb:hover,
input.submit:hover {
    /*background-image: var(--szurke) !important;*/
    background: var(--szurke) !important;
    text-shadow: 0 0 4px var(--szurke);
    transition: all 200ms;
}
/* {
    background-image: var(--vilagositogradi) !important;
    
    text-shadow: 0 0 4px var(--szurke);
    transition: all 200ms;
}*/

/**
 * Eloszo
 */
#container #eloszo {
   color: var(--szurke);
    width:100%;
    padding: 0px 75px 30px 75px;
    /*background: url("../images/lipidcsokkentes/BG_dots_Lipidologia_lepesrol_lepesre.png") bottom center;
    background-size: cover;*/
}

#container #onlinetovabbkepzestop {
   color: var(--feher);
    width:100%;
    padding:45px 0px ;
    background: var(--gradient);
    max-height:150px;
    border-radius: var(--borderradius);
}
#container #onlinetovabbkepzestop h1, #container #cikk #onlinetovabbkepzestop h1 {
    font-weight: 900;
    font-size:2.5em;
    text-align: left;
    line-height: initial;
    color: var(--feher);
    max-width: 1100px;
    margin: 0 auto;
    padding:0 40px;
}

#container #onlinetovabbkepzestop h3, #container #cikk #onlinetovabbkepzestop h3 {
    font-weight: 400;
    font-size:1.35em;
    text-align: left;
    line-height: initial;
    margin-bottom:10px;
    color: var(--feher);
    max-width: 1100px;
    margin: 0 auto;
    padding:0 40px;
}

#container #onlinetovabbkepzes {
    color: var(--backszurke);
    width:100%;
    padding: 15px 0 15px 0;
    background: var(--gradient);
    position: relative;
}

#container .arnyekkeret {
    border-radius: 20px;
    border: 5px solid var(--feher);
    height: 250px;
    width: 95%;
    max-width: 950px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5), 0px 0px 10px inset rgba(0,0,0,0.5);
    /*top:150px;*/
    transition: opacity 300ms;
}

.FirstArticleLead{
    position: relative;
}

.FirstArticleLead a{
    display: block;
    font-size: 0;
}

.FirstArticleBack{
    background: var(--vilagosturkiz);
    padding:25px;
    border-radius: 0 0 50px 50px;
}

.arnyekkeretmini {
    border-radius: 10px;
    border: 5px solid var(--feher);
    height: 30%;
    width: 108%;
    max-width: 950px;
    position: absolute;
    left: -4%;
    right: 0;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5), 0px 0px 10px inset rgba(0,0,0,0.5);
    top: -10px;
    transition: opacity 300ms;
    max-height:115px;
    display:none;
}
.arnyekkeretduo {
    border-radius: 15px;
    border: 5px solid var(--feher);
    height: 30%;
    width: 97%;
    max-width: 950px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5), 0px 0px 10px inset rgba(0,0,0,0.5);
    top: 15px;
    transition: opacity 300ms;
    max-height:115px;
}

#container #onlinetovabbkepzes .otflex {
    display: flex;
    /* flex-wrap: wrap; */
    /*flex-direction: column;*/
    gap:25px;

}
#container #onlinetovabbkepzes h1 {
    font-variant:small-caps;
    font-size:2.5em;
}

#container #onlinetovabbkepzes .otflex .otimg {
    width:100%;
}
#container #onlinetovabbkepzes .otflex .otimg img {
    width:100%;
	height: auto;
	/*padding:15px;*/
    box-shadow: 0 0 150px #5E0E19;
}

#container #onlinetovabbkepzes .otflex .ottxt {
    width:100%;
    padding:15px 0;
}

#container #onlinetovabbkepzes .otflex .otbutton, .otbutton {
    width:100%;
}
.otbuttcontainer{
    display: flex;
}
#container #onlinetovabbkepzes .otflex .otbutton a, .otbutton a {
    width:70%;
    text-align: center;
    display: block;
    font-size: 1.2em;
    color: var(--szurke);
    background: var(--vilagosturkiz);
    text-decoration: none;
    margin:0 auto;
    margin-top:30px;
    font-weight: 400;
    line-height: 1.4em;
    padding:10px 15px;
    border-radius:20px;
}

.maincimbox {
    color: var(--szurke);
    /*font-size: 3vw;*/
    padding: 10px 30px 30px 30px;
    border-radius: 50px;
    width: 75%;
    margin: 0 auto;
    text-align:center;
}
.maincim {
    font-size: 3vw;
    font-weight: 700;
    text-transform: uppercase;
    background-image: url(../images/verkepelemzes/Tovabkezes_Title_smaller_VODCAST.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding:20px;
}
.mainalcim {
    font-weight: 100;
    text-align: justify;
}

#container .contentszoveg{
    color:var(--feher);
    text-align: justify;
    font-size: 1em;
    line-height:1.4em;
    hyphens: auto; 
    padding: 50px;
    Background: var(--turkiz);
    border-radius:var(--borderradius);
    display: flex;
    gap: 10px;
    align-items: center;
    box-shadow: 0px 0px 5px var(--szurke);
    /*background:var(--feher);*/
    /*max-width: 850px;
    margin:0 auto;*/
}
#container .contentszoveg p {
    margin:10px 0px;
    color:var(--feher);
}

#container .contentszoveg2{
    text-align: justify;
    font-weight: 100;
    font-size: 1em;
    line-height:1.4em;
    hyphens: auto; 
    padding: 50px;
    padding-left: 15px;
    border-radius:50px;
    display: flex;
    gap: 10px;
    align-items: center;
    /*background:var(--feher);*/
    /*max-width: 850px;
    margin:0 auto;*/
}

#lipidcsokkentesMindig {
   color: var(--turkiz);
    width:100%;
    padding-bottom:50px;
    border-top:3px solid var(--turkiz);
    max-width: 1000px;
    margin: 0 auto;
    background: var(--feher);
    z-index: 2;
    position: relative;
}

#lipidcsokkentesMindig a {
   color: var(--turkiz);
    text-decoration: underline;
}

#lipidcsokkentesMindig #lipidcsokkenteshirdetes {
    width: 100%;
}
#lipidcsokkentesMindig #lipidcsokkenteshirdetes img{
    width: 100%;
    max-width: 600px;
}

#lipidcsokkentesMindig #lipidcsokkenteslogokflex {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    max-width: 450px;
    margin: 0 auto;
}
#lipidcsokkentesMindig #lipidcsokkenteslogokflex div {
    width:50%;
}

/**
 * CIKK
 */

 p img {
    float: right;
}

 .tovabbkepzestitlebox {
    max-width: 480px;
    width:70%;
    margin: 0 auto;
    text-align: center;
    background-color: var(--turkiz);
    border-radius: 20px 20px 0 0;
    color: var(--feher);
    padding: 10px;
    text-transform: uppercase;
    background-image:url(../images/verkepelemzes/Tovabkezes_Title_VODCAST.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#titlebox {
    position: absolute;
    left: 0;
    right: 0;
    top: -37px;
    width:80%
}

.rovatsubtitle {
    max-width: 480px;
    width:70%;
    margin: 0 auto;
    text-align: center;
    background-color: var(--turkiz);
    border-radius: 20px 20px 0 0;
    color: var(--feher);
    padding: 10px;
    text-transform: uppercase;
    background-image:url(../images/verkepelemzes/Tovabkezes_Title_smaller_VODCAST.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.slidersubtitle {
    max-width: 480px;
    width:70%;
    margin: 0 auto;
    text-align: center;
    background-color: var(--turkiz);
    border-radius: 20px 20px 0 0;
    color: var(--feher);
    padding: 10px;
    text-transform: uppercase;
    background-image:url(../images/verkepelemzes/Tovabkezes_Title_smaller_VODCAST.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top:-11px;
    left:0;
    right:0;
}


.video{
    /*max-width: 640px;*/
    margin: 0 auto 25px auto;
}

.cikk_content {
    /*background: url("../images/verkepelemzes/Cikk_header_VODCAST.png"), linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100px, rgba(255,255,255,1) 110px);*/
    /*background-position: top center,top center;*/
    background-position-x: center,center;
    background-position-y: 30px, 0px;
    background-repeat: no-repeat,no-repeat;
    background-size: 1200px,100%;
    /*border-radius: 50px;*/
}
#container #cikk {
    /*max-width:850px;
    padding:25px 0px;*/
    margin:0 auto;
    background:transparent !important;
    width:100%;
    max-width: 1200px;
    text-align: justify;
    font-size: 1em;
    line-height:1.4em;
    hyphens: auto;
}
.cikk_content a,
a.article_biblio {
    color: var(--vilagosturkiz);
}

#container #cikk h1, #module_registration h1#maintitle {
   color: var(--feher);
    font-weight: 900;
    font-size:2em;
    text-align: left;
    line-height: initial;
}
#eloszo h1 {
    color: var(--feher);
     font-weight: 900;
     font-size:2.5em;
     text-align: center;
     line-height: initial;
 }

#container #cikk h2 {
   color: var(--szurke);
    font-weight: 900;
    font-size:2em;
    text-align: left;
    line-height: initial;
    margin-bottom:10px;
}

#container #cikk h3 {
   color: var(--turkiz);
    font-weight: 900;
    font-size:1.5em;
    text-align: left;
    line-height: initial;
    margin-bottom:10px;
}

#container #cikk h4 {
   color: var(--turkiz);
    font-weight: 500;
    font-size:1.3em;
    text-align: left;
    line-height: initial;
    margin-bottom:10px;
}

#container #cikk h5 {
   color: var(--turkiz);
    font-weight: 500;
    font-size:1.3em;
    text-align: left;
    line-height: initial;
}

#container #cikk h6 {
   color: var(--feher);
    font-weight: 400;
    font-size:1.1em;
    text-align: left;
    line-height: initial;
}

#container #cikk p {
   color: var(--szurke);
    font-weight: 400;
}

#container #cikk .cikk_head_box {
    padding:50px;
    background: var(--turkiz);
    /*box-shadow: 0px 5px 20px var(--szurke);*/
    border-radius:var(--borderradius);
    z-index: 10;
    position: relative;
    /*border-bottom:3px solid var(--turkiz);*/
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 0px 5px var(--szurke);
}

#container #cikk .titles {
    padding: 0 0 25px 0;
    color: var(--feher);
    /*background:var(--feher);*/
}
#container #cikk .titles .tags, #container #cikk .titles .szerzok{
    margin-top:5px;
    font-size:11pt;
    font-weight: 100;
    color:var(--feher);
}


#container #cikk .lead {
    /*padding:0px 25px 25px 25px;*/
    color:var(--feher);
    /*background:var(--feher);*/
}
#container #cikk .lead p {
    color:var(--feher);
}

#container #cikk .date {
    /*padding:0 25px;*/
    color:var(--feher);
    font-weight: 100;
    font-size: 0.75em;
}

#container #cikk .cikktartalom {
    background: var(--feher);
    box-shadow: 0px 0px 5px var(--feketealpha);
    border-radius: var(--borderradius);
    padding: 50px;
    width: 80%;
    margin: 25px auto;
}

#container #cikk .irodalomjegyzek {
    word-break: break-all;
    color: var(--szurke);
    font-size: 0.8em;
    line-height: 1.5em;
    margin: 30px 0px;
    font-weight: 400;
}


#tovabbi_cikkek {
    padding: 50px;
    margin: 25px auto;
    background: var(--vilagosturkiz);
    border-radius: var(--borderradius);
    width: 80%;
    box-shadow: 0px 0px 5px var(--feketealpha);
}

#tovabbi_cikkek h3{
    color: var(--feher) !important;
    font-weight: 900;
    font-size: 1.5em;
    text-align: center !important;
    line-height: initial;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.tovabbicikkcontainer {
    display: flex;
    gap: 50px 30px;
    width: 100%;
    flex-wrap: wrap;
}

.tovabbicikkcontainer img {
    width: 40%;
    height:auto;
    object-fit: cover;
    display: block;
    cursor:var(--pointeruniq);
}
.tovabbicikkektext a {
    display: block;
    color:var(--szurke);
    min-height: 3em;
    font-weight: 700;
}

.tovabbicikkekflex {
    background: var(--feher);
    border-radius: var(--borderradius);
    display: flex
;
}

.tovabbicikkeksubtitle {
    max-width: 480px;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    background-color: var(--turkiz);
    border-radius: 20px 20px 0 0;
    color: var(--feher);
    padding: 5px;
    text-transform: uppercase;

}

.tovabbicikkbox .right_thumb {
    position: absolute;
    bottom: -30px;
    right: 20px;
    color: var(--feher);
    background: var(--turkiz);
    line-height: 1.4em;
    padding: 10px 10px;
    display: block;
    margin: 0 auto;
    /* width: 40%; */
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
    width: 40%;
    text-transform: uppercase;
    max-width: 150px;
    min-width: 100px;
    filter: var(--vetettarnyek);
}

.tovabbicikkektext {
    padding: 15px;
}

.tovabbicikkbox {
    position: relative;
    width: calc(50% - 15px);
}


#container #cikk ul, #container #cikk ol {
    margin-left:10%;
    color:var(--turkiz);
}


#container #cikk ul li::marker, #container #cikk ol li::marker {
    color: var(--turkiz); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
}

#container #cikk ul li, #container #cikk ol li {
    color:var(--szurke);
    font-weight: 400;
}



span#fr_1_count {
    color:var(--szurke);
    font-size:0.8em;
}

#container #cikk .ertekeles {
    border-top: 1px solid var(--feketealpha);
}


#c2_1024 div#cikk div#login_in_article_view {
    padding: 50px 100px;
}
/**
 * ROVAT
 */
.rovatcimbox {
    padding: 50px;
    Background: var(--turkiz);
    color: var(--feher);
    /*font-size: 3vw;*/
    /*padding: 10px 30px 30px 30px;*/
    line-height: 1.4em;
    border-radius: var(--borderradius);
    width: 75%;
    margin: 0 auto;
    box-shadow: 0px 0px 5px var(--szurke);
}
.rovattkbox {
    padding: 50px;
    Background: var(--feher);
    color: var(--szurke);
    /*font-size: 3vw;*/
    /*padding: 10px 30px 30px 30px;*/
    line-height: 1.4em;
    border-radius: var(--borderradius);
    width: 75%;
    margin: 0 auto;
    box-shadow: 0px 0px 5px var(--feketealpha);
    margin-bottom:30px;
}
.rovatneve {
    font-size: 2em;
    color: var(--turkiz);
    font-weight: 700;
    text-transform: uppercase;
    padding:50px 20px;
}
.rovatcomment, .rovattkinfo {
    /*font-weight: 100;*/
    text-align: justify;
}
#container .rovatpadding {

}
#container .rovatmainarticle {
    text-align: justify;
    background: url(../images/verkepelemzes/Tovabbkepzes_kiemelt_bg_VODCAST.png) no-repeat top center;
    /*min-height: 312px;*/
    background-size: 1200px auto;
    width: 75%;
    margin: 0 auto;
    border-radius:50px;
    margin-top: 30px;
    padding:30px;
    position: relative;
}

.rovatmainarticle .right_thumb{
    position: absolute;
    bottom:10px;
    right:60px;
    color: var(--feher);
    background: var(--turkiz);
    line-height: 1.4em;
    padding:10px 10px;
    display: block;
    margin:0 auto;
    /*width:40%;*/
    font-weight:bold;
    text-align: center;
    border-radius:20px;
    width: 60%;
    text-transform: uppercase;
    max-width: 261px;
    filter: var(--vetettarnyek);
}

.rovatpadding .mainbox {
    display: flex;
    background: var(--vilagosturkiz);
    border-radius: 0 20px 20px 0;
}

.mainboximg{
    width:40%;
}
.mainboximg a, .mainboximg a img{
    display: block;
    object-fit: cover;
    height: 100% !important;
}
.slidertitle {
    font-weight: 900;
    color: var(--szurke);
    font-size: 1.2em;
}
.slidertitle a {
    color: var(--szurke);
    text-decoration: none;
}
.slidertextbox {
    width:60%;
    padding: 10px 25px 25px 25px;
}


#container .leftcol {
    
    /*padding: 30px;*/
    width: 75%;

    /*margin: 25px auto;*/
    /*background: var(--feher);*/
    /* min-height: 312px; */
    /*background-size: 1200px auto;*/
    border-radius: 50px;
}

#container .leftcol .rovatelemek {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.mainboxtxtgroup {
    /*padding: 10px 25px 25px 25px;
    background: var(--vilagosturkiz);
    border-radius: 0 0 50px 50px;*/
}


.blocktitle {
    color: var(--szurke) !important;
    /* height: 3.4em; */
    text-align: center;
}
.blocklead {
    margin-bottom: 10px;
    color: var(--szurke);
}

.mainboxtxtgroup span.date {
    color: var(--szurke);
    font-weight: 100;
    font-size:0.75em;
}

#container .leftcol .block {
    /*width: calc((100% / 2) - 15px);*/
    padding: 25px;
    text-align: left;
    background: var(--feher);
    border-radius: 20px;
    box-shadow: 0px 0px 5px var(--feketealpha);
    position: relative;
}

.anchor{
    position: absolute;
    top:-100px;
}

#container .leftcol .block a.h1,
#container .leftcol .block p.h1 {
    color: var(--szurke);
    font-weight: 900;
    font-size:1.2em;
    text-align: center;
    line-height: initial;
}
#container .rovatpadding a.h1 {
    color: var(--vilagosturkiz);
    font-weight: 900;
    font-size:1.4em;
    text-align: left;
    line-height: initial;
}

/*#container .leftcol .block p, */
.rovatpadding p {
    margin-top:15px;
    text-align: justify;
    color:var(--szurke);
    font-weight: 100;
    line-height: 1.4em;
}
#container .leftcol .block p {
    text-align: justify;
    color:var(--szurke);
    /*font-weight: 100;*/
    line-height: 1.4em;
}


/*#container img.bbor {
    float: left;
    margin: 0px 15px 15px 0px;
}*/

#container .leftcol img.bbor, #container .rightcol img.bbor {
    width: 100%;
    height: 100%;
    display: block;
    /* max-height: 240px; */
    object-fit: cover;
}

#container a.more .arrow_right {
  transform: rotate(180deg);
  font-size:2em;
    display: inline-block;
    position: relative;
    top: 11px;
}

#container #left-column .rightmore,
#container #left-column .kreditbutton {
    text-align: center;
    color: var(--vilagosturkiz)
}

#container #left-column .rightmore a {
    color: var(--feher);
    background: var(--turkiz);
    line-height: 1.4em;
    padding:10px 10px;
    display: block;
    margin:0 auto;
    /*width:40%;*/
    font-weight:bold;
    text-align: center;
    border-radius:20px;
    width: 60%;
    text-transform: uppercase;
    margin-top: 15px;
    /*filter: var(--vetettarnyek);*/
}
#container #left-column .kreditbutton a {
    color: var(--feher);
    background: var(--turkiz);
    line-height: 1.4em;
    padding:10px 10px;
    display: block;
    margin:0 auto;
    /*width:40%;*/
    font-weight:bold;
    text-align: center;
    border-radius:20px;
    width: 60%;
    text-transform: uppercase;
    margin-top:30px;
    filter: var(--vetettarnyek);
}
#container #left-column .rightmore a.more {
    background: var(--turkiz);
    color: var(--feher);
    padding: 10px;
    border-radius:var(--borderradius);
    transition:all 200ms;
}
#container #left-column .rightmore a.more:hover {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.3)) !important;
}
#container #left-column #cikk .cikkcontent{
    padding:50px 100px;
}




/**
 * Onlinetovabbkepzes
 */

/*#container #cikk .vpotkkoszonto {
    padding:25px 100px;
    text-align: justify;
}*/
#container #cikk .vpotkkoszonto {
    padding: 25px 40px;
    text-align: justify;
    max-width: 1100px;
    margin: 0 auto;
    background: var(--feher);
    border-radius:50px 50px 0 0;
}

#container #cikk .vpeloadas {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: left;
}

#container #cikk .vpvideobox {
    background: var(--turkiz);
    padding: 20px 20px;
    color: var(--feher);
}

#container #cikk .vpvideobox p {
    color: var(--feher);
    margin:15px 0px;
    text-align: justify;
}

#container #cikk .vpvideotitle {
    display: flex;
    margin-left: 30px;
    padding: 15px;
    color: var(--szurke);
}

#container #cikk .titletext {
    margin-left: 30px;
}

#container #cikk .titlecim {
    color: var(--turkiz);
    font-weight: 700;
    font-size: 1.4em;
    margin-bottom: 10px;
}

#container #cikk .titleea {
    color: var(--szurke);
}

#container #cikk .titleea strong {
    font-weight: 700;
}

#container #cikk .vpvideobox .vpvideotitle .titleea strong{
    font-weight:700;
}







/**
 * footer
 */

#c2_1024 #footer {
		/*background: url("../images/vaspotlas/site_bottom_BG_vapotlas_2021.png") no-repeat top center;*/
		background:var(--szurke);
        color: var(--feher);
		margin: 0 auto;
		text-align: center;
		width: 100%;
		display: flex;
        align-items: center;
        justify-content: space-between;
        position:relative;
        z-index: 1;
        padding:10px;
        /*margin-top:-150px;*/
	}
	
	#c2_1024 #footer ul {
		/*margin-top:10px;*/
	}
	
	
	#c2_1024 #footer li {
		float: none;
		list-style: none;
		display: inline-block;
        padding:0 15px;
	}
    #c2_1024 #footer a {
		color: var(--feher);
        font-weight: 500;
	}
	
	#c2_1024 #footer .leftcol, #c2_1024 #footer ul {
		float: none;
	}
    
    #c2_1024 #footer .leftcol{
        padding:10px;
	}





/*
	Regisztráció

*/

form.editform {
    line-height: 2.5em;
    color: var(--szurke);
}

form.editform p {
    line-height: 1.5em;
    text-align: justify;
	margin-bottom:15px;
}




fieldset {
    padding: 10px;
    border-top: 2px solid var(--feketealpha);
    border-bottom: none;
    border-left: none;
    border-right: none;
    text-align: center;
}

fieldset fieldset{
    padding: 10px 0px;
    margin: 10px 0px;
    border-bottom: 2px solid var(--feketealpha);
}


div#module_registration {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
}

div#module_registration label {
    padding: 5px;
    color: var(--turkiz);
    display: inline-block;
    width: 30%;
    text-align: right;
    font-size: 1em;
    line-height: 1.2em;
}

div#module_registration input {
    padding: 10px;
    color: var(--szurke);
    background: var(--feketealpha);
    border: 0px;
	width: 40%;
}

div#module_registration .radio {
    display: flex;
    justify-content: center;
}

div#module_registration .radio .coloumn {
    margin: 0px 10px;
}

div#module_registration .radio input[type=radio] {
    margin: 5px;
}
fieldset.megerosit label{
    display: none !important;
}
div#module_registration input[type=radio] {
    width:40px;
    height: 20px;
    margin: 10px 0;
}
div#module_registration input[type=submit] {
    background:var(--vilagosturkiz);
    color:var(--feher);
    cursor:pointer;
    border-radius: var(--borderradius);
}

div#module_registration select {
    width: 40%;
	color: var(--szurke);
    background: var(--feketealpha);
    border: 0px;
    padding:10px;
    margin-left: 3px;
}


#c2_1024 .panels a.panelTab {
    color: var(--feher);
    background: var(--turkiz);
    border-right: 1px solid white;
    margin-bottom: 10px;
    padding: 3px 6px;
    text-decoration: none !important;
    cursor: var(--pointeruniq);
	filter: brightness(1) grayscale(0.5);
}

#c2_1024 .panels a.panelTab:hover {
	filter: brightness(1.2) grayscale(0);
}
#c2_1024 .panels a.active {
    filter: brightness(1) grayscale(0);
}

span.error_message {
		background: #e67e22;
		color: var(--feher);
		padding: 5px;
		line-height: 1.2em;
		display: block;
	}

/*----------------lipidcsokkentes end-----------*/


/* KWINDOW: */
#kwindow_center {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 101;

}

#kwindow_center #kwindow {
    background: white;
    width: 100% !important;
    height: auto;
    position: static;
    margin: 70px auto;
    display: none;
    overflow: hidden;
    padding: 10px;
    max-width: 1000px;
    box-sizing: border-box;
}

#kwindow_center #kwindow img{
    width: 100%;
    height: auto;
}



#kwindow_center #kwindow #kwindow_content {
	text-align: right;
}

#kwindow_center #kwindow_loading {
	width: 100px;
	height: 100px;
	background: url(/images/miracle/loading.gif) no-repeat;
	position: static;
	margin: 200px auto;
	display: none;
}

#photogallery2_darken {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: black;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	z-index: 100;
}

*html #photogallery2_darken {
	position: absolute;
	display: none;
}

/* kwindow gallery template 1 (a meretek automatikusak a kepmeretek szerint) */

.kwindow_gallery_template_1 .floated {
	overflow: hidden;
}

*html .kwindow_gallery_template_1 .floated {
	overflow: visible;
	height: 1%;
}

.kwindow_gallery_template_1 .floated .leftcol {
	float: left;
}

/* csavez 2009.04.10 */
.kwindow_gallery_template_1 .floated .leftcol .main_image {
	float:left;
	width:470px;
	margin:0px auto;
}

.kwindow_gallery_template_1 .floated .leftcol .nav_left,
.kwindow_gallery_template_1 .floated .leftcol .nav_right {
	margin:0px;
	width:16px;
	float:left;
}

.kwindow_gallery_template_1 .floated .leftcol .nav_right {
	float:right;
}

.kwindow_gallery_template_1 .floated .leftcol .nav .move_prev,
.kwindow_gallery_template_1 .floated .leftcol .nav .move_next  {
	background:transparent url(/images/miracle/kwindow_gallery_prev.jpg) no-repeat scroll right center;
	height:45px;
	padding:0px;
	width:16px;
	float:none;
	height:300px;
}

.kwindow_gallery_template_1 .floated .leftcol .nav .move_next {
	background:transparent url(/images/miracle/kwindow_gallery_next.jpg) no-repeat scroll right center;
	width:16px;
	padding:0px;
	float:right;
	
}
/* vége */

.kwindow_gallery_template_1 .floated .leftcol img {
	margin: 0px auto;
	display: block;
}

.kwindow_gallery_template_1 .floated .leftcol .picture_title {
	text-align: center;
	margin-top: 4px;
	color: #303030;
}

.kwindow_gallery_template_1 .floated .rightcol {
	float: right;
	border-left: 1px dotted #AAAAAA;
	padding-left: 10px;
}

*html .kwindow_gallery_template_1 .floated .rightcol {
	overflow: hidden;
	position: relative;
}

*+*+html .kwindow_gallery_template_1 .floated .rightcol {
	overflow: hidden;
	position: relative;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs {
	overflow: hidden;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs table#kwindow_gallery_thumbs {
	position: relative;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs td {
	border-bottom: 4px solid white;
}

.kwindow_gallery_template_1 .floated .rightcol .thumbs td img {
	display: block;
	margin: 0px auto;
}

.kwindow_gallery_template_1 .floated .rightcol .move_up {
	background: white url(/images/miracle/kwindow_gallery_up.jpg) center no-repeat;
	height: 25px;

	margin-bottom: 10px;
	position: relative;
	z-index: 7777;
}

.kwindow_gallery_template_1 .floated .rightcol .move_down {
	background: white url(/images/miracle/kwindow_gallery_down.jpg) center no-repeat;
	height: 25px;

	margin-top: 10px;
	position: relative;
}

.kwindow_gallery_template_1 #va_outer {
}

.kwindow_gallery_template_1 #va_inner img {
	display: block;
	margin: 0px auto;
}

.kwindow_gallery_template_1 .nav {
	float: left;
	width: 260px;
	margin-left: 250px;
	margin-top: -34px;
	margin-bottom: 7px;
}

*html .kwindow_gallery_template_1 .nav {
	margin-left: 125px;
}

.kwindow_gallery_template_1 .nav a.print_image {
	float: left;
	margin-left: 12px;
	cursor: var(--pointeruniq);
}

.kwindow_gallery_template_1 .nav .move_prev {
	background: white url(/images/miracle/kwindow_gallery_prev.jpg) no-repeat left top;
	width: 66px;
	height: 23px;
	float: left;
	padding: 15px 25px;
	cursor: var(--pointeruniq);
}

.kwindow_gallery_template_1 .nav .move_next {
	background: white url(/images/miracle/kwindow_gallery_next.jpg) no-repeat right top;
	width: 66px;
	height: 23px;
	float: right;
	padding: 15px 25px;
	text-align: right;
	cursor: var(--pointeruniq);
}

.kwindow_gallery_template_1 .clear {
	clear: both;
}


/**
 * DEFAULT KGALLERY
 */
#kwindow_gallery .border {
	border:1px dotted #AAAAAA;
	padding: 10px;
}

#kwindow_gallery .title {
	border-left:8px solid #FF9500;
	font-size:1.1em;
	font-weight:bold;
	margin:10px auto;
	padding-left:6px;
	color: black;
}

#kwindow_gallery a.kwindow_close {
	background:transparent url(/images/miracle/icons/cross.png) no-repeat scroll 0 0;
	cursor:var(--pointeruniq);
	float:right;
	padding-left:20px;
}

/**
 * Tooltip irodalomjegyzékhez
 */
#biblio-tip,
#ad-tip {
    position: absolute;
    z-index: 9999;
    display: block;
    width: 300px;
    /*overflow: hidden;*/
    font-size: .70em;
    font-weight: 400;
    text-align: left;
    background: var(--turkiz);
    color:var(--feher);
    padding:10px;
    box-shadow:0px 0px 5px var(--szurke);
    word-wrap: break-word;
}

#biblio-tip::before {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
   border-top: 20px solid transparent;
    border-bottom: 0px solid transparent;
    /* border-right: 20px solid black; */
    left: 25px;
    top: -20px;
    border-left: 20px solid var(--turkiz);
}

/*#biblio-tip div.top,
#ad-tip div.top {
    background: url(/images/tooltip_top.gif) no-repeat left top;;
    height: 27px;
    width: 300px;
}

#biblio-tip div.content,
#ad-tip div.content {
    background: url(/images/tooltip_bg.gif);
    background-repeat: repeat-y;
    width: 280px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

#ad-tip div.content div.container {
    background: url(/images/hirdetes_ad.gif) no-repeat -9px center;
    padding-left: 15px;
}

#ad-tip div.content div.container span.ad_text {
    display: none;
}

#biblio-tip div.bottom,
#ad-tip div.bottom {
    background: url(/images/tooltip_bottom.gif) no-repeat left top;;
    height: 10px;
    width: 300px;
}*/

/**
 * kulcsszóra mejelenő hirdetés
 *
 */

.article_ad_keyword {
    border-bottom: double;
    color: #094FA3;
    cursor: var(--pointeruniq);
}

a.article_ad_keyword:hover {
    text-decoration: none;
}

/**
 *  .....kulcsszóra mejelenő hirdetés
 */


#cikk #comments form textarea {
    font-size: 12px;
}


div.cikk_content div.banner_468x60_in_article {
    background: transparent url(/images/hirdetes.gif) no-repeat scroll 2px 50%;
   
    margin: 15px auto;
    padding: 0 0 0 25px;
    width: 450px;
    margin-left: -20px;
}

div.cikk_content div.banner_468x60_in_article br {
    display: none;
}

div.cikk_content div.banner_468x60_in_article span {
    display: block;
}

div.cikk_content div.banner_468x60_in_article span.ad_title a {
    color: #000000;
    display:block;
    font-weight: bold;
    text-decoration: none;
}

div.cikk_content div.banner_468x60_in_article .ad_description {
    font-size: 0.9em;
    font-weight: normal;
}

div.cikk_content div.banner_468x60_in_article span.ad_link a {
    color: #4A9219;
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    text-decoration: underline;
}

.banner {
}

#body .info {
    background: none;
}

/**
 * Tesztek (kreditpontot és adminon is)
 */
div#teszt form.editform label {
    width:80%;
    text-align: left;
}

/**
* Related figures
*/

a.kwindow_close {
    background: url(../images/verkepelemzes/close.svg) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
}

#cikk div.related_figures {
	width: 100%;
	/*border: 1px solid var(--turkiz);*/
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
    /*background: url("../images/vaspotlas/site_bottom_BG_vapotlas_2021.png") no-repeat 50% center;*/
	background: var(--gradient);
    box-sizing: border-box;
    
}

#cikk div.related_figures img {
	margin: 10px auto;
	max-width: 100%;
    /*width:;*/
	border: 0;
}

#cikk div.related_figures p {
	/*font-size: 1em;*/
	font-weight: 400;
	color: var(--szurke);
	margin: 0;
}

#cikk div.related_figures a {
	display: block;
    text-align: center;
}

#cikk div.related_figures span {
    color:var(--szurke);
    font-weight: 400;
	display: block;
}

.topbar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .topbar-nav .metismenu {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 1.2em;
    margin-right: 20px;
  }
  .topbar-nav .metismenu sup {
    font-size: 9px;
  }
  .topbar-nav .metismenu > li {
    /*flex: 0 0 150px;*/
    display: flex;
    flex-direction: column;
    position: relative;
    /*width: 160px;*/
    max-width: calc(100% + 100px);
    text-align: left;
  }
  
  .topbar-nav .metismenu a {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 15px;
    text-transform: uppercase;
    color: var(--szurke);
    font-weight: bold;
    outline-width: 0;
    transition: all 0.3s ease-out;
    border-bottom:2px solid transparent;
    /* margin: 0 10px; */
  }

  .topbar-nav .metismenu li a.active { 
    /*color: var(--feher);
    background: var(--turkiz);
    border-radius:var(--borderradius);*/
    border-bottom: 2px solid var(--vilagosturkiz);
    color:var(--turkiz);
}

  .topbar-nav .metismenu a img{
    position:absolute;
    left:10px;
    top:50%;
    transform: translate(0,-50%);
  }

  .topbar-nav .metismenu a:hover,
  .topbar-nav .metismenu a:focus,
  .topbar-nav .metismenu a:active {
    /*color: #0c63e4;*/
    text-decoration: none;
    background: var(--feketealpha);
    border-radius:var(--borderradius);
    border-bottom:2px solid var(--vilagosturkiz);
  }


  .topbar-nav .metismenu .submenu li:first-child a {
    border-radius:5px 5px 0 0;
  }

  .topbar-nav .metismenu .submenu li a {
    border-radius:0 0 0 0;
    border-bottom:0px;
  }

  li.disabled{
    pointer-events: none;
    background-color: var(--szurke);
    filter: blur(1px);
  }
  
  li.disabled a{
    color:var(--feher) !important;
  }
  
  .topbar-nav .metismenu .submenu li:last-child a:last-child,
  li.disabled:last-child {
    border-radius:0 0 5px 5px;
  }
  .topbar-nav .metismenu .submenu li:first-child a:hover,
  .topbar-nav .metismenu .submenu li:first-child a:focus,
  .topbar-nav .metismenu .submenu li:first-child a:active,
  .topbar-nav .metismenu .submenu li a:hover,
  .topbar-nav .metismenu .submenu li a:focus,
  .topbar-nav .metismenu .submenu li a:active,
  .topbar-nav .metismenu .submenu li:last-child a:hover,
  .topbar-nav .metismenu .submenu li:last-child a:last-child:focus,
  .topbar-nav .metismenu .submenu li:last-child a:last-child:active {
    background: var(--feheralpha);
  }

  .metismenu .has-arrow::after {
    right: 15px !important;
}

.topbar-nav .metismenu > li > ul {
    background: var(--turkiz);
    /*border-bottom:1px solid var(--feheralpha);*/
    border-radius:5px;
    /*border: 1px solid #e7f1ff;*/
}

.topbar-nav .metismenu > li > ul a{
    color: var(--feher);
}

.topbar-nav .metismenu > li > ul > li{
    border-bottom:1px solid var(--feher);
}

.topbar-nav .metismenu > li > ul > li:last-child{
    border-bottom: 0px;
}

.topbar-nav .metismenu > li > ul > li > ul {
    background: var(--szurke);
    /*border: 1px solid #e7f1ff;*/
}
@media (min-width: 960px) {
    .topbar-nav .metismenu {
      flex-direction: row;
    }
    .topbar-nav .metismenu > li {
      flex-direction: column;
    }
    .topbar-nav .metismenu > li > ul {
      position: absolute;
      top: 110%;
      min-width: 250px;
      text-align: center;
      z-index: 1001;
      box-shadow: 0px 0px 5px var(--szurke);
      /*border: 1px solid #e7f1ff;*/
    }
    .topbar-nav.is-hoverable .metismenu > li > ul {
      height: auto !important;
    }
    .topbar-nav.is-hoverable .metismenu > li:hover > ul {
      display: block;
    }
    .topbar-nav.is-hoverable .metismenu > li:hover > a.has-arrow:after {
      transform: rotate(-135deg);
    }
  }

  .truncate2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
    hyphens: auto;
    -webkit-hyphens: auto;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
 }

 .truncate3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3;
    -webkit-box-orient: vertical;
    hyphens: auto;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
 }

 .truncate4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
            line-clamp: 4;
    -webkit-box-orient: vertical;
    hyphens: auto;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
 }

 .truncate5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* number of lines to show */
            line-clamp: 5;
    -webkit-box-orient: vertical;
    hyphens: auto;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
 }

 span.tovabbkepzescounter {
    display: inline-block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    line-height: 40px;
    background: var(--turkiz);
    color: var(--feher);
    font-weight: 900;
    border-radius: 50%;
    font-size: 1.5em;
    text-align: center;
    text-shadow: 0 0 4px var(--szurke);
}

/*div#cookie-bar {
    font-size: 1.2em !important;
}*/

#needtoblur{
    display:block;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:0;
    transition: all 500ms;
    backdrop-filter: blur(50px);
}
.bluring{
    height:100% !important;
    
}

.button-1 {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: var(--pointeruniq);
    outline-offset: 4px;
    transition: filter 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin:10px;
}

.button-1-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: hsl(0deg 0% 0% / 0.25);
    will-change: transform;
    transform: translateY(2px);
    transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.button-1-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient( to left, hsl(356 97% 16%) 0%, hsl(356 97% 32%) 8%, hsl(356 97% 32%) 92%, hsl(356 97% 16%) 100% );
    /*background: linear-gradient( to left, hsl(30 100% 16%) 0%, hsl(30 100% 32%) 8%, hsl(30 100% 32%) 92%, hsl(30 100% 16%) 100% );*/
}
.button-2-edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient( to left, hsl(34 89% 16%) 0%, hsl(34 89% 32%) 8%, hsl(34 89% 32%) 92%, hsl(34 89% 16%) 100% );
    /*background: linear-gradient( to left, hsl(0, 100%, 16%) 0%, hsl(0, 100%, 32%) 8%, hsl(0, 100%, 32%) 92%, hsl(0, 100%, 16%) 100% );*/
}

.button-1-front {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: 1.1rem;
    color: white;
    background: hsl(356, 97%, 47%);
    /*background: hsl(30 100% 47%);*/
    will-change: transform;
    transform: translateY(-4px);
    transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
}
.button-2-front {
    display: block;
    position: relative;
    padding: 12px 27px;
    border-radius: 12px;
    font-size: 1.1rem;
    color: white;
    background: hsl(34 89% 47%);
    /*background: hsl(0, 100%, 47%);*/
    will-change: transform;
    transform: translateY(-4px);
    transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
}

@media (min-width: 768px) {
    .button-1-front, .button-2-front {
        font-size: 1.25rem;
        padding: 12px 42px;
    }
}

.button-1:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
}

.button-1:hover .button-1-front, .button-1:hover .button-2-front {
    transform: translateY(-6px);
    transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.button-1:active .button-1-front, .button-1:active .button-2-front {
    transform: translateY(-2px);
    transition: transform 34ms;
}

.button-1:hover .button-1-shadow {
    transform: translateY(4px);
    transition: transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.button-1:active .button-1-shadow {
    transform: translateY(1px);
    transition: transform 34ms;
}

.button-1:focus:not(:focus-visible) {
    outline: none;
}