@charset "UTF-8";

@font-face {
 font-family: 'Brandon-GrotesqueBlack';
 src: url('https://www.windrose.de/css/WebFonts/hvd_fonts_-_brandongrotesque-black-webfont.woff2') format('woff2'), url('https://www.windrose.de/css/WebFonts/hvd_fonts_-_brandongrotesque-black-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "MyriadPro-LightCond";
 src: url("https://www.windrose.de/css/WebFonts/MYRIADP6.woff") format("woff"), url("https://www.windrose.de/css/WebFonts/MYRIADP6.woff2") format("woff2");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "MyriadPro-Light";
 src: url("https://www.windrose.de/css/WebFonts/MyriadPro-Light.woff") format("woff"), url("https://www.windrose.de/css/WebFonts/MyriadPro-Light.woff2") format("woff2");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "MyriadPro-Semibold";
 src: url("https://www.windrose.de/css/WebFonts/MyriadPro-Semibold.woff") format("woff"), url("https://www.windrose.de/css/WebFonts/MyriadPro-Semibold.woff2") format("woff2");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "SabonLTStd-Italic";
 src: url("https://www.windrose.de/css/WebFonts/Linotype-SabonLTStd-Italic.woff") format("woff"), url("https://www.windrose.de/css/WebFonts/Linotype-SabonLTStd-Italic.woff2") format("woff2");
 font-weight: normal;
 font-style: normal;
}

body {
 margin: 0;
 padding: 0;
 background-color: #FFFFFF;
 font-family: 'Myriad Pro', 'MyriadPro-Light', 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', 'sans-serif';
}

* {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

.page {
 height: 300mm;
 width: 215mm;
 padding: 0;
 margin: 0;
 background-color: #FFFFFF;
}

.coverPage {
 padding: 0;
 height: 297mm;
    width: 215mm;
}

.subpage {
 margin:0;
 padding: 0;
 /*height: 297mm;
    max-height: 297mm;
    width: 215mm;*/
 display: flex;
 page-break-inside: auto;
 page-break-after: always;
 background-color: #FFFFFF;
 box-decoration-break: clone;
}

.tableFinestMoments td:nth-child(1)::before {
 content: "\2714";
}


/* START TRAVEL TEASERIMAGE */
.travelTeaserImage {
 height: 248mm;
 width: 215mm;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: top;
 filter: saturate(120%);
}

.travelTeaserImageText {
 text-align: left;
 font-size: 14pt;
 margin-left: 1px;
 padding: 15px;
 width: 100px;
 overflow: hidden;
}

 .travelTeaserImageText h1 {
  color: #363636;
  font-size: 24pt !important;
  white-space: nowrap;
  position: relative;
  top: -5px;
  left: 1px;
  margin: 0px;
  padding: 0px;
 }

 .travelTeaserImageText h3 {
  color: #363636;
  font-size: 14pt;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
 }

.divFITPRICENoWrap {
 display: none;
}

.divFITPRICEWrapLine {
 display: block;
}


.divWindroseTravelDurationDays {
 margin: 0px;
 padding: 0px;
 font-weight: bold;
 white-space: normal;
 font-size: 14pt;
}

/* END TRAVEL TEASERIMAGE */


/* START TRAVEL CARD*/
.travelImageCard {
 content: '';
 position: absolute;
 right: 40px;
 top: 700px;
 box-sizing: border-box;
 background-repeat: repeat-x;
 z-index: 998;
}

.travelImageCard-hover-zoom img {
 transition: transform .5s ease;
 transform-origin: right bottom;
 border-color: #262626;
 border: solid 1px #8A8A8A;
 width: 400px;
 max-height: 220px;
 height: 220px;
 z-index: 999;
 filter: saturate(120%);
}

.travelImageCard-hover-zoom:hover img {
 /*transform: scale(1.95);*/
 z-index: 999;
}

/* END TRAVEL CARD*/

/* START TRAVEL TEASERTEXT*/
.travelTeaserText {
 font-family: MyriadPro-Light;
 font-size: 12pt;
 text-align: justify;
}

 .travelTeaserText p {
  text-align: justify;
 }

 .travelTeaserText div {
  text-align: justify;
 }

 .travelTeaserText h2 {
  font-size: 16pt !important;
 }

 .travelTeaserText p {
  margin: 0px 30px 0px 40px;
  padding-top: 0px;
  padding-right: 0px;
  font-size: 11pt !important;
 }


/* END TRAVEL TEASERTEXT*/


/* START HIGHLIGHTs */
.highlights {
 width: 100%;
 min-width: 400px;
 background-color: #F5F5F5;
 padding-bottom: 40px;
}

.highlights_SmalMobile {
 background-color: #FFFFFF !important;
 padding: 20px;
}

.highlightsContainer {
 content: "";
 clear: both;
 box-sizing: border-box;
 width: 100%;
 margin: auto;
 padding: 0px 40px 4px 40px;
 background-color: #F5F5F5;
 box-sizing: border-box;
 display: none;
}

.highlightsImageContainer {
 margin-left: 3px;
 display: inline-block;
 width: 300px;
 max-width: 300px;
 box-sizing: border-box;
}

.highlightsImageContainer_SmalMobile {
 display: inline-block;
 width: 100%;
 box-sizing: border-box;
 background-color: #FFFFFF !important;
}

.highlightsHeadlineLeft {
 color: #121212;
 text-align: left;
 white-space: nowrap;
 padding: 0px;
 margin: 0px 0px 10px 0px;
}

 .highlightsHeadlineLeft br {
  margin: 0px 0px 5px 0px;
 }

.highlightsHeadlineRight {
 color: #121212;
 text-align: left;
 white-space: nowrap;
 padding: 0px;
 margin: 0px 0px 10px 0px;
}

 .highlightsHeadlineRight br {
  margin: 0px 0px 5px 0px;
 }

.hightLightText {
 text-align: left;
 color: #242424;
 font-size: 12pt;
 line-height: 20px;
 overflow: hidden;
 background-color: #F5F5F5 !important;
 margin-left: 20px;
 height: 180px;
 max-height: 180px;
}

 .hightLightText p {
  margin: 0px;
  padding: 0px;
 }

 .hightLightText table {
  line-height: 20px !important;
 }

.hightLightText_SmalMobile {
 text-align: left;
 color: #242424;
 font-size: 11pt;
 line-height: 20px;
 background-color: #FFFFFF !important;
}

 .hightLightText_SmalMobile p {
  margin: 0px;
  padding: 0px;
 }

 .hightLightText_SmalMobile table {
  line-height: 20px !important;
  margin-left: -10px;
  margin-right: 20px;
 }

.inspiration {
 background-size: contain;
 background-repeat: no-repeat;
 background-position: top;
 height: 100%;
 width: 100%;
 margin-top: 60px;
 padding-top: 0px;
 background-color: #F5F5F5;
 display: none;
}

/* END HIGHLIGHTs */


/* START DELUXE SELECT PRICING*/
.DeluxeSelectPricing {
 height: 500px;
 min-width: 400px;
 margin-top: 80px;
 padding-right: 50px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
}

 .DeluxeSelectPricing h1 {
  font-size: 16pt;
 }

.DeluxeSelectPricingMargin {
 margin-left: 20px !important;
 margin-top: 20px;
}

.DeluxeSelectPricing_SmalMobile {
 margin-top: 60px;
 padding-right: 20px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
}

 .DeluxeSelectPricing_SmalMobile h1 {
  font-size: 16pt;
 }

.DeluxeSelectTravelInformation {
 height: 500px;
 width: 100%;
 margin-top: 80px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
}

.DeluxeSelectPricingTravelRunning {
 height: 500px;
 width: 100%;
 margin-top: 80px;
 font-family: MyriadPro-Light;
 font-size: 12pt;
 display: none;
}

.ImageDeluxeSelectIcon {
 width: 80px;
 height: 80px;
 margin-top: -40px;
 margin-left: 20px;
}

.DIVTravelPeriod {
 border: solid 1px #CECECE;
 background-color: #FCFCFC;
 float: left;
 padding: 0px;
 width: 100%;
 overflow: hidden;
}


.travelRunningVisible {
 display: none;
}

.DIVTravelRunning {
 width: 100%;
 overflow-y: auto;
 transition: transform .8s;
 cursor: pointer;
 margin: 40px 20px 0px 0px;
 border: solid 1px #CECECE;
 background-color: #FCFCFC;
 float: left;
 padding: 20px 0px 20px 0px !important;
}

 .DIVTravelRunning img {
  display: none;
 }

.DIVTravelRunning_SmalMobile {
 margin-top: 60px;
 width: 100%;
 background-color: #ECECEC;
 padding: 20px 0px 20px 0px !important;
 float: left;
}


.DIVDeluxe {
 width: 100%;
 transition: transform .8s;
 margin-top: 40px;
 border: solid 1px #CECECE;
 background-color: #FCFCFC;
 float: left;
}

.DIVDeluxeTravelRunning {
 margin-left: 20px;
}


.DIVDeluxeTravelInformation {
 width: 100%;
}

.DIVSelect {
 width: 100%;
 transition: transform .8s;
 margin-top: 80px;
 margin-left: 0px;
 border: solid 1px #CECECE;
 background-color: #FCFCFC;
 float: left;
}

.DIVSelectTravelRunning {
 margin-left: 20px;
}

.DIVSelectTravelInformation {
 width: 100%;
}

.DIVReisezeitraum {
 height: 20px;
 transition: height 0.5s ease-in-out;
 overflow: hidden;
}

 .DIVReisezeitraum:hover {
  height: 120px;
 }

.DIVReisezeitraumSelect {
 border: 1px solid #FCFCFC;
 display: block;
 line-height: 40px;
 color: #000000;
 height: 40px;
 max-height: 40px;
 cursor: text;
 font-weight: bold;
 margin-left: -5px;
}
/* END DELUXE SELECT PRICING */

/* START TRAVELRUNNING*/

.divTravelRunningDP {
 margin: 0px;
 background-color: #FFFFFF;
 text-align: justify;
 page-break-inside: auto;
}

 .divTravelRunningDP div {
  margin: 0;
  padding: 12px 0px 0px 0px;
  background-color: #FFFFFF;
  page-break-inside: auto;
  line-height:19px;
 }



/* END TRAVELRUNNING*/


/* START TRAVELINFOMATION */
.divTravelInformation {
 border: solid 1px #CECECE;
 background-color: #FCFCFC;
}

.divTravelInformationTop {
 width: 100%;
 float: left;
}

.divTravelInformationTop_SmalMobile {
 width: 100%;
 float: left;
 margin-top: 40px;
 margin-bottom: 60px;
}

.divTravelInformationMargin {
 margin: 40px 20px 0px 20px !important;
}

.divTravelInformationTop_SmalMobile select {
 border: 1px solid #FCFCFC;
 display: block;
 line-height: 40px;
 color: #000000;
 height: 40px;
 max-height: 40px;
 cursor: text;
 font-weight: bold;
}

/* END TRAVELINFOMATION */