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

	/*
	.cta-bottom {
    min-height: 100px;
    position: relative;
    z-index: 102;
}*/

	.countdown-left{
	margin-top: 24px;
	margin-bottom: 24px;
}
	.wert{
	font-size: 1.9em;
}

	.map {
margin-top: 50px;
}

.map .container {
margin-left: 0;
}


.map-image  {
width: 100%;
}

	.map-image {
  background: rgba(0, 0, 0, 0) url("../img/map.jpg") no-repeat scroll 54% 50% / cover ;
}

	img.out, img.over{
		width: 310px;
	}

	.home .maincta {
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	s}


	.menu-top {
  right: -7px;
  top: 0;
  width: 320px;
}


	.item {
  font-size: 28px;
}
	.menu-overlay .item {
  height: 50px;
}
	.btn-xxl .btn-content .small-top {
    font-size: 13px;
}

	.home {
		min-height: 600px;
		padding-top: 20px;
	}
	.logo {
	width: 347px;
  height: 300px;
	left: 50%;
	margin-bottom: 68px;
	transform: translateX(-61%);
	width: 290px;
	top: 20px;
}
	.start .col-absolute {
	  left: 0;
	  top: 0;
	  width: 100%;
	  position: relative;
	}
	.col-absolute {
	 left: 0;
	  top: 0;
	  width: 100%;
	  position: relative;
		height: auto;
		margin-bottom: 32px;
	}
	.col-absolute.sub {
		top: 0;
	}

	.col-left .center {
	  height: auto;
	}
	.start .col-left .center {
  padding-top: 1px;
  padding-bottom: 1px;
}
	.col-left .sub .center h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
	.tickets .col-left .center {
	height: auto;
}


.tickets .col-blue {
	width: 100%;
	position: relative;
	margin: 0;
}

.tickets .col-blue .col-absolute{
	width: 100%;
	top: 0;
}

	.ueberuns .col-left .center {
	height: auto;
}
	.anfahrt .col-left .center {
	height: auto;
}
	.kooperation {
	margin: 12px auto;
}
.btn-ticket {
  font-size: 20px !important;
  left: 0;
  padding: 12px 142px 12px 20px !important;
  width: auto;
}

	.bottom-align {
	text-align: center;
}


	.tickets .logo {
		height: 280px;
		margin-bottom: 0px;
	}
	.tickets .home {
		min-height: 540px;
	}
	.col-left .top {
		background: none;
		height: 32px;
}
	.col-left .center {
	  padding-top: 1px;
		padding-bottom: 1px;
	}
	.col-left .bottom {
	  background: rgba(0, 0, 0, 0) url("../img/col_left_bottom.svg") no-repeat scroll center top / 100% auto;
	  height: 60px;
	}

	.col-blue {
    margin-right: 0;
    margin-top: 30px;
    width: auto;
}
	.col-blue .top {
	  background: rgba(0, 0, 0, 0) url("../img/col_blue_top.svg") no-repeat scroll center bottom / 100% auto;
	  height: 90px;
	}
	.col-blue .bottom {
  background: rgba(0, 0, 0, 0) url("../img/col_blue_bottom_left.svg") no-repeat scroll left top/ 40% 100%;
		background-size: contain;
		height: 230px;
}

	.col-white {
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: auto;
}

	.instagram {
  width: 30px;
		padding: 1px 0 8px 6px;
}
	.facebook {
  width: 30px;
		padding: 2px 0 8px;
}
	.twitter {
  width: 30px;
		padding: 1px 0 8px;
}


	.bg-inner.bg-woman {
	height: 839px;
	left: 50%;
	top: 226px;
	transform: translateX(-47%);
	width: 449px;
}
	.bg .bg-inner.bg-start-top {
		height: 720px;
		width: 100%;
		z-index: 1;
		/* background-position: 48% 0 !important; */
	}
.bg .bg-inner.bg-start-center {
	top: 1385px;
}
.bg .bg-inner.bg-start-bottom {
  height: 718px;
  left: 50%;
  top: 3069px;
  transform: translate(-60%);
  width: 1238px;
}

	.col-city{
		margin-bottom: 24px;
	}
	.city {
	max-width: 320px;
	margin-left: 15px;
		margin-right: 15px;
}

	.col-white .top {
  background: rgba(0, 0, 0, 0) url("../img/col_white_top.svg") no-repeat scroll center bottom / 100% auto;
  height: 50px;
  display: none;
}

	.cta-bottom {
		position: relative;
		z-index: 106;
		margin-left: 0;
	}

	.btn-right {
	  font-size: 24px;
		padding: 10px 120px 10px 40px;
	}

	.tt-tt {
		width: 100%;
		margin-top: 138px;
		display: none;
	}
	.mobile.blackfloor .row{
		margin-left: 0;
		 margin-right: 0;
		padding: 0 0;
	}
	.blackfloor-lu {
		padding: 0 0 0;
	}

	.btn-xxl {
		padding: 20px 109px 16px 25px;
	}
	.btn-xxl .arrow {
		width: 90px;
		padding-left: 15px;
	}
}




/*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*/
}