@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400);
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

/** Easings, grabbed from https://css-tricks.com/snippets/sass/easing-map-get-function/
 *
 * Example function call:
    .example {
        animation: there-and-back 2.5s ease(in-quad) infinite alternate;
    }
**/
/*
Usage:
.whatever {
     @include cf();
}
*/
/*
Usage:
.whatever {
     @include tablet{
        float: left;
     }
}
*/
/*
Usage:
.whatever {
    @include skew(25,10);
    @include transform-origin(top left);
}
*/
/**
* Helper
*
* @desc Helper are classes and formattings which are used to accomplish repeating task. Mainly we use ds- for design-task and bv- for behavioral tasks.
* @author [XX]
* @dependency _app_settings.scss
*/
.bv-center {
  margin: 0 auto; }

.bv-width-max {
  max-width: 1100px; }

.bv-float-left {
  float: left; }

.bv-float-right {
  float: right; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

/**
* Basic Styles
*
* @desc Basic and common styles. Formats for every device live in Common Styles, for device-specific stylings use Mobile First approach.
  @author
*/
main {
  width: 1100px; }

body {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1em;
  font-style: italic; }

a {
  color: black;
  text-decoration: none; }

h1 {
  font-family: "Playfair Display", serif;
  color: #A68B53;
  font-weight: 400;
  font-size: 2em; }

h2 {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 1.6em; }

header .headerbackground {
  height: 613px;
  background: url(../images/header.jpg) no-repeat; }
  header .headerbackground a img {
    width: 255px;
    height: 251px;
    position: relative;
    left: 422px; }

header .reservation {
  position: relative;
  height: 82px;
  background-color: #252525;
  width: 100%;
  min-width: 1100px; }
  header .reservation h2 {
    color: white;
    position: absolute;
    padding-left: 23px;
    font-style: normal; }

header .btn_check_avail {
  background: url("../images/btn_check_availability.jpg") no-repeat top left;
  width: 170px;
  height: 51px;
  border: none; }
  header .btn_check_avail:hover {
    background-position: 0 -51px; }

.btn_check_avail_2 {
  width: 160px;
  height: 35px;
  padding: 0;
  background: url("../images/b_send.jpg") no-repeat top left;
  border: 0;
  outline: none; }
  .btn_check_avail_2:hover {
    background-position: 0 -35px; }

nav {
  position: relative;
  box-sizing: border-box; }
  nav ul.nav-first {
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    text-align: right; }
    nav ul.nav-first > li {
      text-transform: uppercase;
      padding: 5px;
      display: inline-block; }
      nav ul.nav-first > li a {
        color: white; }
      nav ul.nav-first > li:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: green;
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 0;
        box-sizing: border-box;
        max-height: 0;
        z-index: -1;
        animation: shine-reverse 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
      nav ul.nav-first > li:hover {
        cursor: pointer;
        background: rgba(19, 28, 88, 0.1);
        transition: background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        nav ul.nav-first > li:hover ul.nav-second {
          display: block;
          max-height: 1000px;
          transition: max-height 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
    nav ul.nav-first .nav-second {
      position: absolute;
      padding: 0;
      width: auto;
      margin-top: 5px;
      margin-left: -5px;
      text-align: left;
      max-height: 0;
      overflow: hidden;
      color: white; }
      nav ul.nav-first .nav-second > li {
        padding: 5px;
        height: 200px;
        max-height: 20px;
        text-shadow: 1px 1px 3px #000; }
        nav ul.nav-first .nav-second > li:hover {
          cursor: pointer;
          background: rgba(19, 28, 88, 0.2);
          transition: background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

section.special {
  height: 693px;
  background-color: #fafafa; }
  section.special .headlineContainer {
    padding-top: 110px;
    height: 10px;
    position: relative; }
    section.special .headlineContainer .line {
      height: 2px;
      background-color: #A68B53;
      width: 900px;
      margin: 0 auto; }
    section.special .headlineContainer .headline {
      color: #A68B53;
      margin: 0 auto; }
      section.special .headlineContainer .headline h2 {
        padding: 0 15px 0 15px;
        background-color: #fafafa;
        position: absolute;
        top: 70px;
        left: 440px;
        font-style: normal;
        font-size: 1.5em; }
  section.special h2 {
    color: #A68B53; }
  section.special .copyContainer {
    float: left;
    margin-left: 100px; }
    section.special .copyContainer .copy {
      width: 400px; }
  section.special .teaserContainer {
    float: right;
    width: 470px;
    margin-right: 89px; }
    section.special .teaserContainer .teaser {
      float: left;
      background-color: #f2f2f2;
      width: 215px;
      height: 165px;
      text-align: center;
      margin-left: 15px;
      margin-bottom: 15px;
      font-family: "Playfair Display", serif;
      color: #525252;
      font-size: 0.9em; }
      section.special .teaserContainer .teaser img {
        display: block;
        margin: auto;
        padding-top: 20px; }

section.discover {
  height: 767px;
  background-color: #fafafa; }
  section.discover .headlineContainer {
    padding-top: 110px;
    height: 10px;
    position: relative; }
    section.discover .headlineContainer .line {
      height: 2px;
      background-color: #A68B53;
      width: 900px;
      margin: 0 auto; }
    section.discover .headlineContainer .headline {
      color: #A68B53;
      margin: 0 auto; }
      section.discover .headlineContainer .headline h2 {
        padding: 0 15px 0 15px;
        background-color: #fafafa;
        position: absolute;
        top: 70px;
        left: 430px;
        font-style: normal;
        font-size: 1.5em; }
  section.discover img.headline {
    margin-left: 100px; }

section.special_reminder {
  height: 250px;
  background-color: #f2f2f2; }
  section.special_reminder .copy {
    text-align: center; }
    section.special_reminder .copy h2 {
      margin: 0;
      padding-top: 74px;
      color: #A68B53;
      font-size: 35px; }

section.experiences {
  height: 400px;
  background-color: #fafafa; }
  section.experiences .headlineContainer {
    padding-top: 110px;
    height: 10px;
    position: relative; }
    section.experiences .headlineContainer .line {
      height: 2px;
      background-color: #A68B53;
      width: 900px;
      margin: 0 auto; }
    section.experiences .headlineContainer .headline {
      color: #A68B53;
      margin: 0 auto; }
      section.experiences .headlineContainer .headline h2 {
        padding: 0 15px 0 15px;
        background-color: #fafafa;
        position: absolute;
        top: 70px;
        left: 480px;
        font-style: normal;
        font-size: 1.5em; }
  section.experiences .teaserContainer {
    position: relative;
    margin-top: 35px;
    margin-bottom: 25px; }
    section.experiences .teaserContainer .teaserContainerInside {
      width: 900px;
      margin: 0 auto; }
      section.experiences .teaserContainer .teaserContainerInside .teaser {
        float: left;
        text-align: center;
        width: 192px;
        height: 235px;
        background-color: white;
        margin-left: 26px; }
        section.experiences .teaserContainer .teaserContainerInside .teaser:nth-of-type(4) {
          margin-right: 0; }
        section.experiences .teaserContainer .teaserContainerInside .teaser h3 {
          color: #A68B53;
          font-family: "Playfair Display", serif;
          font-style: normal;
          font-size: 25px;
          position: relative;
          font-weight: 400;
          top: 7px;
          margin: 0 0 13px 0; }
        section.experiences .teaserContainer .teaserContainerInside .teaser .copy {
          font-size: 14px; }
        section.experiences .teaserContainer .teaserContainerInside .teaser img {
          position: relative;
          top: 11px;
          left: 0px; }
        section.experiences .teaserContainer .teaserContainerInside .teaser .btn {
          display: block;
          position: relative;
          top: 17px;
          left: 24px;
          width: 128px;
          height: 23px;
          padding: 6px;
          color: #A68B53;
          border: 1px solid #A68B53;
          text-decoration: underline; }

section.corsica_intro {
  background-color: #fafafa; }
  section.corsica_intro .copyContainer {
    float: left;
    width: 450px;
    margin: 120px 0 100px 100px; }
    section.corsica_intro .copyContainer h1 {
      font-size: 65px;
      margin: 0;
      padding: 0;
      font-style: normal; }
    section.corsica_intro .copyContainer h2 {
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
      font-style: normal;
      font-size: 23px;
      margin: 0;
      padding: 0;
      position: relative;
      top: -8px;
      letter-spacing: 1px; }
  section.corsica_intro .map {
    float: left;
    margin-top: 131px; }

section.region_intro {
  background-color: #fafafa; }
  section.region_intro .copyContainer, section.region_intro .copy_right {
    float: left;
    width: 434px;
    margin: 120px 0 100px 100px; }
    section.region_intro .copyContainer h1, section.region_intro .copy_right h1 {
      font-size: 65px;
      margin: 0;
      padding: 0;
      font-style: normal; }
    section.region_intro .copyContainer h2, section.region_intro .copy_right h2 {
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
      font-style: normal;
      font-size: 23px;
      margin: 0;
      padding: 0;
      position: relative;
      top: -8px;
      letter-spacing: 1px; }
  section.region_intro .copy_right {
    margin: 233px 0 100px 36px; }
  section.region_intro .map {
    float: left;
    margin-top: 70px; }

section.tours_action {
  height: 767px;
  background-color: #fafafa; }
  section.tours_action .headlineContainer {
    padding-top: 110px;
    height: 10px;
    position: relative; }
    section.tours_action .headlineContainer .line {
      height: 2px;
      background-color: #A68B53;
      width: 900px;
      margin: 0 auto; }
    section.tours_action .headlineContainer .headline {
      color: #A68B53;
      margin: 0 auto; }
      section.tours_action .headlineContainer .headline h2 {
        padding: 0 15px 0 15px;
        background-color: #fafafa;
        position: absolute;
        top: 70px;
        left: 450px;
        font-style: normal;
        font-size: 1.5em; }
  section.tours_action img.headline {
    margin-left: 100px; }

section.airline_intro {
  background-color: #fafafa; }
  section.airline_intro .copyContainer, section.airline_intro .copy_right {
    float: left;
    width: 434px;
    margin: 120px 0 100px 100px; }
    section.airline_intro .copyContainer h1, section.airline_intro .copy_right h1 {
      font-size: 65px;
      margin: 0;
      padding: 0;
      font-style: normal; }
    section.airline_intro .copyContainer h2, section.airline_intro .copy_right h2 {
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
      font-style: normal;
      font-size: 23px;
      margin: 0;
      padding: 0;
      position: relative;
      top: -8px;
      letter-spacing: 1px; }
  section.airline_intro .copy_right {
    margin: 233px 0 100px 36px; }
  section.airline_intro .map {
    float: left;
    margin-top: 70px; }
  section.airline_intro img.fluege {
    margin-left: 100px;
    margin-right: 35px; }

section.airline {
  height: 247px;
  background-color: #fafafa; }
  section.airline .headlineContainer {
    padding-top: 110px;
    height: 10px;
    position: relative; }
    section.airline .headlineContainer .line {
      height: 2px;
      background-color: #A68B53;
      width: 900px;
      margin: 0 auto; }
    section.airline .headlineContainer .headline {
      color: #A68B53;
      margin: 0 auto; }
      section.airline .headlineContainer .headline h2 {
        padding: 0 15px 0 15px;
        background-color: #fafafa;
        position: absolute;
        top: 70px;
        left: 450px;
        font-style: normal;
        font-size: 1.5em; }
  section.airline img.airlines {
    margin-left: 100px;
    margin-top: 20px; }

section.wetter_intro {
  background-color: #fafafa; }
  section.wetter_intro .copyContainer, section.wetter_intro .copy_right {
    float: left;
    width: 434px;
    margin: 120px 0 40px 100px; }
    section.wetter_intro .copyContainer h1, section.wetter_intro .copy_right h1 {
      font-size: 65px;
      margin: 0;
      padding: 0;
      font-style: normal; }
    section.wetter_intro .copyContainer h2, section.wetter_intro .copy_right h2 {
      text-transform: uppercase;
      font-family: 'Raleway', sans-serif;
      font-style: normal;
      font-size: 23px;
      margin: 0;
      padding: 0;
      position: relative;
      top: -8px;
      letter-spacing: 1px; }
  section.wetter_intro .copy_right {
    margin: 233px 0 40px 36px; }
  section.wetter_intro .map {
    float: left;
    margin-top: 70px; }

section.wetter_forecast {
  background-color: #fafafa; }
  section.wetter_forecast .iframecontainer {
    text-align: center;
    padding-top: 40px; }
  section.wetter_forecast .headlineContainer {
    padding-top: 110px;
    height: 10px;
    position: relative; }
    section.wetter_forecast .headlineContainer .line {
      height: 2px;
      background-color: #A68B53;
      width: 900px;
      margin: 0 auto; }
    section.wetter_forecast .headlineContainer .headline {
      color: #A68B53;
      margin: 0 auto; }
      section.wetter_forecast .headlineContainer .headline h2 {
        padding: 0 15px 0 15px;
        background-color: #fafafa;
        position: absolute;
        top: 70px;
        left: 450px;
        font-style: normal;
        font-size: 1.5em; }
  section.wetter_forecast .link_zu_wetter {
    margin-left: 100px;
    position: relative;
    top: -16px; }

footer {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-size: 0.9em;
  height: 733px;
  background-color: #262626;
  margin-top: 40px !important;
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
  box-sizing: border-box;
  min-width: 1100px;
  margin-bottom: -10px !important; }

#footerImg {
  margin-top: 79px;
  margin-bottom: 75px; }

.footerDivider {
  float: left;
  min-height: 173px;
  border-left: 1px solid #806C47;
  color: #7f7f7f;
  text-align: left; }

.footerSocial {
  margin-bottom: 10px;
  display: block; }

#footer input,
#footer textarea {
  background-color: #131313;
  border: 0;
  width: 400px;
  color: #797979;
  padding-left: 10px;
  display: block;
  margin-bottom: 10px;
  outline: none; }

#footer input[type=text] {
  height: 25px; }

#footer textarea {
  height: 135px;
  padding-top: 10px;
  resize: none; }

#footer button {
  width: 160px;
  height: 35px;
  padding: 0;
  background: url("../images/b_send.jpg") no-repeat top left;
  border: 0;
  outline: none; }

#footer button:hover {
  background-position: 0 -35px; }

/*# sourceMappingURL=styles.css.map */