.k20-nav {
	flex: 0 0 100%;
}

.k20-nav__list,
.k20-nav__sub {
	margin: 0;
	padding: 0;
	list-style: none;
}

.k20-nav__item {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	border-top: 1px solid var(--k20-linie);
}

.k20-nav__link {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	min-height: var(--k20-touch);
	padding: var(--k20-s-2) 0;
	color: var(--k20-titlu);
	font-weight: var(--k20-fw-bold);
	text-decoration: none;
}

.k20-nav__link:hover {
	color: var(--k20-link-hover);
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.k20-nav__item--current > .k20-nav__link,
.k20-nav__item--ancestor > .k20-nav__link {
	color: var(--k20-turcoaz-text);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.25em;
}

.k20-nav__toggle {
	display: none;
	align-items: center;
	justify-content: center;
	flex: none;
	width: var(--k20-touch);
	min-height: var(--k20-touch);
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--k20-titlu);
	cursor: pointer;
}

.k20-nav__chevron {
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-0.125rem) rotate(45deg);
	transition: transform var(--k20-ease);
}

.k20-nav__item--open > .k20-nav__toggle .k20-nav__chevron {
	transform: translateY(0.125rem) rotate(-135deg);
}

.k20-nav__sub {
	flex: 0 0 100%;
}

.k20-nav__sub .k20-nav__item {
	border-top: 1px solid var(--k20-linie);
}

@media (scripting: enabled) {
	.k20-nav {
		display: none;
	}

	.k20-header--open .k20-nav {
		display: block;
	}

	.k20-nav__toggle {
		display: inline-flex;
	}

	.k20-nav__sub {
		display: none;
	}

	.k20-nav__item--open > .k20-nav__sub {
		display: block;
	}
}

@media (min-width: 64em) {
	.k20-nav,
	.k20-header--open .k20-nav {
		display: block;
		flex: 0 1 auto;
		margin-left: auto;
	}

	.k20-nav__list {
		display: flex;
		align-items: center;
		gap: var(--k20-s-1);
	}

	.k20-nav__list > .k20-nav__item {
		position: relative;
		flex-wrap: nowrap;
		border-top: 0;
	}

	.k20-nav__list > .k20-nav__item > .k20-nav__link {
		flex: none;
		padding: var(--k20-s-2) var(--k20-s-3);
	}

	.k20-nav__list > .k20-nav__item > .k20-nav__toggle {
		margin-left: calc(-1 * var(--k20-s-3));
	}

	.k20-nav__list .k20-nav__sub,
	.k20-nav__list > .k20-nav__item--open > .k20-nav__sub {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 10;
		min-width: 14rem;
		padding: var(--k20-s-2);
		background: var(--k20-fundal);
		border: 1px solid var(--k20-linie);
		border-radius: var(--k20-radius);
		box-shadow: var(--k20-shadow);
	}

	.k20-nav__list > .k20-nav__item--parent:hover > .k20-nav__sub,
	.k20-nav__list > .k20-nav__item--open > .k20-nav__sub {
		display: block;
	}

	.k20-nav__sub .k20-nav__item {
		flex-wrap: nowrap;
		border-top: 0;
	}

	.k20-nav__sub .k20-nav__link {
		padding: var(--k20-s-2) var(--k20-s-3);
	}
}

@media (min-width: 64em) and (scripting: none) {
	.k20-nav__list > .k20-nav__item--parent:focus-within > .k20-nav__sub {
		display: block;
	}
}

@media (prefers-reduced-motion: reduce) {
	.k20-nav__chevron,
	.k20-header__bars,
	.k20-header__bars::before,
	.k20-header__bars::after {
		transition: none;
	}
}