@charset "UTF-8";
@import 'WebFonts/WebFont.css';
@import 'navigation.css';
@import 'responsive.css';

/* START TRAVEL TEASERIMAGE */
@keyframes blurZoomEffect {
 0% {
  filter: blur(2px);
  transform: scale(1.1);
 }

 100% {
  filter: blur(0);
  transform: scale(1);
 }
}

@keyframes scaleEffect {
 0% {
  transform: scale(1.5);
 }

 100% {
  transform: scale(1);
 }
}

.landingpageTeaserImage {
 width: 100%;
 height: 600px;
 overflow: hidden;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 filter: saturate(120%);
}
/* END TRAVEL TEASERIMAGE */


/* START TRAVEL TEASERTEXT*/
.landingpageTeaserText {
 margin-top: 40px;
 margin-right: 15px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
 padding: 0px;
}

 .landingpageTeaserText h2 {
  text-align: justify;
 }

 .landingpageTeaserText p {
  text-align: justify;
  margin-top: 5px;
 }

.landingpageTeaserTitle {
 position: absolute;
 top: 160px;
 left: 40px;
 padding: 0px;
 margin: 0px;
 text-align: left;
 font-weight: 700 !important;
 color: #FFFFFF;
 text-shadow: 2px 2px 2px #666;
}

 .landingpageTeaserTitle h1 {
  margin: 10px !important;
  white-space: nowrap;
  text-transform: uppercase;
 }

 .landingpageTeaserTitle h3 {
  margin: 10px !important;
  font-size: 14pt;
 }

/* END TRAVEL TEASERTEXT*/


/* START TRAVEL NAVIGATION */
.travelNavigation {
 width: 100%;
 height: 100% !important;
 min-height: 600px;
 background-color: transparent;
}

.travelNavigationContainer {
 content: "";
 clear: both;
 box-sizing: border-box;
 width: 100%;
 margin: auto;
 padding: 0px 40px 0px 40px;
 background-color: transparent;
 box-sizing: border-box;
 display: inline-block;
}

.travelNavigationHeadlineLeft {
 color: #121212;
 text-align: left;
 white-space: nowrap;
}

.travelNavigationHeadlineRight {
 color: #121212;
 text-align: left;
 white-space: nowrap;
}

.travelNavigationFilter {
 width: 100%;
 text-align: left;
 color: #242424;
 margin-top: 40px;
 padding-top: 0px;
 font-size: 14pt;
}

 .travelNavigationFilter input[type="button"], input[type="submit"] {
  max-height: 41px;
  min-height: 41px;
  height: 41px;
  width: 150px;
  margin-bottom: 5px;
  margin-top: 20px;
  border: solid 1px #8A8A8A;
  background-color: #8A8A8A;
  border-color: #fcfcfc;
  color: #ffffff;
  cursor: pointer;
  font-size: 13pt;
  font-family: MyriadPro-Light;
 }

 .travelNavigationFilter:hover input[type="button"], input[type="submit"] {
  border: none;
  font-weight: bold;
 }


 .travelNavigationFilter input[type="text"], input[type="number"], input[type="date"], input[type="range"], input[type="time"], textarea {
  color: #4A4A4A;
  line-height: 35px;
  max-height: 41px;
  min-height: 41px;
  height: 41px;
  width: 97.5%;
  margin: 5px;
  cursor: text;
  font-size: 12pt;
  font-weight: normal;
  font-family: MyriadPro-Light;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
  border: 1px solid #ced4da;
  margin: 0px;
  padding-left: 15px;
 }

 .travelNavigationFilter input[type="date"], input[type="range"], input[type="time"] {
  cursor: pointer;
 }

 .travelNavigationFilter select {
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
  line-height: 40px;
  color: #000000;
  max-height: 41px;
  min-height: 41px;
  height: 41px;
  cursor: text;
  width: 100%;
  font-size: 11pt;
  font-weight: normal;
 }
.travelNavigationFilterResult {
 overflow-y: auto;
 overflow-x: hidden;
 margin-left: unset;
 margin-right: 20px;
 margin-bottom: 40px;
 float: left;
}

.travelNavigationFilterResultRow {
 margin: 10px -16px;
}

 .travelNavigationFilterResultRow,
 .travelNavigationFilterResultRow > .travelNavigationFilterResultColumn {
  padding: 5px 15px 5px 15px;
 }

.travelNavigationFilterResultColumn {
 float: left;
 width: 375px;
 margin: 13px;
}

.travelNavigationFilterResultRow:after {
 content: "";
 display: table;
 clear: both;
}

.travelNavigationFilterResultContent {
 background-color: #f2f2f2;
 padding: 0px;
 border: solid 1px #e6e6e6;
 height: 375px;
 min-height: 375px;
 max-height: 375px;
 cursor: pointer;
 position: relative;
}

.travelNavigationFilterResultContentImage {
 width: 100%;
 height: 72%;
 overflow: hidden;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.travelNavigationFilterResultContent:hover {
 background-color: #FCFCFC;
}

.travelNavigationFilterResultContent img {
 border: solid 1px #AAAAAA;
 width: 100%;
 height: 220px;
 min-height: 220px;
 max-height: 220px;
}

.travelNavigationFilterResultContent h4 {
 font-size: 12pt;
 font-weight: 900;
 margin: 8px 10px -5px 10px;
}

.travelNavigationFilterResultContent p {
 font-size: 10pt;
 margin: 5px 10px 5px 10px;
 line-height: 1.15;
}


/* END TRAVEL NAVIGATION */


/* START LANDINGPAGE SEOTEXT*/
.landingpageSEOText {
 font-family: MyriadPro-Light;
 font-size: 12pt;
 width: 100%;
}

 .landingpageSEOText table {
  border-spacing: 50px;
  width: 100%;
 }

 .landingpageSEOText img {
  border: solid 1px #A6A6A6;
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
  width: 100%;
 }
/* END LANDINGPAGE SEOTEXT*/


/* START CONCIERGE*/
.conciergeImage {
 width: 230px;
}
/* END CONCIERGE*/