@charset "UTF-8";
@font-face {
  font-family: 'CalendasPlus';
  src: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/Calendas_Plus.eot");
  src: local("☺"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/Calendas_Plus.woff") format("woff"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/Calendas_Plus.ttf") format("truetype"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/Calendas_Plus.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CalendasPlusBold';
  src: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/CalendasPlus-Bold.eot");
  src: local("☺"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/CalendasPlus-Bold.woff") format("woff"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/CalendasPlus-Bold.ttf") format("truetype"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/CalendasPlus-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Walsheim';
  src: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/GT-Walsheim-Regular.eot");
  src: local("☺"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/GT-Walsheim-Regular.woff") format("woff"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/GT-Walsheim-Regular.ttf") format("truetype"), url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Fonts/GT-Walsheim-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html, body {
  font: normal 16px/19px "CalendasPlusBold", sans-serif;
}

@media screen and (max-width: 1200px) {
  html, body {
    font: normal 14px/18px "CalendasPlusBold", sans-serif;
  }
}
html,
button,
input,
select,
textarea {
  color: #000;
}

p {
  margin: 10px 0;
}

a {
  text-decoration: none;
  color: #000;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d6dedf;
  margin: 15px 0;
  padding: 0;
}

.ligature {
  -moz-font-feature-settings: "liga" 1, "dlig" 1, "swsh" 1;
  -moz-font-feature-settings: "liga=1, dlig=1, swsh=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1, "swsh" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1, "swsh" 1;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1, "swsh" 1;
  font-feature-settings: "liga" 1, "dlig" 1, "swsh" 1;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #cccccc;
  text-shadow: none;
}

::selection {
  background: #cccccc;
  text-shadow: none;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

a:hover {
  text-decoration: underline;
}

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.morelink {
  display: inline-block;
  margin: 2px 0;
  text-transform: uppercase;
  font: 11px "CalendasPlusBold", sans-serif;
}
.morelink:before {
  content: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/morelink-bg.png");
  margin-right: 13px;
  position: relative;
  top: 6px;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.outerimg {
  margin-left: -298px;
  position: relative;
}
.outerimg div {
  margin: 0 !important;
}
.outerimg .csc-textpic-image::before {
  background-color: black;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 226px;
  z-index: 2;
}

.img-withmargin {
  margin-bottom: 10px;
}

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
  /*overflow: visible!important;*/
}

div.csc-textpic-image img {
  width: 100%;
  height: auto;
}

div.csc-textpic div.csc-textpic-imagerow-last div.csc-textpic-image {
  margin-bottom: 10px !important;
}

@media screen and (max-width: 1680px) {
  .outerimg {
    margin-left: -216px;
  }
  .outerimg .csc-textpic-image::before {
    width: 162px;
  }
}
@media screen and (max-width: 1200px) {
  .outerimg {
    margin-left: -177px;
  }
  .outerimg .csc-textpic-image::before {
    width: 135px;
  }
}
@media screen and (max-width: 992px) {
  .outerimg {
    margin-left: 0;
  }
  .outerimg .csc-textpic-image::before {
    width: 0;
  }

  .morelink {
    margin: 10px 0 0 11px;
  }
}
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

body {
  background-color: #e3c3aa;
}

#global-wrapper {
  /*width: 1680px;*/
    width: 100%;
  margin: 0 auto 0 0;
  background: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/global-bg.png") repeat-y left top;
}
#menu-top,
#footer .wrap,
.breakline1 {
    width: 1680px;
}
.breakline1 .tripadvisor {
    float: right;
    width: 180px;
    height: auto;
    margin-top: -32px;
}
.block-room-general {
    max-width: 1274px;
}

.three-columns {
  padding-left: 298px;
}
.three-columns > div {
  float: left;
}
.three-columns .column-left {
  width: 486px;
  margin: 0 50px 0 0;
}
.three-columns .column-middle {
  width: 494px;
  margin: 0 46px 0 0;
}
.three-columns .column-right {
  width: 250px;
}
.three-columns .column-double {
  width: 778px;
}
.three-columns .column-content {
  width: 1056px;
}

.equal-columns {
  margin: 0;
  padding: 0;
  list-style: none;
}
.equal-columns > li {
  display: block;
  float: left;
  width: 33.33333%;
}

p.be1 + p.bodytext {
  margin-top: 20px;
}

p.be2 + p.bodytext {
  margin-top: 0px;
}

p.be5 + p.bodytext {
  margin-top: -10px;
}

p.be6 + p.bodytext {
  margin-top: -10px;
}

p.bp1 + p.bodytext {
  margin-top: -30px;
}

p.heading-2a + p.bodytext {
  margin-top: 10px;
}

p.heading-2b + p.bodytext {
  margin-top: -20px;
}

p.wa1 + p.bodytext {
  margin-top: -20px;
}

@media screen and (max-width: 1680px) {
  #global-wrapper {
    /*width: 1200px;*/
    width: 100%;
    background: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/global-bg.png") repeat-y -64px top;
  }

    #menu-top,
    #footer .wrap,
    .breakline1 {
        width: 1200px;
    }
    .block-room-general {
        max-width: 800px;
    }

  .three-columns {
    padding-left: 216px;
  }
  .three-columns > div {
    float: left;
  }
  .three-columns .column-left {
    width: 345px;
    margin: 0 58px 0 0;
  }
  .three-columns .column-left *:first-child .bp1 {
    margin-top: 2px;
  }
  .three-columns .column-left *:first-child .divider {
    margin-top: -5px;
  }
  .three-columns .column-left *:first-child .be1, .three-columns .column-left .be2, .three-columns .column-left .be3, .three-columns .column-left .soclinks, .three-columns .column-left .heading-2a {
    margin-top: 5px;
  }
  .three-columns .column-left *:first-child .wa1, .three-columns .column-left .specials-list, .three-columns .column-left .heading-white {
    margin-top: 7px;
  }
  .three-columns .column-left *:first-child .heading-2b {
    margin-top: 10px;
  }
  .three-columns .column-middle {
    width: 345px;
    margin: 0 25px 0 0;
  }
  .three-columns .column-middle *:first-child .bp1 {
    margin-top: 2px;
  }
  .three-columns .column-middle *:first-child .divider {
    margin-top: -5px;
  }
  .three-columns .column-middle *:first-child .be1, .three-columns .column-middle .be2, .three-columns .column-middle .be3, .three-columns .column-middle .heading-2a, .three-columns .column-middle .soclinks {
    margin-top: 5px;
  }
  .three-columns .column-middle *:first-child .wa1, .three-columns .column-middle .heading-white, .three-columns .column-middle .specials-list {
    margin-top: 7px;
  }
  .three-columns .column-middle *:first-child .heading-2b {
    margin-top: 10px;
  }
  .three-columns .column-right {
    width: 211px;
  }
  .three-columns .column-right *:first-child .bp1 {
    margin-top: 2px;
  }
  .three-columns .column-right *:first-child .be1, .three-columns .column-right .be2, .three-columns .column-right .be3, .three-columns .column-right .heading-2a, .three-columns .column-right .soclinks {
    margin-top: 5px;
  }
  .three-columns .column-right *:first-child .heading-2b {
    margin-top: 10px;
  }
  .three-columns .column-right *:first-child .divider {
    margin-top: -5px;
  }
  .three-columns .column-right *:first-child .wa1, .three-columns .column-right .heading-white, .three-columns .column-right .specials-list {
    margin-top: 7px;
  }
  .three-columns .column-double {
    width: 581px;
  }
  .three-columns .column-content {
    width: 773px;
  }
}
@media screen and (max-width: 1200px) {
  #global-wrapper {
    /*width: 992px;*/
    width: 100%;
    background: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/global-bg.png") repeat-y -91px top;
  }
    #menu-top,
    #footer .wrap,
    .breakline1 {
        width: 992px;
    }
    .block-room-general {
        max-width: 650px;
    }

  .three-columns {
    padding-left: 177px;
  }
  .three-columns > div {
    float: left;
  }
  .three-columns .column-left {
    width: 288px;
    margin: 0 46px 0 0;
  }
  .three-columns .column-left *:first-child .bp1 {
    margin-top: 5px;
  }
  .three-columns .column-middle {
    width: 286px;
    margin: 0 21px 0 0;
  }
  .three-columns .column-middle *:first-child .divider {
    margin-top: -5px;
  }
  .three-columns .column-right {
    width: 174px;
  }
  .three-columns .column-right *:first-child .soclinks {
    margin-top: 5px;
  }
  .three-columns .column-double {
    width: 481px;
  }
  .three-columns .column-content {
    width: 641px;
  }

  .equal-columns > li {
    width: 50%;
  }
}
@media screen and (max-width: 992px) {
  #global-wrapper {
    /*width: 767px;*/
    width: 100%;
    background: none;
  }

    #menu-top,
    #footer .wrap,
    .breakline1 {
        width: 767px;
    }

  .three-columns {
    padding-left: 10px;
  }
  .three-columns > div {
    float: left;
  }
  .three-columns .column-left {
    width: 276px;
    margin: 0 22px 0 0;
  }
  .three-columns .column-middle {
    width: 260px;
    margin: 0 15px 0 0;
  }
  .three-columns .column-right {
    width: 174px;
    padding-right: 10px;
  }
  .three-columns .column-double {
    width: 454px;
  }
  .three-columns .column-content {
    width: 573px;
  }
}
@media screen and (max-width: 767px) {
  #global-wrapper {
    width: auto;
    background: none;
  }

    #menu-top,
    #footer .wrap,
    .breakline1 {
        width: 100%;
    }

  .three-columns {
    padding-left: 10px;
    padding-right: 10px;
  }
  .three-columns > div {
    float: none;
  }
  .three-columns .column-left {
    width: auto;
    margin: 0 0 30px;
  }
  .three-columns .column-middle {
    width: auto;
    margin: 0 0 30px;
  }
  .three-columns .column-right {
    width: auto;
    margin: 0 0 30px;
  }
  .three-columns .column-double {
    width: auto;
    margin: 0 0 30px;
  }
  .three-columns .column-content {
    width: auto;
    margin: 0 0 30px;
  }

  .equal-columns {
    margin: 0 0 50px;
    list-style: none;
  }
  .equal-columns > li {
    display: block;
    float: none;
    width: auto;
  }
}
#header {
  background-color: #cccccc;
  padding: 13px 0px 2px;
  position: relative;
}
#header .menu-toggle {
  display: none;
}

#header button.menu-toggle {
  background-color: #CCC;
  border: none;
  margin: -5px 0px 5px -20px;
}

#header button.menu-toggle:after {
  box-shadow: 0 6px 0 0 #000, 0 12px 0 0 #000;
  background: #000;
}

::selection {
  background: #CCC;
}

#header button.menu-toggle:focus {
  outline: 0;
}

#menu-top ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
#menu-top ul.submenu {
  position: absolute;
  z-index: 1012;
  display: none;
  padding: 10px 5px 4px;
  background-color: #cccccc;
  margin-top: 0;
  text-align: left;
}
#menu-top ul.submenu li {
  display: block;
  margin-bottom: 6px;
}
#menu-top ul.submenu li a {
  font-size: 18px;
}
#menu-top ul li {
  display: inline-block;
}
#menu-top ul li:hover ul {
  display: block;
}
#menu-top ul a {
  padding: 0 14px;
  text-transform: uppercase;
  font-family: "CalendasPlusBold", sans-serif;
  font-size: 20px;
}

#lang-menu {
  position: absolute;
  top: 11px;
  right: 60px;
  text-transform: uppercase;
  font-family: "CalendasPlusBold", sans-serif;
  font-size: 12px;
}
#lang-menu a {
  padding: 0 1px;
}
#lang-menu a:last-child {
  font-size: 10px;
  margin-left: 36px;
}
#lang-menu .impressum {
  display: inline-block;
  min-width: 100px;
}

#logo {
  position: absolute;
  z-index: 1001;
  top: 35px;
  left: 0;
  padding: 67px 0 0 20px;
  height: 664px;
  width: 226px;
  /*background-color: rgba(0, 0, 0, 0.5);*/
}
#logo img {
  position: fixed;
  width: 184px;
}

#slider-wrapper {
  position: relative;
}
#slider-wrapper img {
  width: 100%;
  height: auto;
}
#slider-logobg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /*width: 162px;*/
    width: 226px;
    height: 100%;
    z-index: 100;
}
#slider-pager {
  position: absolute;
  bottom: 20px;
  z-index: 1001;
  width: 100%;
  text-align: center;
}
#slider-pager span {
  cursor: pointer;
  font-size: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 8px;
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
#slider-pager .cycle-pager-active {
  background-color: #000;
}

.page-room #slider-pager {
  bottom: -35px;
}

#breadcrumbs {
  position: relative;
  z-index: 1002;
  padding: 18px 0 10px 20px;
  font: 13px "Walsheim", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2.5px;
}
#breadcrumbs a {
  margin: 0 1px;
}
#breadcrumbs #logo {
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
  padding: 67px 0 0 20px;
  height: 474px;
  width: 162px;
  background-color: transparent;
}
#breadcrumbs #logo img {
  position: fixed;
  width: 184px;
}

@media screen and (max-width: 1680px) {
  #menu-top ul a {
    padding: 0 10px;
    font-size: 18px;
  }
  #menu-top ul .submenu li a {
    font-size: 16px;
  }

  #lang-menu {
    right: 30px;
    font-size: 12px;
  }
  #lang-menu a:last-child {
    font-size: 10px;
    margin-left: 26px;
  }
  #lang-menu .impressum {
    display: inline-block;
    min-width: 90px;
  }

  #logo {
    padding: 67px 0 0 10px;
    width: 162px;
    height: 474px;
  }
  #logo img {
    width: 140px;
  }

  #breadcrumbs {
    padding: 18px 0 10px 10px;
    font: 10px "Walsheim", sans-serif;
  }
  #breadcrumbs a {
    margin: 0;
  }
  #breadcrumbs #logo {
    padding: 47px 0 0 10px;
    width: 135px;
    height: 392px;
  }
  #breadcrumbs #logo img {
    width: 140px;
  }
    #slider-logobg {
        width: 162px;
    }

    .three-columns.globalblock-room .column-right {
        float: none;
    }

}
@media screen and (max-width: 1200px) {
  #menu-top ul a {
    padding: 0 8px;
    font-size: 15px;
  }
  #menu-top ul.submenu li a {
    font-size: 13px;
  }

  #lang-menu {
    right: 20px;
    font-size: 12px;
  }
  #lang-menu a:last-child {
    font-size: 10px;
    margin-left: 20px;
  }

  #logo {
    padding: 47px 0 0 15px;
    width: 135px;
    height: 392px;
      top: 33px;
  }
  #logo img {
    width: 100px;
  }

  #breadcrumbs {
    padding: 18px 0 10px 10px;
    font: 10px "Walsheim", sans-serif;
  }
  #breadcrumbs a {
    margin: 0;
  }
  #breadcrumbs #logo {
    padding: 47px 0 0 15px;
    width: 135px;
    height: 392px;
  }
  #breadcrumbs #logo img {
    width: 100px;
  }
  #slider-logobg {
      width: 135px;
  }
}
@media screen and (max-width: 992px) {
  #header .menu-toggle {
    display: block;
    position: relative;
    margin: -5px 0 5px 20px;
    padding: 10px 45px 10px 20px;
    /*background-color: #999;*/
    background-image: none;
    /*border: 1px solid #fff;*/
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
  }
  #header .menu-toggle:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 23px;
    height: 3px;
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }

  #menu-top ul {
    display: none;
    margin-top: 10px;
  }
  #menu-top ul li {
    background-color: #000000;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    display: block;
  }
  #menu-top ul a {
    display: block;
    padding: 7px 20px 0;
    font-size: 15px;
    line-height: 25px;
    color: #bbb8b8;
  }
  #menu-top ul.submenu {
    position: relative;
    z-index: 1002;
    padding: 0;
    background-color: transparent;
    border-top: 1px solid #cccccc;
  }
  #menu-top ul.submenu li {
    background-color: #bbb8b8;
    display: block;
    margin-bottom: 0;
  }
  #menu-top ul.submenu li a {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 5px;
    color: #000000;
  }

  #lang-menu {
    right: 20px;
    font-size: 12px;
    top: 16px;
  }
  #lang-menu a:last-child {
    font-size: 10px;
    margin-left: 20px;
  }

  #logo {
    padding: 47px 0 0 20px;
    width: 135px;
    height: 302px;
      top: 50px;
  }
  #logo img {
    position: static;
  }

  #breadcrumbs {
    padding: 18px 0 10px 16px;
    font: 10px "Walsheim", sans-serif;
  }
  #breadcrumbs a {
    margin: 0;
  }
  #breadcrumbs #logo {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #logo {
    top: auto;
    bottom: -123px;
    background-color: transparent;
    width: auto;
    height: auto;
      display: none;
  }
  #logo img {
    height: 100px;
    width: auto;
    position: static;
  }
    #slider-logobg {
        display: none;
    }
}
#footer {
  margin: 40px 0 0;
  border-top: 8px double #000;
  padding: 33px 0 20px;
  text-align: center;
  font-size: 18px;
  line-height: 25px;

}
#footer .footer-spacer {
  height: 210px;
  width: 100%;
  letter-spacing: 0px;
}

@media screen and (max-width: 1680px) {
  #footer {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1px;
  }
  #footer .footer-spacer {
    letter-spacing: 0px;
  }
}
#booking-wrapper {
  position: static;
}

#booking-form {
  position: absolute;
  z-index: 1001;
  top: 75px;
  right: 0;
  padding: 37px 50px 17px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  width: 410px;
}
#booking-form h2 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  color: #fff9e4;
  /*letter-spacing: 1px;*/
}
#booking-form .subhdr {
  font: 15px "Walsheim", sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  color: #fff9e4;
}
#booking-form .form-row {
  float: left;
  width: 50%;
  padding: 15px 0 10px 25px;
  position: relative;
  text-align: center;
}
#booking-form .form-row .tooltip {
  /*font-family: 'CalendasPlus';
  font-size: 11px;*/
}
#booking-form .form-row:nth-child(2n+0) {
  padding-right: 28px;
  padding-left: 0;
}
#booking-form label {
  display: block;
  margin: 0 0 10px;
  color: #fff9e4;
  font: 10px "Walsheim", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#booking-form input, #booking-form .go-button {
  width: 80px;
  height: 21px;
  border: 1px solid #fff9e4;
  background-color: transparent;
  font: 10px "Walsheim", sans-serif;
  color: #fff9e4;
  text-align: center;
  letter-spacing: 1px;
    outline: none;
}
#booking-form .go-button {
  font: 10px "Walsheim", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  padding-top: 3px;

  cursor: pointer;
  background-color: #fff9e4;
  color: black;
  border-color: #000000;
  border: none;
}
#booking-form .phone-line {
  margin: 23px 5px 0;
  padding: 10px 0 0;
  border-top: 1px solid #fff9e4;
  font: 9px "CalendasPlusBold", sans-serif;
  letter-spacing: 1px;
  color: #fff9e4;
  line-height: 15px;
}
#booking-form .phone-line a {
  color: #fff9e4;
}
#booking-form .phone-line span {
  float: left;
  width: 100%;
  text-align: center;
  text-indent: 8px;
  font-size: 11px;
}
#booking-form #bookingLink, #booking-form #bookingCheckLink {
  cursor: pointer;
}
#booking-form input::-webkit-input-placeholder {
  text-align: center;
    color: #fff9e4;
}
#booking-form input:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
    color: #fff9e4;
}
#booking-form input::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
    color: #fff9e4;
}
#booking-form input:-ms-input-placeholder {
  text-align: center;
    color: #fff9e4;
}

@media screen and (max-width: 992px) {
  #booking-form {
    padding: 20px 15px 10px;
    top: 60px;
    width: 288px;
  }
  #booking-form h2 {
    font-size: 36px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #booking-form {
    background-color: rgba(0, 0, 0, 0.5);
    position: static;
    width: auto;
  }
}
.breakline1 {
  padding: 8px 0 15px;
  text-align: center;
  line-height: 12px;
  font-size: 11px;
}
.breakline1 p {
  margin: 0;
}

.globalblock-1 {
  margin: 0 0 5px 0;
  background: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/owl-bg.jpg") no-repeat right 70px;
}

.block-l1 {
  margin: 0px 0 56px;
  padding: 0 36px 26px 0;
  border-bottom: 9px double #000;
}
.block-l1 p {
  margin-right: 110px;
}

.divider.divider-2 hr {
  border-top: 9px double #000;
  margin-top: 25px;
}

.divider.divider-0 hr {
  border-top: 7px solid #000;
}

.divider.divider-1 hr {
  border-top: 2px solid #000;
}

p.bodytext {
  line-height: 20px;
}

.breakline1 p.bodytext {
  line-height: 12px;
}

.bp1 {
  text-transform: uppercase;
  font: 30px/33px "Walsheim", sans-serif;
  letter-spacing: 2.5px;
  padding: 0 0 0px;
}

.heading-2a {
  margin: 31px 0 0;
  font: 48px/44px "CalendasPlusBold", sans-serif;
  text-transform: uppercase;
}

.heading-2b {
  margin: 34px 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 49px;
  line-height: 49px;
  font-weight: 700;
}

.block-event {
  font-family: "Walsheim", sans-serif;
  letter-spacing: 2.5px;
}
.block-event .morelink {
  margin-top: 47px;
}

p.be0 {
  font-family: "Walsheim", sans-serif;
  margin: 5px 0 0;
  padding: 0 0 0 0;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 2.5px;
  line-height: 20px;
}

p.be1 {
  font-family: "Walsheim", sans-serif;
  margin: 22px 0 0 0;
  padding: 0 0 0 0;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 2.5px;
}

p.be2 {
  font-family: "Walsheim", sans-serif;
  margin: 23px 0 20px 0;
  padding: 0 0 0 0;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 2.5px;
}

p.be4 {
  text-transform: uppercase;
  font: 30px "Walsheim", sans-serif;
  letter-spacing: 3px;
    letter-spacing: 2.5px;
}

ul.be3 {
  margin: 22px 0 0 0;
  padding: 0px;
  list-style: none;
}
ul.be3 li {
  font: 29px/35px "CalendasPlusBold", sans-serif;
}

.soclinks {
  padding: 0;
  list-style: none;
}
.soclinks a {
  text-transform: uppercase;
  font: 24px "Walsheim", sans-serif;
  letter-spacing: 2.5px;
  color: #fff9e4;
}

p.be5 {
  margin: 0 0 14px;
  padding: 0;
  text-transform: uppercase;
  font: 50px/46px "Walsheim", sans-serif;
  line-height: 42px;
}

p.be6 {
  font: 34px/45px "CalendasPlus", sans-serif;
  text-transform: uppercase;
}
.column-right p {
  padding-right: 0px;
}

.block-vegan {
  margin: 0 0 17px;
  padding: 25px 25px 13px;
  list-style: none;
  border: 1px solid #fff7ec;
}
.block-vegan li {
  float: left;
  width: 58%;
  padding-right: 8%;
}
.block-vegan li + li {
  width: 42%;
}

.socialtabs-wrapper {
  margin: 0 0 30px;
  padding: 27px 0 0;
}
.socialtabs-wrapper h2 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 27px;
}
.socialtabs-wrapper .tabswrap {
  margin: 27px 27px 0 0;
}
.socialtabs-wrapper .tabswrap > div {
  height: 290px;
}

.specials-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.specials-list li {
  margin: 0 0 19px;
  line-height: 20px;
}
.specials-list li:before {
  content: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/leaf-bg.png");
}
.specials-list li:nth-child(2n) strong {
  font-family: "Walsheim", sans-serif;
}
.specials-list strong {
  margin: 18px 0 -11px;
  padding: 0 20px 0 0;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 1.3px;
  line-height: 20px;
  display: block;
}

p.heading-white {
  margin: 0;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 29px;
  color: #fff7ec;
  font-weight: 700;
}

p.heading-white2 {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 35px;
  line-height: 39px;
  color: #fff9e4;
}

.block-maintext {
  margin: 14px 0 50px;
  padding: 0 270px 0 0;
  text-transform: uppercase;
  font: 13px/20px "Walsheim", sans-serif;
  letter-spacing: 2.5px;
  background: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/maintext-bg.jpg") no-repeat right 100px;
}
.block-maintext p {
  margin: 10px 0 20px;
  font: 13px/20px "Walsheim", sans-serif;
}
.block-maintext p.wa10 {
    font: 10px "Walsheim", sans-serif;
}

p.wa1 {
  margin: 20px 0 27px;
  padding: 0;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 7.7px;
  font-weight: 700;
}

.breakline2 {
  margin: 73px 0 78px 184px;
  font-size: 50px;
  text-align: center;
  letter-spacing: 0.5px;
}

.simplelist {
  margin: 10px 0 20px 0;
  list-style: outside none none;
  padding: 0;
}
.simplelist strong {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.simplelist li {
  margin-bottom: 11px;
}

.globalblock-3 {
  margin-bottom: 30px;
}

.globalblock-1 .column-right > *:first-child {
  margin-bottom: 494px;
}

/*
	Section Frame for indentation
*/
.csc-frame-frame1 > p {
  padding-right: 130px;
}

.csc-frame-frame1 hr {
  margin-right: 130px;
}

@media screen and (max-width: 1680px) {
  .globalblock-1 {
    background-size: 340px auto;
  }

  .block-l1 p {
    margin-right: 40px;
  }

  .bp1 {
    font-size: 22px;
  }

  .heading-2a {
    font: 34px/38px "CalendasPlusBold", sans-serif;
  }

  .heading-2b {
    font-size: 39px;
    line-height: 39px;
  }

  p.be0 {
    padding: 0 0 0 0;
    font-size: 15px;
  }

  ul.be3:before {
    width: 200px;
  }
  ul.be3 li {
    font: 22px/32px "CalendasPlusBold", sans-serif;
  }

  p.be1 {
    padding: 0 0 0 0;
    font-size: 20px;
  }

  p.be2 {
    padding: 0 0 0 0;
    font-size: 22px;
  }

  .soclinks a {
    font: 18px "Walsheim", sans-serif;
  }

  p.heading-white {
    font-size: 17px;
    line-height: 23px;
  }

  p.heading-white2 {
    font-size: 25px;
    line-height: 29px;
  }

  p.be5 {
    font: 32px/40px "Walsheim", sans-serif;
    line-height: 30px;
  }

  p.be6 {
    font: 23px/32px "CalendasPlusBold", sans-serif;
    text-transform: uppercase;
  }

  .socialtabs-wrapper .tabswrap {
    margin: 27px 0 0 0;
  }

  .specials-list strong {
    font-size: 20px;
    line-height: 20px;
  }

  .block-maintext {
    padding: 0 210px 0 0;
    font: 13px/20px "Walsheim", sans-serif;
    background-size: 210px auto;
  }
  .block-maintext p {
    font: 13px/20px "Walsheim", sans-serif;
  }
  .block-maintext p.wa1 {
    font: 700 16px/20px "Walsheim", sans-serif;
  }

  .breakline2 {
    margin: 73px 0 78px 184px;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.5px;
  }

  /*
  	Section Frame for indentation
  */
  .csc-frame-frame1 > p {
    padding-right: 70px;
  }

  .csc-frame-frame1 hr {
    margin-right: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .globalblock-1 {
    background-position: right 40px;
    background-size: 240px auto;
  }

  .block-l1 p {
    margin-right: 20px;
    font-size: 14px;
  }

  .bp1 {
    font-size: 17px;
    line-height: 22px;
  }

  .heading-2a {
    /*font: 28px/32px $fontCPB;*/
    font: 24px/29px "CalendasPlusBold", sans-serif;
  }

  .heading-2b {
    font-size: 29px;
    line-height: 29px;
    margin: 20px 0;
  }

  p.be0 {
    padding: 0 0 0;
    font-size: 14px;
  }

  ul.be3:before {
    width: 200px;
  }
  ul.be3 li {
    font: 18px/30px "CalendasPlusBold", sans-serif;
  }

  p.be1 {
    padding: 0 30px 0 0;
    font-size: 20px;
  }

  p.be2 {
    padding: 0 20px 0 0;
    font-size: 22px;
  }

  .soclinks a {
    font: 15px "Walsheim", sans-serif;
  }

  p.heading-white {
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
  }

  p.heading-white2 {
    font-size: 21px;
    line-height: 27px;
  }

  p.be5 {
    font: 32px/40px "Walsheim", sans-serif;
    line-height: 30px;
  }

  p.be6 {
    /*font: 28px/32px $fontCPB;*/
    font: 15px/21px "CalendasPlusBold", sans-serif;
    text-transform: uppercase;
  }

  .socialtabs-wrapper .tabswrap {
    margin: 27px 0 0 0;
  }

  .specials-list strong {
    font-size: 20px;
    line-height: 20px;
  }

  .block-maintext {
    padding: 0 170px 0 0;
    font: 12px/18px "Walsheim", sans-serif;
    letter-spacing: 2.5px;
    background-size: 170px auto;
  }
  .block-maintext p {
    font: 12px/18px "Walsheim", sans-serif;
  }
  .block-maintext h3 {
    margin: 18px 0 23px;
    padding: 0;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 4px;
  }
  .block-maintext p.wa1 {
    font: 700 16px/20px "Walsheim", sans-serif;
  }

  .breakline2 {
    margin: 73px 0 78px 144px;
    font-size: 35px;
    text-align: center;
    letter-spacing: 0.5px;
  }

  .globalblock-1 .column-right > *:first-child {
    margin-bottom: 254px;
  }

  /*
  	Section Frame for indentation
  */
  .csc-frame-frame1 > p {
    padding-right: 25px;
  }

  .csc-frame-frame1 hr {
    margin-right: 25px;
  }
}
@media screen and (max-width: 992px) {
  .globalblock-1 {
    background-position: right 40px;
    background-size: 210px auto;
    margin-bottom: 30px;
  }

  .block-l1 p {
    margin-right: 20px;
    font-size: 14px;
  }

  .bp1 {
    font-size: 17px;
    line-height: 22px;
  }

  .heading-2a {
    font: 24px/29px "CalendasPlusBold", sans-serif;
  }

  .heading-2b {
    font-size: 29px;
  }

  p.be0 {
    padding: 0 0 0;
    font-size: 14px;
  }

  .block-event .morelink {
    margin-top: 16px;
  }

  ul.be3:before {
    width: 200px;
  }
  ul.be3 li {
    font: 16px/25px "CalendasPlusBold", sans-serif;
  }

  p.be1 {
    padding: 0;
    font-size: 19px;
    line-height: 19px;
  }

  p.be2 {
    padding: 0;
    font-size: 20px;
  }

  p.wa1 {
    font-weight: 700;
  }

  .soclinks a {
    font: 15px "Walsheim", sans-serif;
  }

  p.heading-white {
    font-size: 15px;
    line-height: 20px;
  }

  p.heading-white2 {
    font-size: 18px;
    line-height: 26px;
  }

  p.be5 {
    font: 25px/38px "Walsheim", sans-serif;
    line-height: 23px;
  }

  p.be6 {
    font: 15px/21px "CalendasPlusBold", sans-serif;
    text-transform: uppercase;
  }

  .socialtabs-wrapper .tabswrap {
    margin: 27px 0 0 0;
  }

  .specials-list strong {
    font-size: 20px;
    line-height: 20px;
  }

  .block-maintext {
    padding: 0;
    background: none;
    font: 12px/18px "Walsheim", sans-serif;
    letter-spacing: 2.5px;
    background-size: 170px auto;
  }
  .block-maintext p {
    font: 12px/18px "Walsheim", sans-serif;
  }
  .block-maintext h3 {
    margin: 18px 0 23px;
    padding: 0;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 4px;
  }

  .breakline2 {
    margin: 73px 0 78px;
    font-size: 25px;
    text-align: center;
    letter-spacing: 0.5px;
  }

  .globalblock-1 .column-right > *:first-child {
    margin-bottom: 184px;
  }
}
@media screen and (max-width: 767px) {
  .globalblock-1 {
    background: none;
  }

  .globalblock-1 .column-right > *:first-child {
    margin-bottom: 30px;
  }
}
.tabswrap {
  margin: 0;
  border: 2px solid #000;
}
.tabswrap .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
  width: 100%;
}
.tabswrap .tabs li {
  display: table-cell;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
.tabswrap .tabs a {
  display: block;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: #fff9e4;
}
.tabswrap .tabs a.active {
  background-color: #000;
  color: #fff9e4;
}
.tabswrap .tabs li:last-child {
  border-right: none;
}

.block-room-parvus {
  background: url("http://www.qf-hotel.de/typo3conf/ext/qf_hotel/Resources/Public/Img/room-parvus-bg.jpg") no-repeat left 15px;
}

.block-room {
  margin: 0 0 230px;
  padding: 5px 0 0 0;
}

.block-room-general {
  text-align: center;
  min-height: 504px;
  margin-left: 200px;
  margin-right: 200px;
  margin-bottom: 50px;
}
.block-room-general h2 {
  margin: 0 0 25px;
  padding: 0;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 50px;
}

.block-room-no-parvus .block-room-general {
  margin-left: 200px;
  margin-right: 200px;
}

.room-info {
  margin: 0;
  padding: 0;
  list-style: none;
}
.room-info li:before {
  content: '- ';
}
.room-info ul {
  padding-left: 0px;
}

.block-rooms-right {
  margin: 30px 0 40px;
}
.block-rooms-right h2 {
  line-height: 43px;
}
.block-rooms-right h2 div {
  text-transform: none;
}

.block-interests .subhdr {
  margin: 0 0 24px;
  text-transform: uppercase;
  font: 15px "Walsheim", sans-serif;
  letter-spacing: 2.5px;
}
.block-interests ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-interests ul li {
  line-height: 45px;
  text-transform: uppercase;
  font-size: 34px;
}

@media screen and (max-width: 1680px) {
  .block-room-parvus {
    background-size: 300px auto;
  }
}
@media screen and (max-width: 1200px) {
  .block-room-parvus {
    background-size: 200px auto;
  }

  .block-room-no-parvus .block-room-general {
    margin-left: 120px;
    margin-right: 120px;
  }
  .block-room-no-parvus .block-room-general h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .block-interests .subhdr {
    font: 14px "Walsheim", sans-serif;
  }
  .block-interests ul li {
    line-height: 40px;
    text-transform: uppercase;
    font-size: 30px;
  }

  .block-room-general {
    margin-left: 150px;
    margin-right: 150px;
  }
  .block-room-general h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 992px) {
  .block-room-general h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .block-room-no-parvus .block-room-general {
    margin-left: 100px;
    margin-right: 100px;
  }
  .block-room-no-parvus .block-room-general h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .block-room-parvus {
    background: none;
  }

  .block-room {
    margin: 0 0 30px 0;
  }

  .block-room-general {
    min-height: 0;
    margin-bottom: 30px;
    padding: 0;
    margin-left: 100px;
    margin-right: 100px;
  }
  .block-room-general h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 480px) {
  .block-room-no-parvus .block-room-general {
    margin-left: 45px;
    margin-right: 45px;
  }
  .block-room-no-parvus .block-room-general h2 {
    font-size: 30px;
    line-height: 30px;
  }

  .block-room-general {
    margin-left: 45px;
    margin-right: 45px;
  }
  .block-room-general h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
.other-suits {
  margin: 0 0 0 90px;
}
.other-suits .subhdr {
  text-transform: uppercase;
  font: 15px "Walsheim", sans-serif;
  letter-spacing: 2.5px;
}
.other-suits h3 {
  margin: 14px 0 10px;
  padding: 0;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.9px;
}
.other-suits ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 1680px) {
  .other-suits {
    margin: 0;
  }
  .other-suits .subhdr {
    font: 13px "Walsheim", sans-serif;
  }
  .other-suits h3 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1200px) {
  .other-suits .subhdr {
    font: 13px "Walsheim", sans-serif;
  }
  .other-suits h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 992px) {
  .other-suits .subhdr {
    font: 11px "Walsheim", sans-serif;
  }
  .other-suits h3 {
    font-size: 20px;
  }
}
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*# sourceMappingURL=main.css.map */

/* datepicker */
.ui-datepicker {
    margin-top: 5px;
    color: #fff9e4;
}
.ui-widget {
    font-family: "Walsheim", sans-serif !important;
    font-size: 12px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #ccc;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #fff9e4;
    border: none;
    background: #000;
    letter-spacing: 2.5px;
}
.ui-state-disabled .ui-state-default {
    opacity: 1;
    color: #ccc;
}
.ui-datepicker th {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2.5px;
}

.ui-widget-content {
    background: #000;
    background-image: none;
    border: none;
}
.ui-widget-header {
    border: 0;
    background-image: none;
    background-color: #000;
    color: #fff9e4;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2.5px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    background-image: none !important;
}

a[href$='.pdf'] {
    background: url('http://www.qf-hotel.de/fileadmin/images/pdf.png') bottom left no-repeat;
    padding-left: 20px;
    line-height: 19px;

}

/* press */
#c518 .block-room-general,
#c531 .block-room-general,
#c1091 .block-room-general,
#c1052 .block-room-general {
    min-height: 0px;
}
#c517 .block-room,
#c530 .block-room,
#c1092 .block-room,
#c1054 .block-room {
    margin: 0;
}

#c539 .three-columns .column-middle,
#c1095 .three-columns .column-middle {
    width: 494px;
    text-align: center;
}
#c539 .three-columns .column-right,
#c1095 .three-columns .column-right {
    width: 494px;
    text-align: center;
}
#c539 h1,
#c1095 h1 {
    font-size: 28px;
}
.tx-felogin-pi1 > h3,
.tx-felogin-pi1 > div,
.tx-felogin-pi1 fieldset legend,
.tx-felogin-pi1 label,
.tx-powermail > form > h3,
.tx-powermail fieldset legend,
.tx-powermail label,
#c542 .column-right {
    display: none;
}
.powermail_fieldwrap_check {
    width: 250px;
    margin: 0 auto 10px;
    text-align: left;
}
.powermail_fieldwrap_check label {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 30px;
}
.tx-felogin-pi1 input[type=text],
.tx-felogin-pi1 input[type=password],
.tx-powermail input[type=text] {
    border: 1px solid #000;
    background-color: #e3c3aa;
    padding: 5px;
    text-align: center;
    margin: 0 0 15px;
    min-width: 250px;
    font-size: 13px;
    font-family: 'Walsheim';
    letter-spacing: 2.5px;
}
.tx-felogin-pi1 input[type=submit],
.tx-powermail input[type=submit] {
    font-family: 'Walsheim';
    border: none;
    background-color: #e3c3aa;
    padding: 2px 15px 7px 40px;
    text-align: center;
    margin: 0 0 15px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'CalendasPlusBold';
    background-image: url(http://www.qf-hotel.de/fileadmin/images/submit.png);
    background-repeat: no-repeat;
    height: 30px;
    line-height: 30px;
}
.powermail_fieldwrap_submit {
    /*text-align: left;*/
}
.tx-powermail .powermail_checkbox {
    display: none;
}
.tx-powermail input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align:middle;
    margin: 0 8px 0 -28px;
    background-color: #e3c3aa;
    border: 1px solid #000;

}
.tx-powermail input[type=checkbox]:checked + label:before {
    background-color: #000;
}
.tx-felogin-pi1 input::-webkit-input-placeholder,
.tx-powermail input::-webkit-input-placeholder{
    text-align: center;
    color: #000;
    text-transform: uppercase;
}
.tx-felogin-pi1 input:-moz-placeholder,
.tx-powermail input:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
    color: #000;
    text-transform: uppercase;
}
.tx-felogin-pi1 input::-moz-placeholder,
.tx-powermail input::-moz-placeholder{
    /* Firefox 19+ */
    text-align: center;
    color: #000;
    text-transform: uppercase;
}
.tx-felogin-pi1 input:-ms-input-placeholder,
.tx-powermail input:-ms-input-placeholder{
    text-align: center;
    color: #000;
    text-transform: uppercase;
}
.parsley-errors-list {
    margin: 0 0 20px 0;
    padding: 0;
}
.tx-powermail .parsley-required {
    list-style: none;
}
#footer .wrap {
    /*padding-right: 70px;*/
}


/* micha spezial */
#c267 .block-room-general,
#c602 .block-room-general,
#c1010 .block-room-general {
    min-height: 0;
}

.cycle-slideshow video {
    width: 100%    !important;
    height: auto   !important;
}

.footerlogo img {
    width: auto;
    height: 42px;
    margin: 0 0 10px;
}