@font-face {
    font-family: 'Garet-Heavy';
    src: url('fonts/Garet/Garet-Heavy.woff2') format('woff2'),
         url('fonts/Garet/Garet-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Garet-Book';
    src: url('fonts/Garet/Garet-Book.woff2') format('woff2'),
         url('fonts/Garet/Garet-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon/fonts/icomoon.eot?7axw64');
	src:  url('fonts/icomoon/fonts/icomoon.eot?7axw64#iefix') format('embedded-opentype'),
	url('fonts/icomoon/fonts/icomoon.ttf?7axw64') format('truetype'),
	url('fonts/icomoon/fonts/icomoon.woff?7axw64') format('woff'),
	url('fonts/icomoon/fonts/icomoon.svg?7axw64#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}*/

*, *::before, *::after {box-sizing: inherit;}
::-webkit-scrollbar {
	width: 20px;
	width: 18px;
}
::-webkit-scrollbar-thumb {
	background-color: darkgrey;
/*	border-radius: 4px;*/
}

html { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	font-size: 1.25rem;
	box-sizing: border-box;
	--background-color: #fffbf5;
	/*
	*/
	--first-color: #ede3db;
	--first-color-hover: #ede3db;
	--second-color: #dda980;
	--second-color-hover: #fda35d;
	--third-color: #313131;
	--highlight-color: #313131;
	--primary-color: var(--first-color);
	--primary-color-hover: var(--first-color-hover);
	--accent-color: var(--second-color);
	--accent-color-hover: var(--second-color-hover);
	--text-color: #313131; 
	--text-gray: #626262; 
	--text-lightgray: #adadad; 
	--background-color-light: #fffbf5;
	--background-color-medium: #eee4d9;
	--background-color-lightgray: #f5f5f5;
	--background-color-lightgray2: #e2e2e2;
	--background-color-dark: #323232;
	--button-color: var(--accent-color);
	--button-color-hover: var(--accent-color-hover);
	--pagewidth0-max: 1800px;
	--pagewidth1-max: 1640px;
	--pagewidth2-max: 1550px;
	--pagewidth3-max: 1500px;
	--pagewidth4-max: 1450px;
	--pagewidth5-max: 1350px;
	--pagewidth6-max: 1230px;
	--pagewidth7-max: 1200px;
	--pagewidth8-max: 1150px;
	--pagewidth9-max: 1050px;
	--pagewidth10-max: 860px;
	--pagewidth0: min(90vw, var(--pagewidth0-max));
	--pagewidth1: min(90vw, var(--pagewidth1-max));
	--pagewidth2: min(90vw, var(--pagewidth2-max));
	--pagewidth3: min(90vw, var(--pagewidth3-max));
	--pagewidth4: min(90vw, var(--pagewidth4-max));
	--pagewidth5: min(90vw, var(--pagewidth5-max));
	--pagewidth6: min(80vw, var(--pagewidth6-max));
	--pagewidth7: min(80vw, var(--pagewidth7-max));
	--pagewidth8: min(80vw, var(--pagewidth8-max));
	--pagewidth9: min(70vw, var(--pagewidth9-max));
	--pagewidth10: min(70vw, var(--pagewidth10-max));
	--pagewidth: var(--pagewidth6); /* editor */
	--pagewidth-max: var(--pagewidth6-max); /* editor */
	/* --winwidth: 100vw; */
	--winwidth: calc(100vw - 18px);
	/* --winwidth: calc(100vw - 20px); */
	--winwidth-margin: 0;
	--section-gap: 4rem;
	--shaddow1: 3px 2px 6px 0px rgba(0, 0, 0, 0.2);
	--shaddow2: 3px 4px 9px 1px rgba(0, 0, 0, 0.25);
	--shaddow3: 3px 4px 12px 1px rgba(0, 0, 0, 0.15);
	--shaddow6: 5px 6px 22px 0px rgba(0, 0, 0, 0.15);
	--link-color: #313131;
	--logo-size: 200px;
}
/* @media (max-width: 1600px) { html { font-size: 100%; } } */
@media (max-width: 600px) { 
	html {
		--pagewidth: 85vw;
		--pagewidth6: 85vw;
	}
}

.inverse {
	--accent-color: var(--primary-color);
	--accent-color-hover: var(--primary-color-hover);
	--button-color: var(--accent-color);
	--button-color-hover: var(--accent-color-hover);
}

body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	font-family: 'Garet-Book', sans-serif;
	color: var(--text-color); 
	background-color: var(--background-color);
}

table {border-collapse: collapse;}
img, table { border: 0; }
img { max-width: 100%; }
figure {
	display: inline; /*display: inline, mert a max-width nem érvényesűlt*/
	margin-block-start: 0px;margin-block-end: 0px;margin-inline-start: 0px;margin-inline-end: 0px;
	padding-block-start: 0px;padding-block-end: 0px;padding-inline-start: 0px;padding-inline-end: 0px;
}
figure img { width: 100%; }
figure figcaption { font-size: 0.8em; margin-top: 0.3em; }

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

h1, h2, h3, h4 {color: var(--text-color); line-height: 1.25;}
h1 { font-size: 3.4em; font-weight: normal;}
h2 { font-size: 2.7em; font-weight: normal;}
h3 { font-size: 2em; font-weight: normal; }
h4 { font-size: 1.2em; font-weight: 500; }

.section > h2 {margin-top: 0;}
h3 + h1 {margin-top: 0;}
h1 + h3 {margin-top: 0; font-size: 1.8em;}
h1:has(+ h3) {margin-bottom: 0;}
h3:has(+ h1) {margin-bottom: 0; font-size: 1.8em;}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre.pp { background-color: #DDD; font-size: 14px; line-height: 18px; }
big { font-size: 1.25rem; }

input[type=text], input[type=email], input[type=number], input[type=password], textarea, select {
	padding: 1em;
	border: 0;
	border-bottom: 1px var(--text-color) solid;
	background-color: transparent;
	width: 100%;
	line-height: 1em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
}
input[type=text]:hover, input[type=text]:focus, 
input[type=email]:hover, input[type=email]:focus, 
input[type=number]:hover, input[type=number]:focus, 
input[type=password]:hover, input[type=password]:focus, 
textarea:hover, textarea:focus, 
select:hover, select:focus {
	/* box-shadow: 0px 0px 20px 0px #B5B5B5;  */
	/* -webkit-box-shadow: 0px 0px 20px 0px #B5B5B5;  */
	/* -moz-box-shadow: 0px 0px 20px 0px #B5B5B5;  */
}
input[type=radio], input[type=checkbox] {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	margin-right: 0.3em;
	vertical-align: -1px;
}
input[readonly] {
	color: #999;
	background-color: #EEE;
	cursor: default;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}
button, .button, a.button, input[type=button], input[type=submit] {
	display: inline-block;
	padding: 0.7em 10%;
	--button-color: transparent;
	background-color: var(--button-color);
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em; 
	line-height: 1em;
	color: var(--text-color);
	border: 1px solid var(--text-color);
	border-radius: 2px;
	transition: all .2s;
	letter-spacing: 0.05em;
}
button.slim, .button.slim, a.button.slim, input[type=button].slim, input[type=submit].slim {
	padding: 0.5em 0.9em;
	font-weight: 600;
	font-size: 0.9em;
}
button.thin, .button.thin, a.button.thin, input[type=button].thin, input[type=submit].thin {
	padding: 0.9em 0.7em;
	font-weight: 500;
	font-size: 0.8em;
	line-height: 0em;
}
button:hover, .button:hover, a.button:hover, input[type=button]:hover, input[type=submit]:hover {
	background-color: var(--button-color-hover);
	border-color: transparent;
	color: #FFF;
}
button.button-red, .button.button-red, a.button.button-red, input[type=button].button-red, input[type=submit].button-red {
	background-color: #e7000e;
}
/*button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover {*/
/*	background-color: #ff0011;*/
/*}*/
button.button-white, .button.button-white, a.button.button-white, input[type=button].button-white, input[type=submit].button-white {
	background-color: #FFFFFF;
	color: var(--second-color);
}
button.button-white:hover, .button.button-white:hover, a.button.button-white:hover, input[type=button].button-white:hover, input[type=submit].button-white:hover {
	background-color: var(--second-color);
	color: #FFFFFF;
}
::-webkit-input-placeholder { color: #AAA; }
:-moz-placeholder { color: #AAA; }
:-ms-input-placeholder { color: #AAA; }
:hover::-webkit-input-placeholder { color: #CCC; }
:hover:-moz-placeholder { color: #CCC; }
:hover:-ms-input-placeholder { color: #CCC; }

figure[style*="float:left"],
figure[style*="float: left"],
figure[style*="float:right"],
figure[style*="float: right"],
img[style*="float:left"],
img[style*="float: left"],
img[style*="float:right"],
img[style*="float: right"] {
	margin-right: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
}
figure[style*="float:right"],
figure[style*="float: right"],
img[style*="float:right"],
img[style*="float: right"] {
	margin-right: 0;
	margin-left: 1em;
}

/** common **************************************************************************************/

#contents.is-left {
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-column-gap: 5%;
	margin: 0 auto;
}
#contents.is-right {
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-column-gap: 5%;
	margin: 0 auto;
}
#contents.is-left.is-right {
	display: grid;
	grid-template-columns: 200px 1fr 300px;
	grid-column-gap: 3%;
	margin: 0 auto;
}

.section {
	padding-top: var(--section-gap);
	padding-bottom: var(--section-gap);
}
.section-light {
	--background-color: var(--background-color-light);
	color: var(--text-color);
	background: var(--background-color);
}
.section-medium {
	--background-color: var(--background-color-medium);
	color: var(--text-color);
	background: var(--background-color);
}
.section-dark {
	--link-color: var(--primary-color);
	--text-color: var(--primary-color);
	--background-color: var(--background-color-dark);
	color: var(--text-color);
	background: var(--background-color);
}
.section-medium + .section-medium {
	padding-top: 0;
}
.section:not(.section-medium):not(.section-dark) + .section:not(.section-medium):not(.section-dark) {
	padding-top: 0;
}
#contents .section:first-child:not(.section-medium):not(.section-dark) {
	padding-top: calc(var(--section-gap) / 2);
}

.inverse {background-color: var(--primary-color);}
.inverse * {color: #FFFFFF;}

.section-title {
	font-size: 1.875rem;
	font-weight: normal;
}

.pagewidth {width: var(--pagewidth); max-width: var(--pagewidth-max); margin-left: auto;margin-right: auto;} /* editor */
.pagewidth0 {width: var(--pagewidth0); max-width: var(--pagewidth0-max); margin-left: auto;margin-right: auto;}
.pagewidth1 {width: var(--pagewidth1); max-width: var(--pagewidth1-max); margin-left: auto;margin-right: auto;}
.pagewidth2 {width: var(--pagewidth2); max-width: var(--pagewidth2-max); margin-left: auto;margin-right: auto;}
.pagewidth3 {width: var(--pagewidth3); max-width: var(--pagewidth3-max); margin-left: auto;margin-right: auto;}
.pagewidth4 {width: var(--pagewidth4); max-width: var(--pagewidth4-max); margin-left: auto;margin-right: auto;}
.pagewidth5 {width: var(--pagewidth5); max-width: var(--pagewidth5-max); margin-left: auto;margin-right: auto;}
.pagewidth6 {width: var(--pagewidth6); max-width: var(--pagewidth6-max); margin-left: auto;margin-right: auto;}
.pagewidth7 {width: var(--pagewidth7); max-width: var(--pagewidth7-max); margin-left: auto;margin-right: auto;}
.pagewidth8 {width: var(--pagewidth8); max-width: var(--pagewidth8-max); margin-left: auto;margin-right: auto;}
.pagewidth9 {width: var(--pagewidth9); max-width: var(--pagewidth9-max); margin-left: auto;margin-right: auto;}
.pagewidth10 {width: var(--pagewidth10); max-width: var(--pagewidth10-max); margin-left: auto;margin-right: auto;}
.winwidth {
	width: var(--winwidth); 
	margin-left: var(--winwidth-margin)!important;
}
.pagewidth .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth)) / -2); }
.pagewidth1 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth1)) / -2); }
.pagewidth2 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth2)) / -2); }
.pagewidth3 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth3)) / -2); }
.pagewidth4 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth4)) / -2); }
.pagewidth5 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth5)) / -2); }
.pagewidth6 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth6)) / -2); }
.pagewidth7 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth7)) / -2); }
.pagewidth8 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth8)) / -2); }
.pagewidth9 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth9)) / -2); }
.pagewidth10 .winwidth { --winwidth-margin: calc((var(--winwidth) - var(--pagewidth10)) / -2); }

#ismobile, #istablet { display: none; }

.table { display: table; }
.tr,.tbrow { display: table-row; }
.td,.tbcell { display: table-cell; }
.positionr { position: relative; }
.displayb { display: block; }
.kiemelt { color: var(--accent-color); }
.raquo { font-size: 1.5rem; vertical-align: -2px; margin-left: 0.1em; }
.small, .apro { font-size: 0.85rem; line-height: 1.2em; }
.smaller, .aprobb, .xsmall { font-size: 0.70rem; line-height: 1.2em; }
.small .smaller { font-size: 0.80rem; line-height: 1.2em; }
.nagy, .large, .bigger { font-size: 1.25em; }
.fontwn { font-weight: normal; }
.fontwm { font-weight: 500; }
.semib { font-weight: 600; }
.upperc { text-transform: uppercase; }
.nowrap { white-space: nowrap; }
.prewrap { white-space: pre-wrap; }
.clear { clear: both; }
.clearfix::after { content: ""; clear: both; display: table; }
.opacity-50 { opacity:.50; }
.opacity-25 { opacity:.25; }
.halvany { opacity:0.65; }
.halvanyabb, .halovany { opacity:0.4; }
.szurke { color: grey; }
.gray, .gray:link, .gray:visited { color: gray; }
.alignc { text-align: center; }
.alignr { text-align: right; }
.align-right { text-align: right; }
.hide {display: none;}
.hideempty:empty, .hide-empty:empty {display: none;}
.noarrow .draw-arrow {display: none;}
.draw-arrow.noarrow:before, .draw-arrow.noarrow:after {display: none;}
.noselect {
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
	-moz-user-select: none; -ms-user-select: none; user-select: none; 
}

.flex {display: flex;}
.gap1em {gap: 1em;}
.gap05em {gap: 0.5em;}
.alignic {align-items: center;}

.grid-tc-1-1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.text-underline {position: relative;} 
.text-underline:after {
	content: ""; display: block; 
	border-top: 1.5px solid var(--text-color); position: absolute; 
	left: 0; bottom: 0.2em; width: 100%; height: 0; opacity: 1;
	transition: width 0.3s ease 0s, bottom 0.3s ease 0s, opacity 0.3s ease 0s;
}
a.text-underline:hover:after {border-color: var(--highlight-color);}

.hoverline { position: relative; } 
.hoverline:after { content: ""; display: block; 
	border-top: 2px solid var(--primary-color); position: absolute; 
	left: 0; bottom: -8px; width: 0; height: 0; opacity: 1;
	transition: width 0.3s ease 0s, bottom 0.3s ease 0s, opacity 0.3s ease 0s;
}
#breadcrumb .hoverline:after, #middle .hoverline:after {
	border-top: 2px solid var(--highlight-color);
}
.akt .hoverline:after, .hoverline.akt:after, .hoverline:hover:after { width: 100%; opacity: 1; }

.containbg {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.coverbg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/**/
.m0{margin:0;}
.mv1rem {margin-top: 1rem; margin-bottom: 1rem;}
.mv2rem {margin-top: 2rem; margin-bottom: 2rem;}
.mv3rem {margin-top: 3rem; margin-bottom: 3rem;}
.mv4rem {margin-top: 4rem; margin-bottom: 4rem;}
.mv5rem {margin-top: 5rem; margin-bottom: 5rem;}
.mt1rem {margin-top: 1rem;}
.mt2rem {margin-top: 2rem;}
.mt3rem {margin-top: 3rem;}
.mt4rem {margin-top: 4rem;}
.mt5rem {margin-top: 5rem;}
.mt05em {margin-top: .5em;}
.mb1rem {margin-bottom: 1rem;}
.mb2rem {margin-bottom: 2rem;}
.mb3rem {margin-bottom: 3rem;}
.mb4rem {margin-bottom: 4rem;}
.mb5rem {margin-bottom: 5rem;}
.mh0{margin-left:0;margin-right:0;}
.mv05em{margin-top:0.5em;margin-bottom:0.5em;}
.mv0{margin-top:0;margin-bottom:0;}
.mah{margin-left:auto;margin-right:auto;}
.mav{margin-top:auto;margin-bottom:auto;}
.mt0{margin-top:0;}
.ml0{margin-left:0;}
.mr0{margin-right:0;}
.mb0{margin-bottom:0;}
/**/
.p0{padding:0;}
.pl0{padding-left:0;}
.pr0{padding-right:0;}
.pt0{padding-top:0;}
.pb0{padding-bottom:0;}
.ph0{padding-left:0;padding-right:0;}
.pv0{padding-top:0;padding-bottom:0;}
/**/
.w1pc, .w1{width:1%;}
.w2pc, .w2{width:2%;}
.w3pc, .w3{width:3%;}
.w4pc, .w4{width:4%;}
.w5pc, .w5{width:5%;}
.w10pc, .w10{width:10%;}
.w20pc, .w20{width:20%;}
.w30pc, .w30{width:30%;}
.w40pc, .w40{width:40%;}
.w50pc, .w50{width:50%;}
.w60pc, .w60{width:60%;}
.w70pc, .w70{width:70%;}
.w80pc, .w80{width:80%;}
.w90pc, .w90{width:90%;}
.w100pc, .w100{width:100%;}

a.iconize[href*="facebook.com"]:before,
a.iconize[href*="instagram.com"]:before,
a.iconize[href*="twitter.com"]:before,
a.iconize[href*="linkedin.com"]:before,
a.iconize[href*="spotify.com"]:before,
a.iconize[href*="tumblr.com"]:before,
a.iconize[href*="mailto"]:before,
a.iconize[href*="tel"]:before,
a[href^="skype:"]:before {
	display: inline-block; font-style: normal; font-variant: normal; 
	text-rendering: auto; -webkit-font-smoothing: antialiased; 
	font-family: "Font Awesome 5 Brands"; font-weight: 400; 
	content: "\f082"; /*margin-right: 0.5em;*/
	--size: 16px;
	font-size: var(--size);
	width: var(--size);
	height: var(--size);
	line-height: var(--size);
}
a.iconize[href*="facebook.com"],
a.iconize[href*="instagram.com"],
a.iconize[href*="twitter.com"],
a.iconize[href*="linkedin.com"],
a.iconize[href*="spotify.com"],
a.iconize[href*="tumblr.com"],
a.iconize[href*="mailto"],
a.iconize[href*="tel"],
a[href^="skype:"] {
	--size: 30px;
	font-size: var(--size); width: var(--size); height: var(--size); line-height: var(--size); 
	overflow: hidden; display: inline-block; margin: 0;
}
a.iconize[href*="facebook.com"]:before { content: "\f39e"; }
a.iconize[href*="instagram.com"]:before { content: "\f16d"; }
a.iconize[href*="twitter.com"]:before { content: "\f099"; }
a.iconize[href*="linkedin.com"]:before { content: "\f0e1"; }
a.iconize[href*="spotify.com"]:before { content: "\f1bc"; }
a.iconize[href*="tumblr.com"]:before { content: "\f173"; }
a.iconize[href*="mailto"]:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; }
a.iconize[href*="tel"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd"; }
a.iconize.profile:before { font-family: "Font Awesome 5 Free"; content: "\f007"; }
a.iconize.search:before { font-family: "Font Awesome 5 Free"; content: "\f002"; font-weight: 900; }
a.iconize.inverse[href^="facebook.com"]:before { content: "\f082"; }
a.iconize.inverse[href^="instagram.com"]:before { content: "\e055"; }
a.iconize.inverse[href^="linkedin.com"]:before { content: "\f08c"; }
a[href^="skype:"]:before { content: "\f17e"; font-size: 0.35rem; vertical-align: -2px; }
a[href^="skype:"] { font-size: 1.125rem; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #00aff0; color: #FFF; padding: 5px 15px; }

/*[class^="sicon-"], [class*=" sicon-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 0.80rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
button [class^="sicon-"] { font-size: 0.85rem; }
.shop-steps [class^="sicon-"] { font-size: 0.70rem; }
.sicon-arrowr:before { content: "\e900"; margin-left: 12px; }
.sicon-arrowl:before { content: "\e901"; margin-right: 12px; }*/

.url-prepend-icon a[href^="https://www.facebook.com"]:before,
.url-prepend-icon a[href^="https://www.instagram.com"]:before,
.url-prepend-icon a[href^="https://www.twitter.com"]:before,
.url-prepend-icon a[href^="https://www.linkedin.com"]:before,
.url-prepend-icon a[href^="https://www.spotify.com"]:before,
.url-prepend-icon a[href^="mailto"]:before,
.url-prepend-icon a[href^="tel"]:before {
	display: inline-block; font-style: normal; font-variant: normal; 
	text-rendering: auto; -webkit-font-smoothing: antialiased; 
	font-family: "Font Awesome 5 Brands"; font-weight: 400; 
	content: "\f082"; margin-right: 0.5em;
}
.url-prepend-icon a[href^="https://www.facebook.com"]:before { content: "\f082"; }
.url-prepend-icon a[href^="https://www.instagram.com"]:before { content: "\e055"; }
.url-prepend-icon a[href^="https://www.twitter.com"]:before { content: "\f081"; }
.url-prepend-icon a[href^="https://www.linkedin.com"]:before { content: "\f08c"; }
.url-prepend-icon a[href^="https://www.spotify.com"]:before { content: "\f1bc"; }
.url-prepend-icon a[href^="mailto"]:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; }
.url-prepend-icon a[href^="tel"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd"; }


.links-to-icons-01 {
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.25em;
}
.links-to-icons-01 a {
	display: inline-block;
	vertical-align: middle;
	width: 1.5em;
	height: 1.5em;
	overflow: hidden;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -2000px;
	margin: 0em 0.1em;
	text-decoration: none;
	transition: transform .25s, opacity .25s;
	opacity: 0.7;
	background-color: var(--primary-color);
}
.links-to-icons-01 a:hover {
	transform: scale(1.15);
	opacity: 0.9;
}
.links-to-icons-01 li.web a { mask: url(images/icon-sm-rc-web.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-web.svg') no-repeat center / contain; }
.links-to-icons-01 li.fb a { mask: url(images/icon-sm-rc-fb.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-fb.svg') no-repeat center / contain; }
.links-to-icons-01 li.ig a { mask: url(images/icon-sm-rc-ig.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-ig.svg') no-repeat center / contain; }
.links-to-icons-01 li.tt a { mask: url(images/icon-sm-rc-tt.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-tt.svg') no-repeat center / contain; }
.links-to-icons-01 li.yt a { mask: url(images/icon-sm-rc-yt.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-yt.svg') no-repeat center / contain; }
.links-to-icons-01 li.in a { mask: url(images/icon-sm-rc-li.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-li.svg') no-repeat center / contain; }
.links-to-icons-01 li.li a { mask: url(images/icon-sm-rc-li.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-li.svg') no-repeat center / contain; }
.links-to-icons-01 li.tw a { mask: url(images/icon-sm-rc-tw.svg) no-repeat center / contain; -webkit-mask: url('images/icon-sm-rc-tw.svg') no-repeat center / contain; }


/**/
table.hover-row tr:not(:nth-child(1)):hover { background-color: #3384d9;color: #FFFFFF;}
table.hover-row tr:nth-child(1) td { vertical-align: bottom;font-weight: bold;}
/**/
table.hover-col { border-spacing: 0; border-collapse: collapse; overflow: hidden; z-index: 1; }
table.hover-col td, table.hover-col th { position: relative; }
table.hover-col tr td:not(:nth-child(1)):hover::after { background-color: #3D9CFF; content: '\00a0'; height: 10000px; left: 0; position: absolute; top: -5000px; width: 100%; z-index: -1;  }

.fade-in {
	animation: fadeIn ease 0.25s;
	-webkit-animation: fadeIn ease 0.25s;
	-moz-animation: fadeIn ease 0.25s;
	-o-animation: fadeIn ease 0.25s;
	-ms-animation: fadeIn ease 0.25s;
}
.fade-out {
	animation: fadeOut ease 0.25s;
	-webkit-animation: fadeOut ease 0.25s;
	-moz-animation: fadeOut ease 0.25s;
	-o-animation: fadeOut ease 0.25s;
	-ms-animation: fadeOut ease 0.25s;
}
@keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }

a.shorten {
	position: relative;
	max-width: 90%;
	display: inline-block;
	overflow: hidden;
	word-break: break-all;
	height: 1.3em;
}
a.shorten:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 35%;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); 
}

/** components **************************************************************************************/

/* showhidden: editor template */
.showhidden {
	width: 100%;
}
.showhidden .showhidden-content {
	position: relative;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 0.75em;
}
.showhidden .showhidden-content > *:not(.opener) {
	display: none;
}
.showhidden .showhidden-link {
	cursor: pointer;
	position: relative;
}
.showhidden .showhidden-link p {
	margin: 0;
}
.showhidden .opener {
	background-image: url(images/icon-plus-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	right: 0.5em;
	bottom: 0.75em;
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.showhidden.show .opener {
	background-image: url(images/icon-minus-white.svg);
}


.editor-questions-answers {
	margin: -1em 0 1em 0;
}
.editor-questions-answers ul ul,
.editor-questions-answers ul ol,
.editor-questions-answers ol ul,
.editor-questions-answers ol ol {
	padding: 0.9em 0 0.4em 0;
	margin-right: 1.2em;
}
.editor-questions-answers ul,
.editor-questions-answers ol {
	list-style-type: none;
}
.editor-questions-answers > ul > li,
.editor-questions-answers > ol > li {
	cursor: pointer;
	font-size: 1.1em;
}
.editor-questions-answers ul li > ul, 
.editor-questions-answers ul li > ol, 
.editor-questions-answers ol li > ul, 
.editor-questions-answers ol li > ol {
	display: none;
	font-size: 0.9em;
	text-indent: 0;
}
.editor-questions-answers > ul,
.editor-questions-answers > ol {
	padding: 0.3em 0;
}
.editor-questions-answers > ul > li,
.editor-questions-answers > ol > li {
	position: relative;
	border-bottom: 1px solid #DDD;
	padding-bottom: 0.8em;
	padding-top: 0.8em;
	padding-left: 1.9em;
	padding-right: 25px;
	text-indent: -1.3em;
	line-height: 1.3em;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.editor-questions-answers > ul > li:hover,
.editor-questions-answers > ol > li:hover {
	color: #000000;
	background-color: #f0fafe;
}
.editor-questions-answers > ul > li:after,
.editor-questions-answers > ol > li:after {
	content: " ";
	border: solid #ACAEAF;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 17px;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.editor-questions-answers > ul > li:hover:after,
.editor-questions-answers > ol > li:hover:after {
	border-color: #666666;
}
.editor-questions-answers > ul > li.open:after,
.editor-questions-answers > ol > li.open:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.checkbox { display: block; position: relative; padding-left: 33px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox input[type=checkbox] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; /* > 0px a required funkció miatt "látszódjon"! */ width: 2px; /* > 0px a required funkció miatt "látszódjon"! */ }
.checkbox .checkmark { position: absolute; top: 5px; left: 0; height: 16px; width: 16px; background-color: transparent; border: 1px #FFF solid; /*border-radius: 5px;*/ /*-webkit-border-radius: 5px;*/ /*-moz-border-radius: 5px;*/ }
.checkbox:hover input:not([disabled]) ~ .checkmark { background-color: rgba(255, 255, 255, 0.2); transition: all  .25s; -moz-transition: all  .25s;  -webkit-transition: all  .25s;  -o-transition: all  .25s;  }
.checkbox input:checked ~ .checkmark { background-color: transparent; }
.checkbox .checkmark:after { content: ""; position: absolute; display: none; }
.checkbox input:checked ~ .checkmark:after { display: block; }
.checkbox .checkmark:after { left: 7px; top: 1px; width: 2px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.checkbox-swicher+span { --size: 0.8rem; position:relative; display: inline-block; width: calc(var(--size) * 2.5); height: var(--size); line-height: var(--size); background-color: var(--color-lightgray); -moz-border-radius: var(--size); -webkit-border-radius: var(--size); border-radius: var(--size); cursor: pointer; vertical-align: middle;}
.checkbox-swicher+span:before, .checkbox-swicher+span:after { content: "ki"; position:absolute; top: 0; left:calc(var(--size) * 0.3); right:calc(var(--size) * 0.55); text-transform: uppercase; font-size: calc(var(--size) * 0.7); line-height:calc(var(--size) * 1.1); -webkit-transition: all .25s; -moz-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.checkbox-swicher+span:before { left:unset; }
.checkbox-swicher+span:after { content: ""; top:0; left:0; width: var(--size); height: var(--size); border: 1px solid var(--color-lightgray); background-color: #FFFFFF; -moz-border-radius: var(--size); -webkit-border-radius: var(--size); border-radius: var(--size); }
.checkbox-swicher { position: absolute; width: calc(var(--size) * 2.5); height:3px; opacity:0.1; }
.checkbox-swicher:checked+span { background-color: green; color: #FFFFFF; }
.checkbox-swicher:checked+span:after { left:calc(100% - var(--size)); }
.checkbox-swicher:checked+span:before { content: "be"; left:calc(var(--size) * 0.35); right:unset; }
.checkbox-swicher+span:hover:after { opacity: 0.8; }

.radiobutton { --color: var(--primary-color); display: block; position: relative; padding-left: 1.75em; cursor: pointer; user-select: none; }
.radiobutton input[type=radio] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; width: 2px; /* widh és height > 0px a required miatt "látszódjon"! */ }
.radiobutton .radiomark { position: absolute; top: 0.15em; left: 0; height: 1em; width: 1em; background-color: transparent; border: 1px var(--color) solid; border-radius: 50%; }
.radiobutton:hover input:not([disabled]) ~ .radiomark {transition: all  .25s; -moz-transition: all  .25s;  -webkit-transition: all  .25s;  -o-transition: all .25s; }
.radiobutton:hover input:not([disabled]) ~ .radiomark:after {display: block; opacity: 0.3; }
.radiobutton:hover input:not([disabled]):focus ~ .radiomark:after {display: block; opacity: 0.6; }
.radiobutton .radiomark:after { content: ""; position: absolute; display: none; }
.radiobutton .radiomark:after { border: solid var(--color); border-width: 0.35em; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 0px; height: 0px; }
.radiobutton input:checked ~ .radiomark { background-color: transparent; }
.radiobutton input:checked ~ .radiomark:after { display: block; opacity: 1; }

.radiobutton2 span { --color: var(--primary-color); display: inline-block; position: relative; cursor: pointer; background-color: transparent; padding: 7px 10px; margin-right: 5px; border: 1px solid transparent; border-radius: 8px; -moz-transition: all  .25s;  -webkit-transition: all  .25s;  -o-transition: all  .25s;  transition: all  .25s; }
.radiobutton2:not([disabled]):hover span { background-color: var(--color); color: var(--color); }
.radiobutton2 input:checked ~ span { background-color: var(--color); color: var(--color); }
.radiobutton2 input[type=radio] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; width: 2px; }

.inline-label { position: relative; }
.inline-label input, .inline-label textarea { position: relative; background-color: transparent; z-index: 1; padding-left: 0; transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; }
.inline-label input:focus, .inline-label textarea:focus { padding-left: 10px; }
.inline-label input + label, .inline-label textarea + label { position: absolute; color: var(--light-font-color); z-index: 0; left: 0px; top: 2px; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; }
.inline-label input:focus + label, .inline-label textarea:focus + label,
.inline-label input:not(:placeholder-shown) + label, .inline-label textarea:not(:placeholder-shown) + label { font-size: 0.85rem; color: var(--light-font-color); top: -1em; left: 0; }
.inline-label input:focus + label:after, .inline-label textarea:focus + label:after,
.inline-label input:not(:placeholder-shown) + label:after, .inline-label textarea:not(:placeholder-shown) + label:after { content: ":"; }

.draw-x { --size: 0.8em; --color: #000; width: var(--size); height: var(--size); --line-width: 1px; position: relative; display: inline-block; }
.draw-x:before, .draw-x:after { content: " "; width: 100%; position: absolute; display: block; margin-top: calc(var(--size) / 2); border-top: var(--line-width, 1px) var(--color) solid; transition: all .3s; }
.draw-x:before { transform: rotate(45deg); }
.draw-x:after { transform: rotate(-45deg); }

.draw-arrow { position: relative; display: inline-block; --size: 0.7em; --color: #000; --line-width: 2px; width: var(--size); height: var(--size); transform-origin: center; }
.draw-arrow:before, .draw-arrow:after { content: " "; display: block; position: absolute; top: 50%; left: 75%; width: 70%; height: 70%; margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; transition: border-color .25s; }
.draw-arrow:before { top: calc(12%); left: calc(-12%); transform: rotate(45deg); transform-origin: center; }
.draw-arrow:after { transform: rotate(135deg); transform-origin: 0 0; }
.draw-arrow.arrow-top { transform: rotate(-90deg); }
.draw-arrow.arrow-left { transform: rotate(180deg); }
.draw-arrow.arrow-bottom { transform: rotate(90deg); }

 

.draw-triangle { position: relative; --size: 16px; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); border-left: var(--line-width) var(--color) solid; }
.draw-triangle:before, .draw-triangle:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: var(--size); height: var(--size); margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; }
.draw-triangle:before { -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); transform-origin: top left; }
.draw-triangle:after { -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); transform-origin: 0 0; top: var(--size); left: calc(var(--line-width) * -1); }

.draw-triangle2 { --size: 1rem; --color: var(--primary-color); width: 0px; height: 0px; border-style: solid; border-width: var(--size) 0 var(--size) calc(var(--size) * 1.735); border-color: transparent transparent transparent var(--color); transform: rotate(0deg); }
.draw-triangle2.triangle-top { transform: rotate(-90deg); }
.draw-triangle2.triangle-left { transform: rotate(180deg); }
.draw-triangle2.triangle-bottom { transform: rotate(90deg); }

.draw-triple { --size: 1rem; --color: #000; --line-width: 2px; border-bottom: var(--line-width) solid var(--color); position: relative; display: block; width: calc(var(--size) * 1.2); height: var(--size); }
.draw-triple:before, .draw-triple:after { content: ""; position: absolute; width: calc(var(--size) * 1.2); top: 0; border-bottom: var(--line-width) solid var(--color); }
.draw-triple:before { top: 50%; width: calc(var(--size) * 1.2); }

.draw-order-icon { --size: 1em; --color: #000; --line-width: 2px; border-bottom: var(--line-width) solid var(--color); position: relative; display: block; width: var(--size); height: var(--size); }
.draw-order-icon:before, .draw-order-icon:after { content: ""; position: absolute; width: calc(var(--size) / 1.5); top: 0; border-bottom: var(--line-width) solid var(--color); }
.draw-order-icon:before { top: 50%; width: calc(var(--size) * 1.2); }

.thinscrollbar { scrollbar-width: thin; }
.thinscrollbar::-webkit-scrollbar { width: 8px; }
.thinscrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 8px var(--color-lightestgray); border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb { background: var(--color-gray); border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb:hover { background: var(--color-darkgray); }

.rateing { --font-size: 0.75rem; font-size: var(--font-size); color: lightgray; height: calc(var(--font-size) * 1.7);
	width: fit-content; display: grid; grid-template-columns: auto auto; grid-column-gap: 0.5em;
}
.rateing.inline { display: inline-grid; vertical-align: middle; }
.rateing-text { white-space: nowrap; }
.rateing-text:empty { display: none; }
.rateing-stars { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; min-width: 100px; }
.rateing-stars .s { position: relative; font-size: calc(var(--font-size) * 1.5); }
.rateing-stars .s:before { content: "★"; display: inline-block; position: absolute; font-style: normal; }
.rateing-stars .s1 { order: 1; }
.rateing-stars .s2 { order: 2; }
.rateing-stars .s3 { order: 3; }
.rateing-stars .s4 { order: 4; }
.rateing-stars .s5 { order: 5; }
.rateing-stars .s1:hover:before,
.rateing-stars .s2:hover:before,.rateing-stars .s2:hover+.s1:before,
.rateing-stars .s3:hover:before,.rateing-stars .s3:hover+.s2:before,.rateing-stars .s3:hover+.s2+.s1:before,
.rateing-stars .s4:hover:before,.rateing-stars .s4:hover+.s3:before,.rateing-stars .s4:hover+.s3+.s2:before,.rateing-stars .s4:hover+.s3+.s2+.s1:before,
.rateing-stars .s5:hover:before,.rateing-stars .s5:hover+.s4:before,.rateing-stars .s5:hover+.s4+.s3:before,.rateing-stars .s5:hover+.s4+.s3+.s2:before,.rateing-stars .s5:hover+.s4+.s3+.s2+.s1:before { color: gold; }

.radio-input:checked + .radio-label:hover, 
.radio-input:checked + .radio-label:hover ~ .radio-label,
.radio-input:checked ~ .radio-label:hover,
.radio-input:checked ~ .radio-label:hover ~ .radio-label,
.radio-label:hover ~ .radio-input:checked ~ .radio-label {
	color: darkgoldenrod;
}

#totop, #scroll-to-top {
	position: fixed; z-index: 50;
	opacity: 0; visibility: hidden;
	bottom: 1em; right: 1em; width: 3rem; height: 3rem;
	text-align: center; line-height: 3em;
	background-color: var(--primary-color);
	border: 1px solid background-color: rgba(0, 0, 0, 0.8); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;
	-webkit-transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	-moz-transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	-o-transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	cursor: pointer;
}
#totop .draw-arrow, #scroll-to-top .draw-arrow {
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	--color: #FFFFFF;
}
#totop:hover, #scroll-to-top:hover { background-color: background-color: #FFFFFF; }
#totop:hover .draw-arrow, #scroll-to-top:hover .draw-arrow { --color: #333333; }
#totop.show, #scroll-to-top.show { opacity: 1; visibility: visible; }


ul.accordion > li {
	user-select: none;
	cursor: pointer;
}
ul.accordion > li > ul {
	display: none;
	user-select: text;
	cursor: default;
}
ul.accordion > li:first-child > ul {
	display: block;
}

.error404 {
	padding: 60px 0;
	text-align: center;
	font-size: 0.80rem;
}
.error404 .title {
	font-size: 0.50rem;
}
.error404 .search {
	border-top: 1px #CCC solid;
	font-size: 0.00rem;
	margin: 50px 0;
	padding: 50px 0;
	text-align: center;
}

.default_form .ui-slider { /* kérdőívek modul */
	width: calc(70% - 3em);
	display: inline-block;
}
.default_form .ui-slider-handle {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}
.default_form [data-slider_id] {
	display: none;
}

.donations input.amount-other {
	display: none;
}
.donations input:checked ~  input.amount-other {
	display: inline;
	width: 95px;
	padding: 7px 10px;
}
.donations input[name=amount][value=other]:checked ~ span {
	display: none;
}
/*  */
.inprogress, .may-inprogress {
	position: relative;
}
.inprogress:after, .may-inprogress:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 25;
	background-color: rgba(255, 255, 255, 0.7);
	background-image: url(images/loader.gif);
	background-image: url(images/inprogress.svg);
	background-image: url(images/loading.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2em;
	transition: visibility 0.1s, opacity 0.1s linear;
	visibility: hidden;
	opacity: 0;
}
.inprogress:after {
	visibility: visible;
	opacity: 1;
}

/*  */
.dialogbox {
	position: fixed;
	width: 40%;
	min-width: 350px;
	max-width: 550px;
	height: 550px;
	max-height: 98vh;
	overflow: auto;
	padding: 35px;
	z-index: 1001;
	top: 35%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-35%);
	-ms-transform: translateX(-50%) translateY(-35%);
	transform: translateX(-50%) translateY(-35%);
	background-color: #FFF;
	--border-radius:  5px;
	-moz-border-radius: var(--border-radius);
	-webkit-border-radius: var(--border-radius);
	border-radius: var(--border-radius);
	margin-top: 0;
	transition: top .45s, bottom .45s;
	-moz-transition: top .45s, bottom .45s; 
	-webkit-transition: top .45s, bottom .45s; 
	-o-transition: top .45s, bottom .45s;
	-webkit-box-shadow: 0px 8px 63px 0px rgb(0 0 0 / 39%); 
	box-shadow: 0px 8px 63px 0px rgb(0 0 0 / 39%);
}
.dialogbox.closed {
	top: -550px;
}
.dialogbox p {
	margin: 2em 0 2em 0;
}
.dialogbox p:last-child {
	margin-bottom: 0;
}
.dialogbox input[type=text], .dialogbox input[type=email], .dialogbox input[type=password], .dialogbox input[type=submit],
.dialogbox textarea, .dialogbox select {
	width: 100%;
}
.dialogbox input[type=text], .dialogbox input[type=email], .dialogbox input[type=password], .dialogbox input[type=file], 
.dialogbox textarea, .dialogbox select {
	border: 0;
	border-bottom: 1px solid #000000;
}
.dialogbox .form-wrap {
	display: none;
	line-height: 2em;
}
.dialogbox .close {
	position: absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;
	padding: 0;
	font-size: 1.5em;
	line-height: 1px;
	cursor: pointer;
	right: 0;
	top: 0;
	--color: #999999;
	--size: 20px;
}
.dialogbox .close:hover {
	--color: #000;
}
.dialogbox .or {
	font-size: 0.80rem;
	margin-bottom: .7em;
	display: none;
}
.dialogbox .other-links {
	margin-top: -0.5em;
	line-height: 1.5em;
	text-align: center;
}
.dialogbox .progress {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.2s, opacity 0.2s linear;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	-moz-border-radius: var(--border-radius);
	-webkit-border-radius: var(--border-radius);
	border-radius: var(--border-radius);
}
.dialogbox .in-progress .progress {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s linear;
}
.dialogbox .in-progress .progress:before {
	--size: 30px;
	content: "\f110";
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	top: 50%;
	left: 50%;
	font-size: var(--size);
	width: var(--size);
	height: var(--size);
	line-height: var(--size);
	margin-top: calc(var(--size) / -2);
	margin-left: calc(var(--size) / -2);
}
.dialogbox .other-links a {
	display: inline-block;
	width: fit-content;
	margin: 5px 0;
}
.dialogbox .is-success .css-hide-if-success {
	display: none;
}
.dialogbox + .dialogbox-underlay {
	content: "";
	display: block;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .4s; 
	-moz-transition: all .4s; 
	-o-transition: all .4s; 
	transition: all .4s;
}
.dialogbox.closed + .dialogbox-underlay {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.4s, opacity 0.4s;
}
.dialogbox.size-auto {
	height: auto;
}
.dialogbox.size-small-bottom {
	top: unset;
	bottom: -10px;
	min-width: 300px;
	max-width: 400px;
	min-height: 100px;
	padding: 10px 1px 15px 50px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
.dialogbox.size-small-bottom .close {
	display: none;
}
.dialogbox.size-small-bottom.closed {
	bottom: -200px;
}
.dialogbox .myinspirations-action-message {
	display: grid;
	grid-template-columns: 70px 1fr 1fr;
	grid-column-gap: 5%;
	align-items: center;
	margin-top: 5px;
}
.dialogbox .item.error {
	color: red;
}
.dialogbox .myinspirations-action-message img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}
.dialogbox .myinspirations-action-message .button {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
@media (max-width: 900px)
{
	.dialogbox.size-small-bottom {
		width: 95%;
		padding: 10px 15px 15px 35px;
	}
	.dialogbox .myinspirations-action-message {
		grid-template-columns: 40px 1fr auto;
		grid-column-gap: 4%;
		line-height: 1.2em;
	}
	.dialogbox .myinspirations-action-message img {
		width: 40px;
		height: 40px;
	}
	.dialogbox .myinspirations-action-message .button {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.alternate { width: 100%; border-spacing: 0px; }
.alternate .alternate-t { width: 33%; margin: 0; padding: 0; border-spacing: 0px; }
.alternate .alternate-i { width: 100%; height: auto; }
.alternate .alternate-it { font-size: 0.80rem; }
.alternate .alternate-c2 .alternate-t { float: right; margin-left: 2%; margin-bottom: 1%; }
.alternate .alternate-c1 .alternate-t { float: left; margin-right: 2%; margin-bottom: 1%; }

/* responsive oembed */
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-overlay-underlay {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	z-index: 11;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	transition: visibility 0s 0.2s, opacity 0.2s linear;
}
.page-overlay.open + .page-overlay-underlay {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.2s linear;
}
.page-overlay {
	display: block;
	background-color: rgba(255, 255, 255, 1.0);
	width: 500px;
	max-width: 80%;
	min-height: 250px;
	position: fixed;
	z-index: 12;
	top: 35%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.2s, top 0.2s, opacity 0.2s linear;
}
.page-overlay.open {
	top: 40%;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, top 0.2s, opacity 0.2s linear;
}

.slidetoggle-list { }
.slidetoggle-list .block-title {
	position: relative;
	background-color: #FFFFFF;
	padding: 1rem 1.5rem;
	cursor: pointer;
}
/* from draw arrow: */
.slidetoggle-list .block-title .mark { position: relative; display: inline-block; --size: 0.6em; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); transform-origin: center; }
.slidetoggle-list .block-title .mark:before, .slidetoggle-list .block-title .mark:after { content: " "; display: block; position: absolute; top: 50%; left: 77%; width: 70%; height: 70%; margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; transition: border-color .25s; }
.slidetoggle-list .block-title .mark:before { top: calc(15% - var(--line-width) * 0.14645); left: calc(-7.5% - var(--line-width) * 0.35355); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center; }
.slidetoggle-list .block-title .mark:after { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); transform-origin: 0 0; }
/* /from draw arrow */
.slidetoggle-list .block-title .mark {
	--line-width: 2px;
	--color: var(--primary-color);
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	-webkit-transition: transform .400s;
	-moz-transition: transform .400s;
	-o-transition: transform .400s;
	transition: transform .400s;
}
.slidetoggle-list .block-title.open .mark {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
.slidetoggle-list .block-title, .slidetoggle-list .list .item .title {
	/* jQuery slide effect ne pattogjon */
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}
.slidetoggle-list .list {
	display: none;
}

.popup {
	position: fixed;
	padding: 20px;
	top: 19%;
	left: 25%;
	width: 50%;
	max-width: 480px;
	z-index: 1000;
	background-color: #FFF;
	border: 0px rgb(138, 138, 138) solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.popup .close {
	position: absolute;
	z-index: 1001;
	top: 0px;
	right: 0px;
	padding: 5px 10px;
	cursor: pointer;
	background: #FFF;
	text-align: center;
	font-size: 1.125rem;
	border: 0px #ea5fa9 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.popup p {
	margin-top: 0px;
}
.popup.closed {
	opacity: 0;
	top: -100%;
	animation: popupOut 1s;
	-webkit-animation: popupOut 1s;
}
@-webkit-keyframes popupOut {
	0%  { opacity: 1; top: 19%; }
	99%  { opacity: 0; top: 19%; }
	100% { opacity: 0; top: -100%;  }
}  
@keyframes popupOut {
	0%  { opacity: 1; top: 19%; }
	99%  { opacity: 0; top: 19%; }
	100% { opacity: 0; top: -100%;  }
}

.popup.right-bottom {
	top: auto;
	left: auto;
	right: 15px;
	bottom: 10px;
	width: 40%;
	max-width: 370px;
	min-width: 290px;
	padding: 10px;
	border: 5px rgba(234, 95, 169, 1) solid;
}
.popup.right-bottom.closed {
	opacity: 1;
	min-width: 0;
	width: 0;
	height: 0;
	right: 20px;
	padding: 0px;
	animation: none !important;
	-webkit-animation: none !important;
}
.popup.right-bottom .item {
	clear: both;
	display: none;
}
.popup.right-bottom .item:nth-child(2) {
	display: block;
}
.popup.right-bottom .title {
	font-size: 0.10rem;
	line-height: 130%;
	margin: 0;
}
.popup.right-bottom img {
	width: 100px;
	height: 85px;
	object-fit: cover;
	float: left;
	margin: 0 10px 0 0;

}
.popup.right-bottom.closed img,
.popup.right-bottom.closed .inner,
.popup.right-bottom.closed .title,
.popup.right-bottom.closed .text,
.popup.right-bottom.closed .next,
.popup.right-bottom.closed .prev,
.popup.right-bottom.closed .state {
	display: none;
}
.popup.right-bottom .prev,
.popup.right-bottom .next {
	display: inline-block;
	padding: 0px 8px;
	cursor: pointer;
	margin-left: 20%;
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 0.50rem;
	line-height: 30px;
	color: #0ab3df;
	background: #ffffff;
}
.popup.right-bottom .prev:hover,
.popup.right-bottom .next:hover {
	color: var(--highlight-color);
}
.popup.right-bottom .prev {
	right: 30px;;
}
.popup.right-bottom .state {
	color: #dcd3cb;
	font-size: 0.90rem;
	position: absolute;
	bottom: 9px;
	right: 60px;
	background: white;
	padding: 1px 3px;
}
@media (max-width: 750px) {
	.page-fooldal .popup.right-bottom.closed,
	.page-fooldal .popup.right-bottom {
		display: none!important;
	}
}


/* .lapozo: ckeditor template*/
.lapozo {
	position: relative;
	width: 100%;
	border: 1px #DDD solid;
	overflow: hidden;
}
.lapozo,
.lapozo .i {
	height: 500px;
}
.lapozo,
.lapozo .body,
.lapozo .i,
.lapozo td {
	display: block;
}
.lapozo .i {
	position: absolute;
	display: none;
	width: 100%;
	background-color: #FFF;
}
.lapozo .i:first-child {
	display: block;
}

.lapozo .arrow {
	position: absolute;
	z-index: 10;
	width: 0;
	height: 0;
	top: 40%;
	left: 0;
	border-style: solid;
	border-width: 40px 20px 40px 0;
	border-color: transparent #8db1bd transparent transparent;
}
.lapozo .arrow.prev {
	right: 0%;
}
.lapozo .arrow.next {
	left: 97%;
	border-width: 40px 0 40px 20px;
	border-color: transparent transparent transparent #8db1bd;
}

/*
<div class="flip-card">
  <div class="flip-card-inner">
	<div class="flip-card-front">
	  <img src="" alt="" style="width:300px;height:300px;">
	</div>
	<div class="flip-card-back">
	  <h1>...</h1> 
	  <p>.....</p> 
	</div>
  </div>
</div>
 */
.flip-card {
	background-color: transparent;
	perspective: 1000px;
	width: 100%;
	height: 100%;
}
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-card-back {
	transform: rotateY(180deg);
}

#aside-btn {
	position: fixed;
	top: 153px;
	left: 0;
	width: 50px;
}
.aside-btn {
	display: block;
	width: 58px;
	height: 50px;
	padding: 0 15px 0 0;
	margin-bottom: 1px;
	text-align: right;
	line-height: 50px;
	font-family: FontAwesome;
	font-size: 1.375rem;
	background: #BBB;
	color: #FFF!important;
	position: relative;
	left: -15px;
	transition: all 250ms;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
}
.aside-btn:hover {
	left: 0;
	text-decoration: none;
}
.aside-btn.fb {background: #3b5998;}
.aside-btn.fb:before {content: "\f09a";}
.aside-btn.yt {background: #e62117;}
.aside-btn.yt:before {content: "\f167";}
.aside-btn.ln {background: #0077b5;}
.aside-btn.ln:before {content: "\f08c";}
.aside-btn.gp {background: #db4437;}
.aside-btn.gp:before {content: "\f0d5";}
.aside-btn.tw {background: #1da1f2;}
.aside-btn.tw:before {content: "\f099";}
.aside-btn.pi {background: #cb2027;}
.aside-btn.pi:before {content: "\f0d2";}
.aside-btn.rs {background: #e2c357;}
.aside-btn.rs:before {content: "\f09e";}
.aside-btn.in {background: #c82d95;}
.aside-btn.in:before {content: "\f16d";}
@media (max-width: 900px)
{
	#aside-btn {
		position: relative;
		top: 0;
		width: auto;
		margin: auto;
		text-align: center;
	}
	.aside-btn {
		display: inline-block;
		padding: 0;
		text-align: center;
		left: 0;
		top: 15px;
	}
	.aside-btn.hide {
		display: none;
	}
	.aside-btn:hover {
		top: 0;
		height: 65px;
		text-decoration: none;
	}
}


.mmAudio {
	padding: 1.7em 0 2em 0;
}
.mmAudio audio {
	width: 100%;
	outline: 0;
	background: #f1f3f4;
}
.mmAudio .title {
	color: #666;
	font-size: 1.125rem;
	font-weight: 600;
}
.mmAudio .control {
	margin: 0 0 1em 0;
	border-bottom: 1px solid #ddd;
	padding: 4px 0 8px 20px;
	opacity:.60;
}
.mmAudio .control:hover {
	opacity:1;
}
.mmAudio .control > * {
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mmAudio .control .jump,
.mmAudio .control .share,
.mmAudio .control x {
	font-size: 0.80rem;
	color: #888;
	display: inline-block;
	padding: 0px 4px;
	margin: 0 3px 0 0;
	cursor: pointer;
	text-align: center;
	transition: all 0.35s;
	-moz-transition: all 0.35s; 
	-webkit-transition: all 0.35s; 
	-o-transition: all 0.35s; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	vertical-align: middle;
}
.mmAudio .control space {
	min-width: 18px;
	display: inline-block;
}
.mmAudio .control .jump:hover,
.mmAudio .control .share:hover,
.mmAudio .control x.akt,
.mmAudio .control x:hover {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
}
.mmAudio .control .jump {
	font-size: 1.25rem;
	line-height: 12px;
	min-width: 25px;
	height: 16px;
}
.mmAudio .control .share {
	float: right;
}
.mmAudio.bg {
	margin-bottom: 1.5em;
	background: #f1f3f4;
	/*background: rgb(194,194,194);
	background: -moz-linear-gradient(0deg, rgba(194,194,194,0) 0%, rgba(241,243,244,1) 45%, rgba(241,243,244,1) 70%, rgba(194,194,194,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(194,194,194,0) 0%, rgba(241,243,244,1) 45%, rgba(241,243,244,1) 70%, rgba(194,194,194,0) 100%);
	background: linear-gradient(0deg, rgba(194,194,194,0) 0%, rgba(241,243,244,1) 45%, rgba(241,243,244,1) 70%, rgba(194,194,194,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2c2c2",endColorstr="#c2c2c2",GradientType=1);*/
}
.mmAudio.bg .title {
	margin-left: 22px;;
}
.mmAudio.bg .control {
	border: 0;
	padding: 0 0 0 40px;
	margin-bottom: 0;
}
.mmAudio.bg .share {
	margin-right: 18px;
}
@media (max-width: 480px)
{
	.mmAudio { width: 106%; margin-left: -3%; }
	.mmAudio .control { text-align: center; }
	.mmAudio .control .jump, .mmAudio .control .share, .mmAudio .control x { padding: 7px; }
	.mmAudio .control .jump { height: unset; }
	.mmAudio .control space { display: none; }
	.mmAudio .control .speed { display: block; margin: 5px; }
	.mmAudio .control .share { float: unset; }
	.mmAudio.bg .control { padding: 0; }
	.mmAudio.bg .control .share { margin-right: 0; }
}

/* success / failure error */
.message-bar { margin: 1.5em 0; padding: 0.75em; background-color: #DDD; }
.message-bar:empty { display: none; }
.message-bar.success { color: green; background-color: rgba(0, 255, 0, 0.1); }
.message-bar.failure { color: red; background-color: rgba(255, 0, 0, 0.1); }
.message-bar.checkmark { position: relative; display: block; font-size: 0.5rem; line-height: 0; width: 2.75em; box-sizing: border-box; margin-left: auto; margin-right: auto; aspect-ratio: 1 / 1; padding: 2.75em; background-color: transparent; border: 1px solid #11B590; border-radius: 100%; }
.message-bar.checkmark:before { content: ""; display: block; position: absolute; width: 1.7em; height: 3em; margin: 0.5em; padding: 0; border-bottom: 4px solid #11B590; border-right: 4px solid #11B590; top: 35%; left: 40%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(31deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(31deg); transform: translateX(-50%) translateY(-50%) rotate(31deg); }

.box-view {
	margin: auto;
	padding: 1.5rem;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.125);
	-webkit-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.125);
}

/* profil, login */
.auth-box {
	width: 350px;
	max-width: 90%;
	font-weight: 300;
	margin: auto;
	padding: 1.5em;
	position: absolute;
	background-color: #FFFFFF;
	top: 42%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.auth-box p, .auth-box h2 {
	margin: 0.5em auto;
	margin: 1em auto;
}
.auth-box h2 {
	font-size: 1.75em;
	margin: 0;
}
.auth-box h2:first-letter {
	text-transform:uppercase;
}
body.floatpage .auth-box .failure-bar,
body.floatpage .auth-box .success-bar {
	display: none;
}
.auth-box table {
	width: 100%;
}
.auth-box input[type=text],
.auth-box input[type=password],
.auth-box input[type=email],
.auth-box input[type=submit],
.auth-box select {
	width: 100%;
	padding: 0.75em;
}
.auth-box .ajax-message {
	display: none;
	margin: 1em 0;
	padding: 0.5em;
}
.auth-box .or, #shop .or { font-size: 0.75rem; width: 100%; text-align: center; margin: 0; /*padding: 1em 0 2em 0;*/ }
.auth-box .or span, #shop .or span { display: inline-block; padding: 2px 5px; color: #AAA; background-color: var(--content-background-color); }
.auth-box .or:after, #shop .or:after { content: ""; height: 1px; display: block; border-bottom: 1px solid #CCC; margin-top: -16px; }
.auth-box:not(.is-success) .css-show-if-success,
.auth-box.is-success .css-hide-if-success {
	display: none!important;
}
.auth-box.status {
	text-align: center;
}
.auth-state .auth-box {
	width: 350px;
}
.auth-state .auth-box h2 {
	font-size: 1em;
}
.auth-state .auth-box p {
	
}
.auth-state .auth-box .or {
	display: none;
}
.auth-state .auth-box table td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.auth-state .auth-box table tr:last-child td {
	padding-bottom: 0;
	border-bottom: 0;
}

/*  */
.auth-state {
	position: fixed;
	top: 0.5em;
	right: 0.5em;
	z-index: 100;
}
.auth-state .outer {
	position: absolute;
	top: 0;
	right: 0;
	white-space: nowrap;
	display: grid;
	grid-auto-flow: column;
	column-gap: 0.2em;
}
.auth-state .outer > * {
	height: 1.7rem;
	vertical-align: top;
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	transition: background-color .25s;
}
.auth-state .outer > *:hover {
	background-color: rgba(0, 0, 0, 0.8);
/*    border: 1px solid rgba(255, 255, 255, 0.8);*/
}
.auth-state .outer .txt {
	padding: 0 0.85em;
	font-size: 0.8rem;
	line-height: 1.6rem;
	font-weight: normal;
	text-transform: uppercase;
}
.auth-state .outer .home,
.auth-state .outer .inner-opener {
	width: 1.7rem;
}
.auth-state .outer img {
	width: 1.7rem;
	height: 100%;
	padding: 0;
	object-fit: cover;
	object-position: center;
}
.auth-state .outer .fa-user {
	font-size: 0.7rem;
}
.auth-state .state-inner {
	display: none;
	position: absolute;
	top: 2rem;
	right: 0;
	background-color: rgba(0, 0, 0, 0.85);
	color: rgb(255, 255, 255);
	min-width: 175px;
	row-gap: 0.7em;
}
.auth-state .state-inner > * {
	display: block;
}
.auth-state .state-inner > * {
	display: block;
	padding: 0.4em 1.3em 0.4em 1.3em;
}
.auth-state .state-inner > *:first-child {
	margin-top: 0.4em;
}
.auth-state .state-inner > *:last-child {
	margin-bottom: 0.4em;
}
.auth-state .state-inner a {
	color: inherit;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	transition: background-color .25s;
}
.auth-state .state-inner a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.auth-state .state-inner .icon {
	margin-right: 0.5em;
	font-size: 0.9em;
}
.auth-state .message-bar.success {
	color: #FFFFFF;
	background-color: transparent;
	margin: 0;
}
.auth-state .message-bar.failure {
	color: #FFFFFF;
	background-color: transparent;
	margin: 0;
}
.auth-state .follow i {
	margin-right: 0.25em;
}

/* .fa-user: "\f007" */
/* .fa-user-plus: "\f234" */
/* .fa-check: "\f00c" */
/* .fa-times: "\f00d" */
.auth-state .follow i.fas:before { display: inline-block; min-width: 15px; text-align: center; }
/*.auth-state .follow i.fas:before { content: "\f007"; }*/
.auth-state .follow i.fas:before { content: "\f234"; }
.auth-state .is-followed i.fas:before { content: "\f00c"; }
.auth-state .is-followed:hover i.fas:before { content: "\f00d"; }
.auth-state .follow.inprogress:after, .auth-state .follow.may-inprogress:after { background-size: 1.5em; }

#breadcrumb { 
	padding: 1rem 2rem 2rem 0rem; 
	display: grid; gap: 1%; 
	grid-auto-flow: column; 
	justify-content: start; 
	align-items: center;
}
#breadcrumb .draw-arrow { --size: 0.6em; --color: var(--text-color); }

.pager { padding: 20px; text-align: center; }
.pager:empty { display: none; }
.pager .item, .pager .nav {
	display: inline-block;
	color: var(--primary-color);
}
.pager .item {
	padding: 5px 8px 4px 8px;
	min-width: 1.75rem;
	background-color: #EEE;
	color: var(--primary-color);
}
.pager .item.akt {
	color: #AAA;
	background-color: #FFF;
}
.pager .nav {
	--color: var(--primary-color);
	--size: 0.75rem;
	vertical-align: text-bottom;
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}
.pager .nav:hover, .pager .item:hover {
	--color: var(--primary-color-hover);
}

.hover-show-inner { position: relative; }
.hover-show-inner:hover .inner { visibility: visible; opacity: 1; padding: 10px 10px 10px 11px; }
.hover-show-inner .inner {
	position: absolute; z-index: 10; display: block; visibility: hidden;
	opacity: 0; transition: visibility 0s, opacity 0.3s, padding 0.3s; padding: 0 10px 0 11px; 
}

.section-bg-image {
	background-size: cover;
	background-position: center;
}
.parallax-bg-image {
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.meta-bar {
	--bar-gap: 0.75em;
	/* color: var(--primary-color); */
	display: grid;
	grid-auto-flow: column;
	grid-gap: var(--bar-gap);
	justify-content: left;
	align-items: center;
	margin: 1em 0;
	padding-bottom: 1em;
	border-bottom: 1px solid var(--primary-color);
}
.meta-bar .category {
	font-weight: 600;
	text-transform: lowercase;
}
.meta-bar .category:after {
	content: '|';
	margin: 0 0 0 var(--bar-gap);
}
.meta-bar .tags a {
	display: inline-block;
	padding: 0.2em 0.4em;
	text-transform: uppercase;
	font-size: 0.9em;
	background-color: var(--background-color-lightgray2);
	transition: background-color .2s;
}
.meta-bar .tags a:hover {
	background-color: #FFFFFF;
}

.containbg-set {background-size: contain;}
.coverbg-set {background-size: cover;}

/** spec **************************************************************************************/


#logo {
	position: relative;
	display: block;
	width: auto;
	height: 80px;
	aspect-ratio: 524 / 204;
	transition: all 0.25s;
}
#top {}
#breadcrumb {display: none;}
#header {
	padding: 1rem 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background-color: transparent;
	transition: all 0.25s;
	background-image: url(/files/1/slide-01.webp);
	background-size: cover;
    background-position: top;
}
#header-spacer {
	height: 100px;
}
body.home #header-spacer {
	height: 0px;
}
body.header-smaller #header {
	background-color: var(--background-color);
	padding: 0.5rem 0;
    background-position: center -10px;
}
body.header-smaller #logo {
	width: auto;
	height: 60px;
	aspect-ratio: 524 / 204;
}
#header .inner {
	display: grid;
	grid-template-columns: var(--logo-size) auto;
}
#header h1 {}
#header img {}
.page-columns {}

#contents td > p:first-child, .section-inner p:first-child { margin-top: 0; }
#contents td > p:last-child, .section-inner p:last-child { margin-bottom: 0; } /* pl: brand content idézet */

#content {}
#content h1:first-child {
	margin-top: 0;
}

.page-header {
	
}
.page-header .section-inner {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1.5fr 2fr;
	align-items: center;
	gap: 1rem;
	background-color: var(--background-color-light);
	padding: 2.5rem;
}
.page-header .image {
	order: -1;
}
.page-header .image img {
	max-width: 150px;
	height: auto;
}
.page-header .image,
.page-header .title,
.page-header .lead {
	font-size: 1.75rem;
	text-align: center;
}
.page-header .title,
.page-header .lead {
	text-align: left;
}
.page-header .title {
	/* border-right: 1px solid var(--accent-color); */
	/* padding-right: 2rem; */
	line-height: 1.1em;
}
.page-header .lead {
	border-left: 1px solid var(--accent-color);
	text-transform: uppercase;
	padding: 0 0 0 2.5rem;
	line-height: 1.1em;
	min-height: 2rem;
	min-height: 4rem;
	display: flex;
	align-items: center;
}
.page-header .lead p {
	margin: 0;
}
.page-header .text {
	grid-column: 1 / 4;
	padding: 2.5rem 0 0rem 0;
	border-top: 1px solid var(--accent-color);
}
.page-header .text p {
	margin: 0;
}
.page-header .text .category-link {
	display: inline-block;
	padding: 0.2em 0.4em;
}
.page-header .text .category-link::before {
	content: '|';
	margin-right: 0.5em;
}
.page-header .text .category-link:first-child::before {
	display: none;
}
.page-header .text .category-link.active {
	color: var(--accent-color);
	/* font-weight: 600; */
	font-family: 'Garet-Heavy';
}

.winwidth-slider, .fullscreen-slider {
	width: var(--winwidth);
	/* margin-left: calc((var(--winwidth) - var(--pagewidth)) / -2); */
}
.mmSlider2 .item img {
	height: 100%;
	object-fit: contain;
}
.mmSlider2 .points {
    padding: 0;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 25;
}
.mmSlider2 .arrows {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
    z-index: 25;
}
.mmSlider2 .arrows .next, .mmSlider2 .arrows .prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
    z-index: 25;
	padding: 0.5em;
}
.mmSlider2 .arrows .next .draw-arrow, .mmSlider2 .arrows .prev .draw-arrow {
	--size: 2em;
	--line-width: 7px;
}
.mmSlider2 .arrows .next:hover, .mmSlider2 .arrows .prev:hover {
	transform: translateY(-50%) scale(1.2);
}
.mmSlider2 .arrows .next {
	right: 2em;
}
.mmSlider2 .arrows .prev {
	left: 2em;
}
.mmSlider2 .pagenum {
	display: none;
}
.mmSlider2 .point i {
	background-color: var(--accent-color);
	border: 0;
	margin: 0 0.35em;
	transition: all 0.15s;
}
.mmSlider2 .point.akt i {
	background-color: var(--accent-color);
	background-color: #888888;
	/* transform: scale(1.2); */
}

.layout-grid-3-col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2em;
}
.layout-grid-4-col {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 2em;
}
table.grid-cols-auto {
	border-spacing: 0px;
	width: 100%;
}
table.grid-cols-auto > tbody > tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 2em;
}
table.grid-cols-auto > tbody > tr > td {
    padding: 0;
}
table.grid-cols-auto > tbody > tr + tr {
    margin-top: 2em;
}

.more.button.points, .more .button.points {
	margin: 0;
	font-size: 4.5em;
	line-height: 0;
	letter-spacing: -8px;
	color: var(--accent-color);
	background-color: transparent;
	border: 0;
	padding: 0;
}
.more.button.points:hover, .more .button.points:hover {
	background-color: inherit;
	text-decoration: none;
	color: var(--accent-color-hover);
	letter-spacing: -6px;
	margin-right: -3px;
}
.more.button.points:empty, .more .button.points:empty {
	display: none;
}

.module-texts-opened .suptitle {
	position: relative;
	font-size: 1.75em;
	/* text-transform: uppercase; */
	color: var(--primary-color);
	margin: 0.25em 0;
}
.module-texts-opened.inverse .suptitle {
	color: #FFFFFF;
}
.module-texts-opened .suptitle:after {
	content: "";
	display: block;
	width: 155px;
	height: 3px;
	margin-top: 0.5em;
	background-color: var(--accent-color);
}
.module-texts-opened.inverse .suptitle:after {
	height: 3px;
}
.module-texts-opened .layout-default .suptitle:after {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.module-texts-opened .suptitle:empty {
	display: none;
}
.module-texts-opened .suptitle + .image {
	margin-top: 1rem;
}
.module-texts-opened table {border-collapse: collapse;}
.module-texts-opened td {padding: 0;}

.module-texts-opened .suptitle:empty, 
.module-texts-opened .title:empty, 
.module-texts-opened .subtitle:empty, 
.module-texts-opened .text:empty, 
.module-texts-opened .lead:empty {
	display: none;
}

.module-texts-opened .layout-2-column {
	display: grid;
	grid-template-columns: 1fr 1.9fr;
	grid-template-rows: auto;
	column-gap: 2.5rem;
}
.module-texts-opened .layout-2-column-50 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 2.5rem;
}

.module-texts-opened .layout-2-column-imageleft {
	display: grid;
	grid-template-columns: 1fr 1.9fr;
	grid-template-rows: auto;
	gap: 2.5rem;
}
.module-texts-opened .layout-2-column-imageleft .texts {
	grid-column: 1 / 3;
}

.module-texts-opened .layout-2-column-imageright {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 2.5rem;
}
.module-texts-opened .layout-2-column-imageright .texts {
	grid-column: 1 / 3;
}

.module-texts-opened.layout-texts-width-45 .title,
.module-texts-opened.layout-texts-width-45 .texts {
	width: 45%;
	margin: auto;
}
.module-texts-opened.layout-texts-width-50-left .title,
.module-texts-opened.layout-texts-width-50-left .texts {
	width: 50%;
	margin-left: 0;
	margin-right: auto;
}
.module-texts-opened.layout-texts-width-70 .title,
.module-texts-opened.layout-texts-width-70 .texts {
	width: 70%;
	margin: auto;
}
.module-texts-opened.layout-texts-width-70-right .title,
.module-texts-opened.layout-texts-width-70-right .texts {
	width: 70%;
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}



.module-recommends .text p:first-child {margin-top: 0;}
.module-recommends .text p:last-child {margin-bottom: 0;}

.featured-content .block-title {
	margin-bottom: 1.5em;
}
.featured-content .item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 7%;
}
.featured-content .item .image {
	grid-row: 2 / 4;
}
.featured-content .image img {
	display: block;
	aspect-ratio: 1/1;
	object-fit: cover;
}
.featured-content .title {
	grid-column: 1/3;
	font-size: 3em;
	margin: 0.2em 0;
}
.featured-content .more.button {
	margin-top: 5rem;
}

.style-publications .content-list {
	grid-gap: 1.6em;
}
.style-publications .title {
	color: var(--text-color);
	font-size: 1.5em;
	margin: 0;
	min-height: 3em;
}
.style-publications .item {
	grid-template-columns: 1fr;
	background-color: var(--background-color-light);
	padding: 1.8em;
}
.style-publications .item:hover .image img {
	transform: scale(1.15);
}
.style-publications .item .image {
	display: block;
	text-align: center;
	margin-bottom: 1em;
	padding: 0.7em 0;
	border-bottom: 2px solid var(--primary-color);
}
.style-publications .item .image img {
	aspect-ratio: 1/1;
	object-fit: contain;
	max-width: 40%;
	transition: transform 0.35s;
}

.style-media-list .content-list {
	grid-gap: 2em 1em;
}
.style-media-list .item {
	border: 1px solid var(--text-color);
	display: grid;
}
.style-media-list .item .title {
	margin: 0;
	font-size: 1.5em;
}
.style-media-list .item .title,
.style-media-list .item .meta-bar,
.style-media-list .item .lead {
	padding: 0 6% 6% 6%;
}
.style-media-list .item .meta-bar {
	order: -1;
}
.style-media-list .item .image {
	order: -1;
}
.style-media-list .item .more {
	display: none;
}
.style-media-list .item.is-mediacontents .image {
	position: relative;
}
.style-media-list .item.is-mediacontents .image:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-size: 30%;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-size 0.35s;
}
.style-media-list .item.is-video .image:before {
	background-image: url(images/icon-video.png);
}
.style-media-list .item.is-audio .image:before {
	background-image: url(images/icon-audio.png);
}
.style-media-list .item.is-other .image:before {
	background-image: url(images/icon-other.png);
}
.style-media-list .item .image:hover:before {
	background-size: 33%;
}

.module-articles-opened.section-medium {
	background-color: var(--background-color-light);
}
.module-articles-opened .image {
	width: 45%;
	float: left;
	margin-right: 7%;
	margin-bottom: 3.3%;
}
.module-articles-opened .image img {
	width: 100%;
}

.subtitle, .suptitle {
	width: 46%;
}

.separator.title-separator {
	margin: 0 0 10% 0;
}

.content-share {
	display: flex;
	justify-content: flex-end;
	gap: 1rem;
	margin-top: 1rem;
}

.layout-tagged-list-default {
	
}
.layout-tagged-list-default .item {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 0 2em;
	/* margin-bottom: 2em; */
	padding-bottom: 2em;
	border-bottom: 2px solid var(--background-color-medium);
	background-color: var(--background-color-light);
	padding: 2rem 3.5rem;
}
.layout-tagged-list-default .item.is-no-image {
	grid-template-columns: 1fr;
	/* padding: 2rem 4rem; */
}
.layout-tagged-list-default .title {
	margin: 0;
	/* min-height: 3.5em; */
	line-height: 1.1em;
	margin-bottom: 0.5em;
}
.layout-tagged-list-default .item .image {
	grid-row: 1 / 5;
}
.layout-tagged-list-default .meta-bar:empty {
	display: none;
}
.layout-tagged-list-default .more {
	text-align: right;
}

.page-tudomany-nepszerusites .layout-tagged-list-default .title {
	font-size: 1.7em;
	width: 50%;
}
.page-tudomany-nepszerusites .layout-tagged-list-default .lead {
	font-size: 0.9em;
}

.search-form .section-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}
.search-form .form-header {
	grid-column: 1 / 3;
	margin-bottom: 1.5rem;
}
.search-form .form-header * {
	margin: 0;
}
.inputs-overlabel .form-group {
	position: relative;
	margin-bottom: 1.5rem;
}
.inputs-overlabel .form-group.full-width {
	grid-column: 1 / 3;
}
.inputs-overlabel input {
	padding: .5rem;
}
.inputs-overlabel button {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-radius: 0;
}
.inputs-overlabel input+label {
	position: absolute;
	top: 0.5rem;
	left: 0;
	z-index: 10;
	transition: top 0.25s, font-size 0.25s;
	cursor: text;
}
.inputs-overlabel input:focus+label, .inputs-overlabel input:not(:placeholder-shown)+label {
	top: -0.6rem;
	font-size: 0.75rem;
}
.inputs-overlabel input::-webkit-input-placeholder { color: var(--background-color-medium); }
.inputs-overlabel input:-moz-placeholder { color: var(--background-color-medium); }
.inputs-overlabel input:-ms-input-placeholder { color: var(--background-color-medium); }
.inputs-overlabel input:hover::-webkit-input-placeholder { color: var(--background-color-medium); }
.inputs-overlabel input:hover:-moz-placeholder { color: var(--background-color-medium); }
.inputs-overlabel input:hover:-ms-input-placeholder { color: var(--background-color-medium); }
/* :placeholder-shown {
	color: var(--background-color-medium);
} */

.content-related  {
	margin-top: var(--section-gap);
}
.content-related ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.content-related li a {
	margin-top: 1rem;
	display: grid;
    grid-template-columns: 125px 2fr;
	gap: 0.5rem;
	/* align-items: left; */
}
.content-related img {
	max-width: 100px;
}


.footer .image {
	width: 20%;
	margin-bottom: 2em;
}
.footer h2,
.footer h3,
.footer h4 {
	margin: 0.5em 0
}
.footer .text {
	margin-top: 0;
}

@media (min-width: 1001px) {


}
@media (max-width: 1000px) {

	.donly { display: none!important; }
	.mW {width: 100%;}
	table.mW, .mW tbody {
		width: 100%;
		display: block;
		min-width: unset;
	}
}

@media (min-width: 601px) {

	.monly { display: none!important; }
	.mobilview { display: none; }
}
@media (max-width: 600px) {

	.mobilhide { display: none; }
	.mobilview { display: block; }
	
}


/* desktop monitor (1920) */
@media (min-width: 1401px) {

}

/* normal laptop (1366) */
@media (max-width: 1400px) {

}

/* tablet (768) */
@media (max-width: 1000px) {

}

/* mobil (360) */
@media (max-width: 600px)
{
	h1 { font-size: 2em;}
	h2 { font-size: 1.8em;}
	h3 { font-size: 1.5em;}
	h4 { font-size: 1.2em; font-weight: 500; }
	#logo, body.header-smaller #logo {
		height: 45px;
	}
	#header, body.header-smaller #header {
		padding: 0.5rem 0;
	}
	body.home #header-spacer,
	.header-spacer {
		height: 80px;
	}
	#header {
		background-image: none;
	}
	#contents .section:first-child:not(.section-medium):not(.section-dark) {
		padding-top: 0;
	}
	.mmSlider2-wrap, .mmSlider2 {
		min-height: 170px;
		width: var(--winwidth);
	}
	.mmSlider2 .arrows .prev {
		left: 0em;
	}
	.mmSlider2 .arrows .next {
		right: 0em;
	}
	.mmSlider2 .arrows .next .draw-arrow, .mmSlider2 .arrows .prev .draw-arrow {
		--size: 1.5em;
		--line-width: 6px;
	}
	.mmSlider2-wrap {
		overflow: visible;
	}
	.mmSlider2 .points {
		bottom: -2rem;
	}
	.layout-grid-3-col {
		grid-template-columns: 1fr;
	}
	.featured-content .item {
		grid-template-columns: 1fr;
		gap: 1em;
	}
	.featured-content .item .image {
		grid-column: 1 / 2;
		/* grid-row: 2 / 3; */
	}
	.featured-content .more.button {
		margin: 1em 0;
		width: 100%;
		text-align: center;
	}
	.featured-content .item .title {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		font-size: 2em;
	}
	.page-header .section-inner {
		grid-template-columns: 1fr;
		padding: 1.5rem;
	}
	.page-header .section-inner .lead {
		padding: 0;
		border: 0;
		display: none;
	}
	.page-header .section-inner .text {
		grid-column: 1 / 2;
		padding-top: 1.5em;
	}
	.layout-tagged-list-default .item {
		grid-template-columns: 1fr;
		padding: 1rem;
	}
	.layout-tagged-list-default .item .image {
		grid-column: 1 / 2;
	}
	

	.module-articles-opened .image {
		float: none;
		margin: 0;
		width: 100%;
	}

	.page-tudomany-nepszerusites .layout-tagged-list-default .title {
		width: 100%;
	}

	.search-form .section-inner {
		grid-template-columns: 1fr;
		gap: 0rem;
	}
	.search-form .form-group.full-width {
		grid-column: 1 / 2;
	}
	.search-form .form-group {
		grid-column: 1 / 2;
	}
	
	.footer .image {
		width: 200px;
	}
}

@media print {
	#left, #right, #foot, #top, #header { display: none!important; }
	.page-columns, #content { width: 100%!important; }
}

body.site-tatraizsuzsannahu #header .page-search {display: none!important;}