/* ==========================================================
   NEWATOURS – REISE INHALTSVERZEICHNIS
   ========================================================== */

.newatours-reise-sidenav {
	--newa-navy: #0e2a47;
	--newa-gold: #b08d57;
	--newa-text: #2f3338;
	--newa-border: rgba(14, 42, 71, 0.14);
	--newa-gold-soft: rgba(176, 141, 87, 0.10);

	position: fixed;

	top: 50%;
	left: 0;

	width: 250px;

	transform:
		translate(
			-100%,
			-50%
		);

	opacity: 0;
	visibility: hidden;

	pointer-events: none;

	z-index: 99990;

	transition:
		transform 0.3s ease,
		opacity 0.25s ease,
		visibility 0.25s ease;
}


/* ==========================================================
   SICHTBAR
   ========================================================== */

.newatours-reise-sidenav.is-visible {
	opacity: 1;
	visibility: visible;

	pointer-events: auto;
}


/* ==========================================================
   GEÖFFNET
   ========================================================== */

.newatours-reise-sidenav.is-open {
	transform:
		translate(
			0,
			-50%
		);
}


/* ==========================================================
   PANEL
   ========================================================== */

nav.newatours-reise-sidenav-panel {
	display: block !important;

	width: 250px;

	margin: 0 !important;

	padding:
		22px
		18px
		18px !important;

	border:
		1px solid
		var(--newa-border);

	border-left:
		3px solid
		var(--newa-gold);

	border-radius:
		0
		10px
		10px
		0;

	background: #ffffff !important;

	box-shadow:
		5px 5px 24px
		rgba(14, 42, 71, 0.14);

	box-sizing: border-box;
}


/* ==========================================================
   TITEL
   ========================================================== */

.newatours-reise-sidenav-title {
	margin:
		0
		0
		12px !important;

	padding:
		0
		36px
		12px
		0 !important;

	border-bottom:
		1px solid
		var(--newa-border);

	color:
		var(--newa-gold) !important;

	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;

	letter-spacing: 0.08em;

	text-transform: uppercase;
}


/* ==========================================================
   LISTE
   ========================================================== */

nav.newatours-reise-sidenav-panel > ul {
	display: block !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


nav.newatours-reise-sidenav-panel > ul > li {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


nav.newatours-reise-sidenav-panel > ul > li > a {
	position: relative;

	display: block !important;

	width: 100% !important;

	margin: 0 !important;

	padding:
		10px
		10px
		10px
		18px !important;

	border: 0 !important;
	border-radius: 6px;

	background: transparent !important;

	color:
		var(--newa-navy) !important;

	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;

	text-decoration: none !important;

	box-sizing: border-box;

	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		padding-left 0.2s ease;
}


/* kleiner Goldpunkt */

nav.newatours-reise-sidenav-panel
> ul
> li
> a::before {
	content: "";

	position: absolute;

	left: 4px;
	top: 50%;

	width: 5px;
	height: 5px;

	border-radius: 50%;

	background:
		var(--newa-gold);

	transform:
		translateY(-50%);
}


nav.newatours-reise-sidenav-panel
> ul
> li
> a:hover,
nav.newatours-reise-sidenav-panel
> ul
> li
> a:focus {
	padding-left:
		22px !important;

	background:
		var(--newa-gold-soft) !important;

	color:
		var(--newa-gold) !important;

	outline: none;
}


/* ==========================================================
   TOGGLE – BUTTON RESET
   ========================================================== */

button.newatours-reise-sidenav-toggle {
	-webkit-appearance: none !important;
	appearance: none !important;

	position: absolute;

	top: 50%;
	left: 100%;

	display: block !important;

	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;

	height: auto !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;

	color: #ffffff !important;

	box-shadow: none !important;

	outline: none !important;

	cursor: pointer;

	transform:
		translateY(-50%);

	overflow: visible;
}


button.newatours-reise-sidenav-toggle:hover,
button.newatours-reise-sidenav-toggle:focus,
button.newatours-reise-sidenav-toggle:active {
	border: 0 !important;

	background: transparent !important;

	box-shadow: none !important;

	outline: none !important;
}


/* Globale Theme-Pseudoelemente abschalten */

button.newatours-reise-sidenav-toggle::before,
button.newatours-reise-sidenav-toggle::after {
	content: none !important;

	display: none !important;
}


/* ==========================================================
   GESCHLOSSENE VERTIKALE LASCHE
   ========================================================== */

.newatours-reise-sidenav-toggle-text {
	position: absolute;

	left: 0;
	top: 0;

	display: flex;

	align-items: center;
	justify-content: center;

	height: 40px;

	margin: 0;

	padding:
		0
		14px;

	border:
		1px solid
		rgba(255, 255, 255, 0.08);

	border-radius:
		0
		0
		7px
		7px;

	background:
		var(--newa-navy);

	color: #ffffff;

	box-shadow:
		3px 3px 14px
		rgba(14, 42, 71, 0.20);

	font-size: 13px;
	font-weight: 500;
	line-height: 1;

	white-space: nowrap;

	transform:
		rotate(-90deg);

	transform-origin:
		left top;
}


button.newatours-reise-sidenav-toggle:hover
.newatours-reise-sidenav-toggle-text {
	color:
		var(--newa-gold);
}


/* ==========================================================
   CLOSE BUTTON
   ========================================================== */

.newatours-reise-sidenav-close {
	display: none;

	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;

	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 50%;

	background:
		rgba(14, 42, 71, 0.06);

	color:
		var(--newa-navy);

	font-size: 22px;
	font-weight: 300;
	line-height: 1;

	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}


.newatours-reise-sidenav.is-open
button.newatours-reise-sidenav-toggle {
	top: 11px;
	left: auto;
	right: 11px;

	transform: none;
}


.newatours-reise-sidenav.is-open
.newatours-reise-sidenav-toggle-text {
	display: none;
}


.newatours-reise-sidenav.is-open
.newatours-reise-sidenav-close {
	display: flex;
}


.newatours-reise-sidenav.is-open
button.newatours-reise-sidenav-toggle:hover
.newatours-reise-sidenav-close {
	background:
		var(--newa-gold-soft);

	color:
		var(--newa-gold);
}


/* ==========================================================
   ANKER / STICKY HEADER
   ========================================================== */

#reiseverlauf,
#highlights,
#hotels,
#leistungen,
#termine {
	scroll-margin-top: 100px;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width: 1024px) {

	.newatours-reise-sidenav {
		display: none !important;
	}
}

/* ==========================================================
   TOGGLE – KEINE POSITION-ANIMATION
   ========================================================== */

button.newatours-reise-sidenav-toggle,
.newatours-reise-sidenav-toggle-text,
.newatours-reise-sidenav-close {
	transition: none !important;
}