/* ---------------------------------- vars ---------------------------------- */
#Top_bar {
	--logo-width: 13.38rem;
	--logo-height: 5.4rem;
}
@media only screen and (max-width: 767px) {
	#Top_bar {
		--logo-width: 3.8rem
	}
}
/* ---------------------------------- style --------------------------------- */
#Top_bar > .container {
	display: flex;
	justify-content: center;
}
#Top_bar > .container > .column.one {
	height: var(--menu-height);
	width: var(--top-bar-width);
	margin: 0 auto !important;
}
#Top_bar > .container > .column.one .top_bar_left,
#Top_bar > .container > .column.one .top_bar_left .menu_wrapper {
	height: 100%;
	top: 0;
}
#Top_bar {
	top: 0;
}
#Top_bar.loading {
	display: block;
}
.header-simple #Top_bar:not(.is-sticky) .top_bar_left {
	top: 0;
}
.header-classic #Header .top_bar_left,
.header-transparent #Header .top_bar_left {
	width: 100% !important;
}
@media only screen and (min-width: 1024px) {
	.header-transparent.ab-hide #Top_bar:not(.is-sticky) {
		top: 1rem !important;
	}
}
#Top_bar::before {
	content: '';
	position: absolute;
	top: -2rem;
	left: 0;
	right: 0;
	bottom: -1rem;
	background: var(--color-white) !important;
	z-index: 999;
	opacity: 0;
	display: none;
	transition: 5s;
}
.wso-burger-menu-active #Top_bar::before {
	content: '';
	position: absolute;
	top: -2rem;
	left: 0;
	right: 0;
	bottom: -1rem;
	background: var(--color-white) !important;
	z-index: 999;
	opacity: 1;
	transition: 5s;
}
#Top_bar .wso-burger-menu {
	position: relative;
	width: var(--burger-menu-width);
	height: var(--burger-menu-width);
}
#Top_bar .wso-burger-menu > span {
	display: block;
	position: absolute;
	top: 50%;
	width: 2.2rem;
	height: 2rem;
	cursor: pointer;
	margin: 0;
	z-index: 999;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#Top_bar .wso-burger-menu > span > span.line {
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-white);
	position: absolute;
	opacity: 1;
	transition: all var(--burger-menu-transition) ease-in-out;
	-webkit-transition: all var(--burger-menu-transition) ease-in-out;
	-moz-transition: all var(--burger-menu-transition) ease-in-out;
	-ms-transition: all var(--burger-menu-transition) ease-in-out;
	-o-transition: all var(--burger-menu-transition) ease-in-out;
	transform-origin: center;
}
#Top_bar.is-sticky .wso-burger-menu > span > span.line,
body.header-split #Top_bar .wso-burger-menu > span > span.line {
	background-color: var(--color-1);
}
#Top_bar .wso-burger-menu > span > span.line:nth-child(1) {
	top: 0;
	-webkit-animation-name: burgerLineTopClose;
	animation-name: burgerLineTopClose;
	-webkit-animation-duration: var(--burger-menu-transition);
	animation-duration: var(--burger-menu-transition);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#Top_bar.loading .wso-burger-menu > span > span.line:nth-child(1) {
	top: 0 !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}
#Top_bar .wso-burger-menu > span > span.line:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#Top_bar .wso-burger-menu > span > span.line:nth-child(3) {
	bottom: 0;
	-webkit-animation-name: burgerLineBottomClose;
	animation-name: burgerLineBottomClose;
	-webkit-animation-duration: var(--burger-menu-transition);
	animation-duration: var(--burger-menu-transition);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#Top_bar.loading .wso-burger-menu > span > span.line:nth-child(3) {
	bottom: 0 !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}
.wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line {
	background-color: var(--color-1);
	transition: all var(--burger-menu-transition) ease-in-out;
	-webkit-transition: all var(--burger-menu-transition) ease-in-out;
	-moz-transition: all var(--burger-menu-transition) ease-in-out;
	-ms-transition: all var(--burger-menu-transition) ease-in-out;
	-o-transition: all var(--burger-menu-transition) ease-in-out;
}
.wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line:nth-child(1) {
	-webkit-animation-name: burgerLineTopOpen;
	animation-name: burgerLineTopOpen;
	-webkit-animation-duration: var(--burger-menu-transition);
	animation-duration: var(--burger-menu-transition);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line:nth-child(2) {
	opacity: 0;
}
.wso-burger-menu-active #Top_bar .wso-burger-menu > span > span.line:nth-child(3) {
	-webkit-animation-name: burgerLineBottomOpen;
	animation-name: burgerLineBottomOpen;
	-webkit-animation-duration: var(--burger-menu-transition);
	animation-duration: var(--burger-menu-transition);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#Top_bar .wso-burger-menu > span:last-child {
	display: none;
}
/* Header Style: header-classic (bg-white) */
.header-classic #Top_bar .wso-burger-menu > span > span.line {
	background-color: var(--color-1);
}
@media only screen and (max-width: 767px) {
	#Top_bar .top_bar_right_wrapper {
		padding: 0;
	}
}
#Top_bar nav#menu {
	background-color: transparent;
	height: 100%;
	width: 100%;
}
#Top_bar ul.menu {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 1.44rem;
}
#Top_bar ul.menu > li {
	padding: 0 !important;
}
#Top_bar ul.menu > li.wso-burger-menu {
	margin-right: 1.8rem !important;
}
#Top_bar ul.menu.menu_left {
	justify-content: flex-start;
}
#Top_bar ul.menu.menu_right {
	justify-content: flex-end;
}
/* ---------------------------------- logo ---------------------------------- */
#Top_bar .logo {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	width: var(--logo-width) !important;
	transform: translate(-50%, -50%);
	margin: 0 !important;
	z-index: 1;
}
#Wrapper #Top_bar #logo,
#Wrapper #Top_bar.is-sticky #logo {
	padding: 0 !important;
	height: var(--logo-height) !important;
	margin: 0 !important;
}
#Top_bar #logo :is(img, svg) {
	height: 100%;
	width: 100%;
}
/* --------------------------------- sticky --------------------------------- */
#Top_bar.is-sticky {
	height: auto !important;
	box-shadow: unset !important;
	opacity: 1 !important;
}
#Wrapper #Top_bar.is-sticky #logo img {
	width: 3.5rem !important;
}
#Top_bar.is-sticky .menu > li > a:not(.button) {
	padding: 1rem 0 !important;
}
/* ----------------------------- for webp logos ----------------------------- */
#Top_bar:not(.is-sticky) #logo picture.logo-sticky,
#Top_bar #logo picture.logo-mobile,
#Top_bar #logo picture.logo-mobile-sticky,
#Top_bar:not(.is-sticky) #logo img.logo-sticky,
#Top_bar #logo img.logo-mobile,
#Top_bar #logo img.logo-mobile-sticky {
	display: none;
}
#Top_bar.is-sticky #logo picture.logo-main,
#Top_bar.is-sticky #logo img.logo-main {
	display: none !important;
}
@media only screen and (max-width:767px) {
	#Top_bar #logo picture.logo-mobile,
	#Top_bar #logo img.logo-mobile {
		display: inline-block;
	}
	#Top_bar #logo picture.logo-main,
	#Top_bar #logo img.logo-main {
		display: none;
	}
	.mobile-sticky #Top_bar.is-sticky #logo picture.logo-mobile,
	.mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile {
		display: none;
	}
}
/* -------------------------------- dropdown -------------------------------- */
:root {
	--top-bar-icon-dimension: 2.7rem;
	--top-bar-polygon-icon: url('/wp-content/uploads/2024/12/polygon-1.png');
}
#Top_bar p.button {
	z-index: 9;
	margin: 0 !important;
}
#Top_bar summary.wso-phone {
	width: var(--top-bar-icon-dimension) !important;
	height: var(--top-bar-icon-dimension) !important;
}
#Top_bar .wso-dropdown-cta {
	position: relative;
}
#Top_bar summary:has(.wso-phone) + .wso-dropdown-wrapper {
	left: -1.5rem;
}
#Top_bar summary:has(.wso-bookng) + .wso-dropdown-wrapper {
	left: unset;
	right: 0;
}
#Top_bar summary:has(.wso-bookng) + .wso-dropdown-wrapper::before {
	left: unset;
	right: 10%;
}
#Top_bar summary::-webkit-details-marker {
	display: none;
}
#Top_bar summary {
	display: flex !important;
	align-items: center;
}
#Top_bar summary::marker {
	content: "";
}
#Top_bar .wso-dropdown-wrapper {
	position: absolute;
	top: calc(100% + 1rem);
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 2rem;
	text-align: left;
	padding: 1.5rem 1.85rem;
	background-color: var(--color-white);
	opacity: 1;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	transition: var(--transition-normal) ease-in-out;
}
.wso-category-vienna #Top_bar .wso-dropdown-wrapper,
.wso-category-kitz #Top_bar .wso-dropdown-wrapper {
	left: -3rem !important;
}
.wso-category-vienna #Top_bar .wso-dropdown-wrapper::before,
.wso-category-kitz #Top_bar .wso-dropdown-wrapper::before {
	left: 20%;
}
#Top_bar .wso-dropdown-wrapper > :first-child::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -1rem !important;
	left: 50% !important;
	transform: translateX(-50%);
	background-color: var(--color-1);
}
#Top_bar .wso-dropdown-wrapper::before {
	content: "";
	display: block !important;
	width: 1.85rem;
	height: 1.15rem;
	position: absolute;
	top: -1.1rem !important;
	left: 10%;
	background-color: var(--color-white);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	z-index: 99;
}
#Top_bar .wso-dropdown-wrapper :is(a, p) {
	position: relative;
	color: var(--color-1) !important;
	font-family: var(--h6-font-family) !important;
	font-size: var(--h6-font-size) !important;
	font-weight: var(--h6-font-weight) !important;
	line-height: var(--h6-line-height) !important;
	letter-spacing: var(--h6-letter-spacing) !important;
	text-transform: var(--h6-text-transform) !important;
	white-space: pre;
}
#Top_bar .wso-phone ~ .wso-dropdown-wrapper p {
	display: flex;
}
#Top_bar :is(.wso-cta-dropdown, .wso-cta-button) > a {
	font-family: var(--font-3-bold);
	font-size: 1rem !important;
	line-height: 1.4em !important;
	font-weight: 500 !important;
}
#Top_bar :is(.wso-page-link, .wso-cta-dropdown) {
	--button-text-color: var(--color-black);
}
/* ------------------------------- responsive ------------------------------- */
@media only screen and (max-width:1499px) {
	#Top_bar ul.menu.menu_right {
		gap: 1rem;
	}
	#Top_bar ul.menu.menu_right .wso-cta-dropdown a[href^="mailto:"] {}

	.wso-category-vienna #Top_bar .wso-dropdown-wrapper,
	.wso-category-kitz #Top_bar .wso-dropdown-wrapper {
		left: -5rem !important;
	}
	.wso-category-vienna #Top_bar .wso-dropdown-wrapper::before,
	.wso-category-kitz #Top_bar .wso-dropdown-wrapper::before {
		left: 30%;
	}
}
@media only screen and (max-width: 1239px) {
	/* ----------------------------------- var ---------------------------------- */
	#Top_bar {
		--logo-width: 12.12rem;
		--logo-height: 4.49rem;
	}
	/* ---------------------------------- style --------------------------------- */
	#Wrapper #Top_bar {
		position: relative !important;
		height: var(--mobile-top-bar-height) !important;
	}
	#Wrapper #Top_bar.is-sticky {
		position: fixed !important;
		top: 0 !important;
	}
	#Wrapper #Top_bar .container,
	#Wrapper #Top_bar .column,
	#Wrapper #Top_bar .top_bar_left,
	#Wrapper #Top_bar .menu_wrapper {
		height: 100%;
	}
	#Wrapper #Top_bar .menu_wrapper {
		display: flex;
		align-items: center;
	}
	#Wrapper #Top_bar #logo img,
	#Wrapper #Top_bar.is-sticky #logo img {
		width: var(--logo-width) !important;
	}
	#Wrapper #Top_bar a.responsive-menu-toggle {
		position: relative;
		inset: unset;
		margin: unset;
		width: var(--burger-menu-width);
		height: var(--burger-menu-height);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#Wrapper #Top_bar.is-sticky a.responsive-menu-toggle,
	body.header-transparent #Wrapper #Top_bar.is-sticky a.responsive-menu-toggle {
		color: var(--color-1);
	}
	#Top_bar a.responsive-menu-toggle i {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 100%;
		height: 2px;
		font-size: unset;
		line-height: unset;
		background-color: var(--color-1);
		transform: translate(-50%, -50%);
	}
	#Top_bar a.responsive-menu-toggle i::before {
		display: none !important;
	}
	#Top_bar a.responsive-menu-toggle::before,
	#Top_bar a.responsive-menu-toggle::after {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		left: 50%;
		background-color: var(--color-1);
		transform: translateX(-50%);
	}
	#Top_bar a.responsive-menu-toggle::before {
		top: 0;
	}
	#Top_bar a.responsive-menu-toggle::after {
		bottom: 0;
	}
}
@media only screen and (max-width: 767px) {
	#Wrapper #Top_bar {
		background-color: var(--color-white) !important;
	}
	#Wrapper #Top_bar .column {
		max-width: 90.62vw;
	}
	#Wrapper #Top_bar a.responsive-menu-toggle {
		color: var(--color-1);
		top: unset !important;
	}
}