/* Globale Stile aus dem Elementor-Kit (Post 15, „Website-Einstellungen“ + Kit-CSS), Stand 31.10.2026.
 * Damit nxtl.de auch ohne Elementor gleich aussieht: Schrift Sandbox, Farben, Überschriften, Buttons
 * (.btn, .btn-buchen, .btn-gutschein, .btn-stk …), Abschnitte (.bg-dark/.bg-light), Datumsfelder.
 * .elementor-kit-15 → .nxtl-kit (Body-Klasse aus inc/theme-basis.php, gleiche Spezifität wie bei Elementor).
 * Solange Elementor läuft, lädt dessen Kit-Datei danach und gewinnt mit gleichen Regeln.
 * Weggelassen: Elementor-Raster (.elementor-section, .e-con …), Seitenübergang, Agile-Store-Locator-Regeln. */
@font-face {
	font-family: 'Sandbox';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('/wp-content/uploads/2025/06/sandboxvr-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Sandbox';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('/wp-content/uploads/2025/06/sandboxvr-bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Sandbox';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('/wp-content/uploads/2025/06/sandboxvr-medium.woff2') format('woff2');
}
.nxtl-kit {
	--e-global-color-primary:#008FFF;
	--e-global-color-secondary:#556E83;
	--e-global-color-text:#1B242F;
	--e-global-color-accent:#19202A;
	--e-global-color-aaa9e61:#EFF7FF;
	--e-global-color-01eefe1:#11161D;
	--e-global-color-c1ccfbf:#FFFFFF;
	--e-global-color-91c312b:#E43838;
	--e-global-typography-primary-font-family:"Sandbox";
	--e-global-typography-primary-font-weight:600;
	--e-global-typography-secondary-font-family:"Sandbox";
	--e-global-typography-secondary-font-weight:400;
	--e-global-typography-text-font-family:"Sandbox";
	--e-global-typography-text-font-weight:400;
	--e-global-typography-accent-font-family:"Sandbox";
	--e-global-typography-accent-font-weight:500;
	background-color:#EFF3F7;
}
.nxtl-kit button,.nxtl-kit input[type="button"],.nxtl-kit input[type="submit"],.nxtl-kit .elementor-button {
	background-color:var( --e-global-color-primary );
	font-family:"Sandbox", sandbox;
	font-size:1em;
	line-height:20px;
	letter-spacing:0px;
	color:var( --e-global-color-c1ccfbf );
	border-style:none;
	border-radius:24px 24px 24px 24px;
}
.nxtl-kit a {
	color:var( --e-global-color-primary );
	font-weight:400;
}
.nxtl-kit h1 {
	font-weight:900;
	line-height:1.1em;
	letter-spacing:0px;
}
.nxtl-kit h2 {
	font-weight:bold;
	line-height:1.1em;
}
h1.entry-title {
	display:var(--page-title-display);
}
@media(max-width:767px) {
	.nxtl-kit h1 {
		font-size:33px;
	}
}
body {
	font-family: SandboxVR, sandbox !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: sandbox !important;
}
h6 {
	font-size: 1.3em;
	line-height: 1.2em;
}
button a {
	color: #fff !important;
	font-weight: 900 !important;
}
.opener {
	height: 90vh;
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: border-box;
}
@supports not (height: 100dvh) {
	.nxtl-kit {
		height: 90vh;
	}
}
p {
	margin-block-end: 0 !important;
	padding-bottom: 0.5em;
}
a,
a:hover {
	color: white;
}
.btn-buchen,
.btn-buchen-drawer,
.btnbuchen,
.btn-einladung,
.btn-info,
.btn-pdf,
.btn-vip {
	background-color: #008FFF !important;
	color: #fff !important;
	border-radius: 24px !important;
	font-weight: 500 !important;
	font-size: 1rem !important;
	padding: 12px;
}
.btn-buchen,
.btn-buchen-drawer {
	font-size: 1em;
}
.btn-buchen-drawer,
.btnbuchen,
.btn-info {
	text-align: center;
}
.btn-buchen-drawer {
	display: block;
}
a.btn-buchen {
	display: inline-block;
	padding: 12px;
}
.btn-gutschein {
	background-color: rgb(85, 110, 131) !important;
	color: white !important;
	border-radius: 24px !important;
	font-weight: 500 !important;
	width: 100% !important;
	font-size: 1rem;
	padding: 12px;
}
.btn-anfrage {
	background-color: #556E83 !important;
	color: white !important;
	border-radius: 24px !important;
	font-weight: 500 !important;
	font-size: 1rem !important;
	padding: 12px 20px;
}
.btn-event {
	position: relative;
	bottom: 0;
	width: 100%;
	margin-top: 15px;
}
.metaslider .btn-buchen,
.metaslider .btn-gutschein {
	width: auto;
	margin: 0.2em !important;
}
.bg-dark,
.bg-light,
.bg-white {
	padding-top: 5em;
	padding-bottom: 5em;
	row-gap: 50px;
}
.bg-dark {
	background-color: #11161D !important;
	color: white;
}
.bg-light {
	background-color: #EFF3F7 !important;
}
.bg-white {
	background-color: #fff !important;
}
@media (max-width: 767px) {
	.bg-white,
  .bg-dark,
  .bg-light {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	.bg-white > .inner,
  .bg-dark > .inner,
  .bg-light > .inner {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.bg-padding {
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.card-package-dark,
.card-package-white {
	border-radius:20px;
	border: 1px solid #ccc ;
	padding:30px;
}
.card-package-white {
	background-color: #fff !important;
}
.card-package-dark {
	background-color: #11161D !important;
	color: white;
}
.img-eq {
	display: flex !important;
	align-items: stretch !important;
	gap: 1.5rem;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.img-eq .elementor-column,
.img-eq .img-col,
.img-eq .text-col {
	display: flex;
	flex-direction: column;
}
.img-eq .elementor-widget-wrap,
.img-eq .img-col > .elementor-widget-wrap {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.img-eq .elementor-widget-image,
.img-eq .elementor-widget-image .elementor-widget-container {
	flex: 1 1 auto;
}
.img-eq .img-col,
.img-eq .text-col {
	flex: 1 1 0;
}
.img-eq .img-col {
	overflow: hidden;
	position: relative;
}
.img-eq .elementor-widget-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
@media (max-width: 767px) {
	.img-eq {
		display: block !important;
	}
	.img-eq .elementor-widget-image,
  .img-eq .elementor-widget-image .elementor-widget-container {
		height: auto !important;
	}
	.img-eq .elementor-widget-image img {
		height: auto !important;
		object-fit: contain;
	}
}
.btn-stk {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	text-align: center;
	gap: 0;
	padding: 12px 20px;
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%);
	z-index: 1000;
	width: auto !important;
}
.btn {
	color: white !important;
	border-radius: 24px !important;
	font-weight: 500 !important;
	font-size: 0.9rem !important;
	padding: 12px 20px;
}
.btn.primary {
	background-color: #008FFF;
	width: auto !important;
	padding: 12px 20px;
}
.btn.secondary {
	background-color: rgb(228, 56, 56);
	width: auto !important;
	padding: 12px 20px;
}
.btn-stk.visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
@media (max-width: 600px) {
	.btn-stk {
		gap: 0;
		padding: 16px;
	}
	.btn {
		min-width: unset;
		width: 49%;
		z-index: 1000;
	}
	header a.btn-buchen {
		width: 100%;
	}
}
.section-header {
	display: flex;
	align-items: center;
	padding: 0;
	background-color: transparent;
	color: white;
	font-family: sandbox;
	gap: 1px;
}
@media (max-width: 767px) {
	.section-header {
		padding-top: 1em;
	}
}
.section-title {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 300 !important;
	font-size: 12px !important;
	line-height: 1.4;
	word-break: break-word;
	color: #858585;
}
.line {
	flex-grow: 1;
	height: 1px;
	background-color: #ccc;
	width: 100%;
	margin-left: 10px;
	max-width: 900px;
	position: relative;
	align-self: center;
	flex: 1 1 0%;
}
:root {
	--control-h: 44px;
	--header-h: 0px;
}
input[type="date"] {
	min-height: var(--control-h);
	height: auto;
	padding: 10px 0.75rem;
	line-height: 1.2;
	font-size: 16px;
	box-sizing: border-box;
	border: 1px solid #444444;
	border-radius: 8px;
	-webkit-appearance: none;
	appearance: none;
}
input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-date-and-time-value {
	padding: 0;
	line-height: 1.2;
	height: auto;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	margin: 0;
	padding: 0;
}
@supports (-webkit-touch-callout: none) {
	input[type="date"] {
		text-align: left;
	}
	input[type="date"]::-webkit-datetime-edit,
  input[type="date"]::-webkit-date-and-time-value,
  input[type="date"]::-webkit-datetime-edit-fields-wrapper,
  input[type="date"]::-webkit-datetime-edit-text,
  input[type="date"]::-webkit-datetime-edit-year-field,
  input[type="date"]::-webkit-datetime-edit-month-field,
  input[type="date"]::-webkit-datetime-edit-day-field {
		text-align: left !important;
	}
	input[type="date"]::-webkit-datetime-edit,
  input[type="date"]::-webkit-date-and-time-value {
		text-indent: 0 !important;
		margin: 0 !important;
		padding-left: 0.75rem;
	}
}
.caption-wrap {
	opacity: 1 !important;
}
body .metaslider,
body .metaslider .flexslider,
body .metaslider .rslides,
body .metaslider .nivoSlider {
	max-height: 90vh;
	min-height: calc(90dvh - var(--header-h) - env(safe-area-inset-bottom));
	overflow: hidden;
}
body .metaslider .slides img {
	width: 100% !important;
	height: 90vh;
	object-fit: cover;
}
@supports not (height: 100dvh) {
	body .metaslider,
  body .metaslider .flexslider,
  body .metaslider .rslides,
  body .metaslider .nivoSlider {
		min-height: calc(90vh - var(--header-h));
	}
}
body .metaslider .slides,
body .metaslider ul.slides {
	height: auto !important;
}
body .metaslider .slides > li {
	min-height: 100%;
	position: relative;
}
body .metaslider .flex-caption,
body .metaslider .nivo-caption,
body .metaslider .caption,
body .metaslider .caption-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: max(36px, env(safe-area-inset-bottom));
	z-index: 2;
	display: block !important;
	opacity: 1 !important;
	color: #fff;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
.location-slider {
	font-size: 1.5em;
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	font-weight: 500;
	margin-bottom: 1em;
}
.location-game,
.subline-game {
	text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	font-weight: bold;
	margin-bottom: 0.5em;
	text-align: center;
	color: white !important;
}
.location-game {
	font-size: 1.5em;
}
.subline-game {
	font-size: 1.4em;
}
.box-event {
	position: relative;
}
.faq-list .eael-accordion-list {
	margin-bottom: 10px !important;
	border: 1px solid #ccc;
}
.header {
	background-color: #1B242F;
	min-height: 700px;
}