@charset "UTF-8";
html {
  font-size: 100%;
  line-height: 1.5em; }

.transparent-background {
  background-color: transparent;
  zoom: 1; }

*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.full-width {
  margin-left: 0;
  margin-right: 0; }

.no-margin {
  margin: 0; }

.hidden {
  display: none; }

html {
  font-size: 100%;
  line-height: 1.5em; }

.transparent-background {
  background-color: transparent;
  zoom: 1; }

/* GENERIC STYLES
  -------------------------------------------- */
* {
  font-family: Arial, Verdana, Lucida, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem; }
  @media (min-width: 640px) and (max-width: 949px) {
    * {
      font-size: 0.95rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    * {
      font-size: 0.9rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    * {
      font-size: 0.9rem;
      line-height: 1.5rem; } }

/* PARAGRAPHS
  -------------------------------------------- */
p {
  color: #444;
  text-align: justify;
  margin-bottom: 0.75rem; }
  p:empty {
    height: 0;
    margin: 0; }

strong {
  color: #0c2b72; }

/* QUOTES
  -------------------------------------------- */
blockquote {
  margin: 10px;
  font-size: 1.4em;
  color: #777;
  font-style: italic; }

q {
  display: block;
  font-size: 0.8em;
  margin: 1em 1em;
  padding: 0.5em;
  border: 1px #ccc solid; }

/* LINKS
  -------------------------------------------- */
a {
  text-decoration: none;
  color: #0c2b72;
  font-size: 1em; }
  a:hover {
    text-decoration: underline; }

/* LINK ICONS - shows type of file
  ------------------------------------ */
a[href$=".pdf"],
a[href$=".PDF"],
a.pdf {
  padding: 2px;
  padding-left: 20px;
  background: url(../images/icons/page_white_acrobat.png) no-repeat left center; }

a[href$=".doc"],
a[href$=".DOC"],
a.doc {
  padding: 2px;
  padding-left: 20px;
  background: url(../images/icons/page_word.png) no-repeat left center; }

a[href$=".xls"],
a[href$=".XLS"],
a.xls {
  padding: 2px;
  padding-left: 20px;
  background: url(../images/icons/page_excel.png) no-repeat left center; }

a[href$=".gz"],
a[href$=".GZ"],
a[href$=".gzip"],
a[href$=".GZIP"],
a[href$=".zip"],
a[href$=".ZIP"],
a.archive {
  padding: 2px;
  padding-left: 20px;
  background: url(../images/icons/page_white_zip.png) no-repeat left center; }

a[href$=".exe"],
a[href$=".EXE"],
a.application {
  padding: 2px;
  padding-left: 20px;
  background: url(../images/icons/application.png) no-repeat left center; }

/* LIST STYLES
  -------------------------------------------- */
ul,
ol {
  margin: 0 0 1rem 1.25rem;
  color: #666; }

li {
  margin: .25rem 1rem; }
  li li {
    font-size: 0.9rem; }

ul.noBullets {
  margin: 5px 0; }
  ul.noBullets > li {
    list-style: none;
    font-size: 12px;
    margin: 5px 0; }

/* HEADER STYLES
  -------------------------------------------- */
h1,
h2 {
  color: #0c2b72;
  font-weight: 300;
  font-family: Tahoma, Verdana, sans-serif;
  clear: both; }

h1 {
  font-size: 2rem;
  line-height: 2.25rem;
  margin: 0 0 18px 0; }
  @media (min-width: 640px) and (max-width: 949px) {
    h1 {
      font-size: 1.9rem;
      line-height: 2.25rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    h1 {
      font-size: 1.8rem;
      line-height: 2.25rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    h1 {
      font-size: 1.8rem;
      line-height: 2.25rem; } }

h2 {
  font-size: 1.625rem;
  line-height: 2.25rem;
  margin: 0 0 7px 0; }
  @media (min-width: 640px) and (max-width: 949px) {
    h2 {
      font-size: 1.54375rem;
      line-height: 2.25rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    h2 {
      font-size: 1.4625rem;
      line-height: 2.25rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    h2 {
      font-size: 1.4625rem;
      line-height: 2.25rem; } }

h3 {
  color: #222;
  margin: 0 0 18px 0;
  font-weight: 300;
  clear: both;
  font-size: 1.375rem;
  line-height: 2.25rem; }
  @media (min-width: 640px) and (max-width: 949px) {
    h3 {
      font-size: 1.30625rem;
      line-height: 2.25rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    h3 {
      font-size: 1.2375rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    h3 {
      font-size: 1.2375rem;
      line-height: 1.5rem; } }

h4 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #222;
  width: 95%;
  font-weight: 300;
  border-bottom: 1px solid #ccc;
  margin: 0 0 16px 0; }
  @media (min-width: 640px) and (max-width: 949px) {
    h4 {
      font-size: 1.1875rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    h4 {
      font-size: 1.125rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    h4 {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

h5 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #222;
  font-weight: 700;
  margin: 0 0 12px 0; }
  @media (min-width: 640px) and (max-width: 949px) {
    h5 {
      font-size: 1.06875rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    h5 {
      font-size: 1.0125rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    h5 {
      font-size: 1.0125rem;
      line-height: 1.5rem; } }

h6 {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #555;
  margin: 0 0 12px 0; }
  @media (min-width: 640px) and (max-width: 949px) {
    h6 {
      font-size: 0.95rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    h6 {
      font-size: 0.9rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    h6 {
      font-size: 0.9rem;
      line-height: 1.5rem; } }

/* PRE STYLES
  -------------------------------------------- */
pre {
  font-family: "Courier New", Courier;
  display: block;
  font-size: 1.2em;
  margin: 2em 5em;
  padding: 0.5em;
  border: 1px #ccc solid;
  background: #eee; }

/* TABLE STYLING
  -------------------------------------------- */
table {
  margin: 0 0 18px 0;
  font-size: 11px;
  color: #666;
  border-collapse: collapse; }

td {
  border: 1px solid #999;
  padding: 5px; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES
  -------------------------------------------- */
.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

/* IMAGES
  -------------------------------------------- */
img {
  border: none;
  margin-bottom: 10px; }
  img.right {
    float: right;
    margin-left: 10px; }
  img.left {
    float: left;
    margin-right: 10px; }
  img.leftAlone {
    float: left;
    margin-right: 100%; }
  img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block; }

/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */
/* FIELDSETS
---------------------------------------- */
fieldset {
  border: 0; }

/* ACTION BUTTONS
---------------------------------------- */
input.action {
  padding: 2px;
  font-size: 11px;
  font-family: Verdana, Tahoma, Sans-serif; }

input.action:hover,
input.action:focus {
  cursor: pointer; }

/* FIELD FORMATING
---------------------------------------- */
form ul {
  list-style: none; }

.middleColumn {
  display: block;
  margin: 15px 10px 10px 0;
  width: 306px;
  clear: left; }

.sidebar .middleColumn {
  margin: 0 0 0 8px;
  display: inline; }

div.tab .field .middleColumn {
  clear: none !important;
  margin: 0 !important;
  width: auto; }

.middleColumn .middleColumn {
  margin-left: 0;
  margin-right: 0;
  padding: 0; }

.middleColumn .message {
  margin: 0; }

/* INPUT BOXS
---------------------------------------- */
input.text, textarea, select {
  padding: 2px;
  border: 1px solid #A7A7A7;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  width: 300px; }

textarea {
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px; }

input:focus span, textarea:focus span {
  border: 3px solid #000; }

form .date input.month,
form .date input.day,
form .date input.year {
  width: auto; }

form .datetime .clear {
  clear: both; }

form .datetime .date,
form .datetime .time {
  float: left;
  clear: none;
  width: auto; }

form .datetime .middleColumn .middleColumn {
  width: auto; }

form .datetime .date input,
form .datetime .time input {
  width: auto; }

/* SELECT DROPDOWN
---------------------------------------- */
select {
  width: auto; }

/* LABELS
---------------------------------------- */
.typography label {
  display: block;
  margin: 10px 0 -10px 0;
  color: #444;
  font-size: 12px; }

label.right {
  display: inline; }

/* CHECKBOXES
---------------------------------------- */
ul.optionset, ul.yesnooptionset {
  margin: 0;
  overflow: hidden; }

ul.optionset li, ul.yesnooptionset li {
  margin: 6px 0;
  clear: both; }

ul.optionset li input, ul.yesnooptionset li input {
  float: left;
  margin: 0 6px; }

ul.optionset li label, ul.yesnooptionset li label {
  margin: 0; }

.yesnooptionset .middleColumn {
  background: transparent; }

.typography .yform label {
  margin: 8px 0 5px 0; }

.typography .yform .errorList {
  margin: 15px 0; }

.typography .yform {
  margin-bottom: 30px; }

.typography .yform legend {
  display: none; }

html {
  font-size: 100%;
  line-height: 1.5em; }

.transparent-background {
  background-color: transparent;
  zoom: 1; }

[data-icon]::before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: light !important;
  font-weight: light !important;
  font-variant: light !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^='icon-']::before,
[class*=' icon-']::before {
  font-family: 'icons' !important;
  font-style: light !important;
  font-variant: light !important;
  font-weight: light !important;
  line-height: 1;
  vertical-align: text-bottom;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-gplus::before {
  content: 'g'; }

.icon-facebook::before {
  content: 'f'; }

.icon-twitterbird::before {
  content: 't'; }

.icon-sharethis::before {
  content: 's'; }

.icon-telephone::before {
  content: 'p'; }

.icon-fax::before {
  content: 'J';
  font-size: 90%;
  vertical-align: middle; }

.icon-mail::before {
  content: 'm'; }

.icon-search::before {
  content: 'a'; }

.icon-menu::before {
  content: 'n'; }

.icon-home::before {
  content: 'h'; }

.icon-fontawesome-webfont::before {
  content: '>'; }

.icon-fontawesome-webfont-1::before {
  content: '<'; }

.icon-x-circle::before {
  content: 'x'; }

.icon-up-open::before {
  content: 'u'; }

.icon-down-open::before {
  content: 'd'; }

.icon-pdf::before {
  content: 'c'; }

.icon-location::before {
  content: 'l'; }

.icon-left-open-big::before {
  content: 'b'; }

.icon-right-open-big::before {
  content: 'e'; }

.icon-caret-right::before {
  content: 'i'; }

.icon-caret-down-two::before {
  content: 'j'; }

.icon-log-in::before {
  content: 'k'; }

.icon-enter::before {
  content: 'o'; }

.icon-chevron-right::before {
  content: 'q'; }

.icon-chevron-left::before {
  content: 'r'; }

.icon-up-open-big::before {
  content: 'v'; }

.icon-down-open-big::before {
  content: 'w'; }

.icon-popup::before {
  content: 'y'; }

html {
  font-size: 100%;
  line-height: 1.5em; }

.transparent-background {
  background-color: transparent;
  zoom: 1; }

* {
  margin: 0;
  padding: 0; }

body {
  color: #5F5D6F;
  font-family: Verdana, Lucida, sans-serif; }

html {
  background: #F6F6F6;
  font-size: 100%; }

@media (min-width: 0) and (max-width: 1099px) {
  html {
    background-image: none !important; } }

@media (min-width: 1100px) {
  body {
    padding-bottom: 90%; }
  html {
    /** @see ie.css!!! **/
    /*@todo: make sub classes for 4 seasons and switch in HTML */
    /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/hallstatt-winter-kirche-friedhof-ort-21.jpg") no-repeat center center fixed;*/
    background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-hallstatt-sommer.jpg") no-repeat center center fixed;
    /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-hallstatt-herbst-c-kraft.jpg") no-repeat center center fixed;*/
    /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-hallstatt-winter-c-kraft-2.jpg") no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    html.old {
      background-color: #F6F6F6;
      background-image: -webkit-gradient(linear, left top, left bottom, left, right);
      /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient(top, #fbeec8, #F6DF9C);
      /* Chrome 10+, Saf5.1+ */
      background-image: -moz-linear-gradient(top, #fbeec8, #F6DF9C);
      /* FF3.6 */
      background-image: -ms-linear-gradient(top, #fbeec8, #F6DF9C);
      /* IE10 */
      background-image: -o-linear-gradient(top, #fbeec8, #F6DF9C);
      /* Opera 11.10+ */
      background-image: linear-gradient(top, #fbeec8, #F6DF9C);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbeec8', EndColorStr='#F6DF9C');
      /* IE6–IE9 */ }
    html.gosau {
      /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/gosau-winter-ballonwoche-langlauf-gosaubach-25.jpg") no-repeat center center fixed; */
      /* background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-gosau-bergweihnacht-c-grill-01.jpg") no-repeat center center fixed; */
      /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-gosau-winter.jpg") no-repeat center center fixed;*/
      /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/gosau-loeckermoos-gosauer-waisenblaeser-blaeserquartett-c-kraft-18.jpg") no-repeat center center fixed;);*/
      /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/gosau-dachstein-west-winterurlaub-c-erber-509.jpg") no-repeat center center fixed;*/
      background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-gosausee-sommer-krauss-1600.jpg") no-repeat center center fixed; }
    html.bad-goisern {
      /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-goisern-sommer.jpg") no-repeat center center fixed;*/
      background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg_goisern_untersee_ostuferwanderweg_herbst_22.jpg") no-repeat center center fixed; }
    html.obertraun {
      /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-obertraun-sommer2.jpg") no-repeat center center fixed;*/
      background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-obertraun-wasserfallwand-hallstaettersee-09.jpg") no-repeat center center fixed;
      /*background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-obertraun-krippenstein-schneeschuhwandern-c-kraft-208.jpg") no-repeat center center fixed;    */ }
    html.salzkammergut {
      background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-wolken.jpg") no-repeat center center fixed; }
    html.russbach {
      background: #F6F6F6 url("http://cdn.hallstatt.net/themes/tourismus/images/bg-russbach-sommer.jpg") no-repeat center center fixed; } }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

.clear {
  clear: both; }

/* CONTAINER
----------------------------------------- */
.background-container {
  width: 100%;
  max-width: 1200px;
  height: 100%; }
  @media (min-width: 1100px) {
    .background-container {
      margin: 15px auto !important; } }

.page-container {
  width: 100%;
  max-width: 1200px;
  background: #fff;
  zoom: 1; }
  @media (min-width: 1100px) {
    .page-container {
      -webkit-box-shadow: 0px 2px 15px #000;
      -moz-box-shadow: 0px 2px 15px #000;
      box-shadow: 0px 2px 15px #000; } }

.main-layout {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  clear: both;
  /*overflow: hidden;*/
  margin-top: 1.5rem;
  margin-bottom: 2.25rem; }
  .main-layout:after {
    content: " ";
    display: block;
    clear: both; }

.main-content {
  text-align: left; }
  @media (min-width: 0) and (max-width: 639px) {
    .main-content {
      clear: both;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 640px) and (max-width: 949px) {
    .main-content {
      width: 65.64103%;
      float: left;
      margin-right: 3.07692%;
      float: right;
      margin-right: 0; } }
  @media (min-width: 950px) {
    .main-content {
      width: 74.23077%;
      float: left;
      margin-right: 3.07692%;
      float: right;
      margin-right: 0; } }

.content__partner-container {
  margin: 1.5rem;
  text-align: center; }

.c-vertical-bar {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  background-image: -owg-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
  background-image: -webkit-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
  background-image: -moz-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
  background-image: -o-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
  background-image: linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
  min-height: 30px;
  border-top: 2px solid #000A22;
  border-bottom: 2px solid #000A22;
  font-family: Tahoma, Verdana, sans-serif;
  color: white;
  z-index: 100;
  line-height: 30px; }
  .c-vertical-bar ul {
    float: left;
    margin-left: 10px;
    margin-bottom: 0; }
    .c-vertical-bar ul li {
      list-style: none;
      margin: 0;
      float: left;
      display: block; }
  .c-vertical-bar__item {
    float: left;
    text-decoration: none;
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 2em;
    padding: 0 9px;
    color: #fff;
    -webkit-transition: background false false, 0.5s false false, ease-in-out false false;
    -moz-transition: background false false false, 0.5s false false false, ease-in-out false false false;
    -o-transition: background false false false, 0.5s false false false, ease-in-out false false false;
    transition: background, 0.5s, ease-in-out; }
    @media (min-width: 640px) and (max-width: 949px) {
      .c-vertical-bar__item {
        font-size: 0.95rem;
        line-height: 1.5rem; } }
    @media (min-width: 480px) and (max-width: 639px) {
      .c-vertical-bar__item {
        font-size: 0.9rem;
        line-height: 1.5rem; } }
    @media (min-width: 0) and (max-width: 479px) {
      .c-vertical-bar__item {
        font-size: 0.9rem;
        line-height: 1.5rem; } }
    .c-vertical-bar__item:hover {
      cursor: pointer;
      background: #aa0000; }
    .c-vertical-bar__item.current, .c-vertical-bar__item.section, .c-vertical-bar__item.section:hover, .c-vertical-bar__item.current:hover {
      background: #aa0000; }

.toggle__header {
  border-top: 1px solid #e9e9ea;
  font-weight: bold;
  margin-top: .5rem;
  padding-top: .5rem;
  cursor: pointer; }
  .toggle__header:after {
    font-family: "icons" !important;
    content: attr(data-icon);
    font-style: light !important;
    font-weight: light !important;
    font-variant: light !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    font-size: 1.25rem;
    color: #0c2b72;
    display: inline-block; }
  .toggle__header--closed:after {
    content: " d"; }
  .toggle__header--opened:after {
    content: " u"; }

.toggle__content {
  margin-top: 0.25rem;
  margin-left: 1rem;
  overflow: hidden; }

.toggle__content--closed {
  display: none; }

.toggle__content--open {
  display: block; }

@-webkit-keyframes sally-wink {
  0%, 49% {
    opacity: 0; }
  50%, 69% {
    opacity: 1; }
  70%, 79% {
    opacity: 0; }
  80%, 88% {
    opacity: 1; }
  89%, 93% {
    opacity: 0; }
  94%, 95% {
    opacity: 1; }
  96%, 100% {
    opacity: 0; } }

@-moz-keyframes sally-wink {
  0%, 49% {
    opacity: 0; }
  50%, 69% {
    opacity: 1; }
  70%, 79% {
    opacity: 0; }
  80%, 88% {
    opacity: 1; }
  89%, 93% {
    opacity: 0; }
  94%, 95% {
    opacity: 1; }
  96%, 100% {
    opacity: 0; } }

@-ms-keyframes sally-wink {
  0%, 49% {
    opacity: 0; }
  50%, 69% {
    opacity: 1; }
  70%, 79% {
    opacity: 0; }
  80%, 88% {
    opacity: 1; }
  89%, 93% {
    opacity: 0; }
  94%, 95% {
    opacity: 1; }
  96%, 100% {
    opacity: 0; } }

@keyframes sally-wink {
  0%, 49% {
    opacity: 0; }
  50%, 69% {
    opacity: 1; }
  70%, 79% {
    opacity: 0; }
  80%, 88% {
    opacity: 1; }
  89%, 93% {
    opacity: 0; }
  94%, 95% {
    opacity: 1; }
  96%, 100% {
    opacity: 0; } }

.salzwelten-sally--1 {
  position: relative; }
  .salzwelten-sally--1__wink {
    position: absolute;
    width: 100%;
    height: 30%;
    top: 40%;
    background: black;
    -webkit-animation: sally-wink 4.5s linear 0s infinite;
    -moz-animation: sally-wink 4.5s linear 0s infinite;
    -ms-animation: sally-wink 4.5s linear 0s infinite;
    -o-animation: sally-wink 4.5s linear 0s infinite;
    animation: sally-wink 4.5s linear 0s infinite; }

/* HEADER
----------------------------------------- */
.header {
  width: 100%;
  max-width: 1200px;
  max-height: 330px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  position: relative; }
  .header p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    clear: left;
    margin: 0 0 0 100px; }
    @media (min-width: 640px) and (max-width: 949px) {
      .header p {
        font-size: 0.95rem;
        line-height: 1.5rem; } }
    @media (min-width: 480px) and (max-width: 639px) {
      .header p {
        font-size: 0.9rem;
        line-height: 1.5rem; } }
    @media (min-width: 0) and (max-width: 479px) {
      .header p {
        font-size: 0.9rem;
        line-height: 1.5rem; } }

.header__topbar {
  display: none;
  font-size: 0.875rem;
  line-height: 1.5rem; }
  @media (min-width: 640px) {
    .header__topbar {
      display: block; } }
  @media (min-width: 950px) {
    .header__topbar {
      font-size: 1rem; } }
  .header__topbar-item a {
    color: white;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 2em;
    text-decoration: none;
    padding: 0 10px; }
    @media (min-width: 640px) and (max-width: 949px) {
      .header__topbar-item a {
        font-size: 0.95rem;
        line-height: 1.5rem; } }
    @media (min-width: 480px) and (max-width: 639px) {
      .header__topbar-item a {
        font-size: 0.9rem;
        line-height: 1.5rem; } }
    @media (min-width: 0) and (max-width: 479px) {
      .header__topbar-item a {
        font-size: 0.9rem;
        line-height: 1.5rem; } }
  .header__topbar-item--towns {
    padding-right: 15px;
    float: right;
    text-align: right;
    display: block; }

.header__slideshow {
  overflow: hidden;
  height: 0;
  padding-bottom: 25%;
  width: 100%; }
  .header__slideshow img {
    max-width: 1200px;
    width: 100%;
    height: auto; }

.header__slideshow-description {
  color: #fff;
  background: #333;
  padding: 3px;
  font-size: 0.75rem;
  position: absolute;
  right: 25px;
  bottom: 5px;
  z-index: 100;
  opacity: 0.7; }
  @media (min-width: 0) and (max-width: 479px) {
    .header__slideshow-description {
      display: none; } }
  @media (min-width: 950px) {
    .header__slideshow-description {
      font-size: 1rem; } }

/* MAIN NAVIGATION - TABS
----------------------------------------- */
.navigation--main {
  position: sticky;
  top: 0;
  z-index: 200;
  font-size: 0.875rem;
  line-height: 1.5rem; }
  @media (min-width: 950px) {
    .navigation--main {
      font-size: 1rem; } }
  .navigation--main ul {
    display: none; }
    @media (min-width: 640px) {
      .navigation--main ul {
        display: inline; } }
  .navigation--main .menu-btn {
    padding-left: 2.25em;
    color: white;
    font-size: 1rem;
    text-decoration: none; }
    @media (min-width: 640px) {
      .navigation--main .menu-btn {
        display: none; } }

.shadowHorizontal {
  clear: both;
  height: 9px;
  width: 100%;
  max-width: 1200px;
  background: #fff;
  /*position: absolute;*/
  z-index: 10000; }

.navigation--mobile a.section, .navigation--mobile a.current {
  font-weight: bold; }

.navigation--mobile li.section, .navigation--mobile li.current {
  font-weight: bold; }

/* BREADCRUMBS
-------------------------------------------- */
.breadcrumbs {
  text-align: left;
  font-size: 0.9em;
  margin: 0 0  10px 0;
  background: #F2F6FF;
  padding: 3px; }
  .breadcrumbs p {
    margin: 3px; }

.breadcrumbs__item {
  color: #552b2b !important; }

/* SIDEBAR
-------------------------------------- */
@media (min-width: 0) and (max-width: 639px) {
  .sidebar {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 640px) and (max-width: 949px) {
  .sidebar {
    width: 31.28205%;
    float: left;
    margin-right: 3.07692%; } }

@media (min-width: 950px) {
  .sidebar {
    width: 22.69231%;
    float: left;
    margin-right: 3.07692%; } }

.sidebar .sidebar__box {
  margin: 5px 0 5px 0;
  padding-bottom: 2px; }

.sidebar ul {
  margin: 2px 0 5px 3px; }

.sidebar li {
  margin: 8px 2px;
  list-style: none; }

.sidebar h3 {
  clear: both;
  color: #000A22;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  line-height: 1.6;
  padding: 1px 0 0 5px; }
  @media (min-width: 640px) and (max-width: 949px) {
    .sidebar h3 {
      font-size: 0.95rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    .sidebar h3 {
      font-size: 0.9rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    .sidebar h3 {
      font-size: 0.9rem;
      line-height: 1.5rem; } }
  .sidebar h3 a {
    color: #000A22; }

.sidebar a em {
  font-style: normal; }

.sidebar p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  clear: both;
  margin: 10px 10px 0 5px; }
  @media (min-width: 640px) and (max-width: 949px) {
    .sidebar p {
      font-size: 0.83125rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    .sidebar p {
      font-size: 0.7875rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    .sidebar p {
      font-size: 0.7875rem;
      line-height: 1.5rem; } }
  .sidebar p.full-width {
    margin-left: 0;
    margin-right: 0; }

.sidebar__navigation li {
  margin: 1px 0 5px 4px;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.5rem; }
  @media (min-width: 640px) and (max-width: 949px) {
    .sidebar__navigation li {
      font-size: 0.83125rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    .sidebar__navigation li {
      font-size: 0.7875rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    .sidebar__navigation li {
      font-size: 0.7875rem;
      line-height: 1.5rem; } }

.sidebar__navigation a {
  display: block;
  width: 196px;
  color: #333; }

.sidebar__navigation a:hover,
.sidebar__navigation a.current,
.sidebar__navigation li.section > a,
.sidebar__navigation a.current:hover {
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  border-left: 2px solid #000A22;
  margin-left: -2px;
  color: #000A22; }

.sidebar__staticmap {
  border-radius: 0 0 5px 0;
  height: 255px;
  overflow: hidden; }

.sidebar__full-image img, .SidebarMixed img {
  max-width: 256px;
  width: 100%;
  height: auto; }

.sidebar__full-image--cycle {
  position: relative; }
  .sidebar__full-image--cycle > * {
    display: none; }
  .sidebar__full-image--cycle > *:first-child {
    display: block; }
  .sidebar__full-image--cycle .cycle-slide {
    width: 100%;
    height: auto; }

.sidebarbox__image--full {
  max-width: 256px;
  width: 100%;
  height: auto;
  margin: 0; }

/* MESSAGEBOXS
--------------------------------------------- */
.message {
  margin: 15px;
  padding: 5px;
  width: 92%;
  color: #979908;
  border: 4px solid #F7F8B4;
  background: #FFFFEA; }

span.middleColumn .message {
  margin: 4px 0 0 3px; }

.message.required {
  margin: 4px 0 0 3px;
  padding: 5px;
  width: 92%;
  color: #DC1313;
  border: 4px solid #FF7373;
  background: #FED0D0; }

.entry {
  border-bottom: 1px solid #eee; }

/* FOOTER
----------------------------------------------- */
.footer {
  clear: both;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  background: transparent;
  padding-bottom: 15px;
  color: #333;
  font-size: 1.1em; }
  .footer .footerTop {
    width: 100%;
    display: block;
    height: 2em; }
  .footer a {
    color: #999;
    text-decoration: none; }
  .footer strong {
    color: #999; }
  .footer a:hover {
    color: #999;
    text-decoration: underline; }
  .footer__copyright {
    font-size: 0.9em;
    margin-top: 5px;
    color: #999 !important;
    text-align: center; }
  .footer__amazon {
    text-align: center;
    margin-top: 0.5rem;
    max-width: 100%;
    overflow: scroll; }

.pageGallery {
  margin-left: 0 !important;
  overflow: hidden;
  list-style: none;
  max-height: 250px; }

.pageGallery li {
  list-style: none;
  margin-left: 0 !important;
  max-width: 250px;
  height: auto;
  display: inline; }

.pageGallery li a {
  width: 250px;
  height: 250px; }

.contentHolderItem, .content-holder__item {
  overflow: hidden; }

.content-holder {
  overflow: hidden; }
  .content-holder:after {
    clear: both; }

div.contentHolderItem .left img, .content-holder__item .left img {
  max-width: 250px;
  width: 100%;
  height: auto; }

div.contentHolderItem .right, .content-holder__item .right {
  text-align: left; }

@media (min-width: 0) and (max-width: 949px) {
  div.contentHolderItem, .content-holder__item {
    width: 47.05882%;
    float: left;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; }
    div.contentHolderItem:nth-child(2n + 1), .content-holder__item:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    div.contentHolderItem:nth-child(2n + 2), .content-holder__item:nth-child(2n + 2) {
      margin-left: 52.94118%;
      margin-right: -100%;
      clear: none; }
    div.contentHolderItem .left, .content-holder__item .left {
      clear: both;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      -webkit-order: 1;
      order: 1;
      float: none; }
    div.contentHolderItem .right, .content-holder__item .right {
      clear: both;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      -webkit-order: 2;
      order: 2;
      float: none;
      clear: both; } }
  @media (min-width: 0) and (max-width: 949px) and (min-width: 0) and (max-width: 479px) {
    div.contentHolderItem, .content-holder__item {
      clear: both;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      clear: both !important;
      float: none;
      margin: 0 !important; } }

@media (min-width: 950px) {
  div.contentHolderItem .left, .content-holder__item .left {
    width: 32.20339%;
    float: right;
    margin-left: 1.69492%;
    float: left;
    margin-left: 0;
    margin-top: 5px;
    max-width: 250px; }
  div.contentHolderItem .right, .content-holder__item .right {
    width: 66.10169%;
    float: right;
    margin-left: 1.69492%; }
  div.contentHolderItem h2,
  div.contentHolderItem h3, .content-holder__item h2,
  .content-holder__item h3 {
    margin: 5px 0 0 0;
    text-align: left; }
  div.contentHolderItem p, .content-holder__item p {
    margin: 0; }
  div.contentHolderItem dd, .content-holder__item dd {
    float: left;
    font-size: 12px; } }

.social-links {
  margin-top: 15px; }
  .social-links__item--gplus {
    width: 75px;
    float: left; }
  .social-links__item--fb {
    float: left;
    width: 125px; }

.sidebar__box {
  background: #F2F6FF;
  color: #333;
  padding-bottom: 10px; }
  @media (min-width: 480px) and (max-width: 639px) {
    .sidebar__box {
      width: 48.46154%;
      float: left;
      margin-right: 3.07692%; } }
  .sidebar__box h3 {
    background-image: -owg-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
    background-image: -webkit-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
    background-image: -moz-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
    background-image: -o-linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
    background-image: linear-gradient(to right, #005800, #267126 40%, #267126 60%, #005800);
    color: #fff; }
  .sidebar__box h3 a {
    color: #fff; }
  .sidebar__box--light h3 {
    background: white;
    color: #000A22; }
  .sidebar__box--light a {
    color: #0c2b72; }

.sidebar__weather-forecast table {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin: 0 2.5%;
  width: 95%; }
  @media (min-width: 640px) and (max-width: 949px) {
    .sidebar__weather-forecast table {
      font-size: 0.83125rem;
      line-height: 1.5rem; } }
  @media (min-width: 480px) and (max-width: 639px) {
    .sidebar__weather-forecast table {
      font-size: 0.7875rem;
      line-height: 1.5rem; } }
  @media (min-width: 0) and (max-width: 479px) {
    .sidebar__weather-forecast table {
      font-size: 0.7875rem;
      line-height: 1.5rem; } }

.sidebar__weather-forecast td {
  border: 0;
  padding: 3px 0;
  text-align: center;
  color: #333; }
  .sidebar__weather-forecast td.webcams {
    position: relative;
    text-align: left;
    height: 75px;
    overflow: hidden;
    vertical-align: text-top; }
    @media (min-width: 950px) {
      .sidebar__weather-forecast td.webcams {
        width: 40%; } }
    .sidebar__weather-forecast td.webcams a {
      max-width: 100px;
      max-height: 75px;
      overflow: hidden;
      vertical-align: top;
      padding-top: 3px; }
    .sidebar__weather-forecast td.webcams img {
      max-width: 100;
      width: 100%;
      height: auto; }

.sidebar__weather-forecast img {
  margin-bottom: 5px; }

.wetterVorhersage p {
  margin-top: 0; }

.weather-forecast {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .weather-forecast:after {
    content: " ";
    display: block;
    clear: both; }
  .weather-forecast__item {
    width: 48.46154%;
    float: left; }
    .weather-forecast__item:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .weather-forecast__item:nth-child(2n + 2) {
      margin-left: 51.53846%;
      margin-right: -100%;
      clear: none; }
    @media (min-width: 0) and (max-width: 949px) {
      .weather-forecast__item {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        clear: both !important;
        float: none;
        margin: 0 !important; } }
    .weather-forecast__item th {
      font-weight: bold;
      border: none; }
    .weather-forecast__item td {
      min-width: 55px;
      border: none; }

.webcam__main-image {
  max-width: 600;
  width: 100%;
  height: auto; }

/** Homepage **/
.HomePageElementContainer {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%; }

.HomePageElement {
  width: 29.41176%;
  float: left;
  max-width: 250px; }
  .HomePageElement:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0; }
  .HomePageElement:nth-child(3n + 2) {
    margin-left: 35.29412%;
    margin-right: -100%;
    clear: none; }
  .HomePageElement:nth-child(3n + 3) {
    margin-left: 70.58824%;
    margin-right: -100%;
    clear: none; }
  @media (min-width: 0) and (max-width: 949px) {
    .HomePageElement {
      width: 47.05882%;
      float: left; }
      .HomePageElement:nth-child(2n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0; }
      .HomePageElement:nth-child(2n + 2) {
        margin-left: 52.94118%;
        margin-right: -100%;
        clear: none; } }
  @media (min-width: 0) and (max-width: 479px) {
    .HomePageElement {
      clear: both;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      clear: both !important;
      float: none;
      margin: 0 !important; } }
  .HomePageElement img {
    max-width: 250px;
    width: 100%;
    height: auto;
    margin-bottom: 5px !important; }
  .HomePageElement p {
    text-align: left !important; }
  .HomePageElement strong {
    font-size: 13px; }

.BannerHomePage {
  width: 100%;
  background: #e3e3e3;
  clear: both;
  margin-bottom: 15px;
  padding: 0;
  text-align: center; }

.typography .BannerHomePage img {
  margin: 0 0 -2px 0; }

.typography .BannerHomePage a {
  margin: 0 auto; }

.StarsHolder, .iconHolder {
  position: relative; }

.StarsHolder {
  max-width: 250px; }

.Stars {
  background: #999999 url(../images/unterkunft/bg-edelweis-stern.png) repeat-x;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  /* IE 5-7 */
  filter: alpha(opacity=85);
  /* Netscape */
  -moz-opacity: 0.85;
  /* Safari 1.x */
  -khtml-opacity: 0.85;
  /* Good browsers */
  opacity: 0.85; }

.Sterne {
  background-position: 0 -20px; }

.Stars3 {
  width: 60px; }

.Stars4 {
  width: 80px; }

.Stars5 {
  width: 100px; }

.typography p.bookNow,
.typography p.bookNowBooking,
.bookNow,
.bookNowBooking {
  background-image: -owg-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: -webkit-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: -moz-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: -o-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 1rem;
  margin: 1rem 0;
  font-size: 1rem;
  display: block; }

.typography .bookNow a,
.typography p.bookNowBooking a {
  color: #fff;
  padding: 10px 15px;
  font-weight: bold; }

.bookNowButton, .vacancysearch__searchbutton {
  background-image: -owg-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: -webkit-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: -moz-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: -o-linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  background-image: linear-gradient(to right, #007800, #268c26 40%, #268c26 60%, #007800);
  text-align: center;
  padding: .5rem 1rem;
  color: #fff;
  font-weight: bold;
  border: none; }

.unterkunft-features {
  margin-top: 1rem; }
  .unterkunft-features:first-of-type {
    margin-top: 0; }

.vacancysearch__searchbutton::before {
  font-weight: normal;
  vertical-align: middle;
  font-size: 1.25rem; }

.vacancysearch__header {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .vacancysearch__header:after {
    content: " ";
    display: block;
    clear: both; }

.vacancysearch__numberresults, .vacancysearch__sortby {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 640px) {
    .vacancysearch__numberresults, .vacancysearch__sortby {
      width: 48.46154%;
      float: left;
      margin-right: 3.07692%;
      clear: none; } }

@media (min-width: 640px) {
  .vacancysearch__sortby {
    float: right;
    margin-right: 0;
    text-align: right; } }

.vacancysearch-result-wrapper {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #5F5D6F;
  padding: 0 1rem;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap; }
  .vacancysearch-result-wrapper:after {
    content: " ";
    display: block;
    clear: both; }

.vacancysearch-result {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid #5F5D6F;
  margin-bottom: -1px; }
  .vacancysearch-result p {
    margin-bottom: .5rem; }
  .vacancysearch-result--package {
    background-color: #f1f1f1;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  .vacancysearch-result__previewimage {
    width: 22.69231%;
    float: left;
    margin-right: 3.07692%; }
  .vacancysearch-result__main-description {
    width: 74.23077%;
    float: right;
    margin-right: 0; }
  .vacancysearch-result__serviceheading {
    margin-bottom: 0; }
  .vacancysearch-result__notfavorite-info {
    font-weight: bold;
    color: #0c2b72; }
  .vacancysearch-result__arrival-departure {
    color: #5F5D6F; }
    .vacancysearch-result__arrival-departure--notfavorite {
      color: #aa0000; }
  .vacancysearch-result__price-total {
    color: #aa0000; }
  .vacancysearch-result__price-average {
    color: #5F5D6F; }
  .vacancysearch-result__servicelink, .vacancysearch-result__bookinglink {
    width: 45.08197%;
    float: left;
    margin-right: 9.83607%; }
  .vacancysearch-result__bookinglink {
    width: 45.08197%;
    float: right;
    margin-right: 0; }
  .vacancysearch-result-description__header {
    border-top: none; }

.vacancysearch-result .left img {
  max-width: 250px;
  width: 100%;
  height: auto; }

.vacancysearch-result .right {
  text-align: left; }

@media (min-width: 950px) {
  .vacancysearch-result .left {
    width: 32.20339%;
    float: right;
    margin-left: 1.69492%;
    float: left;
    margin-left: 0;
    margin-top: 5px;
    max-width: 250px; }
  .vacancysearch-result .right {
    width: 66.10169%;
    float: right;
    margin-left: 1.69492%; }
  .vacancysearch-result h2,
  .vacancysearch-result h3 {
    margin: 5px 0 0 0;
    text-align: left; }
  .vacancysearch-result p {
    margin: 0; } }

.vacancysearch-terms {
  clear: both; }
  .vacancysearch-terms__header {
    border-top: none; }

.tomas-vacancy-search-form {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  background: #e9e9ea;
  padding: 0 .25rem .25rem;
  margin-bottom: 1.5rem; }
  .tomas-vacancy-search-form:after {
    content: " ";
    display: block;
    clear: both; }
  .tomas-vacancy-search-form .middleColumn {
    width: auto; }
  .tomas-vacancy-search-form #Arrival, .tomas-vacancy-search-form #Departure, .tomas-vacancy-search-form #Adults, .tomas-vacancy-search-form #Children {
    width: 21.48438%;
    float: left;
    margin-right: 4.6875%;
    max-width: 100%; }
    @media (min-width: 0) and (max-width: 949px) {
      .tomas-vacancy-search-form #Arrival, .tomas-vacancy-search-form #Departure, .tomas-vacancy-search-form #Adults, .tomas-vacancy-search-form #Children {
        width: 47.05882%;
        float: left;
        margin-right: 5.88235%; } }
    @media (min-width: 0) and (max-width: 479px) {
      .tomas-vacancy-search-form #Arrival, .tomas-vacancy-search-form #Departure, .tomas-vacancy-search-form #Adults, .tomas-vacancy-search-form #Children {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        clear: both !important;
        float: none;
        margin: 0 !important; } }
  @media (min-width: 0) and (max-width: 949px) {
    .tomas-vacancy-search-form #Departure {
      float: right;
      margin-right: 0; } }
  .tomas-vacancy-search-form #Children {
    float: right;
    margin-right: 0; }
  .tomas-vacancy-search-form input, .tomas-vacancy-search-form button, .tomas-vacancy-search-form .dropdown {
    width: 100%; }
  .tomas-vacancy-search-form .composite > div {
    width: 21.48438%;
    float: left;
    max-width: 100%; }
    .tomas-vacancy-search-form .composite > div:nth-child(4n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .tomas-vacancy-search-form .composite > div:nth-child(4n + 2) {
      margin-left: 26.17187%;
      margin-right: -100%;
      clear: none; }
    .tomas-vacancy-search-form .composite > div:nth-child(4n + 3) {
      margin-left: 52.34375%;
      margin-right: -100%;
      clear: none; }
    .tomas-vacancy-search-form .composite > div:nth-child(4n + 4) {
      margin-left: 78.51562%;
      margin-right: -100%;
      clear: none; }
    @media (min-width: 0) and (max-width: 639px) {
      .tomas-vacancy-search-form .composite > div {
        width: 47.05882%;
        float: left; }
        .tomas-vacancy-search-form .composite > div:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .tomas-vacancy-search-form .composite > div:nth-child(2n + 2) {
          margin-left: 52.94118%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 0) and (max-width: 479px) {
      .tomas-vacancy-search-form .composite > div {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        clear: both !important;
        float: none;
        margin: 0 !important; } }

div.mappable {
  width: 100% !important; }

.ajaxSpinner {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000; }

.typography .SchmaranzerBelegungsplan {
  background: none repeat scroll 0 0 #007878;
  color: #FFFFFF !important;
  display: block;
  padding: 10px;
  width: 100%;
  text-align: center; }

.typography .SchmaranzerBelegungsplan > strong {
  color: #FFFFFF;
  font-size: 14px; }

a.fancybox {
  border-bottom: 2px solid white; }

.cjFancyTransition {
  position: relative;
  display: block;
  width: 900px;
  height: 170px;
  overflow: hidden; }
  .cjFancyTransition br {
    display: none; }

hr {
  clear: both; }

.to-top-button {
  position: fixed;
  right: 1em;
  bottom: 3em; }
  @media (min-width: 1500px) {
    .to-top-button {
      left: 50%;
      bottom: 75px;
      width: 725px; } }

.to-top-button__link {
  display: block;
  width: 100px;
  border: 1px solid #552b2b;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  padding: 5px;
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #552b2b;
  text-decoration: none;
  background: #f1f1f1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity false false, 0.5s false false, ease-in-out false false;
  -moz-transition: opacity false false false, 0.5s false false false, ease-in-out false false false;
  -o-transition: opacity false false false, 0.5s false false false, ease-in-out false false false;
  transition: opacity, 0.5s, ease-in-out; }
  @media (min-width: 1500px) {
    .to-top-button__link {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
      opacity: 0.85; } }
  .to-top-button__link:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }

.typography table.preisliste {
  width: 400px; }

.typography td.preis {
  text-align: right;
  background-color: #e3e3e3; }

.typography .highlight {
  background-color: #F2F6FF;
  color: #333; }

.VideoIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 34px;
  background: #fff url(../images/icon_video.png) no-repeat;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  /* IE 5-7 */
  filter: alpha(opacity=85);
  /* Netscape */
  -moz-opacity: 0.85;
  /* Safari 1.x */
  -khtml-opacity: 0.85;
  /* Good browsers */
  opacity: 0.85; }

div.YouTube {
  margin-bottom: 18px;
  position: relative;
  height: 0; }
  div.YouTube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  .mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  .mm-panel.mm-highest {
    z-index: 1; }

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit; }

.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px; }
  .mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px; }
  .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
    content: '';
    display: block;
    height: 20px; }

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
  .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto; }
  .mm-vertical .mm-listview > li > .mm-next:after,
  .mm-listview > li.mm-vertical > .mm-next:after {
    top: 16px;
    bottom: auto; }

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .mm-navbar > * {
    display: block;
    padding: 10px 0; }
  .mm-navbar a,
  .mm-navbar a:hover {
    text-decoration: none; }
  .mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1; }
    .mm-navbar .mm-btn:first-child {
      padding-left: 20px;
      left: 0; }
    .mm-navbar .mm-btn:last-child {
      text-align: right;
      padding-right: 20px;
      right: 0; }

.mm-panel .mm-navbar {
  display: none; }

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block; }

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px; }
  .mm-listview a,
  .mm-listview a:hover {
    text-decoration: none; }
  .mm-listview > li {
    position: relative; }
    .mm-listview > li, .mm-listview > li:after,
    .mm-listview > li .mm-next,
    .mm-listview > li .mm-next:before {
      border-color: inherit; }
    .mm-listview > li > a,
    .mm-listview > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
      .mm-listview > li > a.mm-arrow,
      .mm-listview > li > span.mm-arrow {
        padding-right: 50px; }
    .mm-listview > li:not(.mm-divider):after {
      content: '';
      border-bottom-width: 1px;
      border-bottom-style: solid;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
    .mm-listview > li:not(.mm-divider):after {
      left: 20px; }
  .mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
    .mm-listview .mm-next:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
    .mm-listview .mm-next + a,
    .mm-listview .mm-next + span {
      margin-right: 50px; }
    .mm-listview .mm-next.mm-fullsubopen {
      width: 100%; }
      .mm-listview .mm-next.mm-fullsubopen:before {
        border-left: none; }
      .mm-listview .mm-next.mm-fullsubopen + a,
      .mm-listview .mm-next.mm-fullsubopen + span {
        padding-right: 50px;
        margin-right: 0; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px; }

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0; }
  .mm-listview .mm-inset > li {
    padding: 5px 0; }

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.mm-listview .mm-spacer {
  padding-top: 40px; }
  .mm-listview .mm-spacer > .mm-next {
    top: 40px; }
  .mm-listview .mm-spacer.mm-divider {
    padding-top: 25px; }

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px; }

.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 23px; }

.mm-menu {
  background: #333333;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7); }
  .mm-menu .mm-navbar > *,
  .mm-menu .mm-navbar a {
    color: rgba(255, 255, 255, 0.7); }
  .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.7); }
  .mm-menu .mm-listview {
    border-color: rgba(255, 255, 255, 0.1); }
    .mm-menu .mm-listview > li .mm-next:after,
    .mm-menu .mm-listview > li .mm-arrow:after {
      border-color: rgba(255, 255, 255, 0.7); }
    .mm-menu .mm-listview > li a:not(.mm-next) {
      -webkit-tap-highlight-color: rgba(51, 51, 51, 0.5);
      tap-highlight-color: rgba(51, 51, 51, 0.5); }
    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
    .mm-menu .mm-listview > li.mm-selected > span {
      background: rgba(51, 51, 51, 0.5); }
  .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
  .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
  .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
  .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(51, 51, 51, 0.05); }
  .mm-menu .mm-divider {
    background: rgba(51, 51, 51, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-blocking {
  overflow: hidden; }
  html.mm-blocking body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }

.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }

@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu autoHeight addon CSS
*/
.mm-menu.mm-autoheight {
  max-height: 80%; }
  .mm-menu.mm-autoheight.mm-fullscreen {
    max-height: 100%; }

.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%; }
  em.mm-counter + a.mm-next {
    width: 90px; }
    em.mm-counter + a.mm-next + a,
    em.mm-counter + a.mm-next + span {
      margin-right: 90px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px; }

.mm-nosubresults > .mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.7); }

/*
	jQuery.mmenu dividers addon CSS
*/
.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }

.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .mm-fixeddivider:after {
    content: none !important;
    display: none !important; }

.mm-hasdividers .mm-fixeddivider {
  display: block; }

.mm-menu .mm-fixeddivider span {
  background: rgba(51, 51, 51, 0.05); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu iconpanels addon CSS
*/
.mm-iconpanel .mm-panel {
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left; }
  .mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit; }
  .mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0px; }

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px; }

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px; }

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px; }

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px; }

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px; }

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px; }

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }

.mm-subopened .mm-subblocker {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3; }

/*
	jQuery.mmenu navbars addon CSS
*/
.mm-menu > .mm-navbar {
  background: inherit;
  padding: 0;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-navbar-bottom {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom: none;
  top: auto;
  bottom: 0; }

.mm-navbar-top ~ .mm-navbar-top {
  border-bottom: none; }

.mm-navbar-bottom ~ .mm-navbar-bottom {
  border-top: none; }

.mm-navbar.mm-hasbtns {
  padding: 0 40px; }

.mm-close:after {
  content: 'x'; }

.mm-navbar[class*="mm-navbar-content-"] > * {
  box-sizing: border-box;
  display: block;
  float: left; }

.mm-navbar > .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px; }
  .mm-navbar > .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px; }
  .mm-navbar > .mm-breadcrumbs > a {
    text-decoration: underline; }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px; }

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0; }

.mm-navbar-top-1 {
  top: 0px; }

.mm-hasnavbar-top-1 .mm-panels {
  top: 40px; }

.mm-navbar-top-2 {
  top: 40px; }

.mm-hasnavbar-top-2 .mm-panels {
  top: 80px; }

.mm-navbar-top-3 {
  top: 80px; }

.mm-hasnavbar-top-3 .mm-panels {
  top: 120px; }

.mm-navbar-top-4 {
  top: 120px; }

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px; }

.mm-navbar-bottom-1 {
  bottom: 0px; }

.mm-hasnavbar-bottom-1 .mm-panels {
  bottom: 40px; }

.mm-navbar-bottom-2 {
  bottom: 40px; }

.mm-hasnavbar-bottom-2 .mm-panels {
  bottom: 80px; }

.mm-navbar-bottom-3 {
  bottom: 80px; }

.mm-hasnavbar-bottom-3 .mm-panels {
  bottom: 120px; }

.mm-navbar-bottom-4 {
  bottom: 120px; }

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px; }

.mm-navbar-size-2 {
  height: 80px; }

.mm-navbar-size-3 {
  height: 120px; }

.mm-navbar-size-4 {
  height: 160px; }

.mm-navbar-content-2 > * {
  width: 50%; }

.mm-navbar-content-3 > * {
  width: 33.33%; }

.mm-navbar-content-4 > * {
  width: 25%; }

.mm-navbar-content-5 > * {
  width: 20%; }

.mm-navbar-content-6 > * {
  width: 16.67%; }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2; }
  label.mm-toggle:before,
  label.mm-check:before {
    content: '';
    display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px; }
  label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px; }
  label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
  bottom: auto;
  margin-top: 0; }

li.mm-vertical label.mm-toggle {
  top: 5px; }

li.mm-vertical label.mm-check {
  top: 5px; }

label.mm-toggle, label.mm-check {
  right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px; }

label.mm-check + a,
label.mm-check + span {
  padding-right: 60px; }

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
  right: 60px; }
  a.mm-next + label.mm-toggle + a,
  a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
  a.mm-next + label.mm-check + span {
    margin-right: 50px; }

a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px; }

a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 50px; }

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
  right: 100px; }
  em.mm-counter + a.mm-next + label.mm-toggle + a,
  em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
  em.mm-counter + a.mm-next + label.mm-check + span {
    margin-right: 90px; }

.mm-menu label.mm-toggle {
  background: rgba(255, 255, 255, 0.1); }
  .mm-menu label.mm-toggle:before {
    background: #333333; }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.7); }

/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 2rem;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
  .bx-wrapper img {
    max-width: 100%;
    display: block; }

.bxslider {
  margin: 0;
  padding: 0; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper {
  background: #fff; }
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../images/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
      background: #000; }

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/controls.png") no-repeat 0 -32px; }
  .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
    background-position: 0 0; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/controls.png") no-repeat -43px -32px; }
  .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 999; }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }
  .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url("../images/controls.png") -86px -11px no-repeat;
    margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
      background-position: -86px 0; }
  .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url("../images/controls.png") -86px -44px no-repeat;
    margin: 0 3px; }
    .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
      background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }
  .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

@media (min-width: 0) and (max-width: 639px) {
  .bx-pager {
    display: none; } }

/*
 * jQuery Styles for YAML.de
 *
*/
@media screen {
  .tabs {
    overflow: hidden; }
  .tabs ul.tabs-list, .tabs ul.pagination {
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .tabs .content {
    margin: 0;
    padding: 4px 0;
    border-top: 2px #eee solid;
    border-bottom: 2px #eee solid; }
  /*.tabs .content * {margin:0}*/
  .tabs ul.tabs-list li {
    float: left;
    margin: 0 0.3em 0 0;
    list-style-type: none;
    font-size: 13px; }
  .tabs ul.tabs-list li a {
    padding: .2em 2em; }
  .tabs ul.tabs-list li a {
    display: block;
    width: auto;
    font-weight: bold;
    font-size: 1em;
    background: #bbb;
    color: #eee;
    margin: 0;
    border: 2px solid #ddd;
    border-bottom: 0px #eee solid; }
  .yamltabsanchor {
    position: absolute;
    left: -999em; }
  .tabs ul.tabs-list li a:focus,
  .tabs ul.tabs-list li a:hover,
  .tabs ul.tabs-list li a:active {
    background: #fff;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    border-bottom: 0px #eee solid; }
  .tabs ul.tabs-list li.current a,
  .tabs ul.tabs-list li.current a:focus,
  .tabs ul.tabs-list li.current a:hover,
  .tabs ul.tabs-list li.current a:active {
    color: #666;
    text-decoration: none;
    font-weight: bold;
    background: #fff;
    border-color: #eee; } }

.tabs .current-info,
.tabs .accessibletabsanchor,
.tabs .tabhead {
  position: absolute;
  left: -999em; }

.tabs .tab-list .tabhead {
  position: relative; }

.tabs .tabbody {
  position: relative;
  padding-top: 14px; }

.tabs .pagination {
  bottom: -30px;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  right: -10px;
  z-index: 1; }

.tabs .pagination:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.tabs .pagination li {
  float: left;
  margin-left: 10px; }

.tabs .pagination a {
  background-image: url("../images/pagination.png");
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  height: 15px;
  width: 8px; }

.tabs .pagination a:hover, .tabs .pagination a:focus {
  opacity: 0.7; }

.tabs .pagination .next a {
  background-position: right center; }

.tabs .pagination a span {
  overflow: hidden;
  position: absolute;
  text-indent: -999em; }

.tabs ul.tabs-list a.buchung {
  background: #007800;
  color: #fff; }

.tabs ul.tabs-list li.current a.buchung,
.tabs ul.tabs-list a.buchung:focus,
.tabs ul.tabs-list a.buchung:hover,
.tabs ul.tabs-list a.buchung:active {
  background: #fff;
  color: #007800; }

@media (min-width: 640px) and (max-width: 949px) {
  .calendar-widget-table tbody td {
    font-size: 0.9em !important;
    padding: 3px !important; } }

#fancybox-wrap, #fancybox-wrap * {
  box-sizing: content-box !important; }
  #fancybox-wrap:after, #fancybox-wrap:before, #fancybox-wrap *:after, #fancybox-wrap *:before {
    box-sizing: content-box !important; }

.mm-listview > li > a, .mm-listview > li > span {
  color: rgba(255, 255, 255, 0.7); }

#ui-datepicker-div, .ui-datepicker-div {
  z-index: 200 !important; }