#floating-panel {
  position: absolute;
  width: 600px;
  right: 0;
  left:0;
  z-index: 5;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-family: "Roboto", "sans-serif";
}


@media ( max-width: 768px ) {  /** Größerer Viewport: Tablett **/
	#floating-panel {
		width: 300px;
	}

	.display {
		display: none;
	}

	#map{
	  width: 100%;
	  height: calc(80vh - 10px);
	}
}

.times, .slider {
	width:50%;
	float: left;
}

.times {
	width: 300px;
}
.inner {
	padding: 5px;
	padding-left: 10px;
}

.inner > div {
	 background-color: #fff;
}

.bg {
	padding: 0px !important;
	border: 1px solid #999;
	border-top: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.choice{
	border: 1px solid #999;
	border-bottom: 0px;
	padding: 5px;
	font-size: 15px;
	font-family: roboto, sans-serif;

}

.borderbottom {
	border-bottom: 1px solid !important;
}

.display {
	height: 75px;
	padding-left: 15px !important;
	padding-top: 15px !important;
	line-height: normal;
	border-top: 0px !important;
	_display: none;
}

.novisibility{
	_visibility: hidden;
	_display: none;
}

.slick-vertical .slick-slide {
  width: auto !important;
  opacity: 0.5;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  position:relative;
  font-size: 15px;
}

.slick-vertical .slick-current {
  opacity: 1;
  border-top-color: #000;
  border-bottom-color: #000;
}
.slick-vertical .slick-current span{
	font-weight: bold
}

.slick-vertical .slick-slide::before {
	background-image: linear-gradient( top,
			rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0 ) 100% );
		background-image: -moz-linear-gradient( top,
			rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0 ) 100% );
		background-image: -ms-linear-gradient( top,
			rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0 ) 100% );
		background-image: -o-linear-gradient( top,
			rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0 ) 100% );
		background-image: -webkit-linear-gradient( top,
			rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0 ) 100% );
	content: "\00a0";
	height: 100%;
	position: absolute;
	width: 100%;
}

.slick-vertical .slick-current + .slick-slide::before {
	background-image: linear-gradient( top,
			rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 100 ) 100% );
		background-image: -moz-linear-gradient( top,
			rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 100 ) 100% );
		background-image: -ms-linear-gradient( top,
			rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 100 ) 100% );
		background-image: -o-linear-gradient( top,
			rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 100 ) 100% );
		background-image: -webkit-linear-gradient( top,
			rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 100 ) 100% );
}

.slick-vertical .slick-current::before {
	background-image:none;
}


.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
		  animation: rotator 1.4s linear infinite;
  position: absolute;
  _z-index: -1;
  display:none;
}

@-webkit-keyframes rotator {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
		  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
	stroke: #4285F4;
  }
  25% {
	stroke: #DE3E35;
  }
  50% {
	stroke: #F7C223;
  }
  75% {
	stroke: #1B9A59;
  }
  100% {
	stroke: #4285F4;
  }
}

@keyframes colors {
  0% {
	stroke: #4285F4;
  }
  25% {
	stroke: #DE3E35;
  }
  50% {
	stroke: #F7C223;
  }
  75% {
	stroke: #1B9A59;
  }
  100% {
	stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
	stroke-dashoffset: 187;
  }
  50% {
	stroke-dashoffset: 46.75;
	transform: rotate(135deg);
  }
  100% {
	stroke-dashoffset: 187;
	transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
	stroke-dashoffset: 187;
  }
  50% {
	stroke-dashoffset: 46.75;
	transform: rotate(135deg);
  }
  100% {
	stroke-dashoffset: 187;
	transform: rotate(450deg);
  }
}