.nav--inpage {
}

.subnavigation_headline {
	font-weight: bold;
	margin-bottom: 10px;
}

.nav--inpage li {
	display: block;
}

.nav--inpage li a {
	color: var(--color-black);
	font-weight: normal;
	padding: 5px 0;
	display: inline-block;
}

.nav--inpage li a:visited {
	color: var(--color-black);
}


@media (max-width: 1100px) {
	.subnavigation_headline {
		display: none;
	}

	.nav--inpage ul {
		padding: 0 var(--wrapper-padding);
	}

	.nav--inpage li {
		display: inline-block;
	}

	.nav--inpage li a {
		padding: 20px 15px;
		display: inline-block;
	}

	.nav--inpage li:first-of-type a {
		padding-left: 0;
	}

	.nav--inpage li:last-of-type a {
		padding-right: 0;
	}


}

/*Anchor*/
.in_page_navigation_anchor {
	position: absolute;
	top: 0;
	top: calc(0px - var(--header-height) - var(--vgap-universal));
	visibility: hidden;
}

@media (max-width: 1100px) {
	.in_page_navigation_anchor {
		top: calc(0px - var(--header-height) - var(--vgap-universal) - var(--nav-inpage-height));
	}
}




/*Scrollable Navigation*/
.in_page_navigation_container {
	width: 100%;
	max-width: 100%;
	overflow: auto;
	display: inline-block;
	-ms-overflow-style: none;
	scrollbar-width: none;

}

.in_page_navigation_container::-webkit-scrollbar {
  display: none;
}

.in_page_navigation_container_inner {
	width: auto;
	display: inline-block;
}

.in_page_navigation_nav_arrow {
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	cursor: pointer;
	display: none;
}

.in_page_navigation_nav_arrow.go_left {
	left: 0;
	background: linear-gradient(270deg, var(--color-light-grey--transparent) 0%, var(--color-light-grey) 50%, var(--color-light-grey) 100%);
}
.in_page_navigation_nav_arrow.go_right {
	right: 0;
	background: linear-gradient(90deg, var(--color-light-grey--transparent) 0%, var(--color-light-grey) 50%, var(--color-light-grey) 100%);
}

@media (max-width: 1100px) {
	.in_page_navigation_nav_arrow {
		display: inline;
	}

	.in_page_navigation_container_inner {
		white-space: nowrap;
	}

}