body, html {
    width: 100%;
    overflow-x: hidden;
   /* position: fixed;*/
    /*height: 100%;*/
	-webkit-overflow-scrolling: touch;
}

body
{
    overflow: hidden;
        overflow-y: auto;
}

.mobile{
	display: none;
}

.col-xs-6 {
	margin-bottom: 32px;
}

@media screen and (min-width: 1921px) {
	.wrapper{
		position: relative;
	}
	.gradient-left{



background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.62) 52%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(52%, rgba(255,255,255,0.62)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.62) 52%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.62) 52%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.62) 52%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.62) 52%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );



		width: 300px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
	.gradient-right{

background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.62) 48%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(48%, rgba(255,255,255,0.62)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.62) 48%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.62) 48%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.62) 48%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.62) 48%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

		width: 300px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}
}

/* ----------- Non-Retina Screens ----------- */
@media screen and (max-width: 999px) {

	.btn-ticket {
	  font-size: 20px;
	  left: 0;
	  padding-left: 22px;
	  padding-right: 120px;
	  position: relative;
	  width: 86%;
	}

	img.out, img.over{
		width: 100%;
	}

	.home .maincta {
	bottom: 153px;
	left: 375px;
	position: absolute;
}

	.item-socials a{
		font-size: 30px !important;
	}


	.logo {
    width: 347px;
    height: 300px;
	  left: -80px;
	  margin-bottom: 55px;
	  width: 420px;
	}
	.datum {
	  left: 143px;
	  top: 333px;
	  transform: scale(1.12);
	}
	.datum-line {
		display: none;
	}

.menu-top {
	right: 0;
	top: 0;
	width: 0;
	position: absolute;
	z-index: 106;
	display: none;
}

.menu-top .left,.menu-top .right, .menuitems .facebook,.menuitems .twitter,.menuitems .instagram {
	display: none;
}

	.anfahrt .col-left .center {
	height: auto !important;
}

	.bg .bg-inner.bg-start-center {
	top: 1280px;
}

	.location .col-left .center {
	height: auto;
}


	/*.btn-xxl .btn-content {
		font-size: 20px;
	}
	.btn-xxl .btn-content .small {
		font-size: 11px;
	}*/
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
	.mobile-inline{
		display: inline-block;
	}

	.start .col-absolute {
	top: -258px;
}



	.mobile-glow{
		/*filter: drop-shadow(0 0 2px rgba(255,255,255,1));
		text-shadow: 0 0 8px rgba(255,255,255,0.6),0 0 32px rgba(255,255,255,0.9);*/
	}


	.btn-xxl .btn-content {
		font-size: 34px;
	}

	.anfahrt .col-left .center {
		height: 528px;
	}

	p {
		font-size: 18px;
	}

	.row-eq-height {
		flex-direction:column;
	}
	.col-ticket-sichern {
		margin-bottom: 32px;
	}

	.abendkasse .col-blue {
	margin-top: -50px;
  margin-bottom: 50px
  }
	.afterhour .col-blue {
		margin-top: -300px;
	}
	section.afterhour {
		min-height: 100px;
	}

	footer a {
		font-size: 15px;
	}

.col-left .center {
  background: #e20864 none repeat scroll 0 0;
  height: 1500px;
  padding: 16px 32px 32px;
}

.tickets .col-blue .center{
  background: #28acc2;
}

.tickets .col-blue .col-absolute {
  top: 80px;
  width: 345px;
}

  .col-blue .top {
			background: rgba(0, 0, 0, 0) url("../img/col_blue_top.svg") no-repeat scroll center bottom / 100% auto;
	  height: 50px;
	}
	.col-blue {
  margin-right: -100px;
  margin-top: -27px;
  width: 400px;
}

.bg .bg-inner.bg-start-bottom {
  height: 898px;
  left: 50%;
  top: 2856px;
  transform: translate(-41%);
  width: 1238px;
}


	section.main{
		z-index: 2;
		position: relative;
	}
	section.location{
		z-index: 1;
		position: relative;
	}
	section.anfahrt{
		z-index: 2;
		position: relative;
	}
	.ueberuns .col-left .center {
	  height: 454px;
	}
	.col-white .bottom {
	  display: none;
	}
}


/*Note that the below property device pixel ratio might need to be vendor-prefixed for some browsers*/
@media screen and (device-pixel-ratio: 1.5)
{
/*adjust your layout for 1.5 hardware pixels to each reference pixel*/
}
@media screen and (device-pixel-ratio: 2)
{
/*adjust your layout, font sizes etc. for 2 hardware pixels to each reference pixel*/
}