/*@import url(http://fonts.googleapis.com/css?family=Romanesco);*/
@import url(http://fonts.googleapis.com/css?family=Satisfy);
@font-face {
  font-family: 'Damion';
  font-style: normal;
  font-weight: 400;
  src: local('Damion'), url(http://fonts.gstatic.com/s/damion/v6/qyDz-al48wZmmi6RcQn1Mg.woff) format('woff');
}
@font-face {
  font-family: 'Salsa';
  font-style: normal;
  font-weight: 400;
  src: local('Salsa'), url(http://fonts.gstatic.com/s/salsa/v6/A4KcPjUX7Ams2Jqasy0vzQ.woff) format('woff');
}
http://zoepfchen.pollypage.eu/media/editors/tinymce/skins/lightgray/skin.min.css
@font-face {
  font-family: "tinymce-small";
  font-style: normal;
  font-weight: normal;
  src: url("/images/fonts/tinymce-small.eot?#iefix") format("embedded-opentype"), url("/images/fonts/tinymce-small.woff") format("woff"), url("/images/fonts/tinymce-small.ttf") format("truetype"), url("/images/fonts/tinymce-small.svg#tinymce") format("svg");
}
@font-face {
	font-family: 'myicomoon';
	src:url('/images/fonts/myicomoon.eot?-k1g97u');
	src:url('/images/fonts/myicomoon.eot?#iefix-k1g97u') format('embedded-opentype'),
		url('/images/fonts/myicomoon.woff?-k1g97u') format('woff'),
		url('/images/fonts/myicomoon.ttf?-k1g97u') format('truetype'),
		url('/images/fonts/myicomoon.svg?-k1g97u#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="myicon-"], [class*=" myicon-"] {
	font-family: 'myicomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.myicon-checkbox-checked:before {
	content: "\e600";
}

.myicon-checkbox-unchecked:before {
	content: "\e601";
}

.myicon-radio-checked:before {
	content: "\e602";
}

.myicon-radio-unchecked:before {
	content: "\e603";
}

.vdh-mask {
  display: none;
}

body {
  background-color: #eeeeee;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: scroll;
}
body.overflow {
  overflow: hidden;
}
.design1, .design12 {
  display: none;
}
.design3, .design23 {
  display: block;
}
a {
  color: #d06800;
}
a:hover {
  color: #f07800;
}
.rt-container, .rt-grid-12 {
  width: 100%;
}
.rt-block {
  margin: 0;
  padding: 0;
}
#rt-drawer {
  border: 0px;
}
/*.component-content {
  line-height: 0;
}*/
.component-content {
  line-height: 0;
}
.component-content #map {
  line-height: 1.7em;
}
div#content_outer.overflow {
  overflow: hidden;
}
#content_middle {
/*  background-color: #d06800;*/
  background-color: #ffe0c0;
  position: relative;
}
.start #content_middle, {
  height: 0;
}
div#content_middle {
  left: 0
}
.showmenu div#content_middle {
  left: 50%;
}
.start #content_inner {
  position: absolute;
  height: 0;
}
#content_inner .mymenu {
  display: none;
}
.subpage #left {
  float: left;
}
.subpage #right {
  float: left;
}
.start #main_menu {
  position: absolute;
/*  top: 200px;
  left: 400px;*/
}
#menu_small {
  overflow: auto;
  height: 100vh;
  left: -50%;
  z-index: 1000;
/*  display:none;*/
  background-color: #e07000;
  position: absolute;
  width: 50%;
/*  height: 100%;*/
  top: 0;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
/*  padding: 2.5%;*/
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
#menu_small.showmenu {
  left: 0;
}
.mymenu.showmenu {
  left: 0;
}
.start .tile {
  position: absolute;
}
.subpage .tile {
  float: left;
}
.tile {
/*  background-color: #ffe8d0;*/
  background-color: #ffc080;
}
.adresse {
  text-align: center;
}
.adresse, .bild4, .bild5{
  background-color: #ea7500;
  background-color: #ffc080;
  color: #603000;
}
.adresse h3 {
  color: #d06800;
}
#content {
  color: #000000;
}
.component-content h2,
.component-content h3,
.component-content h4 {
  border-bottom: 0;
  box-shadow: none;
  font-weight: normal;
}
#content h2,
#content h3,
#content h4{
  color: #d06800;
}
.start #content > div {
  overflow: hidden;
}
.start #content:hover > div {
  overflow: auto;
}
.bottommenu {
  bottom: 0;
  right: 0;
}
.start .bottommenu {
  position: absolute;
}
.link a {
  display: block;
}
.start .link a {
  position: absolute;
}
.subpage .link a {
  position: relative;
}
#overview .link a {
  position: relative;
}
ul.menu li {
  float: left;
  list-style: none outside none;
  margin-bottom: 0;
}
.bottommenu ul.menu li {
  float: right;
}
.submenu ul.menu li,
#menu_small ul.menu li {
  float: none;
  font-size: 0.95em;
}
ul.menu li a:before,
ul.menu li .item:before,
ul.menu li .separator:before {
  content: "";
}
ul.menu li a:before,
ul.menu li .item:before,
ul.menu li .separator:before {
  content: "";
}
ul.menu ul.unstyled {
  margin-left: 0;
}
.nav > li > a:hover {
  background-color: transparent;
}
.component-content .current {
  clear: none;
  border: none;
  padding: 0;
}
ul.menu li.active.current > a:before,
ul.menu li.active.current > .item:before,
ul.menu li.active.current > .separator:before,
ul.menu li#current.active > a:before,
ul.menu li#current.active > .item:before,
ul.menu li#current.active > .separator:before {
  content: "";
  margin-right: 0;
}
.mymenu ul.menu ul {
  display: none;
}
.mymenu ul.menu li.active > ul {
  display: block;
}
ul.menu li a {
  color: #ffc080;
}
ul.menu li.active a, ul.menu li:hover a, ul.menu li.active.current > a {
  color: #ffe8d0;
}
.main_menu, .bottommenu {
  background-color: #a05000;
  background: -moz-linear-gradient(top, #d06800 0%, #f07800 50%, #d06800 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d06800), color-stop(50%,#f07800), color-stop(100%,#d06800));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d06800 0%,#f07800 50%,#d06800 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d06800 0%,#f07800 50%,#d06800 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d06800 0%,#f07800 50%,#d06800 100%); /* IE10+ */
  background: linear-gradient(to bottom, #d06800 0%,#f07800 50%,#d06800 100%); /* W3C */
}
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
  margin: 0;
}
.mymenu ul.menu ul {
  display: none;
}
.mymenu ul.menu li.active > ul {
  display: block;
  margin-left: 1.5em;
}
.logo a {
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  opacity: 0;
}
.bild1, .bild2, .bild3 {
  height: 0;
  background-size: 100% 100%;
}
.tile.link_ueberblick {
  background-color: #ffffff;
  transition: background-color 0.5s ease-in-out 0s;
  height: 0;
}
.tile.link_gasthof {
  height: 0;
  background-color: #e07000;
  transition: background-color 0.5s ease-in-out 0s;
}
.tile.link_gasthof:hover {
  background-color: #f07800;
}
.tile.link_zoepfchen {
  height: 0;
  background-color: #800000;
  transition: background-color 0.5s ease-in-out 0s;
}
.tile.link_zoepfchen:hover {
  background-color: #a00000;
}
.tile.link_wuschl {
  background-color: #008000;
}
.tile.link_wuschl:hover {
  background-color: #00a000;
}
.tile.link_wuschl {
  height: 0;
  transition: background-color 0.5s ease-in-out 0s;
}
.tile.link_speisekarte,
.tile.link_patisserie {
  background-color: #ffffff;
  transition: background-color 0.5s ease-in-out 0s;
  height: 0;
}
.link a {
  width: 100%;
  padding-bottom: 100%;
}
.link span {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0s;
}
.link:hover span {
  opacity: 1;
}
.link_tour a {
  background-size: 100% 100%;
}
.start#content_outer, .start #content_middle, .start #content_inner {
  transition: left 0.5s ease-in-out 0s,
    top 0.5s ease-in-out 0s,
    width 2s ease-in-out 0s,
    padding 2s ease-in-out 0s,
    margin 2s ease-in-out 0s,
    font-size 2s ease-in-out 0s,
    line-height 2s ease-in-out 0s;
}
.subpage#content_outer, .subpage #content_middle, .subpage #content_inner {
  transition: left 0.5s ease-in-out 0s,
    top 0.5s ease-in-out 0s;
}
.start .tile {
  transition: left 2s ease-in-out 0s,
    top 2s ease-in-out 0s,
    width 2s ease-in-out 0s,
    padding 2s ease-in-out 0s,
    margin 2s ease-in-out 0s,
    font-size 2s ease-in-out 0s,
    line-height 2s ease-in-out 0s,
    border-radius 2s ease-in-out 0s,
    background 0.5s ease-in-out 0s;
}
.start .logo.tile {
  transition: left 2s ease-in-out 0s,
    top 2s ease-in-out 0s,
    width 2s ease-in-out 0s,
    padding 2s ease-in-out 0s,
    margin 2s ease-in-out 0s,
    font-size 2s ease-in-out 0s,
    line-height 2s ease-in-out 0s,
    background 2s ease-in-out 0s;
}
.start .flags {
  transition: right 2s ease-in-out 0s,
    top 2s ease-in-out 0s;
}
/*.start p, .start h2, .start h3, .start h4, .start li, .start ul {
  transition: font-size 2s ease-in-out 0s,
    line-height 2s ease-in-out 0s,
    text-shadow 2s ease-in-out 0s,
    margin 2s ease-in-out 0s,
    padding 2s ease-in-out 0s;
}*/
#panorama {
  transition: left 2s ease-in-out 0s,
    top 2s ease-in-out 0s,
    width 2s ease-in-out 0s,
    height 0.5s ease-in-out 0s;
  overflow: hidden;
}

.image_right {
  float: right;
  height: auto;
  width: auto;
}
.image_left {
  float: left;
  height: auto;
  width: auto;
}
.image_right a img, .image_left a img {
  height: auto;
  width: auto;
}
.sigplus-gallery ul > li > div > img,
.sigplus-gallery ul > li > div > a > img,
.sigplus-gallery ul > li > div > .captionplus > img,
.sigplus-gallery ul > li > div > .captionplus > a > img,
.sigplus-gallery > ul > li {
  margin: 0 !important;
}

#content_outer {
  top: 0;
  left: 0;
  width: 100%; /* 570 */
  margin: 0 auto;
  background-color: #ffffff;
  position: relative;
}
#content_outer.start {
  height: 0;
  padding-bottom: 240.70175438596491228070175438596%; /* 1372/570 */
}
.subpage #content_middle {
  float: left;
  width: 92.982456140350877192982456140351%;/* 530/570 */
  padding: 3.5087719298245614035087719298246%; /* 20/570 */
}
.start #content_middle {
  padding-bottom: 240.70175438596491228070175438596%; /* 1372/570 */
}
.start #content_inner {
  height: 0;
  top: 6.5597667638483965014577259475219%; /* 90/1372 */
  left: 3.5087719298245614035087719298246%; /* 20/570 */
  width: 92.982456140350877192982456140351%; /* 530/570 */
  padding: 0 0 221.40350877192982456140350877193% 0; /* 1262/570 */
}
.subpage #content_inner {
  float: left;
  width: 100%;
  padding: 0;
}
#togglemenu {
  cursor: pointer;
}
#togglemenu {
  width: 14.035087719298245614035087719298%; /* 80/570 */
  height: 0;
  padding-bottom: 10.526315789473684210526315789474%; /* 60/570 */    
}
.start #togglemenu {
  position: absolute;
  top: 1.5015015015015015015015015015015%; /* 20/1332 */
  left: 3.5087719298245614035087719298246%; /* 20/570 */
}
.subpage #togglemenu {
  margin-bottom: 1.7543859649122807017543859649123%; /* 10/570 */
}
.subpage #right {
  width: 100%;
}
.logo {
  height: 0;
  left: 0;
  top: 0;
  width: 37.735849056603773584905660377358%; /* 200/530 */
  padding-bottom: 37.735849056603773584905660377358%; /* 200/530 */
  background-size: 100% 57.024793388429752066115702479339%;
  /* 230x242 Bereich, 300x180 Bild - (180/242)*(230/300) */
}
.subpage .logo {
  margin-right: 1.8867924528301886792452830188679%; /* 10/530 */
}
.adresse {
  height: 0;
  left: 39.622641509433962264150943396226%; /* 210/530 */
  top: 0;
  width: 56.603773584905660377358490566038%; /* 300/530 */
  padding: 1.8867924528301886792452830188679%
    1.8867924528301886792452830188679%
    35.849056603773584905660377358491%;
    1.8867924528301886792452830188679%; /* 10/530 10/530 190/530 10/530 */
  border-radius: 3.125% / 5%; /* 10/320 10/200 */
}
.subpage .adresse {
  float: left;
  margin: 0 0 1.8867924528301886792452830188679% 0; /* 10/530 */
}
.main_menu {
  height: 0;
  left: 0;
  width: 100%;
  padding-bottom: 6.0377358490566037735849056603774%; /* 32/530 */
  top: 15.601783060921248142644873699851%; /* 210/1346 */
  border-radius: 1.8867924528301886792452830188679% / 31.25%; /* 10/530 10/32 */
}
.subpage .main_menu {
  float: left;
  margin-bottom: 1.8867924528301886792452830188679%; /* 10/530 */
}
.start .flags {
  position: absolute;
  top: 13.81872213967310549777117384844%; /* 186/1346 */
  right: 62.264150943396226415094339622642%; /* 330/530 */
}
.subpage .flags {
  position: absolute;
  top: 206px;
  top: 45.789473684210526315789473684211vw; /* 261/570 */
  right: 350px;
  right: 61.40350877192982456140350877193vw;  /* 350/570 */
}
.bild4 {
  height: 0;
  width: 60.377358490566037735849056603774%; /* 320/530 */
  left: 0;
  top: 16.640253565768621236133122028526%; /* 210/1262 */
  padding-bottom: 37.735849056603773584905660377358%; /* 200/530 */
  border-radius: 3.125% / 5%; /* 10/320 10/200 */
}
.subpage .bild4 {
  margin: 0 1.8867924528301886792452830188679%; /* 10/530 */
  width: 42.767295597484276729559748427673%; /* 226.66666/530 (320*510/720) */
  padding-bottom: 26.729559748427672955974842767296%; /* 141.6666/530 (200*510/720) */
}
.bild1 {
  height: 0;
  top: 16.640253565768621236133122028526%; /* 210/1262 */
  left: 62.264150943396226415094339622642%; /* 330/530 */
  width: 37.735849056603773584905660377358%; /* 200/530 */
  padding-bottom: 37.735849056603773584905660377358%; /* 200/530 */
  border-radius: 5% /* 10/200 */
}
.subpage .bild1 {
  float: left;
  width: 26.729559748427672955974842767296%; /* 141.6666/530 (200*510/720) */
  padding-bottom: 26.729559748427672955974842767296%; /* 141.6666/530 (200*510/720) */
}
.bild5 {
  height: 0;
  left: 0;
  top: 33.280507131537242472266244057052%; /* 420/1262 */
  width: 60.377358490566037735849056603774%; /* 320/530 */
  padding-bottom: 37.735849056603773584905660377358%; /* 200/530 */
  border-radius: 3.125% / 5%; /* 10/320 10/200 */
}
.subpage .bild5 {
  margin: 0 1.8867924528301886792452830188679% 0 0; /* 10/530 */
}
.bild2 {
  height: 0;
  left: 62.264150943396226415094339622642%; /* 330/530 */
  top: 33.280507131537242472266244057052%; /* 420/1262 */
  width: 37.735849056603773584905660377358%; /* 200/530 */
  padding-bottom: 37.735849056603773584905660377358%; /* 200/530 */
  border-radius: 5% /* 10/200 */
}
.subpage .bild2 {
  float: left;
  width: 26.729559748427672955974842767296%; /* 141.6666/530 (200*510/720) */
  padding-bottom: 26.729559748427672955974842767296%; /* 141.6666/530 (200*510/720) */
}
#content {
  left: 0;
  top: 49.920760697305863708399366085578%; /* 630/1262 */
}
.start #content {
  height: 0;
  width: 56.603773584905660377358490566038%; /* 300/530 */
  padding: 1.8867924528301886792452830188679%
    1.8867924528301886792452830188679%
    35.849056603773584905660377358491%
    1.8867924528301886792452830188679%; /* 10/530 10/530 190/530 10/530 */
  border-radius: 3.3333333333333333333333333333333% / 5%; /* 10/300 10/200 */
}
.subpage #content {
  width: 96.226415094339622641509433962264%; /* 510/530 */
  margin: 1.8867924528301886792452830188679% 0;/* 10/530 */
  padding: 1.8867924528301886792452830188679%;/* 10/530 */
  border-radius: 10px;
  border-radius: 1.7543859649122807017543859649123vw; /* 10/570 */
}
.start #content > div {
  height: 21.052631578947368421052631578947vw; /* 120/570 */
}
.image_right {
  margin: 0 0 10px 10px !important;
  margin: 0 0 1.7543859649122807017543859649123vw
    1.7543859649122807017543859649123vw !important; /* 10/570 */
}
.image_left {
  margin: 0 10px 10px 0 !important;
  margin: 0 1.7543859649122807017543859649123vw
    1.7543859649122807017543859649123vw 0 !important; /* 10/570 */
}
.image_right, .image_right a img,
.image_left, .image_left a img {
  max-height: 250px;
  max-height: 43.859649122807017543859649122807vw; /* 250/570 */
  max-width: 250px;
  max-width: 43.859649122807017543859649122807vw; /* 250/570 */
}
.bild3 {
  left: 62.264150943396226415094339622642%; /* 330/530 */
  top: 49.920760697305863708399366085578%; /* 630/1262 */
  width: 37.735849056603773584905660377358%; /* 200/530 */
  padding-bottom: 37.735849056603773584905660377358%; /* 200/530 */
  border-radius: 5% /* 10/200 */
}
.panorama {
  line-height: 0; /* damit Html5-Panorama nicht nach unten verschoben wird */
  left: 0;
  width: 100%;
  height: 22.741679873217115689381933438986%; /* 287/1262 */
  top: 66.561014263074484944532488114105%; /* 840/1262 */
  border-radius: 1.8867924528301886792452830188679% /
    3.4843205574912891986062717770035%; /* 10/530 / 10/287 */
}
  #content .pano {
    width: 510px;
    width: 89.473684210526315789473684210526vw; /* 510/570 */
    height: 271px; /* 430*510/810 */
    height: 47.498375568551007147498375568551vw; /* 430/570 */
  }
.bottommenu {
  height: 0;
  left: 0;
  top: 97.622585438335809806835066864785%; /* 1314/1346 */
  width: 100%;
  padding-bottom: 6.0377358490566037735849056603774%; /* 32/530 */
  border-radius: 1.8867924528301886792452830188679% / 31.25%; /* 10/530 10/32 */
}
.link, .link a {
  border-radius: 8%; /* 10/125 */
}
.link_speisekarte, .link_speisekarte a {
  border-radius: 5%; /* 10/200 */
}
.link_patisserie, .link_patisserie a {
  border-radius: 3.125% / 5%; /* 10/320 / 10/200 */
}
.link_ueberblick {
  height: 0;
  left: 0;
  top: 90.095087163232963549920760697306%; /* 1137/1262 */
  width: 23.584905660377358490566037735849%; /* 125/530 */
  padding-bottom: 23.584905660377358490566037735849%; /* 125/530 */
  background-color: #ffffff;
  transition: background-color 0.5s ease-in-out 0s;
}
.link_ueberblick a {
  background-size: 100% 100%;
}
.link_gasthof {
  height: 0;
  left: 25.471698113207547169811320754717%; /* 135/530 */
  top: 90.095087163232963549920760697306%; /* 1137/1262 */
  width: 23.584905660377358490566037735849%; /* 125/530 */
  padding-bottom: 23.584905660377358490566037735849%; /* 125/530 */
  background-color: #ffc080;
  transition: background-color 0.5s ease-in-out 0s;
}
.link_gasthof a {
  background-size: 93.548387096774193548387096774194%
    56.129032258064516129032258064516%; /* 145/155 87/155 */
}
.link_gasthof:hover {
  background-color: #ffe0c0;
}
.link_zoepfchen {
  height: 0;
  left: 25.471698113207547169811320754717%; /* 135/530 */
  top: 90.095087163232963549920760697306%; /* 1137/1262 */
  width: 23.584905660377358490566037735849%; /* 125/530 */
  padding-bottom: 23.584905660377358490566037735849%; /* 125/530 */
  background-color: #080000;
  transition: background-color 0.5s ease-in-out 0s;
}
.link_zoepfchen a {
  background-size: 26.451612903225806451612903225806% 64.516129032258064516129032258065%;/* 41/155 100/155 */
}
.link_zoepfchen:hover {
  background-color: #0000a0;
}
.link_wuschl {
  height: 0;
  left: 50.943396226415094339622641509434%; /* 270/530 */
  top: 90.095087163232963549920760697306%; /* 1137/1262 */
  width: 23.584905660377358490566037735849%; /* 125/530 */
  padding-bottom: 23.584905660377358490566037735849%; /* 125/530 */
  transition: background-color 0.5s ease-in-out 0s;
}
.link_wuschl{
  background-color: #008000;
}
.link_wuschl a {
  background-size: 77.419354838709677419354838709677% 54.193548387096774193548387096774%; /* 120/155 84/155 */
}
.subpage .link {
  margin: 0 1.8867924528301886792452830188679% 0 0; /* 10/530 10/530 */
}
.subpage .link.link_patisserie {
  margin-left: 1.8867924528301886792452830188679%; /* 10/530 */
}
.subpage .link_tour {
  margin: 0;
}
.tile.link_tour,
.tile.link_ueberblick,
.tile.link_speisekarte,
.tile.link_patisserie {
  background-color: #ffffff;
  overflow: hidden;
}
.link_tour {
  height: 0;
  left: 76.415094339622641509433962264151%; /* 405/530 */
  top: 90.095087163232963549920760697306%; /* 1137/1262 */
  width: 23.584905660377358490566037735849%; /* 125/530 */
  padding-bottom: 23.584905660377358490566037735849%; /* 125/530 */
}
.link_tour a,
.link_ueberblick a,
.link_speisekarte a {
  margin-top: -100%;
}
.link_patisserie a {
  margin-top: -62.5%; /* 200/320 */
}
.link_tour > div,
.link_ueberblick > div,
.link_speisekarte > div {
  position: relative;
  height: 0;
  opacity: 1;
  transition: opacity 0.5s ease-in-out 0s;
  width: 100%;
  padding-bottom: 100%;
  background-size: contain;
}
.link_patisserie > div {
  position: relative;
  height: 0;
  opacity: 1;
  transition: opacity 0.5s ease-in-out 0s;
  width: 100%;
  padding-bottom: 62.5%; /* 200/320 */
  background-size: contain;
}
.link_tour:hover > div,
.link_ueberblick:hover > div,
.link_speisekarte:hover > div,
.link_patisserie:hover > div{
  opacity: 0.8;
}
.link_tour a {
  background-size: 100% 100%;
}
.link a {
  width: 100%;
  padding-bottom: 100%;
}
.link.link_patisserie a {
  padding-bottom: 62.5%; /* 200/320 */
}
.link span {
  position: absolute;
  display: block;
  bottom: 5px;
  bottom: 0.87719298245614035087719298245614vw; /* 5/570 */;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 0 4px #000000;
  text-shadow: 0 0 0.70175438596491228070175438596491vw #000000; /* 4/570 */
  opacity: 0;
  transition: opacity 0.5s ease-in-out 0s;
}
.link:hover span {
  opacity: 1;
}
p, ul, li {
  font-size: 12px;
  font-size: 2.1052631578947368421052631578947vw; /* 12/570 */
  line-height: 15px; /* 12*1.25 */
  line-height: 2.6315789473684210526315789473684vw; /* 15/570 */
}
td {
  font-size: 12px;
  font-size: 2.1052631578947368421052631578947vw; /* 12/570 */
  /* line-height: 15px; */ /* 12*1.25 */
  /* line-height: 2.6315789473684210526315789473684vw; */ /* 15/570 */
}
p, ul {
  margin-bottom: 7px;
  margin-bottom: 1.2280701754385964912280701754386vw; /* 7px/570 */
}
ul {
  margin-left: 25px;
  margin-left: 4.3859649122807017543859649122807vw; /* 25/570 */
}
.component-content h2 {
  font-size: 28px;
  font-size: 4.9122807017543859649122807017544vw; /* 28/570 */
  line-height: 30px;
  line-height: 5.2631578947368421052631578947368vw; /* 30/570 */
  padding-bottom: 15px;
  padding-bottom: 2.6315789473684210526315789473684vw; /* 15/570 */
  margin-bottom: 15px;
  margin-bottom: 2.6315789473684210526315789473684vw; /* 15/570 */
}
.component-content h3 {
  font-size: 22px;
  font-size: 3.859649122807017543859649122807vw; /* 22/570 */
  line-height: 24px;
  line-height: 4.2105263157894736842105263157895vw; /* 24/570 */
  padding-top: 12px;
  padding-top: 2.1052631578947368421052631578947vw; /* 12/570 */
  padding-bottom: 0;
  margin-bottom: 12px;
  margin-bottom: 2.1052631578947368421052631578947vw; /* 12/570 */
}
.component-content h4 {
  font-size: 16px;
  font-size: 2.8070175438596491228070175438596vw; /* 16/570 */
  line-height: 18px;
  line-height: 3.1578947368421052631578947368421vw; /* 18/570 */
  padding-top: 9px;
  padding-top: 1.5789473684210526315789473684211vw; /* 9/570 */
  margin-bottom: 9px;
  margin-bottom: 1.5789473684210526315789473684211vw; /* 9/570 */
}
#content h2,
#content h3,
#content h4{
  text-shadow: 2px 2px 4px #402000;
  text-shadow: 0.35087719298245614035087719298246vw
    0.35087719298245614035087719298246vw
    0.70175438596491228070175438596491vw #c06000; /* 2/570 2/570 4/570 */
}
.adresse p {
  line-height: 16px;
  line-height: 2.8070175438596491228070175438596vw; /* 30/570 */
}
.adresse h3 {
  font-size: 25px;
  font-size: 4.3859649122807017543859649122807vw; /* 25/570 */
  line-height: 33px;
  line-height: 5.7894736842105263157894736842105vw; /* 33/570 */
  margin: 25px 0 25px 0;
  margin: 4.3859649122807017543859649122807vw 0
    4.3859649122807017543859649122807vw 0; /* 0 25/570 0 25/570 */
  text-shadow: 0.35087719298245614035087719298246vw
    0.35087719298245614035087719298246vw
    1.0526315789473684210526315789474vw #a05000; /* 2/570 2/570 6/570 */
}
.link span {
  font-size: 14px;
  font-size: 2.4561403508771929824561403508772vw; /* 14/570 */
  line-height: 17.5px; /* 14*1.25 */
  line-height: 3.0701754385964912280701754385965vw; /* 17.5/570 */
}
#content .grafik_anfahrt img {
  width: 95%;
  height: auto;
}
.mymenu ul.menu > li {
  font-size: 14px;
  font-size: 2.4561403508771929824561403508772vw; /* 14/570 */
}
#menu_small ul.menu {
  margin: 0.5em 0;
  font-size: 1.2em;
}
ul.menu ul {
  margin-left: 0.5em;
}
.mymenu ul.menu li a {
/*  font-size: 1em;*/
  line-height: 1.2857142857142857142857142857143em;
  height: 1.2857142857142857142857142857143em;
  padding: 0.5em 0.85714285714285714285714285714286em;
}
.mymenu ul.menu li ul {
  font-size: 0.9em;
}
.submenu ul.menu ul.small {
  font-size: 0.9em;
}
.submenu ul.menu li a, .submenu ul.menu li a {
  font-size: 0.9em;
  line-height: 1.2857142857142857142857142857143em;
  padding: 0.5em 0.85714285714285714285714285714286em;
}
.submenu ul.menu ul.small, .submenu ul.menu ul.small {
  font-size: 0.9em;
}
li.parent > a:after {
  content: " ";
  font-family: FontAwesome;
  font-weight: normal;
}
.mymenu ul.menu li a {
  color: #ffc080;
}
.mymenu ul.menu li.active > a, .mymenu ul.menu li:hover > a {
  color: #ffe8d0;
}
.submenu ul.menu li a, #menu_small ul.menu li a {
  font-size: 0.9em;
  line-height: 1.28571em;
  padding: 0.5em 1em;
}
div.zimmer {
  float: left;
  margin: 5px;
  margin: 0.87719298245614035087719298245614vw; /* 5/570 */
}
img.img_zimmer {
  width: 300px;
  width: 52.631578947368421052631578947368vw; /* 300/570 */
  height: 200px;
  height: 35.087719298245614035087719298246vw; /* 200/570 */
}
hr.tips4trips {
  border: none;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc080), color-stop(50%,#f07800), color-stop(100%,#ffc080));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, #ffc080 0%,#f07800 50%,#ffc080 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, #ffc080 0%,#f07800 50%,#ffc080 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(right, #ffc080 0%,#f07800 50%,#ffc080 100%); /* IE10+ */
  background: -moz-linear-gradient(to right, #ffc080 0%,#f07800 50%,#ffc080 100%);
  background: linear-gradient(to right, #ffc080 0%,#f07800 50%,#ffc080 100%);
}
#overview {
  background-color: #ffc080;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 81.228070175438596491228070175439%; /* 463/570 */
  /* 463 = 20 + 30 + 15 + 15 + 228 + 10 + 125 + 20 */
  height: 0;
  position: relative;
}
#overview #content {
  text-align: center;
}
#slideshow {
  /* Bei gleichen Einstellungen gibt es hier bei kleinem Fenster weniger Schatten,
  als in den Kacheln unten */
  box-shadow: 5px 5px 10px #000000;
  box-shadow: 0.87719298245614035087719298245614vw
    0.87719298245614035087719298245614vw
    1.7543859649122807017543859649123vw #000000; /* 3/570 3/570 6/570 */
}
#overview .tile {
  box-shadow: 3px 3px 6px #000000;
  box-shadow: 0.52631578947368421052631578947368vw
    0.52631578947368421052631578947368vw
    1.0526315789473684210526315789474vw #000000; /* 3/570 3/570 6/570 */
}
#overview #content h2 {
  font-family: Salsa;
  color: #804000;
  text-shadow: 2px 2px 2px #804000;
  text-shadow: 0.35087719298245614035087719298246vw
    0.35087719298245614035087719298246vw
    0.35087719298245614035087719298246vw #804000; /* 2/570 2/570 2/570 */
  padding-top: 3.5087719298245614035087719298246%; /* 20/570 */
}
#slideshow {
  text-align: center;
  width: 1160px;
  height: 500px;
  position: absolute;
  transform-origin: 0 0;
}
#slideshow {
  overflow: hidden;
  /* Breite: 860px; Höhe: 500*530/1160 = 228px */
  left: 3.5087719298245614035087719298246%; /* 20/570 */
  top: 17.278617710583153347732181425486%; /* 80/463 */
  border-radius: 1.8867924528301886792452830188679% / 4.3773584905660377358490566037736%
    /* 10/530 / 10/(500*530/1160) */
}
#showplus_images_sampledata_fruitshop {
  width: 1160px !important;
  height: 500px !important;
}
#showplus_images_sampledata_fruitshop .showplus, .showplus-images, .showplus-images a {
  width: 1160px !important;
  height: 500px !important;
}
ul .showplus-image a span {
  left: 0 !important;
  top: 0 !important;
}
#map, #map > div {
  width: 510px;
  width: 89.473684210526315789473684210526vw; /* 510/570 */
  height: 382px; /* ca. 607*510/810 */
  height: 67.050032488628979857050032488629vw; /* 382,.../570 */
}
.inmap {
  height: auto;
  width: 200px;
  width: 35.087719298245614035087719298246vw; /* 200/570 */
}
.inmap img {
  width: 200px;
  width: 35.087719298245614035087719298246vw; /* 200/570 */
  height: 120px; /* 180*200/300 */
  height: 21.052631578947368421052631578947vw; /* 120/570 */
}
#overview .link_gasthof {
  left: 3.5087719298245614035087719298246%; /* 20/570 */
  top: 68.682505399568034557235421166307%; /* 318/463 */
  width: 21.929824561403508771929824561404%; /* 125/570 */
  height: 0;
  padding-bottom: 21.929824561403508771929824561404%; /* 125/570 */
  position: absolute;
}
#overview .link_zoepfchen {
  left: 27.19298245614035087719298245614%; /* 155/570 */
  top: 68.682505399568034557235421166307%; /* 318/463 */
  width: 21.929824561403508771929824561404%; /* 125/570 */
  height: 0;
  padding-bottom: 21.929824561403508771929824561404%; /* 125/570 */
  position: absolute;
}
#overview .link_wuschl {
  left: 50.877192982456140350877192982456%; /* 290/570 */
  top: 68.682505399568034557235421166307%; /* 318/463 */
  width: 21.929824561403508771929824561404%; /* 125/570 */
  height: 0;
  padding-bottom: 21.929824561403508771929824561404%; /* 125/570 */
  position: absolute;
}
#overview .link_tour {
  left: 74.561403508771929824561403508772%; /* 425/570 */
  top: 68.682505399568034557235421166307%; /* 318/463 */
  width: 21.929824561403508771929824561404%; /* 125/570 */
  height: 0;
  padding-bottom: 21.929824561403508771929824561404%; /* 125/570 */
  position: absolute;
}
#phocamenu .pm-list,
#phocamenu .pm-group,
#phocamenu .pm-item table td,
#phocamenu .pm-item-clm table td,
#phocamenu .pm-item-bl table td,
#phocamenu .pm-message,
#phocamenu .pm-header,
#phocamenu .pm-footer,
#phocamenu .pm-date,
#phocamenu .pm-date-sub {
  font-family: Satisfy;
}
#phocamenu .pm-list,
#phocamenu .pm-date-sub {
  text-decoration: none;
}
#phocamenu .pm-list,
#phocamenu .pm-group,
#phocamenu .pm-date-sub {
/*  border-top: 2px solid #ffb060;*/
  padding: 0.1em 0.2em;
  color: #804000;
}
#phocamenu, #menu_header {
  background-color: #fff0e0;
  padding: 10px;
}
#menu_header {
  margin-top: 0.87719298245614035087719298245614%; /* 5/570 */
}
#menu_header p {
  text-align: center;
  font-family: Satisfy;
  font-size: 28px;
  font-size: 4.9122807017543859649122807017544vw; /* 28/570 */
  line-height: 32px;
  line-height: 5.6140350877192982456140350877193vw; /* 32/570 */
}
/*#phocamenu {
  margin-bottom: 0.87719298245614035087719298245614%;*/ /* 5/570 */
/*}*/
#phocamenu td,
#phocamenu .pm-header p,
#phocamenu .pm-footer p{
  font-size: 20px;
  font-size: 3.5087719298245614035087719298246vw; /* 20/570 */
  line-height: 22px;
  line-height: 3.859649122807017543859649122807vw; /* 22/570 */
  padding: 4px 0;
  padding: 0.70175438596491228070175438596491vw 0; /* 4/570 */
}
#phocamenu .pm-date {
  font-size: 18px;
  font-size: 3.1578947368421052631578947368421vw; /* 18/570 */
  line-height: 20px;
  line-height: 3.5087719298245614035087719298246vw; /* 20/570 */
}
#phocamenu .pm-list {
  font-size: 28px;
  font-size: 4.9122807017543859649122807017544vw; /* 28/570 */
  line-height: 33px;
  line-height: 5.7894736842105263157894736842105vw; /* 33/570 */
}
#phocamenu .pm-group {
  font-size: 24px;
  font-size: 4.2105263157894736842105263157895vw; /* 24/570 */
  line-height: 28px;
  line-height: 4.9122807017543859649122807017544vw; /* 28/570 */
}
#phocamenu .pm-message p,
#phocamenu .pmdesc p{
  font-size: 18px;
  font-size: 2vw; /* 18/900 */
  line-height: 20px;
  line-height: 3.5087719298245614035087719298246vw; /* 20/570 */
}
#phocamenu .pmdesc p{
  margin: -4px 0 4px 0;
  margin: -0.70175438596491228070175438596491vw 0
    0.70175438596491228070175438596491vw 0; /* -4/1200 4/570 */
}
#phocamenu .pm-group-left,
#phocamenu .pm-group-right {
  float: left;
  margin: 1%;
  width: 98%;
}

#content .album li {
  width: calc(43.07992202729044834307992202729vw * 0.96);  /* 156/543; 362 ca. 570*324/510 */
  margin: calc(0.82846003898635477582846003898635vw * 0.96) !important; /* 3/362 */
  vertical-align: top;
}
#content .album li a {
  width: calc(43.07992202729044834307992202729vw * 0.96); /* 156/362 */
  height: calc(43.07992202729044834307992202729vw * 0.96); /* 156/362 */
  background-color: #ffa040;
  display: table-cell !important;
  text-align: center;
  vertical-align: bottom;
}
#content .album li a img {
  max-height: calc(41.423001949317738791423001949318vw * 0.96); /* 150/362 */
  max-width: calc(41.423001949317738791423001949318vw * 0.96); /* 150/362 */
  width: auto;
  height: auto;
  margin: calc(0.82846003898635477582846003898635vw * 0.96) !important; /* 3/362 */
}
#content .album li .captionplus-bottom {
  background-color: #ffb060;
  padding-bottom: calc(0.82846003898635477582846003898635vw * 0.96) !important; /* 3/362 */
}
#content .veranstaltung .termin {
  float: left;
  width: 25.490196078431372549019607843137%; /* 130/510 */
}
#content .veranstaltung {
  float: left;
  margin-top: 1em;
  width: 100%;
}
#content .veranstaltung p {
  margin-bottom: 0.2em;
}
#content .veranstaltung .titel {
  float: left;
  font-weight: bold;
  width: 74.509803921568627450980392156863%; /* 380/510 */
}
#content .veranstaltung .beschreibung {
  margin-left: 25.490196078431372549019607843137%; /* 130/510 */
  width: 74.509803921568627450980392156863%; /* 380/510 */
}
#content .veranstaltung .fotos {
  margin-left: 24.901960784313725490196078431373%; /* 127/510; 3px margin bei Fotos! */
  width: 75.098039215686274509803921568627%; /* 383/510 */
}
#content .veranstaltung .fotos > div {
  display: inline-block;
  vertical-align: bottom;
}
#content .veranstaltung .fotos > div a img {
  max-height: 150px;
  max-height: 26.315789473684210526315789473684vw; /* 150/570 */
  max-width: 150px;
  max-width: 26.315789473684210526315789473684vw; /* 150/570 */
  height: auto;
  width: auto;
}
#content .veranstaltung .fotos li {
  padding: 3px !important;
  padding: 0.52631578947368421052631578947368vw !important; /* 3/570 */
}
.wetter {
  width: 270px;
  float: right;
  text-align: center;
}
.wetter iframe {
  height: 370px;
}
form.fcp_form {
  margin-bottom: 0;
}
div.fcp_line.fcp_radio label {
  text-align: left;
  width: auto;
}
div.fcp_line.fcp_contact label,
div.fcp_line.fcp_date label,
div.fcp_line.fcp_text label,
div.fcp_line.fcp_textarea label {
  text-align: left;
}
div.fcp_line.fcp_contact input,
div.fcp_line.fcp_text input,
div.fcp_line.fcp_date input,
div.fcp_textarea textarea,
div.fcp_line.fcp_contact textarea {
  width: 100% !important;
  border: 1px solid #e0a060;
  background-color: #ffe8d0;
  color: #804000;
  margin-bottom: 0.64285714285714285714285714285714em; /* 9/14 */
  border-radius: 0.35714285714285714285714285714286em; /* 5/14 */
}
div.fcp_line.fcp_number_adults input,
  div.fcp_line.fcp_number_children input {
  margin-bottom: 0
}
fieldset.fcp_fieldset {
  border-radius: 0.35714285714285714285714285714286em; /* 5/14 */
  width: calc(96.078431372549019607843137254902% - 2px); /* 490/510 - 2px */
    padding: 0 1.960784313725490196078431372549%; /* 10/510 */
}
div.fcp_checkbox_l input.fcp_lcb {
  margin-left: 0;
  max-width: 100%;
}
div.fcp_recaptcha label {
  display: none;
}
.fcp_sendrow {
  margin-left: 0;
}
#fcp_wrapper form {
  margin-bottom: 0.5em;
}
#fcp_wrapper:last-child form {
  margin-bottom: 0;
}
div.fcp_line,
div.fcp_line input,
div.fcp_line label,
div.fcp_line textarea,
fieldset.fcp_fieldset legend {
  font-size: 1em;
  line-height: 1.4285714285714285714285714285714em; /* 20/14 */
}
div.fcp_line span.fcp_error_msg {
  font-size: 0.95em;
  line-height: 1.4285714285714285714285714285714em; /* 20/14 */
}
div.fcp_line input[type="radio"],
div.fcp_line input[type="checkbox"] {
  display: none;
}
div.fcp_line label,
div.fcp_textarea label {
  max-width: 100%;
  width: auto;
  height: 1.4285714285714285714285714285714em; /* 20/14 */
  margin-right: 0;
  margin-bottom: 0.3em;
}
div.fcp_line.fcp_radio label {
  margin-right: 1em;
  display: inline-block;
}
div.fcp_radio_h_inner span.fcp_radio_h label {
  padding-left: 0;
}
div.fcp_line input[type="text"] {
  height: 1.4285714285714285714285714285714em; /* 20/14 */
}
div.fcp_line input[type="text"],
div.fcp_line textarea {
  padding: 0.28571428571428571428571428571429em
    0.42857142857142857142857142857143em; /* 4/14 6/14 */
}
div.fcp_line.fcp_contact input,
div.fcp_line.fcp_text input,
div.fcp_line.fcp_date input,
div.fcp_textarea textarea,
div.fcp_line.fcp_contact textarea {
  max-width: calc(100% - (2 * 0.42857142857142857142857142857143em) - 2px);
}
fieldset.fcp_fieldset {
  border: 1px solid #e08020;
  margin-top: 0.5em;
}
fieldset.fcp_fieldset legend {
  margin-bottom: 0;
  border-bottom: none;
  width: auto;
  font-weight: bold;
  color: #c06000;
  padding: 0 0.5em;
}
fieldset.fcp_fieldset div.fcp_line {
  padding-top: 0;
}
div.fcp_line span.fcp_radio_h span:before {
  content: "\e603";
  font-family: "myicomoon";
  margin-right: 1em;
  color: #c06000;
  font-weight: normal;
}
div.fcp_line.fcp_checkbox label:before {
  content: "\e601";
  font-family: "myicomoon";
  margin-right: 1em;
  color: #c06000;
}
div.fcp_line span.fcp_radio_h:hover span:before {
  color: #f07800;
  transition: color 0.5s ease-in-out 0s;
}
div.fcp_line.fcp_checkbox:hover label:before {
  color: #f07800;
  transition: color 0.5s ease-in-out 0s;
}
div.fcp_line input[type="radio"]:checked + label span:before {
  content: "\e602";
}
div.fcp_line input[type="radio"]:checked + label span {
  font-weight: bold;
}
div.fcp_line.fcp_checkbox input[type="checkbox"]:checked + label:before {
  content: "\e600";
}
div.fcp_line input,
div.fcp_line textarea {
  /* box-shadow: 2px 2px 4px 0 rgba(192,96,0,0.5) inset; */
  box-shadow: 0.14285714285714285714285714285714em
    0.14285714285714285714285714285714em
    0.28571428571428571428571428571429em 0 rgba(192,96,0,0.5) inset;
}
/*div.fcp_line input,
div.fcp_line textarea {
  box-shadow: 0.16666666666666666666666666666667vw
    0.16666666666666666666666666666667vw
    0.33333333333333333333333333333333vw 0 rgba(192,96,0,0.5) inset; /* 2/1200 2/1200 4/1200 */
/*}*/
div.fcp_line.fcp_age label {
  display: none;
}
fieldset div.fcp_line.fcp_zip {
  float: left;
  width: 18.442622950819672131147540983607%; /* 90/488 */
  margin-right: 2.049180327868852459016393442623%; /* 10/488 */
}
fieldset div.fcp_line.fcp_town {
  float: left;
  clear: none;
  width: 79.50819672131147540983606557377%; /* 388/488 */
}
fieldset div.fcp_line.fcp_date {
  float: left;
  clear: none;
  width: 48.975409836065573770491803278689%; /* 239/488 */
  margin-right: 2.049180327868852459016393442623%; /* 10/488 */
}
fieldset div.fcp_line.fcp_date input {
  float: left;
  width: calc(100% - 33px - (2 * 0.42857142857142857142857142857143em)) !important;
  /* 100% - 31px icon + 2px Rand - 2*padding */
}
fieldset div.fcp_line.fcp_date button {
  margin-right: 0;
  float: left;
}
fieldset div.fcp_line.fcp_date:last-of-type {
  margin-right: 0;
}
fieldset.fcp_fieldset.fcp_time_of_travel {
  float: left;
}
div.fcp_line.fcp_number_adults,
div.fcp_line.fcp_number_children {
  float: left;
  clear: none;
  width: 49.019607843137254901960784313725%; /* 250/510 */
  margin-right: 1.960784313725490196078431372549%; /* 10/510 */
}
div.fcp_line.fcp_number_children {
  margin-right: 0;
}
fieldset.fcp_fieldset.fcp_age,
fieldset.fcp_fieldset.fcp_rooms {
  float: left;
  clear: none;
}
fieldset.fcp_fieldset.fcp_age {
  clear: left;
}
fieldset.fcp_fieldset.fcp_rooms {
  margin-right: 0;
}
fieldset.fcp_fieldset.fcp_age div.fcp_age {
  float: left;
  clear: none;
  width: 31.967213114754098360655737704918%; /* 156/488 */
  margin-right: 2.049180327868852459016393442623%; /* 10/488 */
  margin-top: 0.5em;
}
fieldset.fcp_fieldset.fcp_rooms div.fcp_rooms {
  float: left;
  clear: none;
  width: 23.463114754098360655737704918033%; /* 114.5/488 */
  margin-right: 2.049180327868852459016393442623%; /* 10/488 */
}
fieldset.fcp_fieldset.fcp_age div:last-of-type,
fieldset.fcp_fieldset.fcp_rooms div:last-of-type {
  margin-right: 0;
}
input#recaptcha_response_field {
  box-shadow: none;
}
#recaptcha_widget_div {
  float: left;
}
#fcp_err_recap {
  float: left;
  clear: left;
  margin-left: 0;
}
div.fcp_line input#fcp_send_button {
  padding: 0.21428571428571428571428571428571em
    0.71428571428571428571428571428571em; /* 3/14 10/14 */
}
div.fcp_line.fcp_sendrow {
  margin-left: 0;
}
div.fcp_line input#fcp_send_button {
  box-shadow: none;
  background-image: linear-gradient(to bottom, #e07000, #b05000);
  border-color: #a05000;
}
div.fcp_line input#fcp_send_button:hover {
  background-image: linear-gradient(to bottom, #e08010, #b07010);
}
div.fcp_line,
fieldset.fcp_fieldset,
fieldset.fcp_fieldset legend {
  font-size: 14px;
  font-size: 2.4561403508771929824561403508772vw; /*14/570 */
}
.mce-btn {
  background-image: linear-gradient(to bottom, #ffe0c0, #e0c0a0) !important;
}
.mce-panel {
  background-image: linear-gradient(to bottom, #ffe0c0, #e0c0a0) !important;
}
.vbContainer {
  font-size: 14px;
  font-size: 2.4561403508771929824561403508772vw; /*14/570 */
}
.vbMessage {
  border: 1px solid #e08020;
  margin-top: 0.5em;
  border-radius: 0.35714285714285714285714285714286em; /* 5/14 */
}
.vbMessageText,
.vbMessageTitle {
  font-size: 1em;
  line-height: 1.4285714285714285714285714285714em; /* 20/14 */
}
.vbMessageTitle {
  margin: 0.71428571428571428571428571428571em 0; /* 10/14 */
}
.vbMessageDate {
  font-size: 0.9em;
  color: #a05000;
  line-height: 1.4285714285714285714285714285714em;
  margin-top: 0.5em;
}
.vbMessageLocation {
  color: #a05000;
}
.vbContainer .pagination ul li span,
.vbContainer .pagination ul li a {
  font-size: 1em;
  line-height: 1.4285714285714285714285714285714em; /* 20/14 */
}
.vbContainer .pagination ul li span {
  color: #a05000;
}
.vbContainer .pagination {
  margin: 0.71428571428571428571428571428571em 0; /* 10/14 */
  padding: 0.71428571428571428571428571428571em 0; /* 10/14 */
  height: 2em;
}
.vbMessageAvatar {
  margin: 0 0.71428571428571428571428571428571em
    0.71428571428571428571428571428571em; /* 10/14 */
}
.vbContainer button.btn {
  background-image: linear-gradient(to bottom, #e07000, #b05000);
  border-color: #a05000;
  color: #ffffff;
  font-size: 1em;
  line-height: 1.4285714285714285714285714285714em; /* 20/14 */
  padding: 0.28571428571428571428571428571429em 1em; /* 4/14 10/14 */
  text-shadow: none;
}
.vbContainer button.btn:hover {
  background-image: linear-gradient(to bottom, #e08010, #b07010);
  color:#ffffff;
  background-position: 0;
}
.vbContainer form {
  margin: 0;
}
.form-horizontal .control-group {
  float: left;
  margin-bottom: 0.5em;
}
.vbContainer label {
  font-size: 1em;
  line-height: 1.4285714285714285714285714285714em; /* 20/14 */
}
.form-horizontal .controls {
  width: 100%;
  margin-left: 0;
}
.form-horizontal .control-label {
  width: 100%;
  text-align: left;
  float: none;
}
.vbContainer input,
.vbContainer input#jform_name,
.vbContainer input#jform_email {
  font-size: 1em;
  line-height: 1.4285714285714285714285714285714em; /* 20/14 */
  height: 1.4285714285714285714285714285714em; /* 20/14 */
  box-shadow: 0.14285714285714285714285714285714em
    0.14285714285714285714285714285714em
    0.28571428571428571428571428571429em 0 rgba(192,96,0,0.5) inset;
  border: 1px solid #e0a060;
  background-color: #ffe8d0;
  color: #804000;
  border-radius: 0.35714285714285714285714285714286em; /* 5/14 */
}
div#vbMessageForm.well {
  padding: 0;
}
.form-horizontal .controls input.inputbox,
.form-horizontal .controls input#jform_email.inputbox {
  padding: 0.28571428571428571428571428571429em
    0.42857142857142857142857142857143em; /* 4/14 6/14 */
}
.form-horizontal .control-group:nth-child(5),
.form-horizontal .control-group:nth-child(6) {
  width: 100%;
}
.form-horizontal .control-group:nth-child(6) .controls {
  float: left;
}
.form-horizontal .control-group:nth-child(6) {
  margin-bottom: 1.5em;
}
.form-horizontal .control-group:first-child,
.form-horizontal .control-group:nth-child(2),
.form-horizontal .control-group:nth-child(3),
.form-horizontal .control-group:nth-child(4) {
  width: 100%;
  float left;
  clear: none;
}
.form-horizontal .control-group:first-child,
.form-horizontal .control-group:nth-child(2),
.form-horizontal .control-group:nth-child(3),
.form-horizontal .control-group:nth-child(4) {
  margin-right: 0;
}
.form-horizontal .control-group:first-child:after,
.form-horizontal .control-group:nth-child(2):after,
.form-horizontal .control-group:nth-child(3):after {
  clear: none
}
.form-horizontal .controls input.inputbox,
.form-horizontal .controls input#jform_email.inputbox {
  width: calc(100% - (2 * 0.42857142857142857142857142857143em) - 2px);
}
div.wetter > div {
  transform-origin: right top 0;
  float: right;
}
img.haunoldstein {
  width: 50%; /* Wegen Wetter rechts kleiner als normal */
}


@media (min-width: 362px) {
  #content .album li {
    width: calc(28.719948018193632228719948018194vw * 0.96); /* 156/543; 543 ca. 570*486/510 */
    margin: calc(0.55230669265756985055230669265757vw * 0.96) !important; /* 3/543 */
    vertical-align: top;
  }
  #content .album li a {
    width: calc(28.719948018193632228719948018194vw * 0.96); /* 156/543 */
    height: calc(28.719948018193632228719948018194vw * 0.96); /* 156/543 */
  }
  #content .album li a img {
    max-height: calc(27.615334632878492527615334632878vw * 0.96); /* 150/543 */
    max-width: calc(27.615334632878492527615334632878vw * 0.96); /* 150/543 */
    margin: calc(0.55230669265756985055230669265757vw * 0.96) !important; /* 3/543 */
  }
  #content .album li .captionplus-bottom {
    background-color: #ffb060;
    padding-bottom: calc(0.55230669265756985055230669265757vw * 0.96) !important; /* 3/543 */
  }
}

@media (min-width: 590px) {
  .design1, .design3 {
    display: none;
  }
  .design12, .design23 {
    display: block;
  }
  #content_outer {
    width: 100%;
  }
  #content_outer.start {
    height: 0;
    padding-bottom: 153.88888888888888888888888888889%; /* 1385/900 */
  }
  .subpage #content_middle {
    width: 95.555555555555555555555555555556%; /* 860/900 */
    padding: 2.2222222222222222222222222222222%; /* 20/900 */
  }
  .start #content_middle {
    padding-bottom: 153.88888888888888888888888888889%; /* 1385/900 */
  }
  div#content_middle.showmenu {
    left: 0;
  }
  .start #content_inner {
    top: 1.4440433212996389891696750902527%; /* 20/1385 */
    left: 2.2222222222222222222222222222222%; /* 20/900 */
  }
  .subpage #content_inner {
    float: left;
  }
  #content_inner {
    padding: 0;
    width: 95.555555555555555555555555555556%; /* 860/900 */
  }
  .start #content_inner {
    height: 0;
    padding-bottom: 149.44444444444444444444444444444%; /* 1345/900 */
    width: 95.555555555555555555555555555556%; /* 860/900 */;
    left: 2.2222222222222222222222222222222%; /* 20/900 */
  }
  .subpage #content_inner {
    width: 100%;
    padding: 0;
  }
  .subpage #left {
    float: left;
    width: 27.906976744186046511627906976744%; /* 240/860 */
  }
  .subpage #right {
    float: left;
    width: 72.093023255813953488372093023256%; /* 620/860 */
  }
  #togglemenu {
    display: none;
  }
  #content_inner .mymenu {
    display: block;
  }
  #menu_small {
    display: none;
  }
  .subpage .submenu {
    width: 87.5%; /* 210/240 */
    margin-top: 4.1666666666666666666666666666667%; /* 10/240 */
    padding: 4.1666666666666666666666666666667%; /* 10/240 */
    background-color: #e07000;
    float: left;
    border-radius: 10px;
    border-radius: 1.1111111111111111111111111111111vw; /* 10/900 */
  }
  .main_menu ul.menu li.active > ul {
    display: none;
  }
  .logo {
    height: 0;
    left: 0;
    top: 0;
    width: 26.744186046511627906976744186047%; /* 230/860 */
    padding-bottom: 28.139534883720930232558139534884%; /* 242/860 */
  }
  .logo a {
    width: 100%;
    padding-bottom: 105.21739130434782608695652173913%; /* 242/230 */
  }
  .subpage .logo {
    width: 95.833333333333333333333333333333%; /* 230/240 */
    padding-bottom: 100.83333333333333333333333333333%; /* 242/240 */
    margin: 0;
    background-size: fill;
  }
  .bild4 {
    height: 0;
    width: 37.209302325581395348837209302326%; /* 320/860 */
    left: 0;
    top: 18.736059479553903345724907063197%; /* 252/1345 */
    padding-bottom: 23.255813953488372093023255813953%; /* 200/860 */
  }
  .subpage .bild4 {
    margin: 0 1.6129032258064516129032258064516% 0 0; /* 10/620 */
    width: 66.129032258064516129032258064516%; /* 410/620 */
    padding-bottom: 32.258064516129032258064516129032%; /* 200/620 */
  }
  .bild5, .subpage .bild5 {
    height: 0;
    left: 38.372093023255813953488372093023%; /* 330/860 */
    top: 18.736059479553903345724907063197%; /* 252/1345 */
    width: 37.209302325581395348837209302326%; /* 320/860 */
    padding-bottom: 23.255813953488372093023255813953%; /* 200/860 */
  }
  .subpage .bild5 {
    margin: 0 1.1627906976744186046511627906977% 0 0;  /* 10/860 */
  }
  .bild1 {
    height: 0;
    top: 0;
    left: 27.906976744186046511627906976744%; /*240/860 */
    width: 23.255813953488372093023255813953%; /*200/860 */
    padding-bottom: 23.255813953488372093023255813953%; /*200/860 */
  }
  .subpage .bild1 {
    float: left;
    width: 32.258064516129032258064516129032%; /*200/620 */
    padding-bottom: 32.258064516129032258064516129032%; /*200/620 */
  }
  .adresse {
    height: 0;
    left: 52.325581395348837209302325581395%; /* 450/860 */
    top: 0;
    width: 45.348837209302325581395348837209%; /* 390/860 */
    padding: 1.1627906976744186046511627906977%
      1.1627906976744186046511627906977%
      22.093023255813953488372093023256%
      1.1627906976744186046511627906977%; /* 10/860 10/860 (180+10)/860 10/860 */
    border-radius: 2.4390243902439024390243902439024% / 5%; /* 10/410 10/200 */
  }
  .subpage .adresse {
    float: left;
    width: 62.903225806451612903225806451613%; /* 390/620 */
    padding: 1.6129032258064516129032258064516%
      1.6129032258064516129032258064516%
      30.645161290322580645161290322581%
      1.6129032258064516129032258064516%; /* 10/620 10/620 (180+10)/620 10/620 */
    margin: 0 0 1.6129032258064516129032258064516%
      1.6129032258064516129032258064516%; /* 10/620 10/620 */
  }
  .bild2 {
    height: 0;
    left: 76.744186046511627906976744186047%; /* 660/860 */
    top: 18.736059479553903345724907063197%; /* 252/1345 */
    width: 23.255813953488372093023255813953%; /* 200/860 */
    padding-bottom: 23.255813953488372093023255813953%; /* 200/860 */
  }
  .subpage .bild2 {
    float: left;
    width: 32.258064516129032258064516129032%; /* 200/620 */
    padding-bottom: 32.258064516129032258064516129032%; /* 200/620 */
  }
  .main_menu {
    height: 0;
    left: 27.906976744186046511627906976744%; /* 240/860 */
    width: 72.093023255813953488372093023256%; /* 620/860 */
    padding-bottom: 3.7209302325581395348837209302326%; /* 32/860 */
    top: 15.613382899628252788104089219331%; /* 210/1345 */
    border-radius: 1.6129032258064516129032258064516% / 31.25%; /* 10/620 10/32 */
  }
  .subpage .main_menu {
    float: left;
    width: 100%;
    padding-bottom: 5.1612903225806451612903225806452%; /* 32/620 */
    margin-bottom: 1.6129032258064516129032258064516%; /* 10/620 */
  }
  .start .flags {
    top: 16.059479553903345724907063197026%; /* 216/1345 */
    right: 73.255813953488372093023255813953%; /* 630/860 */
  }
  .subpage .flags {
    top: 236px;
    top: 26.222222222222222222222222222222vw; /* 236/900 */
    right: 650px;
    right: 72.222222222222222222222222222222vw;  /* 650/900 */
  }
  #content {
    left: 0;
    top: 34.349442379182156133828996282528%; /* 462/1345 */
  }
  .start #content {
    height: 0;
    width: 73.255813953488372093023255813953%; /* 630/860 */
    padding: 1.1627906976744186046511627906977%
      1.1627906976744186046511627906977%
      22.093023255813953488372093023256%
      1.1627906976744186046511627906977%; /* 10/860 10/860 (180+10)/860 10px */
    border-radius: 1.5873015873015873015873015873016% / 5%; /* 10/630 10/200 */
  }
  .subpage #content {
    width: 96.774193548387096774193548387097%; /* 600/620 */
    margin: 1.6129032258064516129032258064516% 0; /* 10/620 */
    padding: 1.6129032258064516129032258064516%; /* 10/620 */
    border-radius: 10px;
    border-radius: 1.1111111111111111111111111111111vw; /* 10/900 */
  }
  .start #content > div {
    height: 13.333333333333333333333333333333vw; /* 120/900 */
  }
  .image_right {
    margin: 0 0 10px 10px !important;
    margin: 0 0 1.1111111111111111111111111111111vw
      1.1111111111111111111111111111111vw !important; /* 10/900 */
  }
  .image_left {
    margin: 0 10px 10px 0 !important;
    margin: 0 1.1111111111111111111111111111111vw
      1.1111111111111111111111111111111vw 0 !important; /* 10/900 */
  }
  .image_right, .image_right a img,
  .image_left, .image_left a img {
    max-height: 295px;
    max-height: 32.777777777777777777777777777778vw; /* 295/900 */
    max-width: 295px;
    max-width: 32.777777777777777777777777777778vw; /* 295/900 */
  }
  .bild3 {
    left: 76.744186046511627906976744186047%; /* 660/860 */
    top: 34.349442379182156133828996282528%; /* 462/1345 */
    width: 23.255813953488372093023255813953%; /* 200/860 */
    padding-bottom: 23.255813953488372093023255813953%; /* 200/860 */
  }
  .panorama {
    left: 0;
    width: 100%;
    height: 466px;
    height: 51.777777777777777777777777777778vw; /* 466/900 */
    top: 49.962825278810408921933085501859%; /* 672/1345 */
    border-radius: 1.1627906976744186046511627906977% /
      2.1459227467811158798283261802575%; /* 10/860 / 10/466 */
  }
  #content .pano {
    width: 600px;
    width: 66.666666666666666666666666666667vw; /* 600/900 */
    height: 319px; /* 430*600/810 */
    height: 35.390946502057613168724279835391vw; /* 430/900 */
  }
  .bottommenu {
    height: 0;
    left: 0;
    top: 97.620817843866171003717472118959%; /* 1313/1345 */
    width: 100%;
    padding-bottom: 3.7209302325581395348837209302326%; /* 32/860 */
    border-radius: 1.1627906976744186046511627906977% / 31.25%; /* 10/860 10/32 */
  }
  .subpage .bottommenu {
    padding-bottom: 5.1612903225806451612903225806452%; /* 32/620 */
  }
  .link_ueberblick {
    height: 0;
    left: 0;
    top: 85.353159851301115241635687732342%; /* 1148/1345 */
    width: 18.023255813953488372093023255814%; /* 155/860 */
    padding-bottom: 18.023255813953488372093023255814%; /* 155/860 */
    background-color: #ffffff;
    transition: background-color 0.5s ease-in-out 0s;
  }
  .link_ueberblick a {
    background-size: 100% 100%;
  }
  .link_gasthof {
    height: 0;
    left: 19.186046511627906976744186046512%; /* 165/860 */
    top: 85.353159851301115241635687732342%; /* 1148/1345 */
    width: 18.023255813953488372093023255814%; /* 155/860 */
    padding-bottom: 18.023255813953488372093023255814%; /* 155/860 */
   transition: background-color 0.5s ease-in-out 0s;
  }
  .link_zoepfchen {
    height: 0;
    left: 19.186046511627906976744186046512%; /* 165/860 */
    top: 85.353159851301115241635687732342%; /* 1148/1345 */
    width: 18.023255813953488372093023255814%; /* 155/860 */
    padding-bottom: 18.023255813953488372093023255814%; /* 155/860 */
    background-color: #000080;
    transition: background-color 0.5s ease-in-out 0s;
  }
  .link_zoepfchen a {
    background-size: 26.451612903225806451612903225806% 64.516129032258064516129032258065%;/* 41/155 100/155 */
  }
  .link_wuschl {
    height: 0;
    left: 38.372093023255813953488372093023%; /* 330/860 */
    top: 85.353159851301115241635687732342%; /* 1148/1345 */
    width: 18.023255813953488372093023255814%; /* 155/860 */
    padding-bottom: 18.023255813953488372093023255814%; /* 155/860 */
    transition: background-color 0.5s ease-in-out 0s;
    background-color: #008000;
  }
  .link_wuschl a {
    background-size: 77.419354838709677419354838709677% 54.193548387096774193548387096774%; /* 120/155 84/155 */
  }
  .subpage .link {
    margin: 0 1.6129032258064516129032258064516%
      1.6129032258064516129032258064516% 0; /* 10/620 10/620 */
  }
  .subpage .link.link_patisserie {
    margin-left: 0;
  }
  .subpage .link_tour.link {
    margin-right: 0;
  }
  .subpage .link_ueberblick,
  .subpage .link_zoepfchen,
  .subpage .link_wuschl,
  .subpage .link_tour {
    width: 23.790322580645161290322580645161%; /* 147.5/620 */
    padding-bottom: 23.790322580645161290322580645161%; /* 147.5/620 */
  }
  .link_tour {
    height: 0;
    left: 57.558139534883720930232558139535%; /* 495/860 */
    top: 85.353159851301115241635687732342%; /* 1148/1345 */
    width: 18.023255813953488372093023255814%; /* 155/860 */
    padding-bottom: 18.023255813953488372093023255814%; /* 155/860 */
  }
  .link_tour a {
    background-size: 100% 100%;
  }
  .link, .link a {
    border-radius: 6.4516129032258064516129032258065%; /* 10/155 */
  }
  	.link_speisekarte, .link_speisekarte a {
    border-radius: 5%;
  }
  	.link_patisserie, .link_patisserie a {
    border-radius: 3.125% / 5%; /* 10/320 / 10/200 */
  }
  .link a {
    width: 100%;
    padding-bottom: 100%;
  }
  .link span {
    position: absolute;
    display: block;
    bottom: 5px;
    bottom: 0.55555555555555555555555555555556vw; /* 5/900 */
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 0 4px #000000;
    text-shadow: 0 0 0.55555555555555555555555555555556vw #000000; /* 4/900 */
    opacity: 0;
    transition: opacity 0.5s ease-in-out 0s;
  }
  .link:hover span {
    opacity: 1;
  }
  p, ul, li {
    font-size: 14px;
    font-size: 1.5555555555555555555555555555556vw; /* 14/900 */
    line-height: 17.5px; /* 14*1.25 */
    line-height: 1.9444444444444444444444444444444vw; /* (14*1.25)/900 */
  }
  p, ul {
    margin-bottom: 7px;
    margin-bottom: 0.77777777777777777777777777777778vw; /* 7/900 */
  }
  ul {
    margin-left: 25px;
    margin-left: 2.7777777777777777777777777777778vw; /* 25/900 */
  }
  .component-content h2 {
    font-size: 28px;
    font-size: 3.1111111111111111111111111111111vw; /* 28/900 */
    line-height: 30px;
    line-height: 3.3333333333333333333333333333333vw; /* 30/900 */
    padding-bottom: 15px;
    padding-bottom: 1.6666666666666666666666666666667vw; /* 15/900 */
    margin-bottom: 15px;
    margin-bottom: 1.6666666666666666666666666666667vw; /* 15/900 */
  }
  .component-content h3 {
    font-size: 22px;
    font-size: 2.4444444444444444444444444444444vw; /* 22/900 */
    line-height: 24px;
    line-height: 2.6666666666666666666666666666667vw; /* 24/900 */
    padding-top: 12px;
    padding-top: 1.3333333333333333333333333333333vw; /* 12/900 */
    margin-bottom: 12px;
    margin-bottom: 1.3333333333333333333333333333333vw; /* 12/900 */
  }
  .component-content h4 {
    font-size: 16px;
    font-size: 1.7777777777777777777777777777778vw; /* 16/900 */
    line-height: 18px;
    line-height: 2vw; /* 18/900 */
    padding-top: 9px;
    padding-top: 1vw; /* 9/900 */
    margin-bottom: 9px;
    margin-bottom: 1vw; /* 9/900 */
  }
  #content h2,
  #content h3,
  #content h4 {
    text-shadow: 2px 2px 4px #400000;
    text-shadow: 0.22222222222222222222222222222222vw
      0.22222222222222222222222222222222vw
      0.44444444444444444444444444444444vw #c06000; /* 2/900 2/900 4/900 */
  }
  .adresse p {
    line-height: 18px;
    line-height: 2vw; /* 18/900 */
  }
  .adresse h3 {
    font-size: 30px;
    font-size: 3.3333333333333333333333333333333vw; /* 30/900 */
    line-height: 40px;
    line-height: 4.4444444444444444444444444444444vw; /* 40/900 */
    margin: 20px 0 15px 0;
    margin: 2.2222222222222222222222222222222vw 0
      1.6666666666666666666666666666667vw 0; /* 20/900 15/900 */
    text-shadow: 2px 2px 6px #000000;
    text-shadow: 0.22222222222222222222222222222222vw
      0.22222222222222222222222222222222vw
      0.66666666666666666666666666666667vw #c06000; /* 2/900 2/900 6/900 */
  }
  .link span {
    font-size: 14px;
    font-size: 1.5555555555555555555555555555556vw; /* 14/900 */
    line-height: 17.5px; /* 14*1.25 */
    line-height: 1.9444444444444444444444444444444vw; /* (14*1.25)/900 */
  }
  #content .album li {
    width: calc(21.666666666666666666666666666667vw * 0.96); /* 156/720 */
    margin: calc(0.41666666666666666666666666666667vw * 0.96) !important; /* 3/720 */
    vertical-align: top;
  }
  #content .album li a {
    width: calc(21.666666666666666666666666666667vw * 0.96); /* 156/720 */
    height: calc(21.666666666666666666666666666667vw * 0.96); /* 156/720 */
  }
  #content .album li a img {
    max-height: calc(20.833333333333333333333333333333vw * 0.96); /* 150/720 */
    max-width: calc(20.833333333333333333333333333333vw * 0.96); /* 150/720 */
    margin: calc(0.41666666666666666666666666666667vw * 0.96) !important; /* 3/720 */
  }
  #content .album li .captionplus-bottom {
    background-color: #ffb060;
    padding-bottom: calc(0.41666666666666666666666666666667vw * 0.96) !important; /* 3/720 */
  }
  #content .veranstaltung .termin {
    width: 21.666666666666666666666666666667%; /* 130/600 */
  }
  #content .veranstaltung .titel {
    width: 78.333333333333333333333333333333%; /* 470/600 */
  }
  #content .veranstaltung .beschreibung {
    margin-left: 21.666666666666666666666666666667%; /* 130/600 */
    width: 78.333333333333333333333333333333%; /* 470/600 */
  }
  #content .veranstaltung .fotos {
    margin-left: 21.166666666666666666666666666667%; /* 127/600; 3px margin bei Fotos! */
    width: 78,833333333333333333333333333333%; /* 473/600 */
  }
  #content .veranstaltung .fotos > div a img {
    max-height: 150px;
    max-height: 16.666666666666666666666666666667vw; /* 150/900 */
    max-width: 150px;
    max-width: 16.666666666666666666666666666667vw; /* 150/900 */
  }
  #content .veranstaltung .fotos li {
    padding: 3px !important;
    padding: 0.33333333333333333333333333333333vw !important; /* 3/900 */
  }
  .mymenu ul.menu > li {
    font-size: 14px;
    font-size: 1.5555555555555555555555555555556vw; /* 14/900 */
  }
  .mymenu ul.menu li a {
    font-size: 1em;
    line-height: 1.2857142857142857142857142857143em;
    height: 1.2857142857142857142857142857143em;
    padding: 0.5em 0.857143em;
  }
  .submenu.mymenu ul.menu li a {
    padding: 0.5em 0;
  }
  .mymenu ul.menu li ul {
    font-size: 0.9em;
  }
  #map, #map > div {
    width: 600px;
    width: 66.666666666666666666666666666667vw; /* 600/900 */
    height: 450px; /* ca. 607*600/810 */
    height: 49.958847736625514403292181069959vw; /* 449,.../900 */
  }
  .inmap {
    width: 200px;
    width: 22.222222222222222222222222222222vw; /* 200/900 */
  }
  .inmap img {
    width: 200px;
    width: 22.222222222222222222222222222222vw; /* 200/900 */
    height: 120px; /* 180*200/300 */
    height: 13.333333333333333333333333333333vw; /* 120/900 */
  }
  div.zimmer {
    margin: 0 5px;
    margin: 0 0.55555555555555555555555555555556vw; /* 5/900 */
  }
  img.img_zimmer {
    width: 290px;
    width: 32.222222222222222222222222222222vw; /* 290/900 */
    height: 193px; /* 200*290/300 */
    height: 21.481481481481481481481481481481vw; /* 193,.../900 */
  }
  #overview {
    padding-bottom: 71.777777777777777777777777777778%; /* 646/900 */
    /* 646 = 20 + 30 + 15 + 15 + 371 + 20 + 155 + 20 */
  }
  #overview #slideshow,
  #overview .tile {
    box-shadow: 3px 3px 6px #000000;
    box-shadow: 0.33333333333333333333333333333333vw
      0.33333333333333333333333333333333vw
      0.66666666666666666666666666666667vw #000000; /* 3/900 3/900 6/900 */
  }
  #overview #content h2 {
    text-shadow: 2px 2px 2px #804000;
    text-shadow: 0.22222222222222222222222222222222vw
      0.22222222222222222222222222222222vw
      0.22222222222222222222222222222222vw #804000; /* 2/900 2/900 2/900 */
    padding-top: 2.2222222222222222222222222222222%; /* 20/900 */
  }
  #slideshow {
    /* Breite: 860px; Höhe: 500*860/1160 = 371px */
    left: 2.2222222222222222222222222222222%; /* 20/900 */
    top: 12.383900928792569659442724458204%; /* 80/646 */
    border-radius: 1.1627906976744186046511627906977% / 2.6976744186046511627906976744186%
      /* 10/860 / 10/(500*860/1160) */
  }
  #showplus_images_sampledata_fruitshop {
    width: 1160px !important;
    height: 500px !important;
  }
  #showplus_images_sampledata_fruitshop .showplus, .showplus-images, .showplus-images a {
    width: 1160px !important;
    height: 500px !important;
  }
  #overview .link_gasthof {
    left: 12.222222222222222222222222222222%; /* 110/900 */
    top: 72.910216718266253869969040247678%; /* 471/646 */
    width: 17.222222222222222222222222222222%; /* 155/900 */
    padding-bottom: 17.222222222222222222222222222222%; /* 155/900 */
  }
  #overview .link_zoepfchen {
    left: 31.666666666666666666666666666667%; /* 285/900 */
    top: 72.910216718266253869969040247678%; /* 471/646 */
    width: 17.222222222222222222222222222222%; /* 155/900 */
    padding-bottom: 17.222222222222222222222222222222%; /* 155/900 */
  }
  #overview .link_wuschl {
    left: 51.111111111111111111111111111111%; /* 460/900 */
    top: 72.910216718266253869969040247678%; /* 471/646 */
    width: 17.222222222222222222222222222222%; /* 155/900 */
    padding-bottom: 17.222222222222222222222222222222%; /* 155/900 */
  }
  #overview .link_tour {
    left: 70.555555555555555555555555555556%; /* 635/900 */
    top: 72.910216718266253869969040247678%; /* 471/646 */
    width: 17.222222222222222222222222222222%; /* 155/900 */
    padding-bottom: 17.222222222222222222222222222222%; /* 155/900 */
  }
  #menu_header {
    margin-top: 0.55555555555555555555555555555556%; /* 5/900 */
  }
  #menu_header p {
    font-size: 28px;
    font-size: 3.1111111111111111111111111111111vw; /* 28/900 */
    line-height: 32px;
    line-height: 3.5555555555555555555555555555556vw; /* 32/900 */
  }
/*  #phocamenu {
    margin-bottom: 0.55555555555555555555555555555556%;*/ /* 5/900 */
/*  }*/
  #phocamenu td,
  #phocamenu .pm-header p,
  #phocamenu .pm-footer p{
    font-size: 20px;
    font-size: 2.2222222222222222222222222222222vw; /* 20/900 */
    line-height: 22px;
    line-height: 2.4444444444444444444444444444444vw; /* 22/900 */
    padding: 4px 0;
    padding: 0.44444444444444444444444444444444vw 0; /* 4/900 */
  }
  #phocamenu .pm-date {
    font-size: 20px;
    font-size: 2.2222222222222222222222222222222vw; /* 20/900 */
    line-height: 22px;
    line-height: 2.4444444444444444444444444444444vw; /* 22/900 */
  }
  #phocamenu .pm-list,
  #phocamenu .pm-date-sub {
    font-size: 28px;
    font-size: 3.1111111111111111111111111111111vw; /* 28/900 */
    line-height: 33px;
    line-height: 3.6666666666666666666666666666667vw; /* 33/900 */
  }
  #phocamenu .pm-group {
    font-size: 24px;
    font-size: 2.6666666666666666666666666666667vw; /* 24/900 */
    line-height: 28px;
    line-height: 3.1111111111111111111111111111111vw; /* 28/900 */
  }
  #phocamenu .pm-message p,
  #phocamenu .pmdesc p{
    font-size: 18px;
    font-size: 2vw; /* 18/900 */
    line-height: 20px;
    line-height: 2.2222222222222222222222222222222vw; /* 20/900 */
  }
  #phocamenu .pmdesc p{
    margin: -4px 0 4px 0;
    margin: -0.44444444444444444444444444444444vw 0
      0.44444444444444444444444444444444vw 0; /* -4/1200 4/900 */
  }
  fieldset.fcp_fieldset {
    width: calc(96.666666666666666666666666666667% - 2px); /* 580/600 - 2px */
    padding: 0 1.6666666666666666666666666666667%; /* 10/600 */
  }
  fieldset div.fcp_line.fcp_zip {
    width: 17.301038062283737024221453287197%; /* 100/578 */
    margin-right: 1.7301038062283737024221453287197%; /* 10/578 */
  }
  fieldset div.fcp_line.fcp_town {
    width: 80.968858131487889273356401384083%; /* 468/578 */
  }
  fieldset div.fcp_line.fcp_phone {
    width: 49.13494809688581314878892733564%; /* 284/578 */
    margin-right: 1.7301038062283737024221453287197%; /* 10/578 */
    float:left;
  }
  fieldset div.fcp_line.fcp_mobile {
    width: 49.13494809688581314878892733564%; /* 284/578 */
    float: left;
    clear: none;
  }
  fieldset div.fcp_line.fcp_mail {
    width: 100%;
    float: left;
    clear: none;
  }
  fieldset div.fcp_line.fcp_date {
    width: 49.13494809688581314878892733564%; /* 284/578 */
    margin-right: 1.7301038062283737024221453287197%; /* 10/578 */
  }
  fieldset div.fcp_line.fcp_date input {
    width: calc(100% - 33px - (2 * 0.42857142857142857142857142857143em)) !important;
    /* 100% - 31px icon + 2px Rand - 2*padding */
  }
  div.fcp_line.fcp_number_adults,
  div.fcp_line.fcp_number_children {
    width: 49.166666666666666666666666666667%; /* 295/600 */
    margin-right: 1.6666666666666666666666666666667%; /* 10/600 */
  }
  div.fcp_line.fcp_number_children {
    margin-right: 0;
  }
  fieldset.fcp_fieldset.fcp_age div.fcp_age {
    width: 32.179930795847750865051903114187%; /* 186/578 */
    margin-right: 1.7301038062283737024221453287197%; /* 10/578 */
    margin-top: 0.5em;
  }
  fieldset.fcp_fieldset.fcp_rooms div.fcp_rooms {
    width: 23.70242214532871972318339100346%; /* 137/578 */
    margin-right: 1.7301038062283737024221453287197%; /* 10/578 */
  }
  fieldset.fcp_fieldset.fcp_age div:last-of-type,
  fieldset.fcp_fieldset.fcp_rooms div:last-of-type {
    margin-right: 0;
  }
  div.fcp_line.fcp_contact.fcp_mail {
    width: 49.166666666666666666666666666667%; /* 295/600 */
    margin-right: 1.6666666666666666666666666666667%; /* 10/600 */
    float: left;
  }
  div.fcp_line.fcp_contact.fcp_tel {
    width: 49.166666666666666666666666666667%; /* 295/600 */
    float: left;
    clear: none;
  }
  div.fcp_line,
  fieldset.fcp_fieldset,
  fieldset.fcp_fieldset legend {
    font-size: 14px;
    font-size: 1.5555555555555555555555555555556vw; /*14/900 */
  }
  .vbContainer {
    font-size: 14px;
    font-size: 1.5555555555555555555555555555556vw; /*14/900 */
  }
  img.haunoldstein {
    width: 55%; /* 330/600 */
  }
}

@media (min-width: 720px) {
  #content .album li {
    width: calc(16.25vw * 0.96); /* 156/960 */
    margin: calc(0.3125vw * 0.96) !important; /* 3/960 */
    vertical-align: top;
  }
  #content .album li a {
    width: calc(16.25vw * 0.96); /* 156/960 */
    height: calc(16.25vw * 0.96); /* 156/960 */
  }
  #content .album li a img {
    max-height: calc(15.625vw * 0.96); /* 150/960 */
    max-width: calc(15.625vw * 0.96); /* 150/960 */
    margin: calc(0.3125vw * 0.96) !important; /* 3/960 */
  }
  #content .album li .captionplus-bottom {
    background-color: #ffb060;
    padding-bottom: calc(0.3125vw * 0.96) !important; /* 3/960 */
  }
}
  
@media (min-width: 920px) {
  .design1, .design12 {
    display: block;
  }
  .design23, .design3 {
    display: none;
  }
  #content_outer.start {
    height: 0;
    padding-bottom: 82.833333333333333333333333333333%; /* 994/1200 */
  }
  .subpage #content_middle {
    float: left;
    width: 96.666666666666666666666666666667%; /* 1160/1200 */
    padding: 1.6666666666666666666666666666667%; /* 20/1200 */
  }
  .start #content_middle {
    padding-bottom: 82.833333333333333333333333333333%; /* 994/1200 */
  }
  .start #content_inner {
    width: 96.666666666666666666666666666667%; /* 1160/1200 */;
    left: 1.666666666666666666666666666667%; /* 20/1200 */
    top: 2.012072434607645875251509054326%; /* 20/994 */
  }
  .subpage #content_inner {
    width: 100%;
    padding: 0;
  }
  #content_inner {
    padding: 0 0 81.166666666666666666666666666667% 0; /* (954+20)/1200 */
  }
  .start #content_inner {
    padding-bottom: 79.5%; /* 954/1200 */
  }
  .subpage #left {
    width: 28.448275862068965517241379310345%; /* 330/1160 */
  }
  .subpage #right {
    width: 71.551724137931034482758620689655%; /* 830/1160 */
  }
  .subpage .submenu {
    width: 90.909090909090909090909090909091%; /* 300/330 */
    margin-top: 3.030303030303030303030303030303%; /* 10/330 */
    padding: 3.030303030303030303030303030303%; /* 10/330 */
    border-radius: 10px;
    border-radius: 0.83333333333333333333333333333333vw; /* 10/1200 */
  }
  .tile.text {
    padding: 0.86206896551724137931034482758621%; /* 10/1160 */
  }
  .start .logo {
    height: 0;
    left: 0;
    top: 0;
    width: 27.586206896551724137931034482759%; /* 320/1160 */
  }
  .subpage .logo {
    width: 96.969696969696969696969696969697%; /* 320/330 */
  }
  .logo {
    padding-bottom: 17.241379310344827586206896551724%; /* 200/1160 */
    background-size: 93.75% 90%;/* 300/320 180/200 */
  }
  .subpage .logo {
    padding-bottom: 60.606060606060606060606060606061%; /* 200/330 */
  }
  .logo a {
    width: 100%;
    padding-bottom: 62.5%; /* 200/320 */
  }
  .subpage .logo {
    margin: 0 3.125% 3.125% 0; /* 10/320 10/320 */
  }
  .tile.bild4 {
    height: 0;
    left: 0;
    width: 27.586206896551724137931034482759%; /* 320/1160 */
    padding-bottom: 17.241379310344827586206896551724%; /* 200/1160 */
  }
  .bild4 {
    top: 22.012578616352201257861635220126%; /* 210/954 */
   }
  .subpage .bild4 {
    margin: 0;
    width: 96.969696969696969696969696969697%; /* 320/330 */
    padding-bottom: 60.606060606060606060606060606061%; /* 200/330 */
  }
  .tile.bild5 {
    height: 0;
    left: 0;
    width: 27.586206896551724137931034482759%; /* 320/1160 */
    padding-bottom: 17.241379310344827586206896551724%; /* 200/1160 */
  }
  .subpage .bild5 {
    margin: 3.030303030303030303030303030303% 0 0 0; /* 10/330 */
    width: 90.909090909090909090909090909091%; /* 300/330 */
    padding: 3.030303030303030303030303030303%
      3.030303030303030303030303030303%
      48.484848484848484848484848484848%
      3.030303030303030303030303030303%; /* 10/330 10/330 (150+10)/330 10/330 */
  }
  .bild5 {
    top: 44.025157232704402515723270440252%; /* 420/954 */
   }
  .start .bild1, .subpage .bild1 {
    width: 17.241379310344827586206896551724%; /* 200/1160 */
    padding-bottom: 17.241379310344827586206896551724%; /* 200/1160 */
  }
  .bild1 {
    top: 0;
  }
  .start .bild1 {
    left: 28.448275862068965517241379310345%; /* 330/1160 */
  }
  .subpage .bild1 {
    width: 24.096385542168674698795180722892%; /* 200/830 */
    padding-bottom: 24.096385542168674698795180722892%; /* 200/830 */
  }
  .tile.adresse {
    height: 0;
    left: 46.551724137931034482758620689655%; /* 540/1160 */
    width: 33.620689655172413793103448275862%; /* 390/1160 */
    padding: 0.86206896551724137931034482758621%
      0.86206896551724137931034482758621%
      16.379310344827586206896551724138%
      0.86206896551724137931034482758621%; /* 10px/1160 10/1160 (10+180)/1160 10/1160 */
  }
  .subpage .adresse {
    width: 46.987951807228915662650602409639%; /* 390/830 */
    padding: 1.2048192771084337349397590361446%
      1.2048192771084337349397590361446%
      22.891566265060240963855421686747%
      1.2048192771084337349397590361446%; /* 10/830 10/830 (10+180)/830 10/830 */
  }
  .adresse {
    top: 0;
  }
  .subpage .adresse {
    margin: 0 1.2048192771084337349397590361446%
      1.2048192771084337349397590361446%
      1.2048192771084337349397590361446%; /* 0 10/830 10/830 10/830 */
  }
  .bild2 {
    left: 82.758620689655172413793103448276%; /* 960/1160 */
    width: 17.241379310344827586206896551724%; /* 200/1160 */
    padding-bottom: 17.241379310344827586206896551724%; /* 200/1160 */
  }
  .subpage .bild2 {
    width: 24.096385542168674698795180722892%; /* 200/830 */
    padding-bottom: 24.096385542168674698795180722892%; /* 200/830 */
  }
  .bild2 {
    top: 0;
  }
  .main_menu {
    height: 0;
    left: 28.448275862068965517241379310345%; /* 330/1160 */
    width: 71.551724137931034482758620689655%; /* 830/1160 */
    padding-bottom: 2.7586206896551724137931034482759%; /* 32/1160 */
    border-radius: 1.2048192771084337349397590361446% / 31.25%; /* 10/830 10/32 */
  }
  .subpage .main_menu {
    width: 100%;
    padding-bottom: 3.8554216867469879518072289156627%; /* 32/830 */
  }
  .main_menu {
    top: 22.012578616352201257861635220126%; /* 210/954 */
  }
  .subpage .main_menu {
    margin-bottom: 1.2048192771084337349397590361446%; /* 10/830 */
  }
  .start .flags {
    top: 22.641509433962264150943396226415%; /* 216/954 */
    right: 0.86206896551724137931034482758621%; /* 10/1160 */
  }
  .subpage .flags {
    top: 236px;
    top: 19.666666666666666666666666666667vw; /* 236/1200 */
    right: 30px;
    right: 2.5vw; /*30/1200 */
  }
  .subpage #content, .start #content {
    left: 28.448275862068965517241379310345%; /* 330/1160 */
    width: 51.724137931034482758620689655172%; /* 600/1160 */
  }
  .start #content {
    height: 0;
    padding: 0.86206896551724137931034482758621%
      0.86206896551724137931034482758621%
      16.379310344827586206896551724138%
      0.86206896551724137931034482758621%; /* 10/1160 10/1160 (180+10)/1160 10/1160 */
    border-radius: 1.6129032258064516129032258064516% / 5%; /* 10/620 10/200 */
  }
  .start #content > div {
    height: 10vw; /* 120/1200 */
  }
  .subpage #content {
    padding: 1.2048192771084337349397590361446%; /* 10/830 */
    border-radius: 10px;
    border-radius: 0.83333333333333333333333333333333vw; /* 10/1200 */
  }
  #content {
    top: 26.415094339622641509433962264151%; /* 252/954 */
  }
  .subpage #content {
    margin: 0;
    width: 97.590361445783132530120481927711%; /* 810/830 */
  }
  .image_right {
    margin: 0 0 10px 10px !important;
    margin: 0 0 0.83333333333333333333333333333333vw
      0.83333333333333333333333333333333vw !important; /* 10/1200 */
  }
  .image_left {
    margin: 0 10px 10px 0 !important;
    margin: 0 0.83333333333333333333333333333333vw
      0.83333333333333333333333333333333vw 0 !important; /* 10/1200 */
  }
  .image_right, .image_right a img,
  .image_left, .image_left a img {
    max-height: 400px;
    max-height: 33.333333333333333333333333333333vw; /* 400/1200 */
    max-width: 400px;
    max-width: 33.333333333333333333333333333333vw; /* 400/1200 */
  }
  .bild3 {
    background-size: 100% 100%;
    left: 82.758620689655172413793103448276%; /* 960/1160 */
    width: 17.241379310344827586206896551724%; /* 200/1160 */
    padding-bottom: 17.241379310344827586206896551724%; /* 200/1160 */
    top: 26.415094339622641509433962264151%; /* 252/954 */
  }
  .panorama {
    left: 28.448275862068965517241379310345%; /* 330/1160 */
    width: 71.551724137931034482758620689655%; /* 830/1160 */
    height: 37.5vw; /* 450/1200 */
    top: 48.427672955974842767295597484277%; /* 462/954 */
    border-radius: 1.2048192771084337349397590361446% /
      2.2222222222222222222222222222222%; /* 10/830 / 10/450 */
  }
  #content .pano {
    width: 810px;
    width: 67.5vw; /* 810/1200 */
    height: 430px;
    height: 35.833333333333333333333333333333vw; /* 430/1200 */
  }
  .bottommenu {
    height: 0;
    left: 28.448275862068965517241379310345%; /* 330/1160 */
    width: 71.551724137931034482758620689655%; /* 830/1160 */
    padding-bottom: 2.7586206896551724137931034482759%; /* 32/1160 */
    border-radius: 1.2048192771084337349397590361446 / 31.25%; /* 10/830 10/32 */
    top: 96.645702306079664570230607966457%; /* 922/954 */
  }
  .subpage .bottommenu {
    margin-top: 1.2048192771084337349397590361446%; /* 10/830 */
    padding-bottom: 3.8554216867469879518072289156627%; /* 32/830 */
    width: 100%;
  }
  .tile.link_ueberblick {
    left: 0;
    width: 13.362068965517241379310344827586%; /* 155/1160 */
    padding-bottom: 13.362068965517241379310344827586%; /* 155/1160 */
  }
  .subpage .link_ueberblick {
    width: 46.969696969696969696969696969697%; /* 155/330 */
    padding-bottom: 46.969696969696969696969696969697%; /* 155/330 */
  }
  .link_ueberblick {
    top: 66.037735849056603773584905660377%; /* 630/954 */
  }
  .link_ueberblick a {
    background-size: 100% 100%;
  }
  .tile.link_gasthof {
    left: 14.224137931034482758620689655172%; /* 165/1160 */
    width: 13.362068965517241379310344827586%; /* 155/1160 */
    padding-bottom: 13.362068965517241379310344827586%; /* 155/1160 */
  }
  .subpage .link_gasthof {
    width: 46.969696969696969696969696969697%; /* 155/330 */
    padding-bottom: 46.969696969696969696969696969697%; /* 155/330 */
  }
  .link_gasthof {
    top: 66.037735849056603773584905660377%; /* 630/954 */
  }
  .tile.link_zoepfchen {
    left: 14.224137931034482758620689655172%; /* 165/1160 */
    width: 13.362068965517241379310344827586%; /* 155/1160 */
    padding-bottom: 13.362068965517241379310344827586%; /* 155/1160 */
  }
  .subpage .link_zoepfchen {
    width: 46.969696969696969696969696969697%; /* 155/330 */
    padding-bottom: 46.969696969696969696969696969697%; /* 155/330 */
  }
  .link_zoepfchen {
    top: 66.037735849056603773584905660377%; /* 630/954 */
  }
  .link_zoepfchen a {
    background-size: 26.451612903225806451612903225806%
      64.516129032258064516129032258065%;/* 41/155 100/155 */
  }
  .link_wuschl a {
    background-size: 77.419354838709677419354838709677% 54.193548387096774193548387096774%; /* 120/155 84/155 */
  }
  .tile.link_wuschl {
    top: 83.333333333333333333333333333333%; /* 795/954 */
  }
  .link_wuschl {
    left: 0;
    width: 13.362068965517241379310344827586%; /* 155/1160 */
    padding-bottom: 13.362068965517241379310344827586%; /* 155/11600 */
  }
  .subpage .link_wuschl {
    width: 46.969696969696969696969696969697%; /* 155/330 */
    padding-bottom: 46.969696969696969696969696969697%; /* 155/330 */
  }
  .link_tour {
    height: 0;
    left: 14.224137931034482758620689655172%; /* 165/1160 */
    width: 13.362068965517241379310344827586%; /* 155/1160 */
    padding-bottom: 13.362068965517241379310344827586%; /* 155/1160 */
  }
  .subpage .link_tour {
    width: 46.969696969696969696969696969697%; /* 155/330 */
    padding-bottom: 46.969696969696969696969696969697%; /* 155/330 */
  }
  .link_tour {
    top: 83.333333333333333333333333333333%; /* 795/954 */
  }
  .subpage .link {
    margin: 3.030303030303030303030303030303% 3.030303030303030303030303030303% 0 0; /* 10/330 10/330 */
  }
  .subpage .link.link_patisserie {
    margin-top: 0;
  }
  .link span {
    bottom: 5px;
    bottom: 0.41666666666666666666666666666667vw; /* 5/1200 */
    text-shadow: 0 0 4px #000000;
    text-shadow: 0 0 0.33333333333333333333333333333333vw #000000; /* 4/1200 */
  }
  .link_speisekarte a,
  .link_patisserie a {
    background-size: 100% 100%;
  }
  p, ul, li {
    font-size: 14px;
    font-size: 1.1666666666666666666666666666667vw; /* 14/1200 */
    line-height: 17.5px;
    line-height: 1.4583333333333333333333333333333vw; /* 17.5/1200 */
  }
  td {
    font-size: 14px;
    font-size: 1.1666666666666666666666666666667vw; /* 14/1200 */
    /* line-height: 17.5px; */
    /* line-height: 1.4583333333333333333333333333333vw; */ /* 17.5/1200 */
  }
  p, ul {
    margin-bottom: 7px;
    margin-bottom: 0.58333333333333333333333333333333vw; /* 7/1200 */
  }
  ul {
    margin-left: 25px;
    margin-left: 2.0833333333333333333333333333333vw; /*25/1200 */
  }
  p:last-child, li:last-child, ul:last-child {
    margin-bottom: 0;
  }
  .component-content h2 {
    font-size: 28px; /* 28/1200 */
    font-size: 2.3333333333333333333333333333333vw; /* 28/1200 */
    line-height: 30px; /* 30/1200 */
    line-height: 2.5vw; /* 30/1200 */
    padding-bottom: 15px; /* 15/1200 */
    padding-bottom: 1.25vw; /* 15/1200 */
    margin-bottom: 15px; /* 15/1200 */
    margin-bottom: 1.25vw; /* 15/1200 */
  }
  .component-content h3 {
    font-size: 22px;
    font-size: 1.8333333333333333333333333333333vw; /* 22/1200 */
    line-height: 24px;
    line-height: 2vw; /* 24/1200 */
    padding-top: 12px;
    padding-top: 1vw; /* 12/1200 */
    margin-bottom: 12px;
    margin-bottom: 1vw; /* 12/1200 */
  }
  .component-content h4 {
    font-size: 16px;
    font-size: 1.3333333333333333333333333333333vw; /* 16/1200 */
    line-height: 18px;
    line-height: 1.5vw; /* 18/1200 */
    padding-top: 9px;
    padding-top: 0.75vw; /* 9/1200 */
    margin-bottom: 9px;
    margin-bottom: 0.75vw; /* 9/1200 */
  }
  #content h2,
  #content h3,
  #content h4 {
    text-shadow: 2px 2px 4px #000040; /* 2/1200 2/1200 4/1200 */
    text-shadow: 0.16666666666666666666666666666667vw
      0.16666666666666666666666666666667vw
      0.33333333333333333333333333333333vw #c06000; /* 2/1200 2/1200 4/1200 */
  }
  .adresse p {
    line-height: 18px;
    line-height: 1.5vw; /* 18/1200 */
  }
  .adresse h3 {
    font-size: 30px;
    font-size: 2.5vw; /* 30/1200 */
    line-height: 40px;
    line-height: 3.3333333333333333333333333333333vw; /* 40/1200 */
    margin: 20px 0 15px 0;
    margin: 1.6666666666666666666666666666667vw 0
      1.25vw 0; /* 20/1200 15/1200 */
    text-shadow: 2px 2px 6px #000000;
    text-shadow: 0.16666666666666666666666666666667vw
      0.16666666666666666666666666666667vw 0.5vw #c06000; /* 2/1200 2/1200 6/1200 */
  }
  .link span {
    font-size: 14px;
    font-size: 1.1666666666666666666666666666667vw; /* 14/1200 */
    line-height: 17.5px; /* 14*1.25 */
    line-height: 1.4583333333333333333333333333333vw; /* 14*1.25)/1200 */
  }
  #content .album li {
    width: calc(16.25vw * 0.97); /* 156/960 */
    margin: calc(0.3125vw * 0.97) !important; /* 3/960 */
    vertical-align: top;
  }
  #content .album li a {
    width: calc(16.25vw * 0.97); /* 156/960 */
    height: calc(16.25vw * 0.97); /* 156/960 */
  }
  #content .album li a img {
    max-height: calc(15.625vw * 0.97); /* 150/960 */
    max-width: calc(15.625vw * 0.97); /* 150/960 */
    margin: calc(0.3125vw * 0.97) !important; /* 3/960 */
  }
  #content .album li .captionplus-bottom {
    background-color: #ffb060;
    padding-bottom: calc(0.3125vw * 0.97) !important; /* 3/960 */
  }
  #content .veranstaltung .termin {
    width: 16.049382716049382716049382716049%; /* 130/810 */
  }
  #content .veranstaltung .titel {
    width: 83.950617283950617283950617283951%; /* 680/810 */
  }
  #content .veranstaltung .beschreibung {
    margin-left: 16.049382716049382716049382716049%; /* 130/810 */
    width: 83.950617283950617283950617283951%; /* 680/810 */
  }
  #content .veranstaltung .fotos {
    margin-left: 15.679012345679012345679012345679%; /* 127/810; 3px margin bei Fotos! */
    width: 83.950617283950617283950617283951%; /* 683/810 */
  }
  #content .veranstaltung .fotos > div a img {
    max-height: 150px;
    max-height: 12.5vw; /* 150/1200 */
    max-width: 150px;
    max-width: 12.5vw; /* 150/1200 */
  }
  #content .veranstaltung .fotos li {
    padding: 3px !important;
    padding: 0.25vw !important; /* 3/1200 */
  }
  .mymenu ul.menu > li {
    font-size: 1.1666666666666666666666666666667vw; /* 14/1200 */
  }
  .mymenu ul.menu li a {
    font-size: 1em;
    line-height: 1.2857142857142857142857142857143em;
    height: 1.2857142857142857142857142857143em;
  }
  .mymenu ul.menu li ul {
    font-size: 0.9em;
  }
  div.zimmer {
    margin: 0 5px;
    margin: 0 0.41666666666666666666666666666667vw; /* 5/1200 */
  }
  img.img_zimmer {
    width: 300px;
    width: 25vw; /* 300/1200 */
    height: 200px;
    height: 16.666666666666666666666666666667vw; /* 200/1200 */
  }
  #map, #map > div {
    width: 810px;
    width: 67.5vw; /* 810/1200 */
    height: 607px;
    height: 50.583333333333333333333333333333vw; /* 810/1200 */
  }
  .inmap {
    width: 200px;
    width: 16.666666666666666666666666666667vw; /* 200/1200 */
  }
  .inmap img {
    width: 200px;
    width: 16.666666666666666666666666666667vw; /* 200/1200 */
    height: 120px; /* 180*200/300 */
    height: 10vw; /* 120/1200 */
  }
  #overview {
    padding-bottom: 64.583333333333333333333333333333%; /* 775/1200 */
  }
  #overview #slideshow,
  #overview .tile {
    box-shadow: 3px 3px 6px #000000;
    box-shadow: 0.25vw 0.25vw 0.5vw #000000; /* 3/1200 3/1200 6/1200 */
  }
  #overview #content h2 {
    text-shadow: 2px 2px 2px #804000;
    text-shadow: 0.16666666666666666666666666666667vw
      0.16666666666666666666666666666667vw
      0.16666666666666666666666666666667vw #804000; /* 2/1200 2/1200 2/1200 */
    padding-top: 1.6666666666666666666666666666667%; /* 20/1200 */
  }
  #slideshow {
    left: 1.6666666666666666666666666666667%; /* 20/1200 */
    top: 10.32258064516129032258064516129%; /* 80/775 */
    border-radius: 0.86206896551724137931034482758621% / 2%; /* 10/1160 / 10/500 */
  }
  #overview .link_gasthof {
    left: 21.666666666666666666666666666667%; /* 260/1200 */
    top: 77.419354838709677419354838709677%; /* 600/775 */
    width: 12.916666666666666666666666666667%; /* 155/1200 */
    padding-bottom: 12.916666666666666666666666666667%; /* 155/1200 */
  }
  #overview .link_zoepfchen {
    left: 36.25%; /* 435/1200 */
    top: 77.419354838709677419354838709677%; /* 600/775 */
    width: 12.916666666666666666666666666667%; /* 155/1200 */
    padding-bottom: 12.916666666666666666666666666667%; /* 155/1200 */
  }
  #overview .link_wuschl {
    left: 50.833333333333333333333333333333%; /* 610/1200 */
    top: 77.419354838709677419354838709677%; /* 600/775 */
    width: 12.916666666666666666666666666667%; /* 155/1200 */
    padding-bottom: 12.916666666666666666666666666667%; /* 155/1200 */
  }
  #overview .link_tour {
    left: 65.416666666666666666666666666667%; /* 785/1200 */
    top: 77.419354838709677419354838709677%; /* 600/775 */
    width: 12.916666666666666666666666666667%; /* 155/1200 */
    padding-bottom: 12.916666666666666666666666666667%; /* 155/1200 */
  }
  #menu_header {
    margin-top: 0.41666666666666666666666666666667%; /* 5/1200 */
  }
  #menu_header p {
    font-size: 28px;
    font-size: 2.3333333333333333333333333333333vw; /* 28/1200 */
    line-height: 32px;
    line-height: 2.6666666666666666666666666666667vw; /* 32/1200 */
  }
/*  #phocamenu {
    margin-bottom: 0.41666666666666666666666666666667%; */ /* 5/1200 */
/*  }*/
  #phocamenu td,
  #phocamenu .pm-header p,
  #phocamenu .pm-footer p{
    font-size: 20px;
    font-size: 1.6666666666666666666666666666667vw; /* 20/1200 */
    line-height: 22px;
    line-height: 1.8333333333333333333333333333333vw; /* 22/1200 */
    padding: 4px 0;
    padding: 0.33333333333333333333333333333333vw 0; /* 4/1200 */
  }
  #phocamenu .pm-date {
    font-size: 20px;
    font-size: 1.6666666666666666666666666666667vw; /* 20/1200 */
    line-height: 22px;
    line-height: 1.8333333333333333333333333333333vw; /* 22/1200 */
  }
  #phocamenu .pm-list,
  #phocamenu .pm-date-sub {
    font-size: 28px;
    font-size: 2.3333333333333333333333333333333vw; /* 28/1200 */
    line-height: 33px;
    line-height: 2.75vw; /* 33/1200 */
  }
  #phocamenu .pm-group {
    font-size: 24px;
    font-size: 2vw; /* 24/1200 */
    line-height: 28px;
    line-height: 2.3333333333333333333333333333333vw; /* 28/1200 */
  }
  #phocamenu .pm-message p,
  #phocamenu .pmdesc p{
    font-size: 18px;
    font-size: 1.5vw; /* 18/1200 */
    line-height: 20px;
    line-height: 1.6666666666666666666666666666667vw; /* 20/1200 */
  }
  #phocamenu .pmdesc p{
    margin: -4px 0 4px 0;
    margin: -0.33333333333333333333333333333333vw 0
      0.33333333333333333333333333333333vw 0; /* -4/1200 4/1200 */
  }
  #phocamenu .pm-group-left {
    float: left;
    margin: 1% 2% 1% 1%;
    width: 43%;
  }
  #phocamenu .pm-group-right {
    float: right;
    margin: 1% 1% 1% 2%;
    width: 43%;
  }
  fieldset.fcp_fieldset {
    width: calc(97,530864197530864197530864197531% - 2px); /* 790/810 - 2px */
    padding: 0 1.2345679012345679012345679012346%; /* 10/810 */
  }
  div.fcp_line.fcp_contact.fcp_mail {
    width: 49.382716049382716049382716049383%; /* 400/810 */
    margin-right: 1.2345679012345679012345679012346%; /* 10/810 */
  }
  div.fcp_line.fcp_contact.fcp_tel {
    width: 49.382716049382716049382716049383%; /* 400/810 */
  }
  fieldset div.fcp_line.fcp_zip {
    width: 12.690355329949238578680203045685%; /* 100/788 */
    margin-right: 1.2690355329949238578680203045685%; /* 10/788 */
  }
  fieldset div.fcp_line.fcp_town {
    width: 86.040609137055837563451776649746%; /* 678/788 */
  }
  fieldset div.fcp_line.fcp_phone {
    width: 25.380710659898477157360406091371%; /* 200/788 */
    margin-right: 1.2690355329949238578680203045685%; /* 10/788 */
  }
  fieldset div.fcp_line.fcp_mobile {
    width: 25.380710659898477157360406091371%; /* 200/788 */
    margin-right: 1.2690355329949238578680203045685%; /* 10/788 */
  }
  fieldset div.fcp_line.fcp_mail {
    width: 46.700507614213197969543147208122%; /* 368/788 */
  }
  fieldset.fcp_fieldset.fcp_time_of_travel {
    width: calc(41.234567901234567901234567901235% - 2px); /* 334/810 - 2px */
    margin-right: 1.2345679012345679012345679012346%; /* 10/810 */
  }
  fieldset div.fcp_line.fcp_date {
    width: 48.502994011976047904191616766467%; /* 162/334 */
    margin-right: 2.9940119760479041916167664670659%; /* 10/334 */
  }
  fieldset div.fcp_line.fcp_date input {
    width: calc(100% - 33px - (2 * 0.42857142857142857142857142857143em)) !important;
    /* 100% - 31px icon + 2px Rand - 2*padding */
  }
  div.fcp_line.fcp_number_adults,
  div.fcp_line.fcp_number_children {
    width: 26.79012345679012345679012345679%; /* 217/810 */
    margin-right: 1.2345679012345679012345679012346%; /* 10/810 */
    margin-top: calc(13px + 0.5em);
    margin-top: calc(0.9285714285714285714285714285714em + 0.5em); /* Höhe Legend daneben - padding-top */
  }
  div.fcp_line.fcp_number_children {
    margin-right: 0;
  }
  fieldset.fcp_fieldset.fcp_age,
  fieldset.fcp_fieldset.fcp_rooms {
    width: calc(46.666666666666666666666666666667% - 2px); /* 378/810 - 2px */
    margin-right: 1.2345679012345679012345679012346%; /* 10/810 */
  }
  fieldset.fcp_fieldset.fcp_rooms {
    margin-right: 0;
  }
  fieldset.fcp_fieldset.fcp_age div.fcp_age {
    width: 31.569664902998236331569664902998%; /* 119.33.../378 */
    margin-right: 2.6455026455026455026455026455026%; /* 10/378 */
    margin-top: calc(1.4285714285714285714285714285714em + 5px); /* Höhe Label + margin-top daneben */
  }
  fieldset.fcp_fieldset.fcp_rooms div.fcp_rooms {
    width: 23.015873015873015873015873015873%; /* 87/378 */
    margin-right: 2.6455026455026455026455026455026%; /* 10/378 */
  }
  fieldset.fcp_fieldset.fcp_age div:last-of-type,
  fieldset.fcp_fieldset.fcp_rooms div:last-of-type {
    margin-right: 0;
  }
  div.fcp_line,
  fieldset.fcp_fieldset,
  fieldset.fcp_fieldset legend {
    font-size: 14px;
    font-size: 1.1666666666666666666666666666667vw; /*14/1200 */
  }
  .vbContainer {
    font-size: 14px;
    font-size: 1.1666666666666666666666666666667vw; /*14/1200 */
  }
  .form-horizontal .control-group:first-child,
  .form-horizontal .control-group:nth-child(2),
  .form-horizontal .control-group:nth-child(3),
  .form-horizontal .control-group:nth-child(4) {
    width: 49.382716049382716049382716049383%; /* 400/810 */
    float left;
    clear: none;
  }
  .form-horizontal .control-group:first-child,
  .form-horizontal .control-group:nth-child(3) {
    margin-right: 1.2345679012345679012345679012346%; /* 10/810 */
  }
  .form-horizontal .control-group:nth-child(2),
  .form-horizontal .control-group:nth-child(4) {
    margin-right: 0;
  }
  .form-horizontal .control-group:first-child:after,
  .form-horizontal .control-group:nth-child(2):after,
  .form-horizontal .control-group:nth-child(3):after {
    clear: none
  }
  .form-horizontal .controls input.inputbox,
  .form-horizontal .controls input#jform_email.inputbox {
    /* width: 386px; */
    width: calc(100% - (2 * 0.42857142857142857142857142857143em) - 2px);
  }
  img.haunoldstein {
    width: 40.740740740740740740740740740741%; /* 330/810 */
  }
}

@media (min-width: 960px) {
  #content .album li {
    width: calc(13vw * 0.97); /* 156/1200 */
    margin: calc(0.25vw * 0.97) !important; /* 3/1200 */
  }
  #content .album li a {
    width: calc(13vw * 0.97); /* 156/1200 */
    height: calc(13vw * 0.97); /* 156/1200 */
  }
  #content .album li a img {
    max-height: calc(12.5vw * 0.97); /* 150/1200 */
    max-width: calc(12.5vw * 0.97); /* 150/1200 */
    margin: calc(0.25vw * 0.97) !important; /* 3/1200 */
  }
  #content .album li .captionplus-bottom {
    padding-bottom: calc(0.25vw * 0.97) !important; /* 3/1200 */
  }
}

@media (min-width: 1220px) {
  #content_outer {
    width: 1200px;
  }
  #content_outer.start {
    padding-bottom: 994px;
    height: 0;
  }
  .subpage #content_middle {
    width: 1160px;
    padding: 20px;
  }
  .start #content_middle {
    padding-bottom: 994px;
  }
  .start #content_inner, .subpage #content_inner {
    width: 1160px;
    top: 20px;
    left: 20px;
    padding: 0; /* spaeter entfernen */
  }
  .start #content_inner {
    padding-bottom: 954px;
  }
  .subpage #content_inner {
    padding: 0;
  }
  .subpage #left {
    width: 330px;
  }
  .subpage #right {
    width: 830px;
  }
  .subpage .submenu {
    width: 300px;
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px;
  }
  .start .logo, .subpage .logo {
    top: 0;
    left: 0;
    width: 320px;
    padding-bottom: 200px;
  }
  .subpage .logo {
    margin: 0 10px 10px 0;
  }
  .logo a {
    width: 320px;
    padding-bottom: 200px;
  }
  .tile.bild4, .subpage .tile.bild4 {
    left: 0;
    width: 320px;
    padding-bottom: 200px;
    border-radius: 10px;
  }
  .bild4 {
    top: 210px;
   }
  .tile.bild5, .subpage .tile.bild5 {
    left: 0;
    width: 320px;
    padding-bottom: 200px;
    border-radius: 10px;
  }
  .bild5 {
    top: 420px;
   }
  .bild1 {
    top: 0;
    left: 330px;
    border-radius: 10px;
  }
  .start .bild1, .subpage .bild1 {
    width: 200px;
    padding-bottom: 200px;
  }
  .adresse {
    left: 540px;
  }
  .adresse {
    top: 0;
    border-radius: 10px;
  }
  .tile.adresse, .subpage .tile.adresse {
    width: 390px;
    padding: 10px 10px 190px 10px; /* 180+10 */
  }
  .subpage .adresse {
    margin: 0 10px 10px 10px;
  }
  .bild2 {
    left: 960px;
  }
  .bild2 {
    top: 0;
    border-radius: 10px;
  }
  .bild2, .subpage .bild2 {
    width: 200px;
    padding-bottom: 200px;
  }
  .main_menu {
    left: 330px;
    width: 830px;
    padding-bottom: 32px;
  }
  .main_menu {
    top: 210px;
    border-radius: 10px;
  }
  .main_menu, .subpage .main_menu {
    padding-bottom: 32px;
  }
  .subpage .main_menu {
    margin-bottom: 10px;
  }
  .start .flags {
    top: 216px;
    right: 10px;
  }
  .subpage .flags {
    top: 236px;
    right: 30px;
  }
  #content, .start #content {
    left: 330px;
  }
  #content {
    top: 252px;
    line-height: 20px;
  }
  .start #content {
    padding: 10px 10px 190px 10px; /* 180+10 */
    width: 600px;
    border-radius: 10px;
  }
  .start #content > div {
    height: 120px;
  }
  .subpage #content {
    padding: 10px;
    width: 810px;
    border-radius: 10px;
  }
  .bild3 {
    left: 960px;
    width: 200px;
    padding-bottom: 200px;
    top: 252px;
    border-radius: 10px;
  }
  .panorama {
    left: 330px;
    width: 830px;
    height: 450px;
    top: 462px;
    border-radius: 10px;
  }
  #content .pano {
    width: 810px;
    height: 430px;
  }
  .bottommenu {
    left: 330px;
    width: 830px;
    padding-bottom: 32px;
    top: 922px;
    border-radius: 10px;
  }
  .subpage .bottommenu {
    margin-top: 10px;
  }
  .tile.link_ueberblick {
    left: 0;
  }
  .start .link_ueberblick, .subpage .link_ueberblick {
    width: 155px;
    padding-bottom: 155px;
    border-radius: 10px;
  }
  .start .link_speisekarte,
  .start .link_patisserie {
    border-radius: 10px;
  }
  .link_ueberblick {
    top: 630px;
  }
  .tile.tile.link_gasthof {
    left: 165px;
  }
  .start .link_gasthof, .subpage .link_gasthof {
    width: 155px;
    padding-bottom: 155px;
    border-radius: 10px;
  }
  .link_gasthof {
    top: 630px;
  }
  .tile.tile.link_zoepfchen {
    left: 165px;
  }
  .start .link_zoepfchen, .subpage .link_zoepfchen {
    width: 155px;
    padding-bottom: 155px;
    border-radius: 10px;
  }
  .link_zoepfchen {
    top: 630px;
  }
  .tile.link_wuschl{
    top: 795px;
  }
  .start .link_wuschl {
    left: 0;
    width: 155px;
    padding-bottom: 155px;
    border-radius: 10px;
  }
  .subpage .link_wuschl {
    width: 155px;
    padding-bottom: 155px;
  }
  .link_tour {
    left: 165px;
  }
  .start .link_tour, .subpage .link_tour {
    width: 155px;
    padding-bottom: 155px;
    border-radius: 10px;
  }
  .link_tour a,
  .link_ueberblick a,
  .link_speisekarte a,
  .link_patisserie a {
    border-radius: 10px;
  }
  .start .link_tour {
    top: 795px;
  }
  .start .link_speisekarte,
  .start .link_patisserie {
    border-radius: 10px;
  }
  .subpage .link {
    margin: 10px 10px 0 0;
  }
  .subpage .link.link_patisserie {
    margin-top: 0;
  }
  p, ul, li {
    font-size: 14px;
    line-height: 17.5px; /* 14*1.25 */
  }
  td {
    font-size: 14px;
    /* line-height: 17.5px; */ /* 14*1.25 */
  }
  p, ul {
    margin-bottom: 7px;
  }
  ul {
    margin-left: 25px;
  }
  .component-content h2 {
    font-size: 28px;
    line-height: 30px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .component-content h3 {
    font-size: 22px;
    line-height: 24px;
    padding-top: 12px;
    margin-bottom: 12px;
  }
  .component-content h4 {
    font-size: 16px;
    line-height: 18px;
    padding-top: 9px;
    margin-bottom: 9px;
  }
  #content h2,
  #content h3,
  #content h4{
    text-shadow: 2px 2px 4px #c06000;
  }
  .adresse p {
    line-height: 18px;
  }
  .adresse h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 20px 0 15px 0;
    text-shadow: 2px 2px 6px #c06000;
  }
  .link span {
    font-size: 14px;
    line-height: 17.5px; /* 14*1.25 */
  }
  .mymenu ul.menu > li {
    font-size: 14px;
  }
  .mymenu ul.menu li a {
    font-size: 1em;
    line-height: 1.2857142857142857142857142857143em;
    height: 1.2857142857142857142857142857143em;
  }
  .mymenu ul.menu li ul {
    font-size: 0.9em;
  }
  .start#content_outer, .start #content_middle, .start #content_inner {
    transition: none;
  }
  .start .tile {
/*    transition: none;*/
  }
  .start .logo.tile {
    transition: none;
  }
  .start p, .start h2, .start h3, .start h4, .start li, .start ul {
    transition: none;
  }
  #panorama {
    transition: none;
  }
  div.zimmer {
    margin: 0 5px;
  }
  img.img_zimmer {
    width: 300px;
    height: 200px;
  }
  #content .img_team a {
    margin: 3px;
  }
  #content .album li {
    width: 156px;
    margin: 3px !important;
  }
  #content .album li a {
    width: 156px;
    height: 156px;
  }
  #content .album li a img {
    max-height: 150px;
    max-width: 150px;
    margin: 3px !important;
  }
  #content .album li .captionplus-bottom {
    padding-bottom: 3px !important;
  }
  #content .veranstaltung .termin {
    width: 130px;
  }
  #content .veranstaltung {
    margin-top: 1em;
  }
  #content .veranstaltung .titel {
    width: 680px;
  }
  #content .veranstaltung .beschreibung {
    margin-left: 130px;
    width: 680px;
  }
  #content .veranstaltung .fotos {
    margin-left: 127px; /* 3px margin bei Fotos! */
    width: 683px;
  }
  #content .veranstaltung .fotos > div a img {
    max-height: 150px;
    max-width: 150px;
  }
  #content .veranstaltung .fotos li {
    padding: 3px !important;
  }
  .image_right {
    margin: 0 0 10px 10px !important;
  }
  .image_left {
    margin: 0 10px 10px 0 !important;
  }
  .image_right, .image_right a img,
  .image_left, .image_left a img {
    max-height: 400px;
    max-width: 400px;
  }
  #map, #map > div {
    width: 810px;
    height: 607px;
  }
  .inmap {
    width: 200px;
  }
  .inmap img {
    width: 200px;
    height: 120px; /* 180*200/300 */
  }
  #overview {
    width: 1200px;
    padding-bottom: 775px; /* 775 = 20 + 30 + 15 + 15 + 500 + 20 + 155 + 20 */
  }
  #overview #slideshow,
  #overview .tile {
    box-shadow: 3px 3px 6px #000000;
  }
  #overview #content h2 {
    text-shadow: 2px 2px 2px #804000;
    padding-top: 20px;
  }
  #slideshow {
    left: 20px;
    top: 80px;
    border-radius: 10px;
  }
  #overview .link_gasthof {
    left: 260px;
    top: 600px;
    width: 155px;
    padding-bottom: 155px;
  }
  #overview .link_zoepfchen {
    left: 435px;
    top: 600px;
    width: 155px;
    padding-bottom: 155px;
  }
  #overview .link_wuschl {
    left: 610px;
    top: 600px;
    width: 155px;
    padding-bottom: 155px;
  }
  #overview .link_tour {
    left: 785px;
    top: 600px;
    width: 155px;
    padding-bottom: 155px;
  }
  #menu_header {
    margin-top: 5px;
  }
  #menu_header p {
    font-size: 28px;
    line-height: 32px;
  }
/*  #phocamenu {
    margin-bottom: 5px;
  }*/
  #phocamenu p.menu {
    font-size: 30px !important;
  }
  #phocamenu td,
  #phocamenu .pm-header p,
  #phocamenu .pm-footer p{
    font-size: 20px;
    line-height: 22px;
    padding: 4px 0;
  }
  #phocamenu .pm-date {
    font-size: 20px;
    line-height: 22px;
  }
  #phocamenu .pm-list
  #phocamenu .pm-data-sub {
    font-size: 28px;
    line-height: 33px;
  }
  #phocamenu .pm-group {
    font-size: 24px;
    line-height: 28px;
  }
  #phocamenu .pm-message p,
  #phocamenu .pmdesc p {
    font-size: 18px;
    line-height: 20px;
  }
  #phocamenu .pmdesc p {
    margin: -4px 0 4px 0;
  }
  #phocamenu .pm-item table tr td.pmimage {
    width: 54px;
  }
  div.fcp_line.fcp_radio label {
    max-width: 800px;
  }
  div.fcp_line label {
    height: 20px;
  }
  fieldset.fcp_fieldset {
    width: 788px; /* 790 - 2 border */
    padding: 0 10px;
/*    border-radius: 5px;*/
  }
  div.fcp_line input {
    padding: 4px 6px;
  }
  fieldset div.fcp_line input {
    width: 774px;
    height: 20px;
  }
  fieldset div.fcp_line.fcp_zip {
    width: 100px;
    margin-right: 10px;
  }
  fieldset div.fcp_line.fcp_town {
    width: 678px;
  }
  fieldset div.fcp_line.fcp_phone {
    width: 200px;
    margin-right: 10px;
  }
  fieldset div.fcp_line.fcp_mobile {
    width: 200px;
    margin-right: 10px;
  }
  fieldset div.fcp_line.fcp_mail {
    width: 368px;
  }
  fieldset div.fcp_line.fcp_date {
    width: 162px;
    margin-right: 10px;
  }
  fieldset div.fcp_line.fcp_date input {
    width: 120px !important;
  }
  fieldset.fcp_fieldset.fcp_time_of_travel {
    width: 334px;
    margin-right: 10px;
  }
  div.fcp_line.fcp_number_adults,
  div.fcp_line.fcp_number_children {
    width: 217px;
    margin-right: 10px;
    margin-top: calc(13px + 0.5em);
  }
  div.fcp_line.fcp_number_children {
    margin-right: 0;
  }
  fieldset.fcp_fieldset.fcp_age,
  fieldset.fcp_fieldset.fcp_rooms {
    width: 378px;
    margin-right: 10px;
  }
  fieldset.fcp_fieldset.fcp_rooms {
    margin-right: 0;
  }
  fieldset.fcp_fieldset.fcp_age div.fcp_age {
    width: 119.33333333333px;
    margin-right: 10px;
    margin-top: 25px;
  }
  fieldset.fcp_fieldset.fcp_rooms div.fcp_rooms {
    width: 87px;
    margin-right: 10px;
  }
  fieldset.fcp_fieldset.fcp_age div:last-of-type,
  fieldset.fcp_fieldset.fcp_rooms div:last-of-type {
    margin-right: 0;
  }
  div.fcp_line.fcp_contact.fcp_mail {
    width: 400px;
    margin-right: 10px;
  }
  div.fcp_line.fcp_contact.fcp_tel {
    width: 400px;
  }
  div.fcp_line,
  fieldset.fcp_fieldset,
  fieldset.fcp_fieldset legend {
    font-size: 14px;
  }
  .vbContainer {
    font-size: 14px;
  }
  .form-horizontal .control-group:first-child,
  .form-horizontal .control-group:nth-child(2),
  .form-horizontal .control-group:nth-child(3),
  .form-horizontal .control-group:nth-child(4) {
    width: 400px;
  }
  .form-horizontal .control-group:first-child,
  .form-horizontal .control-group:nth-child(3) {
    margin-right: 10px;
  }
  .form-horizontal .control-group:nth-child(2),
  .form-horizontal .control-group:nth-child(4) {
    margin-right: 0;
  }
  .form-horizontal .controls input.inputbox,
  .form-horizontal .controls input#jform_email.inputbox {
    width: 386px;
  }
  img.haunoldstein {
    width: 330px;
  }
}

body.component-body {
  height: auto;
  width: auto;
}
body.component-body #content_inner .tile,
body.component-body #content_inner .mymenu,
body.component-body #content_inner .tile#content > h2,
body.component-body #content_inner .tile#content > p {
  display: none;
}
body.component-body #content_inner .tile#content {
  display: block;
}
body.component-body #content_middle {
  height: auto;
  width: auto;
  padding: 0;
  background-color: #ffffff;
}
body.component-body #right {
  width: auto;
}
body.component-body #content {
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: #ffffff;
}
body.component-body #phocarestaurantmenu {
  height: auto;
  width; auto;
}
body.component-body #phocamenu,
body.component-body #menu_header{
  background-color: #ffffff;
}