html,
body {
	font-family: "FoundersGroteskWeb-Regular", Arial, Helvetica, sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

h1 {
	font-family: "concorde", "Georgia", "Times New Roman", Times, serif;
	line-height: 160px;
	letter-spacing: -0.133rem;
}
h2 {
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
	letter-spacing: 0.055rem;
}
h3 {
	font-family: "concorde-pro", "Georgia", "Times New Roman", Times, serif;
	font-size: 1.555rem;
	line-height: 1.57em;
}
h4 {
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 1.555rem;
	line-height: 2.222rem;
	letter-spacing: 0.033rem;
}
h5 {
	font-family: "concorde-pro", "Georgia", "Times New Roman", Times, serif;
	line-height: 2.222rem;
	letter-spacing: 0.033rem;
}
h6 {
	font-family: "FoundersGroteskWeb-Regular", Arial, Helvetica, sans-serif;
	line-height: 1.777rem;
	letter-spacing: 0.033rem;
}

strong {
	font-family: "FoundersGroteskWeb-Regular", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

p {
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
	line-height: 1.444rem;
	letter-spacing: 0.022rem;
}
p:last-child {
	margin-bottom: 0;
}

.caption,
figcaption {
	margin-top: 1em;
	font-size: 0.777rem;
	letter-spacing: 0.016rem;
	font-family: "concorde", "Georgia", "Times New Roman", Times, serif;
}

button {
	border: none;
	
	background: none;
	cursor: pointer;
}

.small {
	font-size: 0.555rem;
	line-height: 1.6em;
}

.big {
	font-size: 1.333rem;
	line-height: 1.888rem;
}

.faq-link {
	text-decoration: underline;
}

@media (max-width: 768px) {
	.big {
		font-size: 1.222rem;
		line-height: 1.777rem;
	}
}

.sans-serif {
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
}
.serif {
	font-family: "concorde-pro", "Georgia", "Times New Roman", Times, serif;
}

.quote {
	font-family: "concorde", "Georgia", "Times New Roman", Times, serif;
	font-size: 1.888rem;
	line-height: 1.35em;
	letter-spacing: normal;
	font-style: italic;
}

.teaser-box.once-in-a-lifetime .more-link {
	text-align: center;
	margin-top: 2rem;
}
.teaser-box.once-in-a-lifetime .textmedia .col {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.teaser-box.once-in-a-lifetime .textmedia .col .helper {
	width:100%;
}

@media (max-width: 768px) {
	.quote {
		font-size: 1.777rem;
	}
}

.thick {
	font-family: "FoundersGroteskWeb-Medium", Arial, Helvetica, sans-serif;
}

.padding {
	padding: 0 30px 0 30px;
}
@media (min-width: 992px) {
	.padding {
		padding: 0;
	}
}

hr {
	border-top-color: rgba(0,0,0,.1);
}

.nav-link:focus,
.nav-link:hover {
	outline: none;
}

.nav-link:focus,
.nav-link:hover {
	text-decoration: underline;
}

.more-link {
	font-size: 0.666rem;
	letter-spacing: 0.077rem;
	text-transform: uppercase;
}
.more-link::before {
	content: "";
	display: inline-block;
	
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.5rem;
	
	background-image: url('../Icons/icon-arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0.111rem;
}
body.home main .more-link::before {
	display: none;
}

body > .overlay-open {
	background-color:rgba(0,0,0,.5);
	position: fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1035;
}

.block-opening-times p {
    font-size: 0.85rem;
}


/**
 * Colors.
 */
.dark-green {
	background-color: #324333;
}
.dark-green a,
a.dark-green {
	color: white !important;
}
.dark-green a:hover,
a.dark-green:hover {
	color: white !important;
}
.dark-green hr {
	border-top-color: rgba(255, 255, 255, 0.1);
}
body.article .dark-green .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .dark-green .more-link .arrow {
	background: white;
}
body.home .dark-green .more-link .arrow::after {
	border-color: white;
}

.light-beige {
	background-color: #f8f5ec;
	color: black !important;
}
.light-beige a,
a.light-beige {
	color: black !important;
}
.light-beige a:hover,
a.light-beige:hover {
	color: black !important;
}
body.article .light-beige .more-link::before {
	background-image: url('../Icons/icon-arrow-black.svg');
}
body.home .light-beige .more-link .arrow {
	background: black;
}
body.home .light-beige .more-link .arrow::after {
	border-color: black;
}

.dark-beige {
	background-color: #bfaf9e;
}
.dark-beige a,
a.dark-beige {
	color: black !important;
}
.dark-beige a:hover,
a.dark-beige:hover {
	color: black !important;
}
body.article .dark-beige .more-link::before {
	background-image: url('../Icons/icon-arrow-black.svg');
}
body.home .dark-beige .more-link .arrow {
	background: black;
}
body.home .dark-beige .more-link .arrow::after {
	border-color: black;
}

.golden-brown {
	background-color: #cc964b;
}
.golden-brown a,
a.golden-brown {
	color: white !important;
}
.golden-brown a:hover,
a.golden-brown:hover {
	color: white !important;
}
body.article .golden-brown .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .golden-brown .more-link .arrow {
	background: white;
}
body.home .golden-brown .more-link .arrow::after {
	border-color: white;
}

.brown {
	background-color: #532923;
}
.brown a,
a.brown {
	color: white !important;
}
.brown a:hover,
a.brown:hover {
	color: white !important;
}
body.article .brown .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .brown .more-link .arrow {
	background: white;
}
body.home .brown .more-link .arrow::after {
	border-color: white;
}

.dark-brown {
	background-color: #37291f;
}
.dark-brown a,
a.dark-brown {
	color: white !important;
}
.dark-brown a:hover,
a.dark-brown:hover {
	color: white !important;
}
body.article .dark-brown .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .dark-brown .more-link .arrow {
	background: white;
}
body.home .dark-brown .more-link .arrow::after {
	border-color: white;
}

.dark-grey {
	background-color: #3c4446;
}
.dark-grey a,
a.dark-grey {
	color: white !important;
}
.dark-grey a:hover,
a.dark-grey:hover {
	color: white !important;
}
body.article .dark-grey .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .dark-grey .more-link .arrow {
	background: white;
}
body.home .dark-grey .more-link .arrow::after {
	border-color: white;
}

.dark-cyan {
	background-color: #5e887f;
}
.dark-cyan a,
a.dark-cyan {
	color: white !important;
}
.dark-cyan a:hover,
a.dark-cyan:hover {
	color: white !important;
}
body.article .dark-cyan .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .dark-cyan .more-link .arrow {
	background: white;
}
body.home .dark-cyan .more-link .arrow::after {
	border-color: white;
}

.red {
	background-color: #b93e2d;
}
.red a,
a.red {
	color: white !important;
}
.red a:hover,
a.red:hover {
	color: white !important;
}
body.article .red .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .red .more-link .arrow {
	background: white;
}
body.home .red .more-link .arrow::after {
	border-color: white;
}

.dark-red {
	background-color: #532923;
}
.dark-red a,
a.dark-red {
	color: white !important;
}
.dark-red a:hover,
a.dark-red:hover {
	color: white !important;
}
body.article .dark-red .more-link::before {
	background-image: url('../Icons/icon-arrow.svg');
}
body.home .dark-red .more-link .arrow {
	background: white;
}
body.home .dark-red .more-link .arrow::after {
	border-color: white;
}



/**
 * Layout.
 */
 .article .light-beige .collapse-header a, .article .light-beige .collapse-header a:hover {
	 color:#000 !important;
 }

.collapse-header .icon {
	height:25px;
	width:25px;
}

/* Remove left/right margin/padding from fluid containers */
.container-fluid {
	overflow: hidden;

	padding: 0;
}

/* Used to disable col-12 breaking on mobile */
.no-break > .two-column.row > .col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.no-break > .three-column.row > .col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-width: 33.33%;
}

/* Header Navigation */
.wrapper-header {
	padding: 1.25rem 0 0 0;
	border-bottom: transparent;
	background-color: white;
}
.wrapper-header.transition {
	transition: all 300ms ease-in-out 0ms;
}

/* For the home animation */
body.home .wrapper-header {
	opacity: 0;
	background-color: #f8f5ec;
}

.wrapper-header a,
.wrapper-header a:hover {
	color: #000000;
}
.wrapper-header a.order-ticket, .wrapper-header a.order-ticket:hover {
	color:#fff;
}
.wrapper-header .nav {
	align-items: center;
}
.wrapper-header .nav-item {
	margin-left: 1.5rem;
	font-size: 1rem;
	letter-spacing: 0.025rem;
}
.wrapper-header .nav-item:first-child {
	margin: 0;
}
.wrapper-header .nav-toggle {
	width: 12px;
	height: 11px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	display: inline-block;
}
.wrapper-header .nav-toggle span {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.wrapper-header .nav-toggle span:nth-child(1) {
	top: 0px;
}
.wrapper-header .nav-toggle span:nth-child(2), .nav-toggle span:nth-child(3) {
	top: 5px;
}
.wrapper-header .nav-toggle span:nth-child(4) {
	top: 10px;
}
.wrapper-header .nav-toggle.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
.wrapper-header .nav-toggle.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.wrapper-header .nav-toggle.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.wrapper-header .nav-toggle.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/* Open status */
.wrapper-header .opening-hours-status {
	position: relative;
	padding-left: 0.738rem;
}
.wrapper-header .opening-hours-status:empty {
	display: none;
}
.wrapper-header .opening-hours-status::before {
	content: '';
	border-radius: 50%;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 0.75rem;
}
.wrapper-header .opening-hours-status.open::before {
	background-color: #00db6a;
}
.wrapper-header .opening-hours-status.closed::before {
	background-color: #fd6767;
}

.wrapper-header .dropdown-menu {
	width: 300px;
	padding: 40px 30px;
	color: #000000;
	border: none;
	position: relative;
	margin-top: 20px;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.08);
}
.wrapper-header .dropdown-menu:before {
	content: '';
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid #ffffff;
	border-left: .3em solid transparent;
	position: absolute;
	top: -.3em;
	left: 50%;
	margin-left: -.3em;
}
.wrapper-header .dropdown-menu table {
	font-size: 14px;
	width:100%;
}
.wrapper-header .dropdown-menu table td {
	padding: 0;
}
.wrapper-header .dropdown-menu table td:last-child {
	font-family: "concorde", "Georgia", "Times New Roman", Times, serif;
	text-align: right;
}
.wrapper-header .dropdown-menu .opening-hours-special {
	position: relative;
}
.wrapper-header .dropdown-menu .opening-hours-special:before {
	content: url('../Icons/icon-arrow-black.svg');
	padding-right: 5px;
	position: relative;
	top: -1px;
}
.dropdown-menu.show {
	left: -80% !important;
}
.wrapper-header .dropdown-toggle:after {
	border-top-width: .2em;
	border-right-width: .2em;
	border-left-width: .2em;
	vertical-align: .155em;
}
.wrapper-header .dropdown-menu a {
	font-size: 12px;
	letter-spacing: 2px;
}
.wrapper-header .language-nav img {
	width: 20px;
}
.wrapper-header .logo img {
	opacity: 1;
	
	height: 4.27777778rem;
	margin: 0 auto;
	
	transition: opacity 250ms ease-in-out 0ms, height 250ms;
}
.wrapper-header hr {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

/* Lang Switcher */
.lang-switcher {
	display: inline-block;
	font-size:0.666rem;
	margin-right: 1.50rem;
	transition: opacity 250ms;
	text-transform: uppercase;
    letter-spacing: 0.077rem;
}

.wrapper-header .left .lang-switcher {display:none;}

.lang-switcher, .lang-switcher A.active, .lang-switcher A:hover {
	opacity:1;
}

.lang-switcher A {
	opacity:0.5;
}



/* Switch for turning audio on or off */
.wrapper-header .audio {
	margin-right: 3.75rem;
	
	font-size: 0.666rem;

	transition: opacity 250ms;
	text-transform: uppercase;
    letter-spacing: 0.077rem;
}
.wrapper-header .audio:hover {
	opacity: 0.5;
}
.wrapper-header .audio.muted .icon-sound::before {
	background-image: url('../Icons/icon-sound-muted.svg');
}
.icon-sound {
	display: inline-block;
	
	position: relative;
	width: 0.85rem;
	height: 0.85rem;
	margin-right: 0.3rem;
	
	vertical-align: text-top;
}
.icon-sound::before {
	content: "";
	display: block;
	
	width: 100%;
	height: 100%;
	
	background-image: url('../Icons/icon-sound.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Button for ordering a ticket */
.order-ticket {
	background-color: #000000;
	font-family: "concorde-pro", "Georgia", "Times New Roman", Times, serif;
	font-size: 0.666rem;
	letter-spacing: 0.066rem;
	padding: 1.125rem 2.25rem;
	position: relative;
	color: #ffffff;
	
	transition: padding 250ms ease-in-out 0ms, opacity 250ms;
}
.order-ticket:hover,
.order-ticket:focus {
	opacity: 0.75;
	color: #ffffff;
}
.order-ticket:before,
.order-ticket:after {
	content: '';
	border-radius: 50%;
	width: 0.625rem;
	height: 0.625rem;
	background-color: #fff;
	position: absolute;
	top: -6px;
	left: 3.125rem;
	
	transition: background-color 250ms ease-in-out 0ms;
}

body.home .order-ticket:before,
body.home .order-ticket:after,
body.beige-header .order-ticket:before,
body.beige-header .order-ticket:after {
	background-color: #f8f5ec;
}
.order-ticket:after {
	top: auto;
	bottom: -6px;
}

.wrapper-header .container > hr {
	margin-bottom: 0;
	transition: all 250ms ease-in-out 0ms;
	opacity: 1;
}

/* Shrinked header */
.fixed-header .order-ticket:before,
.fixed-header .order-ticket:after {
	background-color: #fff !important;
}
.fixed-header .wrapper-header {
	padding-top: 0.6rem;
	
	background-color: white;
}
.fixed-header .wrapper-header .logo img {
	opacity: 0;
	height: 1rem;
}
.fixed-header .wrapper-header .container > hr {
	opacity: 0;
	margin-top: 0.625rem;
}
.fixed-header .order-ticket {
	padding: 0.938rem 1.25rem;
}
.fixed-header .wrapper-header, .fixed-header #navigation {
	border-bottom: 1px solid rgba(0,0,0,.1) !important;
}
.fixed-header .order-ticket:before,
.fixed-header .order-ticket:after {
	background-color: white;
}

/* Class for making the first elements beige */
.fixed-top-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}
body.beige-header .fixed-top-background {
	display: block !important;
}
body.beige-header .fixed-top-background .container-fluid {
	width: 100%;
	height: 100%;
	
	background-color: #f8f5ec;
}

body.beige-header .fixed-top {
	background-color: #f8f5ec !important;
}
.fixed-header body.beige-header .fixed-top {
	background-color: white !important;
}
body.beige-header main .back {
	background-color: #f8f5ec;
}

/* Main content container */
main.container-fluid {
	/* Height of header */
	padding-top: 8rem;
}
.container-fluid > .row > div {
	margin-left: auto;
	margin-right: auto;
}

/* Overly Main Nav */
.wrapper-overlay {
	position: fixed;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	visibility: hidden;
	background-color: #ffffff;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0.4s;
	-moz-transition: -moz-transform 0.4s 0s, visibility 0s 0.4s;
	transition: transform 0.4s 0s, visibility 0s 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
	-moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
	transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	background-color: #2c382d;
}

.wrapper-overlay.open {
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
	transition: transform 0.4s 0s, visibility 0s 0s;
	-webkit-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
	-moz-transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
	transition-timing-function: cubic-bezier(0.67, 0.15, 0.83, 0.83);
}

.wrapper-overlay .container-fluid {
	padding: 2.78rem 0 5.625rem 0;
	display:none;
}
.fixed-header .wrapper-overlay .container-fluid {
	padding-top:1.5rem;
}
.wrapper-overlay h3 {
	font-family: "concorde", "Georgia", "Times New Roman", Times, serif;
	font-size: 2.125rem;
}
.wrapper-overlay a,
.wrapper-overlay a:hover {
	color: #fff;
}
.wrapper-overlay .background-color-charcoal h3 {
	color: #ffffff;
}
.wrapper-overlay .background-color-charcoal a,
.wrapper-overlay .background-color-charcoal a:hover {
	color: #ffffff;
}

.wrapper-overlay .index .nav-link {
	font-size: 1.0555555555555556rem;
	line-height:2.22223rem;
	letter-spacing: 0.063em;
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
	padding: 0;
	position: relative;
}
.wrapper-overlay .index li:first-child .nav-link {
	margin-top: -0.625rem;
}
.wrapper-overlay .index li:last-child .nav-link {
	margin-bottom: -0.625rem;
}
.wrapper-overlay .index .nav-link.active {
	text-decoration: underline;
}
.wrapper-overlay .index .nav-link:hover:before {
	content: url('../Icons/icon-arrow.svg');
	position: absolute;
	top: 0;
	right: 0;
}
.wrapper-overlay .nav {
	margin-top: 1.875rem;
}
.wrapper-overlay .background-color-charcoal .nav {
	border-left-color: rgba(255,255,255,.1);
}
.wrapper-overlay .close-overlay {
	cursor: pointer;
	z-index: 1040;
	color:#fff;
	transition: opacity 250ms;
}
.wrapper-overlay .close-overlay:hover {
	opacity: 0.75;
}

.wrapper-overlay .icon-close {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	overflow: hidden;

}
.wrapper-overlay .icon-close:before,
.wrapper-overlay .icon-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	background: #ffffff;
	height: 1px;
}
.wrapper-overlay .icon-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.wrapper-overlay .icon-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media (max-width: 768px) {
	.wrapper-overlay {
		width:100%;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity:0;
		visibility: hidden;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
	}
	.wrapper-overlay.open {
		opacity: 1;
		visibility: visible;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
	}
	.wrapper-overlay .close-overlay {
		position: absolute;
		right: 2rem;
		top: 0rem;
	}
	.two-column.row > div {
		margin-bottom:1em;
	}
	.three-column.row > div {
		margin-bottom:1em;
	}
	.wrapper-overlay .index .nav-link:hover:before {
		content: none;
	}
}

/* Open info in top navigation */
.open-info a, a.dropdown-toggle {
	cursor: pointer;
}
.open-info .dropdown-menu {
	padding: 30px 20px;
}
.open-info .dropdown-menu {
	font-family: "FoundersGroteskWeb-Regular", Arial, Helvetica, sans-serif;
	font-size: 0.85rem;
}
.open-info .dropdown-menu p {
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
}
.block-opening-times {
	margin-bottom: 0 !important;
}

.block-special-opening-times h6 {
	margin-top: 1.5rem;
	
	line-height: 1.4rem;
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
}
.block-special-opening-times h6 .icon {
	width: 0.833rem !important;
	margin-right: 1.1rem !important;
}
.block-special-opening-times h6 a {
	color: black;
}
.block-special-opening-times strong {
	display: block;
}
.open-info .block-special-opening-times h6 a {
	font-size: 0.85rem !important;
}

/* Back link on article pages */
.back {
	padding-top: 1rem;
}
.back a.back-link {
	color: black !important;
	font-size: 0.666rem;
	letter-spacing: 0.077rem;
	
	transition: opacity 250ms;
	display: inline-block;
	margin-top:1rem;
}
.back a:hover {
	opacity: 0.5;
	text-decoration: none;
}

/* Tag list */
.tag-list {
	padding: 0;
	
	list-style: none;
	text-align: center;
}
.tag-list li {
	display: inline-block;
	
	padding: 0 .5rem;
	
	font-size: 1.777rem;
	letter-spacing: 0.033em;
}
.tag-list li:first-child {
	padding: 0 .5rem;
	
	text-decoration: underline;
	font-size: 1.111rem;
	letter-spacing: 0.011rem;
	font-family: "concorde-pro", "Georgia", "Times New Roman", Times, serif;
}
.tag-list li a {
	color: black;
}
.tag-list li a:hover {
	color: black;
}
.tag-list li .small {
	padding-left: 0.625rem;
	
	font-size: 0.777rem;
	letter-spacing: 0.3px;
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
}

@media (max-width: 768px) {
	.tag-list li {
		font-size: 1rem;
	}
}

/* footer */
footer {
	padding: 0 0 2rem 0;
}
footer hr {
	margin: 2.5rem 0;
}
footer hr:first-of-type {
	margin-top: 0;
}
@media (max-width: 768px) {
	footer hr {
		margin: 1.5rem 0;
	}
}
footer a,
footer a:hover {
	color: #000000;
}
footer .nav li {
	font-size: 1.125rem;
}

footer .nav-link {
	font-size: 1rem;
	letter-spacing: 0.022rem;
}

/* Sponsors */
footer .sponsorship-list li {
	padding: 0;
	width: auto !important;
	
	transition: opacity 250ms;
}
footer .sponsorship-list li:hover {
	opacity: 0.5;
}
footer .sponsorship-list img {
	width: 6.25rem;
}
footer .sponsorship-list li a {
	padding: 0 1rem 0 1rem;
}
footer .sponsorship-list li:first-child a {
	padding-left: 0;
}
footer .sponsorship-list li:last-child a {
	padding-right: 0;
}

/* Social links */
footer .social-links a {
	transition: opacity 250ms;
}
footer .social-links a:hover {
	opacity: 0.5;
}
footer .social-links .icon-instagram img {
	width: 17px;
}
footer .social-links .icon-facebook img {
	width: 9px;
}
footer .social-links .icon-youtube img {
	width: 21px;
}

@media (max-width: 991px) {
	footer .sponsorship-list li:first-child {
		width: 100%;
	}
}
@media (max-width: 768px) {
	/*html {
		font-size: 90%;
	}*/
}
@media (max-width: 575px) {
	/*html {
		font-size: 80%;
	}*/
	body > footer .footer-nav {
		border-top: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
}

/* Browse navigation at the bottom of the page */
.browse-navigation {
	height: 40vh;

}
.browse-navigation .row {
	height: 100%;
	background-color: black;
}
.browse-navigation a {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	
	width: 100%;
	height: 100%;
	
	transition: opacity 250ms;
}
.browse-navigation a:hover,
.browse-navigation a:active {
	opacity: 0.9;
	
	text-decoration: none;
	color: white;
}

.browse-navigation .wrap {
}
.browse-navigation span {
	display: block;
	
	text-align: center;
}
.browse-navigation .article {
	opacity: 0.25;
	
	font-size: 0.777rem;
	letter-spacing: 0.6px;
}
.browse-navigation .label {
	padding: 0 1rem 0 1rem;
	
	font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 1.888rem;
	line-height: 1.18em;
	letter-spacing: 0.7px;
}
@media (max-width: 768px) {
	.browse-navigation .label {
		font-size: 1.222rem;
		line-height: 1.333rem;
		letter-spacing: 0.022rem;
	}
}
.browse-navigation .more-link {
	padding-top: 3rem;
}

@media (min-width: 992px) {
	.browse-navigation .label {
		padding-top: 1rem;
	}
	.browse-navigation .more-link {
		padding-top: 5rem;
	}
}

.arrow-icon {
	position: relative;
	width: 3.125rem;
	height: 3.125rem;
}
.arrow-icon::before {
	content: "";
	display: block;
	
	width: 100%;
	height: 100%;
	
	background-image: url('../Icons/icon-arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}



/**
 * Frame classes.
 */
.ruler {
	position: relative;
	width: 100%;
	height: 1px;

	background-color: #f2f2f2;
}
.ruler-before {
}
.ruler-after {
}

.space {
	position: relative;

	width: 100%;
	margin: 0;
	padding: 0;
}

.space-before-small {
	height: 3.333rem;
}
.space-before-small + .ruler-before {
	margin-bottom: 3.333rem;
}
.space-before-medium {
	height: 6.666rem;
}
.space-before-medium + .ruler-before {
	margin-bottom: 6.666rem;
}
.space-before-large {
	height: 9.999rem;
}
.space-before-large + .ruler-before {
	margin-bottom: 9.999rem;
}

.space-after-small {
	height: 3.333rem;
}
.space-after-small + .ruler-after {
	margin-bottom: 3.333rem;
}
.space-after-medium {
	height: 6.666rem;
}
.space-after-medium + .ruler-after {
	margin-bottom: 6.666rem;
}
.space-after-large {
	height: 9.999rem;
}
.space-after-large + .ruler-after {
	margin-bottom: 9.999rem;
}

@media (max-width: 768px) {
	.space-before-small {
		height: 1.666rem;
	}
	.space-before-small + .ruler-before {
		margin-bottom: 1.666rem;
	}
	.space-before-medium {
		height: 5rem;
	}
	.space-before-medium + .ruler-before {
		margin-bottom: 5rem;
	}
	.space-before-large {
		height: 7.777rem;
	}
	.space-before-large + .ruler-before {
		margin-bottom: 7.777rem;
	}
	
	.space-after-small {
		height: 1.666rem;
	}
	.space-after-small + .ruler-after {
		margin-bottom: 1.666rem;
	}
	.space-after-medium {
		height: 5rem;
	}
	.space-after-medium + .ruler-after {
		margin-bottom: 5rem;
	}
	.space-after-large {
		height: 7.777rem;
	}
	.space-after-large + .ruler-after {
		margin-bottom: 7.777rem;
	}
}

/**
 * Content elements.
 */
.header h3,
.header h4 {
	margin: 0;
}

.footnote {
	margin-bottom: 1rem;
}
.footnote:last-child {
	margin-bottom: 0;
}
.footnote span {
	display: block;

	position: absolute;
	left: 5px;
	width: 1rem;
	height: 1rem;
	margin: 0.15rem 0 0 0.15rem;

	border-radius: 1rem;

	color: white;
	background-color: black;
	font-size: 0.666rem;
	text-align: center;
	line-height: 1rem;
}
.footnote p {
	font-family: "FoundersGroteskWeb-Regular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.777rem;
	letter-spacing: 0.033rem;
	line-height: 1.29em;
}

@media (min-width: 992px) {
	.footnote span {
		left: -0.75rem;
	}
}

/* Media container for videos */
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
}

.video-container .video {
	display: block;
	overflow: hidden;

	text-align: center;
}
.video-container .video > * {
	z-index: 100;

	transition: opacity 250ms;
}

.video-container .video .youtube-player {
	position: relative;
	overflow: hidden;
	
	background-size: cover;
	background-position: center center;
}

/* Simulate size cover for video */
.video-container .video video {
	width: 100%;
}

body.home .video-container-cover .video-container .video video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	
	transform: translate(-50%,-50%);
}
body.home .frame-type-sitepackagebruegel_video {
	height:100% !important;
}

.video-container .video .play {
	z-index: 200;

	position: absolute;
	top: 50%;
	left: 50%;
	width: 5rem;
	height: 5rem;
	margin-top: -2.5rem;
	margin-left: -2.5rem;

	border-radius: 50%;

	cursor: pointer;
	background-color: white;

	transition: background-color 250ms;
}
.video-container .video .play::after {
	content: "";
	display: block;

	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin-top: -0.5rem;
	margin-left: -0.25rem;

	border-top: 0.5rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-left: 0.75rem solid black;

	transition: border-color 250ms;
}
.video-container .video .play:hover,
.video-container .video .play:active {
	background-color: black;
}
.video-container .video .play:hover::after,
.video-container .video .play:active::after {
	border-left-color: white;
}

/* Hover effect for all content on the play button */
.video-container .video .play:hover + *,
.video-container .video .play:active + * {
	opacity: 0.75;
}

@media (max-width: 768px) {
	.video-container .video .play {
		width:2rem;
		height:2rem;
		margin-top:-1.5rem;
		margin-left:-1rem;
	}
}



/**
 * Grid debug.
 */
.extbase-debugger-floating {
	z-index: 2147483647;
}

.grid-container {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	max-width: none;

	pointer-events: none;
}

.grid-container .container,
.grid-container .row,
.grid-container .col {
	height: 100%;
}

.grid-container .row {
	counter-reset: col-counter;
}

.grid-container .col {
	border-left: 1px solid rgba(242, 96, 215, 0.5);
}
.grid-container .col:last-child {
	border-right: 1px solid rgba(242, 96, 215, 0.5);
}

.grid-container .col::before {
	content: counter(col-counter);
	counter-increment: col-counter;

	position: absolute;
	top: 0;
	left: 6px;


	color: violet;
	font-weight: bold;
}
.grid-container .col::after {
	content: "";

	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	bottom: 0;

	border-left: 1px solid rgba(239, 186, 227, 0.5);
	border-right: 1px solid rgba(239, 186, 227, 0.5);
}

.placeholder {
	height: 20vh;
}

.order-ticket-mobile {
	display:none;
	margin: 0 0 0 25%;
    width: 50%;
}

.order-ticket-fixed {
	display:none;
	position:fixed;
	bottom:1rem;
	margin: 0 2.5%;
    width: 95%;
	z-index: 1050;
	opacity: 0;
	transition: all 1000ms;
}

.order-ticket-fixed:before, .order-ticket-fixed:after {
	display:none;
}

#dropzone-sticky {
	margin-top:1.5rem;
}

#dropzone-sticky-overlay {
	margin:2rem -30px 0 -30px;
}


.order-ticket-fixed.dropped {
	position:static;
}

/* Mobile Header */
@media (max-width: 768px) {
	.zoomable-image .controls button .flex-center { margin-top: -6px !important; }
	.wrapper-overlay .container-fluid {padding:0 !important;}
	.wrapper-overlay {padding:0 0 0 0;}

	.wrapper-overlay .header {padding-top:2.55rem; }
	.wrapper-overlay .header hr {
		margin-top:0;
	}
	.wrapper-overlay .header .row.first {height:75px;}
	.wrapper-overlay .header .row.second {
		margin-bottom:1.5rem;
	}
	.fixed-header .wrapper-overlay .header {
		padding-top:0.5rem;
	}
	.fixed-header .wrapper-overlay .header .row.first {height:auto;}

	.fixed-header .wrapper-overlay .header hr {margin-top:0.8rem;}

	.wrapper-overlay {
		background-color:#fff;
	}
	body.beige-header .wrapper-overlay, body.home .wrapper-overlay {
		background-color: #f8f5ec;
	}
	.fixed-header .wrapper-overlay, .fixed-header .wrapper-overlay {
		background-color: #fff !important;
	}
	.wrapper-overlay .header .lang-switcher:after {
		display: inline-block;
		content: " ";
		border-left:1px solid rgba(0,0,0,.1);
		width: 1px;
		margin: 0 1.5rem;
		height: 1.111rem;
		position: relative;
		top: 5px;
	}
	body.article .wrapper-overlay .header .lang-switcher:after {
		display:none;
	}

	.wrapper-overlay .header .lang-switcher {
		margin-right:0;
	}

	.wrapper-overlay .header .mute-button {
		padding-left:0;
	}

	.wrapper-overlay .location table {
		font-size: 14px;
		width:100%;
	}
	.wrapper-overlay .location table td {
		padding: 0;
	}
	.wrapper-overlay .location table td:last-child {
		font-family: "concorde", "Georgia", "Times New Roman", Times, serif;
		text-align: right;
	}
	.wrapper-overlay .location .opening-hours-special {
		position: relative;
	}
	.wrapper-overlay .location .opening-hours-special:before {
		content: url('../Icons/icon-arrow-black.svg');
		padding-right: 5px;
		position: relative;
		top: -1px;
	}

	.wrapper-overlay .location .block-opening-times p a {
		border:none;
		margin-top:0;
	}
	
	.wrapper-overlay .index {
		padding-top:1.5rem;
		padding-bottom:2.5rem;
		background-color: #324333;
	}
	.wrapper-overlay .index .nav-link {
		line-height:1.333rem;
	}
	.wrapper-overlay .index .nav-item {
		margin-bottom:1.5rem;
	}
	.wrapper-overlay .index .nav-item:last-child {
		margin-bottom:0rem;
	}
	
	.wrapper-overlay h3 {
		font-size:1.111rem;
		line-height:2.667rem;
		margin-bottom:1rem;
	}
	.wrapper-overlay .index h3 {
		color:#fff;
	}

	.wrapper-overlay .header a,
	.wrapper-overlay .header button {
		color: #000;
		font-size: 0.555rem;
		letter-spacing: 0.077rem;
	}

	.wrapper-overlay .lang-switcher a,
	.wrapper-overlay .lang-switcher a:hover {
		color: #000;
	}
	.wrapper-overlay .icon-close:before, .wrapper-overlay .icon-close::after {
		background:#000;
	}
	.wrapper-header .col-3 {
		padding:0;
	}
	.wrapper-header .dropdown-menu.show {
		left:-15%!important;
	}
	.wrapper-header .nav-item {
		margin-left:0;
		font-size:0.800rem;
	}
	
	.wrapper-header .left nav, .order-ticket, .wrapper-header .lang-switcher, .wrapper-header .mute-button {
		display:none;
	}
	.wrapper-header .left .lang-switcher {
		display:block;
		margin-right:0;
		font-size: 0.555rem;
	}
	.order-ticket-mobile {
		display:inline-block;
	}
	.order-ticket-fixed {
		display:block;
	}
	.order-ticket-fixed.show {
		opacity:1;
	}
	body.article .order-ticket-fixed {
		display:none;
	}
	body.overlay-open .order-ticket-fixed {
		display:block !important;
	}
	.fixed-header .order-ticket-fixed {
		padding: 1.125rem 2.25rem;
	}

	.wrapper-header .order-ticket-mobile {
		display:none;
	}

	.wrapper-header .dropdown-menu:before {
		left:20%;
	}
	.wrapper-header .opening-hours-status::before {
		top:0.5rem;
	}

	body.article .wrapper-overlay .mute-button {
		display:none;
	}

	.wrapper-overlay .icon-sound {
		vertical-align: text-bottom;
	}

	.wrapper-overlay .nav {
		margin-top:1rem;
	}

	.audioguide-languages {
		font-size:0.6667rem;
	}

	footer .nav-link {
		font-size:0.888rem;
	}

	.wrapper-overlay footer {
		padding:0;
	}

	.wrapper-overlay footer .nav-link {
		color:#000;
	}

	.wrapper-overlay footer hr {
		margin-top:1.5rem;
		margin-bottom:0;
	}

	.wrapper-overlay footer .mt-4 {
		margin-top:0!important;
	}

}

@media (max-width: 1024px) { 
	main .box h4 {
		font-size: 1.222rem !important;
		line-height: 1.333rem !important;
		letter-spacing: 0.022rem !important;
	}

	.nav-link { padding: .5rem .5rem !important; }

	.wrapper-header .audio { margin-right:0.75rem !important;}

	.lang-switcher {margin-right:0.5rem !important;}

	footer .sponsorship-list img {
		max-width:4rem !important;
	}

	.order-ticket {
		padding-left:1.25rem !important;
		padding-right:1.25rem !important;
	}
}