body.reservation .sticky-buttons-wrapper {
	display: none;
}


/* Hide the reservation event selection input (but must me validated) */
.reservierung-form div.field-event {
	display: none;
}

/* Hide the reservation persons selection input (but must me validated) */
.reservierung-form div.field-persons {
	display: none;
}

/* Hide the reservation lounge selection input (but must me validated) */
.reservierung-form div.field-lounge {
	display: none;
}


/* Reservation */

.fieldset-item > .btn-toolbar a {
	margin-top: 1.3em;
	font-size: 24px;
	padding: 11px 63px;
}

.fieldset-item .back-button-wrapper {
	text-align: right;
}

.section-price-summary:after,
.products-price-summary:after{
	content: '€';
	padding-left: 6px;
}

/*
  Page Defaults
 */

#reservierung-form-top {
	padding: 0;
	width: 100%;
}
#reservierung-form-top .back-button-wrapper .back-button {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
#reservierung-form-top .back-button-wrapper .back-button:hover {
	color: #fff;
	border-color: var(--highlightColor);
	background-color: var(--highlightColor);
}

.reservierung-form .fieldset-item {
	max-height: 0;
	overflow: hidden;
	position: relative;
	transition: max-height 0.1s ease-out;
}
.reservierung-form .fieldset-item.is-active {
	max-height: 3600px;
	transition-duration: .6s;
}
.reservierung-form .fieldset-title {
	font-size: 50px;
	margin-bottom: 25px;
	font-family: "TitlesFontBold", serif;
}

.help-inline {
	margin-top: 3px;
	font-size: 1.1em;
	color: #ff4343;
}

a.reservation-link {
	text-decoration: underline;
}

a.reservation-link:hover{
	color: #000;
	background-color: #fff;
}


/**
  Sliders Defaults
 */
.reservation-slider-wrapper {
	position: relative;
}
.reservation-slider-wrapper:before {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	width: 20%;
	z-index: 1;
	position: absolute;
	pointer-events: none;
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.reservation-slider-wrapper .content-list-item {
	width: 25%;
	margin-right: 2.1%;
	padding: 19px 16px;
	display: flex;
	align-items: stretch;
	min-height: 100%;
	border: 6px solid #2e2e2e;
}
.reservation-slider-wrapper .image-wrapper  {
	margin-bottom: 10px;
}
.reservation-slider-wrapper .image-wrapper img {
	display: block;
}
.glightbox-lounge-skin .flickity-button path,
.reservation-slider-wrapper .flickity-button path {
	fill: #fff;
}
.reservation-slider-wrapper .flickity-button:disabled {
	opacity: 0;
}
.reservation-slider-wrapper .flickity-prev-next-button.next {
	right: -7px;
}
.reservation-slider-wrapper .arrow-next {
	top: 50%;
	right: 0;
	z-index: 2;
	cursor:pointer;
	position: absolute;
	transform: translate(-50%);
}
.reservation-slider-wrapper .content-list-item.selected {
	border-color: var(--highlightColor);
}
.glightbox-lounge-skin .flickity-button:hover path,
.reservation-slider-wrapper .flickity-button:hover path {
	fill: var(--highlightColor);;
}
.glightbox-lounge-skin .flickity-button-icon,
.reservation-slider-wrapper .flickity-button-icon {
	left: 10%;
	top: 10%;
	width: 80%;
	height: 80%;
	position: absolute;
}
.glightbox-lounge-skin .flickity-button,
.reservation-slider-wrapper .flickity-button {
	margin: 0;
	z-index: 100;
	background: hsl(0deg 0% 100% / 0%)
}


/*
  SET 1 > Event
 */
#set-event .date{
	font-weight: 400;
}

#set-event .title {
	font-size: 18px;
	text-transform: uppercase;
}
/*
  SET 2 > Lounge
 */

#set-lounge .lounges-slider-wrapper {
	margin-top: 20px;
}

#set-lounge  .fieldset-intro.collapsed {
	margin-bottom: 0;
	max-height: 300px;
	position: relative;
	transition: max-height 1s ease-in-out;
}
#set-lounge .fieldset-intro.collapsed .link-wrapper {
	z-index: 1;
	position: relative;
}
#set-lounge .fieldset-intro.collapsed:before {
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	height: 75%;
	position: absolute;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
}
#set-lounge .fieldset-intro.collapsed.remove-shadow:before {
	content: none;
}
#set-lounge .fieldset-intro.expanded {
	max-height: 0;
	overflow: hidden;
	margin-bottom: 37px;
}
#set-lounge .lounge-info-button.transparent {
	width: 100%;
	border-color: #fff;
	border-width: 3px;
	margin-bottom: 0;
	margin-top: 0;
	background-color: transparent;
}

#set-lounge .fieldset-intro ul {
	margin: 0;
}

#set-lounge.lounge-info-button.transparent:hover {
	border-color: var(--highlightColor);
	background-color: var(--highlightColor);
}
#set-lounge.text-wrapper {
	margin-top: 18px;
}
#set-lounge .text-wrapper .spacer {
	padding-bottom: 2px;
	display: inline-block;
}
#set-lounge .text-wrapper .btn-wrapper {
	margin-top: 15px;
}
#set-lounge .text-wrapper .heading {
	font-size: 16px;
	font-weight: normal;
}
#set-lounge .minSalesAmount {
	font-size: 18px;
	font-weight: 600;
	@media only screen and (max-width: 1320px) and (min-width: 1025px){
		font-size: 1.25vw;
	}
}
#set-lounge .maxPersons {
	font-size: 18px;
	font-weight: 600;
	@media only screen and (max-width: 1320px) and (min-width: 1025px){
		font-size: 1.25vw;
	}
}
#set-lounge .text-wrapper .icon {
	margin-right: 2px;
}

#set-lounge .persons-slider-item {
	width: 5%;
	padding: 10px;
	margin-right: 20px;
}

#set-lounge .person-number {
	color: #2e2e2e;
	font-size: 38px;
	transition: color .35s;
	font-family: TitlesFontBold, serif;
}
#set-lounge .person-number:hover {
	color: #fff;
}

#set-lounge .persons-slider-item.selected .person-number {
	color: var(--highlightColor);
}


/* Event slider item that have been inactivated because the event does not have them available */
#set-lounge .lounges-slider-item.inactive-event {
	display: none;
}

/* Event slider item that have been inactivated because the it has least than max selected persons */
#set-lounge .lounges-slider-item.inactive-persons {
	display: none;
}
#set-lounge .stoerer {
	top: 19px;
	right: 16px;
	color: #000;
	display: none;
	font-size: 15px;
	padding: 3px 5px;
	font-weight: 800;
	position: absolute;
	text-transform: uppercase;
	font-family: Barlow, serif;
	background-color: var(--highlightColor);
}

#set-lounge .reserved .stoerer {
	display: block;
}




/**
   Info > PopUP
 */

.glightbox-lounge-skin .goverlay {
	background: rgba(0, 0, 0, .75);
}
.lounge-info-popup {
	color: #fff;
	background: #000;
}
.lounge-info-popup-wrapper {
	opacity: 0;
	position: absolute;
	pointer-events: none;
}

.lounge-info-popup .lounge-info-wrapper {
	padding: 0 30px 30px;
}
.lounge-info-popup .minSalesAmount {
	margin-top: 40px;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
}
.lounge-info-popup .lounge-info-wrapper .icon {
	margin-right: 7px;
}
.lounge-info-popup .maxPersons {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
}
.lounge-info-popup .lounge-info-close-button {
	margin-top: 40px;
	margin-bottom: 0;
	padding: 7px 70px 9px;
	border-width: 3px;
}
.lounge-info-close-button.transparent {
	text-transform: none;
	border-color: #fff;
	background-color: transparent;
}
.lounge-info-close-button.transparent:hover {
	color: #fff;
	border-color: var(--highlightColor);
	background-color: var(--highlightColor);
}
.lounge-info-slider-wrapper  .flickity-slider {
	display: flex;
	align-items: center;
}
.lounge-info-slider-wrapper .lounge-info-slider-item {
	width: 100%;
}
.lounge-info-popup.ginlined-content {
	padding: 0 0 0 30px;
}

.lounge-info-popup .slider-container {
	width: 61.44%;
}
.lounge-info-popup .slider-container figure img {
	display: block;
}
.lounge-info-popup .slider-container video {
	width: 100%;
	height: auto;
}
.lounge-info-popup .info-container {
	width: 38.54%;
}
/* popup slider dots*/
.reservation-lounge-info-slider .flickity-page-dots {
	top: 15px;
	left: 20px;
	right: 20px;
	width: inherit;
	bottom: inherit;
	display: flex;
	flex-direction: row;
}
.reservation-lounge-info-slider .flickity-page-dots .dot {
	display: block;
	margin: 0 5px;
	cursor: pointer;
	flex: 1;
	height: 4px;
	opacity: 1;
	border-radius: 0;
	position: relative;
	background: rgba(255, 255, 255, 0.3);
}
.reservation-lounge-info-slider .flickity-page-dots .dot:before {
	content: "";
	left: 0;
	width: 0;
	height: 4px;
	position: absolute;
	background: #fff;
	transition: width 0s;
}
.reservation-lounge-info-slider .flickity-page-dots .dot.is-selected:before {
	width: 100%;
	transition: width 3.5s linear;
}



/**
  Reservation Radio Btn > Step 4
 */

#reservierung-form-top .control-group .radio label {
	color: #fff;
	width: 25%;
	height: 400px;
	font-size: 22px;
	position: relative;
	background-color: transparent;
	border: 4px solid #2e2e2e;
	font-family: TitlesFontBold, serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}


#reservierung-form-top .control-group .radio label:hover {
	color: var(--highlightColor);
	border-color: var(--highlightColor);
	background-color: transparent;
}

#reservierung-form-top .control-group .radio > input:checked + label {
	border-color: var(--highlightColor);
	background-color: transparent;
}
#set-type label:before {
	content: "";
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;

	margin-top: -120px;
}
#set-type .control-group {
	margin-bottom: 0;
}
#set-type .field-type .radio {
	margin-bottom: 0;
}
#set-type label[for=zform_type0]:before {
	background: url("/templates/main/img/reservierung_mi_vorbestellung.jpg") no-repeat center;
	background-size: 60px;
}
#set-type label[for=zform_type1]:before {
	background: url("/templates/main/img/reservierung_ohne_vorbestellung.jpg") no-repeat center;
	background-size: 60px;
}
#set-type .fieldset-intro .type-descr {
	min-height: inherit;
	margin-bottom: 20px;
}

/*
  Products orders
 */
.reservation-product-group {
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
}
.reservation-product-group.lounge {
	border-bottom: none;
}
#set-produkte > .field-products {
	padding: 40px;
	margin-top: 30px;
	background: #2b2b2b;
}

#set-produkte .reservation-product-item {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	align-items: center;
	border-bottom: 2px solid #000;
}

#set-produkte .reservation-product-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#set-produkte .product-info-content{
	max-height: 0;
	overflow: hidden;
	position: relative;
	transition: max-height 0.1s ease-out;
}
#set-produkte .product-info-content.is-active {
	max-height: 800px;
	transition-duration: .6s;
}

#set-produkte  .product-info-title {
	flex: 0 0 20%;
	cursor: pointer;
}

#set-produkte .title.with-info {
	cursor: pointer;
}

#set-produkte .product-info-wrapper{
	width: 100%;
}

#set-produkte .product-info-title img {
	transform: rotate(0deg);
	transition-property: transform;
	transition-duration: .2s;
}

#set-produkte  .product-info-title.is-active img {
	transform: rotate(90deg);
}

.reservation-product-item .title {
	flex: 1;
	font-size: 15px;
}
.reservation-product-item .amount {
	flex: 0 0 64px;

}
.reservation-product-item .capacity {
	flex: 0 0 80px;
	font-weight: 600;
	font-size: 15px;
}
.reservation-product-item .price {
	flex: 0 0 100px;
	font-weight: 600;
	font-size: 15px;
}
.reservation-product-item .amount-input{
	height: auto;
	color: #fff;
	padding: 12px 4px;
	text-align: center;
	font-weight: 600;
	background: #000;
	font-size: 15px;
	border: 2px solid  var(--highlightColor);;
}


.reservation-product-item .amount-input:disabled{
	color: #707070;
}
.reservation-product-group-title.accordion-title {
	font-size: 25px;
	padding-right: 75px;
	position: relative;
	font-family: "TitlesFontBold", serif;
}

.reservation-product-group-title.accordion-title:before {
	content: "";
	top: 5px;
	right: 0;
	width: 25px;
	height: 25px;
	position: absolute;
	transition: transform .35s;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' width='25' height='25'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='4' stroke-miterlimit='10' d='M3.23,7.48l9.27,8.74,9.27-8.74'/%3E%3C/svg%3E") no-repeat;
}
.reservation-product-group.is-active .accordion-title:before {
	transform: rotateX(180deg);
}

.reservation-product-group-title.accordion-title  .cat-name {
	flex: 1;
	padding-right: 1em;
}
.reservation-product-group-title .section-price-summary {
	font-size: 25px;
	font-family: TitlesFontBold, serif;
}
#set-produkte .btn-toolbar {
	text-align: right;
}


#set-produkte  .column {
	padding-top: 2em;
	padding-bottom: 2em;
}
#set-produkte .product-info-image {
	text-align: center;
}
#set-produkte  .product-info-image img {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#set-produkte .column ul {
	margin: 0;
}
#set-produkte  .column.no-padding{
	padding-left: 0;
	padding-right: 0;
}

#set-produkte .products-price-summary-wrapper {

	font-size: 25px;
	margin-top: 1em;
	padding-right: 15px;
	align-items: flex-end;
	font-family: TitlesFontBold, serif;
}
#set-produkte .products-price-summary-wrapper .text-summary {
	flex: 1;
	padding-right: 1em;
}
/*
  Set Kontakt Form
 */

#set-kontakt > .fieldset-intro {
	font-size: 25px;
	margin-bottom: 15px;
	font-family: "TitlesFontBold", serif;
}
#set-kontakt input {
	height: 53px;
	font-size: 15px;
	font-weight: 400;
	border: 4px solid #2e2e2e;
}
#set-kontakt  textarea {
	font-size: 15px;
	font-weight: 400;
	border: 4px solid #2e2e2e;
}

#set-kontakt .field-conditions,
#set-kontakt .field-privacyPolicyConfirmation,
#set-kontakt .field-captcha {
	width: 50%;
	float: left;
}
#set-kontakt .btn-toolbar {
	text-align: right;
}
#set-kontakt .phone-info {
	clear: both;
	font-weight: 600;
	padding: 1.7em 0 1em;
	font-size: 15px;
	max-width: 45%;
}

#set-kontakt .field-name,
#set-kontakt .field-city,
#set-kontakt .field-phone,
#set-kontakt .field-conditions,
#set-kontakt .field-privacyPolicyConfirmation,
#set-kontakt .field-captcha {
	padding-left: .75em ;
}


#set-kontakt .field-forename,
#set-kontakt .field-zip,
#set-kontakt .field-email,
#set-kontakt .field-message {
	padding-right: .75em ;
}

#set-kontakt .field-zip {
	width: 50%;
	float: left;
}

#set-kontakt .field-city {
	width: 50%;
	float: left;
}
#set-kontakt .field-conditions  label:before {
	width: 25px;
	height: 25px;
	background-color: #000;
	border: solid 3px #2E2E2E;
}
#set-kontakt .field-conditions  label:after {
	width: 11px;
	height: 11px;
}

#set-kontakt input::placeholder,
#set-kontakt textarea::placeholder {
	color: #fff;
}
#set-kontakt .field-conditions a.reservation-link:hover {
	background-color: inherit;
}
#set-kontakt .help-inline {
	font-size: 16px;
	margin-top: 5px;
	display: inline-block;
}

	/**
	   Last step > Order summary
	 */

#set-summary > .fieldset-intro {
	font-size: 25px;
	margin-bottom: 15px;
	font-family: "TitlesFontBold", serif;
}
#set-summary .message-wrapper .field-value {
	font-weight: 600;
}

#set-summary .email-wrapper,
#set-summary .message-wrapper {
	margin-top: 20px;
}

#set-summary  .summary-group{
	position: relative;
	padding: 0 0 20px;
}
#set-summary .product-name {
	flex:1;
}

#set-summary .product-amount {
	flex: 0 0 40px;
	text-align: center;
}
#set-summary .product-size {
	flex: 0 0 50px;
	text-align: center;
}
#set-summary .product-price {
	flex: 0 0 80px;
	text-align: right;
}
#set-summary .summary-group + .summary-group{
	border-top: 1px solid #000;
}
#set-summary .summary-group-title {
	font-size: 17px;
	margin-bottom: .4em;
}

#set-summary .button.finish {
	padding: 11px 20px;
	font-size: 24px;
}
#set-summary .reservation-product-item {
	position: relative;
	margin-bottom: 10px;
	align-items: center;
	border-bottom: 2px solid #000;
}

#set-summary .price-summary-wrapper {
	margin-bottom: 60px;
	font-size: 1.4em;
}
#set-summary  .price-summary-wrapper .total-label {
	flex: 1;
	padding-right: 2em;
	text-align: left;
}
.products-price-summary.warning {
	color: #fd0305;
}



.reservation-form .group-separator {
	margin-bottom: 20px;
	border-bottom: 2px solid #2E2E2E;
}


@media only screen and (max-width: 1024px) {
	.reservation-slider-wrapper .content-list-item {
		width: 33%;
	}
	#reservierung-form-top .control-group .radio label {
		width: 33%;
		font-size: 20px;
	}
	.reservation-product-group-title.accordion-title {
		font-size: 22px;
	}
	#set-summary .button.finish {
		font-size: 22px;
	}
	.event-slider-wrapper .title{
		font-size: 17px;
	}
	#set-lounge .persons-slider-item {;
		width: calc(10% - 20px);
	}
	.lounge-info-popup.ginlined-content {
		padding-left: 20px;
	}
	.lounge-info-popup .lounge-info-wrapper {
		padding: 0 20px 20px;
	}
	.reservation-product-group-title .section-price-summary {
		font-size: 22px;
	}
	.reservation-product-item .price {
		font-size: 14px;
	}
	.reservation-product-item .capacity {
		font-size: 14px;
	}
	.reservation-product-item .amount-input {
		font-size: 14px;
	}
	.reservation-product-item .title {
		font-size: 14px;
	}
	#set-produkte > .field-products {
		padding: 30px;
	}
	#set-kontakt > .fieldset-intro,
	#set-summary > .fieldset-intro {
		font-size: 22px;
	}

	#set-summary .email-wrapper, #set-summary .message-wrapper {
		margin-top: 15px;
	}
	#set-summary .summary-group {
		margin-bottom: 15px;
	}
	.reservation-form .group-separator {
		padding-bottom: 15px;
	}
	#set-kontakt .help-inline {
		font-size: 15px;
	}
	#set-lounge .minSalesAmount {
		font-size: 17px;
	}
	#set-lounge .maxPersons {
		font-size: 17px;
	}

}

@media only screen and (max-width: 769px) {
	.lounge-info-popup .slider-container {
		width: 100%;
	}
	.lounge-info-popup.ginlined-content {
		padding-left: 0;
	}
	.lounge-info-popup .lounge-info-wrapper {
		padding-top: 20px;
	}
	.lounge-info-popup .info-container {
		width: 100%;
	}
	#reservierung-form-top .control-group .radio label {
		width: calc(50% - 20px);
	}

}

@media only screen and (max-width: 640px) {
	#set-summary .button.finish {
		padding: 11px 8px;
		font-size: 20px;
	}
	.reservierung-form .fieldset-title {
		font-size: 30px;
	}
	.reservation-slider-wrapper .content-list-item {
		width: 60%;
	}
	.reservierung-form .event-selection-wrapper {
		margin-bottom: 0;
	}
	.fieldset-item > .btn-toolbar a {
		margin-top: 1em;
		display: block;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
	}
	.reservation-slider-wrapper .content-list-item {
		padding: 8px;
	}
	.reservation-lounge-info-slider .flickity-button, .reservation-slider-wrapper .flickity-button {
		display: none;
	}
	.event-slider-wrapper .date {
		font-size: 15px;

	}
	.event-slider-wrapper .title{
		font-size: 16px;
	}
	#set-lounge .persons-slider-item {
		width: calc(18% - 10px);
		margin-right: 10px;
		padding: 5px;
	}
	.lounge-info-popup .lounge-info-close-button {
		width: 100%;
		text-align: center;
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
	}
	.lounge-info-popup .info-container p {
		font-size: 15px;
	}
	.lounge-info-popup .info-container .lounge-title {
		font-size: 19px;
	}
	.lounge-info-popup .minSalesAmount {
		font-size: 16px;
		margin-top: 20px;
	}
	.lounge-info-popup .maxPersons {
		font-size: 16px;
	}
	.reservation-product-group-title.accordion-title {
		font-size: 17px;
	}
	#set-produkte {
		margin-left: -.9em;
		margin-right: -.9em;
	}
	#set-produkte > * {
		padding-left: .9em;
		padding-right: .9em;
	}
	.reservation-product-group-title .section-price-summary {
		font-size: 20px;
	}
	.reservation-product-item .title {
		font-size: 13px;
		margin-right: 10px;
	}
	.reservation-product-item .price {
		font-size: 13px;
	}
	.reservation-product-item .capacity {
		font-size: 13px;
	}
	.reservation-product-item .amount-input {
		font-size: 13px;
	}
	#set-produkte > .field-products {
		padding: 20px;
	}
	.reservation-product-item .price {
		flex: 0 0 60px;
	}
	.reservation-product-item .capacity {
		flex: 0 0 40px;
	}
	#set-produkte .product-info-title {
		flex: 0 0 10%;
	}
	.reservation-product-item .amount {
		flex: 0 0 45px;
	}

	#set-produkte .products-price-summary {
		flex: 1;
		text-align: right;
	}
	.reservation-product-group-title.accordion-title:before {
		width: 20px;
		height: 20px;
		background-size: 20px;
	}
	.reservation-product-group-title.accordion-title {
		padding-right: 40px;
	}
	#set-produkte .product-info-text {
		padding-top: 0;
	}

	#set-kontakt .field-forename ,
	#set-kontakt .field-name ,
	#set-kontakt .field-zip ,
	#set-kontakt .field-phone ,
	#set-kontakt .field-message ,
	#set-kontakt .field-conditions ,
	#set-kontakt .field-email ,
    #set-kontakt .field-captcha ,
    #set-kontakt .field-street ,
	#set-kontakt .field-privacyPolicyConfirmation ,
	#set-kontakt .field-city{
		width: 100%;
		float: none;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 0;

	}
	#set-kontakt .phone-info {
		max-width: 100%;
		padding-top: 0;
	}
	#set-kontakt .help-inline {
		font-size: 14px;
	}
	#reservierung-form-top .control-group .radio label,
	#set-type .field-type .radio > label ~ label {
		margin-top: 0;
		margin-bottom: 0;
	}
	#set-kontakt > .fieldset-intro,
	#set-summary > .fieldset-intro {
		font-size: 20px;
	}
	#set-summary .email-wrapper, #set-summary .message-wrapper {
		margin-top: 10px;
	}
	#set-summary .summary-group {
		margin-bottom: 10px;
	}
	.reservation-form .group-separator {
		padding-bottom: 10px;
	}
	#reservierung-form-top .control-group .radio label {
		width: calc(50% - 5px);
		margin-right: 10px;
	}
	#reservierung-form-top .control-group .radio label {
		width: calc(50% - 5px);
		margin-right: 10px;
		font-size: 16px;
		height: 300px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#reservierung-form-top .control-group .radio label[for=zform_type1] {
		margin-right: 0;
	}
	#set-lounge .minSalesAmount {
		font-size: 16px;
	}
	#set-lounge .maxPersons {
		font-size: 16px;
	}
	#set-lounge .fieldset-intro.collapsed ,
	#set-lounge .fieldset-intro.collapsible {
		font-size: 14px;
	}
	#set-lounge .fieldset-intro.collapsible {
		margin-bottom: 20px;
	}
	#set-lounge .persons-pretext {
		font-size: 16px;
	}

	#set-type .fieldset-intro  .type-descr{

		font-size: 14px;
	}
	#set-produkte .fieldset-intro {
		font-size: 14px;
	}
	#set-summary .summary-data {
		font-size: 14px;
	}
}

@media only screen and (max-width: 420px) {
	#set-produkte .products-price-summary-wrapper {
		font-size: 6vw;
		flex-wrap: nowrap;
	}
}

@media only screen and (max-width: 375px) {
	#set-lounge .minSalesAmount {
		font-size: 4vw;
	}
	#set-lounge .maxPersons {
		font-size: 4vw;
	}
}

.treat {
	--scale-x: 0;
	--scale-y: 0;
	pointer-events: none;
	z-index: 100;
	position: absolute;
	top: 0;
	left: calc(50% - .5rem);
	border-radius: 50%;
	width: 1em;
	height: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 7vmin;
	@media only screen and (max-width: 639px) {
		font-size: 10vmin;
	}
	transform:
			translate(
					calc( var(--x) * 1px ),
					calc( var(--y) * 1px )
			)
			translate(-50%, -50%);

	animation:
			treat-enter .1s ease-in backwards,
			treat-exit 300ms linear
			calc( (var(--lifetime, 3000) * 1ms) - 300ms)
			forwards;

	@keyframes treat-enter {
		from {
			opacity: 0;
		}
	}
	@keyframes treat-exit {
		to {
			opacity: 0;
		}
	}

	.inner {
		animation: inner-rotate .6s linear infinite;
		transform: rotate(
				calc(-1turn * var(--direction) )
		);
		@keyframes inner-rotate {
			to {
				transform: none;
			}
		}
	}
}