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


/* START TEASERIMAGENAVIGATION */
/* title styles */

.startpageTeaserImageNavigationImageArrowLeft {
 cursor: pointer;
 display: inline-block;
 color: #FFFFFF;
 position: absolute;
 left: 10px;
 top: 50%;
 width: 40px;
 height: 120px;
 font-size: 30pt;
 font-weight: bold;
}

 .startpageTeaserImageNavigationImageArrowLeft:hover {
  font-weight: lighter;
  color: #FFFFFF;
  text-shadow: 4px 4px 4px #222;
 }


.startpageTeaserImageNavigationImageArrowRight {
 cursor: pointer;
 display: inline-block;
 color: #FFFFFF;
 position: absolute;
 right: 0px;
 top: 50%;
 width: 30px;
 height: 120px;
 font-size: 30pt;
 font-weight: bold;
}

 .startpageTeaserImageNavigationImageArrowRight:hover {
  font-weight: lighter;
  color: #FFFFFF;
  text-shadow: 4px 4px 4px #222;
 }

/* END TEASERIMAGENAVIGATION */


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

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

.startpageTeaserImage {
 width: 100%;
 height: 600px;
 overflow: hidden;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 filter: saturate(120%);
}

.travelTeaserImageText {
 position: absolute;
 top: 160px;
 left: 40px;
 text-align: left;
 font-size: 10pt;
 padding: 15px;
 width: 100px;
 /*height: 115px !important;
    max-height: 115px !important;*/
 overflow: hidden;
 border: solid 1px #8A8A8A;
 background-color: rgba(255,255,255,.80);
 opacity: 1;
 transform: scale(1);
}

 .travelTeaserImageText h1 {
  color: #363636;
  font-size: 14pt !important;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
 }

 .travelTeaserImageText h3 {
  color: #363636;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  font-size: 12pt !important;
 }

.divFITPRICENoWrap {
 display: none;
}

.divFITPRICEWrapLine {
 display: block;
}

@media screen and (min-width: 500px) {
 .divFITPRICENoWrap {
  display: block;
 }

 .divFITPRICEWrapLine {
  display: none;
 }
}


.divWindroseTravelDurationDays {
 margin: 0px;
 padding: 0px;
 font-weight: bold;
 white-space: nowrap;
 font-size: 10pt !important;
 line-height: 25px !important;
}

.divWindroseTravelTeaserPrice {
 margin: 0px;
 padding: 0px 0px 5px 0px;
 font-weight: bold;
 white-space: nowrap;
 line-height: 25px !important;
}

@media screen and (max-width: 450px) {
 .travelTeaserImageText {
  transform: scale(.7);
  width: 120% !important;
  left: -55px;
  top: 120px;
  /*height: 120px;
        max-height: 120px;*/
 }
}

@media screen and (max-width: 500px) {
 .travelTeaserImageText h1 {
  font-size: 16pt !important;
  line-height: 30px;
 }

 .travelTeaserImageText h3 {
  font-size: 12pt;
  line-height: 30px;
 }

 .divWindroseTravelDurationDays {
  font-size: 12pt;
 }
}

@media screen and (min-width: 451px) and (max-width: 550px) {
 .travelTeaserImageText {
  transform: scale(.80);
  width: 100% !important;
  left: -30px;
  top: 140px;
 }
}


@media screen and (min-width: 551px) and (max-width: 800px) {

 .travelTeaserImageText h1 {
  font-size: 14pt !important;
 }

 .travelTeaserImageText h3 {
  font-size: 10pt !important;
 }

 .divWindroseTravelDurationDays {
  font-size: 10pt !important;
 }
}

.travelTeaserImageText input[type="button"], input[type="submit"] {
 max-height: 41px;
 min-height: 41px;
 height: 41px;
 width: 100px;
 border: solid 1px #8A8A8A;
 background-color: #8A8A8A;
 border-color: #fcfcfc;
 color: #ffffff;
 cursor: pointer;
 font-size: 10pt;
 font-family: MyriadPro-Light;
 font-weight:bold;
}

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

.travelTeaserImageText h1 {
 font-size: 14pt;
}

.travelTeaserImageText h3 {
 font-size: 15pt;
}

.divStartpageTeaserBottomText {
 position: relative;
 top: -200px;
 height: 200px;
 overflow: hidden;
}

.startpageTransparenzBorder {
 position: relative;
 top: 0px;
 width: 100%;
 height: 200px;
}

.alternateTransparenzBorder {
 position: relative;
 top: -180px;
 width: 100%;
 height: 200px;
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.startpageTeaserBottomText {
 position: relative;
 top: -80px;
 width: 100%;
 height: 90px;
 margin: auto;
 text-align: center !important;
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

 .startpageTeaserBottomText h4 {
  font-size: 12pt;
  padding: 0px 40px 0px 40px;
 }

 .startpageTeaserBottomText h1 {
  font-size: 18pt;
 }

@media screen and (min-width: 1070px) {
 .startpageTeaserBottomText {
  top: -100px;
 }

  .startpageTeaserBottomText h4 {
   font-size: 12pt;
   padding: 0px 250px 0px 250px;
  }

  .startpageTeaserBottomText h1 {
   font-size: 18pt;
  }
}

@media screen and (max-width: 400px) {
 .startpageTeaserBottomText {
  display: none;
  margin-left: -25px;
 }

 .startpageTransparenzBorder {
  display: none;
 }
}

@media screen and (max-width: 600px) {
 .startpageTeaserBottomText h4 {
  display: none;
  margin-left: -25px;
 }
}

@-webkit-keyframes blink {
 0% {
  opacity: 1;
 }

 50% {
  opacity: 0;
 }

 100% {
  opacity: 1;
 }
}

@-moz-keyframes blink {
 0% {
  opacity: 1;
 }

 50% {
  opacity: 0;
 }

 100% {
  opacity: 1;
 }
}

@-o-keyframes blink {
 0% {
  opacity: 1;
 }

 50% {
  opacity: .55;
 }

 100% {
  opacity: 1;
 }
}


.arrowDown {
 display: none;
 -webkit-animation: blink 3s;
 -webkit-animation-iteration-count: infinite;
 -moz-animation: blink 3s;
 -moz-animation-iteration-count: infinite;
 -o-animation: blink 3s;
 -o-animation-iteration-count: infinite;
}
/* END startpage TEASERIMAGE */


/* START USP */
.startpageUSP {
 width: 90%;
 margin: -150px auto 40px auto;
}

 .startpageUSP img {
  width: 60px;
  text-align: center;
  margin: auto;
  display: block;
  opacity: .8;
 }

 .startpageUSP h2 {
  font-size: 14pt;
  text-align: center;
 }

 .startpageUSP p {
  font-size: 12pt;
  text-align: center;
 }

@media screen and (max-width: 480px) {
 .startpageUSP {
  display: none;
 }
}

@media screenand (min-width: 551px) and (max-width: 600px) {
 .startpageUSP {
  width: 100%;
 }

  .startpageUSP img {
   width: 60px;
  }


  .startpageUSP h2 {
   font-size: 14pt;
   text-align: center;
  }

  .startpageUSP p {
   font-size: 10pt !important;
   text-align: center;
  }
}
/* END USP */


/* START TRAVEL TEASERTEXT*/
.startpageTeaserText {
 margin-top: 15px;
 margin-left: 40px;
 margin-right: 40px;
 width: 90%;
 font-family: MyriadPro-Light;
 font-size: 12pt;
 padding: 0px;
 overflow-y: visible;
 overflow-x: hidden;
}

 .startpageTeaserText h2 {
  text-align: justify;
  color: #121212;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 30px;
  margin-left: 25px;
  font-size: 18pt;
 }

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


/* END TRAVEL TEASERTEXT*/


/* START TRAVEL TEASERTRAVELS*/
.startpageTeaserTravels {
 margin-top: 15px;
 margin-left: 40px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
 padding: 0px;
 overflow-y: visible;
 overflow-x: hidden;
}

 .startpageTeaserTravels h2 {
  font-size: 18pt;
 }

@media screen and (max-width: 550px) {
 /*.startpageTeaserTravels {
        margin-top: -160px;
    }*/

 .startpageTeaserTravels h2 {
  display: none;
 }
}

@media screen and (max-width: 600px) {

 .startpageTeaserTravels h2 {
  font-size: 18pt;
 }
}


.travelNavigationFilterResult {
 overflow-y: visible;
 overflow-x: hidden;
 margin-right: 20px;
 margin-bottom: 40px;
 float: left;
}

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

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

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

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

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

.travelNavigationFilterResultContentImage {
 width: 100%;
 height: 75%;
 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%;
}

.travelNavigationFilterResultContent h4 {
 font-size: 10pt;
 font-weight: 900;
 margin: 5px 10px -5px 10px;
 line-height: 1.5;
}

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

@media screen and (min-width: 800px) {

 .travelNavigationFilterResultContentImage {
  height: 68%;
 }
}

/* END TRAVEL TEASERTRAVELS*/



/* START TRAVEL BEHINDTHESCENES*/
.startpageBehindTheScenes {
 margin: 50px 50px 50px 20px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
 padding: 0px;
 overflow-y: visible;
 overflow-x: hidden;
}

.divImageBehindTheScrenes {
 width: 25%;
 min-width: 300px;
 margin: 20px;
 float: left;
}

 .divImageBehindTheScrenes img {
  width: 100%;
 }

.videoBehindTheScrenes {
 width: 50%;
 vertical-align: top;
}

 .videoBehindTheScrenes div {
  width: 100%;
  height: 300px;
 }

@media screen and (max-width: 600px) {
 .videoBehindTheScrenes {
  display: none;
 }

  .videoBehindTheScrenes div {
   display: none;
  }
}

/* END TRAVEL BEHINDTHESCENES*/


/* START TRAVEL SEOTEXT*/
.startpageSEOText {
 font-family: MyriadPro-Light;
 font-size: 14pt;
 width: 0px;
 height: 0px;
 max-width: 0px;
 max-height: 0px;
 overflow: hidden;
}
/* END TRAVEL TEASERTEXT*/



/* START NEWSLETTER */
.startpageNewsletter {
 height: 350px;
 width: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: top;
 background-attachment: fixed;
}

 .startpageNewsletter h2 {
  font-size: 14pt !important;
 }

 .startpageNewsletter h3 {
  font-size: 10pt !important;
 }


 .startpageNewsletter ul {
  list-style: none;
  width: 70%;
  margin: auto;
  padding-top: 60px;
  color: #F7F7F7;
 }

 .startpageNewsletter input[type="email"] {
  color: #4A4A4A;
  background-color: #ffffff;
  max-height: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  width: 300px !important;
  margin: 5px;
  cursor: text;
  font-size: 10pt;
  font-family: MyriadPro-Light;
  float: left;
  margin-top: 10px;
  margin-right: 20px;
 }

 .startpageNewsletter input[type="button"], input[type="submit"] {
  max-height: 41px;
  min-height: 41px;
  height: 41px;
  width: 300px !important;
  border: solid 1px #8A8A8A;
  background-color: #8A8A8A;
  border-color: #fcfcfc;
  color: #ffffff;
  cursor: pointer;
  font-size: 11pt;
  font-family: MyriadPro-Light;
  margin-top: 10px !important;
  margin-left: 5px !important;
 }

@media screen and (max-width: 500px) {
 .startpageNewsletter ul {
  width: 70%;
  margin: unset;
  padding-top: 20px;
 }

 .startpageNewsletter input[type="email"] {
  width: 240px !important;
 }

 .startpageNewsletter input[type="button"], input[type="submit"] {
  width: 240px !important;
 }
}

@media screen and (min-width: 1270px) {
 .startpageNewsletter ul {
  width: 50%;
 }
}

@media screen and (min-width: 800px) {

 .startpageNewsletter h2 {
  font-size: 14pt !important;
 }

 .startpageNewsletter h3 {
  font-size: 10pt !important;
 }

 .startpageNewsletter input[type="email"] {
  width: 275px;
  font-size: 11pt;
 }

 .startpageNewsletter input[type="button"], input[type="submit"] {
  width: 300px;
  font-size: 13pt;
 }
}
/* END NEWSLETTER */

/* START CONTACTPAGE, CATALOGPAGE, CALLBACKPAGE WITH FORMULAR */

.staticpageTeaserImage {
 width: 100%;
 height: 250px;
 overflow: hidden;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 filter: saturate(120%);
}

@media screen and (min-width: 551px) {
 .staticpageTeaserImage {
  height: 600px;
 }
}

.contactFormular {
 margin: 40px 50px 60px 50px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
 padding: 0px;
}

 .contactFormular .divCatalog {
  float: left;
  width: 70%;
 }

@media screen and (max-width: 850px) {
 .contactFormular .divCatalog {
  width: 100%;
 }
}

.contactFormular table tr td {
 padding: 20px;
}

.contactFormular input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="time"], textarea {
 background-color: #FFFFFF;
 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: 28px;
 color: #000000;
 max-height: 41px;
 min-height: 41px;
 height: 41px;
 cursor: text;
 margin-bottom: 24px;
 font-family: MyriadPro-Light;
}

.contactFormular select {
 background-color: #FFFFFF;
 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;
 margin-bottom: 24px;
}

.contactFormular input[type="button"], input[type="submit"] {
 max-height: 41px;
 min-height: 41px;
 height: 41px;
 width: 285px;
 background-color: #8A8A8A;
 border-color: #fcfcfc;
 color: #ffffff;
 cursor: pointer;
 margin-top: 3px;
 font-size: 11pt;
 font-family: MyriadPro-Light;
}

.contactFormular .contactFormularCallBack {
 float: left;
 margin-left: -20px;
 margin-top: 40px;
}

.contactFormularImage {
 height: 300px;
 max-height: 300px;
 border: solid 1px #CECECE;
 margin-right: 30px;
}

.catalogImage {
 width: 180px;
 border: solid 1px #888888;
 float: left;
 margin-right: 40px;
 margin-bottom: 40px;
 filter: saturate(120%);
 filter: brightness(120%);
}

/* END CONTACTPAGE, CATALOGPAGE, CALLBACKPAGE WITH FORMULAR */



/* START TRAVELPROPOSAL */

.travelProposal input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="time"], textarea {
 background-color: #FFFFFF;
 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: 28px;
 color: #000000;
 max-height: 41px;
 min-height: 41px;
 height: 41px;
 cursor: text;
 margin-bottom: 24px;
 font-family: MyriadPro-Light;
}

.travelProposal select {
 background-color: #FFFFFF;
 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;
 margin-bottom: 24px;
 font-family: MyriadPro-Light;
}

.travelProposal input[type="button"], input[type="submit"] {
 max-height: 41px;
 min-height: 41px;
 height: 41px;
 width: 285px;
 background-color: #8A8A8A;
 border-color: #fcfcfc;
 color: #ffffff;
 cursor: pointer;
 margin-top: 3px;
 font-size: 11pt;
 font-family: MyriadPro-Light;
 border: 1px solid #ced4da;
 line-height: 28px;
 color: #000000;
 max-height: 40px;
 cursor: text;
 margin-bottom: 24px;
 cursor: pointer;
}

/* END TRAVELPROPOSAL */