@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
body {
	font-family: 'Ubuntu', sans-serif;
	background-color: #333333 !important;  /* fallback for old browsers */
	display: flex;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}
footer {
    height: auto;
    margin-bottom: 50px !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
#travelContent {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	text-align: left;
	justify-content: center;	
	flex-direction: column;
	padding-top:20px;
	background: #efefef !important;
}
.buttonNavigation {
	width: 100%;
	background: #efefef !important;
}
footer{
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: center;
    flex-direction: column;	
}
/* bgbox */
.col-sm-3.subMenu {
    background: rgba(255,255,255,0.75);
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.5);
    border-width: 1px 1px 0px 1px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor:pointer;
    color:#222;
}
#topContainer,
#breadcrumbs {
	width:100%;
    height: auto;
    position: relative;
    padding: 0px;
}
#bgBox{
    /*height: 550px;*/
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}


.lSSlideOuter .lSPager.lSpg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
/*    
#bgBlock{
    height: 550px;
}
*/ 
#bgDesc {
	position: absolute;
	bottom:0px;
}  
#bgBox li{
	list-style: none;	
}

.offersb{
	display: flex;
	flex-wrap: nowrap;
	text-align: center;
	justify-content: center;	
	flex-direction: column;
}
.linkIframes div[role="display"],
.linkIframes form.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
h1,
.h1 {
  font-size: 36px;
  text-align: center;
  font-size: 5em;
  color: #404041;
}
.detailText h1 {font-size: 32px;}
.detailText h2 {font-size: 28px;}
.detailText h3 {font-size: 30px;}
.detailText h4 {font-size: 16px;}
.form-control {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    height: 40px !important;
    font-size: 14px;
    padding: 8px 10px;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .2);
    text-align: left;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  width: auto;
  min-width:auto;
  font-weight: bold;
}
#navbar.sticky {
	position: fixed;
    top: 0;
    margin: 0 !important;
    border-radius: 0;
    width: 100%;
    z-index: 99;
}
/* Breadcrumbs */
.breadcrumb {
	border-radius: 0;
    background: none;
    margin: 0;
}
/* Breadcrumbs Ende */

.mega-dropdown {
  position: static !important;
  width: 100%;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown .dropdown-toggle span:after {
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: normal;
    content: "\f0d7";
    position: relative;
    padding-left: 10px;
    line-height: 14px;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
  cursor:pointer;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #154b88;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.contactline {
	display: block;
    font-size: 18px;
    width: 300px;
    line-height: 40px;
}
.contactline i {
    margin-right: 10px;	
}

.container-fluid.bg {
	background:url('https://www.tourserver.de/tt_2017/plugins/whitelabel/images/bg-1.jpg');
	background-size:cover;
}
.navbar {
    margin-top: 20px;
    position: absolute;
    top: 10px;
    margin: 0 10px;
    width: auto;
    padding: 0 10px;
}
.search-area {
	position: absolute;
    margin: auto;
    top: 150px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:99;
}

.sportstations {
    text-align: left;
}

#strecke .panel-default {border:0;}
#strecke body {background:transparent;}
#strecke .product-item {background:#fff;height:100%;position:relative;display:block;}
#strecke .product-item {cursor:pointer;}
.product-item.tour h3 {
    font-size: 24px;
    margin: 10px 0;
}
.hotelInfos {
    position: relative;
}
.infoContainer {
	overflow: hidden;
}
.infoContainer h3 {
	margin: 10px 0 5px;
}
.bottomRow {
    position: absolute;
    bottom: 0px;
    right:0px;
}
@media only screen and (max-width : 768px) {
	.bottomRow {
	    position: relative;
	    bottom: initial;
	    right:initial;
	}
}
.serviceIcons {
	padding: 10px 0px;
}
.serviceIcons,
.buttonContainer {
}
.bottomRow button.buttonDetails.btn.btn-blue.details-button,
.bottomRow .btn.btn-blue {
    width: 160px;
    padding: 10px 20px;
    margin: 0px 0px 10px 10px;
}
.nav>li>a>img {
    width: 100%;
}
#strecke #registerLinksInner .panel li {
    padding-right: 20px;
    float: left;    
}
#strecke #registerLinksInner .panel li a {
    color: #333;    
    font-weight: 500;
}
#strecke #registerLinksInner .panel {
    position: relative;
    overflow: hidden;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    box-shadow: none;
    border: 0;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    margin: 0;
}
/* Tab Navigation */
.nav-tabs {
    margin: 0;
    padding: 0;
}
.nav-tabs > li > a {
	color:black;
    background: #ffffff;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li > a:hover {
    background: #f60;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #f60;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

/* Tab Content */
.tab-pane {
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}														
#travelContent .tab-pane.active,
.carousel-inner>.item.active {
    background-image: none;
    border: 0;
    background-color: inherit;
}
#strecke {
  overflow: hidden;
  background:#efefef;
}
.headline h1 {
    font-size: 28px;
    text-align: left;
    color: #333;	
} 
.mapRow,
.smallGallery,
.largeImage,
.detailText,
.headline {margin-bottom:20px;position: relative;overflow: hidden;}
.smallGallery li {float:left;width:calc(100%/4);}
.smallGallery li img{    width: auto;
    height: 200px;
    overflow: hidden;}
.largeImage img {width: 100%;}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.tiles .tpl-501-search {
    display: none !important;
}
.tiles .col-md-2.col-sm-4.pb20.pl0.pr0,
.tiles #detaillistData .col-md-10.col-sm-8 {
    width: 100%;
    padding:0;
}
.tiles .col-sm-12.col-md-4.pl0.pr0.equal-cols {
    width: 100%;
}
.tiles .row.pb20 {
    margin: 0;
    float: left;
    height: 300px;
    margin-bottom: 10px;
}
.tiles .offerList .row.pb20 {
    height: 410px;
}
.tiles.cols4 #strecke.container-fluid .row.pb20 {
	height:380px;
}
.tiles.cols1 .row.pb20 {
    width: 100%;
    height: auto;
}
.tiles.cols2 .row.pb20 {
    width: 50%;
}
.tiles.cols3 .row.pb20 {
    width: 33.3333%;
}
.tiles.cols4 .row.pb20 {
    width: 25%;
}
.tiles.cols6 .row.pb20 {
    width: 16.6666%;
}
.tiles #strecke .product-item,
#strecke .tiles .product-item {
    height: 100%;
}
.tiles .col-sm-12.col-md-8.equal-cols.text-left {
    width: 100%;
    padding: 0 10px 10px !important;
}
/*
.tiles .pull-right.mt20.ml20.mb20 {
    display: none;
}
*/
/*
.tiles .col-sm-12.col-md-4.pl0.pr0.equal-cols:after {
    display: block;
    content: "Details >";
    background: rgb(13, 85, 157);
    color: #fff;
    float: right;
    padding: 5px 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
*/
.tiles .product-item a.btn.details-button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #fff;
    background-color: rgb(13, 85, 157);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 0px;
    width: auto;
    padding: 10px 20px;
    margin: 0;
}
/*
.tiles .departureAirport,
.tiles .startDate,
.tiles .startDate,
.tiles .roomCode,
.tiles .noPrice,
.tiles .price-text,
.tiles .overnights {
    display: none;
}
*/
.tiles .col-sm-12.col-md-8.equal-cols.text-left {
    width: 100%;
}

.tiles .quickinfo-icon {
    display: none;
}
.tiles .product-item h3 {
    font-size: 18px;
    margin: 10px 0 15px 0 !important;
}
.tiles .product-item h4 {
    font-size: 16px;
    margin: 10px 0 5px 0 !important;
}
.tiles .itemDescription {
    max-height: 60px;
}
.tiles .offerList .itemDescription,
.offerList.tiles .itemDescription {
    max-height: 150px;
}
.tiles #imgDetails {
    overflow: hidden;
    display: block;
}
.tiles.cols1 #imgDetails {
    height: 100%;
    height: 100% !important;
}
.tiles.cols2 #imgDetails {
    height: 300px !important;
}
.tiles.cols3 #imgDetails {
    height: 170px !important;
}
.tiles.cols4 #imgDetails {
    height: 120px !important;
}
.tiles.cols4 #strecke.container-fluid #imgDetails {
    height: 250px !important;
}
.tiles.cols6 #imgDetails {
    height: 170px !important;
}
.tiles.cols6 #strecke.container-fluid #imgDetails {
    height: 170px !important;
}

@media screen and (max-width: 767px) {
	.row {
	    margin-right: -10px;
	    margin-left: -10px;
	}	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	    padding-right: 10px;
	    padding-left: 10px;
	}
	.container-fluid {
	    padding-right: 10px;
	    padding-left: 10px;
	}	
	nav.navbar.navbar-default {
	    position: relative;
	    top: initial;
	    margin: 0;
	    width: auto;	    
	}
	.navbar-default .navbar-collapse {
	    background: #fff;
	    margin: 0;	
	}
	#travelContent {
	    padding: 10px 10px;
	    display: block;
	    flex-wrap: inherit;
	    width: auto;
	}
	.nav-tabs>li {
	    width: 100%;
	}
	.panel-title>a {
	    color: inherit;
	    width: 100%;
	    display: block;
	    text-align: left;
	    padding-bottom: 10px;
	}
	.navbar-nav .open .dropdown-menu li:nth-of-type(0) {
		column-count:1;
	}
	#topContainer {
		min-height: 50px;		
		height:auto;
		display: flex;
		flex-direction: column;
	}
	#bgBox{display:none!important;}	
	
	#sbp .btn-group.searchBox-input {display:none;}
	.product-item a#imgDetails {
	    height: 160px;
	}
	.nav-tabs>li>a {
	    border: 0;
	    border-radius: 0;
	    margin: 0;
	    padding: 0px;
	}
	.tab-pane {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}	
}


/* Hotelliste */
.itemDescription {
	font-size: 14px;
	line-height: 1.5;
    max-height: 110px;
	overflow: hidden;	
}

/*
.full {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.6s linear;
}
*/
.menuCube {
    position: relative;
    width: auto;
    cursor: pointer;
    z-index: 1;
}

.menuCube:active { background: #eee; }

.page {
  transform-origin: right center;
  transform: translateX(0) rotateY(0);
  z-index: 1;
  opacity: 1;
}

.page.swipe-lft {
  opacity: 0;
  z-index: 0;
  transform: translateX(-100%) rotateY(-35deg);
}

.navCube {
  transform-origin: left center;
  transform: translateX(100%) rotateY(35deg);
  z-index: 0;
  opacity: 0.5;
}

.navCube.open {
  opacity: 1;
  z-index: 1;
  transform: translateX(0) rotateY(0deg);
}
.bookingCube {
  transform-origin: left center;
  transform: translateX(100%) rotateY(35deg);
  z-index: 0;
  opacity: 0.5;
}

.bookingCube.open {
  opacity: 1;
  z-index: 1;
  transform: translateX(0) rotateY(0deg);
}

.cube {
  position: absolute;
}
@media screen and (max-width: 767px) {	
	.cube {
	  font-size: 24px;
	  white-space: nowrap;
	}
}


/* Absolute Center Spinner */
body .loadingSpinner {
	display:none;
}
body.loadOngoing .loadingSpinner {
  display:block;
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
body.loadOngoing .loadingSpinner:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.95);
}

/* :not(:required) hides these rules from IE9 and below */
body.loadOngoing .loadingSpinner:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

body.loadOngoing .loadingSpinner:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left;
    height: 550px;
    overflow: hidden;
}
/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.carousel-control {
    position: absolute;
    top: 42%;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 50px;
    color: #fff;
    text-align: center;
    text-shadow: 0;
    filter: alpha(opacity=80);
    opacity: .8;
    line-height: 100%;
}
.carousel-control.left,
.carousel-control.right {
	background:0;
    display: inline-block;
    position: absolute;
    top: 42%;
    z-index: 5;
}
.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}										
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.carousel-inner>.item>a>img {
	width: 100%;
}
.list-inline>li {
    display: inline-block;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid rgb(102, 102, 102);
    padding: 0;
}
.list-inline>li a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);	    									
}
.list-inline>li a.selected img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);	    									
}
.carousel-inner>.item>img {
    width: auto;
    min-height:470px;
    /*max-height: 470px;*/
	max-width: 100%;										    
    object-fit: cover;
}
#slider-thumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#carousel-bounding-box {height:470px;overflow:hidden;}
#slider-thumbs ul li {
    margin-bottom: 5px;
}															
#slider-thumbs ul li img{
    width:100%;
}	
@media (max-width: 991px){
#carousel-bounding-box {height:auto;}											
	.carousel-inner>.item>img {
	    height: auto;
	    max-height: initial;
	    width: 100%;
	}
	.carousel-inner>.item {
		height: auto;
	    max-height: 400px;
	    overflow: hidden;
	}																					
}
.vc_container {
	min-height:470px;
    height: 473px;
    overflow: hidden;
}										
.verticalCarousel {
  margin: 0;
  max-width: 500px;
}

.verticalCarouselHeader,
.verticalCarouselFooter {
    background: transparent;
    position: absolute;
    z-index: 1;
    padding-bottom: 0;
    left: 15px;
    right: 15px;    
}
.verticalCarouselHeader {
	top:0px;
}
.verticalCarouselFooter {
    bottom:0px;  
}
.verticalCarouselHeader:after,
.verticalCarouselFooter:after {
  content: "";
  display: block;
  clear: both;
}
.verticalCarouselHeader .vc_goUp, .verticalCarouselFooter .vc_goDown {
  float: right;
  display: block;
  width: 100%;
  height: 25px;
  background: #fff;
  text-align: center;
  color: rgb(102, 102, 102) !important;
    font-size: 18px;  
}
.verticalCarouselHeader .vc_goUp {
	float:left;
}
a.event_infos,
a.event_infos_null {
	color: #333333;
	display: block;
}
.bookButtons .form-control,
.bookButtons .bookingButton {
	    width: 33.33333333%;
}
.bookButtons .bookingButton.col-xs-8 {
	width:66.66666667%;
}
.shipImage img {
	width: 100%;
}
.row.box-shadow {
	box-shadow: 0px 0px 4px 0px #dddddd;
}
.btn.btn-blue {
    width: 100%;
    color: #fff;
    background-color: rgb(13, 85, 157);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 8px 10px;
    border-radius: 0px;
    margin-bottom: 0;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus {
	color:#fff;
}

.carousel-control {
    position: absolute;
    top: 38%;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 70px;
    color: #333;
    text-align: center;
    text-shadow: 0;
    filter: alpha(opacity=80);
    opacity: .8;
    line-height: 100%;
}
.carousel-control.left,
.carousel-control.right {
	background:0;
    display: inline-block;
    position: absolute;
    top: 38%;
    z-index: 5;
    background: none !important;
}
.carousel-control:hover, .carousel-control:focus {
    color: #000;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}										
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.carousel-inner>.item>a>img {
	width: 100%;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    height: 40px;
    overflow: hidden;
	margin-bottom: 10px;
}
.list-inline>li a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);	    									
}
.list-inline>li a.selected img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);	    									
}
.carousel-inner>.item>img {
    width: auto;
    height: auto;
    max-height: 100%;
}										
@media (max-width: 991px){
	.carousel-inner>.item>img {
	    height: auto;
	    max-height: initial;
	    object-fit: contain;
	    width: 100%;
	}
	.carousel-inner>.item {
		height: auto;
	    max-height: 400px;
	    overflow: hidden;
	}																					
}										
@media screen and (min-width: 767px) {
	.modal-dialog  {width:900px;}
}
.modal-dialog  {z-index:9999;width:100%;}
ul.list-offers {
    background: lightgray;
    padding: 10px 20px;
    list-style: none;
}
ul.list-offers li a {
    padding: 7px 250px 5px 125px;
}
ul.list-offers li a > span:first-child {
    right: 100%;
    width: 120px;
    margin-right: -140px;
    color: #666;
    font-weight: 700;
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
}

ul.list-offers li a > span {
    display: block;
    position: absolute;
    right: 20px;
    top: 7px;
    color: #275b86;
    text-align: right;
}
.details-button {
	margin-top:10px;
}
.row.details-title h1 {
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
    margin: 10px 0;	
}
.backButton,
.backButtonTauchbasis {
	margin: 10px 0;
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
	/* disable global scrolling when featherlights are visible */
	overflow: hidden;
}

.featherlight {
	display: none;

	/* dimensions: spanning the background from edge to edge */
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */

	/* position: centering content */
	text-align: center;

	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;

	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.featherlight .featherlight-content {
	/* make content container for positioned elements (close button) */
	position: relative;

	/* position: centering vertical and horizontal */
	text-align: left;
	vertical-align: middle;
	display: inline-block;

	/* dimensions: cut off images */
	overflow: auto;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;

	/* dimensions: handling large content */
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;
	width: 90%; 

	/* styling */
	background: #fff;
	cursor: auto;

	/* reset white-space wrapping */
	white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none;
}

.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;

	/* dimensions: 25px x 25px */
	line-height: 25px;
	width: 25px;

	/* styling */
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	background: #fff; /* Set the background in case it overlaps the content */
	background: rgba(255, 255, 255, 0.3);
	color: #000;
	border: none;
	padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.featherlight .featherlight-image {
	/* styling */
	width: 100%;
}


.featherlight-iframe .featherlight-content {
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

.featherlight iframe {
	/* styling */
	border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/* hide non featherlight items when printing */
@media print {
	html.with-featherlight > * > :not(.featherlight) {
		display: none;
	}
}
.carousel-control {
    position: absolute;
    top: 42%;
    bottom: 0;
    left: 0;
    width: 5%;
    font-size: 50px;
    color: #fff;
    text-align: center;
    text-shadow: 0;
    filter: alpha(opacity=80);
    opacity: .8;
    line-height: 100%;
}
.carousel-control.left,
.carousel-control.right {
	background:0;
    display: inline-block;
    position: absolute;
    top: 42%;
    z-index: 5;
}
.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}										
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.carousel-inner>.item>a>img {
	width: 100%;
}
.list-inline>li {
    display: inline-block;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid rgb(102, 102, 102);
    padding: 0;
}
.list-inline>li a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);	    									
}
.list-inline>li a.selected img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);	    									
}
.carousel-inner>.item>img {
    width: auto;
    min-height:470px;
    /*max-height: 470px;*/
	max-width: 100%;										    
    object-fit: contain;
}
#slider-thumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#carousel-bounding-box {height:470px;overflow:hidden;}
#slider-thumbs ul li {
    margin-bottom: 5px;
}															
#slider-thumbs ul li img{
    width:100%;
}	
@media (max-width: 991px){
#carousel-bounding-box {height:auto;}											
	.carousel-inner>.item>img {
	    height: auto;
	    max-height: initial;
	    object-fit: contain;
	    width: 100%;
	}
	.carousel-inner>.item {
		height: auto;
	    max-height: 400px;
	    overflow: hidden;
	}																					
}
.vc_container {
	min-height:470px;
    height: 473px;
    overflow: hidden;
}										
.verticalCarousel {
  margin: 0;
  max-width: 500px;
}

.verticalCarouselHeader,
.verticalCarouselFooter {
    background: transparent;
    position: absolute;
    z-index: 1;
    padding-bottom: 0;
    left: 15px;
    right: 15px;    
}
.verticalCarouselHeader:after,
.verticalCarouselFooter:after {
  content: "";
  display: block;
  clear: both;
}
.verticalCarouselHeader .vc_goUp, .verticalCarouselFooter .vc_goDown {
  float: right;
  display: block;
  width: 100%;
  height: 25px;
  background: #fff;
  text-align: center;
  color: rgb(102, 102, 102) !important;
    font-size: 18px;  
}
.verticalCarouselHeader .vc_goUp {
	float:left;
}

.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
	font-size:13px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\e080";
}
.ui-datepicker .ui-icon {
	display: none !important;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
	text-align: center;
    font-size: 12px;
	
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
/* Map */
.mapList a.markLink {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 5px white;
}
.mapList a.markLink i {
    margin-right:5px;
}
.mapList a.markLink:hover {
    background: none;
    border-radius: 0;
    color: #f90070;
    z-index: 9999;
}
#markList,
#infoBox {
    background: #fff;
    padding: 10px;	
}
#markList i {
    margin-left:10px;
}

/* Map Ende */

/* Google Maps Responsive Optimierung */
.responsive_map {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}

.responsive_map iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* Google Maps Responsive Optimierung Ende */