nav#page {
	&.no-title {
		position: absolute;
		right: 15px;

		.current-topic {
			float: left;
			height: 28px;
			padding: 4px 10px 0;
			border: 1px solid $color-border;
			border-right: 0;
			color: $color-darkgrey;
			font-size: $font-size14;
			display: none;
			position: relative;
			background-color: #fff;
			z-index: 10;
		}

		ul {
			margin: 0;
			padding: 0;
			position: relative;
			float: left;
			> li {
				list-style-type: none;
				float: left;

				> span {
					float: left;
					width: 30px;
					height: 28px;
					border: 1px solid $color-border;
					display: block;
					position: relative;
					z-index: 5;
					background-color: #fff;
					text-decoration: none;
					&.prev-empty {
						border-right: 0;
						@extend .icon-arrow-left;
						&:before {
							position: absolute;
							left: 5px;
							top: 5px;
							color: $color-border;
						}
					}
					&.next-empty {
						border-left: 0;
						@extend .icon-arrow-right-after;
						&:after {
							position: absolute;
							left: 5px;
							top: 5px;
							color: $color-border;
						}
					}
				}
				> a {
					float: left;
					width: 30px;
					height: 28px;
					border: 1px solid $color-border;
					display: block;
					position: relative;
					z-index: 5;
					background-color: #fff;
					text-decoration: none;
					&:hover {
						text-decoration: none;
					}
					&.prev {
						border-right: 0;
						@extend .icon-arrow-left;
						&:before {
							position: absolute;
							left: 5px;
							top: 5px;
							color: $color-blue;
						}
					}
					&.overview {
						@extend .icon-icon-grid;
						&:before {
							position: absolute;
							left: 5px;
							top: 5px;
							color: $color-blue;
						}
					}
					&.next {
						border-left: 0;
						@extend .icon-arrow-right-after;
						&:after {
							position: absolute;
							left: 5px;
							top: 5px;
							color: $color-blue;
						}
					}
				}
			}
		}
	}
}

.page-navigation {
	float: left;
	width: 100%;
	> .container {
		position: relative;
	}
}

.page-navigation-top {
	nav#page {
		top: 20px;
	}
}

.page-navigation-bottom {
	border-top: 1px solid $color-border;
	margin-bottom: 60px;
	margin-top: 40px;
	@include bp(md) {
		margin-top: 0;
	}
	nav#page {
		top: -1px;
	}
}