/* VIN-FAKTOR Zrt. – visszafogott, akadálymentes vállalati felület */

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/fonts/inter-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/fonts/inter-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
		U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
		U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/assets/fonts/inter-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/assets/fonts/inter-latin-ext-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/fonts/inter-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: Inter;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/fonts/inter-latin-ext-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: Merriweather;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/fonts/merriweather-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: Merriweather;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/assets/fonts/merriweather-latin-ext-700-normal.woff2") format("woff2");
}

:root {
	--kek: #003366;
	--kek-kozep: #0a477d;
	--kek-vilagos: #eaf0f6;
	--arany: #d4af37;
	--ezust: #8c92ac;
	--feher: #ffffff;
	--halvany: #f5f7f9;
	--szoveg: #1c2733;
	--szoveg-halk: #53606f;
	--keret: #d8e0e8;
	--keret-kek: #b9c9d9;
	--max: 70rem;
	--szoveg-max: 70ch;
	--sugar: 0.5rem;
	--gomb-sugar: 0.3125rem;
	--arnyek: 0 0.75rem 2.25rem rgb(0 51 102 / 0.07);
}

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

html {
	font-size: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 6.5rem;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--feher);
	color: var(--szoveg);
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 1.0625rem;
	line-height: 1.68;
	overflow-wrap: break-word;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: var(--kek-kozep);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

a:hover {
	color: var(--kek);
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

:focus-visible {
	outline: 3px solid #c69400;
	outline-offset: 3px;
}

.atlepes {
	position: fixed;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 1000;
	padding: 0.75rem 1rem;
	background: var(--kek);
	color: var(--feher);
	font-weight: 700;
	text-decoration: none;
	transform: translateY(-180%);
}

.atlepes:focus {
	transform: translateY(0);
}

h1,
h2,
h3,
h4 {
	margin-top: 0;
	color: var(--kek);
	font-weight: 700;
	line-height: 1.22;
	hyphens: none;
}

h1,
h2 {
	font-family: Merriweather, Georgia, serif;
}

h1 {
	font-size: clamp(2.1rem, 5.4vw, 4.5rem);
	letter-spacing: -0.035em;
}

h2 {
	font-size: clamp(1.75rem, 3.4vw, 2.75rem);
	letter-spacing: -0.022em;
}

h3 {
	font-size: 1.2rem;
}

p,
ul,
ol,
dl {
	margin-top: 0;
}

strong {
	font-weight: 600;
}

.kontener {
	width: min(calc(100% - 2.5rem), var(--max));
	margin-inline: auto;
}

.fejlec {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--keret);
	background: rgb(255 255 255 / 0.98);
}

.fejlec__belso {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(calc(100% - 2.5rem), var(--max));
	min-height: 4.75rem;
	margin-inline: auto;
	gap: 1rem;
}

.fejlec__logo {
	flex: 0 0 auto;
}

.fejlec__logo img {
	width: 8.4rem;
}

.menu-nyito {
	display: none;
	align-items: center;
	gap: 0.65rem;
	min-height: 2.75rem;
	padding: 0.55rem 0.75rem;
	border: 1px solid var(--keret-kek);
	border-radius: var(--gomb-sugar);
	background: var(--feher);
	color: var(--kek);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 700;
	cursor: pointer;
}

.js .menu-nyito {
	display: inline-flex;
}

.menu-nyito__ikon,
.menu-nyito__ikon::before,
.menu-nyito__ikon::after {
	display: block;
	width: 1.15rem;
	height: 2px;
	background: currentcolor;
}

.menu-nyito__ikon {
	position: relative;
}

.menu-nyito__ikon::before,
.menu-nyito__ikon::after {
	position: absolute;
	left: 0;
	content: "";
}

.menu-nyito__ikon::before {
	top: -0.36rem;
}

.menu-nyito__ikon::after {
	top: 0.36rem;
}

.fomenu {
	position: absolute;
	top: calc(100% + 1px);
	right: -1.25rem;
	left: -1.25rem;
	padding: 1rem 1.25rem 1.25rem;
	border-bottom: 1px solid var(--keret);
	background: var(--feher);
	box-shadow: var(--arnyek);
}

.js .fomenu[hidden] {
	display: none;
}

.fomenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fomenu a:not(.gomb) {
	display: block;
	padding: 0.68rem 0;
	color: var(--kek);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
}

.fomenu a:not(.gomb):hover {
	text-decoration: underline;
}

.fomenu__cta {
	margin-block: 0.75rem;
}

.fomenu__jogi {
	padding-top: 0.6rem !important;
	border-top: 1px solid var(--keret);
}

.fomenu__jogi a {
	color: var(--szoveg-halk) !important;
	font-size: 0.875rem !important;
}

.gomb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0.75rem 1.15rem;
	border: 1px solid var(--kek);
	border-radius: var(--gomb-sugar);
	background: var(--kek);
	color: var(--feher);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.gomb:hover {
	border-color: var(--kek-kozep);
	background: var(--kek-kozep);
	color: var(--feher);
}

.gomb--masodlagos {
	background: transparent;
	color: var(--kek);
}

.gomb--masodlagos:hover {
	background: var(--kek-vilagos);
	color: var(--kek);
}

.gomb--kicsi {
	min-height: 2.6rem;
	padding: 0.65rem 1rem;
	font-size: 0.875rem;
}

.gombsor {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 2rem;
}

.hero {
	position: relative;
	overflow: hidden;
	padding-block: clamp(3.5rem, 8vw, 6.75rem);
	background: var(--feher);
}

.hero::after {
	position: absolute;
	right: -7rem;
	bottom: -10rem;
	width: 28rem;
	height: 28rem;
	border: 1px solid var(--keret);
	border-radius: 50%;
	box-shadow: 0 0 0 4rem rgb(234 240 246 / 0.55), 0 0 0 8rem rgb(245 247 249 / 0.55);
	content: "";
	pointer-events: none;
}

.hero__racs {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 3rem;
}

.hero__szoveg {
	max-width: 48rem;
}

.hero h1 {
	margin-bottom: 1.5rem;
}

.hero__bevezeto {
	max-width: 62ch;
	margin-bottom: 0;
	color: var(--szoveg-halk);
	font-size: clamp(1.08rem, 2vw, 1.22rem);
	line-height: 1.72;
}

.bizalmi-panel {
	align-self: start;
	padding: 1.5rem;
	border: 1px solid var(--keret-kek);
	border-top: 3px solid var(--arany);
	border-radius: var(--sugar);
	background: rgb(255 255 255 / 0.96);
	box-shadow: var(--arnyek);
}

.bizalmi-panel h2 {
	margin-bottom: 1.15rem;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 1.28rem;
	letter-spacing: 0;
}

.bizalmi-panel dl {
	margin-bottom: 1rem;
}

.bizalmi-panel dl div {
	display: grid;
	grid-template-columns: minmax(6rem, 0.75fr) 1.25fr;
	gap: 1rem;
	padding-block: 0.62rem;
	border-bottom: 1px solid var(--keret);
	font-size: 0.9rem;
}

.bizalmi-panel dt {
	color: var(--szoveg-halk);
}

.bizalmi-panel dd {
	margin: 0;
	font-weight: 600;
}

.bizalmi-panel nav {
	display: grid;
}

.bizalmi-panel nav a {
	position: relative;
	padding: 0.65rem 1.25rem 0.65rem 0;
	border-bottom: 1px solid var(--keret);
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
}

.bizalmi-panel nav a::after {
	position: absolute;
	right: 0.15rem;
	content: "›";
	font-size: 1.2rem;
}

.szekcio {
	padding-block: clamp(3.75rem, 8vw, 6.5rem);
}

.szekcio--halvany {
	background: var(--halvany);
}

.szekcio--kek {
	background: var(--kek);
	color: var(--feher);
}

.szekcio-fej {
	max-width: 47rem;
	margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.szekcio-fej h2 {
	margin-bottom: 1rem;
}

.szekcio-fej p {
	max-width: var(--szoveg-max);
	margin-bottom: 0;
	color: var(--szoveg-halk);
	font-size: 1.08rem;
}

.szekcio-fej--vilagos h2,
.szekcio-fej--vilagos p {
	color: var(--feher);
}

.tenyek {
	display: grid;
	gap: 1.1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tenyek li {
	display: grid;
	gap: 0.3rem;
	padding-left: 1.25rem;
	border-left: 3px solid var(--arany);
}

.tenyek strong {
	color: var(--kek);
}

.tenyek span {
	color: var(--szoveg-halk);
}

.szolgaltatasok {
	display: grid;
	gap: 1rem;
}

.szolgaltatas {
	position: relative;
	padding: 1.5rem;
	border: 1px solid var(--keret);
	border-radius: var(--sugar);
	background: var(--feher);
}

.szolgaltatas__szam {
	margin-bottom: 1.1rem;
	color: var(--ezust);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.szolgaltatas h3 {
	margin-bottom: 0.8rem;
	font-size: 1.22rem;
}

.szolgaltatas > p:not(.szolgaltatas__szam, .szolgaltatas__szempont),
.szolgaltatas ul {
	color: var(--szoveg-halk);
}

.szolgaltatas ul {
	padding-left: 1.15rem;
	font-size: 0.96rem;
}

.szolgaltatas__szempont {
	margin: 1.2rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--keret);
	font-size: 0.88rem;
}

.szolgaltatas__szempont strong {
	color: var(--kek);
}

.folyamat {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.folyamat li {
	position: relative;
	display: grid;
	grid-template-columns: 3rem 1fr;
	gap: 1rem;
	padding-bottom: 2rem;
}

.folyamat li:not(:last-child)::before {
	position: absolute;
	top: 2.7rem;
	bottom: 0.2rem;
	left: 1.45rem;
	width: 1px;
	background: rgb(255 255 255 / 0.35);
	content: "";
}

.folyamat__szam {
	display: grid;
	width: 3rem;
	height: 3rem;
	border: 1px solid rgb(255 255 255 / 0.5);
	border-radius: 50%;
	place-items: center;
	color: var(--feher);
	font-weight: 700;
}

.folyamat h3 {
	margin: 0.3rem 0 0.55rem;
	color: var(--feher);
}

.folyamat p {
	max-width: 34rem;
	margin-bottom: 0;
	color: #dbe5ef;
	font-size: 0.96rem;
}

.folyamat__zaras {
	max-width: 62rem;
	margin: 0;
	padding-top: 1.75rem;
	border-top: 1px solid rgb(255 255 255 / 0.28);
	color: #e8eef5;
}

.bizalom-lista {
	border-top: 1px solid var(--keret);
}

.bizalom-lista article {
	display: grid;
	grid-template-columns: 2.75rem 1fr;
	gap: 1rem;
	padding-block: 1.75rem;
	border-bottom: 1px solid var(--keret);
}

.bizalom-lista__jel {
	margin: 0;
	color: var(--ezust);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.bizalom-lista h3 {
	margin-bottom: 0.65rem;
}

.bizalom-lista p {
	max-width: var(--szoveg-max);
	margin-bottom: 0.8rem;
}

.bizalom-lista p:last-child {
	margin-bottom: 0;
	font-size: 0.95rem;
}

.bemutatkozas__torzs {
	display: grid;
	gap: 2rem;
}

.bemutatkozas__torzs article {
	padding-top: 1.1rem;
	border-top: 2px solid var(--keret-kek);
}

.bemutatkozas__torzs h3 {
	margin-bottom: 0.65rem;
}

.bemutatkozas__torzs p {
	margin-bottom: 0;
	color: var(--szoveg-halk);
}

.kapcsolat {
	border-top: 1px solid var(--keret);
}

.kapcsolat__racs {
	display: grid;
	gap: 3rem;
}

.kapcsolat__bevezeto h2 {
	margin-bottom: 1rem;
}

.kapcsolat__bevezeto > p {
	max-width: 36rem;
	color: var(--szoveg-halk);
}

.kapcsolat__kiemelt {
	display: grid;
	gap: 0.35rem;
	margin-block: 1.75rem;
}

.kapcsolat__kiemelt a {
	width: fit-content;
	color: var(--kek);
	font-family: Merriweather, Georgia, serif;
	font-size: clamp(1.35rem, 3vw, 1.9rem);
	font-weight: 700;
	text-decoration-thickness: 1px;
}

.szoveges-link {
	font-weight: 600;
}

.kapcsolat__adatok {
	padding: 1.25rem;
	border: 1px solid var(--keret);
	border-radius: var(--sugar);
	background: var(--halvany);
}

.kapcsolat__adatok dl {
	margin: 0;
}

.kapcsolat__adatok dl div {
	display: grid;
	gap: 0.15rem;
	padding-block: 0.75rem;
	border-bottom: 1px solid var(--keret);
}

.kapcsolat__adatok dl div:last-child {
	border-bottom: 0;
}

.kapcsolat__adatok dt {
	color: var(--szoveg-halk);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.kapcsolat__adatok dd {
	margin: 0;
	font-size: 0.95rem;
}

.kulso-jelzes {
	color: inherit;
	font-size: 0.82em;
	font-weight: 400;
	white-space: nowrap;
}

.lablec {
	background: #002b56;
	color: #e1e8f0;
	font-size: 0.9rem;
}

.lablec__belso {
	display: grid;
	width: min(calc(100% - 2.5rem), var(--max));
	margin-inline: auto;
	gap: 2rem;
	padding-block: 3.5rem 2.75rem;
}

.lablec h2 {
	margin-bottom: 0.85rem;
	color: var(--feher);
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lablec a {
	color: var(--feher);
}

.lablec__ceg img {
	width: 8.5rem;
	margin-bottom: 1.25rem;
	filter: brightness(0) invert(1);
}

.lablec__ceg p {
	margin-bottom: 0.75rem;
}

.lablec__nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lablec__nav li + li {
	margin-top: 0.45rem;
}

.lablec__jog p {
	margin-bottom: 1rem;
}

.lablec__also {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: min(calc(100% - 2.5rem), var(--max));
	margin-inline: auto;
	gap: 0.75rem 2rem;
	padding-block: 1.15rem;
	border-top: 1px solid rgb(255 255 255 / 0.2);
	color: #bdcad8;
	font-size: 0.82rem;
}

.lablec__also p {
	margin: 0;
}

/* Aloldalak */

.aloldal .tartalom {
	width: min(calc(100% - 2.5rem), 56rem);
	margin-inline: auto;
	padding-block: 3.5rem 5rem;
}

.aloldal__fej {
	margin-bottom: 2.5rem;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid var(--keret);
}

.aloldal__fej h1 {
	margin-bottom: 1rem;
	font-size: clamp(2rem, 5vw, 3.4rem);
}

.vissza {
	margin-bottom: 1rem;
	font-size: 0.9rem;
	font-weight: 600;
}

.bevezeto {
	max-width: var(--szoveg-max);
	margin-bottom: 0;
	color: var(--szoveg-halk);
	font-size: 1.12rem;
}

.aloldal__torzs {
	max-width: var(--szoveg-max);
}

.aloldal__torzs h2 {
	margin: 2.6rem 0 0.9rem;
	font-family: Inter, "Segoe UI", system-ui, sans-serif;
	font-size: 1.5rem;
	letter-spacing: 0;
}

.aloldal__torzs h3 {
	margin: 2rem 0 0.65rem;
}

.aloldal__torzs h4 {
	margin: 1.5rem 0 0.5rem;
}

.aloldal__torzs ul,
.aloldal__torzs ol {
	padding-left: 1.3rem;
}

.aloldal__torzs li + li {
	margin-top: 0.4rem;
}

.kiemelt {
	margin-block: 1.75rem;
	padding: 1.2rem 1.35rem;
	border-left: 4px solid var(--kek);
	background: var(--kek-vilagos);
}

.kiemelt > :last-child {
	margin-bottom: 0;
}

.adatok {
	width: 100%;
	margin-bottom: 2rem;
	border-collapse: collapse;
	font-size: 0.96rem;
}

.adatok th,
.adatok td {
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--keret);
	text-align: left;
	vertical-align: top;
}

.adatok th {
	width: 36%;
	background: var(--halvany);
	color: var(--kek);
	font-weight: 600;
}

.letoltesek,
.linkek,
.kartyak {
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}

.letoltesek > li {
	margin-bottom: 0.8rem;
	border: 1px solid var(--keret);
	border-radius: var(--sugar);
}

.dok {
	display: block;
	padding: 1rem 1.1rem;
}

.dok__cim {
	display: block;
	font-weight: 600;
}

.dok__meta,
.dok__leiras,
.dok__valtozat,
.linkek__leiras {
	color: var(--szoveg-halk);
	font-size: 0.88rem;
}

.dok__meta {
	display: block;
	margin-top: 0.2rem;
}

.dok__leiras,
.dok__valtozat {
	margin: 0;
	padding: 0 1.1rem 1rem;
}

.linkek li {
	padding-block: 0.65rem;
	border-bottom: 1px solid var(--keret);
}

.linkek__leiras {
	display: block;
}

.kartyak {
	display: grid;
	gap: 1rem;
}

.kartya {
	padding: 1.2rem;
	border: 1px solid var(--keret);
	border-radius: var(--sugar);
}

.kartya h3 {
	margin: 0 0 0.65rem;
	font-size: 1.05rem;
}

.kartya dl {
	margin: 0;
	font-size: 0.92rem;
}

.kartya dt {
	margin-top: 0.6rem;
	color: var(--szoveg-halk);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.kartya dd {
	margin: 0.1rem 0 0;
}

@media (min-width: 40rem) {
	.gombsor {
		flex-direction: row;
	}

	.bemutatkozas__torzs,
	.kartyak {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kapcsolat__adatok {
		padding: 1.75rem;
	}

	.kapcsolat__adatok dl div {
		grid-template-columns: minmax(9rem, 0.8fr) 1.2fr;
		gap: 1rem;
	}
}

@media (min-width: 48rem) {
	.kontener,
	.fejlec__belso,
	.lablec__belso,
	.lablec__also,
	.aloldal .tartalom {
		width: min(calc(100% - 4rem), var(--max));
	}

	.szekcio-fej--ketto {
		display: grid;
		grid-template-columns: 0.85fr 1.15fr;
		max-width: none;
		gap: 4rem;
	}

	.szolgaltatasok {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bizalom-lista article {
		grid-template-columns: 3rem 1fr;
		gap: 1.75rem;
	}

	.lablec__belso {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {
	.fejlec__belso {
		min-height: 5.25rem;
	}

	.fejlec__logo img {
		width: 9.5rem;
	}

	.js .menu-nyito {
		display: none;
	}

	.fomenu,
	.js .fomenu[hidden] {
		position: static;
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: flex-end;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.fomenu__elso {
		display: flex;
		align-items: center;
		gap: 1.35rem;
	}

	.fomenu a:not(.gomb) {
		padding: 0.6rem 0;
		font-size: 0.84rem;
		white-space: nowrap;
	}

	.fomenu__cta {
		order: 2;
		margin: 0 0 0 1.25rem;
	}

	.fomenu__jogi {
		position: absolute;
		top: 100%;
		right: 0;
		display: flex;
		gap: 1rem;
		padding: 0.25rem 0 0 !important;
		border: 0;
		transform: translateY(0.25rem);
	}

	.fomenu__jogi a {
		color: var(--szoveg-halk) !important;
		font-size: 0.72rem !important;
	}

	.hero__racs {
		grid-template-columns: minmax(0, 1.5fr) minmax(20rem, 1fr);
		align-items: center;
		gap: 4.5rem;
	}

	.hero h1 {
		font-size: clamp(3.2rem, 4.4vw, 4.35rem);
	}

	.szekcio-fej--ketto {
		grid-template-columns: 0.8fr 1.2fr;
	}

	.tenyek {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.folyamat {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1.2rem;
	}

	.folyamat li {
		grid-template-columns: 1fr;
		padding: 0 0.5rem 2.25rem 0;
	}

	.folyamat li:not(:last-child)::before {
		top: 1.5rem;
		right: -0.6rem;
		bottom: auto;
		left: 3.6rem;
		width: auto;
		height: 1px;
	}

	.folyamat__szam {
		position: relative;
		z-index: 1;
		background: var(--kek);
	}

	.bemutatkozas {
		display: grid;
		grid-template-columns: 0.7fr 1.3fr;
		gap: 5rem;
	}

	.bemutatkozas .szekcio-fej {
		position: sticky;
		top: 8rem;
		align-self: start;
		margin-bottom: 0;
	}

	.kapcsolat__racs {
		grid-template-columns: 0.85fr 1.15fr;
		gap: 5rem;
	}

	.lablec__belso {
		grid-template-columns: 1.2fr 0.9fr 1fr 1.1fr;
	}
}

@media (max-width: 33.99rem) {
	body {
		font-size: 1rem;
	}

	.kontener,
	.fejlec__belso,
	.lablec__belso,
	.lablec__also,
	.aloldal .tartalom {
		width: min(calc(100% - 2rem), var(--max));
	}

	.bizalmi-panel dl div {
		grid-template-columns: 1fr;
		gap: 0.1rem;
	}

	.adatok th,
	.adatok td {
		display: block;
		width: 100%;
	}

	.adatok td {
		border-top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

@media print {
	.fejlec,
	.atlepes,
	.gombsor {
		display: none;
	}

	body {
		font-size: 11pt;
	}

	.hero,
	.szekcio,
	.aloldal .tartalom {
		padding-block: 1.5rem;
	}

	.szekcio--kek,
	.lablec {
		background: var(--feher);
		color: #000;
	}

	.szekcio--kek h2,
	.szekcio--kek h3,
	.szekcio--kek p,
	.lablec h2,
	.lablec a {
		color: #000;
	}

	a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
		word-break: break-all;
	}
}