html {
	  box-sizing: border-box;
	}
	*, *:before, *:after {
	  box-sizing: inherit;
		-webkit-tap-highlight-color: transparent;
	}


	/* roboto-300 - latin */
	@font-face {
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 300;
	  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
	  src: local('Roboto Light'), local('Roboto-Light'),
		   url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
	}
	/* roboto-regular - latin */
	@font-face {
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Roboto'), local('Roboto-Regular'),
		   url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
	}
	/* roboto-700 - latin */
	@font-face {
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
	  src: local('Roboto Bold'), local('Roboto-Bold'),
		   url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	body {
		font: 16px 'Roboto', sans-serif;
		margin: 0px 0px;
		color: #fff;
		background: #000;
		height: 100%;
		padding: 0;
	}
	a {
		color: inherit;
		
	}

	
	.loading-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,1);
		transition: background-color 1.75s;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		z-index: 999;
		text-align: center;
	}



	.loading-overlay .loading-text {
		font-size: 30px;
		color: #fff;
		margin-bottom: 2em;
		font-weight: 700;
		transition: opacity .5s;
	}
	.loading-overlay .loading {
	  display: inline-block;
	  font-size: 6.2px;
	  //margin-top: 40px;
	  border: 1.2em solid #fff;
	  border-right-color: #000 !important;
	  transform: translateZ(0);
	  animation: spiner 1s infinite cubic-bezier(0.53, 0.21, 0.57, 0.85);
	  border-radius: 50%;
	  width: 10em;
	  height: 10em;
	  transition: opacity .5s;
	}


	@keyframes spiner {
	  0% {
		transform: rotate(0deg);
	  }
	  100% {
		transform: rotate(720deg);
	  }
	}

	.loading-overlay.loading-done {
		background-color: rgba(255,255,255,0.75);
	}

	.loading-overlay.loading-done .loading-text,
	.loading-overlay.loading-done .loading {
		opacity: 0;
	}



	#EasterPopUp {
		position: fixed;
		background: #fff;
		margin: 0 auto;
		max-width: 500px;
		padding: 20px;
		border-radius: 27px;
		display: none;
		right: 0;
		left: 0;
		top: 30%;
		color: #000;
		font-size: 20px;
		text-align: center;
		z-index: 900;
	}

	#outer-wrapper {
		overflow: hidden;
		background: #140401;
	}
	@media screen and (min-width:601px) {
		.intro-bg {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url("/images/site/intro_bg.png") center top no-repeat;
			background-size: cover;
			z-index: 100;
			will-change: transform, opacity;
		}
	}

	.intro-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 100%); 
		background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 100%); 
		background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 80%,rgba(0,0,0,1) 100%); 
		z-index: 100;
		will-change: opacity;
	}

	.gate {
		content: "";
		background: url("/images/site/Weltbild_Eingangschild_Holz.png") center bottom no-repeat;
		background-size: 90vh auto;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		will-change: transform, opacity;
	}

	/* .intro-bg, .intro-overlay, .gate {
		display: none;
	} */

	.mobil-fixed {
		display: none;
		position: fixed;
		right: 2%;
		top: 0;
		flex-flow: column;
		z-index: 90;
	}
	
	.mobil-fixed a {
		height: 53px;
		width: 53px;
		border-radius: 100%;
		background: #000;
		box-shadow: 0 0 36px #D98D3D;
		display: inline-block;
		margin-top: 20px;
		padding: 14px;
		display: flex;
		justify-content: center;
		align-items: center;
	}	
	
	.mobil-fixed a.playlist {
		background: #DC0000;
		padding: 12px;	
	}

	.p166 .mobil-fixed a.to-events {
		display: none ;
	}

	.fixed-wrapper {
		position: fixed;
		top: 3%;
		width: 100%;
		max-width: 1920px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 79;
		display: flex;
		flex-flow: row;
		justify-content: space-between;
		padding: 0 0 0 2%;
	}
	.playlist-fixed {
		right: 0;
		position: fixed;
		bottom: 2vh;
	}
	@media screen and (max-width:1024px) { 
		.playlist-fixed {
			display: none;
		}
		.mobil-fixed {
			display: flex;
		}
	}
	
	#logo {
		margin-top: 1em;
	}

	#outer-wrapper > section,
	footer {
		max-width: 1920px;
		margin: 0 auto;
		position: relative;
	}

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


/* Main Page */

	
	#main > .main-content {
		background: url("/images/site/Weltbild_Weihnachtsmarkt_Hintergrund.jpg") center top no-repeat;
		min-height: 1250px;
		transform: scale(0.7); 
		opacity: 0.7;
		padding-bottom: 1px;
		transform-origin: center top;	
	}
	.start-done #main > .main-content {
		transform: scale(1); 
		opacity: 1;	
	}
	
	#main .next-event {
		background: url("/images/site/Weltbild_Eventschild_Einzeln.png") 0 0 no-repeat;
		background-size: 100%;
		width: 500px;
		height: 550px;
		padding: 0 0 0 92px;
		position: absolute;
	    right: 4%;
	    top: 61%;
	}
	#main .next-event .next-event-wrapper {
		transform: skew(-4deg, 3deg);
		padding-top: 50px;
	    width: 300px;
		text-align: center;
	    height: 261px;
	    display: flex;
	    justify-content: center;
	    align-items: center;		
	}
	#main .next-event .next-event-wrapper a.to-events {
		color: #F3B886;
	    font-weight: 800;
	    font-size: 20px;
	    line-height: 1.2em;
		display: block;
		text-decoration: none;	
		margin-bottom: 20px;
	}
	
	#main .next-event .next-event-wrapper a.open-playlist {
		width: 247px;
		height: 371px;
		position: absolute;
		right: -190px;
		bottom: -300px;
	}
	#main .next-event .next-event-wrapper .title {
		margin: 0 0 0.8em;
	}
	#main .next-event .next-event-wrapper .event-title {
		text-transform: uppercase;
	}
	
	#main .next-event .next-event-wrapper .button {
	    padding: 5px 20px;
	    font-size: 15px;	
	}
	
	
	#main #smoke {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.snow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#main .ontop {
		position: relative;
		z-index: 2;
	}
	
	#main .next-button {
		bottom: 7vh;
	}
	
	.next-button {
		position: absolute;
		bottom: -100px;
		left: 50%;
		transform: translateX(-50%);	
		text-align: center;
		z-index: 99;
	}
	.next-button .cycle {
		width: 118px;
		height: 118px;
		background: #DE0000;
		box-shadow: 0px 3px 56px #FF4B4B;	
		background: #DE0000;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 2;
		transition: box-shadow .5s;	
	}
	.next-button .arrow {
		margin-top: -40px;
	}
	.start-done .next-button .arrow {
		animation: down 2s ease infinite;		
	}
	.next-button:hover .cycle {
		box-shadow: 0px 3px 80px #FF4B4B;
	}
	
	
	@keyframes down {
	  0% {transform: translateY(0)}
	  50% {transform: translateY(20%)}
	  100% {transform: translateY(0)}
	}
	
	.main-carousel {
		padding-top: 75px;
	}
	.main-carousel .flickity-viewport {
		padding-bottom: 7%;
		box-sizing: content-box;
	}
	.main-carousel .carousel-cell {
		width: 1056px;
	}
	.main-carousel .carousel-cell.is-selected {
		z-index: 90;
	}
	.carousel-cell>.slide-content{
		width:1320px;
		margin: 0 -132px;
		position: relative;
	}

	.main-carousel .carousel-cell.is-selected .ontop-item {
		transform: translateX(0);
	}

	.main-carousel .carousel-cell.is-selected ~ .carousel-cell .ontop-item {
		transform: translateX(40%);
	}
	.main-carousel .carousel-cell.is-selected ~ .carousel-cell:last-child .ontop-item {
		transform: translate(0);
	}	
	.main-carousel .carousel-cell.is-selected + .carousel-cell  .ontop-item {
		transform: translateX(40%) !important;
	}


	.main-carousel .carousel-cell .ontop-item {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateX(0);
		transition: transform 2.3s ease;
	}
	
	
	.main-carousel .button-wrapper {
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		position: absolute;
		bottom: 17.6%;
	}

	.button {
		background: #DC0000;
		border-radius: 27px;
		color: #fff !important;
	    font-size: 18px;
	    padding: 16px 40px;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		text-align: center;
		transition: transform .3s;
		transform: scale(1);
		position: relative;
		border: 2px solid rgba(220,0,0,1);
	}
	.button:before {
	    content: "";
	    width: 120%;
	    height: 150%;
	    position: absolute;
	    top: -25%;
	    bottom: -25%;
	    left: -10%;
	    right: -10%;
	}
	.button:hover {
		transition: transform .3s;
		transform: scale(1.1);
	}

	.main-carousel .button-wrapper .button:before {
    	width: 150%;
    	height: 1000%;
    	top: -830%;
    	left: -25%;
    	right: -25%;		
	}	
	
	/* Slider */
	.button-previous,
	.button-next {
		position: absolute;
		top: 45%;
		z-index: 90;
		cursor: pointer;
		transform: scale(1);
		transition: transform .5s, filter .5s;	
	}
	.start-done .button-previous,
	.start-done .button-next {
		animation: light 2s ease infinite;	
	}
	.button-previous:hover,
	.button-next:hover {
		transform: scale(1.25);
		filter: drop-shadow(0 0 8px #FFE8C9) !important;
	}
	
	@keyframes light {
	  0% {filter: drop-shadow(0 0 8px #FFE8C9);}
	  50% {filter: drop-shadow(0 0 0 #FFE8C9);}
	  100% {filter: drop-shadow(0 0 8px #FFE8C9);}
	}
	
	.button-next {
		right: 17.6%;
	}
	.button-previous {
	    left: 17.6%;
	}


	/* Form */
	body.form .main-content,
	body.page-article .main-content {
		padding-top: 240px;
		background-attachment: fixed !important;
	}

	.intro {
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.75);
		position: fixed;
		overflow: auto;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 998;
	}
	.lightbox > .grid-x {
		max-width: 1140px;
		margin: 0 auto;
	}
	.lightbox > .grid-x .image {
    	padding-right: 5.2%;		
	}
	.lightbox > .grid-x .text {
		font-size: 18px;
	}
	.lightbox > .grid-x .title-wrapper > .title {
		font-size: 28px;
		text-align: center;
		margin: 0 0 2em;
		color: #FFECAC;
	}
	.lightbox > .grid-x .desc {
		font-size: 23px;
		color: #FFECAC;
		font-weight: 800;
		max-width: 420px;
		margin: 5px auto 0;
	}	
	
	.lightbox  .grid-x .button-box {
		text-align: center;
		padding-top: 3em;		
	}

	
	.lightbox {
		text-align: left;

		transition: opacity 1.5s 0.25s;		
		max-width: 1285px;
		border-radius: 50px;
		background: #5A3B28 url("/images/site/weltbild_wooden_bg.jpg") 0 0 repeat;
		z-index: 9000;
		position: relative;
		padding: 6em 20px;
		margin: 160px auto 135px;
		color: #fff;
		box-shadow: 20px 13px 76px rgba(0, 0, 0, 0.31);
	}
	
	.lightbox.enter {
		cursor: pointer;		
	}
	
	.lightbox strong {
		color: #FFECAC;
	}

	.lightbox a {
		font-weight: 600;
	}
	.lightbox:before {
		content: "";
		position: absolute;
		top: -80px;
		left: 0;
		width: 100%;
		height: 142px;
		background: url("/images/site/form_top.png") center top no-repeat;
	}
	.lightbox:after {
		content: "";
		position: absolute;
		bottom: -50px;
		left: 0;
		width: 100%;
		height: 102px;
		background: url("/images/site/form_bottom.png") center bottom no-repeat;
	}

	.lightbox .content-form-wrapper {
		width: 100%;
		max-width: 983px;
		margin: 0 auto;
	}
	.lightbox #contact-form-top {
		max-width: 985px;
		margin: 0 auto;
	}
	.lightbox  #contact-form-header {
		display: block;
		width: 100%;
		text-align: center;
	}
	.lightbox #contact-form-header > h1 {
		color: #FFECAC;
		font-size: 35px;
		margin: 1em auto;
		max-width: 670px;
	}
	.lightbox #contact-form-header > h3 {
		font-size: 25px;
		margin: 0;
	}
	.lightbox #contact-form-header .form-title {
		font-size: 30px;
		margin: 1.4em 0 1em;
	}
	.lightbox .prices-wrapper {
		border-bottom: 1px solid #4E4132;
		padding-bottom: 2.5em;
		padding-top: 3em;
	}
	.lightbox .prices-wrapper .prices-title {
		font-size: 18px;
		margin: 0 0 0.5em;
	}
	.lightbox .prices-wrapper ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.lightbox .prices-wrapper ul li {
		margin-bottom: 10px;
	}
	.lightbox form {
		width: 100%;
		padding: 3em 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.lightbox .fieldset-captcha {
		padding-top: 2em;
		padding-bottom: 1.6em;
		border-bottom: 1px solid #4E4132;
	}
	.lightbox .btn-toolbar {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.lightbox .conditions-wrapper {
		padding-top: 3.3em;
		line-height: 1.6em;
	}
	.lightbox .content-page {
		text-align: center;
	}
	
	#contact-form-header {
		display: none;
	}
	
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
		width: 100%;
	}
	select:disabled {
		background-image: none;
	}
	[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, select {
		border-radius: 15px;
		transition: border-color .4s;
		padding: 0 27px;
		height: 60px;
		margin-bottom: 25px;
		font-size: 16px;
	}
	.fieldtype-checkbox .control-label,
	.fieldtype-checkboxes .control-label,
	.fieldtype-radio .control-label {
		margin-bottom: 1em
	}
	.fieldtype-checkbox .controls,
	.fieldtype-checkboxes .controls,
	.fieldtype-radio .controls {
		position: relative;
		display: block;
		display: flex;
		color: #fff
	}

	.fieldtype-checkbox .controls input,
	.fieldtype-checkboxes .controls input,
	.fieldtype-radio .controls input {
		margin: 0;
		opacity: 0;
		position: absolute
	}
	.fieldtype-checkbox .controls input:focus + label:before,
	.fieldtype-checkboxes .controls input:focus + label:before,
	.fieldtype-radio .controls input:focus + label:before {
		border-color: #787465
	}
	.fieldtype-checkbox .controls input:checked + label:after,
	.fieldtype-checkboxes .controls input:checked + label:after,
	.fieldtype-radio .controls input:checked + label:after {
		opacity: 1;
		transform: scale(1)
	}
	.fieldtype-checkbox .controls label,
	.fieldtype-checkboxes .controls label,
	.fieldtype-radio .controls label {
		padding: 0 0 25px 40px;
		position: relative
	}
	.fieldtype-checkbox .controls label a,
	.fieldtype-checkboxes .controls label a,
	.fieldtype-radio .controls label a {
		text-decoration: underline
	}
	.fieldtype-checkbox .controls label:before,
	.fieldtype-checkboxes .controls label:before,
	.fieldtype-radio .controls label:before {
		border: 1px solid #707070;
		width: 20px;
		height: 20px;
		content: "";
		position: absolute;
		border-radius: 6px;
		left: 0;
		top: 0;
		transition: border .25s
	}
	.fieldtype-checkbox .controls label:after,
	.fieldtype-checkboxes .controls label:after,
	.fieldtype-radio .controls label:after {
		background: #FFECAC;
		width: 14px;
		height: 14px;
		border-radius: 4px;
		content: "";
		position: absolute;
		left: 3px;
		top: 3px;
		opacity: 0;
		transform: scale(0);
		transition: transform .25s, opacity .25s;
		transform-origin: center center
	}



	/*  Partner */

	#partner {
    	position: absolute;
    	top: 0;
    	right: 0;
    	margin: 0 auto;
    	left: 0;
    	padding: 20px 20px 0 0;
    	display: flex;
    	font-size: 15px;
    	align-items: center;
    	justify-content: flex-end;
    	z-index: 101;
    	width: 100%;
    	max-width: 1920px;
	}
	
	#partner > * {
		padding: 0 15px;
		opacity: 0;
		transition: opacity .8s;
	}
	.start-done #partner > * {
		opacity: 1;
	}
	#partner > *:first-child {
		margin-left: 0;
	}
	#partner > a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	@media only screen and (max-width: 1220px){
		#partner {
			padding-top: 40px;
		}
		#partner > * {
			padding: 0 10px;
		}
		#partner {
			font-size: 13px;
		}
		#partner img {
			height: 30px;
		}
	}
	
	@media only screen and (max-width: 1024px){
		#partner {
			position: relative;
			background: #000;
			display: flex;
			z-index: 1;
			flex-wrap: wrap;
			justify-content: center;
			padding: 40px 0 20px;
		}
		#partner img {
			height: auto;
		}		
		#partner > div {
			width: 100%;
			font-size: 11px;
			padding-bottom: 30px;
			text-align: center;
		}
		#partner > a {
			width: 30%;
			padding-bottom: 20px;
		}

	}	

	/* Events */

	#events {
		height: 1043px;
		padding: 0 5%;
		text-align: center;
		background: #260900 url("/images/site/event_bg.jpg") center top no-repeat;
	}
	#events #live-event-container {
		padding-top: 440px;
	}

	#events .live-now {
		font-size: 23px;
		margin-top: 73px;
		margin-bottom: 20px;
	}
	#events .next-event-wrapper {
		font-size: 17px;
	}
	#events .next-event-wrapper .title {
		margin: 0;
	}
	#events .next-event-wrapper > div {
		display: inline-block;
		font-weight: 400;
	}

	.past-events {
		padding: 4em 20px 8em;
		background: #000 url("/images/site/Weltbild_Event_Hintergrund.jpg") center top no-repeat;
		background-size: 100% auto;
		text-align: center;
	}
	.past-events > .title {
		font-size: 25px;
		font-weight: 700;
		margin-bottom: 1em;
	}

	.past-events ul{
		list-style-type: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	.past-events ul li{
		margin-bottom: 19px;
	}

	.past-events ul li:nth-child(5) ~ li {
		max-height: 0px;
		transition: max-height .4s, opacity .4s, margin-bottom .4s;
		opacity: 0;
		overflow: hidden;
		margin-bottom: 0;
	}

	.past-events.show-all ul li:nth-child(5) ~ li {
		display: block;
		max-height: 40px;
		opacity: 1;
		margin-bottom: 19px;
	}

	@media screen and (max-width:600px) {
		.past-events ul li:nth-child(3) ~ li {
			max-height: 0px;
			transition: max-height .4s, opacity .4s, margin-bottom .4s;
			opacity: 0;
			overflow: hidden;
			margin-bottom: 0;
		}

		.past-events.show-all ul li:nth-child(3) ~ li {
			display: block;
			max-height: 100px;
			opacity: 1;
			margin-bottom: 19px;
		}

	}

	.past-events ul li a {
		cursor: pointer;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.051 30.051' width='20' height='20'%3E%3Cpath fill='%23fff' d='M19.982 14.438l-6.24-4.536a.752.752 0 00-1.195.607v9.069a.75.75 0 001.195.606l6.24-4.532a.747.747 0 000-1.214z'/%3E%3Cpath fill='%23fff' d='M15.026.002C6.726.002 0 6.728 0 15.028c0 8.297 6.726 15.021 15.026 15.021 8.298 0 15.025-6.725 15.025-15.021.001-8.3-6.727-15.026-15.025-15.026zm0 27.54c-6.912 0-12.516-5.601-12.516-12.514 0-6.91 5.604-12.518 12.516-12.518 6.911 0 12.514 5.607 12.514 12.518.001 6.913-5.603 12.514-12.514 12.514z'/%3E%3C/svg%3E");
		background-position: center left;
		padding-left: 34px;
		background-repeat: no-repeat;
		display: block;
		color: #fff;
	}

	.past-events ul li .title:before {
		content: " - ";
		display: inline;
	}

	.past-events .button {
		cursor: pointer;
		margin-top: 2em;
	}

	.event-popup,
	#future-events {
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.event-popup iframe {
		width: 100%;
	}

	#future-events {
		background: #260900;
		padding: 40px;
	}
	#future-events > .title {
		font-weight: 700;
		margin-bottom: 1em;
		font-size: 20px;
	}
	#future-events ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#future-events ul li {
		margin-bottom: 10px;
	}
	#future-events ul li .date {
		font-weight: 700;
	}
	#future-events ul li .title:before {
		content: " - ";
	}


	#future-events .mfp-close {
		color: #fff;
	}

	/* Presents */
	
	#presents {
		margin-top: 5em !important;
		background: #BE2328;
		padding: 0 5%;
		background-position: center bottom, center top; 
		background-repeat: no-repeat, no-repeat;
		background-size: auto 70%, auto;
	}
	@media screen and (min-width:601px) {
		#presents {
			background-image: url("/images/site/Weltbild_Adventskalender_Schnee.png"), url("/images/site/Weltbild_Adventskalender_Hintergrund.jpg");	
		}
	}
	
	
	#presents .presents-wrapper {
		width: 100%;
		padding-bottom: 10%;
	}
	#presents .snow {
		z-index: 9;
		pointer-events: none;
	}
	
	#presents .present-box {
		position: relative;
		display: flex;
		flex-flow: column;
		align-items: flex-start;
		justify-content: flex-end;
	}
	
	#presents .present-box .button-wrapper {
	    text-align: center;
		position: absolute;
		bottom: 5%;
		width: 100%;
		z-index: 10;
	}
	#presents .present-box.itm-2 {
		padding-bottom: 5em;
	}
	#presents .present-box.itm-2 .button {
		position: relative;
	    left: -10%;
	}


	/* Footer */

	footer {
		background: #fff;
		padding: 5em 5%;
		display: flex;
		flex-flow: column;		
	}
	footer .hidden {
		display: none;
	}
	footer .info-footer {
		color: #000;
		margin-top: 10px;
		font-size: 12px;
	}

	.footer-menu {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.footer-menu li {
		float: left;
		margin-right: 25px;
	}

	.footer-menu li a {
		color: #000;
		font-size: 18px;
		text-decoration: none;
	}

	@media screen and (max-width:1800px) {
		#main .next-event {
			right: -40px;
		}

	}


	@media screen and (max-width:1360px) {

		.button-previous {
			left: 20px;
		}
		.button-next {
			right: 20px;
		}
		#main .next-event {
			display: none;
		}
		#events .next-event-wrapper {
			display: none;
		}
		.mobile-events-button {
			display: block;
			position: fixed;
			right: 2vh;
			top: 2vh;
			height: 53px;
			width: 53px;
			background: #000;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 80;
			box-shadow: 0 0 36px #D98D3D;
			cursor: pointer;
		}
		.start-done .mobile-events-button {
			animation: eventlight 4s ease infinite;
		}

		@keyframes eventlight {
		  0% {box-shadow: 0 0 36px #D98D3D;}
		  50% {box-shadow: 0 0 15px #D98D3D;}
		  100% {box-shadow: 0 0 36px #D98D3D;}
		}


		.mobile-events-button .close{
			display: none;
		}
		body.show-events .mobile-events-button .close {
			display: block;
		}
		body.show-events .mobile-events-button .open {
			display: none;
		}

		.next-event-mobile {
			position: fixed;
			background-color: rgba(0,0,0,0.86);
			transition: opacity .5s;
			top: 0;
			left: 0;
			width: 0;
			height: 0%;
			overflow: hidden;
			display: block;
			z-index: 9999999;
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			opacity: 0;
		}
		body.show-events .next-event-mobile {
			height: 100%;
			width: 100%;
			opacity: 1;

		}
		.next-event-mobile .title {
			color: #D80000;
			font-size: 20px;
		}
		.next-event-mobile {
			color: #fff;
			font-weight: 800;
			font-size: 25px;
		}
		.next-event-mobile .button-wrapper {
			margin: 0 -10px;
		}
		.next-event-mobile .button-wrapper .button {
			margin: 0 10px;
		}

	}

	@media screen and (max-width:1024px) {
		#outer-wrapper {
			transition: filter .4s;
		}
		.intro-overlay {
			background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%); 
			background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); 
			background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); 	
		}

		.button-previous {
			left: 14.6%;
		}
		.button-next {
			right: 14.6%;
		}

		.main-carousel .carousel-cell {
			width: 600px;
			text-align: center;
		}
		.carousel-cell>.slide-content{
			margin: 0 -5000px;
			width: 1000px;
			height: 600px;
			display: inline-block;
		}

		.main-carousel {
			padding-top: 75px;
		}

		.main-carousel .carousel-cell .ontop-item {
			width: 805px;
		}
		.main-carousel .button-wrapper {
			bottom: 9.9%;
		}
		.main-carousel .carousel-cell .ontop-item {
			transform: translateX(93px);
		}
		.main-carousel .carousel-cell.is-selected .ontop-item {
			transform: translateX(93px);
		}

		.next-button .cycle {
			width: 50px;
			height: 50px;
		}
		.next-button .cycle svg {
			width: 30px;
			height: 30px;
		}
		.next-button .arrow {
			width: 25px;
			height: 47px;
			margin-top: -21px;
		}
		#main > .main-content {
			min-height: 800px;
			background: url("/images/site/Weltbild_Weihnachtsmarkt_Hintergrund_mobile.jpg") center top no-repeat;
			background-size: auto 100%;
			will-change: transform, opacity;
		}

		#main .next-button {
			bottom: 2vh;
		}
		.button {
			font-size: 16px;
			padding: 12px 25px;
		}

		.past-events {
			background-image: url("/images/site/Weltbild_Event_Hintergrund_mob.jpg");
		}

		#events {
			height: 802px;
			background-size: auto 100%;
		}
		#events #live-event-container {
			padding-top: 330px;
		}
		#events iframe {
			max-width: 520px;
			max-height: 300px;
			width: 100%;
		}
		#events .live-now {
			margin-top: 70px;
			font-size: 18px;
		}
		#aussteller {
			padding-top: 90px;
		}
		#aussteller > .aussteller-list .cell {
			width: 25%;
			padding: 7px;
		}
		#aussteller > .aussteller-list .cell a {
			padding: 10px;
		}
		.footer-menu li a {
			font-size: 15px;
		}
		.loading-overlay .loading-text {
			font-size: 20px;
		}
		.past-events {
			padding-bottom: 3em;
			padding-top: 3em;
		}
		#presents .presents-wrapper img {
			max-width: 500px;	
			width: 100%;	
		}
		#presents .presents-wrapper {
		    width: 90%;
		    margin: 0 auto;
		}
		#presents .present-box {
			align-items: center;
		}
		
		#presents .present-box.itm-1 {
			padding-top: 20%;
			margin-bottom: 5em;
		}
		
		#presents .present-box.itm-2 .button {
			left: 0;
		}	
	}

	@media screen and (max-width:820px) {
		.button-next {
			right: 9.6%;
		}
		.button-previous {
			left: 9.6%;
		}
	}
	@media screen and (max-width:730px) {
		.button-next {
			right: 20px;
		}
		.button-previous {
			left: 20px;
		}

	}
	@media screen and (max-width:639px) {
		.lightbox .btn-toolbar {
			justify-content: flex-start;
		}
		.lightbox > .grid-x .text .title {
			margin-top: 0;
		}
		.lightbox > .grid-x .text {
			order: 1;
			font-size: 15px;
		}
		.lightbox > .grid-x .button-box {
			order: 2;
			margin-bottom: 2em;
		}
		.lightbox > .grid-x .image {
			order: 3;
		}
		.lightbox > .grid-x .image img {
			width: 100%;
		}


	}

	@media screen and (max-width:600px) {
		.fixed-wrapper {
			top: 1%;
		}
		.gate {
			background-size: 60vh auto;
			background-position: center center;
			transform-origin: center 80%;
		}
		.intro-bg {
			display: none;
			transform: inherit !important;
			opacity: 0 !important
		}

		.button {
			font-size: 14px;
			padding: 10px 20px;
		}
		#main > .main-content {
			background-size: auto 100%;
			min-height: 640px;
		}
		.main-carousel {
			padding-top: 126px;
		}
		.main-carousel .carousel-cell {
			width: 400px;
		}

		.main-carousel .carousel-cell .ontop-item {
			width: 515px;
		}
		.main-carousel .carousel-cell.is-selected ~ .carousel-cell .ontop-item {
			transform: translateX(80%);
		}
		.main-carousel .carousel-cell.is-selected + .carousel-cell .ontop-item {
			transform: translateX(80%) !important;
		}		
		.main-carousel .carousel-cell.is-selected ~ .carousel-cell:last-child .ontop-item {
			transform: translateX(244px);
		}
		.main-carousel .carousel-cell .ontop-item {
			transform: translateX(244px);
		}
		.main-carousel .carousel-cell.is-selected .ontop-item {
			transform: translateX(244px);
		}
		.main-carousel .button-wrapper .button:before {
    		height: 800%;
    		top: -650%;		
		}
		
		.button-previous {
			left: 15px;
		}
		.button-next {
			right: 15px;
		}

		.button-previous,
		.button-next {
			width: 30px;
			height: 48px;
		}

		.button-previous path,
		.button-next path{
			fill: #fff;
		}

		.carousel-cell>.slide-content{
			width: 1000px;
			height: 400px;
			position: relative;
		}
		.button-previous, .button-next {
			top: inherit;
			bottom: -2%;
			filter: drop-shadow(0 0 20px #000);
		}

		#events {
			height: 519px;
			background-image: url("/images/site/event_bg_mob.jpg");
		}
		#events #live-event-container {
			padding-top: 125px;
		}
		#events iframe {
			max-width: 330px;
			max-height: 190px;
		}
		#events .live-now {
			margin-top: 40px;
		}

		.loading-overlay .loading-text {
			font-size: 18px;
		}
		.past-events ul li span {
			display: block;
		}
		.past-events ul li .title:before {
			display: none;
		}
		.past-events > .title {
			font-size: 20px;
		}

		#presents {
			margin-top: 3em !important;
		}
		#presents {
			background-image: url("/images/site/Weltbild_Adventskalender_Schnee_mob.png"), url("/images/site/Weltbild_Adventskalender_Hintergrund_mob.jpg");	
		}	


		.lightbox #contact-form-header > h1 {
			font-size: 25px;
		}
		.lightbox #contact-form-header > h3 {
			font-size: 18px;
		}
		.lightbox #contact-form-header .form-title {
			font-size: 25px;
		}


	}

	@media screen and (max-width:370px) {

		#main > .main-content {
			background-size: auto 100%;
			min-height: 560px;
		}

		.main-carousel .carousel-cell {
			width: 330px;
			text-align: center;
		}
		.carousel-cell>.slide-content{
			width: 1000px;
			height: 330px;
		}
		.main-carousel .button-wrapper {
			bottom: 0.9%;
		}

		#aussteller > .aussteller-list .cell {
			width: 50%;
		}

	}


	.mfp-bg {
	    background: rgba(0,0,0,0.86) !important;
	    opacity: 1 !important;
	}


/* ZGDPR Cookie Consent */

/* "settings" button */
.zgdpr-button-settings{
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  border: none;
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjDAsJJiXJ/sVgAAABHUlEQVQoz13RvyvEARgG8M/3eyf5NXDJUZyc22TApgx+zH5ENmVQFgPKqksWRUwM5GyySRn5JywoA8pJSjEYzo/h7r7JM709z9v7vO/zBsrImNMk0OjIccSKg5hVtbY8YkzoH2IODKJdLxJOVP8VyTpzoUZOxptrzbgvN4Qyal3gSyjhAzc6/xpsaC1VdZJoEDoyq79oFEp6QAve5ZH2bdaTHjkTpjgEXaBSnwB0CCSMOi+fdAUWrOuJzF+deo6XkiDh1YkfV0KTbv0Uc4rLa3NvUbcXKzYxrd2MMQUp+dCeJaRcSpZm3RjwqYBlu7BmSJVx9UhLowIMy5b/kTP0P38jDqP9xK3Z1haJKTuyRTmIyLR5BfuYE7Prrkj/AqftPX0cuyLNAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTEyLTExVDA5OjM4OjM3KzAwOjAwqodvGgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0xMi0xMVQwOTozODozNyswMDowMNva16YAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC') no-repeat 70% 70%;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  margin: 0 !important;
  border-top-left-radius: 18px !important;
  cursor: pointer;
  outline: none;
  box-shadow: 0 0 12px -3px rgba(0,0,0,0.4);
  opacity: 1;
  transition: opcaity 0.4s ease;
  z-index: 380;
}
.zgdpr-button-settings[disabled]{
  opacity: 0;
  cursor: initial;
}

/* "loading" icon */
.zgdpr-apploading{
  position: fixed;
  bottom: 18px;
  right: 18px;
  width: 18px;
  height: 18px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wwRCgIlBfQtZAAAAAJiS0dEAP+Hj8y/AAABYElEQVQYGW3BP0iUcRzA4S8/Xg45DjnkOOQQiTiOeGk4Im4QaRAJaZBoCGmQcHCQhmiQOFwcmm6KBgcHB6eIiAaJcLihIeTzgaYbRCIapCEaQiTEoT+IaMf7PHHO5Cxb7HtCIpmRiCG22PWYE079TTKzZNmyKS447Rd+euQvTj02mTlixVHGKMUZmh7wnR8esm5uiTDIqDBmjbpZRJh8wyHf2LMZl5isMs4EdSO85We/OvBKDDE57qRXLYc99j1gJQpQsWnLRvDOgQMaUcDkNXNbIX6ybxSzRdt2+NE9dohi5Ha4Gbzyg30rUYCwwzQ3gi59d5mJAlaZZcY87PieHTcYiSEEU9xxzlqY7PmW1zwhi0sM297zrlPEX0647Uu3XaNp/GNY87aLLjjvaJzhOptusekLuix6nyUescxDF6jHBRo+dcPn9HzGmqs+dsV5q/E/g9wHrrpu12XmnDTO/QGg+twbJOE5wgAAAABJRU5ErkJggg==') no-repeat;
  z-index: 390;
}

/* "open settings" link */
.zgdpr-settings-open{
  cursor: pointer;
  text-decoration: underline;
}
.zgdpr-settings-open:hover{
  text-decoration: none;
}
.zgdpr-link {
	color: #DC0000;
}
.zgdpr-button-accept-all {
	background: #DC0000 !important;
}