@charset "UTF-8";
/* Alle Abstände zurücksetzen für volle Kontrolle */
/* line 3, shared/_base.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 9, shared/_base.scss */
html, body {
  width: 100%;
  height: 100%;
}

/* line 15, shared/_base.scss */
img {
  border: 0;
}

/* line 2, shared/_typography.scss */
body {
  font: 300 100%/1.25 'Lato', Helvetica, 'Trebuchet MS', sans-serif;
  min-width: 52.5em;
  /* 840px */
}

/* line 6, shared/_typography.scss */
.noText {
  text-indent: -9999px;
  color: #000;
  font-size: 1px;
  overflow: hidden;
}

/* ==========================
      Schrift und Abstände 
   ========================== */
/* line 13, shared/_typography.scss */
h1 {
  font-family: 'Tangerine', Cursive;
  text-align: center;
  font-size: 3em;
  /* 48px */
  margin: 0;
}

/* line 20, shared/_typography.scss */
h1.with-logo {
  font-size: 2.75em;
}

/* line 26, shared/_typography.scss */
q.motto {
  display: block;
  font-size: 1.75em;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  line-height: 1.15em;
  text-shadow: 0px 0px 10px #ffffff;
}

/* line 36, shared/_typography.scss */
span.motto-kleiner {
  display: block;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 0px 10px #ffffff;
  letter-spacing: 0.07em;
}

/*h1
{
    font-size: 2em;  
    margin: 0.5em 0 0.25em 0;
}*/
/* line 52, shared/_typography.scss */
h2 {
  font-size: 150%;
  font-style: italic;
  font-weight: 700;
  margin: 0.66em 0 0.16em 0;
  text-align: center;
}

/* line 61, shared/_typography.scss */
h3 {
  font-size: 1em;
  margin: 0.5em 0 0.25em 0;
  font-weight: 400;
}

/* line 68, shared/_typography.scss */
p {
  margin: 0.5em 0;
}

/* line 73, shared/_typography.scss */
q {
  quotes: "\201E" "\201C";
  font: inherit;
}

/* line 80, shared/_typography.scss */
ul {
  margin: 1em 0;
  padding-left: 2em;
}

/* line 86, shared/_typography.scss */
a {
  font-weight: 400;
}

/* line 90, shared/_typography.scss */
a:link, a:visited {
  color: #990000;
  text-decoration: none;
}

/* line 95, shared/_typography.scss */
a:hover {
  text-decoration: underline;
}

/* Häufig benutzte Funktionen */
/* line 19, shared/_mixins.scss */
body.mobilheime .fotos {
  text-align: justify;
  font-size: 0.01px;
}
/* line 23, shared/_mixins.scss */
body.mobilheime .fotos > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: medium;
}
/* line 27, shared/_mixins.scss */
body.mobilheime .fotos:after {
  content: "";
  width: 100%;
  height: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* Schriftgrößen */
/* Header: Layout */
/* line 6, modules/_header.scss */
header {
  position: relative;
  height: 5.875em;
  /* 94px */
  text-align: center;
}
/* line 13, modules/_header.scss */
header > .logo {
  float: left;
  margin-left: 20px;
}
/* line 17, modules/_header.scss */
header > .kinder {
  float: right;
  margin: 0em 0.625em 0;
}
/* line 26, modules/_header.scss */
header > .webcam-link {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8.75em;
  text-align: center;
  display: block;
}
/* line 37, modules/_header.scss */
header > h1 {
  position: absolute;
  text-indent: -10000px;
  /* Nicht darstellen! */
}
/* line 42, modules/_header.scss */
header > .kontakt {
  font-size: 90%;
  display: block;
  height: 3.25em;
  text-shadow: 1px 1px 1px white;
}

/* line 56, modules/_header.scss */
header > nav > ul, body.mobilheime nav.haus > ul {
  margin: 0;
  padding: 0;
}
/* line 60, modules/_header.scss */
header > nav > ul > li, body.mobilheime nav.haus > ul > li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  list-style-type: none;
}
/* line 65, modules/_header.scss */
header > nav > ul > li > a, body.mobilheime nav.haus > ul > li > a {
  display: block;
  height: 2em;
  /* 32px */
  line-height: 2em;
  text-decoration: none;
  text-align: center;
  padding: 0 0.625em;
  /* 10px */
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.1);
  font-weight: 400;
  transition: background-color 0.25s ease-out;
}
/* line 83, modules/_header.scss */
header > nav > ul > li > a, body.mobilheime nav.haus > ul > li > a, header > nav > ul > li > a:link, body.mobilheime nav.haus > ul > li > a:link, header > nav > ul > li > a:visited, body.mobilheime nav.haus > ul > li > a:visited {
  color: #4d4d4d;
}
/* line 87, modules/_header.scss */
header > nav > ul > li > a:hover, body.mobilheime nav.haus > ul > li > a:hover {
  background: #f5e5e5;
  background: rgba(153, 0, 0, 0.1);
  text-decoration: none;
}
/* line 93, modules/_header.scss */
header > nav > ul > li > a.active, body.mobilheime nav.haus > ul > li > a.active {
  background: #d69999;
  background: rgba(153, 0, 0, 0.4);
  color: white;
}

/* line 107, modules/_header.scss */
header > nav {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  margin-top: 0.625em;
  /* Navigation: Aussehen */
}
/* line 119, modules/_header.scss */
header > nav > ul {
  width: 38.125em;
  text-align: justify;
}
/* line 124, modules/_header.scss */
header > nav > ul > li {
  width: 18.68852%;
}
/* line 128, modules/_header.scss */
header > nav > ul:after {
  content: "";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 1px;
}
/* line 139, modules/_header.scss */
header > nav .sub {
  position: absolute;
  margin: 0;
  padding: 0;
  padding-top: 0.4375em;
  min-width: 9.375em;
  z-index: 100;
  text-align: left;
  opacity: 0;
  display: none;
  list-style: none;
  border: solid #4d4d4d;
  border-width: 0 0 1px;
}
/* line 161, modules/_header.scss */
header > nav .sub:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.4375em;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.4375em 0.4375em 0.4375em;
  border-color: transparent transparent #4d4d4d transparent;
}
/* line 177, modules/_header.scss */
header > nav .sub > li {
  background: #e5e5e5;
  background: rgba(229, 229, 229, 0.9);
  display: block;
  border: solid #4d4d4d;
  border-width: 0 1px;
  padding: 0.25em 0.625em;
}
/* line 183, modules/_header.scss */
header > nav .sub > li:before {
  content: "-";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 0.25em;
}
/* line 188, modules/_header.scss */
header > nav .sub > li > a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* line 195, modules/_header.scss */
header > nav .sub > li:first-child {
  border-top-width: 1px;
}
/* line 202, modules/_header.scss */
header > nav a:hover + .sub, header > nav .sub:hover {
  opacity: 1;
  display: block;
}

/* Häufig benutzte Funktionen */
/* line 19, shared/_mixins.scss */
body.mobilheime .fotos {
  text-align: justify;
  font-size: 0.01px;
}
/* line 23, shared/_mixins.scss */
body.mobilheime .fotos > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: medium;
}
/* line 27, shared/_mixins.scss */
body.mobilheime .fotos:after {
  content: "";
  width: 100%;
  height: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* Schriftgrößen */
/* ==========================
     Rahmenlayout der Seite 
   ========================== */
/* line 8, modules/_page-layout.scss */
#page-wrap {
  width: 100%;
  max-width: 59.375em;
  height: auto;
  min-height: 100%;
  margin: 0 auto;
  margin-top: -0.625em;
  /* 10px um Scrollbalken zu verhindern */
  padding-top: 0.625em;
  /* 10px um Scrollbalken zu verhindern */
  padding-left: 0.3125em;
  padding-right: 0.3125em;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* line 27, modules/_page-layout.scss */
#content-box {
  /*float: left;*/
  width: 58.125em;
  /* 950-20px */
  background: red;
  margin-top: 0.625em;
  /* 10px */
  margin-bottom: 1.25em;
  /* 20 px */
  /*margin-bottom: 9.375em; /* 40+70+40 px */
  padding: 0.625em;
  /* 10px */
}

/* line 39, modules/_page-layout.scss */
#main-content {
  clear: both;
  margin-top: 0.625em;
  /* 10px */
  min-height: 26.25em;
  /* 420px */
  background: gray;
  background: rgba(255, 255, 255, 0.5);
  padding: 0.625em 1.25em;
  overflow: hidden;
}

/* line 50, modules/_page-layout.scss */
#content-box, footer, #bigfoot a {
  background: url(../images/bg-pattern.png);
  box-shadow: 0px 0px 5px #000000;
  border-radius: 5px;
}

/* line 60, modules/_page-layout.scss */
footer {
  transition: all 0.6s ease;
}

/* line 65, modules/_page-layout.scss */
footer.hidden {
  background: none;
  box-shadow: none;
}

/* ==========================
       Hintergrundbilder 
   ========================== */
/* line 79, modules/_page-layout.scss */
img#fullscreen-bg, img#fullscreen-bg2 {
  height: 100%;
  min-width: 100%;
  width: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 0;
}

/* Werbung: Layout */
/* line 3, modules/_bigfoot.scss */
#bigfoot {
  margin-top: 2.5em;
  /* 40px */
  margin-bottom: 8.125em;
  /* 40+70+20 px */
}
/* line 8, modules/_bigfoot.scss */
#bigfoot > a {
  display: block;
  text-decoration: none;
  width: 56.875em;
  color: black;
  padding: 0.625em 1.25em;
}
/* line 16, modules/_bigfoot.scss */
#bigfoot > a:after {
  content: ' ';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
/* line 26, modules/_bigfoot.scss */
#bigfoot div {
  float: left;
  vertical-align: middle;
  margin-right: 2em;
  display: inline;
  line-height: 2em;
}
/* line 34, modules/_bigfoot.scss */
#bigfoot img {
  width: auto;
  vertical-align: middle;
  margin-top: -1.5em;
  margin-bottom: -0.625em;
  margin-left: 0.625em;
}
/* line 42, modules/_bigfoot.scss */
#bigfoot q {
  font-size: 1.25em;
  font-style: italic;
}

/* Footer: Layout */
/* line 3, modules/_footer.scss */
footer {
  position: absolute;
  /*width: 100%;*/
  right: 0.3125em;
  /* 5px */
  left: 0.3125em;
  /*height: 4.375em; /* 70px */
  height: 3.125em;
  /* 70px */
  bottom: 1.25em;
  /* 20px */
  padding: 0.625em 1.25em;
  /* 10px 20px */
}
/* line 16, modules/_footer.scss */
footer > div.contact {
  font-weight: 400;
  font-size: 0.75em;
  float: left;
}
/* line 23, modules/_footer.scss */
footer > a.showbg {
  display: block;
  position: absolute;
  left: 17.8125em;
  /* 285px */
  width: 17.8125em;
  top: 0.625em;
  /* 10px */
  height: 3.125em;
  /*50px */
  line-height: 3.125em;
  text-align: center;
  text-decoration: none;
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.3);
  font-weight: 400;
  transition: background-color 0.25s ease-out;
  /* START: Button anders darstellen, wenn nur der Button sichtbar ist */
  /* ENDE: Button anders darstellen, wenn nur der Button sichtbar ist */
}
/* line 42, modules/_footer.scss */
footer > a.showbg:link, footer > a.showbg:visited {
  color: white;
}
/* line 46, modules/_footer.scss */
footer > a.showbg:hover {
  background: #f5e5e5;
  background: rgba(153, 0, 0, 0.1);
  text-decoration: none;
}
/* line 54, modules/_footer.scss */
footer > a.showbg.alone {
  box-shadow: 0px 0px 5px #000000;
  border-radius: 5px;
  background: url(../images/bg-pattern.png) !important;
}
/* line 62, modules/_footer.scss */
footer > a.showbg.alone:link, footer > a.showbg.alone:visited {
  color: black;
}
/* line 66, modules/_footer.scss */
footer > a.showbg.alone:hover {
  color: #990000;
}
/* line 76, modules/_footer.scss */
footer > div.sharing {
  /*width: 16.5625em; /*265 px */
  float: right;
  font-weight: 400;
  height: 3em;
  line-height: 3em;
}
/* line 83, modules/_footer.scss */
footer > div.sharing span, footer > div.sharing a {
  float: left;
}
/* line 88, modules/_footer.scss */
footer > div.sharing span {
  margin-right: 1.25em;
}
/* line 93, modules/_footer.scss */
footer > div.sharing a:link, footer > div.sharing a:visited {
  color: black;
}
/* line 97, modules/_footer.scss */
footer > div.sharing a:hover {
  color: #990000;
}
/* line 101, modules/_footer.scss */
footer > div.sharing a img {
  /*float: left;*/
  margin-top: -2em;
}

/* Häufig benutzte Funktionen */
/* line 19, shared/_mixins.scss */
body.mobilheime .fotos {
  text-align: justify;
  font-size: 0.01px;
}
/* line 23, shared/_mixins.scss */
body.mobilheime .fotos > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: medium;
}
/* line 27, shared/_mixins.scss */
body.mobilheime .fotos:after {
  content: "";
  width: 100%;
  height: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* Schriftgrößen */
/* line 76, pages/_index.scss */
body.index .lageplan {
  float: right;
  margin-left: 1.25em;
  position: relative;
}
/* line 82, pages/_index.scss */
body.index [class*="popup-button"] {
  position: absolute;
  display: block;
}
/* line 86, pages/_index.scss */
body.index [class*="popup-button"]:hover + [class$="-popup"], body.index [class*="popup-button"] + [class$="-popup"]:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="aachen"] {
  top: 20.44271em;
  left: 20.05208em;
  width: 4.94792em;
  height: 1.69271em;
  z-index: 2;
}
/* line 24, pages/_index.scss */
body.index [class$="aachen"] + .mobilheim-popup {
  left: -7.44792em;
  bottom: 11.11458em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="aachen"]:hover + .mobilheim-popup, body.index [class$="aachen"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="berlin"] {
  top: 22.13542em;
  left: 19.53125em;
  width: 4.03646em;
  height: 1.30208em;
  z-index: 2;
}
/* line 24, pages/_index.scss */
body.index [class$="berlin"] + .mobilheim-popup {
  left: -7.96875em;
  bottom: 9.8125em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="berlin"]:hover + .mobilheim-popup, body.index [class$="berlin"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="chemnitz"] {
  top: 19.53125em;
  left: 18.35938em;
  width: 4.55729em;
  height: 2.08333em;
  z-index: 0;
}
/* line 24, pages/_index.scss */
body.index [class$="chemnitz"] + .mobilheim-popup {
  left: -9.14063em;
  bottom: 11.63542em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="chemnitz"]:hover + .mobilheim-popup, body.index [class$="chemnitz"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="duesseldorf"] {
  top: 21.61458em;
  left: 15.75521em;
  width: 5.07813em;
  height: 2.86458em;
  z-index: 0;
}
/* line 24, pages/_index.scss */
body.index [class$="duesseldorf"] + .mobilheim-popup {
  left: -11.74479em;
  bottom: 8.77083em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="duesseldorf"]:hover + .mobilheim-popup, body.index [class$="duesseldorf"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="essen"] {
  top: 18.75em;
  left: 15.75521em;
  width: 2.60417em;
  height: 2.21354em;
  z-index: 0;
}
/* line 24, pages/_index.scss */
body.index [class$="essen"] + .mobilheim-popup {
  left: -11.74479em;
  bottom: 12.28646em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="essen"]:hover + .mobilheim-popup, body.index [class$="essen"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="frankfurt"] {
  top: 20.96354em;
  left: 14.45313em;
  width: 3.64583em;
  height: 2.47396em;
  z-index: 1;
}
/* line 24, pages/_index.scss */
body.index [class$="frankfurt"] + .mobilheim-popup {
  left: -13.04688em;
  bottom: 9.8125em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="frankfurt"]:hover + .mobilheim-popup, body.index [class$="frankfurt"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="genua_helsinki"] {
  top: 20.44271em;
  left: 10.15625em;
  width: 5.20833em;
  height: 1.69271em;
  z-index: 2;
}
/* line 24, pages/_index.scss */
body.index [class$="genua_helsinki"] + .mobilheim-popup {
  left: -17.34375em;
  bottom: 11.11458em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="genua_helsinki"]:hover + .mobilheim-popup, body.index [class$="genua_helsinki"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="athen_barcelona"] {
  top: 22.13542em;
  left: 10.28646em;
  width: 4.24479em;
  height: 1.43229em;
  z-index: 2;
}
/* line 24, pages/_index.scss */
body.index [class$="athen_barcelona"] + .mobilheim-popup {
  left: -17.21354em;
  bottom: 9.68229em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="athen_barcelona"]:hover + .mobilheim-popup, body.index [class$="athen_barcelona"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="neapel"] {
  top: 23.56771em;
  left: 11.71875em;
  width: 0.91146em;
  height: 1.43229em;
  z-index: 0;
}
/* line 24, pages/_index.scss */
body.index [class$="neapel"] + .mobilheim-popup {
  left: -15.78125em;
  bottom: 8.25em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="neapel"]:hover + .mobilheim-popup, body.index [class$="neapel"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="rom"] {
  top: 23.56771em;
  left: 12.63021em;
  width: 1.17188em;
  height: 1.43229em;
  z-index: 0;
}
/* line 24, pages/_index.scss */
body.index [class$="rom"] + .mobilheim-popup {
  left: -14.86979em;
  bottom: 8.25em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="rom"]:hover + .mobilheim-popup, body.index [class$="rom"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="lissabon_madrid"] {
  top: 25em;
  left: 6.90104em;
  width: 5.59896em;
  height: 1.69271em;
  z-index: 0;
}
/* line 24, pages/_index.scss */
body.index [class$="lissabon_madrid"] + .mobilheim-popup {
  left: -20.59896em;
  bottom: 6.55729em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="lissabon_madrid"]:hover + .mobilheim-popup, body.index [class$="lissabon_madrid"] + .mobilheim-popup:hover {
  display: block;
}
/* line 9, pages/_index.scss */
body.index [class$="paris"] {
  top: 26.69271em;
  left: 5.59896em;
  width: 6.25em;
  height: 1.17188em;
  z-index: 0;
}
/* line 24, pages/_index.scss */
body.index [class$="paris"] + .mobilheim-popup {
  left: -21.90104em;
  bottom: 5.38542em;
  z-index: 10;
}
/* line 36, pages/_index.scss */
body.index [class$="paris"]:hover + .mobilheim-popup, body.index [class$="paris"] + .mobilheim-popup:hover {
  display: block;
}
/* line 44, pages/_index.scss */
body.index [class$="strand"] {
  top: 21.22396em;
  left: 3.38542em;
  width: 2.60417em;
  height: 4.55729em;
}
/* line 57, pages/_index.scss */
body.index [class$="strand"] + .image-popup {
  left: -24.11458em;
  bottom: 7.46875em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="strand2"] {
  top: 0em;
  left: 3.38542em;
  width: 5.98958em;
  height: 2.34375em;
}
/* line 57, pages/_index.scss */
body.index [class$="strand2"] + .image-popup {
  left: -24.11458em;
  top: 0em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="sauna"] {
  top: 30.98958em;
  left: 2.08333em;
  width: 3.90625em;
  height: 2.23958em;
}
/* line 57, pages/_index.scss */
body.index [class$="sauna"] + .image-popup {
  left: -25.41667em;
  bottom: 0.02083em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="minigolf"] {
  top: 16.53646em;
  left: 19.40104em;
  width: 3.51563em;
  height: 2.60417em;
}
/* line 57, pages/_index.scss */
body.index [class$="minigolf"] + .image-popup {
  left: -8.09896em;
  bottom: 14.10937em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="restaurant"] {
  top: 13.28125em;
  left: 15.23438em;
  width: 4.16667em;
  height: 1.5625em;
}
/* line 57, pages/_index.scss */
body.index [class$="restaurant"] + .image-popup {
  left: -12.26563em;
  top: 13.28125em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="verwaltung"] {
  top: 6.25em;
  left: 18.61979em;
  width: 5.46875em;
  height: 4.03646em;
}
/* line 57, pages/_index.scss */
body.index [class$="verwaltung"] + .image-popup {
  left: -8.88021em;
  top: 6.25em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="trampolin"] {
  top: 7.16146em;
  left: 12.63021em;
  width: 4.03646em;
  height: 1.95313em;
}
/* line 57, pages/_index.scss */
body.index [class$="trampolin"] + .image-popup {
  left: -14.86979em;
  top: 7.16146em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="spielplatz"] {
  top: 4.6875em;
  left: 9.24479em;
  width: 4.6875em;
  height: 1.82292em;
}
/* line 57, pages/_index.scss */
body.index [class$="spielplatz"] + .image-popup {
  left: -18.25521em;
  top: 4.6875em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="kinderbecken"] {
  top: 2.34375em;
  left: 3.38542em;
  width: 5.98958em;
  height: 2.60417em;
}
/* line 57, pages/_index.scss */
body.index [class$="kinderbecken"] + .image-popup {
  left: -24.11458em;
  top: 2.34375em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="funpark"] {
  top: 4.94792em;
  left: 0em;
  width: 3.38542em;
  height: 3.64583em;
}
/* line 57, pages/_index.scss */
body.index [class$="funpark"] + .image-popup {
  left: -27.5em;
  top: 4.94792em;
  z-index: 10;
}
/* line 44, pages/_index.scss */
body.index [class$="wasserwacht"] {
  top: 7.55208em;
  left: 5.98958em;
  width: 4.94792em;
  height: 5.20833em;
}
/* line 57, pages/_index.scss */
body.index [class$="wasserwacht"] + .image-popup {
  left: -21.51042em;
  top: 7.55208em;
  z-index: 10;
}
/* line 116, pages/_index.scss */
body.index .image-popup {
  position: absolute;
  display: none;
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
/* line 123, pages/_index.scss */
body.index .mobilheim-popup {
  position: absolute;
  display: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  width: 26.25em;
  padding: 0.3125em;
  background: #fcf8cb;
}
/* line 132, pages/_index.scss */
body.index .mobilheim-popup .haus {
  font-size: 80%;
}
/* line 136, pages/_index.scss */
body.index .mobilheim-popup .name {
  text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
  display: block;
}
/* line 143, pages/_index.scss */
body.index .mobilheim-popup img {
  display: block;
  float: left;
  width: 13.75em;
  height: auto;
  margin-bottom: 0.125em;
  margin-right: 0.625em;
  margin-top: 0.5em;
}
/* line 154, pages/_index.scss */
body.index .mobilheim-popup img:first-child {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
/* line 158, pages/_index.scss */
body.index .mobilheim-popup img + img {
  margin-top: 1.5em;
  margin-bottom: 0;
}
/* line 164, pages/_index.scss */
body.index .mobilheim-popup .description {
  position: absolute;
  bottom: 0;
  right: 0.625em;
  left: 14.6875em;
}

/* Häufig benutzte Funktionen */
/* line 19, shared/_mixins.scss */
body.mobilheime .fotos {
  text-align: justify;
  font-size: 0.01px;
}
/* line 23, shared/_mixins.scss */
body.mobilheime .fotos > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: medium;
}
/* line 27, shared/_mixins.scss */
body.mobilheime .fotos:after {
  content: "";
  width: 100%;
  height: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* Schriftgrößen */
/* line 5, pages/_mobilheime.scss */
body.mobilheime nav.haus {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
/* line 10, pages/_mobilheime.scss */
body.mobilheime nav.haus.empty {
  margin: 0;
  display: none;
}
/* line 16, pages/_mobilheime.scss */
body.mobilheime h2 {
  text-transform: uppercase;
}
/* line 19, pages/_mobilheime.scss */
body.mobilheime h2 > span {
  font-size: 70%;
  text-transform: none;
}
/* line 24, pages/_mobilheime.scss */
body.mobilheime .fotos {
  border: 2px solid #414141;
  border-width: 2px 0;
  padding: 2px 0;
  font-size: medium;
  line-height: 0.01px;
}
/* line 34, pages/_mobilheime.scss */
body.mobilheime .fotos img {
  height: 5.625em;
  width: auto;
}
/* line 39, pages/_mobilheime.scss */
body.mobilheime .fotos > * {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  transition-property: -webkit-transform, box-shadow, background;
  transition-property: transform, box-shadow, background;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
}
/* line 42, pages/_mobilheime.scss */
body.mobilheime .fotos > *:first-child {
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
/* line 45, pages/_mobilheime.scss */
body.mobilheime .fotos > *:last-child {
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
/* line 54, pages/_mobilheime.scss */
body.mobilheime .fotos > *:hover {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  z-index: 10;
  transition-delay: 0.25s;
}
/* line 59, pages/_mobilheime.scss */
body.mobilheime .fotos > *:hover.no-shadow {
  background: white;
}
/* line 69, pages/_mobilheime.scss */
body.mobilheime aside {
  margin-top: 1.5em;
  float: right;
  width: 12.5em;
  margin-left: 1.25em;
  font-size: 90%;
  text-align: center;
  color: #414141;
}
/* line 80, pages/_mobilheime.scss */
body.mobilheime aside > .anfrage {
  display: block;
  border: 2px solid #414141;
  padding: 0.3125em 0.625em;
  font-size: 111.11111%;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0.5em;
}
/* line 89, pages/_mobilheime.scss */
body.mobilheime aside > .anfrage:hover {
  background: #f5e5e5;
  background: rgba(153, 0, 0, 0.1);
}
/* line 97, pages/_mobilheime.scss */
body.mobilheime aside > .preisliste {
  display: block;
  margin-top: 0.8em;
  font-size: 120%;
}
/* line 103, pages/_mobilheime.scss */
body.mobilheime aside h3 {
  font-size: 122.22222%;
  margin-top: 1em;
}

body.mobilheime aside > .preis-meta {
  font-weight: 400;
  font-size: 120%;
}

/* line 108, pages/_mobilheime.scss */
body.mobilheime aside > .preis {
  font-weight: bold;
  font-size: 200%;
}
/* line 109, pages/_mobilheime.scss */
body.mobilheime aside > .preis:before, body.mobilheime aside > .preis:after {
  content: "\202F";
}
/* line 114, pages/_mobilheime.scss */
body.mobilheime aside h4 {
  font-size: 83.33333%;
  color: #888888;
  margin-top: 1.5em;
  font-weight: normal;
}
/* line 123, pages/_mobilheime.scss */
body.mobilheime .verfuegbarkeit {
  background: #f0f0f0;
  margin-right: 12.5em;
  		/*& > .legende {
  			float: left;
  
  			padding: px2em(5);
  
  			ul {
  				list-style-type: none;
  				padding: 0;
  				margin-left: 1em;
  				margin-top: 2.5em;
  			}
  
  			li {
  
  				font-size: 80%;
  
  				&:before {
  					content: "";
  					@include inline-block;
  					width: px2em(20);
  					height: px2em(20);
  					margin: 0 0.5em;
  				}
  
  				&.anfrage:before {
  					background: #ffdf78;
  				}
  
  				&.belegt:before {
  					background: #d3d3d3;
  				}
  
  				&.frei:before {
  					background: transparent;
  					border-color: #d3d3d3;
  					width: px2em(14);
  					height: px2em(14);
  					border-width: px2em(3);
  					border-style: solid;
  
  				}
  
  				margin-bottom: 0.5em;
  			}
  		}*/
}
/* line 3, shared/_mixins.scss */
body.mobilheime .verfuegbarkeit:after {
  content: " ";
  clear: both;
  display: block;
  height: 0;
}
/* line 175, pages/_mobilheime.scss */
body.mobilheime .verfuegbarkeit > iframe {
  /*float: right;
  border: none;
  height: 195px;
  width: 550px;*/
  border: none;
  height: 290px;
  width: 690px;
  /*margin-left: 50px;*/
  overflow-y: hidden;
}
/* line 188, pages/_mobilheime.scss */
body.mobilheime .andere-mobilheime {
  clear: both;
}
/* line 193, pages/_mobilheime.scss */
body.mobilheime .andere-mobilheime .fotos a {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  transition-delay: 0s;
  position: relative;
}
/* line 196, pages/_mobilheime.scss */
body.mobilheime .andere-mobilheime .fotos a:hover {
  -webkit-transform: scale(1.5, 1.5);
          transform: scale(1.5, 1.5);
}
/* line 202, pages/_mobilheime.scss */
body.mobilheime .andere-mobilheime .fotos a > .name {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0.1em 0.25em;
  line-height: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 217, pages/_mobilheime.scss */
body.mobilheime .andere-mobilheime .fotos a:nth-child(5n-4) {
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
/* line 220, pages/_mobilheime.scss */
body.mobilheime .andere-mobilheime .fotos a:nth-child(5n) {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
/* line 223, pages/_mobilheime.scss */
body.mobilheime .andere-mobilheime .fotos a:nth-child(n+6) {
  margin-top: 1em;
}
/* line 231, pages/_mobilheime.scss */
body.mobilheime .mobilheim-group {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 100%;
  height: 180px;
  border: 4px solid white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  margin-right: 0.5em;
  margin-bottom: 1em;
  overflow: hidden;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.75);
}
/* line 254, pages/_mobilheime.scss */
body.mobilheime .mobilheim-group .img {
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 30%;
  background: transparent 0% 50% no-repeat;
  background-size: cover;
  -ms-behavior: url(/Content/script/backgroundsize.min.htc);
}
/* line 263, pages/_mobilheime.scss */
body.mobilheime .mobilheim-group .img:first-child {
  margin-left: 26%;
}
/* line 279, pages/_mobilheime.scss */
body.mobilheime .mobilheim-group span + .img {
  float: right;
}
/* line 282, pages/_mobilheime.scss */
body.mobilheime .mobilheim-group .img + .img {
  margin: 0 auto;
  background-size: contain;
}
/* line 312, pages/_mobilheime.scss */
body.mobilheime .mobilheim-group span {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0.2em 0.5em;
  font-size: 150%;
  float: left;
  height: 100%;
  width: 28%;
}

/* Häufig benutzte Funktionen */
/* line 19, shared/_mixins.scss */
body.mobilheime .fotos {
  text-align: justify;
  font-size: 0.01px;
}
/* line 23, shared/_mixins.scss */
body.mobilheime .fotos > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: medium;
}
/* line 27, shared/_mixins.scss */
body.mobilheime .fotos:after {
  content: "";
  width: 100%;
  height: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* Schriftgrößen */
/* line 8, pages/_service.scss */
body.service #main-content {
  position: relative;
}
/* line 13, pages/_service.scss */
body.service aside {
  position: absolute;
  right: 0.625em;
  top: 1em;
  height: auto;
  width: 17.5em;
}
/* line 21, pages/_service.scss */
body.service img.right {
  float: right;
  margin-left: 1.25em;
}
/* line 25, pages/_service.scss */
body.service img.left {
  float: left;
  margin-right: 1.25em;
}
/* line 30, pages/_service.scss */
body.service img.hotspot {
  margin-top: 1em;
}
/* line 33, pages/_service.scss */
body.service img.garnituren {
  margin-top: -7em;
}
/* line 36, pages/_service.scss */
body.service img.pressluft {
  margin-top: -5em;
}
/* line 40, pages/_service.scss */
body.service h2, body.service h3 {
  clear: both;
}
/* line 45, pages/_service.scss */
body.service aside img {
  /* Automatisch skalieren */
  width: 100%;
  height: auto;
}
/* line 51, pages/_service.scss */
body.service .link {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 250px;
  vertical-align: top;
  min-height: 200px;
  background: white;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  padding: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
}
/* line 66, pages/_service.scss */
body.service .link img, body.service .link a {
  display: block;
}
/* line 70, pages/_service.scss */
body.service .link img {
  max-width: 100%;
  max-height: 150px;
  margin: 0 auto 20px;
}

/* line 81, pages/_service.scss */
body.webcam #main-content {
  text-align: center;
}
/* line 85, pages/_service.scss */
body.webcam div.webcam {
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.3125em;
  margin-bottom: 2.5em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: solid 1px #b2b2b2;
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: 0px 0px 3px #000000;
}
/* line 101, pages/_service.scss */
body.webcam div.webcam h3 {
  font-size: 1em;
  text-align: center;
}
/* line 108, pages/_service.scss */
body.webcam div.webcam nav ul {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
/* line 116, pages/_service.scss */
body.webcam div.webcam nav li {
  list-style-type: none;
  display: inline;
}
/* line 119, pages/_service.scss */
body.webcam div.webcam nav li:before {
  content: ' - ';
}
/* line 122, pages/_service.scss */
body.webcam div.webcam nav li:first-child:before {
  content: '';
}
/* line 125, pages/_service.scss */
body.webcam div.webcam nav li:last-child:after {
  content: ' Uhr';
}

body.overview iframe.overview {
		border: none;
		height: 530px;
		width: 890px;
		overflow-y: hidden;
}

/* Häufig benutzte Funktionen */
/* line 19, shared/_mixins.scss */
body.mobilheime .fotos {
  text-align: justify;
  font-size: 0.01px;
}
/* line 23, shared/_mixins.scss */
body.mobilheime .fotos > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: medium;
}
/* line 27, shared/_mixins.scss */
body.mobilheime .fotos:after {
  content: "";
  width: 100%;
  height: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* Schriftgrößen */
/* line 5, pages/_kontakt.scss */
body.kontakt .formular {
  width: 390px;
  height: 515px;
  overflow: hidden;
  position: relative;
  float: left;
}
/* line 12, pages/_kontakt.scss */
body.kontakt .formular iframe {
  position: absolute;
  top: -105px;
  left: -20px;
  width: 600px;
  height: 1000px;
  border: 0;
}
/* line 22, pages/_kontakt.scss */
body.kontakt div.kontakt {
  padding-left: 20px;
  overflow: hidden;
  font-size: 90%;
}
/* line 24, pages/_kontakt.scss */
body.kontakt div.kontakt img {
  height: 150px;
  width: auto;
  float: left;
  margin-right: 20px;
}
/* line 33, pages/_kontakt.scss */
body.kontakt div.kontakt b {
  font-size: 115%;
}
/* line 34, pages/_kontakt.scss */
body.kontakt div.kontakt label, body.kontakt div.kontakt div {
  display: inline-block;
  min-width: 5em;
  vertical-align: top;
}
/* line 41, pages/_kontakt.scss */
body.kontakt .karte {
  margin-top: 20px;
  padding-left: 410px;
}
/* line 45, pages/_kontakt.scss */
body.kontakt .karte iframe {
  width: 100%;
  height: 340px;
}

/* Häufig benutzte Funktionen */
/* line 19, shared/_mixins.scss */
body.mobilheime .fotos {
  text-align: justify;
  font-size: 0.01px;
}
/* line 23, shared/_mixins.scss */
body.mobilheime .fotos > * {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: medium;
}
/* line 27, shared/_mixins.scss */
body.mobilheime .fotos:after {
  content: "";
  width: 100%;
  height: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* Schriftgrößen */
/* line 7, pages/_about.scss */
body.about .unterschrift + .name {
  position: relative;
  left: 30px;
  top: -35px;
}

/* line 6, mobilheime.scss */
.todo {
  position: absolute;
  -webkit-transform: translate(-0.25em, -1.5em);
          transform: translate(-0.25em, -1.5em);
  background: white;
  padding: 5px;
  border: 2px solid red;
  opacity: 0.75;
  font-size: 90%;
  color: red;
}
/* line 13, mobilheime.scss */
.todo:hover {
  opacity: 1;
}
/* line 19, mobilheime.scss */
.todo:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  border: 5px solid transparent;
  border-bottom-color: red;
  border-left-color: red;
}