@charset "UTF-8";
/*
    Netzstrand Webproject "Wattenlöper"
    Created on  : 06.02.2016, 15:52:37
    Author      : Christian Beckmann
    Mail        : info@netzstrand.de
    Url         : http://netzstrand.de
    All rights reserved
*/
/*Fonts     ~~~~~~~~~~~~*/
@font-face {
  font-family: 'UbuntuRegular';
  src: url("../fonts/UbuntuRegular.eot");
  src: url("../fonts/UbuntuRegular.eot") format("embedded-opentype"), url("../fonts/UbuntuRegular.woff2") format("woff2"), url("../fonts/UbuntuRegular.woff") format("woff"), url("../fonts/UbuntuRegular.ttf") format("truetype"), url("../fonts/UbuntuRegular.svg#UbuntuRegular") format("svg"); }
@font-face {
  font-family: 'KaushanScriptRegular';
  src: url("../fonts/KaushanScriptRegular.eot");
  src: url("../fonts/KaushanScriptRegular.eot") format("embedded-opentype"), url("../fonts/KaushanScriptRegular.woff2") format("woff2"), url("../fonts/KaushanScriptRegular.woff") format("woff"), url("../fonts/KaushanScriptRegular.ttf") format("truetype"), url("../fonts/KaushanScriptRegular.svg#KaushanScriptRegular") format("svg"); }
@font-face {
  font-family: 'ProtoUncertain';
  src: url("../fonts/ProtoUncertain.eot");
  src: url("../fonts/ProtoUncertain.eot") format("embedded-opentype"), url("../fonts/ProtoUncertain.woff2") format("woff2"), url("../fonts/ProtoUncertain.woff") format("woff"), url("../fonts/ProtoUncertain.ttf") format("truetype"), url("../fonts/ProtoUncertain.svg#ProtoUncertain") format("svg"); }
/*Basics    ~~~~~~~~~~~~*/
html, body {
  height: 100%;
  font-family: 'UbuntuRegular';
  position: relative; }

.text_white {
  color: #fff; }

.text_bright {
  color: #fff3eb; }

.mycenter, .myheadline {
  margin: 0 auto; }

.zeropadding, .zerospace, .zeroborder, .preise p {
  padding: 0; }

.zeromargin, .zerospace, .zeroborder, .preise p {
  margin: 0; }

.zeroborder {
  border: 0;
  border-radius: 0; }

.topspace_5 {
  margin-top: 5px; }

.topspace_10 {
  margin-top: 10px; }

.topspace_15, .tafel .thumbs, .kontakt .btn-default, footer a.scroll, footer a.scroll:visited, footer a.scroll:focus {
  margin-top: 15px; }

.topspace_20, .welcome .mysign {
  margin-top: 20px; }

.topspace_25, footer .well {
  margin-top: 25px; }

.bottomspace_5 {
  margin-bottom: 5px; }

.bottomspace_10 {
  margin-bottom: 10px; }

.bottomspace_15 {
  margin-bottom: 15px; }

.bottomspace_20, .tafel, .tafel p {
  margin-bottom: 20px; }

.bottomspace_25, .welcome .mysign, .impressionen .galerie div:last-child, .impressionen .galerie .grid-item, .impressionen_wohnungen .galerie-wohnungen div:last-child, .impressionen_wohnungen .galerie-wohnungen .grid-item {
  margin-bottom: 25px; }

.padding_10 {
  padding: 10px; }

.padding_15 {
  padding: 15px; }

.absolute {
  position: absolute; }

.right {
  float: right; }

.left {
  float: left; }

.overflowh {
  overflow: hidden; }

.zlow {
  z-index: 10; }

.zhigh, .myheadline, .myslider {
  z-index: 20; }

.boxShadow_bottom {
  -webkit-box-shadow: 0px 10px 8px -6px rgba(0, 0, 0, 0.77);
  -moz-box-shadow: 0px 10px 8px -6px rgba(0, 0, 0, 0.77);
  box-shadow: 0px 10px 8px -6px rgba(0, 0, 0, 0.77); }

.boxShadow_bottom_right, .tafel {
  -webkit-box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.77);
  -moz-box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.77);
  box-shadow: 10px 10px 8px -6px rgba(0, 0, 0, 0.77); }

.boxShadow_clear {
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent; }

.softtransparents {
  opacity: 0.9; }

.myheadline {
  display: table;
  margin-top: 25px;
  margin-bottom: 30px;
  white-space: nowrap; }
  .myheadline h1 {
    font-family: 'KaushanScriptRegular';
    font-size: 22px;
    display: inline-block;
    position: relative;
    top: -27.5px;
    height: 45px;
    background-image: url("../images/assets/h2-center.png");
    color: #fff3eb;
    padding-top: 8px; }
  .myheadline::before {
    content: url("../images/assets/h2-left.png"); }
  .myheadline::after {
    content: url("../images/assets/h2-right.png"); }
  @media screen and (max-width: 360px) {
    .myheadline h1 {
      top: -34.5px;
      font-size: 17px; } }

::selection {
  background: #69b1cd;
  color: #FFF; }

::-moz-selection {
  background: #69b1cd;
  color: #FFF; }

a {
  color: #69b1cd;
  cursor: pointer; }

a:hover {
  color: #7ac2de; }

.transition05, .impressionen .galerie a img, .impressionen_wohnungen .galerie-wohnungen a img {
  -webkit-transition: all 0.5s ease;
  /* Firefox */
  -moz-transition: all 0.5s ease;
  /* WebKit */
  -o-transition: all 0.5s ease;
  /* Opera */
  transition: all 0.5s ease;
  /* Standard */ }

.container-full {
  overflow: hidden; }

/*Nav       ~~~~~~~~~~~~*/
#main-nav {
  background-color: #bdb1a8;
  color: #5e5853;
  text-transform: uppercase; }
  #main-nav .navbar-header h1 {
    float: left;
    font-family: 'KaushanScriptRegular';
    font-size: 23px;
    margin-top: 13px;
    color: #fff; }
  @media screen and (max-width: 360px) {
    #main-nav .navbar-header h1 {
      font-size: 18px; } }
  #main-nav .navbar-header img {
    width: 27%; }
  #main-nav a img {
    transition: all 0.5s ease-in;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 5; }
  @media screen and (min-width: 991px) and (max-width: 1324px) {
    #main-nav a img {
      margin-top: 75px; }
    #main-nav a {
      font-size: 11px; } }
  @media screen and (max-width: 990px) {
    #main-nav a {
      font-size: 12px;
      padding: 10px 8px; } }
  #main-nav .navbar-toggle {
    border-color: #fff; }
    #main-nav .navbar-toggle:focus, #main-nav .navbar-toggle:hover {
      background-color: #69b1cd; }
    #main-nav .navbar-toggle .icon-bar {
      background-color: #fff; }
  #main-nav .navbar-collapse {
    border-color: #bdb1a8; }
    #main-nav .navbar-collapse.in li a {
      font-size: 14px; }
    #main-nav .navbar-collapse.in li a:hover {
      background-color: #69b1cd;
      color: #fff; }
    #main-nav .navbar-collapse.in li.active a {
      background-color: #7ac2de; }
  #main-nav.scrolled .wow {
    visibility: visible !important; }
  #main-nav .navbar-default {
    background-color: #bdb1a8;
    z-index: 500; }
    #main-nav .navbar-default .navbar-nav li a {
      padding: 15px 9px;
      color: #5e5853; }
      #main-nav .navbar-default .navbar-nav li a :hover {
        color: #5e5853; }
    #main-nav .navbar-default .navbar-nav li:hover {
      background-color: #fefaf4; }
    #main-nav .navbar-default .navbar-nav li .dropdown-menu {
      background-color: #bdb1a8; }

/*Slider~~~~~~~~~~~~*/
.navbar-brand {
  position: absolute;
  width: 100%;
  left: 0;
  top: 160px;
  text-align: center;
  margin: auto;
  z-index: 20; }

.myslider {
  position: relative;
  margin-top: 50px; }
  .myslider .carousel-fade .carousel-inner .item {
    transition-property: opacity; }
    .myslider .carousel-fade .carousel-inner .item .background {
      background-repeat: no-repeat;
      /* custom background-position */
      background-position: 0% 50%;
      /* ie8- graceful degradation */
      background-position: 50% 50% 9 !important; }
    .myslider .carousel-fade .carousel-inner .item .parallax, .myslider .carousel-fade .carousel-inner .item fullscreen {
      height: 34.1vw;
      background-size: cover !important; }
    .myslider .carousel-fade .carousel-inner .item .slide_1 {
      background-image: url("../images/slider/1.jpg"); }
    .myslider .carousel-fade .carousel-inner .item .slide_2 {
      background-image: url("../images/slider/3.jpg"); }
    .myslider .carousel-fade .carousel-inner .item .slide_3 {
      background-image: url("../images/slider/2.jpg"); }
  .myslider .carousel-fade .carousel-inner .item,
  .myslider .carousel-fade .carousel-inner .active.left,
  .myslider .carousel-fade .carousel-inner .active.right {
    opacity: 0.8; }
  .myslider .carousel-fade .carousel-inner .active,
  .myslider .carousel-fade .carousel-inner .next.left,
  .myslider .carousel-fade .carousel-inner .prev.right {
    opacity: 1; }
  .myslider .carousel-fade .carousel-inner .next,
  .myslider .carousel-fade .carousel-inner .prev,
  .myslider .carousel-fade .carousel-inner .active.left,
  .myslider .carousel-fade .carousel-inner .active.right {
    left: 0.8;
    transform: translate3d(0, 0, 0); }
  @media screen and (max-width: 990px) {
    .myslider {
      margin-top: 73px; } }
  @media screen and (max-width: 360px) {
    .myslider {
      margin-top: 61px; } }

/*Parallax~~~~~~~~~~~~*/
.fullscreen {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.fullscreen.overflow {
  height: auto;
  min-height: 100%; }

/*Background~~~~~~~~~~~~*/
.whitebg {
  background-color: #fefaf4; }

.imagebg {
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 45px; }
  .imagebg.ibg_1 {
    background-image: url("../images/backgrounds/bg_1.jpg"); }
  .imagebg.ibg_2 {
    background-image: url("../images/backgrounds/bg_2.jpg");
    padding-bottom: 150px; }
  .imagebg.ibg_3 {
    background-image: url("../images/backgrounds/bg_3.jpg"); }
  .imagebg.ibg_4 {
    background-image: url("../images/backgrounds/bg_4.jpg"); }
  .imagebg.ibg_5 {
    background-image: url("../images/backgrounds/bg_5.jpg"); }

/*Contents~~~~~~~~~~~~*/
.welcome {
  z-index: 10;
  position: relative; }
  .welcome .zhigh, .welcome .myheadline, .welcome .myslider {
    position: relative; }
  .welcome .absolute {
    z-index: 2; }
  .welcome p {
    z-index: 3;
    position: relative; }
  .welcome .moeve_1 {
    margin-top: -110px;
    margin-left: -220px; }
  .welcome #moeve_2 {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 5;
    background: url("../images/assets/moeve_2.png") 17% 100% no-repeat; }
  .welcome .ruder_1 {
    transform: rotate(0deg);
    margin-left: 90px; }
  .welcome .mysign {
    font-family: 'ProtoUncertain';
    font-size: 50px;
    transform: rotate(-4deg);
    white-space: nowrap; }
  @media screen and (max-width: 360px) {
    .welcome h1 {
      font-size: 17px; }
    .welcome .ruder_1 {
      margin-left: 10px;
      margin-top: 270px; }
    .welcome .col-md-12 {
      margin-bottom: 190px; }
    .welcome .moeve_1 {
      display: none; } }
  @media screen and (min-width: 361px) and (max-width: 990px) {
    .welcome .col-md-12 {
      margin-bottom: 190px; }
    .welcome .ruder_1 {
      margin-left: 250px;
      margin-top: 130px; } }

.tafel {
  margin-top: 100px;
  background-color: #fff;
  min-height: 470px;
  padding: 10px;
  /* Nur Firefox */
  /* Nur Internet Explorer 10 */ }
  @media screen and (max-width: 990px) {
    .tafel {
      min-height: 580px; } }
  @media screen and (min-width: 991px) and (max-width: 1200px) {
    .tafel {
      min-height: 640px; } }
  @media screen and (min-width: 1201px) and (max-width: 1325px) {
    .tafel {
      min-height: 560px; } }
  @media screen and (min-width: 1326px) {
    .tafel {
      min-height: 560px; } }
  .tafel h2 {
    font-family: 'KaushanScriptRegular';
    font-size: 20px;
    color: #69b1cd;
    z-index: 5;
    position: relative;
    margin-top: -15px; }
  .tafel h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0; }
  .tafel .tafel_head {
    width: 194px;
    height: 91px;
    position: absolute;
    left: 50%;
    margin-left: -97px;
    margin-top: -96.8px;
    z-index: 4; }
  .tafel.tafel_1 .tafel_head {
    background-image: url("../images/assets/tafel_1.png"); }
  @media screen and (max-width: 1325px) {
    .tafel.tafel_1 .tafel_head {
      margin-top: -97px; } }
  .tafel.tafel_2 .tafel_head {
    background-image: url("../images/assets/tafel_2.png"); }
  .tafel.tafel_2 .thumbs img {
    margin-top: -10px; }
  .tafel.tafel_3 .tafel_head {
    background-image: url("../images/assets/tafel_3.png"); }
  .tafel.tafel_3 .thumbs img {
    margin-top: -10px; }
  .tafel.tafel_4 .tafel_head {
    background-image: url("../images/assets/tafel_4.png"); }
  .tafel.tafel_4 .thumbs img {
    margin-top: -30px; }
  .tafel.tafel_6 .tafel_head {
    background-image: url("../images/assets/tafel_6.png"); }
  @media screen and (max-width: 990px) {
    .tafel.tafel_6 {
      min-height: 400px; } }
  .tafel .thumbs {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 150px; }
    .tafel .thumbs img {
      width: 100%;
      margin-top: -150px; }
@-moz-document url-prefix() {
  .tafel .thumbs {
    display: block; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tafel .thumbs {
      display: block; } }

.ferienwohnungen {
  position: relative; }
  .ferienwohnungen ul {
    padding-left: 20px; }
  .ferienwohnungen .absolute .stuhl_1 {
    margin-left: 290px;
    margin-top: 60px; }
  @media screen and (max-width: 990px) {
    .ferienwohnungen .absolute .stuhl_1 {
      margin-left: 350px;
      margin-top: -460px; } }
  .ferienwohnungen .col-md-8 .whitebg {
    padding-bottom: 65px; }
  .ferienwohnungen a {
    font-style: italic;
    color: #5e5853;
    text-decoration: underline; }
    .ferienwohnungen a:hover {
      color: #69b1cd; }

.geschichte .whitebg {
  min-height: 660px; }
  .geschichte .whitebg .absolute {
    z-index: 2; }
  .geschichte .whitebg p {
    z-index: 3;
    position: relative; }
  .geschichte .whitebg .kutsche_1 {
    position: relative;
    margin-left: 530px;
    margin-top: 180px; }
  .geschichte .whitebg .turm_1 {
    position: relative;
    margin-left: -450px;
    margin-top: -90px; }
  @media screen and (max-width: 375px) {
    .geschichte .whitebg h1 {
      top: -38.5px;
      font-size: 12px; } }
  @media screen and (min-width: 991px) and (max-width: 1325px) {
    .geschichte .whitebg .kutsche_1 {
      transition: all 0.8s ease-in;
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      margin-top: 190px;
      margin-left: 370px; } }
  @media screen and (max-width: 990px) {
    .geschichte .whitebg .kutsche_1 {
      transform: scale(0.5);
      margin-top: -120px;
      margin-left: 200px; }
    .geschichte .whitebg .turm_1 {
      margin-left: -390px;
      margin-top: -40px; } }

.cuxhaven {
  /* Nur Firefox */
  /* Nur Internet Explorer 10 */ }
  .cuxhaven .hiersindwir {
    position: absolute;
    right: 4px;
    top: -11px; }
  .cuxhaven .whitebg {
    min-height: 326px; }
@-moz-document url-prefix() {
  .cuxhaven .whitebg {
    min-height: 340px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cuxhaven .whitebg {
      min-height: 340px; } }
  @media screen and (min-width: 991px) and (max-width: 1324px) {
    .cuxhaven .whitebg {
      min-height: 382px; } }
  @media screen and (max-width: 990px) {
    .cuxhaven .whitebg {
      min-height: 260px; } }

.ausflugsziele .whitebg {
  min-height: 660px; }
  .ausflugsziele .whitebg .absolute {
    z-index: 2; }
  .ausflugsziele .whitebg a {
    color: #000;
    text-decoration: underline; }
  .ausflugsziele .whitebg p, .ausflugsziele .whitebg ul {
    z-index: 3;
    position: relative; }
  .ausflugsziele .whitebg ul {
    min-width: 210px; }
  .ausflugsziele .whitebg .biken_1 {
    position: relative;
    margin-left: 750px;
    margin-top: -90px; }
  .ausflugsziele .whitebg .schiff_1 {
    position: relative;
    margin-left: -580px;
    margin-top: -120px; }
  .ausflugsziele .whitebg .col-md-2 {
    min-width: 110px; }
  @media screen and (max-width: 360px) {
    .ausflugsziele .whitebg h1 {
      top: -35.5px;
      font-size: 16px; }
    .ausflugsziele .whitebg .biken_1 {
      margin-left: 170px;
      margin-top: -470px; }
    .ausflugsziele .whitebg .schiff_1 {
      display: none; } }
  @media screen and (min-width: 361px) and (max-width: 990px) {
    .ausflugsziele .whitebg .biken_1 {
      margin-left: 510px;
      margin-top: -50px; }
    .ausflugsziele .whitebg .schiff_1 {
      display: inherit; } }
  @media screen and (min-width: 991px) and (max-width: 1200px) {
    .ausflugsziele .whitebg .biken_1 {
      margin-left: 710px; } }
  @media screen and (min-width: 1201px) and (max-width: 1325px) {
    .ausflugsziele .whitebg .biken_1 {
      margin-left: 770px; }
    .ausflugsziele .whitebg .col-md-2 {
      min-width: 233px; } }
  @media screen and (min-width: 1326px) and (max-width: 1920px) {
    .ausflugsziele .whitebg .biken_1 {
      margin-left: 820px; } }

.impressionen .galerie {
  z-index: 3;
  position: relative; }
  .impressionen .galerie a img {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid #69b1cd; }
    .impressionen .galerie a img:hover {
      -webkit-filter: grayscale(100%);
      -webkit-transform: rotate(-2deg);
      -moz-transform: rotate(-2deg);
      -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
      transform: rotate(-2deg); }
.impressionen .absolute {
  z-index: 2; }
.impressionen .seestern_1 {
  position: relative;
  margin-left: -290px;
  margin-top: 390px; }
.impressionen .moeve_3 {
  position: relative;
  margin-left: 1180px;
  margin-top: -90px; }
.impressionen .flaschenpost {
  position: relative;
  margin-left: 1120px;
  margin-top: 290px; }
@media screen and (max-width: 360px) {
  .impressionen .seestern_1 {
    margin-left: 30px; }
  .impressionen .moeve_3 {
    margin-left: -10px;
    margin-top: -1810px; }
  .impressionen .flaschenpost {
    margin-left: -70px;
    margin-top: 1270px; } }
@media screen and (min-width: 361px) and (max-width: 990px) {
  .impressionen .seestern_1 {
    margin-left: 160px; }
  .impressionen .moeve_3 {
    margin-left: 420px; }
  .impressionen .flaschenpost {
    margin-left: 410px;
    margin-top: 780px; } }
@media screen and (min-width: 991px) and (max-width: 1199px) {
  .impressionen .flaschenpost {
    margin-left: 710px;
    margin-top: 220px; }
  .impressionen .moeve_3 {
    margin-left: 910px; } }
@media screen and (min-width: 1200px) and (max-width: 1325px) {
  .impressionen .flaschenpost {
    margin-left: 900px; }
  .impressionen .moeve_3 {
    margin-left: 1110px; } }
@media screen and (min-width: 1326px) and (max-width: 1920px) {
  .impressionen .flaschenpost {
    margin-left: 910px; }
  .impressionen .moeve_3 {
    margin-left: 1120px; } }

.impressionen_wohnungen .galerie-wohnungen {
  z-index: 3;
  position: relative; }
  .impressionen_wohnungen .galerie-wohnungen div {
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px; }
  .impressionen_wohnungen .galerie-wohnungen a img {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    border: 2px solid #69b1cd;
    height: 100%; }
    .impressionen_wohnungen .galerie-wohnungen a img:hover {
      -webkit-filter: grayscale(100%);
      -webkit-transform: rotate(-2deg);
      -moz-transform: rotate(-2deg);
      -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
      transform: rotate(-2deg); }
.impressionen_wohnungen .absolute {
  z-index: 2; }
.impressionen_wohnungen .seestern_1 {
  position: relative;
  margin-left: -290px;
  margin-top: 390px; }
.impressionen_wohnungen .moeve_3 {
  position: relative;
  margin-left: 1180px;
  margin-top: -90px; }
.impressionen_wohnungen .flaschenpost {
  position: relative;
  margin-left: 1120px;
  margin-top: 290px; }
@media screen and (max-width: 360px) {
  .impressionen_wohnungen .seestern_1 {
    margin-left: 30px; }
  .impressionen_wohnungen .moeve_3 {
    margin-left: -10px;
    margin-top: -1810px; }
  .impressionen_wohnungen .flaschenpost {
    margin-left: -70px;
    margin-top: 1270px; } }
@media screen and (min-width: 361px) and (max-width: 990px) {
  .impressionen_wohnungen .seestern_1 {
    margin-left: 160px; }
  .impressionen_wohnungen .moeve_3 {
    margin-left: 420px; }
  .impressionen_wohnungen .flaschenpost {
    margin-left: 410px;
    margin-top: 780px; } }
@media screen and (min-width: 991px) and (max-width: 1199px) {
  .impressionen_wohnungen .flaschenpost {
    margin-left: 710px;
    margin-top: 220px; }
  .impressionen_wohnungen .moeve_3 {
    margin-left: 910px; } }
@media screen and (min-width: 1200px) and (max-width: 1325px) {
  .impressionen_wohnungen .flaschenpost {
    margin-left: 900px; }
  .impressionen_wohnungen .moeve_3 {
    margin-left: 1110px; } }
@media screen and (min-width: 1326px) and (max-width: 1920px) {
  .impressionen_wohnungen .flaschenpost {
    margin-left: 910px; }
  .impressionen_wohnungen .moeve_3 {
    margin-left: 1120px; } }

.preise {
  /* Nur Internet Explorer 10 */ }
  .preise h3 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700; }
  .preise .my_price_table .table-head {
    background-color: #e3dcd2; }
  .preise .my_price_table .table-body .col {
    border-bottom: 1px solid #e3dcd2;
    border-left: 1px solid #e3dcd2;
    padding: 2px 5px 2px 5px; }
  .preise .my_price_table .table-body .odd {
    background: rgba(250, 235, 215, 0.38); }
  .preise .my_price_table .table-body .end {
    border-right: 1px solid #e3dcd2; }
  .preise .directbooking {
    position: absolute;
    right: 4px;
    top: -11px; }
  .preise .small {
    font-size: 10px; }
  .preise .sizeOne {
    min-height: 396px; }
  .preise .sizeTwo {
    min-height: 193px; }
  .preise .sizeThree {
    min-height: 700px; }
@-moz-document url-prefix() {
  .preise .sizeOne {
    min-height: 417px; }
  .preise .sizeTwo {
    min-height: 203.5px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .preise .sizeOne {
      min-height: 417px; }
    .preise .sizeTwo {
      min-height: 203.5px; } }
  @media screen and (max-width: 360px) {
    .preise .sizeOne, .preise .sizeTwo {
      margin-bottom: 15px; } }
  @media screen and (max-width: 1200px) {
    .preise .col-md-8 {
      margin-top: 25px; } }

.kontakt .absolute {
  z-index: 2; }
  .kontakt .absolute .schiff_2 {
    position: relative;
    margin-left: -270px;
    margin-top: -90px; }
  .kontakt .absolute .moeve_3 {
    position: relative;
    margin-left: 900px;
    margin-top: -550px; }
  .kontakt .absolute .moeve_2 {
    position: relative;
    margin-left: 380px;
    margin-top: -20px; }
  @media screen and (max-width: 360px) {
    .kontakt .absolute .moeve_2 {
      margin-left: 490px;
      margin-top: 200px; }
    .kontakt .absolute .moeve_3 {
      margin-left: 160px;
      margin-top: -970px; } }
  @media screen and (min-width: 361px) and (max-width: 990px) {
    .kontakt .absolute .moeve_2 {
      margin-left: 490px;
      margin-top: 200px; }
    .kontakt .absolute .moeve_3 {
      margin-left: 230px;
      margin-top: -830px; } }
.kontakt p, .kontakt form {
  z-index: 3;
  position: relative; }
.kontakt a {
  font-weight: bold;
  text-decoration: underline; }
.kontakt input[type="text"] {
  background-color: #e3dcd2;
  color: #000; }
.kontakt input[type="email"] {
  background-color: #e3dcd2;
  color: #000; }
.kontakt input {
  background-color: #e3dcd2;
  color: #000; }
.kontakt input[type="date"] {
  background-color: #e3dcd2;
  height: 30px;
  border-radius: 0px;
  border: 1px solid #bdb1a8; }
.kontakt input[type="textarea"] {
  background-color: #e3dcd2;
  color: #000; }
.kontakt select {
  background-color: #e3dcd2;
  height: 30px;
  text-align: right; }
.kontakt textarea {
  background-color: #e3dcd2; }
.kontakt .form-control {
  border-radius: 0px;
  border: 1px solid #bdb1a8; }
  .kontakt .form-control:focus {
    border-color: #69b1cd;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(171, 190, 103, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #abbe67; }
.kontakt .has-error .form-control {
  border-color: #a94442;
  border-width: 2px;
  -webkit-box-shadow: inset 0 1px 1px transparent;
  box-shadow: inset 0 1px 1px transparent; }
.kontakt .btn-default {
  background-color: #69b1cd;
  border-color: #bdb1a8;
  width: 100%;
  border-radius: 0;
  color: #fff; }
.kontakt ::-webkit-input-placeholder {
  color: #87837d; }
.kontakt :-moz-placeholder {
  color: #87837d; }
.kontakt ::-moz-placeholder {
  color: #87837d; }
.kontakt :-ms-input-placeholder {
  color: #87837d; }

.onlinebooking .modal-dialog {
  width: 1000px; }
.onlinebooking .modal-body {
  min-height: 600px; }
  .onlinebooking .modal-body iframe {
    width: 100% !important; }

.btn-primary {
  color: #fff;
  background-color: #69b1cd;
  border-color: #7ac2de; }
  .btn-primary:hover {
    background-color: #7ac2de; }

#mymap {
  width: 100%;
  margin: 0px auto; }
  #mymap iframe {
    width: 100%; }

@media screen and (max-width: 1200px) {
  #mymap {
    width: 100%;
    margin: 0px auto; } }
footer {
  background-color: #69b1cd;
  min-height: 70px;
  padding-top: 25px;
  padding-bottom: 25px; }
  footer a, footer a:visited, footer a:focus {
    color: #fff; }
    footer a.scroll, footer a:visited.scroll, footer a:focus.scroll {
      font-size: 24px;
      font-family: 'KaushanScriptRegular'; }
  footer h2 {
    font-size: 24px;
    font-family: 'KaushanScriptRegular';
    color: #fff; }
  footer a:hover {
    color: #f0f0f0; }
  footer .collapse {
    background-color: #69b1cd; }
  footer .well {
    background-color: #94B5D8;
    border: 1px solid #43607D; }

/*Responsive~~~~~~~~~~~~*/