@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

	*:focus {outline: none;}
	html {margin-top: 2em; margin-bottom: 2em;}


	body {font-family: 'Open Sans', sans-serif; overflow-x: hidden; font-size: 100%; color: #222; background-color: #FFF; transition: 0.5s background ease; max-width: 70em !important; margin: 0em auto 4em auto; text-align: justify; line-height: 175%; padding: 3em; margin-top: 3em;} /* 5F9EA0 */
	::selection {background-color: #495F7A; color: #FFF; display: none;}

	/*main {max-width: 70em !important; margin: 5em auto 4em auto; text-align: justify; line-height: 175%; background-color: #FFF; padding: 3em;}*/

	/*DARK MODE*/
	/* Alap dark-mode stílusok */
	html.dark-mode, body.dark-mode {
		background-color: #111 !important;
		color: #EEE !important;
		transition: background-color 0.3s ease, color 0.3s ease !important;
	}

	/* Dark mode linkek és szövegek */
	.dark-mode a { color: #9DDCFF !important; }
	.dark-mode b, .dark-mode b.b1, .dark-mode b.b2, .dark-mode b.nob { color: #000 !important; }
	.dark-mode blockquote { background-color: #1f1f1f !important; color: #EEE !important; }
	
	/* Toggle gomb mindig látható, kattintható */
	#dark-mode-toggle {
		position: fixed;
		top: 4em;
		right: 10px;
		width: 50px;
		height: 50px;
		font-size: 1.5em;
		background-color: rgba(34,34,34,0.8);
		color: #FFF;
		border: 1px solid #444;
		border-radius: 6px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s ease;
		z-index: 9999;
	}

	#dark-mode-toggle:hover {
		background-color: rgba(68,68,68,0.9);
		transform: translateY(-2px);
	}
	/*DARK MODE VÉGE*/

	/*KERESÉS */
	.finder {
		position: fixed;
		top: -50px;
		right: 0;
		left: 0;
		z-index: 999;
		display: flex;
		align-items: center;
		height: 50px;
		background: #fff;
		font-family: sans-serif;
		font-size: 14px;
		border-bottom: 1px solid #e5e5e5;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		padding: 5px;
		transition: top 0.15s ease-out;
	}

	.finder.active {
		top: 0;
	}

	.finder-input {
		flex-grow: 1;
		width: 0;
		height: 33px;
		border: none;
		padding: 8px;
		outline: none !important;
		font-size: 15px;
		background: #f7f8f9;
		border-radius: 6px;
	}

	.finder-input.not-found {
		color: #e7353f;
	}

	.btn-finder {
		width: 40px;
		height: 40px;
		text-align: center;
		padding: 0;
		font-size: 18px;
	}
	/* .btn-finder-icon {
		content: "\e902";
	} */
	
	.finder-input,
	.btn-finder:not(:last-child) {
		margin-right: 5px;
	}
	.btn-finder-prev {
		width: 45px;
		height: 45px;
		border-radius: 6px;
		border: 1px solid #ddd;	
		background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2015l8-8l8%208%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: 27px;
	}
	.btn-finder-next {
		width: 45px;
		height: 45px;
		border-radius: 6px;
		border: 1px solid #ddd;	
		background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%209l8%208l8-8%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: 27px;
	}
	.btn-finder-close {
		width: 45px;
		height: 45px;
		border-radius: 6px;
		border: 1px solid #ddd;	
		background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.41%2012l4.3-4.29a1%201%200%201%200-1.42-1.42L12%2010.59l-4.29-4.3a1%201%200%200%200-1.42%201.42l4.3%204.29l-4.3%204.29a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200l4.29-4.3l4.29%204.3a1%201%200%200%200%201.42%200a1%201%200%200%200%200-1.42z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
		background-size: 27px;
	}

	.finder-count {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #888;
		border-right: 1px solid #e5e5e5;
		margin-right: 5px;
		padding-right: 20px;
		white-space: nowrap;
	}

	.btn-finder,
	.finder-count {
		flex-shrink: 0;
		flex-grow: 0;
	}

	.highlight {
		/*background: #ff8;*/
		background: #337391 !important;
		color: #FFF;
		font-weight: bold;
	}

	.highlight.active {
		/*background: #ffd71b;*/
		background: #337391 !important;
		color: #FFF;
		font-weight: bold;
	}

	.finder-activator {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1;
		width: 50px;
		height: 50px;
		background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M21%2021l-4.486-4.494M19%2010.5a8.5%208.5%200%201%201-17%200a8.5%208.5%200%200%201%2017%200z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') #fff no-repeat center;
		background-size: 27px;
		border-radius: 6px;
		border: 1px solid #ddd;
	}

	.content {
		padding: 0 15px 0 0;
		font-size: 16px;
		line-height: 1.7;
	}

	/*.finder-activator {
		top: 30px;
		right: calc(50% - 182px);
	}*/

	.finder-activator {top: 2em; right: 1em;}

	.finder {
		top: -150px;
		right: calc(50% - 182px);
		left: calc(50% - 182px);
	}

	.finder.active {
		top: 30px;
	}
	/*KERESÉS VÉGE*/

	::-webkit-scrollbar {width: 0.8em;}
	::-webkit-scrollbar-track {background: #F1F1F1;}
	::-webkit-scrollbar-thumb {background: #CCC;}
	::-webkit-scrollbar-thumb:hover {background: #A5A5A5;}

	#myBtn {display: none; position: fixed; font-size: 110%; bottom: 1em; right: 1em; z-index: 99; border: none; outline: none; background: #495F7A; color: #FFF; cursor: pointer; padding: 0.938em; border-radius: 0.250em; opacity: 0.4; transition: ease-in 100ms;}
	#myBtn:hover {opacity: 1 !important;}

	/*Oldal szerkezet*/

	.stop {cursor: not-allowed !important;}

	/*TOOLTIP*/
		abbr {cursor: pointer; display: inline-block !important;}
		#tooltip {text-align: left; color: #fff; background: #111; position: absolute; z-index: 100; padding: 15px;}
		#tooltip::after {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px;}
		#tooltip.top::after {border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto;}
		#tooltip.left::after {left: 10px; margin: 0;}
		#tooltip.right::after {right: 10px; left: auto; margin: 0;}
	/*TOOLTIP VÉGE*/

	/*
	main:before {background: linear-gradient(-45deg, #FFF 16px, transparent 0), linear-gradient(45deg, #FFF 16px, transparent 0); background-position: left-top; background-repeat: repeat-x; background-size: 32px 32px; content: " "; display: block; position: absolute; top: -32px; left: 0px; width: 100%; height: 32px;}
	main:after {background: linear-gradient(-45deg, #5F9EA0 16px, transparent 0), linear-gradient(45deg, #5F9EA0 16px, transparent 0); background-position: left-bottom; background-repeat: repeat-x; background-size: 32px 32px; content: " "; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 32px;}
	*/

	main h1 {margin: 3em auto 1em auto; font-size: 150% !important; page-break-before: always; color: #505F4E;}
	main h1.never {page-break-before: auto;}
	#toc_container h1 {font-size: 2em; text-transform: uppercase; color: #215E7C !important; font-family: Arial, Helvetica, sans-serif; width: 15em !important;}
	h1 {text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
	h2, h3, h4, caption, figcaption, a {color: #0E669C; font-family: Arial, Helvetica, sans-serif; font-weight: 350;}
	h1 {display: block !important; font-weight: bold; margin: 0 auto 2em auto; line-height: 150%; text-align: center; max-width: 100% !important; }
	/*h2.t2 {font-size: 120% !important; font-weight: bold !important; margin: 2em auto 1em auto !important; text-align: center !important;}*/
	h2 {font-size: 120% !important; font-weight: bold !important; margin: 2em auto 1em auto !important; text-align: center !important; text-transform: uppercase; font-weight: bold; color: #505F4E !important; font-family: Arial, Helvetica, sans-serif; page-break-before: always !important;}
	h3 {font-size: 120%; border-bottom: 0.5px #01A2B3 solid; font-weight: bold; text-align: left !important;}
	h4 {font-size: 105%;}
	h3, h4 {margin-bottom: -0.5em !important;}
	p.i {font-style: italic;}
	.be {margin-left: 2em;}
	ul.d {line-height: 1.7; list-style-type: none;}
	.m-top {margin-top: -1em;}
	.m-top0 {margin-top: 0;}
	.m-bot {margin-bottom: 0;}
	.m-bot1 {margin-bottom: -1em;}
	main a {color: #A5282C; text-decoration-line: underline;}
	main a:hover {color: #EE7762;}
	main a.in {color: #215E7C; text-decoration-line: underline; text-decoration-style: dotted;}
	.in:hover {color: #01A2B3;}

	/*main a {color: #3b464a; text-decoration: none; border-bottom: 1.5px solid; border-color: #98b0b8;}
	main a.in {color: #3b464a; text-decoration: none; border-bottom: 1.5px dotted; border-color: #98b0b8;}
	main a:hover {color: #222; text-decoration: none; border-color: #222;}*/

	fieldset {border: 1px solid #CCC; border-radius: 1em;}
	legend {margin-left: 2em; font-weight: bold; font-size: 120%;}

	b.b1 {/*background-color: #FFFF99;*/ background: #FCFCE3;}
	b {/*background-color: #FFFF99;*/ background: #FBF5B8;}
	b.b2 {/*background-color: #FFFF99;*/ background: #FFF26B;}
	b.nob {font-weight: normal;}

	.nobr {display: inline-block !important;}
	.nobr a {text-decoration: none; border: 0px !important;}
	.nobr a:hover {text-decoration: none; border: 0px !important;}
	.old {text-decoration: line-through;}

	blockquote {background-color: #E9F0FC; border-radius: 5px; border-collapse: collapse; margin: 1.5em auto !important; max-width: 100% !important; padding: 1.5em; color: #000059;}

	blockquote.red {background: #FCE8E7; border-radius: 5px; border-collapse: collapse; margin: 1.5em auto !important; max-width: 100% !important; padding: 1.5em; color: #A33134;}
	blockquote.red a {color: #A33134; border-bottom-color: #A33134;}

	blockquote.green {background: #E8F9F4; border-radius: 5px; border-collapse: collapse; margin: 1.5em auto !important; max-width: 100% !important; padding: 1.5em; color: #1A876B;}
	blockquote.green a {color: #1A876B; border-bottom-color: #1A876B;}

	/*TOC*/
	.cover {margin: auto !important;}
	#toc_container {line-height: 200%; background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #AAA; font-size: 95%; margin: 1em auto 2em auto !important; padding: 1em; display: table; color: black; /*z-index: -1;*/}
	.toc_title {font-weight: bold; text-align: center; font-size: 130%; text-transform: uppercase; color: #215E7C !important;}
	#toc_container a {color: #495F7A; text-decoration: none;}
	
	.toc_list {margin-left: -1.5em; text-align: left;}
	.toc_list a:hover {color: green !important;}
	.no-mar {margin-left: -1em !important;}

	#toc_container li, #toc_container ul, #toc_container ul li {list-style: decimal; display: block;}
	#toc_container ul {counter-reset: item}
	#toc_container li:before {content: counters(item, ".") " "; counter-increment: item;}
	/*TOC vége*/

	/*IDÉZET*/
	.q {margin-left: 1.5em; border-left: 2em #B5BDD3 solid; padding-left: 1em;}
	/*IDÉZET VÉGE*/
	
	/*OSZTÁS*/
	.frac {display: inline-block; position: relative; vertical-align: middle; text-align: center; margin-left: 0.3em;}
	.frac > span {display: block; padding: 0.1em;}
	.frac span.bottom {border-top: thin solid black;}
	.frac span.symbol {display: none;}
	
	.supsub {display: inline-block;}
	.supsub sup, .supsub sub {position: relative; display: block; /*font-size: .5em;*/ line-height: 1.2;}
	.supsub sup {top: 0.6em; margin-top: -1em;}
	.supsub sub {top: .3em;}
	/*OSZTÁS VÉGE*/


	div.h {max-width: 20em; background: #FFDF00; border-radius: 1em; padding: 1em; margin: 1em auto;}
	div.h h4 {text-align: left; font-weight: bold;}

	h2 a {color: #000 !important; font-weight: bold !important;}
	.active a {background: #CC0000; color: #FFF !important;}
	.active a:hover {background: #CC0000 !important;}

	.home a {font-size: 119% !important; color: #0E669C !important; font-weight: bold !important; text-align: center; margin: 0 !important;}
	.home a:hover {background: #F9F9F9 !important;}
	.home {z-index: 950;}

	nav {padding-bottom: 5em;}
	nav::-webkit-scrollbar {display: none;}
	nav h2 {color: #0E669C !important; text-transform: none !important; font-family: 'Baloo Bhai 2', sans-serif !important;}
	nav a {text-decoration: none; color: #495F7A !important; font-weight: 300; font-family: 'Baloo Bhai 2', sans-serif !important;}
	nav ul {padding: 0px; margin: 0px;}
	nav li {list-style: none;}
	#slidx_menu {background: #F9F9F9; text-align: left;}
	#slidx_menu a {padding: 1em; display: block;}
	#slidx_menu a:hover {background: #EEE; cursor: pointer;}
	#slidx_button {padding: 10px 30px; margin: 50px 20px 0px 0px;}
	#slidx_button:hover {cursor: pointer;}
	button {background: #F9F9F9; border: 0;}

	img {margin: auto !important; display: block;}
	figcaption, caption {font-size: 90%; max-width: 90%; font-style: italic; text-align: center; margin: 1em auto !important;}
/*Oldal szerkezet vége*/

	@media screen and (min-width: 80em) {
		#toc_container {width: 30em !important;}
		.pic-col {width: 45.5% !important;}
	}

	@media screen and (max-width: 75em) {
		#toc_container {margin: auto !important; float: none !important; position: relative !important; width: auto !important; right: 0 !important; opacity: 1 !important;}
		#myBtn {font-size: 120%;}
		.pic-col {width: 45% !important;}
	}

	@media (max-width: 60em) {
		body {max-width: 100% !important; padding: 1em !important;}
		main {max-width: 100%; display: block; margin: 0 auto 0 auto !important;}
		.pic-col {width: 100% !important;}
	}

	@media (max-width: 40em) {
		#toc_container {max-width: 100% !important; display: block;}
		body::-webkit-scrollbar {display: none;}
		main {width: 100%;}
		h1 {margin-top: 2em;}
		figure {width: 100% !important; margin: auto !important; display: block;}
		.nobr {width: 20px !important; display: block;}
		div.h {max-width: 100% !important;}
		.varw {max-width: 100% !important;}
		.pic-col {width: 100% !important;}
	}

	@page {size: A4; margin: 0;}
	@media print {
		@page {margin: 1.5cm 1.5cm;}
			html {background-color: #FFF;}
			.cover {width: 100% !important; height: 0vh !important;}
			.cover h1 {color: #0E669C !important;}
			#myBtn {display: none !important;}
			h1 {margin-top: 0 !important;}
			body, main {max-width: 100% !important; font-size: 100%; text-align: justify; background: transparent;}
			main {page-break-before: always !important;}
			img#svg {max-width: 100% !important; margin: auto;}
			.f {page-break-before: always !important;}
			.no {page-break-before: auto;}
			div.h {max-width: 30em !important; background: #FFDF00; padding: 2em !important;}
			#slidx_button, #slidx_menu, .noprint {display: none !important;}
			fieldset {border-left-style: none; border-right-style: none; border-bottom-style: none; border-radius: 0;}
			legend {text-align: center !important;}
			.nob {border: 0 none;}
			main:after {background: transparent !important;}
		}
    
    /* Általános beúszó effekt minden szöveges elemre */
    .fade-in-up {
        opacity: 0;
        transform: translateY(20px);
        animation: fadeInUp 0.8s forwards;
    }

    /* Animáció kulcsképek */
    @keyframes fadeInUp {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Beúszó effekt minden p, h1-h4 elemre */
    body p,
    body h1, body h2, body h3, body h4,
    body blockquote, body li {
        opacity: 0;
        transform: translateY(20px);
        animation: fadeInUp 0.8s forwards;
    }

    /* Késleltetések, hogy ne egyszerre jöjjön minden */
    body p:nth-of-type(1) { animation-delay: 0.2s; }
    body p:nth-of-type(2) { animation-delay: 0.4s; }
    body p:nth-of-type(3) { animation-delay: 0.6s; }
    /* Ha sok szöveg van, a késleltetést növelheted vagy JS-sel automatizálhatod */
    body h1 { animation-delay: 0.1s; }
    body h2 { animation-delay: 0.2s; }
    body h3 { animation-delay: 0.3s; }
    body h4 { animation-delay: 0.4s; }
	
	header nav a.home,
	header nav a.home:hover,
	header nav a.home:focus,
	header nav a.home:active {
		text-decoration: none !important;
	}
.home a,
.home a * {
	text-decoration: none !important;
}

/* --- Dark Mode --- */
html.dark-mode, body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* Minden főbb konténer örökölje a színt */
body.dark-mode main,
body.dark-mode nav,
body.dark-mode header,
body.dark-mode section,
body.dark-mode footer {
	background-color: #111 !important;
	color: #EEE !important;
}

/* Linkek és kiemelések */
body.dark-mode a { color: #9DDCFF !important; }
body.dark-mode blockquote { background-color: #1f1f1f !important; color: #EEE !important; }
body.dark-mode b.nob { color: #000 !important; } /* sárgával kihúzott szövegek fekete */

/* Toggle gomb */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}
/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
	transform: translateY(-2px);
}/* === DARK MODE === */
body.dark-mode {
	background-color: #111 !important;
	color: #EEE !important;
	transition: background-color 0.3s ease, color 0.3s ease !important;
}

/* B elemek sötét módban is feketék */
body.dark-mode b,
body.dark-mode b.nob,
body.dark-mode b.b1,
body.dark-mode b.b2 {
	color: #000 !important;
}

/* Linkek dark mode-ban */
body.dark-mode a[target="_blank"] {
	color: red !important;
	text-decoration: none !important;
}

body.dark-mode a.in {
	color: #01A2B3 !important;
	text-decoration: underline dotted !important;
}

/* Minden más link megtartja eredeti színét */
body.dark-mode a:not([target="_blank"]):not(.in) {
	color: inherit !important;
	text-decoration: none !important;
}

/* Toggle gomb mindig látható és kattintható */
#dark-mode-toggle {
	position: fixed;
	top: 4em;
	right: 10px;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	background-color: rgba(34,34,34,0.8);
	color: #FFF;
	border: 1px solid #444;
	border-radius: 6px; /* enyhén lekerekített */
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease, transform 0.6s ease;
	z-index: 9999;
}

#dark-mode-toggle:hover {
	background-color: rgba(68,68,68,0.9);
}

/* Target="_blank" linkek sötét módban */
body.dark-mode a[target="_blank"] {
	color: #C00000 !important;      /* bordó árnyalat */
	text-decoration: underline !important; /* underline */
	transition: color 0.3s ease;    /* szép átmenet hoverre */
}

/* Hover effektek */
body.dark-mode a[target="_blank"]:hover {
	color: #FF0000 !important;      /* tiszta piros hoverre */
}
/* class="in" linkek sötét módban */
body.dark-mode a.in {
	color: #1E90FF !important; /* szép kék */
	text-decoration: underline dotted !important;
	transition: color 0.3s ease;
}

/* Hover effektek */
body.dark-mode a.in:hover {
	color: #00BFFF !important; /* harsányabb kék */
}



/* Alapstílus: ne tűnjön el a szöveg */
span:target,
h1:target {
	/* ne állítsunk opacity-t */
	animation: highlight 1s ease-in-out 3; /* 3-szor villogjon */
}

/* Animáció, ami csak a háttérszínt váltogatja */
@keyframes highlight {
	0%, 100% {
		background-color: transparent;
	}
	50% {
		background-color: #9FDCFF; /* világoskék kiemelés */
	}
}



/* highlight span a szöveg köré */
.target-highlight {
	background-color: rgba(0, 120, 215, 0.2);
	display: inline;
	padding: 0 0.2em;
	border-radius: 0.1em;
}



/* Ha egy elem horgonyra mutat (pl. #h3) */
h3:target {
	padding-top: 1em; /* Csak extra helyet adunk a cím tetején, hogy ne legyen túl szoros */
	background-color: transparent; /* Nem kell háttérszín, hogy ne villogjon */
	transition: none; /* Ne alkalmazzunk semmilyen animációt */
}

/* Az alap h3 stílusok, hogy ne legyenek túl közel a szövegek */
h3 {
	font-size: 120%;
	border-bottom: 0.5px #01A2B3 solid;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1em;  /* Finomhangolt távolság */
}



a[target="_blank"] {
  scroll-behavior: auto; /* letiltja a smooth scrollt a link fókusznál */
}


/* Panel teljes lebegő gomb stílus */
.popup, #popup-panel, .popup-panel {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  z-index: 9999 !important;
}

.popup button, #popup-panel button, .popup-panel button,
.popup a, #popup-panel a, .popup-panel a {
  border-radius: 50px !important;
  padding: 12px 18px !important;
  background-color: #f39c12 !important;
  color: #fff !important;
  border: none !important;
  font-weight: bold !important;
  cursor: pointer !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
  transition: transform 0.2s, background-color 0.2s !important;
}

.popup button:hover, #popup-panel button:hover, .popup-panel button:hover,
.popup a:hover, #popup-panel a:hover, .popup-panel a:hover {
  transform: scale(1.1) !important;
  background-color: #e67e22 !important;
}