@font-face {
  font-family: Oyster2;
  src: url('../fonts/pintassilgoprints_-_oyster_2-webfont.eot');
  src: url('../fonts/pintassilgoprints_-_oyster_2-webfont.eot?') format('eot'), url('../fonts/pintassilgoprints_-_oyster_2-webfont.woff') format('woff'), url('../fonts/pintassilgoprints_-_oyster_2-webfont.ttf') format('truetype'), url('../fonts/pintassilgoprints_-_oyster_2-webfont.svg#svgpintassilgoprints_-_oyster_2-webfont') format('svg');
}
@font-face {
  font-family: Oyster;
  src: url('../fonts/pintassilgoprints_-_oyster-webfont.eot');
  src: url('../fonts/pintassilgoprints_-_oyster-webfont.eot?') format('eot'), url('../fonts/pintassilgoprints_-_oyster-webfont.woff') format('woff'), url('../fonts/pintassilgoprints_-_oyster-webfont.ttf') format('truetype'), url('../fonts/pintassilgoprints_-_oyster-webfont.svg#svgpintassilgoprints_-_oyster-webfont') format('svg');
}
@font-face {
  font-family: WriteHand;
  src: url('../fonts/scholtz_fonts_-_writehand-webfont.eot');
  src: url('../fonts/scholtz_fonts_-_writehand-webfont.eot?') format('eot'), url('../fonts/scholtz_fonts_-_writehand-webfont.woff') format('woff'), url('../fonts/scholtz_fonts_-_writehand-webfont.ttf') format('truetype'), url('../fonts/scholtz_fonts_-_writehand-webfont.svg#svgscholtz_fonts_-_writehand-webfont') format('svg');
}
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  background: url('../images/bg_header.jpg') no-repeat center top white;
  font-size: 62.5%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  font-size: 1em;
  color: #2f656c;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear {
  clear: both;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}
.hide {
  display: none;
}
img,
a img {
  border: 0 none;
}
a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus {
  outline: none;
}
a {
  color: #2f656c;
  text-decoration: none;
}
.slider-container-mixin {
  position: relative;
  overflow: hidden;
}
.slider-mixin {
  list-style: none;
  position: relative;
}
.slider-item-mixin {
  float: left;
}
.scroll-forward-mixin {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
}
.scroll-back-mixin {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
}
.bottom-slider {
  margin-top: 8em;
  padding-left: 26.4em;
  position: relative;
  width: 107.8em;
}
.bottom-slider h2 {
  color: #e7bb12;
  font-family: 'Oyster2', sans-serif;
  font-weight: normal;
  font-size: 7.5em;
  padding-left: 0.25em;
  text-transform: uppercase;
}
.bottom-slider .slider-footer-container {
  position: relative;
  overflow: hidden;
  margin-top: -1.9em;
  height: 29.5em;
  width: 99.7em;
}
.bottom-slider .slider-footer-container .slider {
  list-style: none;
  position: relative;
  height: 29.5em;
}
.bottom-slider .slider-footer-container .slider .item {
  float: left;
  height: 29.5em;
  margin-right: 1.1em;
  width: 32.5em;
}
.bottom-slider .slider-footer-container .slider .item img {
  float: left;
}
.bottom-slider .slider-footer-container .slider .item .item-description {
  background: url('../images/bg_slider_footer_item.png') no-repeat left top;
  float: left;
  height: 7.8em;
  padding-top: 0.1em;
  text-align: center;
  width: 100%;
}
.bottom-slider .slider-footer-container .slider .item .item-description span {
  color: #ffffff;
  font-family: 'Oyster2', sans-serif;
  font-size: 3.8em;
  text-transform: uppercase;
}
.bottom-slider .scroll-back {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
  background: url('../images/sprite1_jugendhotel.png') no-repeat 0px -647px;
  height: 7.2em;
  left: 18.3em;
  margin-top: -3.6em;
  width: 8.1em;
}
.bottom-slider .scroll-forward {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
  background: url('../images/sprite1_jugendhotel.png') no-repeat -81px -651px;
  height: 7.2em;
  margin-top: -3.6em;
  right: 0;
  width: 8.1em;
}
#wrapper {
  background: url('../images/bg_header_center.png') no-repeat center top;
}
#wrapper #container {
  height: auto;
  left: 50%;
  margin-left: -75.7em;
  position: relative;
  width: 151.4em;
}
#wrapper #container.startsite {
  background: url('../images/bg_startsite.png') no-repeat left top;
  height: 147.6em;
  padding-top: 20.6em;
}
#wrapper #container.startsite .slider-header-container {
  position: relative;
  overflow: hidden;
  height: 48.1em;
  margin-left: 26.6em;
  width: 99.8em;
}
#wrapper #container.startsite .slider-header-container .slider {
  list-style: none;
  position: relative;
  height: 48.1em;
  width: 200em;
}
#wrapper #container.startsite .slider-header-container .slider li {
  float: left;
  height: 48.1em;
  width: 99.8em;
}
#wrapper #container.startsite .slider-header-container .scroll-back {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
  background: url('../images/sprite1_jugendhotel.png') no-repeat -202px -103px;
  height: 6.7em;
  left: 1.9em;
  margin-top: -3.35em;
  width: 1.9em;
}
#wrapper #container.startsite .slider-header-container .scroll-forward {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
  background: url('../images/sprite1_jugendhotel.png') no-repeat -170px -136px;
  height: 6.7em;
  margin-top: -3.35em;
  right: 1.9em;
  width: 1.9em;
}
#wrapper #container.startsite .content {
  height: 49em;
  margin-left: 33.5em;
  width: 68em;
}
#wrapper #container.startsite .content h1 {
  color: #bd2132;
  font-family: 'Oyster2', sans-serif;
  font-size: 7em;
  font-weight: normal;
  line-height: 0.8em;
  padding-top: 1em;
  padding-bottom: 0.15em;
  text-transform: uppercase;
}
#wrapper #container.startsite .content p {
  font-family: 'Verdana', 'Arial', sans-serif;
  font-size: 1.65em;
  line-height: 1.5em;
}
#wrapper #container.startsite #badge {
  left: 70em;
  position: absolute;
  top: 59.2em;
}
#wrapper #container.anlage {
  background: url('../images/bg_anlage.png') no-repeat left top;
  height: 85.3em;
  padding-top: 65em;
}
#wrapper #container.anlage .content {
  height: 45em;
  margin-left: 35.5em;
  width: 73em;
}
#wrapper #container.anlage .content h1 {
  color: #9530a1;
  font-family: 'Oyster2', sans-serif;
  font-size: 8.7em;
  font-weight: normal;
  line-height: 0.8em;
  margin-bottom: 0.15em;
  text-transform: uppercase;
}
#wrapper #container.anlage .content p {
  font-size: 1.95em;
  line-height: 1.4em;
}
#wrapper #container.anlage .bottom-slider {
  margin-top: 2.7em;
}
#wrapper #container.anlage #badge {
  right: 16.5em;
  position: absolute;
  top: 52.7em;
}
#wrapper #container.region {
  background: url('../images/bg_region.png') no-repeat left top;
  color: #20496e;
  height: 260.6em;
  padding-top: 28.8em;
}
#wrapper #container.region .nav ul li a.region {
  margin-right: 0;
}
#wrapper #container.region .content {
  height: 65.5em;
  margin-left: 35.7em;
  width: 81.5em;
}
#wrapper #container.region .content h1 {
  color: #e7bb12;
  font-family: 'Oyster2', sans-serif;
  font-size: 8.7em;
  font-weight: normal;
  line-height: 0.8em;
  text-transform: uppercase;
  text-align: center;
}
#wrapper #container.region .content .image-container {
  height: 27.1em;
}
#wrapper #container.region .content .image-container img {
  border: 1px solid #e8be1e;
  margin-top: 3.3em;
  margin-bottom: 2.6em;
}
#wrapper #container.region .content p {
  font-size: 1.7em;
  line-height: 1.5em;
}
#wrapper #container.region .item-container {
  margin-left: 35em;
  width: 80em;
}
#wrapper #container.region .item-container .region-item {
  margin-bottom: 5em;
  width: 100%;
}
#wrapper #container.region .item-container .region-item .image-container img {
  border: 1px solid #e8be1e;
}
#wrapper #container.region .item-container .region-item .text-container {
  padding-top: 2em;
  overflow: hidden;
  position: relative;
  width: 80em;
}
#wrapper #container.region .item-container .region-item .text-container h2 {
  color: #bd2132;
  font-weight: bold;
  font-size: 1.6em;
}
#wrapper #container.region .item-container .region-item .text-container p {
  font-size: 1.5em;
  line-height: 1.6em;
}
#wrapper #container.region .item-container .region-item .text-container p a {
  color: #2f656c;
  text-decoration: underline;
}
#wrapper #container.region .item-container .region-item .text-container ul {
  margin: 0.5em 0 0.5em 2em;
}
#wrapper #container.region .item-container .region-item .text-container ul li {
  font-size: 1.5em;
}
#wrapper #container.region .item-container .region-item .text-container .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-right: 3em;
}
#wrapper #container.region .item-container .region-item .nano > .nano-content:focus {
  outline: thin dotted;
}
#wrapper #container.region .item-container .region-item .nano > .nano-content::-webkit-scrollbar {
  display: none;
}
#wrapper #container.region .item-container .region-item .has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
#wrapper #container.region .item-container .region-item .nano > .nano-pane {
  background: transparent;
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden \9;
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#wrapper #container.region .item-container .region-item .nano > .nano-pane > .nano-slider {
  background: #b9b9b9;
  cursor: pointer;
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#wrapper #container.region .item-container .region-item .nano:hover > .nano-pane,
#wrapper #container.region .item-container .region-item .nano-pane.active,
#wrapper #container.region .item-container .region-item .nano-pane.flashed {
  visibility: visible \9;
  opacity: 0.99;
}
#wrapper #container.region .item-container .region-item.item1 .image-container {
  float: left;
  margin-right: 3.5em;
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
#wrapper #container.region .item-container .region-item.item1 .text-container {
  height: 25em;
  padding-top: 0;
  width: 50em;
}
#wrapper #container.region .item-container .region-item.item2 .image-container {
  float: right;
  margin-left: 3.5em;
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
#wrapper #container.region .item-container .region-item.item2 .text-container {
  height: 20em;
  padding-top: 3em;
  width: 49em;
}
#wrapper #container.region .item-container .region-item.item3 .image-container {
  float: left;
  margin-right: 3.5em;
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
#wrapper #container.region .item-container .region-item.item3 .text-container {
  height: 21em;
  width: 50em;
}
#wrapper #container.region .item-container .region-item.item4 .image-container {
  float: right;
  margin-left: 3.5em;
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
#wrapper #container.region .item-container .region-item.item4 .text-container {
  height: 20em;
  width: 50em;
}
#wrapper #container.region .item-container .region-item.item5 .image-container {
  float: left;
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  margin-right: 3.5em;
}
#wrapper #container.region .item-container .region-item.item5 .text-container {
  height: 20em;
  width: 47em;
}
#wrapper #container.region .item-container .region-item.item6 .image-container {
  float: right;
  margin-left: 3.5em;
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
#wrapper #container.region .item-container .region-item.item6 .text-container {
  height: 21em;
  padding-top: 0;
  width: 49em;
}
#wrapper #container.region .item-container .region-item.item7 .image-container {
  float: left;
  margin-right: 3.5em;
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
#wrapper #container.region .item-container .region-item.item7 .text-container {
  height: 19em;
  width: 50em;
}
#wrapper #container.region #badge {
  right: 16.5em;
  position: absolute;
  top: 52.7em;
}
#wrapper #container.region.winterangebote {
  background: url('../images/bg_region_winter.png') no-repeat left top;
  height: 231.6em;
}
#wrapper #container.region.winterangebote .content {
  color: #2f656c;
}
#wrapper #container.region.winterangebote .content h1 {
  color: #72d0f4;
}
#wrapper #container.region.winterangebote .content .image-container img {
  border: 1px solid #72d0f4;
}
#wrapper #container.region.winterangebote .item-container .region-item .image-container {
  margin-bottom: 2em;
}
#wrapper #container.region.winterangebote .item-container .region-item .image-container img {
  border: 1px solid #72d0f4;
}
#wrapper #container.region.winterangebote .item-container .region-item .text-container h2 {
  color: #20496e;
}
#wrapper #container.region.winterangebote .item-container .region-item.item1 .text-container {
  height: 24em;
  width: 50em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item2 {
  margin-bottom: 4em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item2 .text-container {
  height: 20em;
  width: 45em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item3 {
  margin-bottom: 2em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item3 .text-container {
  height: 20em;
  width: 50em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item4 {
  margin-bottom: 2.5em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item4 .image-container {
  margin-right: 4em;
  margin-left: 0;
}
#wrapper #container.region.winterangebote .item-container .region-item.item4 .text-container {
  height: 22em;
  width: 48em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item5 .text-container {
  height: 19.5em;
  width: 45em;
}
#wrapper #container.region.winterangebote .item-container .region-item.item6 .text-container {
  height: 21em;
  width: 50em;
}
#wrapper #container.aktivitaeten {
  background: url('../images/bg_aktivitaeten.png') no-repeat left top;
  color: #20496e;
  height: 184.5em;
  padding-top: 29.5em;
}
#wrapper #container.aktivitaeten .event-container {
  margin-left: 30em;
  position: relative;
}
#wrapper #container.aktivitaeten .event-container h1 {
  color: #d72212;
  float: left;
  font-family: 'Oyster2', sans-serif;
  font-size: 8.7em;
  font-weight: normal;
  line-height: 0.8em;
  margin-left: 2em;
  text-transform: uppercase;
}
#wrapper #container.aktivitaeten .event-container .event-slider-container {
  position: relative;
  overflow: hidden;
  float: left;
  height: 11.5em;
  margin-top: 1.2em;
  margin-left: 4.5em;
  margin-bottom: 3.5em;
  width: 90em;
}
#wrapper #container.aktivitaeten .event-container .event-slider-container .slider {
  list-style: none;
  position: relative;
  height: 11.5em;
}
#wrapper #container.aktivitaeten .event-container .event-slider-container .slider .item {
  float: left;
  height: 11.5em;
  margin-right: 2em;
  width: 28em;
}
#wrapper #container.aktivitaeten .event-container .event-slider-container .slider .item .title {
  display: block;
  font-size: 1.6em;
  width: 100%;
}
#wrapper #container.aktivitaeten .event-container .event-slider-container .slider .item .date {
  color: #d72212;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  padding-top: 0.6em;
  padding-bottom: 0.5em;
  width: 100%;
}
#wrapper #container.aktivitaeten .event-container .event-slider-container .slider .item a {
  color: #2f656c;
  font-size: 1.4em;
  text-decoration: underline;
}
#wrapper #container.aktivitaeten .event-container .scroll-back {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
  background: url('../images/arrow_left_slider_header_red.png') no-repeat 0 0;
  height: 6.7em;
  left: 0;
  top: 10.5em;
  width: 1.9em;
}
#wrapper #container.aktivitaeten .event-container .scroll-forward {
  display: block;
  top: 50%;
  position: absolute;
  text-indent: -99999.9em;
  background: url('../images/arrow_right_slider_header_red.png') no-repeat 0 0;
  height: 6.7em;
  left: 96em;
  top: 10.5em;
  width: 1.9em;
}
#wrapper #container.aktivitaeten .activity-container {
  margin-left: 35.5em;
}
#wrapper #container.aktivitaeten .activity-container h1 {
  font-family: 'Oyster2', sans-serif;
  font-size: 8.7em;
  font-weight: normal;
  line-height: 0.8em;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  text-transform: uppercase;
}
#wrapper #container.aktivitaeten .activity-container .activity-item {
  margin-bottom: 3.5em;
  width: 93.5em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item .image-container img {
  border: 1px solid #e8be1e;
}
#wrapper #container.aktivitaeten .activity-container .activity-item .text-container {
  float: left;
  width: 62em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item .text-container h2 {
  color: #bd2132;
  float: left;
  font-weight: bold;
  font-size: 1.8em;
  margin-right: 0.4em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item .text-container p {
  font-size: 1.7em;
  line-height: 1.6em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item .text-container p a {
  color: #20496e;
  text-decoration: underline;
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item1 .image-container {
  float: right;
  margin-right: 3.5em;
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item2 .image-container {
  float: left;
  margin-right: 3em;
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item2 .text-container {
  width: 60em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item3 {
  width: 90em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item3 .image-container {
  float: right;
  margin-right: 3.5em;
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item4 .image-container {
  float: left;
  margin-left: 3.5em;
  margin-right: 3em;
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item4 .text-container {
  width: 44em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item5 {
  width: 65em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item5 .image-container {
  float: right;
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item5 .text-container {
  width: 42em;
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item6 .image-container {
  float: left;
  margin-left: 3.5em;
  margin-right: 3em;
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
#wrapper #container.aktivitaeten .activity-container .activity-item.item6 .text-container {
  width: 58em;
}
#wrapper #container.aktivitaeten #badge {
  right: 16.5em;
  position: absolute;
  top: 52.7em;
}
#wrapper #container.zimmerhotel {
  background: url('../images/bg_zimmerhotel.png') no-repeat left top;
  height: 176em;
  padding-top: 28.7em;
}
#wrapper #container.zimmerhotel .content {
  height: 35em;
  margin-left: 35.5em;
  width: 72.5em;
}
#wrapper #container.zimmerhotel .content h1 {
  color: #77772e;
  font-family: 'Oyster2', sans-serif;
  font-size: 8.7em;
  font-weight: normal;
  line-height: 0.8em;
  margin-bottom: 0.15em;
  text-transform: uppercase;
}
#wrapper #container.zimmerhotel .content p {
  font-size: 1.95em;
  line-height: 1.4em;
}
#wrapper #container.zimmerhotel .bottom-slider {
  margin-top: 102em;
}
#wrapper #container.zimmerhotel #badge {
  right: 48em;
  position: absolute;
  top: 62em;
}
#wrapper #container.anfrage {
  background: url('../images/bg_anfrage_neu.png') no-repeat left top;
  min-height: 102.5em;
  padding-bottom: 20em;
  padding-top: 26.5em;
}
#wrapper #container.anfrage #background-girl {
  background: url('../images/bg_anfrage_kinder.png') no-repeat left top;
  bottom: 0;
  right: 0;
  position: absolute;
  height: 75.5em;
  width: 151.4em;
}
#wrapper #container.anfrage .top-content {
  margin-left: 33.5em;
  width: 86em;
}
#wrapper #container.anfrage .top-content h1 {
  color: #ffa62c;
  font-family: 'Oyster2', sans-serif;
  font-size: 8em;
  font-weight: normal;
  line-height: 0.8em;
  margin-bottom: 0.15em;
  text-transform: uppercase;
}
#wrapper #container.anfrage .top-content p {
  font-size: 1.8em;
  line-height: 1.4em;
}
#wrapper #container.anfrage .site-content {
  float: right;
  margin-right: 39.5em;
  margin-top: 3em;
  width: 32em;
}
#wrapper #container.anfrage .site-content h2 {
  color: #ffa62c;
  font-size: 1.6em;
  text-transform: uppercase;
}
#wrapper #container.anfrage .site-content strong {
  color: #ffa62c;
  font-weight: normal;
  font-size: 0.9em;
}
#wrapper #container.anfrage .site-content h3 {
  color: #ffa62c;
  font-family: 'Oyster', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 3.5em;
  margin-top: 0.4em;
}
#wrapper #container.anfrage .site-content h4 {
  color: #ffa62c;
  font-family: 'Oyster', sans-serif;
  font-weight: normal;
  font-size: 2.4em;
  text-transform: uppercase;
}
#wrapper #container.anfrage .site-content p {
  font-size: 1.7em;
}
#wrapper #container.anfrage .post-it {
  position: absolute;
  width: 24em;
}
#wrapper #container.anfrage .post-it h2 {
  color: #20496e;
  font-family: 'Oyster', sans-serif;
  font-weight: normal;
  font-size: 3.6em;
  line-height: 0.8em;
}
#wrapper #container.anfrage .post-it ul {
  margin-top: 1em;
}
#wrapper #container.anfrage .post-it ul li {
  font-size: 1.3em;
  padding: 0.1em 0;
}
#wrapper #container.anfrage .post-it#post-it-1 {
  left: 39em;
  top: 43em;
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
}
#wrapper #container.anfrage .post-it#post-it-2 {
  left: 25em;
  top: 73em;
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
}
#wrapper #container.anfrage .post-it#post-it-3 {
  left: 54em;
  top: 74em;
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
}
#wrapper #container.anfrage .post-it#post-it-4 {
  left: 30em;
  top: 104em;
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
}
#wrapper #container.anfrage .post-it#post-it-5 {
  left: 53em;
  top: 100em;
}
#wrapper #container.anfrage .request-link {
  bottom: 2.5em;
  display: block;
  height: 19em;
  text-indent: -99999.9em;
  position: absolute;
  right: 24.5em;
  width: 20.6em;
}
#wrapper #container.anreise {
  background: url('../images/bg_anreise.png') no-repeat left top;
  height: 102.3em;
  padding-top: 26.5em;
}
#wrapper #container.anreise .content {
  margin-left: 33.8em;
  width: 86em;
}
#wrapper #container.anreise .content h1 {
  color: #f06d54;
  font-family: 'Oyster2', sans-serif;
  font-size: 8em;
  font-weight: normal;
  line-height: 0.8em;
  margin-bottom: 0.15em;
  text-transform: uppercase;
}
#wrapper #container.anreise .content p {
  font-size: 2em;
  line-height: 1.4em;
}
#wrapper #container.anreise .content .iframe-container {
  margin-top: 4.9em;
  margin-bottom: 4.5em;
}
#wrapper #container.anreise .content table tr td {
  padding-right: 3em;
}
#wrapper #container.anreise .content table tr td h2 {
  font-weight: bold;
  font-size: 1.35em;
}
#wrapper #container.anreise .content table tr td p {
  font-size: 1.3em;
  margin-top: 0.6em;
}
#wrapper #container.anreise .person {
  background: url('../images/bg_anreise_person.png') no-repeat left top;
  bottom: 0;
  height: 82.4em;
  position: absolute;
  right: 0;
  width: 47em;
}
#wrapper #container.anreise .sticky-top {
  background: url('../images/bg_anreise_sticky_top.png') no-repeat left top;
  height: 13.9em;
  position: absolute;
  right: 53em;
  top: 40.5em;
  width: 21.8em;
}
#wrapper #container.anreise .sticky-bottom {
  background: url('../images/bg_anreise_sticky_bottom.png') no-repeat left top;
  height: 12.4em;
  position: absolute;
  right: 68em;
  top: 89em;
  width: 25.9em;
}
#wrapper #container.anreise #badge {
  right: 29em;
  position: absolute;
  bottom: 0.5em;
}
#wrapper #container.gallery {
  background: url('../images/bg_footer_petrol.png') no-repeat left bottom;
  padding-top: 23.9em;
  padding-bottom: 5em;
}
#wrapper #container.gallery .nano {
  margin-left: 34.6em;
  position: relative;
  width: 87em;
  height: 77em;
  overflow: hidden;
}
#wrapper #container.gallery .nano .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#wrapper #container.gallery .nano .nano-content .gallery-item {
  display: block;
  float: left;
  margin-right: 1.8em;
  margin-bottom: 2em;
}
#wrapper #container.gallery .nano .nano-content .gallery-item img {
  float: left;
}
#wrapper #container.gallery .nano .nano-content .gallery-item:hover {
  cursor: pointer;
}
#wrapper #container.gallery .nano > .nano-content:focus {
  outline: thin dotted;
}
#wrapper #container.gallery .nano > .nano-content::-webkit-scrollbar {
  display: none;
}
#wrapper #container.gallery .has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
#wrapper #container.gallery .nano > .nano-pane {
  background: #ffffff;
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden \9;
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#wrapper #container.gallery .nano > .nano-pane > .nano-slider {
  background: #b9b9b9;
  cursor: pointer;
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#wrapper #container.gallery .nano:hover > .nano-pane,
#wrapper #container.gallery .nano-pane.active,
#wrapper #container.gallery .nano-pane.flashed {
  visibility: visible \9;
  opacity: 0.99;
}
#wrapper #container #button-group {
  position: absolute;
  right: 13em;
  top: 0;
  width: 20em;
}
#wrapper #container #button-group .facebook {
  display: block;
  background: url('../images/sprite1_jugendhotel.png') no-repeat -186px -70px;
  height: 3.3em;
  position: absolute;
  right: 17em;
  text-indent: -99999.9em;
  top: 6em;
  width: 3.2em;
}
#wrapper #container #button-group .flickr {
  display: block;
  background: url('../images/sprite1_jugendhotel.png') no-repeat -170px -103px;
  width: 3.2em;
  height: 3.3em;
  position: absolute;
  right: 16em;
  text-indent: -99999.9em;
  top: 2em;
}
#wrapper #container #button-group .pin {
  background: url('../images/sprite1_jugendhotel.png') no-repeat 0px -86px;
  float: right;
  height: 17em;
  width: 17em;
}
#wrapper #container .nav {
  background: url('../images/menu_home.png') no-repeat left top;
  height: 4em;
  left: 26.2em;
  position: absolute;
  top: 16.1em;
  width: 101.4em;
  z-index: 500;
}
#wrapper #container .nav ul li {
  float: left;
  list-style: none;
}
#wrapper #container .nav ul li a {
  display: block;
  text-indent: -99999.9em;
}
#wrapper #container .nav ul li a.home {
  height: 4em;
  margin-right: 0.4em;
  width: 3.5em;
}
#wrapper #container .nav ul li a.zimmer {
  height: 3.7em;
  margin-right: 2em;
  width: 15.5em;
}
#wrapper #container .nav ul li a.anlage {
  height: 3.5em;
  margin-right: 1.7em;
  width: 10.5em;
}
#wrapper #container .nav ul li a.region {
  height: 3.5em;
  margin-right: 1.6em;
  width: 8.1em;
}
#wrapper #container .nav ul li a.aktivitaeten {
  height: 3.5em;
  margin-right: 2.5em;
  width: 12.7em;
}
#wrapper #container .nav ul li a.anfrage {
  height: 3.2em;
  margin-right: 1.4em;
  width: 8em;
}
#wrapper #container .nav ul li a.galerie {
  height: 3.5em;
  margin-right: 2.3em;
  width: 9.3em;
}
#wrapper #container .nav ul li a.anreise {
  height: 3.3em;
  margin-right: 1.7em;
  width: 10.2em;
}
#wrapper #container .nav ul li a.kontakt {
  height: 3.3em;
  width: 10em;
}
#wrapper #container .nav ul li.li-region ul {
  background: url('../images/menu_region_submenu.png') no-repeat left top;
  display: none;
  margin-left: -5em;
}
#wrapper #container .nav ul li.li-region ul li {
  float: none;
  width: 19em;
}
#wrapper #container .nav ul li.li-region ul li a {
  width: 19em;
  height: 5em;
}
#wrapper #container .nav ul li.li-region:hover ul {
  display: block;
}
#wrapper #container .nav.home {
  top: 16.4em;
}
#wrapper #container .nav.zimmer {
  background: url('../images/menu_zimmerhotel2.png') no-repeat left top;
}
#wrapper #container .nav.zimmer ul {
  margin-top: 0.2em;
}
#wrapper #container .nav.anlage {
  background: url('../images/menu_anlage.png') no-repeat left top;
}
#wrapper #container .nav.anlage ul {
  margin-top: 0.4em;
}
#wrapper #container .nav.aktivitaeten {
  background: url('../images/menu_aktivitaeten.png') no-repeat left top;
  height: 15em;
  top: 16.5em;
}
#wrapper #container .nav.aktivitaeten ul {
  margin-top: 0.6em;
}
#wrapper #container .nav.winterangebote {
  background: url('../images/menu_region.png') no-repeat left top;
  height: 15em;
  top: 16em;
}
#wrapper #container .nav.winterangebote ul {
  margin-top: 0.6em;
}
#wrapper #container .nav.sommerangebote {
  background: url('../images/menu_region.png') no-repeat left top;
  height: 15em;
  top: 16em;
}
#wrapper #container .nav.sommerangebote ul {
  margin-top: 0.6em;
}
#wrapper #container .nav.anfrage {
  background: url('../images/menu_anfrage.png') no-repeat left top;
  height: 5em;
  top: 15.6em;
}
#wrapper #container .nav.anfrage ul {
  margin-top: 0.6em;
}
#wrapper #container .nav.galerie {
  background: url('../images/menu_galerie.png') no-repeat left top;
  height: 5em;
  top: 15.5em;
}
#wrapper #container .nav.galerie ul {
  margin-top: 0.6em;
}
#wrapper #container .nav.anreise {
  background: url('../images/menu_anreise.png') no-repeat left top;
  height: 5em;
  top: 15.35em;
}
#wrapper #container .nav.anreise ul {
  margin-top: 0.8em;
}
footer {
  background: url('../images/bg_footer.jpg') no-repeat center top;
  height: 36.3em;
  min-width: 151.4em;
  width: 100%;
}
footer #footer-inner {
  left: 50%;
  margin-left: -50.2em;
  position: relative;
  width: 100.4em;
}
footer #footer-inner .column-left {
  background: url('../images/icon_footer_contact.png') no-repeat 5.3em 5em;
  float: left;
  height: 16em;
  margin-top: 4.4em;
  padding-left: 5em;
  width: 40em;
}
footer #footer-inner .column-left a {
  clear: left;
  color: #2f656c;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 1.7em;
  padding: 0.8em 0 0.85em 4.8em;
}
footer #footer-inner .column-right {
  float: left;
  margin-top: 4em;
  width: 50em;
}
footer #footer-inner .column-right h2 {
  float: right;
  margin-right: 0.9em;
}
footer #footer-inner .column-right img {
  float: right;
}
footer #footer-inner .bottom {
  float: left;
  margin-left: 5em;
  margin-top: 1.5em;
  width: 90em;
}
footer #footer-inner .bottom h2 {
  margin-bottom: 0.35em;
}
footer #footer-inner .bottom p {
  font-size: 1.2em;
  line-height: 1.6em;
}
footer #footer-inner .bottom p a {
  color: #2f656c;
}
footer #footer-inner h2 {
  font-family: 'Oyster', sans-serif;
  font-weight: normal;
  font-size: 3.8em;
}
.mfp-counter {
  display: none;
}
.mfp-title {
  font-family: 'Oyster2', sans-serif;
  font-size: 3em;
  margin-top: 1em;
  text-align: center;
  text-transform: uppercase;
}
.mfp-bottom-bar {
  background: url('../images/gallery_item_description.png') no-repeat left top;
  height: 6.1em;
  margin-top: -40px;
  width: 81.6em;
}
button.mfp-arrow {
  font-size: 10px;
  height: 7.2em;
  overflow: hidden;
  opacity: 1;
  padding: 0;
  width: 8.1em;
}
button.mfp-arrow-left {
  background: url('../images/sprite1_jugendhotel.png') no-repeat 0px -647px;
  left: 50%;
  margin-left: -48.9em;
}
button.mfp-arrow-right {
  background: url('../images/sprite1_jugendhotel.png') no-repeat -81px -651px;
  left: 50%;
  margin-left: 40.8em;
}
button.mfp-arrow::after {
  border: 0;
}
button.mfp-arrow::before {
  border: 0;
}
#request-overlay {
  background: url('../images/bg_anfrage_formular.png') no-repeat left top;
  height: 96.5em;
  margin: 0 auto;
  overflow: auto;
  position: relative;
  padding: 9.5em 0 0 8em;
  width: 44.9em;
}
#request-overlay form {
  width: 37.5em;
}
#request-overlay form label {
  display: none;
}
#request-overlay form input[type="text"] {
  background: none;
  border: 0;
  color: #2f656c;
  font-size: 1.5em;
  height: 2.6em;
  margin-bottom: 1.15em;
  padding: 0 1em;
  width: 23em;
}
#request-overlay form textarea {
  background: transparent;
  border: 0;
  color: #2f656c;
  font-family: Verdana, sans-serif;
  font-size: 1.5em;
  height: 21em;
  line-height: 1.95em;
  padding: 2.8em 2em 2em;
  resize: none;
  width: 21em;
}
#request-overlay form fieldset {
  border: 0;
}
#request-overlay form input[type="submit"] {
  background: none;
  border: 0;
  bottom: 4em;
  color: #2f656c;
  height: 4em;
  position: absolute;
  right: 7.5em;
  text-indent: -99999.9em;
  width: 21em;
}
#request-overlay form input[type="submit"]:hover {
  cursor: pointer;
}
#request-overlay form .field {
  position: relative;
}
#request-overlay form .field .message.required {
  color: #ff0000;
  left: 2em;
  position: absolute;
  top: 4.1em;
}
#request-overlay form .field.textarea .message.required {
  top: 2em;
}
#request-overlay .success-message {
  display: none;
}
#request-overlay.success {
  background: url('../images/bg_anfrage_formular_leer.png') no-repeat left top;
}
#request-overlay.success .success-message {
  display: block;
  font-size: 2em;
  margin-top: 3em;
}
@media (min-width: 700px) {
  footer {
    background-size: cover;
    float: left;
    height: auto;
    padding-bottom: 50px;
  }
}