/*
	Theme Name: Reservierungssystem
	Author:     Pedro Stoehr, stoehr@ticktoo.com
	Author URI: https://ticktoo.com/
	 ___       ___
	/\  \___  /\  \
	\ \   __\_\_\  \
	 \ \  \ /\____  \
	  \ \__\\/___/\__\
	   \/__/     \/__/
*/

/* ------------------------------------------------------------------------
// ANCHOR Imports
------------------------------------------------------------------------ */

@import url('fonts/Inter/Inter.css');
@import url('vendor/bootstrap-5.2.0-dist/css/bootstrap.min.css');
@import url('vendor/fontawesome-pro-6.2.0-web/css/all.min.css');

/* ------------------------------------------------------------------------
// ANCHOR VARS
------------------------------------------------------------------------ */

:root {
	--theme-background: 222,218,215;
	--theme-background-bright: 242,238,235;
	--theme-color: 23,23,23;
	--theme-c1: 228,1,52;
	--theme-c2: 255,123,123;
	--theme-grey: 129,129,129;
	--theme-grey-hover: 220,220,220;
	--theme-grey-light: 238,238,238;
	--theme-grey-mid: 151,151,151;
	--theme-grey-dark: 66,66,66;
	--theme-grey-darkest: 54,54,54;
	--theme-font:  'Inter', Helvetica Neue, Helvetica, sans-serif;
	--theme-radius-default: 3px;
	--theme-box-shadow: 6px 6px 0 rgba(var(--theme-color),.1);
	--theme-border-radius: 10px;
	--theme-border-radius-small: 6px;
	--theme-border-radius-big: 16px;
	--theme-yellow: 255,241,85;
	--theme-yellow-bright: 255,248,189;
	--theme-red: 228,1,52;
}

/* ------------------------------------------------------------------------
// ANCHOR Globals
------------------------------------------------------------------------ */

#venue-map {
	visibility: visible;  width: 100%; height: 600px;margin-bottom:1.5rem
}

.poster {
	background-color: rgb(var(--theme-yellow));
	border-radius: 10px;
}

.autor {
	color: rgb(var(--theme-c1));
	text-align: center;
	margin-top: -1rem;
	margin-bottom: 2rem;
}

.buy-now {
  display: block;
  margin: 2rem 0;
}
.buy-now a {
  border-radius: 6px;
  display: block;
  background-color: rgb(var(--theme-c1));
  color: #FFF!important;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.1;
  text-transform: uppercase;
  padding: 1rem 1rem .75rem 1rem;
}


body{
	background-color:rgb(var(--theme-yellow));
	color:rgb(var(--theme-color));
	font-family:var(--theme-font);
	font-size:1rem;
	font-weight:400;
	line-height:1.4
}

strong {
	font-weight: 600;
}

figure {
	position: relative;
	border-radius: var(--theme-border-radius-small);
	box-shadow: var(--theme-box-shadow);
	margin-bottom: 2rem;
}

figure.credits::before {
	content: attr(data-credits);
	background-color: rgba(255, 255, 255, .2);
	letter-spacing: .04em;
	color: rgb(255, 255, 255);
	line-height: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: .7rem;
	padding: .4rem .5rem .3rem;
	transition: .3s all;
	border-radius: var(--theme-border-radius-small) 0 var(--theme-border-radius-small) 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
}

figure img {
	border-radius: var(--theme-border-radius-small)
}

h1, .master{
	font-size:2.6rem;
	line-height:1.1;
	padding:1rem 0 1.5rem 0;
	margin:0;
	font-weight: 700;
	text-align: center;
}

.master {
	color: rgb(var(--theme-c1));
	margin-top: 2rem;
}

h2{
	font-size:1.3rem;
	padding:.75rem 0;
	margin:0;
	font-weight: 600;
}

h3{
	font-size:1.1rem;
	font-weight:600;
	padding:.75rem 0;
	margin:0
}

h4{
	font-size:1rem;
	font-weight:bold;
	padding:.75rem 0
}

h1{
	color:rgb(var(--theme-c1))
}

.text-grey {
	color:rgb(var(--theme-grey));
}
.text-green-light {
	color:rgb(var(--theme-c2));
}
.text-green {
	color:rgb(var(--theme-c1));
}

.site-header .menu li a,
.site-header .tools a {
	transition-property: color,background-color,border-color;
	transition-duration: .2s;
	transition-timing-function: linear;
}


/*! TOOLS ------------------------------------------------------------------- */

.divider {
	display: block;
	background-color: rgb(var(--theme-background));
	height: 1px;
	margin: .5rem 0;
}

.mpb{
	background:#FFF;
	border:2px solid rgb(var(--theme-yellow));
	border-radius:var(--theme-radius-default);
	padding:20px;
	position:relative
}
.mpb.grey{
	background:rgb(var(--theme-yellow-bright))
}
.mpb.green{
	background:rgb(var(--theme-c1));
	border-color:rgb(var(--theme-c1));
	color:#FFF
}
.mpb i{
	color:rgb(var(--theme-c1));
	margin-right:.25rem
}
.mpb.green i{
	color:#FFF
}

abbr {
	text-decoration: underline rgb(var(--theme-grey)) dotted;
}

.form-check-label small{
	margin-left:.25rem
}
.mpb.dsgvo .form-check-label{
	font-size:.85rem;
	padding-top:3px
}
.mpb.dsgvo .form-check-label a{
	text-decoration:underline
}
div[class="form-group"] label,.select-label, .labeled label{
	font-size:.85rem;
}

/*! Spacing ---- */

.spacer{
	display:block;
	height:1rem;
	width:100%
}
.spacer.s2{
	height:2rem
}
.spacer.s4{
	height:4rem
}

/* ------------------------------------------------------------------------
// ANCHOR BOOTSTRAP PARTS modified
------------------------------------------------------------------------ */

.container{
	padding:0 1.5rem
}

/*! BS Buttons ---- */

.btn-block{
	width:100%
}
a.btn{
	text-decoration:none
}
.btn{
	background-color:transparent;
	border:1px solid transparent;
	border-radius:var(--theme-radius-default);
	color:rgb(var(--theme-color));
	cursor:pointer;
	display:inline-block;
	font-size:.9rem;
	font-weight:600;
	line-height:1.5;
	padding:.5rem 1.5rem;
	text-align:center;
	text-decoration:none;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	user-select:none;
	vertical-align:middle
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
	background-color:rgb(var(--theme-c1))!important;
	border-color:rgb(var(--theme-c1))!important;
	color:#FFF!important;
	box-shadow:0
}
.btn-primary:focus,.btn-primary:active{
	box-shadow: 0 0 0 0.2rem rgba(var(--theme-c1),.25)!important;
	outline:0!important;
}
.btn-primary{
	border-color:rgb(var(--theme-background))
}

.btn-secondary{
	background-color:rgb(var(--theme-c1));
	border-color:rgb(var(--theme-c1));
	color:#FFF!important
}
.btn-secondary:hover{
	background-color:rgb(var(--theme-c1));
	border-color:rgb(var(--theme-c1))
}
.btn-secondary:focus,.btn-secondary.focus{
	background-color:rgb(var(--theme-c1));
	border-color:rgb(var(--theme-c1));
	box-shadow:0 0 0 .2rem rgba(var(--theme-c1),.5)
}
.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show > .btn-secondary.dropdown-toggle{
	background-color:rgb(var(--theme-c1));
	border-color:rgb(var(--theme-c1))
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(var(--theme-c1),.25)
}

.btn-grey{
	background-color:rgb(var(--theme-grey-light));
	border-color:rgb(var(--theme-grey-light));
	color:rgb(var(--theme-color))!important
}
.btn-grey:hover{
	background-color:rgb(var(--theme-grey-hover));
	border-color:rgb(var(--theme-grey-hover));
	color:rgb(var(--theme-color))!important
}
.btn-grey:focus,.btn-grey.focus{
	background-color:rgb(var(--theme-grey-light));
	border-color:rgb(var(--theme-grey-light));
	box-shadow:0 0 0 .2rem rgba(var(--theme-grey-light),.5)
}
.btn-grey:not(:disabled):not(.disabled):active,.btn-grey:not(:disabled):not(.disabled).active,.show > .btn-grey.dropdown-toggle{
	background-color:rgb(var(--theme-grey-light));
	border-color:rgb(var(--theme-grey-light))
}
.btn-grey:not(:disabled):not(.disabled):active:focus,.btn-grey:not(:disabled):not(.disabled).active:focus,.show > .btn-grey.dropdown-toggle:focus{
	box-shadow:0 0 0 .2rem rgba(var(--theme-grey-light),.5)
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{
	color:#FFF!important;
	background-color:rgb(var(--theme-color));
	border-color:rgb(var(--theme-color))
}
.btn-outline-primary{
	color:rgb(var(--theme-color))!important;
	border-color:rgb(var(--theme-color))
}
.btn-outline-primary:hover{
	color:#FFF!important;
	background-color:rgb(var(--theme-c2));
	border-color:rgb(var(--theme-c2))
}

.btn-group.special{
	display:flex
}
.special .btn{
	flex:1
}

/*! BS Inputs ---- */

.input-group{
	position:relative
}
.input-group label{
	display:none
}
.input-group.labeled label{
	display:block;
	color:rgb(var(--theme-c2));
	font-size:.9rem;
	display:block;
	line-height:1;
	padding-bottom:6px
}
.input-group label.infield{
	left:4px;
	position:absolute;
	top:-3px
}
.input-group input[type=text],.input-group input[type=password],.input-group input[type=email],.input-group input[type=date],.input-group textarea{
	background-color:#FFF;
	border: 2px solid #DDD;
	border-right:0;
	border-radius:var(--theme-radius-default);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#333;
	font-family:var(--theme-font);
	font-size:.9rem;
	height:45px;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
	padding:0 15px
}
.input-group input[type=text]:focus,.input-group input[type=email]:focus,.input-group input[type=password]:focus,.input-group input[type=date]:focus,.input-group textarea:focus{
	background-color:rgb(255,255,255);
	border-color:rgb(var(--theme-c2));
	box-shadow:none;
	color:#333;
	outline:none!important;
}
.input-group ::-webkit-input-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
.input-group :-moz-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
.input-group ::-moz-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
.input-group :-ms-input-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
label strong {
	margin-left:6px
}
.check-subline{
	margin:  0 0 0 1.5rem
}
.form-group{
	margin:10px 0 15px;
	position:relative
}
.form-group label{
	color:rgb(var(--theme-grey));
	font-size:.75rem;
	margin-bottom:.5rem;
}
.form-group.labeled label{
	display:block;
	color:rgb(29,29,27);
	font-size:.9rem;
	display:block;
	line-height:1;
	padding-bottom:6px
}
.form-group label.infield{
	left:4px;
	position:absolute;
	top:-3px
}
.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group input[type=date],.form-group textarea{
	background-color:#FFF;
	border: 2px solid #DDD;
	border-radius:var(--theme-radius-default);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#333;
	font-family:var(--theme-font);
	font-size:.9rem;
	height:45px;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
	padding:0 15px
}
.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=date]:focus,.form-group textarea:focus{
	background-color:rgb(255,255,255);
	border-color:rgb(var(--theme-c2));
	box-shadow:none;
	color:#333;
	outline:none!important;
}
.form-group ::-webkit-input-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
.form-group :-moz-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
.form-group ::-moz-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
.form-group :-ms-input-placeholder{
	color:rgb(153,153,153);
	font-weight:400
}
.form-group textarea{
	padding-top:.75rem;
	min-height: 6rem;
}
.form-select {
	background-color:#FFF;
	border: 2px solid #DDD;
	border-radius:var(--theme-radius-default);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#333;
	font-family:var(--theme-font);
	font-size:.9rem;
	height:45px;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
	padding:0 15px
}
.form-select:focus{
	background-color:rgb(255,255,255);
	border-color:rgb(var(--theme-c2));
	box-shadow:none;
	color:#333;
	outline:none!important;
}
.form-check-input:focus{
	border-color:rgb(var(--theme-c2));
	outline:0;
	box-shadow:0 0 0 .25rem rgba(var(--theme-c2),.25)
}
.form-check-input:checked{
	background-color:rgb(var(--theme-c2));
	border-color:rgb(var(--theme-c2))
}

.form-group input[type=number] {
    background-color: #FFF;
    border: 2px solid #DDD;
    border-radius: var(--theme-radius-default);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #333;
    font-family: var(--theme-font);
    font-size: .9rem;
    height: 45px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0 15px;
}

/* ------------------------------------------------------------------------
// ANCHOR Header + Nav
------------------------------------------------------------------------ */

.site-header{
	background-color:#FFF;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	box-sizing:border-box;
	transition:all .6s;
	z-index:1050
}

.site-header .container{
	height:inherit;
	position:relative
}
.site-header .brand{
	left:1.5rem;
	position:absolute
}
.site-header .brand a{
	background:url(img/logo.svg) no-repeat 0 0;
	display:block;
	text-indent:-9999px
}

.site-header .menu ul {
	list-style-type:none;
	margin:0;
	padding:0
}
.site-header .menu li a {
	color:rgb(var(--theme-color));
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase
}
.site-header .menu li a:hover {
	color:rgb(var(--theme-c1));
}
.site-header .menu li.active a {
	color:rgb(var(--theme-c1));
}

.site-header .tools{
	height:40px;
	line-height:40px;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:40px
}
.site-header .tools li{
	float:left;
	margin-left:12px;
	position:relative
}
.site-header .tools i{
	font-size:2rem
}
.site-header .tools a{
	color:rgb(var(--theme-color));
	text-decoration:none
}
.site-header .tools a:hover{
	color:rgb(var(--theme-c2))
}
.site-header .tools .menu-trigger{
	color:#000;
	cursor:pointer;
	margin:0 15px 0 15px
}

/* ------------------------------------------------------------------------
// ANCHOR Content
------------------------------------------------------------------------ */

.site-content{
	background-color:#FFF;
	padding:2rem 0 3rem 0
}
.site-content a{
	color:rgb(var(--theme-c2));
}
.site-content a:hover{
	color:rgb(var(--theme-color));
}

.intro{
	font-size: 1.4rem;
	font-weight: 500;
}
.intro-small {
	font-size: 1.1rem;
}

.custom-counter {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.custom-counter li {
	counter-increment: step-counter;
	margin-bottom: 10px;
}

.custom-counter li::before {
	content: counter(step-counter);
	margin-right: 10px;
	font-size: .8rem;
	background-color: rgb(var(--theme-c1));
	color: white;
	font-weight: bold;
	line-height: 20px;
	height: 18px;
	border-radius: 3px;
	width: 18px;
	text-align: center;
	display: inline-block;
}


/* ------------------------------------------------------------------------
// ANCHOR Booking
------------------------------------------------------------------------ */

.booking-loader{
	background-color:rgb(var(--theme-c1));
	height:100vh;
	left:0;
	position:absolute;
	top:0;
	width:100vw;
	z-index:9001
}
.loader-text{
	color:rgb(var(--theme-c2));
	left:50%;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translate(-50%,-50%)
}
.loader-text strong{
	color:rgb(255,255,255);
	display:block;
	font-size:1.8rem;
	font-weight:500
}
.spinner{
	margin:50px auto 0;
	text-align:center;
	width:70px
}
.spinner > div{
	background-color:#FFF;
	border-radius:100%;
	display:inline-block;
	height:12px;
	width:12px;
	-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
	animation:sk-bouncedelay 1.4s infinite ease-in-out both
}
.spinner .bounce1{
	-webkit-animation-delay:-.32s;
	animation-delay:-.32s
}
.spinner .bounce2{
	-webkit-animation-delay:-.16s;
	animation-delay:-.16s
}
@-webkit-keyframes sk-bouncedelay {
	0%,80%,100%{
		-webkit-transform:scale(0)
	}
	40%{
		-webkit-transform:scale(1.0)
	}
}
@keyframes sk-bouncedelay {
	0%,80%,100%{
		-webkit-transform:scale(0);
		transform:scale(0)
	}
	40%{
		-webkit-transform:scale(1.0);
		transform:scale(1.0)
	}
}

.float-left {
	float: left;
}
.float-right{
	float:  right;
}

.booking-sidebar {
	font-size: .9rem;
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.booking-sidebar li:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden
}

.booking-sidebar li {
	border-top: 1px solid #EEE;
	padding: 6px 0;
	display: block;
}

.booking-sidebar li:first-child,
.booking-sidebar li.sb-table-seat{
	border-top: 0;
}
.booking-sidebar li.sb-table-seat {
	padding: 0;
	line-height: 24px;
	font-size: .9rem;
}

.sb-table .persons {
	display: inline-block;
	color: rgb(var(--theme-grey));
	font-size: .85rem;
	font-weight: normal;
}

.booking-sidebar .sb-seat.kick:hover,
.booking-sidebar .sb-table.kick:hover{
	text-decoration: line-through;

}

.booking-sidebar .sb-seat:hover,
.booking-sidebar .sb-table:hover {
	background-color: #EEE;
}

.sb-sum {
	border-top-width: 2px !important;
	font-weight:600
}

.sb-sum .float-left {
	color: #999;
}
.sb-sum .float-right{
	padding-right: 32px;
}

.sb-seat .float-left {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgb(116,135,101)' d='M4 18v3h3v-3h10v3h3v-6H4v3zm15-8h3v3h-3v-3zM2 10h3v3H2v-3zm15 3H7V5c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v8z'/></svg>");
	background-position:2px center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	padding-left: 32px;
	font-weight: 600;
}

.sb-table .float-left {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgb(116,135,101)' d='M12 10.2H4c-.2 0-.3.1-.3.3v9.9c0 .5-.4.8-.9.9h-1c-.5 0-.8-.3-.8-.8-.1-1 0-2 0-3v-7c0-.2 0-.3-.2-.3-.4-.1-.8-.6-.8-1V7.6c0-.4.1-.6.4-.8 1.3-1.3 2.6-2.5 4-3.7.2-.2.5-.3.8-.3h14c.2 0 .3 0 .5.2 1.3 1.2 2.7 2.4 4 3.6.2.4.3.7.3 1.1v1.5c0 .4-.3.9-.7.9-.2 0-.3.2-.3.4v9.9c0 .4-.3.7-.8.7h-1.1c-.5 0-.9-.4-.9-.9v-9.8c0-.2-.1-.3-.3-.3-2.6.1-5.2.1-7.9.1z'/><path fill='rgb(0,56,101)' d='M19.4 13.5v2.3c0 .4-.3.7-.7.8-.5.1-.8-.1-1-.5-.1-.1-.1-.3-.1-.4v-4.4c0-.2.1-.2.2-.2h1.4c.2 0 .2.1.2.2v2.2zM6.4 13.5v2.3c0 .4-.3.7-.7.8-.5.1-.8-.1-1-.5-.1-.1-.1-.3-.1-.4-.1-1.5 0-2.9 0-4.4 0-.2.1-.2.2-.2h1.5c.2 0 .1.1.1.2.1.7.1 1.5 0 2.2.1 0 .1 0 0 0z'/></svg>");
	background-position:2px center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	padding-left: 32px;
	font-weight: 600;
}

.sb-discount .float-left {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M0 0h24v24H0z' fill='none'/><path fill='rgb(116,135,101)' d='M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z'/></svg>");
	background-position: 2px center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	padding-left: 32px;
	font-weight: 600;
}

.sb-table-seat .float-left {
	padding-left: 32px;
}
.sb-table-seat .float-right {
	padding-right: 32px;
}
.sb-table-seat {
	font-style: italic;
}

.booking-sidebar li span {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path fill='rgb(255,69,69)' d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-position:right center;
	background-repeat:no-repeat;
	background-size:24px 24px;
	cursor: pointer;
	width: 32px;
	height: 24px;
	display: block;
	text-indent: -9999px;
}


.sb-info {
	border-radius: 3px;
	font-weight: 500;
	background-color: rgb(233,237,242);
	padding: .5rem;
	font-size: .9rem;
	margin-bottom: 1rem
}

/*! Account - Orders */

.accordion{
	border-top:1px solid rgb(var(--theme-grey-mid));
	border-right:1px solid rgb(var(--theme-grey-mid));
	border-left:1px solid rgb(var(--theme-grey-mid));
	margin:0;
	padding:0;
	list-style-type: none;
}
.accordion li{
	margin:0;
	padding:0;
}

.collapsible-header{
	background-color: rgb(var(--theme-grey-light));
	display:block;
	cursor:pointer;
	min-height:3rem;
	line-height:3rem;
	margin:0 0 2px 0;
	padding:0 1rem 0 .5rem;

}
.collapsible-header i{
	width:2rem;
	line-height:3rem;
	display:block;
	float:left;
	text-align:center;
	margin-right:.5rem;
}
.collapse-inner{
	box-sizing:border-box;
	padding:1rem;
}

/* ------------------------------------------------------------------------
// ANCHOR Booking UPDATE
------------------------------------------------------------------------ */

.booking-sidebar li {
	border-top: 1px solid #EEE;
	padding: .25rem .5rem;
	display: block;
}

.booking-sidebar-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; /* sorgt dafür, dass das Icon oben bleibt */
}

.booking-sidebar-left {
  flex: 1 1 auto;
}

.booking-sidebar-right {
  flex: 0 0 40px; /* feste Spaltenbreite */
  text-align: right;
}

.booking-sidebar-item .remove {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #666; /* Standardfarbe für das Icon */
  transition: color 0.2s ease;
}

.booking-sidebar-item .remove:hover {
  color: rgb(var(--theme-c1)); /* Hover-Farbe */
}


/* ------------------------------------------------------------------------
// ANCHOR Footer
------------------------------------------------------------------------ */

.site-footer{
	font-size:.85rem;
	line-height:1.5;
	padding:1.5rem 0
}
.site-footer .menu{
	list-style-type:none;
	margin:0;
	padding:0
}
.site-footer a{
	color:rgb(var(--theme-color));
	text-decoration:none
}
.site-footer .social-bar a{
	display:inline-block;
	margin-left:4px
}
.site-footer .social-bar i{
	font-size:1.8rem
}
.site-footer .home-link {
	margin-top: .55rem;
}

/* ------------------------------------------------------------------------
// ANCHOR Responsive, baby!
------------------------------------------------------------------------ */

@media (min-width: 1400px) { /* BEYOND */
}
@media screen and (min-width: 1200px){ /* EXTRA LARGE */

	.container-md,.container-sm,.container{max-width:1040px}
}
@media screen and (min-width: 992px){ /* LARGE */

	.desc-mobile {display: none;}

	.site-header{
		height:120px
	}
	.site-header .brand{
		top:30px
	}
	.site-header .brand a{
		background-size:285px 50px;
		height:50px;
		width:285px
	}

	.site-header .menu-wrapper {
		position: absolute;
		right:64px;
		top:40px
	}
	.site-header .menu{
		display:block!important;
	}
	.site-header .menu li{
		float:left;
		margin-left:30px;
		position:relative
	}
	.site-header .menu li a{
		display:block;
		line-height:40px;
	}

	.site-content{
		margin:90px 0 0
	}

}
@media screen and (max-width: 991.98px){ /* SMALL + MEDIUM */

	.desc-desktop {display: none;}

#venue-map {
	height: 280px;
	margin-bottom: 1rem;
}


	.site-header{
		background-color:rgb(var(--theme-yellow));
		min-height:78px
	}
	html > body .site-header{
		position:fixed
	}
	.site-header .brand{
		top:24px
	}
	.site-header .brand a{
		background:url(img/logo.svg) no-repeat 0 0;
		background-size:183px 32px;
		height:32px;
		width:183px
	}
	.site-header .tools a,.site-header .tools a:hover{
		color:#000
	}

	.site-header .menu{
		display:none;
		padding:78px 0 .5rem;
		margin:0 -15px
	}
	.site-header .menu ul{
		list-style-type:none;
		marign:0;
		padding:0 5px 0 15px
	}
	.site-header .menu li{
		border-top:1px solid #FFF;
		display:block;
		float:none;
		margin-left:0;
		position:relative
	}
	.site-header .menu li:first-child{
		border: 0
	}
	.site-header .menu li a{
		color:#000;
		display:block;
		font-weight:400;
		height:36px;
		line-height:36px;
		padding:0;
		text-decoration:none
	}
	.site-header .menu li a:hover{
		color:#000
	}
	.site-header .menu li.active a {
		color:rgb(var(--theme-c1));
		font-weight:bold;
	}

	.site-header .tools {
		top: 28px
	}
	.site-header .tools i{
		font-size:1.8rem
	}
	.site-content{
		margin:78px 0 0
	}
	.site-footer .footer-item {
		margin-bottom:.5rem
	}
	.site-footer .social-bar {
		padding-top:.5rem
	}
	.site-footer .social-bar a:first-child{
		margin-left:0
	}
}
@media screen and (min-width: 576px) and (max-width: 991.98px){ /* MEDIUM ONLY */
}
@media screen and (max-width: 575.98px){ /* SMALL ONLY*/
}



/*! END OF LINE */