html, body {
  background-color: #fff;
  color: #333;
  font-family: 'Open Sans', sans-serif, "Helvetica Neue", Helvetica, Arial;
  float: left;
  height: 100%;
  width: 100%;
  /*Font display hacks for Safari*/
  -webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
}
div.alert.slideMessage{
  position: fixed;
  bottom: auto;
  width: 30%;
  z-index: 9999;
  box-shadow: 1px 1px 9px #635E5E;
  border: none;
  left:-100%;
  top: 12%;
}
.touch {
  text-rendering: optimizeSpeed;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0 0 35px;
}
h1 {
  font-size: 52px;
}
h2 {
  font-size: 38px;
}
p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 25px;
}
fieldset,form {
  float: left;
  width: 100%;display: block;
}
label {
  font-weight: normal;
}
form input[type="submit"] {
  margin-top: 30px;
  margin-bottom: 10px;
  width: auto;
  min-width: 25vw;
  border: none;
  height: auto;
}
.kontakt-form #contactDescription h2 {
  text-align: center;
  margin-bottom:100px;
}
.kontakt-form #contactDescription p {
  font-size: 16px;
  margin-bottom:0px;
}
form fieldset input {
  margin-bottom:30px;
  padding: 6px 32px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
}
.no-transition {
  transition: height 0.001s ease 0s;
}
footer {
  width: 100%;
  display: inline-block;
}
.controls input {
  padding-left: 35px;
  width: 100%;
}
input:focus {
  box-shadow: none !important;
}
#home-searchbar .search_field.field-4 {
  border-right: none;
}
.content .hotelregistrieren .terms_condition .form-inputfield input {
  width: 13px;
  height: 13px;
  margin: 0 5px 0;
}
.terms_condition label {
  display: none;
}
.terms_condition .inputgroup {
  margin: 0 !important;
  display: inline-block;
}
.not-valid.terms_condition input[type="checkbox"] {
  outline: 2px solid #d41f26;
  outline-offset: -2px;
}
/*Fancy box designs*/
.gallery-image-popup .fancybox-close {
  right: 40px;
  height: 15px;
  width: 15px;
  position: fixed;
}
.fancybox-lock {
  width: 100%;
}
.top-slider-container .bx-controls-direction {
  visibility: hidden;
}
.top-slider-container:hover .bx-controls-direction {
  visibility: visible;
}
.gallery-image-popup .fancybox-nav span {
  visibility: visible;
  top: 45%;
  background: none;
  margin-top: 0;
}
.gallery-image-popup .fancybox-nav {
  position: fixed;
  width: auto;
}
.gallery-image-popup .fancybox-next { right: 50px; }
.gallery-image-popup .fancybox-prev { left: 30px; }
.gallery-image-popup .fancybox-next span:before { content: '\f054'; }
.gallery-image-popup .fancybox-prev span:before { content: '\f053'; }
.gallery-image-popup .fancybox-nav span:before {
  font-size: 50px;
}
.gallery-image-popup .fancybox-close { background: none; }
.gallery-image-popup .fancybox-nav span:before,
.gallery-image-popup .fancybox-close:before {
  font-family: FontAwesome;
  color: #fff;
}
.gallery-image-popup .fancybox-close:before {
  content: '\f00d';
  font-size: 30px;
}
.hotel-detail .fancybox-overlay {
  z-index: 7080;
}
.hotel-pricing .pricing-box {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  display: block;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 10000;
  min-height: 55px;
}
.hotel-pricing {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.pricing-box ul li, .pricing-box ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.pricing-box li.half-price span {
  display: table-cell;
}
.pricing-box li.standard-price {
  float: right;
  width: auto;
  line-height: 30px;
  text-align: right;
}
.pricing-box li.standard-price span.statt,
.pricing-box li.standard-price span.currency {
  text-decoration: line-through;
}
.pricing-box li.half-price {
  float: left;
  width: auto;
}
li.half-price span.price {
  font-size: 30px;
  font-weight: bold;
}
.pricing-box li.standard-price span.statt-text {
  float: right;
  width: 100%;
  text-align: right;
}
.pricing-box li.half-price span.currency {
  padding-left: 5px;
}
.controls input {
  padding-left: 35px;
  width: 100%;
}
input:focus {
  box-shadow: none !important;
}
#home-searchbar .search_field.field-4 {
  border-right: none;
}
.infoMessage {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
.infoMessage .alert-warning {
  margin: 0;
}
#validate-card h2 {
  font-weight: 600;
  font-size: 33px;
  margin-bottom: 80px;
}
#validate-card .img-responsive {
  margin-bottom: 20px;
}
.cardInfoMessage {
  width: 60%;
  margin: 0 auto;
}
.cardInfoMessage span {
  line-height: 25px;
}
#validate-card .col-md-6 {
  margin-bottom: 80px;
}
#validate-card #card_number {
  margin-bottom: 0;
}
#validate-card .submit {
  margin-top: 28px;
}
.bestPrice,
.bestPrice a {
  float: left;
  width: auto;
}
.bestPrice {
  position: absolute;
  top: 97px;
  right: 20px;
}
.bestPrice img {
  width: 170px;
  height: auto;
}
@media (min-width: 768px) {
  p {
    font-size: 20px;
    line-height: 1.6;
    margin: 0 0 35px;
  }
}
a {
  color: #b4002f;
  transition: all 0.2s ease-in-out 0s;
}
a:hover,
a:focus,
a:visited {
  outline: 0 none;
  text-decoration: none;
}
section a:focus, section a:hover,
footer a:focus, footer a:hover {
  opacity: 0.3;
  text-decoration: none;
}
footer a:hover {
  color: #fff !important;
  opacity: 0.3;
  text-decoration: none;
}
section a[href]:focus,
section a[href]:hover,
section a[href]:visited,
section a[href*=mailto]:focus,
section a[href*=mailto]:hover,
section a[href*=mailto]:visited,
section a[src*=mailto]:focus,
section a[src*=mailto]:hover,
section a[src*=mailto]:visited,
section a[tel]:focus,
section a[tel]:hover,
section a[tel]:visited {
  opacity: 0.7;
  color: #b4002f;
  text-decoration: none;
}
footer a,
.socialmedia a,
.intro-bottom-line a,
#hotels a,
#kundenmeinungen a,
#hotelangebote a,
#testimonial-list a {
  color: #fff !important;
}
:active, *:focus, *:visited {
  opacity: 1;
  outline: 0 none;
  text-decoration: none;
}
.btn.focus,
.btn:focus,
.btn:hover,
.btn:visited {
  background-color: transparent;
  color: #fff !important;
  opacity: 0.8;
  outline: 0 none;
  text-decoration: none;
}
:-moz-placeholder {
  color: #82888a;
  opacity: 1;
}
*::-moz-placeholder {
  color: #82888a;
  opacity: 1;
}
.rangeDate {
  border: 1px solid #121312;
  color: #000;
  background-color: #DCD0D0 !important;
  opacity: 0.7;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
.input-group-addon {
  border-radius: 0px;
}
.content {
  position: relative;
  display:block;
  float:left;
  width: 100%;
}
.picholder {
  overflow: hidden;
  width: 100%;
}
.img-responsive img {
  height: auto;
  width: 100%;
}
.img-circle img {
  margin: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.btn {
  border-radius: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform:uppercase;
  transition: all 0.3s ease-in-out 0s;
}
.hc-btn {
  background: #fff none repeat scroll 0 0 !important;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: 10px 15px !important;
  text-transform:uppercase;
}
.hc-big-btn {
  width: 100%;
  padding: 20px !important;
  font-size: 20px  !important;
  font-weight: bold !important;
  height: auto;
  text-transform:uppercase;
}
.hc-empty-btn {
  background: transparent none repeat scroll 0 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.7);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: 10px 15px !important;
  text-transform:uppercase;
  border: 1px solid #333;
}
.hc-empty-btn:hover {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;
  color: #c4c4c4;
  line-height: 1.42857143;
  border: 1px solid #c4c4c4;
  color: #515151 !important;
}
.hc-green-btn {
  background: #7ad901 none repeat scroll 0 0 !important;
  border: medium none;
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: 10px 15px;
  text-transform:uppercase;
  line-height: 1.42857143;
}
#home-search-tab .hc-green-btn {
  line-height: initial;
  height: 40px;
}
.hc-red-btn {
  background: #b4002f none repeat scroll 0 0 !important;
  border: medium none;
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: 10px 15px;
  text-transform:uppercase;
  width: 200px;
  line-height: 1.42857143;
}
.fav-btn {
  cursor: pointer;
}
.white {
  background-color: #fff !important;
  color: #333;
}
.grey {
  background-color: #f0f0f0;
  color: #333;
}
.darkgrey {
  background-color: #3a3a3a !important;
  color: #fff;
}
.green {
  background-color: #7ad901;
  color: #fff;
}
.blue {
  background-color: #0075a2;
  color: #fff;
}
.red {
  background-color: #b4002f;
  color: #fff;
}
.red-text {
  color: #b4002f;
}
.light {
  font-weight: 400;
}
.relative {
  position: relative;
}
.min-padding {
  padding: 15px;
}
.fixed {
  position: fixed;
}
#content-main {
  position: relative;
  height: 70vh;
  overflow: hidden;
  background-color: rgba(0,0,0,0.7);
}
#content-main #bg-img-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width: auto;
  min-width: 100%;
  min-height: 100%;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.navbar-search:hover {
  background-color: rgba(255,255,255,0.3);
  color: #fff;
}
.content h1 {
  text-align: center;
  font-size: 50px;
  line-height: 1.4em;
  font-weight: 600;
  margin-top:100px;
  margin-bottom: 0px;
}
.content.order h1 {
  margin-top: 120px;
}
#content-main .main-title.first,
#content-main h1.first {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  font-size: 60px !important;
  text-shadow: 2px 1px 5px #666666;
  z-index: 1;
}
#content-main .main-title.first h1 {
  font-weight: bold;
  font-size: 60px !important;
  margin: 0 0 15px;
}
.banner-button a {
  width: 42%;
}
section {
  float: left;
  width: 100%;
  display: block;
}
section .content-section {
  padding-bottom: 100px;
  padding-top: 100px;
}
section .content-section .row > h2 {
  margin-bottom: 100px;
}
.noContainerWidth .container {
  width: auto;
}
input, button, select, textarea {
  border: medium none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
form input,
form textarea,
form select {
  -webkit-appearance: text;
  -moz-appearance: text;
  appearance: text;
  -webkit-border-radius: 0px;
  height: 40px;
  border-radius: 0;
  line-height: 1.4em;
  padding: 5px 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  background-color: #fff;
  width: 100%;
}
form select::-ms-expand,
.table-data select::-ms-expand,
#sortby::-ms-expand {
  display: none;
}
form select,
.form-section select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  background: url(../img/icons/downarrow_grey.png) no-repeat #fff;
  background-position: 95% center;
  background-size: 12px;
  line-height: 20px !important;
  min-height: 40px;
  padding-right: 25px;
}
form input[type="radio"],
form input[type="checkbox"] {
  width: auto;
  height: auto;
}
form textarea {
  line-height: 1.2em;
  min-height: 150px;
}
.contact #captcha {
  float: left;
  width: 100%;
}
#captcha input#coreCaptchaCode {
  max-width: 290px;
  width: auto;
  margin-right: 10px;
}
.bootstrap-datetimepicker-widget table {
  border-collapse: initial;
}
.bootstrap-datetimepicker-widget {
  z-index: 99;
}
.bootstrap-datetimepicker-widget table td.today {
  border: 1px solid #EC5179 !important;
}
.bootstrap-datetimepicker-widget table td.today:hover {
  background-color: #b4002f !important;
  opacity: 0.3;
  font-weight: bold;
}
.bootstrap-datetimepicker-widget table td.day {
  border-radius: 0;
  border: 1px solid #fff;
}
.bootstrap-datetimepicker-widget table td.day:hover {
  border: 1px solid green;
}
.bootstrap-datetimepicker-widget table td.day.disabled {
  background-color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.day.today.disabled {
  background-color: #c7c7c7 !important;
}
.bootstrap-datetimepicker-widget table td.day.today.disabled:hover {
  background-color: #858585 !important;
  opacity: 1;
  color: #fff !important;
}
.nav li.level-1 {
  position: relative;
}
.nav li.level-1 > ul {
  background-color: #fff;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
  color: inherit;
  display: none;
  left: 0;
  padding-left: 0;
  position: absolute;
}
.collapse .nav li.level-1:hover > ul,
.selectedCategory .after-select {
  display: block;
}
.nav li.level-1 > ul li.level-2 {
  display: block;
  float: left;
  position: relative;
  width: 100%;
}
.nav li.level-1 > ul li a {
  color: #333;
  display: block;
  white-space: nowrap;
}
.navbar-custom .nav li ul li a:hover {
  background-color: #d6d6d6;
  color: #000;
  outline: 0 none;
}
.navbar {
  height: 70px;
}
.navbar-custom {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}
.navbar-custom .navbar-brand {
  background-color: transparent;
  font-weight: 700;
  padding: 0;
  width: 300px;
}
.navbar-custom .navbar-brand:focus {
  outline: 0 none;
}
.navbar-custom .navbar-brand .navbar-toggle {
  color: #fff;
  font-size: 16px;
  padding: 4px 6px;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
  outline: 0 none;
}
.navbar-brand > img {
  max-height: 60px;
  width: auto;
}
.navbar-brand img {
  width: 300px;
  padding-top: 16px;
  background-color: transparent;
  padding-left: 15px;
}
#nav-search {
  color: #82888a;
  float: left;
  line-height: 34px;
  margin-left: 40px;
  margin-top: 9px;
}
#nav-search > div.relative {
  vertical-align: middle;
  white-space: nowrap;
}
#nav-search #nav-search-bar {
  border: medium none;
  float: left;
  padding-left: 30px;
}
#nav-search #nav-search-bar:hover, #nav-search #nav-search-bar:focus, #nav-search #nav-search-bar:active {
  outline: 0 none;
}
#nav-search span i {
  color: #82888a;
  transition: all 0.55s ease 0s;
}
#search-main-box,
#search-form {
  width: 100%;
}
#search-form fieldset div.group {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
#search-form fieldset input {
  height: 40px;
  line-height: 1.3em;
}
#search-form fieldset div.group .controls {
  display: table;
  width: 100%;
}
.intro-body #search-form fieldset div.group {
  width: 100%;
}
.intro-body #search-form fieldset div.group .controls .input-group-addon, #search-form fieldset div.group .controls input {
  border-radius: 0;
}
#search-form .group .input-prepend .add-on {
  position: absolute;
  left: 0;
  z-index: 10;
}
.intro-body #search-form .input-group-addon {
  padding: 10px;
}
#search-form .group .input-prepend .add-on i {
  color: #82888a;
  font-size: 20px;
  padding: 10px;
}
#search-form .group .input-prepend .prependedtext {
  color: #000;
  padding: 6px 12px 6px 30px;
  margin-bottom: 0px;
}
#search-main-box #search-form .group .input-group-addon {
  background-color: #fff;
  border: 1px solid #fff;
  color: #82888a;
}
#search-form .group .input-group-addon {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0px;
}
#search-form .group .form-control {
  border: 1px solid transparent;
  padding-left: 0;
}
#search-form .control-group.group.selectbox {
  margin-right: 0px;
}
#search-form .control-group.group select {
  color: #82888a;
  background-color: #fff;
  height: 40px;
  padding: 6px 12px 6px 30px;
}
.bootstrap-datetimepicker-widget {
  color: #333;
  z-index: 10000;
}
.karte-bestellen .order-adress #birthdate {
  background-color: #fff;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #b4002f !important;
  opacity: 0.2;
}
.bootstrap-datetimepicker-widget table th {
  color: #000;
}
.bootstrap-datetimepicker-widget .picker-switch,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: transparent !important;
  color: #000 !important;
}
.navbar-brand {
  height: 70px;
}
.navbar-nav #hotel-reg {
  margin-left: 20px;
  margin-right: 20px;
}
.navbar-custom a {
  color: #fff;
}
.nav-lang-top {
  text-transform: uppercase; /* Show "de" as "DE" */
}
.navbar-custom .nav li a,
.nav-lang-top
{
  padding: 25px 15px;
  transition: background 0.1s ease-in-out 0s;
}
.nav-site-top {
  font-size: 32px;
  width: 50px;
  padding: 12px 12px;
  transition: background 0.1s ease-in-out 0s;
}
.navbar-custom .nav li > ul li a {
  padding: 15px 15px;
  transition: background 0.1s ease-in-out 0s;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
  background-color: transparent;
  outline: 0 none;
}
.navbar-custom .nav li.active {
  outline: 0 none;
}
.nav > li > a:focus, .nav > li > a:hover,
.nav-lang-top:hover,
.nav-site-top:hover
{
  background-color: rgba(255, 255, 255, 0.3);
  text-decoration: none;
}
.navbar-custom .nav li.active a {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li.active a:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .navbar-custom {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 0 none;
    letter-spacing: 1px;
    padding: 0 0 20px;
    transition: background 0.1s ease-in-out 0s, padding 0.1s ease-in-out 0s;
  }
  .navbar-custom.top-nav-collapse {
    background: #b4002f none repeat scroll 0 0;
    padding: 0;
  }
}
.intro {
  background-color: #b4002f;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: cover;
  color: #fff;
  display: table;
  height: 100vh;
  min-height:85%;
  padding: 100px 0;
  text-align: center;
  width: 100%;
}
.intro .brand-heading {
  font-weight: bold;
  text-transform:capitalize;
}
.intro .intro-body .brand-heading,
.intro .intro-body .intro-text,
.leadsText {
  text-shadow: 2px 1px 5px #333;
}
.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}
.intro .intro-body button.btn.hc-green-btn {
  width: 100%;
}
.intro-bottom-line {
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 26px;
  line-height: 63px;
  min-height: 100px;
  text-align: center;
}
.intro-bottom-line a {
  display: block;
}
.intro-bottom-line a[href="#cards"] {
  border: medium none;
  font-size: 24px;
  height: 36px;
  margin: -18px auto 0;
  padding: 2px 0;
  width: 36px;
}
.intro-bottom-line a.btn-circle {
  background-color: #b4002f;
}
.intro fieldset div input {
  background-color: #fff!important;
}
.intro .intro-body .intro-text {
  margin-bottom: 10px;
}
.leadsText {
  float: left;
  width: 100%;
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 600;
}
.leadsText br {
  display: none;
}
.leadsText .icon-check {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .intro .intro-body .brand-heading {
    font-size: 100px;
    margin-bottom: 0;
  }
  .intro .intro-body .intro-text {
    font-size: 40px;
    font-weight: bold;
  }
}
@media (max-width: 1200px) {
  .col-sm-6 {
    width: 100%;
  }
  .checkin_w {
    float: right;
  }
  .order-discount-code .col-sm-6 {
    width: 50%;
  }
}
@media (max-width: 970px) {
  .col-md-3.col-sm-6.checkin_w, .checkout_w {
    width: 50% !important;
  }
}
.btn-circle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 100% !important;
  color: #fff;
  font-size: 40px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  transition: background 0.3s ease-in-out 0s;
  width: 70px;
}
.btn-circle:hover, .btn-circle:focus {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  color: #fff;
  outline: 0 none;
}
.btn-circle i.animated {
  transition-duration: 1s;
  transition-property: -moz-transform;
}
.btn-circle:hover i.animated {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-timing-function: linear;
}
@keyframes pulse {
  50% {
    transform:scale(1.2);
  }
  100% {
    transform:scale(1);
  }
}
#search-main-box {
  line-height: 1em;
  margin-top: 10px;
  height: auto;
  width: auto;
  margin: 0;
}
.navbar #nav-lang,
.navbar #nav-site
{
  float: left;
  position: relative;
  width: auto;
}
.navbar #nav-lang:hover #nav-lang-sub,
.navbar #nav-site:hover #nav-site-sub {
  display: block;
}
.navbar #nav-site-sub {
  width: auto;
  right: 0px;
  white-space: nowrap;
}
.navbar #fav-hotels {
  display: none;
  float: left;
  width: auto;
  color: white;
  font-size: 32px;
}
.navbar #fav-hotels > a {
  float: left;
  padding: 13px 10px 12px;
}
.navbar #fav-hotels:hover > a {
  background-color: rgba(255, 255, 255, 0.3);
  transition: background 0.3s ease-in-out 0s;
}
.navbar #fav-hotels:hover #all-favorites {
  display: block;
}
.navbar #fav-hotels #all-favorites {
  right:0;
  padding-left: 0px;
  list-style: none;
  max-width: 215px;
  font-size: 12px;
}
.navbar #fav-hotels #all-favorites li {
  padding: 15px;
}
.navbar #fav-hotels #all-favorites li:nth-child(even) {
  background-color: #fff;
}
.navbar #fav-hotels #all-favorites li:nth-child(odd) {
  background-color: #eee;
}
.navbar #fav-hotels #all-favorites li span i {
  font-size: 20px;
  color: #333;
}
.navbar #fav-hotels #all-favorites li a div img {
  width: 100%;
  height: auto;
}
.navbar #fav-hotels #all-favorites li a div span.fav-hotelname {
  font-size: 10px;
  line-height: 1em;
  color: #333;
}
button.navbar-toggle {
  color: #fff;
  margin-bottom: 7px;
  margin-top: 2px;
  margin-right: 2px;
}
.navbar #nav-lang #nav-lang-sub,
.navbar #nav-site #nav-site-sub,
.navbar #fav-hotels #all-favorites {
  background-color: #fff;
  display: none;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  color: #333;
}
.navbar .collapse.in #nav-site #nav-site-sub,
.navbar #fav-hotels #all-favorites {
  box-shadow: none;
}
.navbar .collapse.in #nav-site #nav-site-sub
.navbar .collapse.in #nav-site #nav-site-sub
{
  left: 0;
  width:100%;
}
.navbar #fav-hotels #all-favorites {
  width: auto;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left: 0;
  font-size: 12px;
  list-style: none;
}
#all-favorites li {
  padding: 15px;
}
#all-favorites li span i {
  font-size: 16px;
  float: left;
}
#all-favorites li:nth-child(odd) {
  background-color: #ececec;
}
.navbar #fav-hotels .wrap-favoriteList {
  width: 100%;
  display: inline-block;
  position: relative;
}
.navbar #fav-hotels .wrap-favoriteList:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.navbar #fav-hotels .wrap-favoriteList .fav-picholder {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.navbar #fav-hotels .fav-hotelname {
  float:left;
  width:100%;
  color: #333;
  font-weight: 600;
  min-width: 180px;
}
.navbar #fav-hotels li > a {
  margin-top: 3px;
}
.navbar #fav-hotels .wrap-favoriteList .fav-picholder img {
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.navbar #nav-lang-sub,
.navbar #nav-site-sub
{
  position: absolute;
}
.navbar #nav-lang-sub a,
.navbar #nav-site-sub a
{
  color: #333;
  padding: 15px 15px;
  transition: background 0.3s ease-in-out 0s;
  display: block;
}
.nav-site-icon {
  display: inline-block;
  left: -5px;
  top: 10px;
  position: relative;
  height: 30px;
  width: 30px;
}
.nav-site-icon.switzerland {
  background-image: url(../img/icons/nav-site-switzerland.png)
}
.nav-site-icon.europe {
  background-image: url(../img/icons/nav-site-europe.png)
}
.navbar #nav-site-sub a {
  padding: 1px 15px 14px 18px;
}
.navbar #nav-lang-sub a:hover,
.navbar #nav-site-sub a:hover
{
  background-color: #d6d6d6;
  color: #000;
  outline: 0 none;
}
.navbar #nav-lang-sub a.active,
.navbar #nav-site-sub a.active
{
  background-color: #d6d6d6;
}
.navbar-collapse.collapse.in {
  height:calc(100vh - 50px);
  height:-moz-calc(100vh - 50px);
  width: 100%;
  background-color: #fff;
  padding-left: 0;
  padding-right: 0;
  top: 0;
  border-top: none;
}
.navbar-collapse.collapse.in .nav li.level-1 {
  width: 100%;
}
.navbar-collapse.collapse.in #nav-lang,
.navbar-collapse.collapse.in #nav-site
{
  background-color: #fff;
  display: block;
  width: 100%;
}
.navbar-custom, .navbar-collapse.collapse.in .menu a {
  color: #333;
  float: left;
  width: 100%;
}
.navbar-collapse.collapse.in li.level-1 > a,
.navbar-collapse #nav-lang,
.navbar-collapse #nav-site
{
  height: 70px;
  background-color: #b4002f !important;
  color: #fff;
}
nav div.navbar-collapse.in li.level-1 a {
  padding: 15px 15px;
}
nav div.navbar-collapse.in li.level-2 {
  border-bottom: 1px solid #ccc;
}
nav div.navbar-collapse.in li.level-2:last-child {
  border-bottom: none;
}
.navbar-search {
  float: left;
  display: none;
}
.navbar-search a {
  padding: 19px 15px 14px;
  display: block;
}
.navbar-search a i {
  font-size: 32px;
}
.topSearchLine #searchbarClose {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
}
.topSearchLine #searchbarClose i {
  font-size: 22px;
}
.collapse.in #nav-lang a,
.collapse.in #nav-site a
{
  color: #fff;
}
.navbar-collapse.collapse.in #nav-lang > a,
.navbar-collapse.collapse.in #nav-site > a
{
  padding: 9px 15px;
}
nav.navbar > *:last-child {
  margin-right: 15px;
}
.collapse.in #nav-lang:hover > a,
.collapse.in #nav-site:hover > a
{
  background-color: #b4002f !important;
  color: #fff;
}
.collapse.in #nav-lang-sub a,
.collapse.in #nav-site-sub a
{
  color: #333;
  margin-left: 15px;
  padding: 7px 15px 7px 25px;
  border-bottom: 1px solid #ccc;
}
.navbar-collapse.collapse.in li.level-2 > a {
  padding: 7px 15px 7px 25px;
}
.navbar-collapse.collapse.in ul {
  background-color: #fff;
  color: #333 !important;
  height: auto;
  margin: 0;
}
.navbar-collapse.collapse.in ul li > ul {
  display: block;
  height: auto;
  position: relative;
}
.navbar-toggle i.fa-bars {
  font-size: 25px;
}
#card-order div.container.content-section div.row.text-center h2 {
  display: none;
}
.cards {
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%;
}
#cards .picholder,
.cards .picholder {
  height: 290px;
  padding: 30px 15px;
  position: relative;
}
#cards .picholder img,
.cards .picholder img {
  min-width: initial;
  width: auto;
  height: auto;
}
#cards h3,
.cards h3 {
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 18px;
  font-weight: bold;
  line-height: 60px;
  margin: 0;
  text-transform:uppercase;
}
#cards .min-padding,
.cards .min-padding {
  padding-bottom: 30px;
}
#cards .text a
.cards .text a {
  min-width: 200px;
  width: 90%;
}
#cards .text p,
.cards .text p {
  margin-bottom: 15px;
}
#cards .cardprice,
.cards .cardprice  {
  font-size: 78px;
  margin: 0 10px;
  position: relative;
}
#cards .cardcurrency,
.cards .cardcurrency {
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 10%;
}
#cards a.btn.hc-empty-btn,
.cards a.btn.hc-empty-btn {
  width: 90%;
  border-color: #fff;
  color: #fff;
}
#cards a.btn.hc-empty-btn:hover,
.cards a.btn.hc-empty-btn:hover {
  color: rgb(51, 51, 51) !important;
}
section#hotels .content-section {
  padding-bottom: 60px;
}
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  background-color: #ddd;
  border-color: transparent;
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  background-color: #fff;
  border-color: #ddd #ddd transparent;
  color: #555;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f5f5f5;
  border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  background-color: #555;
  color: #fff;
}
.with-nav-tabs.panel-default .nav-tabs {
  display: inline-block;
  float: none;
}
#hotel-categories .hotel-categories a {
  overflow: hidden;
  color: #fff;
}
#hotel-categories .nav-tabs {
  border: medium none;
}
#hotel-categories .nav-tabs li a {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  color: #000!important;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
}
#hotel-categories .nav-tabs li.active a {
  background-color: #b4002f;
  border: medium none;
  color: #fff!important;
  opacity: 1;
}
#hotel-categories .nav-tabs li:last-child a {
  margin-right: 0;
}
#hotel-categories .panel-heading {
  text-align: center;
  background-color: transparent;
  border: medium none;
  color: #82888a;
}
#hotel-categories .panel-body {
  padding-left: 0;
  padding-right: 0;
}
#hotel-categories .panel {
  background-color: transparent;
  border: medium none;
  box-shadow: none;
}
.hotel-categories {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.hotel-categories a:hover {
  color: #fff;
  opacity: 0.8;
}
.hotel-categories a {
  display: inline-block;
  position: relative;
  width: 100%;
}
.hotel-categories a:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.hotel-categories .hotel-picholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#hotel-categories .home-hotel-categories {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
#hotel-categories .hotel-categories span,
.hotel-themes .hotel-categories span,
#hotel-categories .home-hotel-categories span {
  text-align: center;
  z-index: 1;
  color: #fff;
  font-size: 2em;
  font-weight: 600;
  left: 50%;
  position: absolute;
  text-transform:uppercase;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
#themen .home-hotel-categories span {
  width:90%;
  font-size: 2em;
  font-weight: 600;
  left: 50%;
  margin-right: -50%;
  position: absolute;
  text-transform:uppercase;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.hotelcard-empfehlen h2 {
  text-align: center;
}
.hotelcard-empfehlen input[type=submit] {
  width: 40%;
  min-width: 290px;
}
.hotel_sitemap_row h3 {
  margin-bottom: 10px;
}
.hotel_sitemap_row {
  margin-bottom: 30px;
  width: 100%;
  float: left;
}
ul.hotel_sitemap_list.one-row li {
  width: 100%;
}
ul.hotel_sitemap_list li {
  float: left;
  padding-right: 25px;
  width: 100%;
}
#anchors {
  text-align: center;
  margin-top: 15px;
}
#anchors a {
  margin-left: -1px;
}
@media only screen and (min-width: 481px) {
  ul.hotel_sitemap_list li,
  ul.hotel_sitemap_list.two-rows {
    width: 50%;
  }
}
@media only screen and (min-width: 800px) {
  ul.hotel_sitemap_list li {
    width: 33%;
  }
  ul.hotel_sitemap_list.two-rows li:nth-child(2n),
  ul.hotel_sitemap_list.third-rows li:nth-child(5n){
    width: 66%;
  }
  #anchors a {
    margin-left: 5px;
  }
}
.stars-inline {
  display: inline-block;
}
.stars-header {
  background-position: 0 -78px;
  display: inline-block;
}
.stars {
  display: inline-block;
}
#details .stars {
  margin-top: 10px;
}
.stars-w-1 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -266px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-2 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -287px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-3 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -306px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-4 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -327px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-5 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -346px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-stars-1 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -266px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-stars-2 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -287px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-stars-3 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -306px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-stars-4 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -327px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-w-stars-5 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -346px;
  height: 20px;
  width: 100px;
  margin-left: -4px;
}
.stars-1 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 0;
  height: 20px;
  width: 100px;
}
.stars-2 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -19px;
  height: 20px;
  width: 100px;
}
.stars-3 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -39px;
  height: 20px;
  width: 100px;
}
.stars-4 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -59px;
  height: 20px;
  width: 100px;
}
.stars-5 {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -79px;
  height: 20px;
  width: 100px;
}
.stars-1-small {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -184px;
  height: 16px;
  width: 80px;
}
.stars-2-small {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -202px;
  height: 16px;
  width: 80px;
}
.stars-3-small {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -219px;
  height: 16px;
  width: 80px;
}
.stars-4-small {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -234px;
  height: 16px;
  width: 80px;
}
.stars-5-small {
  background: rgba(0, 0, 0, 0) url("../img/hotelcard-sprites.png") no-repeat scroll 0 -249px;
  height: 16px;
  width: 80px;
}
#hotelempfehlungen .link a {
  padding-right: 15px;
  float: right;
  font-size: 18px;
}
#hotelempfehlungen .link a i {
  color: #7ad901;
  font-size: 18px;
}
#hotelempfehlungen .hotelsearch-bottom {
  text-align: left;
}
.icon-single-room, .icon-multi-room {
  display: inline-block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform:translate(0px, 0px);
}
.icon-single-room::before {
  content: "\f007";
}
.icon-multi-room::before {
  content: "\f007\f007";
}
.icon-multi-room::before,
.icon-single-room::before {
  color: #7B7B7B;
}
.icon-check:before {
  content: '\e5ca';
  font-family: 'Material Icons';
}
#kundenmeinungen .picholder {
  overflow: hidden;
  width: 100%;
}
#kundenmeinungen .picholder img {
  width: 100%;
}
#kundenmeinungen .text {
  display: block;
  float: left;
  padding: 15px 15px 40px 15px;
  width: 100%;
}
#kundenmeinungen .sameheight p {
  font-size: 14px;
  text-align: left;
}
#kundenmeinungen .sameheight p em {
  text-align: center;
  display: inline-block;
  width: 100%;
}
#kundenmeinungen .sameheight a {
  position: absolute;
  bottom: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  border-color: rgb(255, 255, 255);
  width: 83%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#kundenmeinungen .sameheight a:hover {
  color: rgb(51, 51, 51) !important;
}
#hotelangebote .col-sm-4:nth-child(even) .news-block {
  background-color: #0075a2;
}
#hotelangebote .col-sm-4:nth-child(odd) .news-block {
  background-color: #b4002f;
}
#hotelangebote .news-block .wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}
#hotelangebote .news-block a.wrapper:hover {
  opacity: 1;
}
#hotelangebote .news-block .wrapper:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
#hotelangebote .news-block .wrapper .picholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#hotelangebote .news-block .wrapper .picholder img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
#hotelangebote .news-block .text {
  padding: 15px;
  text-align: center;
}
#hotelangebote .news-block .text h4 a:hover {
  color: #fff !important;
  opacity: 1;
}
#hotelangebote .news-block .text p {
  font-size: 14px;
  margin-bottom: 60px;
  color: #fff;
}
#hotelangebote .news-block .text a.more-link {
  position: absolute;
  bottom: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  border-color: rgb(255, 255, 255);
  width: 83%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#hotelangebote .news-block .text a:hover {
  color: rgb(51, 51, 51)!important;
}
#hotelangebote .news-block {
  border: 1px solid #ccc;
}
#hotelangebote .col-sm-8 a.wrapper:hover {
  opacity: 1;
}
.main-center-box {
  min-width: 50%;
  padding: 20px 30px;
  background-color: rgba(0,0,0,0.6);
  left: 50%;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
  z-index: 10;
}
.main-center-box h2, .main-center-box .slider-price {
  font-size: 3em;
  margin-bottom: 20px;
}
.main-center-box h3, .main-center-box .slider-currency {
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 10px;
}
.main-center-box .slider-statt {
  margin-left: 15px;
  text-decoration: line-through;
}
.ht-icon {
  float: right;
}
.icon-city {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  background: url("../img/hotelcard-sprites.png") no-repeat -170px -80px;
}
.icon-region-touristic {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  background: url("../img/hotelcard-sprites.png") no-repeat -170px -100px;
}
.icon-hotel {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  background: url("../img/hotelcard-sprites.png") no-repeat -190px -180px;
}
.tt-dropdown-menu {
  font-size: 14px;
  min-width: 200px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333;
  text-align: left;
}
.ht-location {
  font-size: 14px !important;
}
.ht-header {
  display: block;
  padding: 6px 15px 3px;
  border-bottom: solid 1px #e4e4e4;
  color: #b4002f;
  font-weight: bold;
}
.tt-suggestion {
  display: block;
  padding: 3px 15px;
  width: 350px;
}
.tt-suggestion.tt-is-under-cursor {
  text-shadow: 1px 1px #fff;
  background: #f5f5f5;
  background: -moz-linear-gradient(top, #f5f5f5 0, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #f5f5f5 0, #e2e2e2 100%);
  background: -o-linear-gradient(top, #f5f5f5 0, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0, #e2e2e2 100%);
  background: linear-gradient(to bottom, #f5f5f5 0, #e2e2e2 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#e2e2e2', GradientType=0)
}
.tt-suggestion.tt-is-under-cursor a {
  color: #fff
}
.tt-suggestion p {
  margin: 0;
  padding: 0;
  float: none;
  width: auto;
  font-size: 14px;
}
.search-input-box .tt-hint {
  color: #999
}
.search-terms, .tt-hint {
  width: 300px
}
.ht-icon {
  float: right
}
.ht-name {
  font-weight: bold
}
.ht-location {
  color: #676767;
  font-size: 13px !important;
}
#hotelsearch {
  width: 100%;
  display: block;
  float: left;
  position: fixed;
  background-color: #fff;
}
.pagination ul li {
  border: 1px solid #ccc;
  background-color: #fff;
}
.pagination ul li:first-child,
.pagination ul li:last-child {
  border: none;
  background-color: transparent;
}
.pagination ul li a,
.pagination ul li span {
  line-height: 1em;
  padding: 2px 8px;
}
#hotel-list {
  min-height: 79vh;
  width: 100%;
}
#hotel-list h3 {
  margin: 0;
  padding: 30px 15px;
  font-weight: bold;
}
#hotel-list p {
  font-size: 15px;
}
.hotelsearch .hotelsearch-bottom {
  padding: 0px 10px 35px;
  float: left;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.hotelsearch .hotelsearch-bottom span.smapp {
  text-align: left;
}
.hotelsearch a:hover {
  color: #000;
}
.hotelsearch .hotelsearch-bottom .hotelline2 * {
  width: auto;
  display: inline;
  float: left;
}
.hotelsearch .hotelsearch-bottom .hotelline1 span.stars {
  position: relative;
  top:3px;
}
.hotelsearch #hotel-list-no-result > div {
  max-width: 600px;
  margin: 0 auto;
  -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
  margin-top: 15px;
  margin-bottom: 15px;
}
#hotel-list #hotel-list-no-result a.btn.hc-green-btn {
  max-width: 50%;
  margin-top: 20px;
}
#hotel-list #hotel-list-no-result-btn {
  margin-top: 20px;
  text-align: center
}
#hotel-list #hotel-list-no-result a.btn.btn-deafult.hc-empty-btn {
  color: #333!important;
}
.hotel-like-place {
  position: absolute;
  right: 26px;
  top: 14px;
}
.hotel-like-place a {
  display: inline;
}
.hotel-like-place i {
  color: #fff;
  display: inline-block;
  font-size: 20px;
}
.hotel-like-place i:hover {
  color: red;
}
.hotelsearch > a {
  overflow: hidden;
}
.hotelsearch {
  margin-bottom: 30px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.hotelsearch a {
  float: left;
  position: relative;
  width: 100%;
}
.hotelsearch .hotelname {
  font-size: 18px;
}
.hotelsearch span.hotel-rate i {
  font-size: 16px;
}
.hotelsearch p {
  display: block;
  float: left;
  margin: 10px 0 0;
  text-align: left;
  width: 100%;
}
.hotelsearch a {
  color: #000 !important;
}
.hotelsearch a .priceboxv3 {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  display: block;
  position: absolute;
  width: 100%;
}
.hotelsearch .hotel-rate i {
  color: #b4002f;
}
.hotelsearch > a,
.hotelempfehlungen > a {
  display: inline-block;
  position: relative;
}
.hotelsearch > a:after,
.hotelempfehlungen > a:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.hotelsearch .hotel-picholder,
.hotelempfehlungen .hotel-picholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.hotelsearch .hotel-picholder img,
.hotelempfehlungen .hotel-picholder img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.hotelsearch a .priceboxv3 ul {
  font-size: 16px;
  list-style: outside none none;
  margin: 0;
  padding: 5px 10px;
  position: relative;
  text-align: right;
  width: 100%;
  float:left;
  display: block;
}
.hotelsearch a .priceboxv3 ul li {
  display: inline-block;
  float: left;
  width: 50%;
}
.hotelsearch a .priceboxv3 ul li > p {
  font-size: 14px;
  line-height: 18px;
}
.hotelsearch a .priceboxv3 ul li.line1 p {
  margin: 0;
  text-align: left;
}
.hotelsearch a .priceboxv3 ul li.line2 p {
  margin: 0;
  text-align: right;
}
.hotelsearch a .priceboxv3 ul li.line1 .price {
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
  margin-right: 5px;
}
.hotelsearch a .priceboxv3 ul li.line1 .currency {
  font-size: 18px;
}
.hotelsearch a .priceboxv3 ul li.line2 > p:nth-child(2) {
  margin-top: 11px;
}
.hotelsearch a .priceboxv3 ul li.line2 .statt {
  margin-right: 5px;
  text-decoration: line-through;
}
.hotelsearch a .priceboxv3 ul li.line2 .currency {
  font-size: 12px;
}
#map-canvas-hotel-search {
  height: 100%;
}
.map-canvas-hotel-detail {
  width: 100%;
  height: 400px;
}
.hotelsearch > p * {
  display: inline-block;
  float: left;
  width: auto;
}
#hotelsearch .hotel-like-place a {
  display: inline-block;
  padding-right: 15px;
  width: auto;
  width: auto;
  background-color: rgba(0,0,0,0.2);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  padding: 10px 10px;
  margin: 1px;
  text-align: center;
}
#hotelsearch .hotel-like-place a.favorite i {
  color: #d41f26;
}
.hotelsearch p.hotelline2 {
  font-size: 14px;
  margin-top: 5px;
  position: relative;
}
.hotelsearch p.hotelline1 {
  font-size: 16px;
  line-height: 1.6em;
}
.hotelsearch p.hotelline1 .hotelname {
  margin-right: 15px;
}
.hotelsearch p.hotelline1 .hotel-rate i {
  font-size: 16px;
  line-height: 1.6em;
}
.hotelsearch p.hotelline2 > span {
  padding: 0 5px;
}
#hotelsearch #search-form fieldset input {
  height: 43px;
  outline: medium none;
  width: 100%;
}
#hotelsearch #search-form fieldset .hotel-serach-button-box button {
  width: 100%;
  height: 45px;
}
#hotelsearch #search-form fieldset div.group {
  margin-right: 0px;
}
#hotelsearch #search-form fieldset .input-group.date {
  float: left;
  padding: 0px 15px;
  width: 25%;
}
#hotelsearch #search-form fieldset .tt-hint {
  visibility: hidden;
}
.tt-hint {
  padding-left: 30px;
}
#hotelsearch #search-main-box {
  padding: 15px 0;
}
#hotelsearch #search-form fieldset .date.group .controls {
  border: 1px solid #82888a;
}
#hotelsearch #search-form fieldset #selectbasic, #hotelsearch #search-form fieldset .prependedtext {
  border: 1px solid #82888a;
  height: 45px;
}
#hotel-pricerange-sl1 {
  display: inline-block;
  float: left;
  width: 100%;
}
#hotel-pricerange-sl1 div {
  display: inline-block;
  float: left;
}
#hotel-pricerange-sl1 .slider {
  display: block;
  float: left;
  margin: 0 15px;
  width: 80%;
}
#hotel-pricerange-sl1 span.pricevaluemin, #hotel-pricerange-sl1 span.pricevaluemax {
  margin-right: 5px;
}
#hotelsearch .slider-handle {
  background-color: #fff;
  background-image: none;
  border: 1px solid #b4002f;
  box-shadow: none;
  opacity: 1;
}
#hotelsearch .slider-track {
  background-color: #f0f0f0;
  background-image: none;
  box-shadow: none;
}
#hotelsearch .slider-selection {
  background-color: #b4002f;
  background-image: none;
  box-shadow: none;
}
#hotelsearch .tooltip-inner {
  background-color: #b4002f;
}
#hotelsearch .tooltip.top .tooltip-arrow {
  border-top-color: #b4002f;
}
#hotelsearch a.btn.hc-red-btn {} #hotelsearch a#more-filter-toggle-2 {
  width: 100%;
}
#hotelsearch #more-filter-toggle span i {
  margin-right: 10px;
}
#hotelsearch #more-filter-box {
  display: none;
  float: left;
  padding: 0 15px;
  width: 100%;
}
#hotelsearch #more-filter-box label.media {
  overflow: initial;
}
#hotelsearch #hotel-list div.search-params.search-filter ul {
  padding-left: 0px
}
#hotelsearch #hotel-list div.search-params.search-filter {
  padding: 10px 15px;
}
#hotelsearch #hotel-list div.search-params.search-filter > div {
  display:inline-block;
}
#hotelsearch #hotel-list div.search-params.search-filter div.order_select ul {
  width:100%;
  margin-bottom: 0px;
}
#hotelsearch #hotel-list div.search-params.search-filter div.order_select ul li {
  margin: 0px
}
#hotelsearch #hotel-list div.search-params.search-filter div.order_select ul li a {
  width: auto;
  min-width: 150px;
  position: relative;
}
#hotelsearch #hotel-list div.search-params.search-filter div.order_select ul li a span{
  position: absolute;
  left: 5%;
}
#mapControl {
  padding: 0px;
}
.map-refresh-controls.google{
  position: absolute;
  top: 11px;
  left: 52px;
}
.map-refresh-controls.google #mapButton{
  display: none;
}
.map-refresh-controls.google #mapCheckbox{
  background-color: white;
  padding: 15px 0px;
  box-shadow: 1px 2px 3px #908C8C;
}
.map-refresh-controls.google .map-auto-refresh input{
  width: 20px;
  height: 20px;
  margin-left: 10px;
  position: relative;
  vertical-align: bottom;
  margin-bottom: 0px !important;
}
.map-refresh-controls.google .map-auto-refresh small{
  padding-right: 10px;
  font-size: 13px;
}
.map-refresh-controls.google .btn-primary.btn{
  border-color: #b4002f;
  border-bottom-color: #b4002f;
  background-color: #b4002f;
  color: #fff;
  padding: 15px 10px;
  margin-left: 10px;
  position: relative;
  vertical-align: bottom;
  margin-bottom: 0px !important;
}
#map-canvas-hotel-detail {
  min-height: 400px;
}
#detail-top-search {
  margin-top: 58px;
}
div.float-box.stuck {
  position: fixed;
  top: 205px;
  z-index: 100;
  width: 262px;
}
#details div.float-box.stuck .hotel-room-calendar > p {
  margin: 0;
}
div.stickyAbsolute.stuck {
  position: absolute !important;
  top: 3503px !important;
}
#details #detail-shadow.stuck {
  position: fixed;
  top: 58px;
  z-index: 100;
}
#detail-top-slider div.pricebox.stuck {
  position: fixed;
  top: 58px;
  right: -moz-calc(50% - 615px);
  right: -webkit-calc(50% - 615px);
  right: -o-calc(50% - 615px);
  right: calc(50% - 615px);
  z-index: 101;
  overflow: hidden;
  bottom: inherit;
  height: 41px;
  background-color: transparent;
}
#detail-top-slider div.pricebox.stuck li span.price, #detail-top-slider div.pricebox.stuck li span.currency {
  font-size: 14px;
}
#detail-top-slider div.pricebox.stuck li.line1 {
  margin-top: 4px;
}
#detail-top-slider div.pricebox.stuck li.line2 {
  display: none;
}
#hotel-detail-top-search {
  float: left;
}
#hotel-detail-top-search #search-form {
  float: left;
  padding: 10px 0px 4px;
}
#hotel-detail-top-search #search-form fieldset .date.group input {
  height:38px;
}
#hotel-detail-top-search #search-form fieldset .date.group .controls, #hotel-detail-top-search .prependedtext {
  border: 1px solid #82888a;
}
#hotel-detail-top-search #search-form input, #hotel-detail-top-search #search-form fieldset .controls .input-prepend, #hotel-detail-top-search #search-form fieldset div.group a {
  float: left;
  width: 100%;
}
#hotel-detail-top-search #search-form fieldset div.group {
  margin: 0;
  width: 100%;
}
#hotel-detail-top-search #search-form fieldset div.group {
  cursor: pointer;
  display: block;
  min-width: initial;
}
#search_home_container form select {
  padding: 0px 25px 0 2px;
}
.viewportDropdown{
  position: absolute;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 10px 2px;
  float: left;
  display: block;
  text-align: left;
}
#hotel-detail-top-search select,
.search_field.results_page select{
  color: transparent;
  margin-bottom: 0;
}
#squarespaceModal1 .search_field.results_page select {
  color: #000;
}
#hotel-detail-top-search option,
.search_field.results_page option {
  color: #333333;
}
.search_field.results_page .controls {
  border: 0;
}
.search_field.results_page .group.right {
  width: 100%;
}
#availability_anchor h3 {
  margin-bottom: 15px;
  line-height: 1.2em;
}
#details div.room-row-bg:nth-child(n+2) div.content-section{
  padding-top: 40px;
}
#availability_anchor {
  margin-top: 30px
}
.hide-topsearch-bar .topSearchLine,
.hide-topsearch-bar .navbar-search {
  display: none !important;
}
div.topSearchLine {
  position: relative;
  background-color: #fff;
  width: 100%;
  outline: none;
  border-bottom: 1px solid #eee;
  transition: 1s;
  padding-bottom: 10px;
  padding-top: 10px;
}
div.topSearchLine.collapse.in {
  transition: 1s;
  top: 0;
}
div.topSearchLine.stuck {
  position: fixed;
  margin-top: 0;
  top: 58px;
  z-index: 100;
  left: 50%;
  -ms-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
}
#detail-top-slider {
  margin-top: 0px;
}
#detail-top-slider .swiper-slide {
  position: relative;
  overflow: hidden;
}
section .content-section#main-hotel-buchungsanfrage,
section#bewertung .content-section,
section .room-row-bg.roomdetails .content-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
#main-hotel-details {
  padding-top: 0;
}
#availability_anchor p {
  margin-bottom: 28px;
}
#detail-top-slider img {
  display: none;
}
.table-data .bxslider {
  float: left;
  width: auto;
}
.bxslider li img,
#card-question-hidden .hotel-picholder img {
  opacity: 0;
}
#detail-top-slider .top-slider li,
.bxslider li {
  background-position: center;
  background-size: cover;
}
#detail-top-search #search-form .group .input-prepend .add-on i {
  padding: 12px 10px;
}
#detail-top-slider .swiper-pagination {
  display: none;
}
#detail-top-slider .pricebox {
  background-color: rgba(0, 0, 0, 1);
  bottom: 0;
  color: #fff;
  display: block;
  margin-right: 15px;
  position: absolute;
  right: 0;
  width: 262.5px;
  z-index: 10;
}
#detail-top-slider .pricebox ul {
  font-size: 16px;
  list-style: outside none none;
  margin: 0;
  padding: 5px 5px;
  position: relative;
  text-align: right;
}
#detail-top-slider .pricebox ul .price {
  font-size: 36px;
  font-weight: 600;
}
#detail-top-slider .pricebox ul li.line1 .currency {
  margin-left: 5px;
}
#detail-top-slider .pricebox ul li.line2 span {
  margin-right: 5px;
}
#detail-top-slider .pricebox ul li.line2 span.statt {
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: line-through;
}
#detail-top-slider .bx-prev,
.fancybox-inner .bx-wrapper .bx-prev,
.fancybox-inner .bx-wrapper .bx-prev:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA4CAYAAABzPZE8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMURGM0JBMkU0MzcxMUU0QjQ4QTg4NTBBMjFDMDgzNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMURGM0JBM0U0MzcxMUU0QjQ4QTg4NTBBMjFDMDgzNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxREYzQkEwRTQzNzExRTRCNDhBODg1MEEyMUMwODM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxREYzQkExRTQzNzExRTRCNDhBODg1MEEyMUMwODM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1B5XrwAAAWxJREFUeNrM2asOglAYwHHmk5h5CivVZCCRjI5goPAgZh7BSje5ERibUZgJhEY7DqbOC8i5fBe/jUT5bQfC+X+WEMKieFzXXWZZdszz/OT7/vr1HQnA87xV0zQXcZ+2ba9hGG7JEJ+AIQgL4BUSBMGGDfCYoihOrIBu6rq+sAK6ieN4zwpIkuRg2/acHQD2d5gAQBCmAGMEBMAIAQXQRkACtBDQAGUEBkAJgQWQRmACpBDYgEkEBeAnggowiqAEDCKoAV8IDsAbggvwRHACeoTjOIuqqgouQI+IomgnC0jTVEADumdm/cN0x1GW5Zn1OB43Zs7v4u3qzgX5aggckMGYQQ0ZrSqUkJ95hwoy2ZkoIFLBCxsiXd4wIUoJEAui3CIxIFpRFBqiXWchIUaZGApi3KshICDh3BQCVvBNIKCrBF0I+E5DB4KyXFGBgGdlHQhKYFeFoK0aZCHoS5cpCNn6aQxCvoiTWUneBBgAJKKR2iumXCEAAAAASUVORK5CYII=");
  left: 50px;
  right: auto;
  background-position: 0 0;
  height: 56px;
}
#detail-top-slider .bx-next,
.fancybox-inner .bx-wrapper .bx-next,
.fancybox-inner .bx-wrapper .bx-next:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA4CAYAAABzPZE8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQ0M5QTZGNUU0MzcxMUU0OTJGOUJENDg4RTM1OUNFNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQ0M5QTZGNkU0MzcxMUU0OTJGOUJENDg4RTM1OUNFNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBDQzlBNkYzRTQzNzExRTQ5MkY5QkQ0ODhFMzU5Q0U2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBDQzlBNkY0RTQzNzExRTQ5MkY5QkQ0ODhFMzU5Q0U2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PvWG8wAAAYRJREFUeNrM2a2Og0AQAOBNn+Q0T1GLPVWBQlVeECcwPEg1j1CLr2qCICSVB6mCgsNt06Zt7loKs7vzc5tAgEV8ycLu7IzSWqv7EUXRuqqqQ1mW+yAIPn/3UR6PiyRJvodhOOlb6/v+GIbhig3xDOCGqDiOv8YAnBBV1/VBzzRqiOq67qgBjRKisizbamCjgijP8z7yPN9JQq4nacjjQhLy50YK8vJAAjL6kBvytoMTMtnJBZl9gQMCeokaAtZSQozGjgpi/CVTQKz+a2yI9SyHCXGa87EgzisgBgQlHnCFoEVHLhDUWNEU0rZt7fv+Ej1yvkCKooA6dJqmm4X6D01yOJqm+UEdDpvv4b7zFweITFbPAPZpewzAuoC9A7At5VMAlqBmDkAe3kEApIEuFEAW8psASDY/pgD0baANAHVDbAtASw24AFCSJK4A53QRBsApcYYFsE4hYgKskqnYAOO0MgXAKMFOBQCXGigBoKILNWC2/MQBmCzEcQFeZkypkuRZgAEAK6aR2nDSlPkAAAAASUVORK5CYII=");
  left: auto;
  right: 40px;
  background-position: 0 0;
  height: 56px;
}
.table-data .bx-wrapper .bx-controls-direction .bx-prev {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA4CAYAAABzPZE8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMURGM0JBMkU0MzcxMUU0QjQ4QTg4NTBBMjFDMDgzNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMURGM0JBM0U0MzcxMUU0QjQ4QTg4NTBBMjFDMDgzNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxREYzQkEwRTQzNzExRTRCNDhBODg1MEEyMUMwODM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxREYzQkExRTQzNzExRTRCNDhBODg1MEEyMUMwODM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1B5XrwAAAWxJREFUeNrM2asOglAYwHHmk5h5CivVZCCRjI5goPAgZh7BSje5ERibUZgJhEY7DqbOC8i5fBe/jUT5bQfC+X+WEMKieFzXXWZZdszz/OT7/vr1HQnA87xV0zQXcZ+2ba9hGG7JEJ+AIQgL4BUSBMGGDfCYoihOrIBu6rq+sAK6ieN4zwpIkuRg2/acHQD2d5gAQBCmAGMEBMAIAQXQRkACtBDQAGUEBkAJgQWQRmACpBDYgEkEBeAnggowiqAEDCKoAV8IDsAbggvwRHACeoTjOIuqqgouQI+IomgnC0jTVEADumdm/cN0x1GW5Zn1OB43Zs7v4u3qzgX5aggckMGYQQ0ZrSqUkJ95hwoy2ZkoIFLBCxsiXd4wIUoJEAui3CIxIFpRFBqiXWchIUaZGApi3KshICDh3BQCVvBNIKCrBF0I+E5DB4KyXFGBgGdlHQhKYFeFoK0aZCHoS5cpCNn6aQxCvoiTWUneBBgAJKKR2iumXCEAAAAASUVORK5CYII=");
  background-position: left;
}
.table-data .bx-wrapper .bx-controls-direction .bx-next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA4CAYAAABzPZE8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQ0M5QTZGNUU0MzcxMUU0OTJGOUJENDg4RTM1OUNFNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQ0M5QTZGNkU0MzcxMUU0OTJGOUJENDg4RTM1OUNFNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBDQzlBNkYzRTQzNzExRTQ5MkY5QkQ0ODhFMzU5Q0U2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBDQzlBNkY0RTQzNzExRTQ5MkY5QkQ0ODhFMzU5Q0U2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PvWG8wAAAYRJREFUeNrM2a2Og0AQAOBNn+Q0T1GLPVWBQlVeECcwPEg1j1CLr2qCICSVB6mCgsNt06Zt7loKs7vzc5tAgEV8ycLu7IzSWqv7EUXRuqqqQ1mW+yAIPn/3UR6PiyRJvodhOOlb6/v+GIbhig3xDOCGqDiOv8YAnBBV1/VBzzRqiOq67qgBjRKisizbamCjgijP8z7yPN9JQq4nacjjQhLy50YK8vJAAjL6kBvytoMTMtnJBZl9gQMCeokaAtZSQozGjgpi/CVTQKz+a2yI9SyHCXGa87EgzisgBgQlHnCFoEVHLhDUWNEU0rZt7fv+Ej1yvkCKooA6dJqmm4X6D01yOJqm+UEdDpvv4b7zFweITFbPAPZpewzAuoC9A7At5VMAlqBmDkAe3kEApIEuFEAW8psASDY/pgD0baANAHVDbAtASw24AFCSJK4A53QRBsApcYYFsE4hYgKskqnYAOO0MgXAKMFOBQCXGigBoKILNWC2/MQBmCzEcQFeZkypkuRZgAEAK6aR2nDSlPkAAAAASUVORK5CYII=");
  background-position: right;
}
.table-data .bx-wrapper .bx-controls-direction a {
  height: 20px !important;
  background-size: 38% !important;
  top: 60% !important;
  z-index: 999;
}
.popupContent{
  display: none;
}
#bx-pager img{
  width:120px;
  max-height: 80px;
  object-fit: cover;
  padding-right: 5px;
  padding-top: 10px;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
.fancybox-lock .fancybox-overlay {
  z-index: 5000;
}
.fancybox-inner .bx-wrapper {
  margin-bottom: 0;
}
.thumb-images {
  padding-top: 10px;
}
.fancybox-inner .bx-wrapper .bx-viewport {
  left: 0;
}
.bxslider {
  cursor: pointer;
  padding-left: 0;
}
ul.bxslider li {
  list-style-type: none;
}
.popupSlide img {
  width: 100%;
}
a.hotel-gallery-image:hover {
  opacity: 1 !important;
}
.room-category .bx-wrapper {
  margin-left: 6px !important;
}
.top-slider li,
.top-slider-container {
  height: 70vh;
}
#detail-top-slider .bx-prev,
#detail-top-slider .bx-next {
  z-index: 1;
}
#detail-shadow {
  background-color: rgba(0, 0, 0, 0.7);
  float: left;
  position: relative;
  top: -41px;
  width: 100%;
  z-index: 2;
  max-height: 41px;
}
#detail-shadow .nav-tabs {
  border-bottom: medium none;
  height: 41px;
  padding-left:  15px !important;
  z-index: 2;
  position: relative;
}
#detail-shadow .nav-tabs li a {
  border-radius: 0;
}
#details fieldset div.group {
  display: inline-block;
}
#search-form fieldset div.group .controls {
  display: table;
  width: 100%;
}
.room-row-bg:nth-child(odd) {
  background-color: #f0f0f0;
  color: #333;
  position: relative;
}
.room-row-bg:nth-child(even) {
  background-color: #fff;
  color: #333;
}
.errorEmail {
  border: 1px solid red;
}
#details #main-hotel-details h2 {
  margin: 0 0 15px;
}
#details #main-hotel-details #detail-hotel-name-main {
  font-size: 39px;
  font-weight: bold;
  line-height: 1em;
  float: left;
  padding-right: 0.5em;
}
.hotel-room-box > p {
  margin-bottom:0px;
  font-size:16px
}
#details .hotel-details {
  clear: both;
  display: block;
  margin-bottom: 15px;
  position: relative;
}
.hotel-room-main .hotelinfo,
.hotel-room-main .hotel-room-box{
  display:block;
  float:left;
  width:100%;
}
.hotelinfo .room-info {
  font-size: 37px;
}
.hotelinfo .room-more-info {
  float: right;
  font-size: 15px;
  line-height: 51px;
}
#details p {
  font-weight: normal;
}
#details p#main-hotel-details-more {
  float: left;
  font-size: 15px;
  line-height: 1.2em;
  margin-bottom: 0;
}
#details #detail-hotel-breadcrumb {
  float: left;
  width: 100%;
  margin: 20px 0;
  border-bottom: 1px solid #E1E1E1;
}
#details .breadcrumb-container {
  display: inline-block;
  float: right;
}
#details .breadcrumb-menu {
  padding-left: 0px;
  margin-bottom: 0px;
}
#details .breadcrumb-menu li {
  display: inline-block;
}
#details .breadcrumb-menu li a {
  color: #333;
}
#details .hotel-room-calendar {
  float: left;
  display: block;
  margin: 0px 0px 15px;
  width: 100%;
  padding: 0px 15px;
}
#details .hotel-room-calendar > p {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #dddddd;
  border-bottom: 0px;
}
#details #social-box {
  margin-top: 30px;
  background-color: #fff;
}
div#buchung-siderbar {
  position: absolute;
  right: 0;
  z-index: 1;
}
#buchung-siderbar .fav-btn {
  background-color: #b4002f !important;
  color: #fff;
  margin-bottom: 15px;
  width: 100%;
}
#buchung-siderbar .fav-btn:hover {
  opacity: 0.7;
}
#hoteldetail-reservation .controls {
  display:table;
  border: 1px solid #ccc;
}
#hoteldetail-reservation .controls .input-group-addon {
  background-color: #fff;
  border-radius: 0;
  padding-right: 2px;
  padding-left: 5px;
  border: none;
}
#hoteldetail-reservation .controls input {
  border: none;
  padding: 6px 5px;
  border-radius: 0;
  display: inline-block;
  min-height: 40px;
  width: 100%;
  background-color: #fff;
}
#hoteldetail-reservation .col-xs-6 {
  margin-bottom: 15px
}
#hoteldetail-reservation .col-xs-6:first-child {
  padding-right: 7.5px !important;
}
#hoteldetail-reservation .col-xs-6:last-child {
  padding-left: 0;
}
#buchung-siderbar #selectbasic {
  border: 1px solid #dddddd;
  border-radius: 0;
  float: left;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
#buchung-siderbar a {
  text-align: center;
}
#buchung-siderbar a.btn.hc-btn {
  width: 100%;
}
#buchung-siderbar a.btn.hc-btn:hover,
#buchung-siderbar a.btn.hc-btn:focus {
  color: #fff;
}
#buchung-siderbar #hoteldetail-reservation, #buchung-siderbar #social-box {
  padding: 15px;
  border: 1px solid #dddddd;
  background-color: #fff;
  float:left;
  width: 100%;
}
#hoteldetail-reservation input[type="submit"] {
  width:100%;
  min-width: initial;
  min-width: auto;
  margin: 0px;
}
#buchung-siderbar #social-box .share-links a {
  width: 40px;
}
#buchung-siderbar #social-box .share-links a i {
  color: #b0b0b0;
}
#buchung-siderbar #social-box .share-links a:hover,
#buchung-siderbar #social-box .share-links a:focus {
  background-color: #b4002f;
  border: 1px solid #b4002f;
  color: #fff;
  outline: 0 none;
}
#buchung-siderbar #social-box .share-links a:hover i,
#buchung-siderbar #social-box .share-links a:focus i {
  color: #fff;
}
#buchung-siderbar #social-box .share-title {
  font-size: 12px;
}
#details .hotel-room-box, #details .hotel-room-box > h3, #details .hotel-room-box > p {
  float: left;
  width: 100%;
}
#details .hotel-room-box p {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 15px;
}
#details .hotel-room-box .detail-hotel-name {
  font-size: 14px;
  line-height: 1em;
  opacity: 0.8;
}
.topSearchLine button {
  width: 100%;
}
.hotel-room-box .priceboxv3 {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #fff;
  display: block;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.hotel-room-box .hotel-rate i {
  color: #b4002f;
}
.hotel-room-box .priceboxv3 li.small.room-price-info {
  font-size: 16px;
  margin-top: 8px;
  width:auto;
  text-align:left;
}
.hotel-room-box .priceboxv3 a.hc-green-btn {
  width: auto;
  float: right;
  font-size: 14px;
  margin: 5px 0;
  padding: 5px 15px !important;
  min-width: auto;
  right: 10px;
  bottom: 5px;
  position:absolute;
}
.hotel-room-box .priceboxv3 a.hc-green-btn:hover,
.hotel-room-box .priceboxv3 a.hc-green-btn:focus,
.hotel-room-box .priceboxv3 a.hc-green-btn:visited {
  color: #fff;
}
.hotel-room-box .priceboxv3 ul {
  float: left;
  font-size: 16px;
  height: auto;
  list-style: outside none none;
  margin: 0;
  padding: 5px 10px;
  position: relative;
  text-align: right;
  width: 100%;
  min-height: 50px;
}
.hotel-room-box .priceboxv3 ul li {
  display: inline-block;
  float: left;
  width: auto;
}
.hotel-room-box .priceboxv3 ul li > p {
  font-size: 14px;
  line-height: 18px;
}
.hotel-room-box .priceboxv3 ul li.line1 {
  margin-right: 15px;
  margin-top:3px;
}
.hotel-room-box .priceboxv3 ul li.line1 p {
  display: inline-block;
  margin: 0;
  text-align: left;
  width: auto;
}
.hotel-room-box .priceboxv3 ul li.line2 {
  margin-top: 18px;
  font-size: 14px;
}
.hotel-room-box .priceboxv3 ul li.line2 p {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 15px;
  text-align: right;
  width: auto;
}
.hotel-room-box .priceboxv3 ul li.line1 .price {
  font-size: 34px;
  font-weight: bold;
  line-height: 1em;
  margin-right: 5px;
}
.hotel-room-box .priceboxv3 ul li.line1 .currency {
  font-size: 14px;
}
#details .priceboxv3 ul li.line2 > p:nth-child(2) {
  margin-top: 11px;
}
.hotel-room-box .priceboxv3 ul li.line2 .statt {
  font-weight: 600;
  margin-right: 5px;
  text-decoration: line-through;
}
.hotel-room-box .priceboxv3 ul li.line2 .currency {
  font-size: 12px;
}
div.zabuto_calendar {
  cursor: pointer;
}
.zabuto_calendar table {
  border-collapse: initial;
}
div.zabuto_calendar .table tr.calendar-month-header th span {
  padding: 10px;
}
div.zabuto_calendar div.calendar-month-navigation {
  padding-top: 0;
}
div.zabuto_calendar div.calendar-month-navigation i {
  font-size: 40px;
}
div.zabuto_calendar .table tr.calendar-month-header th {
  background-color: #fff;
  border-bottom-color: transparent;
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: middle;
}
div.zabuto_calendar .table tr.calendar-dow-header th {
  background-color: #fff;
  border-right-color: transparent;
  border-top-color: transparent;
}
div.zabuto_calendar .table tr.calendar-dow-header th:last-child {
  border-right-color: rgb(221, 221, 221);
}
div.zabuto_calendar .table th, div.zabuto_calendar .table td {
  padding: 0;
}
div.zabuto_calendar .table tr td div.day {
  background-color: #f5f5f5;
  color: #dbdfdf;
}
div.zabuto_calendar .table div.green {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #7ad901;
  border-radius: 50%;
}
div.zabuto_calendar .table div.blue {
  border: 2px solid #30c4c9;
  border-radius: 50%;
  background: none;
  color: #000 !important;
}
div.zabuto_calendar .table div.red {
  border: 2px solid #b4002f;
  border-radius: 50%;
  color: #000 !important;
  cursor: not-allowed;
  opacity: 0.65;
}
div.zabuto_calendar .badge-today {
  background-color: transparent;
  color: inherit;
  padding: 11%;
}
#hoteldetail-reservation #booking_form div.col-xs-6.col-sm-6.col-md-6:nth-child(2){
  padding-left: 7.5px;
}
#details #room-reservation-info ul {
  font-size: 12px;
  list-style-type: none;
  padding-left: 30%;
}
#details #room-reservation-info ul li {
  line-height: 1.2em;
}
#details #room-reservation-info .legendbox {
  display: inline-block;
  float: left;
  height: 11px;
  margin-right: 5px;
  width: 11px;
}
#details #room-reservation-info .legendbox.blue {
  background-color: #30c4c9;
  color: #fff;
}
#details #room-reservation-info p {
  font-size: 12px;
  margin: 0;
}
#detail-shadow ul.nav-tabs li a {
  color: #fff;
}
#detail-shadow ul.nav-tabs li.active a {
  color: #000;
}
#details ul.nav-tabs li a:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}
#details .col-lg-9.col-md-9.col-sm-12.col-xs-12.left-container h1 {
  display:none;
  margin: 0px;
}
.hotel-room-details div.col-lg-3.col-xs-12 > p {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 53px;
  text-align: right;
}
#main-hotel-ausstattung div.col-lg-9.col-xs-12 > h2 {
  font-size: 39px;
  font-weight: bold;
  margin-bottom: 20px;
}
#main-hotel-ausstattung > div > div.col-lg-9.col-xs-12 > div:nth-child(2) {
  border-top: 1px solid #777;
  padding-top: 20px;
}
#main-hotel-ausstattung div.col-lg-9.col-xs-12 div.col-sm-4.col-xs-12 > h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
#main-hotel-ausstattung div.col-lg-9.col-xs-12 div.col-sm-8.col-xs-12 > p {
  font-size: 16px;
  list-style-type: none;
  padding: 0;
}
#ausstattung .property-cat {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
#ausstattung {
  padding-bottom: 111px;
}
.facility-title,
.facility-description {
  float: left;
  padding-right: 10px;
}
.facility-title {
  width: 20%;
}
.facility-description {
  width: 80%;
}
.socialmedia {
  left: 0;
  position: fixed;
  bottom: 100px;
  width: 60px;
  z-index: 9999;
}
.socialmedia .facebook, .socialmedia .googleplus, .socialmedia .twitter, .socialmedia .instagram, .socialmedia .youtube, .socialmedia .xing {
  display: block;
  font-size: 1.5em;
  height: 40px;
  width: 40px;
}
.socialmedia .facebook {
  background-color: #3b5998;
}
.socialmedia .facebook i {
  padding: 10px 14px 9px;
}
.socialmedia .googleplus {
  background-color: #dd4b39;
}
.socialmedia .googleplus i {
  padding: 10px 10px 9px;
}
.socialmedia .twitter {
  background-color: #00aced;
}
.socialmedia .twitter i {
  padding: 10px 10px 9px;
}
.socialmedia .instagram {
  background-color: #517fa4;
}
.socialmedia .instagram i {
  padding: 10px 11px 9px;
}
.socialmedia .youtube {
  background-color: #bb0000;
}
.socialmedia .youtube i {
  padding: 10px 11px 9px;
}
.socialmedia .xing {
  background-color: #005d5e;
}
.socialmedia .xing i {
  padding: 10px 11px 9px;
}
.socialmedia .facebook:hover,
.socialmedia .googleplus:hover,
.socialmedia .twitter:hover,
.socialmedia .instagram:hover,
.socialmedia .youtube:hover,
.socialmedia .xing:hover {
  opacity: 1;
  width: 54px;
}
.socialmedia a:hover i {
  color: #fff;
  opacity: 1;
}
#newsletter {
  display:block;
}
#newsletter .okMessage {
  color:#7ad901;
}
#newsletter .errorMessage{
  color:#d41f26;
}
#newsletterListAll{
  display: none;
  visibility: hidden;
}
#newsletter-modal {
  display: none;
  min-width: 290px;
}
.newsletter-abonnieren .newsletterFormGroup {
  margin-bottom: 50px;
}
.newsletter-abonnieren .newsletterFormGroup input {
  height: auto;
  width: auto;
}
.newsletter-abonnieren .newsletterFormGroup p{
  margin-bottom: 0px;
  font-size:15px;
}
#newsletter input[type=submit] {
  margin-bottom: 30px !important;
}
#newsletter-modal div.thumbnail {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none !important;
  float: left;
}
#newsletter-modal h2 {
  color: #b4002f;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}
#newsletter-modal h3 {
  color: #b4002f;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
#newsletter-modal p {
  color: #777;
  font-size: 1em;
  margin-bottom: 20px;
  text-align: left;
}
#newsletter-modal .add-on {
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  margin-right: -3px;
  padding: 14px;
}
#newsletter-modal input[type="email"] {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff #fff #fff transparent;
  border-image: none;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px medium;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4) inset !important;
  font-size: 20px;
  height: 53px;
  line-height: 40px;
  padding: 5px 10px;
  width: 242px;
}
.fancybox-opened .fancybox-skin {
  background: #fff none repeat scroll 0 0 !important;
  color: #444;
  position: relative;
  text-shadow: none;
}
.fancybox-title-over-wrap {
  left: initial;
  right: 0;
}
.product-section {
  float: left;
  width: 100%;
}
.product-section a img {
  opacity: 0.6;
}
.product-section a:hover img {
  opacity: 1;
  transition: opacity .3s ease-in-out 0s;
}
.product-section > a {
  border-bottom: 1px solid #cccccc;
  color: #333;
  float: left;
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
}
.product-section > a:first-child {
  border-top: 1px solid #cccccc;
}
.product-section > a:last-child {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 50px;
}
.product-section img {
  max-height: 200px;
  min-width: initial;
  width: auto;
}
#div_order > h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 30px;
}
.product-section > a .product-title *, .product-section > a .price {
  margin-top: 100px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
}
.product-section > a .product-title * {
  font-size: 20px;
}
.product-section > a .price {
  color: #dd042b;
  font-size: 30px;
}
.product-section > a .price > span {
  color: #7f7f7f;
  font-size: 15px;
}
.karte-bestellen input, .karte-bestellen select {
  border: 1px solid #ccc;
  padding: 6px 12px;
  height: 40px;
  width: 100%;
}
.karte-bestellen input#submitOrder {
  border:none;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal-body {
  position: absolute;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
  height: 173px;
  background-color: white;
  top: 32%;
  margin: 0 auto;
  left: 25%;
  right: 25%;
  text-align: center;
  box-shadow: 1px 1px 10px #000;
}
.red-text {
  color: #dd042b;
  font-weight: bold;
}
.karte-bestellen select#countryId {
  width: 100%;
}
.input-group-addon {
  background-color: #f0f0f0;
}
.karte-bestellen #birthday_text {
  background-color: #f0f0f0;
  padding: 6px 9px;
  border: 1px solid #ccc;
  height: 40px;
  width: 50%;
  line-height: 28px;
  float: left;
}
.karte-bestellen .field-span2 {
  width:50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 10px;
  float: left;
}
#karte-bestellen #valid_from_date {
  margin-bottom: 0px !important;
}
.karte-bestellen input, .karte-bestellen select#ordertitle {
  width: 100%;
}
.karte-bestellen .form-section input {
  width: 100%;
}
.karte-bestellen input[type=radio],
.karte-bestellen input[type=checkbox] {
  height: auto;
  width: auto;
  vertical-align: text-top;
}
.karte-bestellen .form-section #validity_days ul li,
.hotelcard-verlaengern .form-section #validity_days ul li {
  vertical-align:top;
}
.karte-bestellen .form-section #validity_days label b {
  color: #7ad901;
}
.karte-bestellen .form-section #validity_days input {
  width: auto;
}
.karte-bestellen .form-section #validity_days input[type=radio],
.karte-bestellen #payment-tab .form-section input[type=radio] {
  width: 15px;
  height: 15px;
}
.karte-bestellen .order-adress #datetimepicker5 ,
.karte-bestellen .order-adress #birthdate {
  border-radius: 0px;
  float: left;
}
.karte-bestellen #payment-tab ul li {
  vertical-align: middle;
}
.karte-bestellen #payment-tab ul li:nth-child(3) {
  width: 72%;
}
#orderform {
  float: left;
  width: 100%;
}
.form-section-title {
  text-align: left;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 15px;
}
.form-section-box {
  clear: both;
  display: block;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.agb-box input#agb {
  margin-right: 5px;
}
.agb-box a:active, .agb-box a:focus, .agb-box a:hover {
  opacity: 0.7;
}
#online-order-table {
  float: left;
  width: 100%;
}
#online-order-table fieldset {
  margin-bottom: 50px;
}
.ordersummary th {
  background-color: #e4e4e4;
  border: 1px solid #e4e4e4;
  padding: 5px;
}
.ordersummary td {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
}
#orderform td {
  vertical-align: top;
  padding: 5px;
}
.ordersummary tr.total td {
  border-top: 3px double #666;
}
#online-order-table .alignleft {
  text-align: left;
}
#online-order-table .alignright {
  text-align: right;
}
#online-order-table .centered {
  text-align: center;
}
#online-order-table tr.total {
  font-weight: bold;
}
.help {
  border-radius: 100%;
  padding: 2px 9px;
  color: #fff;
  cursor: help;
}
.help:hover {
  color: #fff;
}
#orderform .form-section-box p a {
  color: #b4002f;
  font-size: 14px;
}
#orderform .order-comment a {
  color: #b4002f;
}
#orderform .form-section-box .form-section-title {
  margin-bottom: 20px;
}
#orderform .valid-from-box {
  clear: left;
}
#orderform .valid-from-box #datetimepicker6 {
  margin-bottom: 0px;
}
#attraktive-konditionen form input, #attraktive-konditionen form textarea, #attraktive-konditionen form select {
  background-color: #fff;
  padding: 6px 12px;
}
#attraktive-konditionen form .btn {
  min-width: initial;
}
#attraktive-konditionen form .contact {
  margin-bottom: 10px;
}
#attraktive-konditionen form .contact label[for="contactFormFieldId_182"] {
  vertical-align: top;
}
#attraktive-konditionen #contactDescription h2 {
  margin-bottom: 60px;
}
#attraktive-konditionen #contactDescription h3 {
  background-color: transparent !important;
  margin-bottom: 40px;
}
#attraktive-konditionen  button {
  color: inherit;
}
#attraktive-konditionen  button.btn.hc-empty-btn {
  width: 90%;
  border-color: #fff;
  color: #fff;
}
#attraktive-konditionen  button.btn.hc-empty-btn:hover {
  color:#515151 !important;
}
#landing_page > p {
  font-size: 15px;
}
#landing_page #cards .cardcurrency,
#landing_page .cards .cardcurrency {
  top: 20%;
}
#landing_page .min-padding p {
  position: relative;
  line-height: 1.2;
}
#landing_page .min-padding p:first-child {
  margin-bottom: 0px;
  padding-top: 30px;
}
#landing_page .min-padding p:nth-child(2) span.cardcurrency {
  position: relative
}
#landing_page .min-padding p:nth-child(2) strike {
  font-size: 40px;
}
.landingpage .landingpage-section {
  margin-bottom: 50px
}
#content-main #text-rotator {
  font-size: 40px !important;
}
#content-main #text-rotator span.italic {
  font-style: italic;
}
.land-card a.btn.hc-green-btn.hc-big-btn.link_partner_id {
  padding: 28px 20px 27px!important;
}
#attraktive-konditionen #contactDescription #special-box-1 ul {
  padding-left: 23px;
}
.grey-box {
  background: #f5f5f5;
  border: solid 1px #e4e4e4;
  padding: 6px 15px 16px 15px;
}
.sidebar-widget {
  width: 100%;
  margin-bottom: 20px;
  float: right;
}
.grey-box h3 {
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
  color: #646464;
  font-size: 20px;
  height: 40px;
  position: relative;
  text-shadow: 1px 1px #fff;
  width: 100%;
  margin-top: 0;
  line-height: 1.9em;
  vertical-align: middle;
  margin-bottom: 15px;
}
.widget-image-dummy {
  width: 100%;
  height: auto;
  background: #dbdbdb;
  margin-bottom: 15px;
}
.sidebar-widget p {
  margin-bottom: 15px !important;
  font-size: 14px !important;
}
.sidebar-widget p a {
  color: inherit;
}
.widget-image-dummy img {
  width: 100%;
  height: auto;
}
.sidebar-widget div.icon_phone, .sidebar-widget span.icon_phone {
  background: url("../img/contact_icons.png") repeat scroll 0 0 transparent;
  display: inline-block;
  height: 16px;
  width: 20px;
  margin-right: 2px;
}
.sidebar-widget div.icon_fax, .sidebar-widget span.icon_fax {
  background: url("../img/contact_icons.png") repeat scroll 0 -20px transparent;
  display: inline-block;
  height: 16px;
  width: 20px;
  margin-right: 2px;
}
.sidebar-widget div.icon_email, .sidebar-widget span.icon_email {
  background: url("../img/contact_icons.png") repeat scroll 0 -38px transparent;
  display: inline-block;
  height: 16px;
  width: 20px;
  margin-right: 2px;
}
#landing_page {
  display: inline-block;
  margin-bottom: 80px;
}
#landing_page h3 {
  background-color: transparent;
  text-transform: none;
}
#landing_page #special-box-1 ul {
  padding-left: 20px;
}
#landing_page a {
  color: inherit;
}
.smaller {
  font-size: 12px;
}
.sammelbestellungen #contactFormError {
  display: none;
}
#attraktive-konditionen #sammelbestellungen-formula {
  margin-bottom: 60px;
  float: left;
  width: 100%;
}
#sammelbestellungen-formula h3 {
  margin-bottom: 60px
}
#sammelbestellungen-formula #contactFrame h2 {
  margin-bottom: 100px;
}
#sammelbestellungen-formula #contactFrame input.hc-green-btn.hc-big-btn {
  margin-top: 40px;
}
.sammelbestellungen .text-center > p {
  font-size: 15px;
}
.sammelbestellungen span.aktion-bubble {
  position:absolute;
  border-radius: 100%;
  padding: 20px 25px;
  font-size: 32px;
  font-weight: bolder;
  line-height: 1em;
  bottom: 15px;
  right: 15px;
}
.sammelbestellungen .text {
  overflow: hidden;
}
.sammelbestellungen .yellow {
  text-align: center;
  background-color: yellow;
  color: #333;
}
.sammelbestellungen .yellow p {
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 1em;
}
.sammelbestellungen .yellow p:first-child {
  font-size: 26px;
}
.sammelbestellungen .turn {
  position: absolute;
  width: 100%;
  -webkit-transform: rotate(-46deg);
  -moz-transform: rotate(-46deg);
  -ms-transform: rotate(-46deg);
  -o-transform: rotate(-46deg);
  transform:rotate(-46deg);
  left: -45%;
  top: -8%;
  padding: 30px 15px 10px;
  margin: 10px;
}
.main-form #contactFrame {
  padding: 20px 0px 10px;
}
.hotel-booking form input, .hotel-booking form select, .hotel-booking form textarea {
  min-width: 200px;
  max-width: 290px;
  background-color: #fff;
  padding: 6px 12px;
  margin-bottom: 10px;
  width: 100%;
}
#main-hotel-buchungsanfrage form#orderform {
  margin-bottom: 30px;
}
#main-hotel-buchungsanfrage #card-question-hidden {
  display: none;
}
#main-hotel-buchungsanfrage .panel-group .panel-heading {
  background-color: #7ad901;
  border-color: #7ad901;
  border-radius: 0px;
  padding: 0px;
}
#main-hotel-buchungsanfrage .panel-group .panel-heading a {
  width: 100%;
  text-align: center;
  display: block;
  color: #fff;
  padding: 10px 15px;
  font-size: 1.5em;
}
#main-hotel-buchungsanfrage .panel-group .panel-title {
  width: 100%;
  display: block;
  font-size: 22px;
  text-align: center;
  color: #fff;
}
#main-hotel-buchungsanfrage .panel-group .panel-title:hover,
#main-hotel-buchungsanfrage .panel-group .panel-title:focus {
  color: #fff;
  text-decoration: none;
  opacity: 1;
}
#main-hotel-buchungsanfrage #buchung-hotel-title h3,
#main-hotel-buchungsanfrage #buchung-hotel-title h4 {
  margin-bottom: 10px;
}
#main-hotel-buchungsanfrage .panel-group p {
  font-size: 14px;
  margin-bottom: 5px;
}
#main-hotel-buchungsanfrage .panel-group #buchung-hotel-title {
  margin-bottom: 30px;
}
#main-hotel-buchungsanfrage .panel-group input,
#main-hotel-buchungsanfrage .panel-group textarea,
#main-hotel-buchungsanfrage .panel-group select {
  padding: 6px 12px;
  border: 1px solid #ccc;
  min-height: 40px;
  width: 100%;
  margin-bottom: 30px;
}
#booking_children:focus {
  box-shadow: none !important;
}
#main-hotel-buchungsanfrage .panel-group input.submit.btn {
  border:none;
  width: auto;
  margin-top:0px;
}
#main-hotel-buchungsanfrage .panel-group #bbooking {
  float:left;
  width:100%;
}
#main-hotel-buchungsanfrage .panel-group .panel.panel-default {
  margin: 20px 0;
  border-radius: 0px !important;
  border: none;
}
#main-hotel-buchungsanfrage #accordion #collapseTwo #form-title-address h3,
#main-hotel-buchungsanfrage #accordion #collapseTwo #form-title-address p {
  margin-bottom: 15px
}
#main-hotel-buchungsanfrage #orderform input#confirm-yes,
#main-hotel-buchungsanfrage #orderform input#confirm-no {
  width: auto;
  min-width: 260px;
}
#standort h2,
#street h2 {
  padding-top: 35px;
}
#booking #accordion .panel {
  border: none;
  box-shadow: none;
}
#booking #accordion .panel-body {
  padding: 15px 0px;
}
#booking #accordion .panel-heading {
  text-transform: uppercase;
}
#details #hotelwatchlist {
  position: absolute;
  top: 0;
  right: 0;
  width: 290px;
  border: 1px solid #eee;
}
#details #booking_form #ArrivalDate {
  padding-right: 7.5px;
}
#details #booking_form #DepartureDate{
  padding-right: 7.5px;
}
#detail-shadow #floatBtn {
  display: inline-block;
  margin: 6px 0px 4px 0px;
  height: 30px;
  padding: 5px 15px 4px;
  color: #fff;
  border: none;
}
.search-filter {
  border-top: solid 1px #ccc;
  padding: 0px 15px;
}
.search-filter h4 {
  margin-bottom: 0px;
}
.search-filter .order_select ul {
  padding-left: 0px;
}
.search-filter .order_select li {
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 10px;
}
.search-filter .order_select li:first-child {
  display: none;
  visibility: hidden;
}
.search-filter .order_select li a {
  padding: 6px 10px;
  background-color: transparent;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: inherit;
  border: 1px solid #ccc;
}
.search-filter .order_select li a:hover {
}
.search-filter .order_select li a.active {
  background-color: rgba(0,0,0,0.05);
}
#hotelsearch #hotel-list .header_availability {
  padding: 15px;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#hotel-list .paging * {
  display: inline-block;
}
#kontakt-form #contactDescription h2 {
  text-align:center;
  margin-bottom: 80px;
}
#kontakt-form .contact {
  display: block;
}
#kontakt-form input[type*="submit"] {
  width: 40%;
  min-width: 260px;
  margin-top:20px
}
#kontakt-form #jochen-schweizer .content-section {
  padding-top: 0px;
}
#kontakt-form #jochen-schweizer h1 {
  margin-top: 50px;
  margin-bottom: 50px;
}
#kontakt-form #jochen-schweizer h2 {
  text-align: center;
}
#kontakt-form #special-coop-supercard {
  margin-top:50px;
}
#submitMessage {
  margin-top: 20px;
}
#submitMessage .alert-danger {
  color: #a94442 !important;
}
.circletemplate .img-circle img {
  padding:0px 15px;
}
.circletemplate .stamp {
  position:absolute;
  top:0;
  right:0;
  width:40%
}
#kontakt-form #special-coop-supercard img {
  width: auto;
  height: 200px;
  margin-bottom: 30px;
}
#kontakt-form #jochen-schweizer ol,
#kontakt-form #jochen-schweizer ul {
  padding-left: 20px
}
#kontakt-form .content-section {
  padding-top: 50px;
}
#kontakt-form #contactForm {
  margin-top: 50px;
}
#kontakt-form .contactFormClass_button {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 40%;
  min-width: 260px;
  border: none;
  height: auto;
}
#kontakt-form #contactForm,
.noContainerWidth {
  float:left;
  width: 100%;
  display:block;
}
.noContainerWidth {
  padding: 100px 0 20px 0;
}
#kontakt-form #contactDescription {
  margin-bottom: 50px;
}
.content #main-kontakt-form a[href*="mailto"] {
  font-size: 14px;
}
.content #main-kontakt-form section.team p,
.content #main-kontakt-form section.team p span {
  font-size: 14px;
}
.content #main-kontakt-form input, .content #main-kontakt-form textarea {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  width: 100%;
  margin-bottom: 5px;
}
.content #main-kontakt-form input {
  padding: 6px 12px;
  height: 40px;
  margin-bottom:30px;
}
.content #main-kontakt-form label {
  font-size: 16px;
}
.content #main-kontakt-form p {
  margin-bottom: 0px;
}
.content #main-kontakt-form .contactFormClass_button {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 40%;
  min-width: 260px;
  border: none;
  height: auto;
}
#legend {
  overflow: hidden;
  position: relative;
  color: rgb(0, 0, 0);
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  font-size: 13px;
  background-color: rgb(255, 255, 255);
}
#legend div.col-sm-4.col-xs-12 {
  margin-bottom: 0;
}
#legend .btn {
  width: 200px;
  height: 40px;
  position: relative;
  text-align: center;
  margin: 0px auto;
}
#legend img {
  width: 16px;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 5px;
  position: absolute;
  left: 8px;
  top: 4px;
}
#kartensuche-legend {
  padding: 15px 0px;
}
.swiss-tourism-logo.de {
  height: 65px;
  width: 226px;
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 0;
}
.swiss-tourism-logo.en {
  height: 65px;
  width: 226px;
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 0;
}
.swiss-tourism-logo.it {
  height: 65px;
  width: 226px;
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 0;
}
.swiss-tourism-logo.fr {
  height: 65px;
  width: 226px;
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 0;
}
.swiss-tourism-logo a {
  display: block;
  height: 65px;
  width: 226px;
}
#content-main #text-rotator {
  display:table;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  color: #fff;
  font-size: 40px !important;
}
#landingpage-top {
  height: 100px;
  margin-top: -100px;
}
#landingpage-logos {
  width: 100%;
  position: absolute;
  bottom: 0;
}
#landingpage-logos #newspaper-logos {
  float: left;
  padding-left: 15px;
  margin-bottom: 30px;
}
#landingpage-logos #newspaper-logos span {
  font-size: 24px;
  font-weight: bolder;
  font-style: italic;
  color: #fff;
}
#landingpage-logos .swiss-tourism-logo {
  float: right;
  padding-right: 15px;
  margin-bottom: 20px;
}
#landingpage-logos img {
  width: auto;
  min-width: initial;
  margin-left: 15px;
}
#landingpage-logos #newspaper-logos img.minpic {
  width: 45px;
}
#landingpage-logos #newspaper-logos img[alt="Tages Anzeiger"] {
  width: 130px;
}
#landingpage-logos #newspaper-logos img[alt="SonntagsZeitung"] {
  width: 200px;
}
#landingpage-header-form {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.7);
  padding: 50px 40px;
}
#landing_page h1 {
  margin-top: 0px;
  margin-bottom: 100px;
}
#landing_page > div.text-center > p > a {
  color: #b4002f;
}
#landingpage-header-form h2 {
  text-align: center;
}
#landingpage-header-form h2, #landingpage-form-text {
  font-weight: bold;
}
#landingpage-logos div[class*="swiss-tourism-logo"] {
  float:right;
}
.circletemplate div.img-circle {
  margin-bottom: 40px;
  text-align: center;
  vertical-align: middle;
}
.circletemplate img {
  margin: 0px;
  vertical-align: middle;
  margin-bottom: 30px;
}
.circletemplate h2 {
  font-weight: bold;
  margin-bottom: 60px;
}
.circletemplate span.small {
  font-size: 14px;
}
.hotelcard-info {
  border-top: 1px solid #ccc;
}
.hotelcard-info div.col-sm-4 {
  margin-bottom: 30px;
}
.hotelcard-info #hotelcard-info-downloads {
  display: inline-block;
}
#hotel-register-circle div.text-center {
  display:inline-block;
  width: 100%;
}
.hotelregistrieren .formtitle > h3 {
  margin-top: 40px;
  text-align: center;
}
.hotelcard-info span.fa-stack {
  font-size: 90px;
}
.hotelcard-info span i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.hotelcard-info span i.fa-stack-1x {
  color: #fff
}
.hotelcard-info span.small {
  line-height: 2em;
}
.hotelcard-info #hotelcard-info-quote {
  text-align: left !important;
  margin: 50px 0 0;
}
.hotelcard-info .hotelcard-info-text {
  font-size: 14px;
}
.hotelcard-info .imgholder img {
  width: auto;
  margin-bottom:30px
}
.hotelcard-info #hotelcard-info-downloads li {
  text-align: left !important;
}
.hotelcard-info #hotelcard-info-person {
  margin: 20px 0px;
}
.hotelcard-info #hotelcard-info-person img {
  border-radius: 100%;
  min-width: initial;
  max-width: 180px;
  max-height:180px;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
.column-pic h2 {
  text-align: center;
}
.column-pic div.col-sm-6,
.column-text div.col-sm-6,
.column-list div.col-sm-6 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 30px;
}
.column-pic h3,
.column-text h3,
.column-pic div.col-sm-6 img,
.column-text div.col-sm-6 img {
  margin-bottom: 15px;
}
.column-pic p,
.column-text p {
  font-size: inherit;
}
.column-pic span,
.column-text span {
  font-style: italic;
}
.column-pic ul,
.column-text ul,
.column-list ul {
  padding-left: 0px;
  list-style: none;
}
.column-pic ul li,
.column-text ul li,
.column-list ul li {
  padding-left: 20px;
  position: relative;
}
.column-pic ul li:before,
.column-text ul li:before,
.column-list ul li:before {
  position: absolute;
  top: 3px;
  left: 0px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform:translate(0, 0);
  content: "\f00c";
  color: #7ad901;
}
.column-text,
.column-list {
  padding: 50px 0px 20px !important;
}
.column-list h3 {
  padding: 0px 15px;
}
.column-info div.img-circle {
  position: relative;
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px auto 30px;
}
.column-info img {
  margin-top: 0px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.column-info.hotelcard-info-block img {
  margin-top: 0px;
  min-width: auto;
  min-width: initial;
  width: 100%;
  min-height: auto;
  min-height: initial;
  height: auto;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.column-info.hotelcard-info-block #hotelcard-info-quote {
  margin: 50px 0px;
}
.column-info.hotelcard-info-block a.btn.hc-green-btn.hc-big-btn {
  color: #fff;
  width: auto;
}
.column-info span {
  display:inline-block;
  text-align: center;
  margin-right: 15px;
  font-size: 14px;
}
.column-info a {
  color: #b4002f;
}
.column-info > div > div > p {
  font-size: 32px;
}
.content #map {
  position: relative;
  overflow:hidden;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
}
#hotelGoogleMap.fixedPosition,
#hotelGoogleMapSearch.fixedPosition {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10000 !important;
}
#hotelcard-bestellen > div.container.content-section {
  padding-top: 0px;
}
#hotelcard-bestellen a.btn {
  width: 40%;
  min-width: 290px !important;
  padding: 20px !important;
  font-size: 20px;
  font-weight: bold;
}
#hotelcard-bestellen a.btn:hover,
#hotelcard-bestellen a.btn:focus {
  color: #fff;
}
.the-team h2 {
  margin-bottom: 60px;
}
.the-team .col-sm-4 {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.the-team .col-sm-4 figure {
  position: relative;
  float: left;
  overflow: hidden;
  background: #bebebe;
  text-align: center;
  width: 100%;
  height: 100%;
}
.the-team figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
.the-team figure figcaption,
.the-team figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.the-team figure.effect-apollo {
  background: #b4002f;
}
.the-team .img-responsive {
  height: 365px;
  background-repeat: no-repeat;
  background-size: cover;
}
.the-team .img-responsive:hover .effect-apollo {
  opacity: 0.8;
}

#kontakt-box .img-responsive {
  background-color: #b4002f;
}

.the-team figure.effect-apollo img {
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform:scale3d(1.05,1.05,1);
  transform:scale3d(1.05,1.05,1);
}
.the-team figure.effect-apollo figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.the-team figure.effect-apollo p {
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  margin: 0em 10% 3em 0em;
  padding: 0 1em;
  max-width: 90%;
  border-right: 4px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  font-size: 14px;
}
.the-team figure.effect-apollo p a {
  color: #fff;
}
.the-team figure.effect-apollo h2 {
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}
.the-team figure.effect-apollo div.bg {
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,.3);
  width:100%;
}
.the-team figure.effect-apollo span {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 15px;
}
.the-team figure.effect-apollo:hover img {
  opacity: 0.2;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
}
.the-team figure.effect-apollo:hover div.bg {
  background-color: transparent;
}
.the-team figure.effect-apollo:hover h2 {
  color: #fff;
  margin-bottom: 5px;
  background-color: transparent;
}
.the-team figure.effect-apollo:hover span {
  display: none;
}
.the-team figure.effect-apollo:hover figcaption::before {
  -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,101%,0);
  transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,101%,0);
}
.the-team figure.effect-apollo:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.the-team #kontakt-box > a {
  position: relative;
  background-color: #b4002f;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.the-team #kontakt-box > a:hover {
  opacity: 1;
  background-color: #b4002f;
}
.the-team #kontakt-box span {
  z-index: 999;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform:translate(-50%, -50%) !important;
  width: 80%;
  max-width: 350px;
}
.the-team #kontakt-box:hover span {
  color: #333 !important;
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important;
}
#fake-breadcumb,
#subnavlist {
  background-color: rgba(0,0,0,0.7);
  text-align: center;
  top: -46px;
  position: absolute;
  width: 100%;
}
#fake-breadcumb ul {
  margin: 0px;
  position: relative;
}
#fake-breadcumb ul li {
  color: #fff;
}
#fake-breadcumb ul li a,
#subnavlist a {
  padding: 13px 15px;
  color: #fff;
}
#fake-breadcumb ul li:hover {
  background-color: #fff;
}
#fake-breadcumb ul li:hover a {
  color: #333 !important;
}
#subnavbar {
  position: relative;
}
#subnavlist ul {
  margin-bottom: 0px;
}
#subnavlist * a  {
  color: #fff;
}
#subnavlist ul li.active ul li:hover  {
  background-color: #fff;
}
#subnavlist ul li.active ul li:hover a {
  color: #333;
}
.list-inline > li *,
.list-inline > li ul *
{
  display: inline-block;
  padding-left: 0px;
}
.list-inline > li > ul,
.list-inline > li {
  padding: 0px;
}
.list-inline > li.active > ul li.active > a {
  background-color: #fff;
}
.list-inline > li.active > ul li.active > a {
  color: #333 !important;
}
.list-inline > li.active > a {
  display: none;
}
.sticky-wrapper {
  z-index: 5;
  width: 100%;
}
section#whyus {
  text-align: center
}
#whyus div.container > h2{
  margin-bottom: 100px;
}
section#whyus .warumpoints .dotted-line {
  position: absolute;
  top: 0;
  bottom: 10%;
  left: 16.2%;
  z-index: 1;
  border-left: 3px dotted #ccc
}
section#whyus .warumpoints .spacer {
  height: 5em
}
section#whyus .warumpoints .warumpoint {
  position: relative;
  padding-bottom: 3em;
  text-align: left
}
section#whyus .warumpoints .warumpoint {
  width:100%;
  display: table;
  height: 150px
}
section#whyus .warumpoints .warumpoint p {
  height: 150px;
  display: table-cell;
  margin: 0px;
  vertical-align: middle;
  font-size: 2em;
  line-height:1.2em;
}
section#whyus .warumpoints .warumpoint+.warumpoint {
  padding: 3em 0
}
#whyus .rounded-icon {
  position: relative;
}
#whyus .rounded-icon svg {
  color: #fff;
  width: 65%;
  height: 65%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
#whyus .rounded-icon.active .svg path {
  fill: #fff;
}
.rounded-icon.active {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0 #b4002f;
  box-shadow: 0 0 0 0 #b4002f;
}
.rounded-icon {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 150px;
  height: 150px;
  color: #ccc;
  text-align: center;
  background: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #ccc;
  box-shadow: 0 0 0 4px #ccc;
  -webkit-transition: color .2s,-webkit-box-shadow .3s;
  transition: color .2s,box-shadow .3s;
  background-color: #fff;
}
.rounded-icon .csicons {
  font-size: 90px;
  line-height: 150px;
}
[class^="icon-"], [class*=" icon-"] {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform:none;
  speak: none;
  font-variant: normal;
  -moz-osx-font-smoothing: grayscale;
}
.icon-desc {
  width: 20px;
  height: 10px;
  display: block;
  float: left;
  margin-top: 4px;
  margin-right: 5px;
  background: url("../img/hotelcard-sprites.png") no-repeat -190px -120px;
}
.icon-asc {
  width: 20px;
  height: 10px;
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 4px;
  background: url("../img/hotelcard-sprites.png") no-repeat -190px -130px;
}
.rounded-icon.active:before {
  opacity: 1;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
}
.rounded-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 150px;
  height: 150px;
  background: #b4002f;
  border-radius: 50%;
  content: "";
  opacity: 0;
  -webkit-transform:scale(1.3);
  -ms-transform:scale(1.3);
  transform:scale(1.3);
  -webkit-transition: -webkit-transform .4s,opacity .3s;
  transition: transform .4s,opacity .3s;
}
#headlines {
  padding: 0px 100px;
}
#headlines .picholder {
  height: 540px;
  margin-bottom: 30px;
}
#headlines a.effect {
  position: relative;
  float: left;
  overflow: hidden;
  background: #eee;
  text-align: center;
  width: 100%;
  height: 100%;
}
#headlines a.effect img {
  position: relative;
  display: block;
  min-height: 100%;
  min-width: 100%;
}
#headlines a.effect figcaption {
  padding: 2em;
  color: #fff;
  text-transform:uppercase;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#headlines a.effect figcaption::before,
#headlines a.effect figcaption::after {
  pointer-events: none;
}
#headlines a.effect figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#headlines a.effect h4 {
  letter-spacing: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
}
#headlines a.effect figcaption {
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
#headlines a.effect figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
}
#headlines a.effect figcaption::before,
#headlines a.effect h4 {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform:scale(0);
  transform:scale(0);
}
#headlines a.effect:hover figcaption::before  {
  opacity: 1;
  -webkit-transform:scale(1);
  transform:scale(1);
}
#headlines a.effect:hover h4 {
  opacity: 1;
  -ms-transform: scale(1) translate(-50%, -50%);
  -webkit-transform: scale(1) translate(-50%, -50%);
  -moz-transform: scale(1) translate(-50%, -50%);
  -o-transform: scale(1) translate(-50%, -50%);
  transform:scale(1) translate(-50%, -50%);
}
#headlines a.effect:hover figcaption {
  background-color: rgba(180,0,47,0.8);
}
#headlines a.effect:hover img {
  opacity: 1;
}
.hotelcard-medien div.col-xs-12 > div {
  margin-bottom: 25px;
}
.hotelcard-medien h3 {
  margin-top:30px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.hotelcard-medien a {
  color: #b4002f;
}
.hotelcard-medien a:hover,
.hotelcard-medien a:focus {
  opacity: 0.7;
  color: #b4002f;
}
.hotelcard-medien p {
  font-size: 14px;
  margin-bottom: 3px;
}
.hotelcard-medien #medien-spiegel,
.hotelcard-medien #medien-mitteilungen,
.hotelcard-medien #medien-downloads {
  text-align: left;
}
.hotelcard-medien #medien-spiegel {
  margin-bottom: 50px;
}
.hotelcard-medien #medien-spiegel span,
.hotelcard-medien #medien-mitteilungen span,
.hotelcard-medien #medien-downloads a,
.hotelcard-medien #medien-downloads p span {
  float: right;
}
.all-news {
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.all-news *[role="article"] {
  display:none;
}
.all-news *[role="article"]:nth-child(-n+4) {
  display:block;
}
.all-news .col-sm-6 {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.all-news div.col-sm-6 > a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  float:left;
  width: 100%;
}
.all-news div.col-sm-6 > a:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.all-news div.col-sm-6 > a .all-news-picholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.all-news div.col-sm-6 > a .all-news-picholder img {
  position: absolute;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  -ms-transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.all-news div.col-sm-6:hover> a .all-news-picholder img {
  min-width: 105%;
}
.all-news div.col-sm-6 .all-news-title {
  background-color: rgba(255,255,255,0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  left: 15px;
  -webkit-transition: 0.5s all ease;
  -transition: 0.5s all ease;
  transition: 0.5s all ease;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.all-news div.col-sm-6:hover .all-news-title {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.all-news div.col-sm-6 .all-news-title a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  height: 100%;
  color: #b4002f;
  opacity: 1;
}
.all-news div.col-sm-6 .all-news-title h2 {
  position: absolute;
  z-index: 12;
  width: 100%;
  top: 50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  text-align: center;
}
#news-content {
  width: 100%;
}#news-content h2 {
  text-align: center;
}
#news-content #news-social-media {
  text-decoration: none;
  padding-left: 0px;
  line-height: 10px;
  float:left;
  width:100%;
}
#news-content #news-main-text a img {
  display: inline-block;
  float:left;
  width:49%;
  margin: 0 2% 0px 0px !important;
}
#news-content #news-date {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#news-content a:hover {
  color: #b4002f;
  opacity: 0.3;
}
#news-content #news-main-text {
  font-size: 16px;
}
#testimonial-list h2 {
  margin-bottom: 100px;
  text-align: center;
}
#testimonial-list .testimonials {
  margin-bottom: 30px;
}
#testimonial-list .testimonials .picholder {
  overflow: hidden;
  width: 100%;
}
#testimonial-list .testimonials .picholder img {
  width: 100%;
}
#testimonial-list .testimonials .text {
  position: relative;
  display: block;
  float: left;
  padding: 15px 15px 35px;
  width: 100%;
}
#testimonial-list .testimonials .text p {
  font-size: 14px;
  margin-bottom: 40px;
}
#testimonial-list .testimonials .text span {
  position: absolute;
  bottom: 20px;
}
#testimonial-list .testimonial-section a[data-target="#testimonial-more"] {
  color: #333;
  min-width: 290px;
}
.priceFix {
  color: #fff;
}
.priceFix .price {
  font-size:30px;
}
section#login > div.content-section {
  padding-bottom: 65px !important;
}
#login, #login p {
  width: 100%;
  font-size: 14px;
  text-align: center;
}
#login a {
  color: #b4002f;
  margin-bottom: 15px;
}
#login input {
  border-radius: 0px;
  padding: 6px 12px;
  min-height: 40px;
  margin-bottom: 15px;
}
#login #login-button {
  width: 100%;
  margin-bottom: 15px;
}
#login div.text-center > a.btn.hc-green-btn {
  width: 100%;
  color: #fff;
  margin-bottom: 15px;
}
#login #login-reg-btn {
  border-top: 1px solid #ccc;
  padding-top:10px;
}
#login #lost-pw {
  margin-bottom: 15px;
}
#login .remember_me {
  height: auto;
  margin-bottom: 15px;
  min-height: initial;
}
#login.pw-restore input.btn.hc-green-btn {
  width: 100%;
}
.jobs {
  text-align: left;
  display: block;
}
.jobs img {
  margin-bottom: 15px;
}
.jobs div.col-sm-9.col-xs-12  {
  text-align: justify;
}
#initiativbewerbung a.btn {
  width: 260px;
  margin-top: 30px;
  color: #333;
}
#initiativbewerbung p {
  margin-bottom:5px;
}
#initiativbewerbung div.img-circle {
  position: relative;
  width: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0px auto 30px;
}
#initiativbewerbung img {
  margin-top: 0px;
  min-width: 250px;
  width: auto;
  min-height: 250px;
  height: auto;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.partners div.partner div.col-sm-4 {
  margin-bottom: 30px;
}
.partners div.partner h2 {
  padding: 0px 15px;
}
.partners div.partner img {
  padding: 40px;
  border: 1px solid rgba(0,0,0,0.2);
}
.partners div.partner:nth-child(even) {
  background-color: #f0f0f0;
}
section.partners div.col-sm-4 > a {
  display: block;
  background-color: #fff;
}
#hotel-register-circle div.col-sm-4 > p {
  font-size: 14px;
}
.hotel-registrationx .formbutton input.hc-green-btn {
  width:auto;
}
#hotel-register-circle a.btn {
  width: auto;
  min-width: 260px;
  display: inline-block;
  padding: 20px 15px !important;
}
#hotel-register-circle a.btn:hover {
  color: #fff;
  opacity: 0.7;
}
.hotelcard-info div.col-sm-4 ul {
  list-style: none;
  padding-left: 0px;
}
.hotelcard-info div.col-sm-4 ul li a {
  color: #b4002f;
}
#sitemap a {
  color: #b4002f;
}
#sitemap ul {
  padding-left: 0px;
  list-style: none;
  font-size: 16px;
  font-weight: 400;
}
#sitemap ul li.sitemap_level_1 {
  margin-top: 15px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#sitemap ul li.sitemap_level_1 a {
  border-bottom: 1px solid rgba(0,0,0,.3);
  font-weight: 900;
}
#sitemap ul li.sitemap_level_2 {
  margin-left: 20px;
  font-size: 90%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  list-style: disc;
}
#sitemap ul li.sitemap_level_3 {
  margin-left: 40px;
  font-size: 80%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  list-style: disc;
}
#impressum a:hover {
  color: #b4002f;
  opacity: 0.7;
}
#impressum p {
  font-size: 14px;
}
.impressum div.text-center > h2,
.agb div.text-center > h2 {
  margin-bottom: 80px;
}
#agb {
  display: block;
  float: left;
  padding: 0px 15px;
}
#agb ol li {
  margin-bottom:15px
}
#hotelGoogleMap .regionlabels,
#hotelGoogleMapSearch .regionlabels {
  color: #fff;
  padding: 3px 0px 5px 32px;
  background: url(../img/icons/region.png) no-repeat 0px -1px #D41F26;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0.7 !important;
  width: 0px;
  box-shadow: 1px 1px 5px #000;
}
#hotelGoogleMap .regionlabels:hover,
#hotelGoogleMapSearch .regionlabels:hover {
  opacity: 1 !important;
  z-index: 1000 !important;
  background: url(../img/icons/region.png) no-repeat 0px -1px #D41F26;
  width: auto;
  padding-right: 6px;
}
.themen-hotels .themen-hotel-categories {
  position: relative;
  margin-bottom: 30px;
}
.themen-hotels .themen-hotel-categories > a {
  width:100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.themen-hotels .themen-hotel-categories > a:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.themen-hotels .themen-hotel-categories a .hotel-themes-picholder {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.themen-hotels .themen-hotel-categories img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.themen-hotels .themen-hotel-categories a {
  color: #fff;
}
.themen-hotels .themen-hotel-categories a span.title {
  text-transform:uppercase;
  width: 90%;
  text-align: center;
  color: #fff;
  font-size: 2em;
  font-weight: 600;
  letter-spacing: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.themen-hotels .themen-hotel-categories:hover span.theme-text {
  position: absolute;
  bottom: 0 !important;
  width: 100%;
  color: #fff;
  background-color: #000;
  display: block !important;
  text-transform:initial;
  text-align: center;
  font-size: 1em;
  padding: 5px 15px;
  text-align: left;
  z-index: 1;
}
.tourismusregionen-details div[class^="cantons_list"] h3 {
  text-align: left;
  padding:15px 15px 0px;
}
.tourismusregionen-details #map-holder {
  min-height: 500px;
  position: relative;
}
.tourismusregionen-details #map-holder .cantons_map {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.tourismusregionen-details div[class^="region_column"] {
  max-width: 650px;
  margin: 0 auto;
}
.tourismusregionen-details div[class^="region_column"] a {
  font-size: 14px;
}
.tourismusregionen-details .cantons_list_2,
.paragraph {
  margin-top: 30px;
}
.tourismusregionen-details div[class^="region_column"] a:hover {
  color: #b4002f;
  opacity: 0.7;
}
.tourismusregionen-details .tab-content ul {
  padding-left: 0px;
  margin-bottom: 0px;
  float:left;
  width:100%;
  list-style: none;
}
.tourismusregionen #hotel-categories .tab-pane .hotel-picholder img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
#hotel-categories .showOnmobile {
  display: none;
  visibility: hidden;
}
#hotelcard-verlaengern input,
#hotelcard-verlaengern select {
  padding: 6px 12px;
  border: 1px solid #ccc;
  min-height: 40px;
  width: 100%;
}
.hotelcard-verlaengern input[type=radio],
.hotelcard-verlaengern input[type=checkbox] {
  height: auto !important;
  width: auto !important;
}
.hotelcard-verlaengern input.submit.hc-green-btn {
  min-width: 260px;
  height: auto;
}
.hotelcard-verlaengern .form-section p {
  margin-bottom: 10px;
  float:left;
  width: 100%;
}
#hotelcard-verlaengern label {
  line-height: 40px;
}
#hotelcard-verlaengern > div.text-center > h1 {
  margin: 0px 0px 100px;
}
#hotelcard-verlaengern #authenticate input.hc-red-btn {
  margin: 30px auto 30px 25%;
}
#hotelcard-verlaengern #authenticate input {
  height: auto !important;
  width: 100%;
  max-width: initial;
}
#hotelcard-verlaengern #authenticate .panel-default {
  border: none;
  box-shadow: none;
}
#hotelcard-verlaengern #authenticate .panel-heading,
#hotelcard-verlaengern #authenticate .panel-body {
  padding: 0px;
  background-color: transparent;
}
#hotelcard-verlaengern #authenticate .panel-body {
  margin-bottom: 15px;
  padding-top:15px;
}
#hotelcard-verlaengern #authenticate .panel-heading a {
  color: #b4002f;
  font-size: 14px;
}
#hotelcard-verlaengern #authenticate .panel-heading:hover a {
  opacity: 0.7;
}
#hotelcard-verlaengern .form-section-box .form-section div > p {
  background-color: #f0f0f0;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border: 1px solid #ccc;
}
#hotelcard-verlaengern .form-section-box .form-section div > label {
  line-height: 1em;
  margin-bottom: 15px;
}
#hotelcard-verlaengern .form-section-box {
  border: none;
}
#hotelcard-verlaengern .form-section-box .form-section p.inactive-form-field {
  background-color: #f0f0f0;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border: 1px solid #ccc;
  margin-bottom: 30px
}
.hotelcard-verlaengern input,
.hotelcard-verlaengern textarea,
.hotelcard-verlaengern select {
  -webkit-appearance: text;
  -moz-appearance: text;
  appearance: text;
  -webkit-border-radius: 0px;
  height: 40px;
  border-radius: 0;
  line-height: 1.4em;
  padding: 5px 10px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  background-color: #fff;
  width: 100%;
}
.hotelcard-verlaengern #accept-agb {
  margin-top: 30px;
}
.hotelcard-verlaengern h3.form-section-title {
  font-size: 24px;
  margin-top: 40px;
}
.hotelcard-verlaengern #validity_days {
  display: block;
  float: left;
  width: 100%;
}
.hotelcard-verlaengern #validity_days label {
  max-width: 95%;
  line-height: initial;
}
.hotelcard-verlaengern #validity_days input {
  vertical-align: top;
  min-height: 100%;
}
.hotelcard-verlaengern #validity_days label b {
  color: #7ad901;
}
#hotelcard-verlaengern .form-section-box .form-section div > label {
  line-height: 1em;
  margin-bottom: 15px;
}
#hotelcard-verlaengern .form-section-box .form-section-title {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border: none;
}
#hotelcard-verlaengern #payment-tab input {
  min-height: initial !important;
  height: auto;
}
#hotelcard-verlaengern #discount_img{
  margin-bottom: 25px;
}
#hotelcard-verlaengern > div.img-responsive img{
  margin-bottom: 40px;
}
.sponsoring h2 {
  margin-top: 40px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.job .jobs div.col-xs-12 h2 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.sponsoring > div.col-xs-12 h2:first-child {
  margin-top: 0px;
}
.sponsoring h3 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.hotelregistrieren .breadcrumbs {
  border-bottom: 1px solid #e4e4e4;
  margin-left: 0;
  list-style: none;
  overflow: hidden;
  padding-left: 0px;
}
.hotelregistrieren .breadcrumbs li {
  float: left;
  padding: 9px 15px 9px 30px;
  border-right: 1px solid white;
  background: #b4002f
}
.hotelregistrieren .breadcrumbs li a {
  color: white;
  text-decoration: none;
  position: relative;
  display: block;
  float: left;
}
.hotelregistrieren .breadcrumbs li a:hover {
  opacity: 1 !important;
}
.hotelregistrieren .breadcrumbs li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #b4002f;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  left: 100%;
  z-index: 2
}
.hotelregistrieren .breadcrumbs li a:before {
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  border-top: 50px solid transparent;
  content: " ";
  display: block;
  height: 0;
  left: 100%;
  margin-left: 1px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1
}
.hotelregistrieren .breadcrumbs li span {
  color: white;
  text-decoration: none;
  position: relative;
  display: block;
  float: left
}
.hotelregistrieren .breadcrumbs li span:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #b4002f;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  left: 100%;
  z-index: 2
}
.hotelregistrieren .breadcrumbs li span:before {
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  border-top: 50px solid transparent;
  content: " ";
  display: block;
  height: 0;
  left: 100%;
  margin-left: 1px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1
}
.hotelregistrieren .breadcrumbs li.eneabled:hover {
  background: #d32833
}
.hotelregistrieren .breadcrumbs li.eneabled:hover a {
  color: white;
  text-decoration: none;
  position: relative;
  display: block;
  float: left
}
.hotelregistrieren .breadcrumbs li.eneabled:hover a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #d32833;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  left: 100%;
  z-index: 2
}
.hotelregistrieren .breadcrumbs li.eneabled:hover a:before {
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  border-top: 50px solid transparent;
  content: " ";
  display: block;
  height: 0;
  left: 100%;
  margin-left: 1px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1
}
.hotelregistrieren .breadcrumbs li.disabled {
  float: left;
  padding: 9px 15px 9px 30px;
  border-right: 1px solid #b4002f;
  background: #f5f5f5;
  color: #3e3e40
}
.hotelregistrieren .breadcrumbs li.disabled span {
  color: #3e3e40;
  text-decoration: none;
  position: relative;
  display: block;
  float: left
}
.hotelfacilities-box > div.form-inputfield {
  margin: 15px -15px;
  float:left;
  width: 100%;
}
.hotelfacilities-box > label {
  font-size: 16px;
}
.hotelfacilities-box .hotelfacilities > label {
  font-weight: normal;
  font-size: 12px;
  word-wrap: break-word;
}
.hotelfacilities-box .hotelfacilities > input {
  vertical-align: text-top;
}
.hotelregistrieren .nav-tabs > li > a {
  border-radius: 0px;
}
.hotelregistrieren .nav-tabs {
  margin-bottom: 30px
}
.hotelregistrieren .nav-tabs > li > a {
  border-radius: 0px;
}
.hotelregistrieren .nav-tabs {
  margin-bottom: 30px
}
.hotelregistrieren .tab-pane .form-inputfield .contactFormGroup input {
  margin-left: 15px;
  vertical-align: text-top;
}
.hotelregistrieren .tab-pane .form-inputfield .contactFormGroup input:first-child {
  margin-left: 0px
}
.hotelregistrieren .tab-pane .form-inputfield .contactFormGroup label {
  font-weight: normal;
}
.hotelregistrieren .tab-pane .form-inputfield .contactFormGroup {
  margin-bottom: 40px;
}
.hotelregistrieren .breadcrumbs.stebs li:last-child {
  display:none;
  visibility: hidden;
}
.hotelregistrieren .breadcrumbs li.disabled span:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f5f5f5;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  left: 100%;
  z-index: 2
}
.hotelregistrieren .breadcrumbs li.disabled span:before {
  border-bottom: 50px solid transparent;
  border-left: 30px solid #e4e4e4;
  border-top: 50px solid transparent;
  content: " ";
  display: block;
  height: 0;
  left: 100%;
  margin-left: 1px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform:translateY(-50%);
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1
}
.form-inputfield p.inputgroup {
  height:40px;
  margin-bottom: 20px;
  font-size: inherit;
  vertical-align: middle;
  line-height: 40px;
}
.form-inputfield p.inputgroup label[for="contact_gender-1"] {
  margin-right: 20px;
}
.hotelreg-radio-btn label {
  margin-bottom: 25px;
}
.hotelregistrieren .min-marg-bottom {
  margin-bottom: 40px;
}
.hotelregistrieren .min-marg-bottom input[type="checkbox"]{
  width: 2em;
  height: 2em;
}
.hotelregistrieren .formtitle h2 {
  text-align: center;
  margin: 40px 0px 60px;
}
.hotelregistrieren .breadcrumbs li a {
  font-size: 14px;
}
#count_min, #count_max {
  width: 50px !important;
}
form .not-valid input {
  border: 2px solid #d41f26;
}
/* Disable the default "glow" in Mozillla */
:invalid, :-moz-submit-invalid, :-moz-ui-invalid {
  box-shadow: none;
}
#booking_request input.dirty:not(:focus):invalid,
/*#booking_request input.dirty:not(:focus):required*/
#booking_request select.dirty:not(:focus):invalid
/*#booking_request select.dirty:not(:focus):required*/
{
  border: #f66 solid 2px;
  border-radius: 2px;
}
.alert {
  border-radius: 0px;
  display: block;
}
.gm-style-iw {
  width: 320px !important;
  top: 14px !important;
  background-color: #b4002f;
  box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
  border-radius: 0;
  left: 58.5% !important;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform:translateX(-50%);
}
.gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div,
.gm-style > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div {
  background-color: #b4002f !important;
}
#iw-container .iw-content {
  padding: 15px;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.iw-pic-box {
  width: 100%;
  display: inline-block;
  position: relative;
}
.iw-pic-box:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.iw-pic-box .picholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.iw-pic-box .picholder img {
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gm-style-iw > div {
  width:320px !important;
}
.gm-style-iw .iw-bottom-box .iw-subTitle {
  font-size: 16px;
  font-weight: bold;
}
.gm-style-iw .iw-bottom-box {
  color: #fff;
  display: block;
  float:left;
  width: 100%;
  padding-top: 5px;
}
.gm-style-iw .iw-bottom-box .stars-w-0 {
  display:none;
  visibility: hidden;
}
.gm-style-iw .iw-bottom-box .stars-w-stars-0 {
  display:none;
  visibility: hidden;
}
.gm-style-iw .iw-bottom-box p {
  margin-bottom:0px;
  line-height: 1em;
  font-size: 14px;
}
.gm-style-iw .iw-content > a.more {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.gm-style-iw .iw-content > a.more:hover {
  color: #333 !important;
}
#news-social-media li.google-plus {
  width: 65px;
}
section.rechtliche h3 {
  margin-top: 40px;
}
section.rechtliche h3:first-child {
  margin-top: 0px;
}
.land-card-template .picholder {
  border: 1px solid #f0f0f0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.land-card-template .picholder img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform:translate(-50%, -50%);
}
.land-card-template .land-badge {
  position: absolute;
  width: 100%;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  right: -48.5%;
  top: -30%;
  padding: 36px 15px 10px !important;
  margin: 8px;
  text-align: center;
  background-color: yellow;
  color: #333;
  font-weight: bold;
}
.land-card-template .land-card {
  display:block;
  float:left;
  width:100%;
  margin-bottom: 100px;
}
.land-card-template .land-card:last-child {
  margin-bottom: 0px;
}
.land-card-template .land-card h2 {
  margin-bottom: 60px;
}
.land-card-template .land-badge .land-amount {
  font-size: 16px;
}
.land-card-template .land-badge .land-earn {
  font-size: 14px;
}
.land-card-template .land-card .sameheight1 > .row {
  margin-bottom: 15px;
}
.land-card-template .land-card .sameheight1 > .row:last-child {
  margin-bottom: 0px;
}
.land-card-template .land-card .sameheight1 .row .col-md-8.col-sm-12.col-xs-12.relative {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #f0f0f0;
}
.land-card-template .land-card .sameheight1 .row .col-md-8.col-sm-12.col-xs-12.relative > div {
  display: inline-block;
  padding: 13px 15px;
}
.land-badge .link_partner_id {
  float: none;
}
.land-card-template .land-card .sameheight1 .row .land-badge p {
  margin-bottom: 0px;
}
.land-card-template .land-card .land-years {
  font-size: 18px;
  font-weight: bold;
  float:left;
  line-height: 57px;
}
.land-card-template .land-card .land-price .land-currency {
  margin-right: 5px;
}
.land-card-template .land-card .land-prices {
  float:left;
}
.land-card-template .land-card .land-price {
  font-size: 40px;
}
.land-card-template .land-card .land-statt {
  text-decoration: line-through;
  margin-left: 10px;
}
.land-card .land-badge .land-currency,
.land-card .land-statt .land-currency {
  display:none;
}
.land-card .land-badge .land-earn {
  font-size: 10px;
}
.land-card .land-badge p {
  line-height: 1em;
}
.land-card .land-currency {
  font-size: 40%;
}
.land-card .land-years {
  min-width:178px;
  text-align: left;
}
.bestpreis ul,
.bestpreis ol {
  padding-left: 20px;
  margin: 20px 0px;
}
.bestpreis div.row > div {
  margin-bottom: 40px;
}
#login-reg-btn {
  margin-bottom: 60px;
}
.form-thanks .form-thanks-text{
  display: block;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.form-thanks .form-thanks-text img {
  float:left;
  padding-right:15px;
}
.form-thanks .form-thanks-text .sameheight {
  width:50%;
  float:left;
}
.form-thanks .form-thanks-text p {
  width: 50%;
  float:left;
  font-size: 14px;
  font-weight:600;
}
.form-thanks h2 {
  margin-bottom: 80px;
}
.form-thanks h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
footer .scrollToTop {
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #B4002F;
  color: #fff;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  text-decoration: none;
  position: fixed;
  bottom: 2%;
  right: 1%;
  display: none;
  z-index: 10;
}
footer .scrollToTop i {
  font-size: 1.5em;
  padding: 5px 0px 5px 3px;
}
#hotel-list #pagination_sec .pagination {
  width: auto;
  position: relative !important;
}
.swiss-tourism-logo-de,
.swiss-tourism-logo-en,
.swiss-tourism-logo-fr,
.swiss-tourism-logo-it {
  height: 65px;
  width: 226px;
}
.swiss-tourism-logo-de {
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 0;
}
.swiss-tourism-logo-en {
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 -65px;
}
.swiss-tourism-logo-fr {
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 -130px;
}
.swiss-tourism-logo-it {
  background: url("../img/schweizer_tourismus_white.png") no-repeat 0 -195px;
}
.swiss-tourism-logo-de a,
.swiss-tourism-logo-en a,
.swiss-tourism-logo-fr a,
.swiss-tourism-logo-it a {
  display: block;
  height: 65px;
  width: 226px;
}
.hotelcard-great-place-to-work {
  background: url("../img/hotelcard-great-place-to-work.png") no-repeat 0 0;
  margin-top: 20px;
}
.hotelcard-great-place-to-work a {
  display: block;
  height: 98px;
  width: 226px;
}
.sidebar {
  padding:  20px 15px;
  margin-bottom: 20px;
}
.sidebar h4 {
  margin-bottom:20px;
}
.sidebar div > span {
  width:37px;
  float:left;
  margin-right:10px;
}
.sidebar div > span i.fa.fa-circle.fa-stack-2x{
  color: #7ad901;
}
.sidebar div > p {
  width: auto;
  width: 180px;
  float: left;
  font-size: 14px;
  margin-bottom: 15px;
  text-align: left;
}
.sidebar .side-kontakt-box p span {
  font-size: 12px
}
.sidebar > p {
  font-size: 14px;
  text-align:left;
  margin-bottom: 15px;
}
.sidebar > p:last-child {
  margin-bottom: 0px;
}
.sidebar div.img-circle.img-responsive {
  padding:10px;
}
.sidebar div.img-circle.img-responsive img {
  margin:0px auto 10px;
  max-width: 30vw;
}
.sidebar .side-kontakt-box {
  max-width:250px;
  margin: 0px auto;
}
.sidebar ul {
  max-width: 50%;
  margin: 0px auto;
  min-width: 235px;
  padding-left: 20px;
  text-align: left;
}
.sidebar li {
  position: relative;
  list-style: none;
  margin-bottom: 5px;
}
.sidebar li:before {
  position: absolute;
  margin-top: 3px;
  left: -20px;
  content: "\f00c";
  color: #7ad901;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
footer #footer-social {
  background-color: #232526;
  padding: 40px 0 30px !important;
}
footer #footer-social ul {
  margin-bottom: 0;
}
footer #footer-social ul li {
  margin-bottom: 10px;
  margin-right: 10px;
}
footer #footer-social ul li:last-child {
  margin-right: 0px;
}
footer #footer-social ul i {
  font-size: 32px;
}
footer #footer-social ul a {
  padding: 10px;
}
footer #footer-social ul li:last-child a {
  padding: 10px 16px;
}
footer .btn-default {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
footer .btn-default:hover, footer .btn-default:focus {
  background-color: #d41f26;
  border: 1px solid #d41f26;
  color: #fff !important;
  outline: 0 none;
}
footer #footer-links {
  background-color: #2b2d2e;
  padding: 40px 0;
}
footer #footer-links h4 {
  color: #fff;
  font-size: 18px;
}
footer #footer-links .list-inline li {
  font-size: 14px;
  width: 100%;
}
footer #footer-links #footer-links-funktionen li {
  margin-bottom: 20px;
}
footer #footer-links #footer-links-funktionen li .list-inline li {
  border-right: 1px solid #fff;
  margin-bottom: 0;
  padding-right: 10px;
  width: auto;
  margin-right: 10px;
}
footer #footer-links #footer-links-funktionen li ul li.last-item a {
  margin-right: 10px;
}
footer #footer-links #footer-links-funktionen li .list-inline li:last-child {
  border-right: medium none;
  padding-right: 0;
}
footer #footer-links .list-inline {
  margin-left: 0px;
}
footer #footer-links .list-inline li a i {
  margin-right: 5px;
  color: #fff;
}
footer #footer-bottom {
  display: inline-block;
  width: 100%;
  background-color: #d41f26;
  color: #fff;
  min-height: 100px;
}
footer #footer-bottom .row * {
  margin-right: 20px;
}
footer #footer-bottom .row a:last-child {
  margin-right: 0;
}
footer #footer-bottom div {
  font-size: 14px;
  line-height: 100px;
}
footer ul.banner-social-buttons {
  margin-top: 0;
}
.controls input {
  padding-left:30px;
}
select::-moz-focus-inner, select:-moz-focusring {
  box-shadow: none !important;
  color: transparent !important;
  outline: medium none !important;
  text-shadow: 0 0 0 #000;
}
#home-searchbar form select option {
  color: #000;
}
@media (min-width: 767px) {
  #attraktive-konditionen .cards div.col-lg-4.col-md-6.col-sm-6.text-center:last-child {
    margin-left:0px;
  }
  #attraktive-konditionen .cards div.col-lg-4.col-md-6.col-sm-6.text-center {
    margin-bottom: 15px;
  }
  .download-section {
    padding: 100px 0;
  }
}
@media screen and (max-width: 1246px) {
  .order_text {
    width: 100%;
    text-align: center;
  }
  .order_select {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  ul.banner-social-buttons {
    margin-top: 15px;
  }
  #cards h3 {
    font-size: 14px;
  }
}

/*Tablet View*/
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #details .breadcrumb-container {
    margin-top: 0 !important;
  }
  #fe_PreviewContent #details .hotel-details-calender .calendarView {
    width: 33.33%;
  }
  .bestPrice {
    right: 0;
  }
  .bestPrice img {
    width: 150px;
  }
  #details .calendar {
    max-width: 30%;
    margin-right: 20px;
  }
  #details .calendarWrapper.container.content-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  #details div.zabuto_calendar .table td {
    padding: 1px !important;
  }
  #details div.zabuto_calendar .table tr td div.day {
    height: 22px;
    width: 22px;
    font-size: 10px;
  }
  .main-center-box {
    min-width: 55%;
  }
  #details .markedDate.selectStart:after,
  #details .markedDate.selectEnd:before {
    bottom: 20%;
  }
  .room-details .room-data,
  .room-details .calculated-data {
    width: 100%;
    padding: 0 0 20px;
  }
  .room-details .table-title p,
  .room-details .table-data .room-entry {
    padding: 14px 6px;
  }
  .room-details .table-data .book-hotel {
    padding: 14px 0;
  }
  .table-data .rooms-count button {
    padding: 10px;
  }
  .modal-heading {
    margin-top: 10px;
  }
  #main-hotel-buchungsanfrage #card-question-hidden {
    width: 100% !important;
  }
  .user-inputs .calculations .col-md-6 {
    padding: 0;
  }
  .select-guest .search_field_icon {
    background: transparent;
  }
  .cards div.row > div.col-lg-4 {
    margin-bottom: 30px;
  }
  .controls input {
    padding-left:30px;
  }
  #hoteldetail-reservation .row {
    padding: 0 15px;
  }
  .the-team .container .img-responsive {
    height: 260px;
    width: 50%;
  }
  #validate-card .col-sm-6 {
    width: 50%;
  }
  #validate-card .img-responsive {
    width: 90%;
  }
  .cardInfoMessage {
    width: 80%;
  }
  #validate-card h2 {
    font-size: 24px;
    margin-bottom: 40px;
  }
  #page-top .topSearchLine ul#predictionsList {
    width: 49%;
  }
  #search_resultspage_container .search_field #predictionsList {
    width: 281% !important;
    margin-left: -2px !important;
  }
  #detail-shadow {
    display: none;
  }
  .hotel-description .col-md-3.col-sm-3 {
    float: right;
  }
  .room-details .calculated-data .table-data {
    border: none;
    min-height: initial !important;
  }
  .top-slider li,
  .top-slider-container {
    height: 450px !important;
  }
  .facility-title,
  .facility-description {
    width: 100%;
  }
  .land-card-template .land-badge {
    top: -25px;
  }
  .land-card .land-years,
  .land-card .land-prices {
    width: 100%;
    text-align: center;
  }
  .land-card .land-years {
    padding-bottom: 0 !important;
  }
  .land-card .land-prices {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #content-main #text-rotator {
    font-size: 40px !important;
  }
  #landingpage-logos #newspaper-logos {
    margin-bottom: 30px;
  }
  #landingpage-logos #newspaper-logos span {
    font-size: 20px;
  }
  #landingpage-logos #newspaper-logos img.minpic {
    width: 35px;
  }
  #landingpage-logos #newspaper-logos img[alt="Tages Anzeiger"] {
    width: 110px;
  }
  #landingpage-logos #newspaper-logos img[alt="SonntagsZeitung"] {
    width: 150px;
  }
  #cards .cardprice,
  .cards .cardprice {
    font-size: 55px !important;
  }
  #hotelempfehlungen .hotelempfehlungen {
    text-align: center;
    width: 50%;
  }
  #hotelempfehlungen > div > div > div:nth-child(10) {
    display: none;
  }
  .impressum .col-sm-6:nth-child(3) {
    margin-left: 25%;
  }
  ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }
  ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
  }
  #fake-breadcumb {
    background-color: rgba(0,0,0,1);
    position: relative;
  }
  #hoteldetail-reservation > .row > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  header #guestsOption {
    width: 67% !important;
  }
  #search_resultspage_container .search_field #predictionsList {
    width: 94% !important;
  }
  #details #booking_form .select-arrival,
  #details #booking_form .select-departure,
  #details #booking_form .select-guest {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .hideWhenMobile{
    display:none;
  }
  .land-card a.btn.hc-green-btn.hc-big-btn.link_partner_id {
    padding: 24px 20px 23px!important;
  }
  .land-card-template .land-card .land-years {
    font-size: 20px;
  }
  .land-card .whitebox {
    background-color: #fff;
  }
  .land-card .whitebox a.btn.hc-green-btn.hc-big-btn.link_partner_id {
    margin: 0px 15px 15px 15px;
    display:block;
    width:auto;
  }
  div#buchung-siderbar {
    width: 100% !important;
    position: static !important;
    max-width: 100% !important;
  }
  #buchung-siderbar #social-box .share-links a {
    width: 23.7%;
    margin: 0 3px;
  }
  #hoteldetail-reservation
  #subnavlist {
    top: 0;
    position: relative;
    background-color: rgba(0,0,0,1);
  }
  #search-form .group {
    display: block;
    width: 100%;
  }
  #detail-top-slider .pricebox {
    position: relative;
    width: 100%;
  }
  #detail-top-slider .sticky-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  div#buchung-siderbar {
    width: 100% !important;
    position: relative;
    margin-top: 35px;
    margin-bottom: 15px;
  }
  div#buchung-siderbar #hoteldetail-reservation, div#buchung-siderbar .float-box {
    max-width: 60%;
    min-width: 60%;
    margin: 0 auto;
  }
  #details #detail-shadow {
    top: -41px !important;
  }
  #details #social-box {
    text-align: center;
  }
  .land-card div.sameheight1 a.btn {
    max-width: auto;
    max-width: initial;
  }
  .land-card-template .land-card .sameheight1 .row > div {
    padding: 0px;
  }
  .land-card-template .land-card .sameheight1 .row {
    margin: 0 0 30px 0;
  }
  div#paging_wrapper {
    float: left;
    width: 100%;
  }
}
footer p {
  margin: 0;
}
::selection {
  background: rgba(180, 0, 47, 0.9) none repeat scroll 0 0;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: rgba(180, 0, 47, 0.9) none repeat scroll 0 0;
  color: #fff;
  text-shadow: none;
}
img::-moz-selection {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
@media screen and (max-width: 1170px) {
  .the-team .container {
    width: initial;
    margin: 0px;
  }
  #headlines {
    padding: 0px 50px;
  }
}
@media screen and (max-width: 1200px) {
  .intro #search-form > fieldset > div:nth-child(6) > div > div.relative.input-prepend {
    max-width: 400px;
    margin: 0 auto;
  }
  .search-filter .order_select li {
    padding-left: 0;
  }
  .search-filter .order_select li:last-of-type {
    padding-right: 0;
  }
  div.order_select ul {
    margin-left: 0;
  }
  div#hotelsearch #hotel-list div.search-params.search-filter div.order_select ul li a {
    min-width: 100%;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
  div#hotelsearch #hotel-list div.search-params.search-filter {
    padding: 10px 15px 15px 15px;
  }
  #hotel-list p {
    font-size: 12px;
  }
  .checkin_w, .checkout_w {
    width: 25% ;
  }
  .banner-button a {
    width: 90%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .left-container {
    padding-right: 20px;
  }
  #hoteldetail-reservation .row {
    padding: 0;
  }
  #buchung-siderbar #social-box .share-links a {
    width: 23.2%;
  }
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
  #footer-links div.col-xs-6 {
    margin-bottom: 50px;
    width: 50%;
  }
  #hotelangebote {
    padding-bottom: 0;
  }
  #hotelangebote img {
    margin-top: 20px;
  }
  #hotelangebote .picholder:first-child img {
    margin-top: 0;
  }
  #hotelangebote div.col-xs-12 .row div.col-xs-6 img {
    margin-top: 25px;
  }
  #hotelempfehlungen .hotelempfehlungen {
    text-align: center;
  }
  .hotelempfehlungen > a {
    max-height: initial;
    opacity: 1;
  }
  section#hotels .container {
    width: 100%;
  }
  section#hotels .row > div[class^="col-xs"], section#hotels .row > div[class*="col-xs"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  section#hotels .row > div[class^="col-xs"]:nth-child(2n),
  section#hotels .row > div[class*="col-xs"]:nth-child(2n) {
    margin-bottom: 15px;
    padding-left: 15px !important;
  }
  section#hotels .row > div[class^="col-xs"]:nth-child(2n+1),
  section#hotels .row > div[class*="col-xs"]:nth-child(2n+1) {
    margin-bottom: 15px;
    padding-right: 15px !important;
  }
  footer section {
    padding: 40px 0 !important;
  }
  footer section .row > div[class^="col-xs"], footer section .row > div[class*="col-xs"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  #hotelempfehlungen .link a {
    float: none;
  }
  #hotelempfehlungen .link {
    margin-bottom: 20px !important;
  }
  #hotelangebote .picholder {
    height: auto;
  }
  #hotelangebote .picholder img {
    min-width: initial;
    position: relative;
  }
  .intro-bottom-line.center {
    display: none;
  }
  .intro .brand-heading {
    margin-bottom: 15px;
  }
  .intro .control-group.group {
    margin-bottom: 6px;
    margin-right: 0 !important;
    width: 100%;
  }
  .intro .control-group.group .input-prepend .prependedtext {
    width: 100%;
  }
  .navbar-custom {
    background-color: #b4002f;
  }
  .hotelempfehlungen > p, .hotelempfehlungen div.stars {
    margin: 0 5px !important;
  }
  .hotel-categories {
    margin-bottom: 0;
  }
  #themen .hotel-categories .col-md-8.col-xs-12 {
    position: relative;
  }
  .navbar #nav-lang-sub a,
  .navbar #nav-site-sub a
  {
    color: #000;
    width: 100%;
  }
  .navbar #nav-lang-sub,
  .navbar #nav-site-sub
  {
    margin: 0 -15px;
    width: 100%;
  }
  .navbar #nav-lang-sub a.active,
  .navbar #nav-site-sub a.active
  {
    background-color: #eee;
    color: #000;
  }
  #cards .content-section .row > h2,
  #hotelempfehlungen  .content-section .row > h2 {
    margin-bottom: 100px;
  }
  #cards.container {
    width: 100%;
  }
  #cards h3 {
    font-size: 12px;
  }
  #cards .picholder img {
    height: auto;
    max-width: 80%;
    min-width: initial;
  }
  .hotel-categories {
    margin-bottom: 15px;
  }
  .hotel-categories a img {
    left: 50%;
    position: absolute;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform:translateX(-50%);
  }
  #cards .picholder {
    position: relative;
  }
  #cards .picholder img {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%);
  }
}
@media (max-width: 1125px) {

  div.alert.slideMessage{
    width: 90%;
  }
  .navbar {
    height: 50px;
    min-height: 50px;
  }
  a.navbar-brand > img {
    width: 220px;
    padding-top: 11px;
  }
  .navbar-header {
    float: left;
    display: block;
  }
  .navbar-left, .navbar-right {
    float: none !important;
  }
  .navbar-toggle, div.mobile-switch {
    display: block;
  }
  .navbar-right {
    margin: 0;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  }
  .navbar-fixed-top {
    border-width: 0 0 1px;
    top: 0;
    z-index: 9999;
  }
  .socialmedia, #detail-shadow .nav-tabs, #details .hotel-room-calendar,
  #buchung-siderbar #social-box .share-title,
  #nav-lang,
  #nav-site,
  .navbar-nav {
    display: none;
  }
  .navbar-main-collapse {
    float: right !important;
    display: block !important;
    visibility: visible;
  }
  button.navbar-toggle {
    display: block;
    width: auto;
    padding: 0px;
    margin-top: 11px;
    margin-right: 8px;
    margin-bottom: 9px;
    position: fixed;
    right: 0;
    top: 0;
  }
  .navbar-search a {
    padding: 15px 5px 8px;
  }
  .navbar-search a i {
    font-size: 27px;
  }
  .navbar-search {
    position: fixed;
    top: -5px;
    right: 45px;
  }
  .navbar #fav-hotels > a {
    padding: 8px 8px 12px;
    font-size: 22px;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  #mobile .nav.navbar-nav {
    display: block;
    margin: 0;
    text-align: left;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .collapse.in {
    display: block !important;
    margin-right: 0;
  }
  #search-main-box .col-sm-3 {
    margin-bottom: 5px;
  }
  #hotel-list h3 {
    font-size: 33px;
    padding: 24px 22px;
    font-weight: normal;
  }
  .search-filter h4 {
    margin-bottom: 15px;
    font-size: 14px;
    padding-left: 4px;
  }
  #hotelsearch #hotel-list div.search-params.search-filter div.order_select ul li a {
    min-width: 135px;
    margin-right: 15px;
  }
  #hotelsearch #hotel-list div.search-params.search-filter {
    padding: 10px 15px 15px 19px;
  }
  .order_select ul {
    margin-left: -10px;
  }
  #hotel-detail-top-search {
    padding-right: 8px;
    margin: 0 -5px;
  }
  #search-form .group .input-prepend .prependedtext {
    padding: 6px 12px 6px 22px;
    font-size: 15px;
  }
  #search-form .group .input-prepend .add-on i {
    font-size: 16px;
    padding-top: 12px;
  }
  #hotelsearch #hotel-list .header_availability {
    font-size: 14px;
    margin-bottom: 23px;
    padding: 15px;
  }
  .hotelsearch a .priceboxv3 ul li.line1 .price {
    font-size: 1.65em;
  }
  .hotelsearch .hotelname, .hotelsearch a .priceboxv3 ul li.line1 .currency {
    font-size: 14px;
  }
  .hotelsearch .hotelsearch-bottom .hotelline1 span.stars {
    position:relative;
    right: 2px;
    bottom: 0;
    margin:0px;
  }
  #hotel-list .hotelsearch-bottom p {
    width: 100%;
  }
  .hotelsearch a .priceboxv3 ul li.line2 .statt {
    margin-right: 0;
  }
  .hotelsearch a .priceboxv3 ul li.line1 p:first-of-type {
    line-height: 1.6em;
  }
  .hotelsearch a .priceboxv3 ul {
    float: left;
  }
  .pagination {
    margin-bottom: 0;
  }
  .paging ul {
    padding-left: 0;
  }
  .hotelsearch a .priceboxv3 {
    background-color: #000;
  }
  .hotelsearch a .priceboxv3 ul li.line1 .price {
    margin-right: 0; }
  #hotel-list li.line2 p {
    padding-right: 5px;
  }
  .hotelsearch > a {
    display: inline-block;
    position: relative;
    min-height: 170px;
  }
  .hotelsearch p.hotelline2 {
    font-size: 14px;
    margin-top: 15px;
    position: relative;
  }
  p.hotelline1.sameheight2 {
    padding-bottom: 22px;
  }
  small, .small {
    font-size: 80%;min-height: 20px;
  }
  .hotelsearch p {
    position: relative;
  }
  .hotelline2 a:last-of-type {
    clear: both;
  }
  button.navbar-toggle {
    margin-bottom: 7px;
    margin-top: 15px;
    margin-right: 10px;
  }
  .result-address {
    float: left;
  }
  #details {
    position: relative;
  }
  #detail-top-slider .pricebox {
    width: 225px;
    float: right;
    margin-right: 0;
  }
  #detail-shadow {
    height: 41px;
  }
  #detail-top-slider .pricebox ul {
    padding: 5px 0 10px 0;
  }
  div#buchung-siderbar #hoteldetail-reservation,
  div#buchung-siderbar .float-box {
    max-width: 100%;
  }
  #details #social-box {
    min-height: 120px;
  }
  span.share-links {
    float: left;
    width: 101%;
    margin: 0 -4px;
  }
  #details .room-row-bg {
    padding: 0 23px;
  }
  #details .room-info {
    margin-top: 33px;
    float: left;
  }
  #details .room-more-info {
    line-height: normal;
    margin-top: 48px;
  }
  .hotel-room-box .priceboxv3 a.hc-green-btn {
    margin: 3px 0 5px 0;
    padding: 10px 15px !important;
  }
  #details .hotel-room-box {
    padding-bottom: 25px;
  }
  #details .hotel-room-box p {
    margin-bottom: 20px;
  }
  .hotel-room-box .priceboxv3 ul {
    height: 55px;
  }
  #details .hotel-details {
    margin-bottom: 28px;
  }
  section .content-section#main-hotel-details {
    padding-bottom: 30px;
  }
  .hotel-room-box {
    margin-top: 22px;
  }
  .property-cat h4 {
    word-wrap: break-word;
    margin-bottom: 3px;
  }
  .hotel-room-box p:last-of-type {
    line-height: normal !important;
  }
  #card-question h2 {
    margin-bottom: 23px;
  }
  footer #footer-bottom div {
    line-height: 80px;
  }
  section#detail-top-slider {
    position: relative;
  }
  #detail-top-slider .swiper-container {
    min-height: 544px;
  }
  #detail-top-slider .container.relative {
    position: absolute;
    bottom: 0;
    padding-right: 0;
  }
  #search-main-box {
    max-width: 100%;
  }
  span.hotel-full-address, #details .breadcrumb-container {
    float: left;
    width: 100%;
  }
  #hotel-detail-top-search {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
  }
  .mobile-button {
    width: 100% !important;
    float: left;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #hotel-detail-top-search #search-form fieldset div.group {
    margin-bottom:5px;
  }
  #hotel-detail-top-search #search-form fieldset div.col-sm-3:last-child > div.group {
    margin-bottom: 0px;
  }
  #hotel-detail-top-search #search-form fieldset .date.group .controls {
    border: 1px solid #82888a;
    margin-bottom: 10px;
  }
  #hotel-detail-top-search #search-form {
    float: left;
    padding: 10px 0px 0px 0px;
  }
  #hoteldetail-reservation input#datetimepicker4 {
    margin: 0;
  }
  footer #footer-bottom {
    min-height: 80px;
  }
  #buchung-siderbar #selectbasic {
    display: none;
  }
  section, .content #map {
    border: 0 !important;
  }
  #ausstattung {
    padding-bottom: 40px;
  }
  section#ausstattung .container > h2 {
    margin-top: 30px !Important;
    margin-bottom: 25px;
  }
  div#buchung-siderbar #hoteldetail-reservation {
    margin-top: 10px;
  }
  div#buchung-siderbar .float-box {
    margin-top: 15px;
    float: left;
    width: 100%;
  }
  input#confirm-yes {
    margin-right: 26px;
    float: left;
  }
  section .content-section#main-hotel-ausstattung {
    padding-top: 0;
  }
  section .content-section#main-hotel-buchungsanfrage {
    padding-top: 30px;
  }
  #details .breadcrumb-container {
    float: left;
    margin-top: 10px;
  }
  section .content-section .content-section > div > div {
    padding-right: 20px;
  }
  .modal-body {
    left: 3%;
    right: 3%;
  }
  #hotel-list #hotel-list-no-result a.btn.hc-green-btn{
    max-width: 100%;
    width: 88%;
    font-size: 110% !important;
  }
  .top-content-secondary-text{
    width: 90% !important;
  }
  .section-text-intro {
    padding: 28px !important;
  }
  nav.navbar #fav-hotels {
    position: absolute;
    right: 82px;
    left: initial;
  }
  .navbar #fav-hotels #all-favorites {
    position: fixed;
  }
}
/*Mobile View*/
@media screen and (max-width: 767px) {
  select{
    -webkit-appearance: none;
    background: url(../img/icons/downarrow_grey.png) no-repeat transparent;
    background-position: 95% center;
  }
  h1.message-found2 {
    margin: 0 14px !important;
  }
  .intro .intro-body .intro-text {
    font-size: 30px;
  }
  .leadsText {
    font-size: 15px;
  }
  .bestPrice {
    display: none;
  }
  #search_opt_buttons #search_resultspage_modal {
    display: block;
  }
  .search_opt_buttons_wrapper {
    padding: 10px 0;
    float: left;
    width: 100%;
  }
  .search_opt_buttons_wrapper .sortingOption {
    display: block;
    float: left;
    width: 50%;
    min-width: 160px;
  }
  .searchform_wrapper #search_opt_buttons .sortingOption {
    position: initial;
  }
  #search_opt_buttons h1.message-found2 {
    padding-top: 3px;
  }
  .search_opt_buttons_wrapper .pull-left,
  .description-head,
  .hotel-address {
    display: none;
  }
  footer #footer-bottom .row.text-center {
    padding: 10px 0;
  }
  #search_opt_buttons {
    padding: 0 !important;
  }
  .button_grey_border {
    -webkit-appearance:none ;
  }
  #search_resultspage_container #searchForm{
    display: none;
  }
  #results-wrapper{
    padding: 0px 15px 0px 15px;
  }
  nav.navbar > *:last-child {
    margin-right: 0px;
  }
  .intro {
    padding: 0;
  }
  .land-card .land-years,
  .land-card .land-prices {
    width: 100%;
    text-align: center;
  }
  .land-card-template .land-badge {
    top: -16%;
  }
  .navbar-brand {
    height: 50px;
  }
  .hotel-room-box .priceboxv3 li.small.room-price-info.text-center {
    max-width: 55%;
    margin-top: 7px;
    font-size: 12px;
    text-align: right;
    float:right;
  }
  .circletemplate a.btn.hc-green-btn.hc-big-btn {
    margin-bottom: 40px;
  }
  .land-card-template .col-md-4.col-sm-4.col-xs-12.sameheight {
    margin-bottom: 15px;
    height:230px;
  }
  .main-center-box .slider-statt {
    margin-left: 0;
    display: block;
  }
  .main-center-box {
    min-width: 70%;
  }
  section#whyus .warumpoints .warumpoint p {
    display:block;
    padding: 40px 0px;
    width: 100%;
    text-align: center;
  }
  #hotelangebote div.col-sm-4.col-xs-12,
  #hotelangebote div.col-sm-6.col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .topSearchLine #searchbarClose {
    display: none;
    visibility: hidden;
  }
  .center.topSearchLine {
    display: none !important;
  }
  .navbar #fav-hotels > a {
    padding: 11px 10px 9px;
    font-size: 21px;
  }
  .navbar-search a {
    padding: 17px 5px 5px;
  }
  button.navbar-toggle {
    margin-top: 11px;
  }
  .sammelbestellungen .turn {
    left: -47%;
  }
  .hotelsearch {
    margin-bottom: 0px;
  }
  #validate-card .img-responsive {
    width: 90%;
  }
  .cardInfoMessage {
    width: 80%;
  }
  #validate-card h2 {
    font-size: 24px;
    margin-bottom: 40px;
  }
  #kundenmeinungen div.row > div {
    padding: 0px;
  }
  #hotelempfehlungen .hotelsearch {
    margin-bottom: 0px;
    padding: 0px;
  }
  #hotel-categories .showOntablet {
    display: none;
    visibility: hidden;
  }
  #hotel-categories .showOnmobile {
    display: block;
    visibility: visible;
  }
  #trustyou-block h2 {
    margin-top: 0px !important;
  }
  #details .room-info {
    margin-top: 19px;
  }
  #hoteldetail-reservation .row {
    padding: 0;
  }
  .voucherFancyBox .fancybox-inner h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .hotelsearch a .priceboxv3 ul li.line2 .statt {
    margin-right: 0;
  }
  .hotelsearch a .priceboxv3 ul li.line1 p:first-of-type {
    line-height: 1.6em;
  }
  .hotelsearch a .priceboxv3 ul {
    float: left;
    width: 100%;
  }
  .hotelsearch a .priceboxv3 ul li.line2 > p:nth-child(2) {
    margin-top: 11px;
  }
  .hotelsearch a .priceboxv3 ul li {
    width: 50%;
    padding: 2%;
  }
  .hotelsearch > a {
    min-height: 252px;
  }
  .hotelsearch a .priceboxv3 {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .hotelsearch p.hotelline2 {
    margin-top: 5px;
  }
  .hotelline2 a:last-of-type {
    clear: none;
    margin-bottom: 5px;
  }
  #hotel-detail-top-search #search-form fieldset .date.group .controls {
    border: 1px solid #82888a;
    margin-bottom: 10px;
  }
  small, .small {
    font-size: 85%;
  }
  #hotelsearch .hotel-like-place a.mapmarker {
    display: none;
  }
  .hotelsearch p.hotelline1 .hotelname {
    font-size: 24px;
  }
  #hotel-list p {
    width: 100%;
    padding-right: 10px;
  }
  .navbar-toggle i.fa-bars {
    font-size: 24px;
  }
  #hotelsearch span#hotelsearch-city {
    margin: 0;
  }
  #hotelsearch #hotel-list div.search-params.search-filter {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  #hotelsearch #hotel-list div.search-params.search-filter > div {
    display: inline-block;
    float: left;
    width: 100%;
  }
  #hotelsearch #hotel-list div.search-params.search-filter div.order_select ul {
    width: 100%;
    margin-bottom: 0px;
    margin: 0;
  }
  #hotelsearch #hotel-list div.search-params.search-filter div.order_select ul li {
    margin: 0px;
    padding: 5px;
    float: left;
  }
  #hotelsearch #hotel-list div.search-params.search-filter div.order_select ul li a {
    min-width: 100%;
    margin-right: 0;
    font-weight: normal;
  }
  div#hotel-list h3 {
    font-size: 21px;
    padding: 22px 22px;
    font-weight: normal;
  }
  #hotel-list {
    overflow-y: visible;
  }
  .search-filter h4 {
    margin-bottom: 5px;
    text-align: center;
    margin-top: 2px;
  }
  #hotelsearch #hotel-list .header_availability {
    padding: 10px 10px 10px;
    float: left;
    width: 100%;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 10px;
  }
  div.hotel-search-results > div {
    padding: 0px;
    margin-bottom: 8px ; }
  div.hotel-search-results > div,#hotelsearch .sameheight,
  #hotelsearch .sameheight.map-canvas {
    width: 100%;
  }
  #hotel-detail-top-search #search-form {
    float: left;
    padding: 10px 0px 10px 0px;
  }
  #headlines {
    padding: 0px 15px;
  }
  #legend .btn {
    margin-bottom: 10px;
  }
  #buchung-siderbar {
    position: relative !important;
    margin-top: 35px;
    margin-bottom: 15px;
  }
  #buchung-siderbar #hoteldetail-reservation, #buchung-siderbar .float-box {
    max-width: 360px;
    margin: 0 auto;
    position: relative;
  }
  #hotel-detail-top-search #search-form fieldset div.group {
    margin-bottom:5px;
  }
  #hotel-detail-top-search #search-form fieldset div.col-sm-3:last-child > div.group {
    margin-bottom: 0px;
  }
  #landingpage-header-form {
    width: 90%;
  }
  #landingpage-header-form input,
  #landingpage-header-form .input-prepend {
    width: 100%;
  }
  #landingpage-header-form .input-prepend {
    margin-bottom: 10px;
  }
  #hotelcard-video .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #fake-breadcumb {
    background-color: rgba(0,0,0,1);
    position: relative;
  }
  .cards div.row > div.col-lg-4:nth-child(4) {
    margin-left: 0;
  }
  .cards div.row > div.col-lg-4 {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
  }
  #detail-top-slider .pricebox {
    position: relative;
    width: auto;
    background-color: rgba(0, 0, 0, 0.7);
    margin-right: 0;
  }
  .swiper-button-next, .swiper-button-prev {
    -moz-background-size: 15px 25px;
    -webkit-background-size: 15px 25px;
    background-size: 15px 25px;
  }
  #details #main-hotel-details #detail-hotel-name-main {
    font-size: 33px;
    font-weight: normal;
    padding: 0;
  }
  #details #detail-hotel-breadcrumb {
    margin-top: 10px;
  }
  #details .stars {
    margin-left: -2px;
    float: left;
    clear: both;
  }
  #detail-top-slider {
    position: relative;
  }
  #detail-top-slider .container.relative {
    position: absolute;
    bottom: 0;
    right: 10px;
  }
  #hoteldetail-reservation input {
    width: 100%;
    display: block;
    margin-bottom: 0;
    float: left;
    margin-right: 5px;
    height: 40px;
    border-radius: 0;
  }
  #details .room-more-info {
    margin-top: 10px;
    float: left;
    width:100%;
  }
  span.price-tag {
    float: left;
    width: 100%;
    text-align: left;
    line-height: 20px;
    margin-bottom: 0;
  }
  .hotel-room-box .priceboxv3 ul li.line1 .price {
    font-size: 32px;
    float: left;
  }
  .hotel-room-box .priceboxv3 ul li.line1 .currency {
    float: left;
    line-height: 3em;
  }
  .hotel-room-box span.statt-text {
    float: left;
    width: 100%;
    margin-bottom: 6px;
  }
  .hotel-room-box .priceboxv3 ul li.line2 {
    margin-top: 0px;
    float: right;
  }
  #details .hotel-details {
    margin-bottom: 20px;
    float: left;
    width: 100%;
  }
  .hotel-room-box .priceboxv3 {
    background-color: rgba(0, 0, 0, 1);
    position:relative;
    top: 0px;
    float:left;
  }
  .hotel-room-box .priceboxv3 ul {
    height: auto;
    float:left;
    display:block;
    width:100%;
  }
  .hotel-room-box .priceboxv3 a.hc-green-btn {
    width:100%;
    text-align:center;
    margin-top:20px;
    position:relative;
    right: 0px;
  }
  #buchung-siderbar #social-box .share-links a {
    margin: 0;
  }
  div#buchung-siderbar .float-box {
    margin-top: 0;
  }
  div#buchung-siderbar #hoteldetail-reservation {
    margin-top: 10px;
  }
  div#buchung-siderbar {
    margin-top: 20px;
  }
  section .content-section#main-hotel-details {
    padding-top: 20px;
    padding-bottom: 22px;
  }
  #details .room-row-bg {
    padding: 0 10px;
  }
  #detail-top-slider .pricebox ul li.line2 span {
    margin-right: 0;
  }
  #detail-top-slider .pricebox ul .price {
    font-size: 30px;
  }
  section .content-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #details .room-info {
    font-size: 25px;
    width: 100%;
  }
  #search-main-box {
    max-width: 100%;
  }
  span.hotel-full-address, #details .breadcrumb-container {
    float: left;
    width: 100%;
  }
  #hotel-detail-top-search {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
  }
  .mobile-button {
    width: 100% !important;
    float: left;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff !important;
  }
  section#ausstattung .container > h2 {
    margin-top: 15px !Important;
    margin-bottom: 19px;
  }
  #orderform input#confirm-yes, #orderform input#confirm-no {
    width: auto;
    margin-bottom: 5px;
    height: 40px;
    margin-right: 0;
  }
  div#hotelGoogleMap {
    display: none;
  }
  #kartensuche-page div#hotelGoogleMapSearch {
    display: block;
    height: calc(100vh - 267px)!important;
    height: -moz-calc(100vh - 267px)!important;
  }
  .room-row-bg div#buchung-siderbar > div,
  .room-row-bg div#buchung-siderbar > div#hoteldetail-reservation
  {
    min-width: 100%;
  }
  footer #footer-bottom {
    min-height: 90px;
  }
  #card-question h2 {
    margin-bottom: 15px;
  }
  section .content-section#main-hotel-ausstattung {
    padding: 0 25px;
  }
  section .content-section#main-hotel-buchungsanfrage {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  section .content-section#trustyou-block {
    padding-top: 25px;
  }
  #hoteldetail-reservation input#datetimepicker4 {
    margin-right: 0;
  }
  .property-cat h4 {
    font-size: 14px;
    font-weight: bold;
  }
  .hotel-details .swiper-wrapper a {
    min-height: 230px;
  }
  #detail-top-slider .swiper-container {
    min-height: auto;
  }
  div#main-hotel-ausstattung * {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  #detail-hotel-name-main {
    width: 100% !important;
    text-align: center;
  }
  #detail-hotel-name-main h1 {
    text-align: center;
  }
  #details .rating-stars {
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0;
  }
  #details .rating-stars .stars {
    float: none;
  }
  #details #detail-hotel-breadcrumb .hotel-location {
    margin-top: 10px;
  }
  #details #detail-hotel-breadcrumb .hotel-location,
  #details .breadcrumb-container {
    float: left;
    margin-left: -15px;
  }
  #details #booking_form .select-arrival,
  #details #booking_form .select-departure,
  #details #booking_form .select-guest {
    margin-bottom: 10px;
  }
  #details .hotel-room-calendar {
    padding: 0 7px;
  }
  .hotel-room-calendar .markedDate.selectStart:after {
    left: 86px;
  }
  #hoteldetail-reservation form.availability {
    padding: 15px 10px;
  }
  #hoteldetail-reservation input[type="submit"] {
    margin: 0 !important;
  }
  .hotel-room-calendar .zabuto_calendar .markedDate.selectStart,
  .hotel-room-calendar .zabuto_calendar .markedDate.selectEnd {
    position: relative;
  }
  .calendar_container .calendar {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  #details #room-reservation-info {
    float: left;
  }
  #room-reservation-info p {
    float: left;
    clear: both;
  }
  .room-details .table-title {
    display: none;
  }
  .room-details .room-data,
  .room-details .calculated-data,
  .room-details .table-data .room-entry {
    width: 100%;
  }
  .room-details .table-data .room-entry {
    border: none !important;
    height: auto !important;
  }
  .room-details .room-category img {
    width: 100% !important;
    height: auto;
  }
  .table-data ul.bxslider li {
    height: auto;
    width: 100%;
  }
  .table-data .room-entry.equipment,
  .table-data .room-entry.price-per-room {
    padding: 0 23px;
  }
  .table-data {
    border-bottom: 1px solid #DDDDDD;
  }
  .room-details .calculated-data .table-data {
    border: none;
    min-height: initial !important;
  }
  #registerModal #main-hotel-buchungsanfrage #card-question,
  #registerModal #main-hotel-buchungsanfrage #card-question-hidden {
    width: 100% !important;
  }
  #registerModal .question-text {
    text-align: center;
  }
  #main-hotel-buchungsanfrage #orderform input#confirm-no {
    margin-top: 10px;
  }
  .modal-heading {
    padding-left: -15px;
    padding-right: -15px;
  }
  .selectedCategory {
    border: 1px solid #DDDDDD !important;
    border-right: none !important;
    border-top: none !important;
  }
  .room-data .selectedCategory .room-category .room-type {
    color: #383838;
  }
  #registerModal #main-hotel-buchungsanfrage #orderform input#confirm-yes,
  #registerModal #main-hotel-buchungsanfrage #orderform input#confirm-no {
    min-width: 100%;
  }
  #main-hotel-buchungsanfrage #onlineBookingoption #bbooking input {
    width: 100%;
    padding: 2px 5px 0 !important;
  }
  .fancybox-inner #fancybox-booking-request {
    position: initial;
    width: 100%;
  }
  #fancybox-soiv h2 {
    padding-top: 10px;
  }
  .cat-details {
    margin-top: 10px;
  }
  #details .hotel-details-calender .calendarView {
    width: 100%;
    margin: 0;
  }
  #details .hotel-room-calendar {
    display: none !important;
  }
  .hotel-description .col-md-3.col-sm-3 {
    float: left !important;
    margin-left: -15px;
    margin-bottom: 20px;
  }
  #detail-shadow {
    display: none;
  }
  #detail-hotel-name-main h3 {
    padding: 10px 0;
    font-size: 24px;
    margin-bottom: 0;
  }
  .calendar_container .calendar {
    margin-bottom: 10px;
  }
  .contact-number,
  .email-id {
    padding-bottom: 10px;
  }
  .fancybox-outer .fancybox-inner {
    padding: 0 15px;
  }
  .voucherFancyBox .fancybox-inner {
    width: auto !important;
    height: auto !important;
  }
  .top-slider li,
  .top-slider-container {
    height: 300px !important;
  }
  .room-category .bx-wrapper{
    margin-left: 0px !important;
  }
  .room-details .table-data .book-hotel {
    padding: 14px 0;
  }
  .facility-title,
  .facility-description {
    width: 100%;
  }
  #home-searchbar .search_field.field-2,
  #home-searchbar .search_field.field-3,
  #home-searchbar .search_field.field-4 {
    display: none;
  }
  #home-searchbar .search_field.field-1 {
    width: 83%;
  }
  #home-searchbar .search_field.field-5 {
    width: 17%;
  }
  header #home-search-tab .search_field.field-1,
  header #home-search-tab .search_field.field-5,
  header #home-search-tab .search_field.field-5 .search-submit-btn {
    margin-left: 0;
  }
  #home-search-tab .searchform_wrapper {
    width: 100%;
  }
  header #search_home_container #home-search-tab {
    float: none;
    width: 95%;
    display: inline-block;
  }
  #home-search-tab #home-regions .col-md-3,
  #home-search-tab #home-themes .col-md-3 {
    width: 50%;
    min-width: initial;
  }
  #search_home_container #home-regions .searchform_wrapper {
    padding: 18px 12px;
  }
  .searchform_wrapper .row .col-sm-3.col-xs-12 {
    padding: 0 20px;
  }
  #home-search-tab #home-themes .searchform_wrapper {
    padding-bottom: 12px;
  }
  .land-card .land-years {
    padding-bottom: 0 !important;
  }
  .land-card .land-prices {
    padding-top: 0 !important;
  }
  .contact .contactFormClass_button {
    font-size: 16px !important;
  }
  footer #footer-bottom .row * {
    line-height: 30px;
    display: table;
    margin: 0 auto !important;
  }
  footer #footer-bottom .row a:last-child {
    margin: 0 auto;
  }
  .room-data .table-title + .table-data {
    border-top: 1px solid #DDDDDD !important;
  }
  .room-data .table-data {
    border-right: 1px solid #DDDDDD !important;
    border-top: 0 !important;
  }
}
@media screen and (max-width: 800px) {
  #detail-top-slider img {
    height:100%;
    width:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    min-height: 100%;
    min-width: 100vw;
  }
  .intro {
    height: 89vh;
  }
  #subnavbar li,
  #fakenavbar li {
    width: 100%;
  }
  .navbar-brand {
    height: 50px;
  }
  button.navbar-toggle {
    margin-bottom: 7px;
  }
  .navbar-search a {
    padding: 15px 5px 7px;
  }
  .navbar #fav-hotels > a {
    padding: 8px 8px 11px;
  }
  .hc-big-btn {
    max-width: auto;
    max-width: initial;
  }
  #attraktive-konditionen .cards div.col-lg-4.col-md-6.col-sm-6.text-center {
    margin-bottom: 30px;
  }
  p.hotelline1.sameheight2 {
    padding-bottom: 5px;
  }
  .hotelsearch p.hotelline2 {
    margin-top: 0px;
  }
  section.initiativbewerbung {
    padding: 40px 0px;
  }
  #cards .container.content-section,
  #hotels .container.content-section,
  #hotelempfehlungen  .container.content-section,
  #kundenmeinungen  .container.content-section,
  #hotelangebote  .container.content-section {
    padding-top: 40px;
    padding-bottom: 15px;
  }
  #fake-breadcumb, #subnavlist,
  #subnavlist ul, #fake-breadcumb ul  {
    position:relative;
    top: 0;
    background-color: #0c0c0c;
  }
  #fake-breadcumb a:hover, #subnavlist a:hover {
    background-color: #fff;
    color: #333;
  }
  #subnavbar ul li * {
    width: 100%;
    display: block;
    float:left;
  }
  #subnavbar ul.menu_level_2 li.active {
    background-color: #fff;
  }
  #fake-breadcumb ul li a, #subnavlist a {
    padding: 6px 15px;
  }
  #hotel-list .hotelsearch-bottom p.hotelline1.sameheight2 {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .the-team figure.effect-apollo h2 {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .the-team figure.effect-apollo span {
    font-size: 12px;
    bottom: 5px;
  }
  .the-team #kontakt-box span {
    font-size: 0.8em;
  }
  .all-news div.content-section .all-news-title {
    opacity:1;
  }
  .all-news div.content-section .all-news-title h2 {
    font-size: 20px;
    padding:0px 15px;
  }
  .all-news div.content-section {
    padding-bottom: 30px;
  }
  .all-news div.content-section .all-news-title {
  }
  #testimonial-list div.row > div.col-xs-12 h2 {
    margin-top: 30px;
  }
  #cards .content-section {
    padding-bottom: 0px;
  }
  section#cards .content-section .row > h2 {
    margin-top: 10px;
  }
  #hotelcard-bestellen a.btn.btn-default.hc-green-btn {
    margin-bottom: 60px;
  }
  section.column-info .content-section {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  section.karte-bestellen .order-learn-about,
  section.karte-bestellen .order-discount-code {
    width: 100%;
  }
  #legend .btn {
    width: auto;
  }
  #hotel-categories .panel-body {
    padding: 0px;
  }
  .tourismusregionen-details .cantons_list {
    margin-top:15px;
  }
  #themen-hotels div.row > div.text-center.col-xs-12 h2 {
    margin-top: 35px;
  }
  div.searchbarClose {
    display: none;
    visibility: hidden;
  }
  .filter-columns {
    display: inline-block;
    width: 100% !important;
    vertical-align: top;
    text-align: left;
  }
  .topSearchLine .destination,
  .topSearchLine .arrival,
  .topSearchLine .departure,
  .topSearchLine .guests,
  .topSearchLine .search-hotels {
    padding: 10px 5px;
  }
  .center.topSearchLine {
    display: none !important;
  }
  .modal-content .search_field input {
    padding-left: 5px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .the-team figure.effect-apollo p {
    font-size:12px;
  }
  button.navbar-toggle {
    margin-bottom: 7px;
    margin-top: 15px;
    margin-right: 10px;
  }
  #main-hotel-details .hotel-description .col-md-3.col-sm-3 {
    float: right !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  footer .scrollToTop {
    bottom: 30px;
  }
  #hotelempfehlungen .hoteldetails {
    position: relative;
  }
  #hotelempfehlungen .hoteldetails div.stars {
    position: absolute;
    right: 0;
    top: 0;
  }
  .hotelempfehlungen div.hoteldetails > p {
    max-width: 67% !important;
  }
  #footer-links div.col-xs-6 {
    margin-bottom: 50px;
  }
  #hotelangebote {
    padding-bottom: 0;
  }
  #hotelangebote img {
    margin-top: 20px;
  }
  #hotelangebote .picholder:first-child img {
    margin-top: 0;
  }
  #hotelangebote div.col-xs-12 .row div.col-xs-6 img {
    margin-top: 25px;
  }
  #hotelempfehlungen .hotelempfehlungen {
    text-align: center;
    width: 100%;
  }
  .hotelempfehlungen > a {
    max-height: initial;
  }
  section .content-section {
    padding-bottom:60px;
    padding-top: 60px;
  }
  section.hotelcard-medien .content-section {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  section .container {
    width: 100%;
  }
  .noContainerWidth {
    padding-top: 60px;
  }
  #hotelempfehlungen .hotelsearch {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  section#hotels .row > div[class^="col-xs"]:nth-child(2n), section#hotels .row > div[class*="col-xs"]:nth-child(2n) {
    margin-bottom: 15px;
    padding-left: 15px !important;
  }
  section#hotels .row > div[class^="col-xs"]:nth-child(2n+1), section#hotels .row > div[class*="col-xs"]:nth-child(2n+1) {
    margin-bottom: 15px;
    padding-right: 15px !important;
  }
  footer section {
    padding: 40px 0 !important;
  }
  #hotelempfehlungen .link a {
    float: none;
  }
  #hotelempfehlungen .link {
    margin-bottom: 20px !important;
  }
  #hotelangebote .picholder {
    height: auto;
  }
  #hotelangebote .picholder img {
    min-height: 250px;
    position: relative;
  }
  .intro-bottom-line.center {
    display: none;
  }
  .navbar-custom {
    background-color: #b4002f;
  }
  .hotelempfehlungen > p, .hotelempfehlungen div.stars {
    margin: 0 5px !important;
  }
  .hotel-categories {
    margin-bottom: 0;
  }
  #themen .hotel-categories .col-md-8.col-xs-12 {
    position: relative;
  }
  .navbar #nav-lang #nav-lang-sub,
  .navbar #nav-site #nav-site-sub
  {
    display: block;
  }
  .navbar #nav-lang-sub a,
  .navbar #nav-site-sub a
  {
    color: #000;
    width: 100%;
  }
  .navbar #nav-lang-sub,
  .navbar #nav-site-sub
  {
    margin: 0 -15px;
    width: 100%;
  }
  .navbar #nav-lang-sub a.active,
  .navbar #nav-site-sub a.active
  {
    background-color: #eee;
    color: #000;
  }
  #cards.container {
    width: 100%;
  }
  #cards h3 {
    font-size: 12px;
  }
  #cards .picholder img {
    height: auto;
    max-height: initial;
    max-width: 80%;
    min-width: initial;
    width: initial;
  }
  .hotel-categories {
    min-height: 405px;
  }
  .hotel-categories a img {
    left: 50%;
    position: absolute;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform:translateX(-50%);
  }
  #cards .picholder {
    position: relative;
  }
  #cards .picholder img {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%);
  }
  section#hotels #hotel-categories .panel {
    margin-bottom: 0;
  }
  section#hotels #hotel-categories .panel-body {
    padding-bottom: 0;
  }
  section .content-section .row > h2 {
    margin-bottom: 50px;
  }
  #hotelempfehlungen .link a {
    background: #7ad901 none repeat scroll 0 0 !important;
    border: medium none;
    color: white;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 10px 15px;
    text-transform:uppercase;
    width: 100%;
  }
  #hotelempfehlungen .link {
    float: left;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    padding: 0 15px;
    width: 100%;
  }
  #hotelempfehlungen .link a i {
    color: #fff;
  }
  .product-section > a .product-title * {
    margin-bottom: 5px;
    margin-top: 15px;
  }
  .product-section > a .price {
    font-size: 40px;
    margin-top: 85px;
  }
  .product-section > a .price span {
    font-size: 24px;
  }
  .hotel-booking form input, .hotel-booking form select, .hotel-booking form textarea {
    width: 100%;
    max-width: initial;
  }
}
@media screen and (max-width: 650px) {
  .hotelempfehlungen a .priceboxv2 ul .line1 {
    margin-top: 13px;
  }
  .hotelempfehlungen a .priceboxv2 ul .price {
    font-size: 22px;
    font-weight: 600;
  }
  #hotel-categories ul.nav-tabs li {
    margin: 0;
    width: 100%;
  }
  #hotel-categories ul.nav-tabs li a {
    margin: 0;
  }
  .banner-button a {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  #footer-links div.col-xs-6 {
    margin-bottom: 30px;
  }
  .hotelempfehlungen a .priceboxv2 ul .line1 {
    font-size: 14px;
    margin-top: 13px;
  }
  .hotelempfehlungen a .priceboxv2 ul .price {
    font-size: 18px;
    font-weight: 500;
  }
  .hotelempfehlungen a .priceboxv2 ul li.line2 span.statt, .hotelempfehlungen a .priceboxv2 ul li.line2 span.currency {
    font-size: 12px;
  }
  .product-section {
    float: left;
    text-align: center;
  }
  .product-section .order-product, .product-section .price {
    margin-top: 20px !important;
    width: 100%;
  }
  .product-section .price {
    transform:none !important;
  }
  #content-main .main-title.first h1 {
    font-size: 35px !important;
  }
}
@media screen and (max-width: 500px) {
  .fancybox-opened .fancybox-skin {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  form input[type="submit"] {
    width: 100%;
    margin-bottom: 60px !important;
  }
  #details #main-hotel-details h2 {
    margin: 0px;
    line-height:1.2em;
  }
  #details .stars {
    margin-top: 0px;
  }
  .cards a.btn.hc-empty-btn {
    font-size: 12px;
  }
  .hotel-room-main .hotel-room-box{
    margin-top:  5px;
  }
  .hotel-room-box > p {
    font-size: 14px;
  }
  .hotel-room-box > p:nth-child(2) {
    font-size: 16px;
  }
  .hotel-room-main .hotelinfo .room-info {
    width:100%;
    font-size:26px;
  }
  .hotel-room-main .hotelinfo .room-more-info {
    width:100%;
    font-size:15px;
    text-align:left;
    line-height:2em;
  }
  .hotel-room-box .priceboxv3 li.small.room-price-info {
    font-size: 14px;
  }
  .main-title.first h1,
  h1.first {
    font-size: 40px!important;
  }
  #main-kontakt-form h3 a[href*="tel"] {
    font-size: 26px;
    margin-top: 5px;
  }
  .intro {
    height: 100vh;
  }
  .karte-bestellen .order-adress #birthdate,
  .karte-bestellen  .order-adress #birthday_text{
    width:100%;
  }
  section .content-section .row > h2 {
    margin: 0 0 16px;
  }
  .noContainerWidth {
    padding-top: 15px;
  }
  #fancybox-soiv .hc-big-btn {
    font-size: 15px !important;
  }
  .content h1 {
    margin-top: 25px;
    font-size: 40px;
  }
  footer #footer-bottom .row * {
    margin-left: 15px;
  }
  footer #footer-social ul i {
    font-size: 20px;
  }
  #karte-bestellen #valid_from_date {
    width: 100% !important;
  }
  #main-hotel-buchungsanfrage #collapseTwo #bbooking {
    float:none;
    width:100%;
  }
  footer .scrollToTop {
    display: none;
    visibility: hidden;
    padding: 7px 11px;
  }
  footer .scrollToTop i {
    font-size: 10px;
    padding: 5px 0px 5px 3px;
  }
  .content h1 {
    margin-top: 60px;
    font-size: 35px !important;
    text-align: left;
    margin-left: 15px;
  }
  .content.order h1 {
    margin-top: 80px;
  }
  #hotelcard-verlaengern > div.text-center > h1 {
    margin: 0px 0px 60px;
  }
  .land-card-template .land-card .land-years,
  .land-card-template .land-card .land-prices {
    float: none;
  }
  #main-hotel-buchungsanfrage .panel-group .panel-heading a {
    font-size: 1.1em;
  }
  #main-hotel-buchungsanfrage .panel-group input.submit.btn {
    width: 100%;
  }
  section .content-section#main-hotel-ausstattung {
    padding: 0 15px;
  }
  #details .room-info {
    float: left;
    display:block;
    width: 100%;
  }
  #details .room-more-info {
    width:100%;
    display: block;
    float: left;
  }
  #main-hotel-buchungsanfrage #orderform input#confirm-yes, #main-hotel-buchungsanfrage #orderform input#confirm-no {
    width: 100%;
    min-width: 260px;
  }
  .hotel-room-box .priceboxv3 {
    position: relative;
    float:left;
    display:block;
    width:100%;
    background-color: #000;
    margin-bottom: 5px;
  }
  #details .room-row-bg {
    padding: 0px;
  }
  .themen-hotels .themen-hotel-categories a span.title {
    font-size: 1em;
  }
  #impressum h3 {
    font-size: 14px;
    font-weight: bold;
  }
  #impressum p {
    font-size: 12px;
  }
  #rechtliche-hinweise,
  #testimonial-list .testimonials .text p {
    font-size: 12px;
  }
  .container.content-section {
    padding-bottom:  15px;
    padding-top: 15px;
  }
  #validate-card .container.content-section {
    padding-top: 60px;
  }
  .cards .container.content-section {
    padding-bottom: 0px;
  }
  .sammelbestellungen .turn {
    left: -46%;
  }
  .column-info div.img-circle {
    width: 150px;
    height: 150px;
  }
  .column-info img {
    min-width: 150px;
    min-height: 150px;
    max-width: 300px;
  }
  #testimonial-list div.row div.col-xs-12 > h2 {
    margin: 35px 0px;
  }
  #testimonial-list .content-section {
    padding-bottom: 15px;
    padding-top: 0px;
  }
  #testimonial-list .testimonial-section a[data-target="#testimonial-more"] {
    padding: 0px 15px;
  }
  #testimonial-list .testimonials {
    margin-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
  }
  section#whyus .warumpoints .warumpoint p {
    text-align: center;
    height: initial;
    padding: 20px 0px;
    display: block;
    margin: 0px;
    vertical-align: middle;
    font-size: 14px;
  }
  section#whyus .warumpoints .warumpoint {
    padding-bottom:0px;
    margin-bottom:15px;
  }
  .hotelsearch .hotelsearch-bottom .hotelline1 span.stars {
    position: relative;
  }
  .themen-hotels .themen-hotel-categories {
    margin-bottom: 15px;
  }
  #content-main .main-title.first,
  #content-main .main-title.first h1,
  #content-main h1.first {
    font-size: 2em !important;
  }
  .circletemplate a.btn.hc-green-btn.hc-big-btn {
    margin-bottom:15px;
  }
  .hotelcard-info .hotelcard-info-text {
    padding: 0 15px;
  }
  .hotelregistrieren .breadcrumbs li a,
  .hotelregistrieren .breadcrumbs li.disabled span {
    font-size: 10px;
  }
  .hotelregistrieren .breadcrumbs li.disabled,
  .hotelregistrieren .breadcrumbs li.eneabled,
  .hotelregistrieren .breadcrumbs li {
    padding:7px 10px 7px 20px;
  }
  .hotelregistrieren .breadcrumbs li:first-child {
    padding:7px 10px 7px 10px;
  }.hotelregistrieren .breadcrumbs li a:after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #b4002f;
  }
  .hotelregistrieren .breadcrumbs li a:before {
    border-bottom: 30px solid transparent;
    border-left: 20px solid white;
    border-top: 30px solid transparent;
  }
  .hotelregistrieren .breadcrumbs li span:after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #b4002f;
  }
  .hotelregistrieren .breadcrumbs li span:before {
    border-bottom: 30px solid transparent;
    border-left: 20px solid white;
    border-top: 30px solid transparent;
  }
  .hotelregistrieren .breadcrumbs li.eneabled:hover a:after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #d32833;
  }
  .hotelregistrieren .breadcrumbs li.eneabled:hover a:before {
    border-bottom: 30px solid transparent;
    border-left: 20px solid white;
    border-top: 30px solid transparent;
  }
  .hotelregistrieren .breadcrumbs li.disabled span:after {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 20px solid #f5f5f5;
  }
  .hotelregistrieren .breadcrumbs li.disabled span:before {
    border-bottom: 30px solid transparent;
    border-left: 20px solid #e4e4e4;
    border-top: 30px solid transparent;
  }
  #footer-links div.col-xs-6 {
    margin-bottom: 30px;
    width: 100%;
  }
  .intro .intro-body button.btn.hc-green-btn {
    font-size: 14px;
    min-width: initial;
    max-width: initial;
    width: 100%;
  }
  .main-center-box h3, .main-center-box .slider-currency {
    font-size: 1.5em;
  }
  #hotelangebote {
    padding-bottom: 0;
  }
  #hotelangebote img {
    margin-top: 20px;
  }
  #hotelangebote .picholder:first-child img {
    margin-top: 0;
  }
  #hotelangebote div.col-xs-12, #hotelangebote div.col-xs-12 .row div.col-xs-6 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #hotelangebote div.col-xs-12 .row div.col-xs-6 img {
    margin-top: 25px;
  }
  #hotelangebote div.col-xs-12 .row {
    margin-left: 0;
    margin-right: 0;
  }
  #hotelempfehlungen .hotelempfehlungen {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
  }
  .hotelregistrieren .breadcrumbs li {
    padding: 7px 10px 7px 10px;
  }
  footer section {
    padding: 40px 0 !important;
  }
  .hotelsearch {
    margin-bottom: 0px;
  }
  #hotelempfehlungen .link a i {
    color: #fff;
    font-size: 14px;
  }
  #hotelempfehlungen .link a {
    background: #7ad901 none repeat scroll 0 0 !important;
    border: medium none;
    color: white;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 10px 15px;
    text-transform:uppercase;
    width: 100%;
  }
  #hotelempfehlungen .link {
    float: left;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    padding: 0 15px;
    width: 100%;
  }
  #hotelangebote .picholder img {
    left: 50%;
    max-width: initial;
    min-height: 250px;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%);
  }
  .intro-bottom-line.center {
    display: none;
  }
  .intro .brand-heading {
    margin-bottom: 15px;
  }
  .intro .control-group.group {
    margin-bottom: 6px;
    margin-right: 0 !important;
    width: 100%;
  }
  .intro .control-group.group .input-prepend .prependedtext {
    width: 100%;
  }
  .intro .control-group.group.selectbox {
    margin-top: 10px;
  }
  .intro .input-group.date {
    float: left;
    margin: 0 !important;
  }
  .intro .input-group.date.right {
    float: right;
  }
  #fav-hotels ul { display: none;
  }
  #fav-hotels:hover ul {
    display: block;
  }
  #cards .cardprice, .cards .cardprice {
    font-size: 60px;
  }
  h2{
    font-size: 24px;
  }
  h3 {
    font-size: 14px;
  }
  #main-hotel-buchungsanfrage .panel-group .panel-title, h4 {
    font-size: 14px;
    min-width: 180px;
  }
  section .content-section .row > h2 {
    margin: 0px 0px 40px;
  }
  .hotelsearch p.hotelline1 .hotelname {
    font-size: 18px;
  }
  .hotelsearch p.hotelline2 {
    font-size: 12px;
  }
  .navbar-custom {
    background-color: #b4002f;
  }
  .navbar-brand {
    max-width: 180px !important;
  }
  .navbar-brand > img {
    padding-top: 13px !important;
    width: 100% !important;
  }
  .navbar-custom .navbar-brand {
    width: 130px;
    float: left;
  }
  #hotel-categories .nav-tabs li a {
    font-size: 16px;
  }
  #cards .picholder img, .cards .picholder img {
    max-height: initial;
    width: 100%;
  }
  #cards .picholder, .cards .picholder {
    height: initial;
  }
  .hotelempfehlungen > p, .hotelempfehlungen div.stars {
    margin: 0 5px !important;
  }
  .hotel-categories {
    margin-bottom: 0;
  }
  #hotel-categories .tab-pane > div {
    padding: 0px;
    margin-bottom: 0px;
  }
  #themen .hotel-categories .col-md-8.col-xs-12 {
    position: relative;
  }
  .navbar #nav-lang #nav-lang-sub,
  .navbar #nav-site #nav-site-sub
  {
    display: block;
  }
  .navbar #nav-lang-sub a,
  .navbar #nav-site-sub a
  {
    color: #000;
    width: 100%;
  }
  .navbar #nav-lang-sub,
  .navbar #nav-site-sub
  {
    margin: 0 -15px;
    width: 100%;
  }
  .navbar #nav-lang-sub a.active,
  .navbar #nav-site-sub a.active
  {
    background-color: #eee;
    color: #000;
  }
  #cards .picholder img {
    height: auto;
    max-width: 80%;
    min-width: initial;
  }
  .hotel-categories {
    margin-bottom:15px;
  }
  .hotel-categories a img {
    height: 100%;
    left: 50%;
    position: absolute;
    transform:translateX(-50%);
    width: auto;
  }
  footer #footer-bottom div {
    line-height: 42px;
  }
  .hotelempfehlungen div.hoteldetails {
    position: relative;
  }
  .hotelempfehlungen div.hoteldetails p {
    width: 70%;
  }
  #hotelempfehlungen .stars {
    position: relative;
    right: 0;
    top: 0;
  }
  #cards .text a {
    width: 100%;
  }
  .product-section > a .product-title * {
    margin-bottom: 15px;
    margin-top: 25px;
  }
  #div_order .order_voucher .order-product img {
    width: 100%;
    height: auto;
  }
  #orderform .form-section-box .valid-from-box label#tooltip-valid_from_date {
    width: 100%;
  }
  #orderform .form-section-box .valid-from-box .form-group {
    width: 138px;
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
  }
  #orderform .form-section-box .valid-from-box a.help {
    display: inline-block;
    vertical-align: middle;
  }
  #attraktive-konditionen form input, #attraktive-konditionen form textarea, #attraktive-konditionen form select {
    min-width: initial;
    width: 100%;
  }
  .hotel-contact-infos, .hotel-booking {
    max-width: initial;
    width: 100%;
  }
  .search-filter .order_select li {
    width: 100%;
  }
  #legend .btn {
    width: 100%;
  }
  #detail-top-slider .pricebox {
    width: 100%;
    margin-right: 0px;
  }
  #details #detail-shadow {
    top: 0;
    height: auto;
  }
  #details #detail-shadow .panel-heading {
    height: auto;
  }
  #details #detail-shadow .nav-tabs {
    margin: 15px 0;
  }
  #details #detail-shadow .nav-tabs > li {
    width: 100%;
    margin-bottom: 0px;
  }
  #detail-top-slider .pricebox {
    position: relative;
    width: auto;
  }
  #detail-top-slider .sticky-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
  div#buchung-siderbar {
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  #detail-top-slider .swiper-container.swiper.swiper-container-horizontal {
    height: 250px;
    max-height:40%;
    overflow: hidden;
  }
  #fake-breadcumb {
    background-color: rgba(0,0,0,1);
    position: relative;
  }
  #fake-breadcumb ul li {
    display: block;
    width: 100%;
  }
  .the-team .col-sm-4 {
    margin-bottom: 0px;
  }
  section.hotelcard-medien .row > div[class^="col-xs"], section.hotelcard-medien .row > div[class*="col-xs"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  section.hotelcard-medien .content-section {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
  }
  .navbar-brand {
    height: 39px;
    margin-top: 4px;
  }
  #search-form .group .input-prepend .add-on i {
    padding-left: 7px;
  }
  #search-main-box #search-form .group .input-group-addon {
    padding-left:5px;
    padding-right:5px;
  }
  .cards div.row > div.col-lg-4 {
    margin-bottom: 0px;
    padding-left:0px;
    padding-right:0px;
  }
  #search-main-box {
    max-width: 100%;
  }
  .ht-name {
    font-size: 85%;
    font-weight: bold;
  }
  .tt-suggestion {
    width: 100%;
  }
  .tt-dropdown-menu {
    width:100%;
    max-width: 100%;
  }
  .intro p.intro-text {
    font-size: 20px;
  }
  .hotel-room-calendar .markedDate.selectStart:after {
    left: 46px;
  }
  #home-searchbar #searchForm .search_field .fa-search {
    padding-left: 3px;
  }
  .form-thanks .hc-big-btn {
    font-size: 14px !important;
  }
  .contact-number,
  .email-id,
  .website {
    width: 100%;
  }
  #main-hotel-buchungsanfrage #booking_children {
    background-position: 99% center;
    padding: 6px 16px 6px 12px;
  }
  header #search_home_container .nav-tabs > li > a {
    padding: 8px 20px;
  }
  .order-discount-code .col-sm-6,
  .order-discount-code #applyDiscountCode {
    width: 100%;
  }
  .order-discount-code #applyDiscountCode {
    margin-bottom: 14px;
  }
}
.the-team .container .img-responsive {
  height: 260px;
}
@media screen and (max-width: 360px) {
  #content-main .main-title.first h1,
  h1.first {
    font-size: 32px !important;
  }
  .hotel-pricing .pricing-box {
    line-height: 26px;
  }
  .pricing-box li.standard-price {
    line-height: 27px;
  }
  li.half-price span.price {
    font-size: 18px;
  }
  .form-thanks .hc-big-btn {
    font-size: 12px !important;
  }
  #main-hotel-buchungsanfrage #onlineBookingoption #bbooking.fr input,
  #main-hotel-buchungsanfrage #onlineBookingoption #bbooking.it input {
    font-size: 12px !important;
  }
  #home-search-tab #home-regions .col-md-3,
  #home-search-tab #home-themes .col-md-3 {
    width: 100%;
  }
}
.ui-effects-transfer {
  background: url('/../../images/content/heart-red.png') no-repeat center;
  z-index: 10000;
}
.input-group.date.group {
  width: 100%;
}
.collapse.in .navbar-nav {
  display: block !important;
}
.navbar-collapse.collapse.in li.level-1 a {
  float: left;
  width: 100%;
}
.homepage .navbar-search {
  display: none;
}
.homepage nav.navbar #fav-hotels {
  right: 45px;
}
@media (max-width: 767px) {
  #content-main #text-rotator {
    font-size: 26px !important;
    width:90%;
  }
  section.initiativbewerbung {
    padding: 40px 0px;
  }
  #cards .container.content-section,
  #hotels .container.content-section,
  #hotelempfehlungen  .container.content-section,
  #kundenmeinungen  .container.content-section,
  #hotelangebote  .container.content-section {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .search_field #autocompleteList2 {
    width: 97%;
    left: 7px;
  }
}
.errorBorder{
  border:1px solid red !important;
}
#orderModalText{
  font-size: 1.2em !important;
}
.blackColorLink,
.redColorLink{
  float: left;
  word-break: break-all;
}
.hotelContact .fa-globe {
  font-size: 17px;
}
.hotelContact .fa {
  float: left;
  line-height: 20px;
}
.modal-heading .fa {
  float: left;
  line-height: 9px;
}
.blackColorLink{
  color: #333 !important;
}
.redColorLink{
  color: #dd042b !important;
}
/**/
.wrapper {
  position: relative;
}
#mobile {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50px;
  background-color: rgba(38,38,38,0.95);
  z-index: 9999;
  padding-top: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  right: -100%;
  overflow-y: auto;
  padding-bottom: 100px;
  text-align: center;
}
.mobileNav #mobile {
  right: 0;
}
#mobile li > a {
  font-size: 24px;
  line-height: 1.2em;
  white-space: normal;
  word-wrap: break-word;
  padding: 14px 40px 14px 24px;
  color: #fff;
}
#mobile li.starter_active > a, #mobile li.starter_active li.active a,
#mobile li.starter_active li.active a:hover,
#mobile li.starter_active > a:hover {
  background-color: #b4002f;
}
#mobile .nav > li.starter_active > div:before {
  color: #fff;
}
#mobile il > ul {
  display: none;
}
#mobile .nav > li > div {
  position: absolute;
  right: 0;
  padding: 13px 20px;
  box-sizing: border-box;
  bottom: 0;
  font-size: 20px;
  top: 3px;
}
#mobile .nav li.level-1 {
  position: relative;
  width: 100%;
  float: left;
}
#mobile .nav > li > div:before {
  color: #b4002f;
}
.mobile-switch i {
  color: #fff;
  font-size: 24px;
  margin-top: 11px;
  margin-right: -4px;
  cursor: pointer;
}
#mobile li li a {
  color: #fff;
  font-size: 20px;
  line-height: 22px;
}
#mobile li li {
  float: left;
  line-height: 35px;
}
#mobile .open-submenu {
  cursor: pointer;
  display: none;
}
#mobile .hasList .open-submenu {
  display: block;
}
#mobile li > ul {
  position: static;
  float: left;
  background-color: transparent;
  color: #fff;
  width: 100%;
  padding: 12px 0;
}
#g-6mvvlb.guu3s3m, #gukj40l {
  z-index: 9;
}
.mobile-switch {
  display: none;
}
#mobile li > ul.open {
  display: block;
}
body.mobileNav {
  overflow: hidden;
}
#mobile li > a:hover {
  background-color: transparent;
}
#mob-lang a.active {
  color: #b4002f;
}
#mob-lang {
  padding: 10px 0;
  display: inline-block;
  margin: 0 auto;
}
#mob-lang a {
  font-size: 29px;
  line-height: 31px;
  color: #fff;
  padding: 0 8px;
  margin-left: 3px;
}
.swiper-container{
  background-color: #000000 !important;
}
.calendarWrapper > .calendarView{
  display: inline-block;
  vertical-align: top;
}
.calendarView {
  width: 24.5%;
  margin-right: 20px;
}
.arrowsMonthView {
  max-width: 45%;
  display: inline-block;
}
.arrowsMonthView {
  cursor: pointer;
  font-size: 1em;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.arrowsMonthView i:hover {
  color: grey;
}
.arrowsMonthView {
  text-align: right;
  padding: 5px;
  max-width: 75%;
  float: right;
  padding-right: 0;
}
.previousMonthView{
  text-align: left;
  float: left;
  padding-left: 0;
}

.calendarView .zabuto_calendar .markedDate,
.hotel-room-calendar .zabuto_calendar .markedDate {
  background-color: #C6F293;
}
.calendarView .zabuto_calendar .markedDate.selectStart,
.hotel-room-calendar .zabuto_calendar .markedDate.selectStart {
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
}
.calendarView .zabuto_calendar .markedDate.selectEnd,
.hotel-room-calendar .zabuto_calendar .markedDate.selectEnd {
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}
.hotel-details-calender {
  margin-top: 20px;
}
.hotel-details-calender .calendarView .zabuto_calendar .markedDate .day,
.hotel-room-calendar .room-calendar .zabuto_calendar .markedDate .day {
  background-color: #C6F293 !important;
}
div.zabuto_calendar .table div.rangeDate,
div.zabuto_calendar .table .selectedBetween {
  background-color: #E2FBD1 !important;
}
.markedDate.selectStart:after,
.markedDate.selectEnd:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 36%;
  width: 0;
  height: 0;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  z-index: 1;
}
.markedDate.selectStart:after {
  right: -10px;
  border-left: 5px solid #C6F293;
  border-right: 5px solid transparent;
}
.markedDate.selectEnd:before {
  left: -10px;
  border-left: 5px solid transparent;
  border-right: 5px solid #C6F293;
}
.arrowsWrapper.container.content-section {
  height: auto !important;
  padding: 0 !important;
  max-width: 100%;
  position: relative;
  float: left;
  width: 100%;
}
.markedSelection{
  background-color: #74B77E !important;
}
.calendarWrapper #room-reservation-info ul li {
  line-height: 1.2em;
  max-width: 160px;
  text-align: left;
}
.calendarWrapper #room-reservation-info {
  float: left;
  width: 100%;
  max-width: 100%;
  border: none !important;
  background-color: transparent !important;
  padding: 5px 15px !important;
  margin-top: 5px !important;
  color: #777;
  text-align: right;
}
.calendarWrapper #room-reservation-info ul {
  font-size: 12px;
  list-style-type: none;
  padding: 0 !important;
  margin-top: -61px !important;
}
.calendarWrapper #room-reservation-info p {
  font-size: 12px;
  margin: 0;
  text-align: left;
}
#checkAvailabilityButton {
  margin-bottom: 18px;
  margin-right: -12px;
}
.room_available {
  background-color: #71d301;
  color: #000;
  text-align: center;
}
.room_nop {
  background-color: #bfe6ff;
  color: #000;
  text-align: center;
}
.room_unavailable {
  background-color: #ffbfc0;
  color: #000;
  text-align: center;
}
.calender-color-example {
  display: inline-block;
  float: left;
  height: 38px;
  margin-right: 5px;
  width: 11px;
}
.calendar {
  height: 45px;
  float: left;
  max-width: 23%;
  text-align: left;
  margin-right: 25px;
  display: table;
}
.calendar_container {
  font-size: 13px;
}
.calendarWrapper  td i {
  position: absolute;
  margin-top: -38px;
  width: 40px;
  left: -1px;
  font-size: 17px !important;
  color: #FFF;
}
.calendarWrapper td{
  position: relative;
}
.calendarWrapper{
  max-height: 450px;
}
.calendarWrapper #checkAvailabilityButton {
  margin-bottom: 18px;
  margin-right: -5px !important;
}
.titleAvailability{
  display: none;
}
@media (max-width: 1024px) {
  .calendarView{
    width: 100%;
  }
  .titleAvailability{
    display: block;
    margin: 19px 0px 10px;
  }
  .navbar-search{
    display:block;
  }
  #page-top .topSearchLine ul#predictionsList {
    width: 87.5%;
    margin-left: 25px !important;
    margin-top: 60px;
  }
}
div#loadingcalendar{
  text-align: center;
  margin-left: -260px;
}
div#loadingcalendar img{
  max-width: 95px;
}
th.monthName {
  background-color: #4C4C4C !important;
  color:#FFF;
}
div.zabuto_calendar .table tr.calendar-month-header th {
  background-color: #000000;
  border-bottom-color: transparent;
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: middle;
  color: #FFF;
}
.calendarWrapper.container.content-section {
  padding: 0 15px;
}

#gutscheinconnection-container a img {
  width: 100%;
  /* height: 352px; */
  max-width: 1205px;
  height: auto;
}
span.input-label {
  position: absolute;
  color: #A9A9A9;
  padding: 10px 30px;
  left: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
span.input-label.input-filled {
  top: -8px;
  left: 13px;
}
#predictionsList{
  color: #000000;
  position: absolute;
  background: rgb(255,255,255);
  text-align: left;
  margin: 0;
  margin-top: 1px;
  padding: 0;
  z-index: 999;
  width: 59%;
}
.locationName1{
  font-weight: bold;
  color: #000000;
  word-wrap: break-word;
}
.locationName2{
  color: #868383;
}
li.listElement {
  list-style: none;
  padding: 6px 0px 6px 0px;
  border-bottom: 1px solid #CCC;
  cursor: pointer;
}
li.listElement:hover {
  background-color: rgb(180, 0, 47);
  color:#FFF;
}
.predictionIcon {
  padding: 12px;
  color: #82888A;
  font-size: 1.3em;
}
.section-text-intro{
  padding: 100px;
}
.section-image img{
  width: 100%;
}
.top-content-secondary-text{
  width: 50%;
  margin: 0 auto;
}
.top-content-secondary-text p{
  font-size: 15px;
}
div.col-sm-4.col-xs-12{
  margin-bottom: 70px;
}
#search_home_container ul#tabs {
  display:inline-block;
  border-bottom:none;
}
#search_home_container ul#tabs li {
  display: inline-block;
  border: 1px solid transparent;
}
#search_home_container .nav-tabs > li > a {
  border-radius:0px;
  padding: 8px 40px 8px 40px;
  background-color: rgba(0,0,0,0.1);
  color:#fff;
  border:none;
}
#search_home_container .nav-tabs > li.active > a {
  background-color: rgba(0,0,0,0.6);
}
#search_home_container #home-search-tab {
  float:left;
  width:100%;
  margin-top: -5px;
}
#home-regions #home-region-list {
  margin-bottom:0px;
}
#home-regions select.form-control {
  border-radius:0px;
  border-color:#fff;
  background-color:transparent;
  appearance:none;
  color:#fff;
  background-size: 25px 25px;
}
#home-regions select.form-control option {
  background-color: #191919;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #fff;
}
#home-regions .countryRegions {
  color: #fff !important;
}
#search_home_container form input,
#search_home_container form textarea,
#search_home_container form select {
  margin-bottom:0px;
  background-color: #fff;
}
#home-regions .list-group-item {
  border:none;
  text-align:left;
  padding:0px;
}
#home-regions .list-group-item a {
  color:#fff;
  width:100%;
  display:block;
  padding: 10px 15px;
}
#home-search-tab #home-region-list li:hover,
#home-search-tab #home-themes a:hover, #home-regions a:hover{
  background-color:rgba(0,0,0,0.4);
}
#search_home_container .tab-content > .tab-pane {
  float:left;
  width:100%;
  text-align: center;
}
ul li span.force-white-color,.force-white-color *{
  color: #FFF;
}
#search_home_container .tab-content > .tab-pane > * {
  background-color: rgba(0,0,0,0.6);
  display:inline-block;
  padding:18px;
}
#home-searchbar .search_field {
  float:left;
  display: inline-block;
  padding: 0;
  min-width: 20%;
  text-align: left;
  border-right: 1px solid #ccc;
}
#home-searchbar #searchForm {
  margin-top:0px!important;
}
#home-searchbar #searchForm .search_field {
  margin-bottom:0px!important;
}
#squarespaceModal,
#squarespaceModal1 {
  top:50px;
  padding: 0 !important;
}
#squarespaceModal .modal-dialog,
#squarespaceModal .modal-content,
#squarespaceModal .modal-content > *,
#squarespaceModal1 .modal-dialog,
#squarespaceModal1 .modal-content,
#squarespaceModal1 .modal-content > * {
  float:left;
  width: 100%;
  margin:0px;
  padding:0px;
  border-radius:0px!important;
}
#squarespaceModal .modal-content > div,
#squarespaceModal .modal-content .modal-body>* {
  padding:10px;
}
#squarespaceModal .modal-content .modal-body,
#squarespaceModal1 .modal-content .modal-body {
  padding:0;
}
#squarespaceModal .modal-body,
#squarespaceModal1 .modal-body {
  left:0;
  right:0;
  top:0;
  height:auto;
  max-height:initial;
  max-height:auto;
  position:relative!important;
  box-shadow: none;
}
#squarespaceModal .modal-content .modal-body h4 {
  text-align: left;
  margin-bottom:15px;
}
#squarespaceModal .modal-footer>div>div.btn-group {
  width:100%;
  float:left;
  margin-bottom:15px;
}
#squarespaceModal .modal-footer>div>div.btn-group:last-child {
  margin-bottom:5px;
}
#squarespaceModal .modal-header,
#squarespaceModal .modal-body,
#squarespaceModal1 .modal-header,
#squarespaceModal1 .modal-body {
  border:none;
}
#squarespaceModal1 .modal-body {
  width:100%;
  height:100%;
}
#squarespaceModal #modal-tags,
#squarespaceModal #modal-thema,
#squarespaceModal #modal-ausstattung,
#squarespaceModal #modal-sterne,
#squarespaceModal #modal-preisspanne {
  display:block;
  float:left;
  width:100%;
}
#squarespaceModal #modal-tags a {
  border:1px solid rgba(0,0,0,0.4);
  padding:5px 20px 5px 5px;
  color:inherit;
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  position:relative;
}
#accordion .panel-heading { padding: 0;
}
#accordion .panel-title > a {
  display: block;
  padding: 0.4em 0.6em;
  outline: none;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
}
#accordion .panel-title > a.accordion-toggle::before,
#accordion a[data-toggle="collapse"]::before {
  content:"\e113";
  float: left;
  font-family: 'Glyphicons Halflings';
  margin-right :1em;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before,
#accordion a.collapsed[data-toggle="collapse"]::before {
  content:"\e114";
}
#home-modal-menu #hotel-detail-top-search #search-form fieldset div.group {
  margin-bottom:10px!important;
}
#home-modal-menu .panel-group .panel+.panel {
  margin-top:0px;
}
.modal-dialog {
  height:100%;
  background-color:#f5f5f5;
}
.modal-header,
#accordion .panel-heading {
  min-height: 40px;
}
#accordion .panel-body {
  padding: 0px;
  border-bottom: none;
}
#home-modal-menu .modal-header .close {
  height: 40px;
  margin-right: 15px;
}
#home-modal-menu .list-group-item {
  margin-bottom:10px;
  display:inline-block;
  width: 100%;
}
ul#home-theme-list-modal {
  margin: 15px;
}
#home-modal-menu #collapseThree a {
  float: left;
  width: 100%;
}
#home-modal-menu .list-group-item:nth-child(even) {
  float: right;
}
#home-modal-menu .list-group-item:nth-child(odd) {
  float: left;
}
#accordion .panel-title {
  text-align: left;
  line-height: 27px;
}
#accordion div.topSearchLine {
  border-bottom:none;
}
#accordion #hotel-detail-top-search #search-form fieldset .date.group .controls {
  margin-bottom:0px;
}
.min-padding {
  padding:15px;
  width:100%;
}
#accordion * {
  border-radius: 0px;
}
#accordion #collapseTwo .form-control {
  margin-bottom: 15px;
}
#squarespaceModal #modal-tags a:after {
  content:'×';
  position:absolute;
  right:6px;
}
#squarespaceModal #modal-tags a:hover {
  background-color:rgba(0,0,0,0.2);
}
#squarespaceModal .modal-block-style .modal-thema-blocks {
  display:block;
  text-align: left;
  width:100%;
  float:left;
}
#squarespaceModal .modal-block-style .modal-thema-blocks > div {
  display:block;
  width:100%;
  float:left;
  margin-bottom:5px;
}
#squarespaceModal .modal-block-style > a {
  float:left;
}
#squarespaceModal .modal-block-style .modal-thema-blocks > div > * {
  display:inline-block;
  vertical-align: top;
}
#squarespaceModal .modal-block-style .modal-thema-blocks > div > label {
  margin-left:5px;
}
.field-1 {
  width:30%;
}
.field-2,.field-3,.field-4,.field-5 {
  min-width:initial!important;
  min-width:auto!important;
  width:17.5%;
}
#home-search-tab .search_field:last-child {
  border-right:none!important;
}
.search_field input, .search_field select {
  color: #000000;
  width: 100%;
  border: none !important;
  padding-left: 37px;
}
span.search_field_icon {
  color: #82888A;
  background-color: #FFF;
  padding: 12px 8px 0;
  position: absolute;
  border-bottom: 1px solid #F9F8F8;
}
.guest_icon {
  position: absolute;
  left: 0;
  padding: 10px 10px 0 15px;
  color: #82888A;
}

.filter-columns {
  display: inline-block;
  width: 28%;
  vertical-align: top;
}
.filters-row {
  border-top: 1px solid #ccc;
  margin-bottom: 40px;
  padding: 0px;
  margin: 16px;
}
#hotelsearch #searchForm {
  margin-top:15px;
}
.search_field.results_page {
  margin-bottom: 15px;
  border: 1px solid #828282;
  height: 42px;
}
.button_grey_border {
  padding: 10px;
  border: 1px solid #828282;
  text-align: center;
  cursor: pointer;
}
.search_resultspage_container #searchForm {
  margin-top:15px;
}
.search_resultspage_container #searchForm>*{
  margin-bottom:15px;
}
.search_resultspage_container #searchForm .search_field {
  width: 100%;
  text-align: left;
  border-right: 1px solid #ccc;
}
.sortingOption {
  float: right;
  width: 25%;
  min-width: 162px;
}
#search_resultspage_modal {
    display: none;
}
.search_opt_buttons_wrapper #sort-text {
  float: left;
  width: 50%;
}
.search_opt_buttons_wrapper #filtersButton,
.search_opt_buttons_wrapper #sortButton {
  width:100%;
  text-align: center;
}
#button-apply-filters{
  background-color: #B4002F;
  color: #FFF;
}
#sortButton {
  padding: 0;
}
#button-apply-filters:hover{
  opacity: 0.85;
  transition: all 0.3s ease-in-out 0s;
}
.search-bttn:last-child {
  text-align: right;
}
#search_opt_buttons {
  float:left;
  width:100%;
  padding: 10px 0px 10px 0px;
  background-color: #F0F0F0;
}
.search-bttn {
  display: inline-block;
  background-color: #FFF;
}
@media screen and (max-width:480px) {
  #hotelsearch #search_opt_buttons #filtersButton,
  #hotelsearch #search_opt_buttons #sort-text{
    display:none;
  }
  #hotelsearch #search_opt_buttons .col-xs-3.pull-right {
    width:100%;
    margin-top:15px;
  }
  .search_field #autocompleteList2 {
    width: 96%;
    left: 6px;
  }
  header.intro .intro-body {
    margin-top: 10em;
  }
}
@media (max-width:800px) {
  h1.message-found, .message-found2 {
    text-align: center !important;
    margin-right: 0;
    padding: 3px;
    margin-right: 0 !important;
  }
  #search-results-container{
    margin-top: -20px;
  }
  .search_opt_buttons_wrapper #sort-text {
    float: left;
    width: 99%;
  }
  .message-found {
    text-align: right;
    margin-left: 0px !important;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  div#paging_wrapper {
    padding-bottom: 22px;
    text-align: center;
  }
}
@media  (max-width:1300px) {
  .search_opt_buttons_wrapper #sort-text {
    float: left;
  }
  #search_opt_buttons .sortingOption {
    position: absolute;
    right: 0;
  }
  .leadsText br {
    display: block;
  }
}
@media (min-width: 1400px) {
  #page-top .topSearchLine ul#predictionsList {
    width: 32.2%;
  }
  #search_resultspage_container .search_field #predictionsList {
    width: 288% !important;
  }
}

#filter-section-buttons{
  text-align: right;
  margin-bottom: 20px;
}
#filtersContainer{
  display: none;
  float:left;
  width:100%;
}
.filters {
  border: 1px solid #828282;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.filters i {
  text-align:center;
  padding-left: 2px;
}
.selected-opt{
  background-color: red;
}
.filter-columns>div * {
  display: inline-block;
  vertical-align: top;
  margin: 8px;
  text-align: center;
}
.filter-columns>div i {
  margin: 0px;
  color:#7AD901;
  font-size: 1.3em;
}
#search-results-container{
  position: relative;
}
.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 52px;
  margin-top: -35px;
  font-size: 12px !important;
}
.pie-value {
  display: block;
  position: absolute;
  font-size: 10px !important;
  height: 40px;
  top: 47%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
}
.percentage-bar {
  text-align: right;
  top: 70px;
  right: 12px;
  position: absolute;
}
.extrainfo {
  position: absolute;
  margin: 0 auto;
  width: 50px;
  top: 47px;
  text-align: center;
}
.hotelsearch-bottom{
  position: relative;
}
.blur_effect {
}
#results-wrapper{
  background-color: #F0F0F0;
}
div#paging_wrapper .paging_item {
  display: inline-block;
  border: 1px solid #ccc;
  margin: 5px;
  padding: 5px;
  cursor: pointer;
  background-color: #B4002F;
  color: #FFF;
  height: 30px;
  width: 30px;
}
div#paging_wrapper {
  padding-bottom: 22px;
  text-align: center;
}
.paging_selected{
  border: 1px solid #000 !important;
  background-color: #D0CFCF !important;
  color: #000 !important;
}
#search_home_container .nav-tabs > li > a {
  border-radius: 0px;
  padding: 8px 40px 8px 40px;
  background-color: rgba(0,0,0,0.3);
  color: #fff;
  border: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
#sortby {
  width: 100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  background: url(../img/icons/downarrow_grey.png) no-repeat #fff;
  background-position: 95% center;
  background-size: 12px;
  line-height: 18px !important;
  min-height: 40px;
  padding: 10px 25px 10px 10px;
}
#search_home_container ul#tabs li {
  display: inline-block;
  border: 1px solid transparent;
}
.percent-green {
  color: #518411;;
}
.percent-blue {
  color: #30C4C9;;
}
.percent-red {
  color: #B4002F;
}
#home-search-tab #home-region-list {
  width:100%;
  float:left;
}
#home-search-tab #home-region-list li {
  float:left;
  background-color:transparent;
}
#home-search-tab #home-themes .searchform_wrapper {
  padding-bottom:18px;
}
#home-themes .searchform_wrapper > .row {
  padding: 0 10px;
}
.searchform_wrapper .col-md-3.col-sm-4.col-xs-6 a  {
  padding: 10px 15px;
  color:#fff;
  float:left;
  width:100%;
  display:block;
  border:1px solid #fff;
  word-wrap: break-word;
}
.searchform_wrapper .row .col-sm-3.col-xs-12 {
  margin-top: 5px;
}
div#noresults div {
  background-color: #CCC !important;
  margin: 0;
  text-align: center;
  padding: 32px;
  color: green;
}
.fa.fa-thumbs-o-up{
  font-size: 14px;
  color: green;
}
.bolder-number{
  font-weight: bold;
}
#resultsfound,#noresults{
  display:none
}
h1.message-found,.message-found2 {
  text-align: right !important;
  margin: 0;
  margin-right: 15px;
  font-size: 1.2em !important;
  margin-bottom: 15px;
  color: #A2A2A2;
}
h1.message-found.message-found-effect{
  margin-bottom: 5px !important;
}
.link-allhotels{
  cursor:pointer;
  color: green
}
div#noresults p {
  background-color: rgba(204, 204, 204, 0.06) !important;
  margin: 0;
  text-align: center;
  padding: 14px;
  color: #866B6B;
}
a.link-allhotels {
  color: rgba(41, 180, 0, 0.7);
}
#customRadius{
  background: rgba(0,0,0,0.9);
  height: 10000px;
  width: 100%;
  position: absolute;
  z-index: 9999;
  top: 0;
  text-align: center;
  display:none
}
#customRadius .text-desc {
  margin-top: 120px;
  color: #FFF;
}
div#sclose {
  position: absolute;
  right: 2%;
  padding: 0.4em;
  background: #f5f5f5;
  color: #151213;
  font-size: 1.4em;
  font-family: sans-serif;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  margin: 23px;
  z-index: 9999;
}
div#sclose:hover{
  -webkit-transition: background-color 500ms ease-out 1s;
  -moz-transition: background-color 500ms ease-out 1s;
  -o-transition: background-color 500ms ease-out 1s;
  transition: background-color 500ms ease-out 1s;
}
#customRadiusValue{
  color: #989898;
  font-size: 1.4em;
  text-align: center;
  padding: 6px;
  background: rgba(119, 119, 119, 0.21);
  border: 1px solid #565454;
}
button.apply {
  margin-top: 15px;
  max-width: 222px;
  width: 100%;
  color: #ddd;
  border: none;
  background: rgba(122, 217, 1, 0.15);
  padding: 8px;
  border: 1px solid #999;
}
button.apply:hover {
  background: rgba(122, 217, 1, 0.7);
  color: #FFF;
  font-weight: bold;
}
.labelbox{
  padding: 10px;
  color: #f5f5f5;
  background: rgba(153, 153, 153, 0.35);
  vertical-align: top;
  border: 1px solid #565454;
  border-right: none;
}
.ftr {
  position: relative;
}
.abstxtinput {
  position: absolute;
  padding: 0;
  margin: 0;
  bottom: 0;
  color: rgba(117, 119, 120, 0.58);
  padding: 15px;
  text-align: right;
  margin-left: -60px;
  font-size: 1em;
}
div#containerCustomRadius {
  position: fixed;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
div#filter-section-buttons .button_borded {
  display: inline-block;
}
.input-placeholder {
  position: absolute;
  padding: 10px;
  left: 35px;
}
.selected-location {
  background: rgba(0,0,0,0.2);
}
p.hotelline2 {
  height: 25px;
}
.bootstrap-datetimepicker-widget table td.day{
  padding : 5px;
  margin:1px !important;
}
.bootstrap-datetimepicker-widget table td.day.today{
  border: 1px solid transparent;
}
.bootstrap-datetimepicker-widget table td.day:hover{
  background: transparent !important;
  border: 1px solid green;
}
#priceSlider,#priceSlider2{
  width: 99%;
  color: #FFF;
}
.price-slider-elements {
  display: inline-block;
  margin: 15px;
  vertical-align: top;
}
.price-row > div {
  display: inline-block;
}
.price_column{
  width: 74%;
}
.noUi-horizontal {
  height: 4px !important;
}
.noUi-connect {
  background: #E03663 !important;
}
.noUi-handle {
  border: 1px solid #828282 !important;
  border-radius: 50% !important;
}
.noUi-horizontal .noUi-handle {
  width: 30px !important;
  height: 30px !important;
  left: -17px !important;
  top: -12px !important;
  text-align: center ;
  box-shadow: 1px 2px 5px #929191;
}
#sortby span{
  display: none;
}
#button-cancel-filters ,#button-apply-filters{
  width: 250px;
  margin-right: 15px;
}
.slide-prices #price-1, #price-1b{
  float: left;
  margin-left: 0px;
}
.slide-prices #price-2,#price-2b{
  float: right;
  margin-right: -12px;
}
.priceSlider-background {
  width: 100%;
  height: 10px;
  background-color: #E4E4E4;
  position: absolute;
  top: 12px;
  margin-left: 12px;
}
.slider-wrapper-back{
  position:relative;
}
.noUi-background {
  background: #9C9C9C  !important;
  box-shadow: none !important;
}
.noUi-base {
  background-color: #9C9C9C !important;
}
#hotel-list-no-result{
  display: none;
}
#loading-search{
  background: #FFF url("../img/preloader_2.gif") no-repeat center center;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.filter-active-item {
  border: 1px solid #828282;
  height: 42px;
  max-width: 140px;
  margin-left: 2px;
  background: #F0F0F0;
  text-align: left;
  padding: 0px 8px 0px 9px;
  float: left;
}

.filter-active-item:first-child{
  margin-left: 0;
}
.filter-active-item-remove {
  height: 12px;
  width: 12px;
  top: 12px;
  right: 8px;
  background: url('http://www.hotelcard.ch/images/icons/icon_close_11px.png') no-repeat bottom;
  cursor: pointer;
  margin-top: 7px;
  margin-left: 12px;
}
.filter-active-item * {
  display: inline-block;
  vertical-align: middle;
}
.filter-active-item{
  display: none;
}
.filter-active-item-title {
  padding: 9px 0px 2px 0;
  font-size: 1em;
  font-weight: 600;
}
.dropdown-menu {
  background-color:#FFF !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#home-modal-menu a::after, #home-modal-menu a::before{
  content: '' !important;
}
#home-modal-menu div , #home-modal-menu *{
  box-shadow: none !important;
}
#home-modal-menu #accordion .panel-title > a {
  font-weight: normal !important;
}
#home-modal-menu .panel-default {
  border-color: transparent !important;
}
#home-modal-menu .panel-title{
  position: relative;
}
#home-modal-menu form.searchForm {
  padding-top: 20px;
  padding-bottom: 20px;
}
#home-modal-menu  .modal-content{
  border:none !important;
}
#home-modal-menu .m_icon {
  position: absolute;
  right: 0;
  top: 0;
}
#home-modal-menu .modal-dialog {
  height: 100%;
  background-color: #fff;
}
#home-modal-menu .m_icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
#home-modal-menu .m_icon:hover {
  opacity: 1;
}
#home-modal-menu .m_icon i {
  font-size: 0.8em;
}
#home-modal-menu .list-group-item {
  text-align: left;
  color: #000;
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: -1px;
  background-color: #fff;
  border: none;
  margin-bottom: 1em;
}
#home-modal-menu .modal-body {
  overflow: visible;
}
#home-modal-menu .list-group-item a{
  color: #000;
}
ul#predictionsList2 {
  z-index: 9999;
  padding: 0;
  margin-top: 0;
}
#autocompleteList2 {
  text-align: left;
  position: absolute;
  z-index: 999;
  width: 96%;
  top: 52px;
  left: 15px;
}
.checkin_w, .checkout_w {
  display: inline-block;
}
.checkin_w {
  float: left;
  padding-left: 15px;
}
.checkout_w {
  padding-left: 0;
}
.home-region-list-modal{
  display: none;
}
.regionListVisible{
  display: block !important;
}
#home-regions .col-md-3{
  width: 33.3%;
}
.searchform_wrapper .col-md-3.col-sm-4.col-xs-6 {
  text-align: left;
  padding: 5px;
  min-width: 235px;
}
nav.navbar.navbar-custom.navbar-fixed-top.top-nav-collapse.red {
  z-index: 9000;
}
h1.message-found2 {
  padding-top: 9px;
  margin: 0 31px !important;
  display: none;
  font-size: 1.2em !important;
}
.searchform_wrapper .col-md-3.col-sm-4.col-xs-6 a {
  color: #FFF;
}
.search_field i.fa {
  font-size: 1.3em;
  padding-left: 3px;
}
#search_home_container .nav-tabs>li>a {
  margin-right: 0px;
}
.search_opt_buttons_wrapper .col-xs-3 {
  width: 25%;
  min-width: 162px;
}
#filtersButton{
  font-weight: 700;
}
#search_resultspage_modal .hc-red-btn {
  width: 100%;
  padding-bottom: 13px;
}
.btn.btn-default:hover{
  color:#000;
}
.search_field #predictionsList {
  max-width: 961px;
  width: 285% !important;
  margin-top: -7px;
  margin-left: -3px;
  box-shadow: -1px 3px 8px #504E4E;
}
.hotel-snippet {
}
.hotel-found{
  border-bottom: 2px solid #43B146 !important;
}
#search_home_container ul#predictionsList {
  margin: 0;
  width: 246% !important;
  margin-top: 10px;
}
#search_resultspage_container .searchform_wrapper {
  border-bottom: 1px solid #D6D6D6;
  position: relative;
  z-index: 9999;
}
#results-wrapper {
  background-color: #F0F0F0;
  overflow: auto;
  max-height: initial;
}
div#search_resultspage_container {
  margin-top: 70px;
}
.html5tooltip-right .modal-backdrop {
  z-index: -1;
}
.pagination {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 0 !important;
}
.pagination a {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #555555;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, lightgrey));
  background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
  background-image: linear-gradient(#f3f3f3, lightgrey); }
.pagination a:hover, .pagination a:focus, .pagination a:active {
  background-color: #cecece;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #cecece));
  background-image: -webkit-linear-gradient(#e4e4e4, #cecece);
  background-image: linear-gradient(#e4e4e4, #cecece); }
.pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus, .pagination a.disabled:active {
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, lightgrey));
  background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
  background-image: linear-gradient(#f3f3f3, lightgrey);
  color: #A8A8A8;
  cursor: default; }
.pagination a:first-child {
  border: none;
}
.pagination a:last-child {
  border: none;
}
.pagination input {
  float: left;
  margin: 0;
  padding: 0;
  width: 120px;
  height: 30px;
  outline: none;
  border: none;
  vertical-align: middle;
  text-align: center; }
.gigantic.pagination {
  margin: 30px 0; }
.gigantic.pagination a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }
.gigantic.pagination input {
  width: 300px;
  height: 60px;
  font-size: 30px;
}
#paging_wrapper{
  display: none;
}
.html5tooltip-box,.html5tooltip-right
{
  background-color: #FFF !important;
  border-radius: 2px;
  color: #000 !important;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 185px !important;
}
.html5tooltip-box{
  box-shadow: 1px 2px 14px rgba(134, 134, 134,0.9) !important
}
.html5tooltip-box:before {
  box-shadow: none !important;
}
.tooltip-title {
  font-size: 13px;
  padding: 7px;
  padding-left: 18px;
}
.tt-text {
  font-weight: normal !important;
  height: 45px;
}
.tt-text:last-child {
  margin-bottom: 2px;
}
.tooltip-column {
  vertical-align: top;
  display: inline-block;
}
.tooltip-column.tc-1{
  float: left;
  width: 62px;
}
.tooltip-column.tc-2 {
  float: left;
  width: 77%;
  margin-top: 6px;
}
.topSearchLine .arrival,
.topSearchLine .departure,
.topSearchLine .guests {
  width: 15%;
}
.topSearchLine .col-md-3 input, .topSearchLine .col-md-3 select{
  padding-left: 30px;
}
.topSearchLine span.search_field_icon {
  color: #82888A;
  background-color: #FFF;
  padding: 8px 7px 0;
  left: 2px;
  position: absolute;
  border-bottom: 1px solid #F9F8F8;
  top: 2px;
}
.topSearchLine .col-md-3.col-sm-6.col-xs-6 {
  width: 15%;
}
.topSearchLine  .topSearchLine .col-md-3 input, .topSearchLine .col-md-3 select {
  padding-left: 30px;
}
.topSearchLine  form fieldset input ,.topSearchLine input ,.topSearchLine select{
  margin-bottom: 0 !important;
}
.topSearchLine  .input-group.group.right{
  width: 100%;
}
.topSearchLine ul#predictionsList {
  margin-top: 50px;
  margin-left: 15px !important;
  width: 45.5%;
  box-shadow: -1px 3px 8px #504E4E;
}
#hotel-detail-top-search .search_field_icon {
  border: 0 !important;
}
.guests .controls,
#hotel-detail-top-search .search_field.results_page {
  display: table;
  width: 100%;
  border: 1px solid #c0c0c0;
}
#hotel-detail-top-search .search_field.results_page input {
  margin-bottom: 0;
}
.guests .search_field_icon,
#hotel-detail-top-search .search_field.results_page .search_field_icon {
  position: relative !important;
  padding: 2px 8px 0px 8px !important;
  width: 35px;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
  top: 0 !important;
  border: 0;
  bottom: 0;
}
#home-modal-menu .modal{
  z-index: 9999 !important;
}
#icon-modal-guests{
  position: relative;
  padding-top: 0px;
}
select#guestsOption2 {
  padding-left: 0;
  width: 88%;
  margin: 0;
}
button.btn.hc-green-btn.triggerModalNav {
  width: 100%;
}
div#pagination_sec {
  float: left;
  width: 100%;
}
.filter-columns:first-child {
  text-transform: capitalize;
}
.filter-column-first {
  width: 13%;
}
.hotelcard-info .fa-stack i.fa.fa-thumbs-o-up.fa-stack-1x {
  font-size: 90px;
}
#guestsOption {
  padding-left: 28px;
}
.guests #guestsOption,
#hotel-detail-top-search .search_field.results_page #guestsOption2 {
  width: 100%;
  padding: 0px 25px 0 2px;
  border: 1px solid transparent;
  position: relative;
  z-index: 99;
  background-color: transparent;
}
header  #guestsOption {
  width: 73%;
  padding: 0;
}
header .field-4 .search_field_icon {
  position: relative;
  float: left;
  padding-bottom: 7px;
}
header .search_field.field-5 {
  margin-left: -4px;
}
header .field-4 span.search_field_icon {
  padding-bottom: 7px;
  height: 40px;
}
header  button.btn.hc-green-btn.search-submit-btn{
  margin-left: -2px;
}
@media (max-width: 780px) {
  div#pagination_sec {
    margin-left: 0;
    padding-bottom: 70px;
  }
  /* transform will fix z-index for ios 5 and 6*/
  #autocompleteList,
  #autocompleteList2,
  #searchForm2 .search_field .bootstrap-datetimepicker-widget {
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
  }
}
.xmas-modal.fancybox-opened {
  z-index: 10000;
}
.xmas-modal.fancybox-opened .fancybox-skin {
  padding: 0px !important;
  background: none !important;
  box-shadow: none !important;
}
.xmas-modal .fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
}
#fancybox-modal img,
#fancybox-modal-mobile img,
#fancybox-modal-exit img {
  max-width: 100%;
}
#fancybox-modal,
#fancybox-modal-mobile,
#fancybox-modal-exit,
#fancybox-soiv { /* SpecialOfferInvalidVoucher */
  display: none;
}
.xmas-modal a.fancybox-item.fancybox-close {
  top: 0px;
  right: 0px;
}
@media (min-width: 1024px) {
  .xmas-modal a.fancybox-item.fancybox-close {
    top: 30px;
    right: 30px;
  }
}

#detail-hotel-name-main h1 {
  margin-top: 0;
  line-height: 1;
  font-weight: 400;
}
#detail-hotel-breadcrumb .hotel-full-address {
  float: left;
  font-size: 18px;
}
#detail-hotel-breadcrumb .hotel-location {
  float: right;
}
.hotel-location .fa-map-marker {
  color: #b4002f;
  font-size: 15px;
}
.hotel-location a {
  padding: 0 5px;
  color: #b4002f;
  font-size: 15px;
}
#details #detail-hotel-breadcrumb .breadcrumb-menu li a {
  color: #b4002f;
}
#detail-hotel-breadcrumb .gallery-images {
  float: left;
  width: 100%;
  padding: 25px 0;
}
.description-head {
  float: left;
  width: 100%;
  font-weight: 600;
  margin-bottom: 5px;
}
#hoteldetail-reservation h3,
#main-hotel-ausstattung h3,
#trustyou-block h2 {
  font-size:18px;
}
.select-guest .controls {
  width: 100%;
}
.select-guest #selectGuests {
  border: none;
  margin-bottom: 0;
  float: left;
}
#details .select-arrival,
#details .select-departure,
#details .select-guest,
#details .submit-update {
  padding: 0 7px;
  margin-bottom: 0;
}
#details .select-guest {
  margin-bottom: 0;
}
#hoteldetail-reservation .controls .input-group-addon,
.select-guest .controls .search_field_icon {
  padding-left: 15px;
}
form.availability {
  border: 1px solid red;
  padding: 15px;
  background-color: #B3002F;
}
form.availability .hc-red-btn {
  border: 1px solid #fff;
}
.hotel-details-calender .calendarView {
  margin-right: 0;
  width: 25%;
  float: left;
  padding: 0 10px;
}
.hotel-details-calender div.zabuto_calendar .table tr.calendar-month-header th {
  background-color: #fff;
  color: #000;
}
.hotel-details-calender .calendarView .table>tbody>tr>td,
.hotel-room-calendar .zabuto_calendar .table>tbody>tr>td {
  border-top: none;
}
.hotel-details-calender .calendarView div.zabuto_calendar .table tr:last-child {
  border-bottom: none;
}
.hotel-details-calender .calendarView div.zabuto_calendar .table tr td div.day {
  background-color: #fff;
}
#details div.zabuto_calendar .table td {
  padding: 5px;
}
div.zabuto_calendar .table tr td div.day {
  padding: 2px 0;
  height: 30px;
  width: 30px;
  margin: 0 auto;
}

.room-available-container,
.unavailable-container {
  float: left;
  padding-right: 15px;
}
.gallery-images img {
  height: 65px;
  width: 90px;
  float: left;
  opacity: 0;
}
.gallery-images .hotel-gallery-image, .hotel-picholder {
  float: left;
  width: auto;
  background-size: cover;
  background-position: center;
}
.gallery-images .hotel-gallery-image {
  margin-right: 5px;
}
#details #detail-hotel-breadcrumb .breadcrumb-menu li a.last-link {
  color: #333;
}
#details .hotel-description {
  float: left;
}
.hotel-description .col-md-3.col-sm-3 {
  float: right;
}
#main-hotel-details-more .fa-angle-down {
  cursor: pointer;
}
.nextMonthView .fa-angle-right {
  padding-left: 5px;
}
.previousMonthView .fa-angle-left {
  padding-right: 5px;
}
.hotel-room-calendar .table {
  background-color: #fff;
}
.calender-color-txt {
  color: #000;
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.room-data {
  float: left;
  width: 76%;
}
.calculated-data {
  float: left;
  width: 24%;
}
.room-category,
.equipment {
  width: 31%;
}
.price-per-room,
.rooms-count {
  width: 19%;
}
.price-per-room p {
  padding: 4px 5px;
  border: 1px solid transparent;
}
.selectedCategory .price-per-room p {
  border-color: #2FC8CD;
}
.book-hotel {
  width: 100%;
}
.table-title {
  background-color: #7B7B7B;
  float: left;
  width: 100%;
}
.table-title p {
  padding: 14px 20px;
  color: #fff;
  border-right: 1px solid #979797;
  float: left;
  margin: 0;
  font-size: 14px;
}
.table-data,
.room-details {
  float: left;
  width: 100%;
}
.room-details {
  margin-top: 30px;
}
.table-data .room-entry {
  border-right: 1px solid #DDDDDD;
  padding: 15px;
  color: #383838;
  vertical-align: top;
  float: left;
}
.table-data .book-hotel {
  border: none;
}
.table-data p {
  font-size: 14px;
  margin: 0 0 15px;
}
.table-data p.room-type,
.table-data p.total-price {
  font-size: 18px;
}
.swiper-container.swiper.relative,
.room-category img,
ul.bxslider li {
  width: 120px;
  height: 70px;
  margin: 0;
}
.room-category .swiper-button-next,
.room-category .swiper-button-prev {
  background-size: 15px;
}
section .content-section#main-hotel-ausstattung {
  padding: 25px 0;
}
#ausstattung .room-row-bg {
  background-color: #fff;
}
.price-per-room span.price {
  font-size: 20px;
}
.rooms-count button {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px 20px;
  text-transform: uppercase;
  float: left;
  width: 100%;
}
.rooms-count.room-entry {
  padding: 15px;
}
.table-data .book-hotel {
  float: left;
  padding: 14px 15px;
}
#choosed-date {
  margin: 0;
}
.book-hotel p {
  margin: 0;
}
.days-count,
.guest-count,
.selected-categories span {
  float: left;
  padding-right: 3px;
  font-weight: bold;
  line-height: 21px;
}
.selected-categories {
  float: left;
  padding-bottom: 25px;
  width: 100%;
}
.table-data p.total-price {
  margin: 0 0 15px;
}
#booking-request,
#fancybox-booking-request {
  float: left;
  width: 100%;
  text-align: center;
  background-color: #7AD901;
  cursor: pointer;
  padding: 10px 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}
.calculated-data .table-title {
  border-left: 1px solid #DDDDDD;
}
.table-data .room-entry.rooms-count,
.table-title p.rooms-count {
  border-right: none;
}
.calculated-data .table-title {
  border-left: 1px solid #979797;
  border-right: 1px solid #979797;
}
.calculated-data .table-data {
  border: 1px solid #DDDDDD;
}
.detail-price {
  float: left;
  width: 100%;
  margin: 30px 0;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.detail-price .toggle-title {
  float: left;
  width: 100%;
  padding: 10px 0;
}
.room-data .table-data {
  border: 1px solid #DDDDDD;
}
.room-data .selectedCategory,
.selectedCategory .rooms-count button {
  border: 1px solid #7AD901;
}
.selectedCategory .room-category .room-type,
.selectedCategory .rooms-count button,
.detailed-calc  [class*="green-"] {
  color: #7AD901;
}
.selectedCategory .room-entry {
  border-bottom: none;
}
.after-select,
.selectedCategory .before-select {
  display: none;
}
.detailed-calc .count {
  float: left;
  padding-right: 3px;
  font-weight: bold;
}
.detailed-calc p,
.detailed-calc .count,
.calculations .days-count,
.calculations .guest-count,
.calculations .selected-categories {
  line-height: 21px;
}
#registerModal {
  float: left;
  width: 100%;
}
#registerModal .modal-dialog {
  background: transparent;
  width: auto;
  margin: 10px;
}
#registerModal .modal-content {
  border-radius: 0;
  height: auto;
  float: left;
  width: 100%;
  border: none;
  background-color: transparent;
  box-shadow: none;
  top: 30%;
}
#registerModal .modal-header {
  border: none;
  padding: 15px 15px 0 0;
}
#registerModal #main-hotel-buchungsanfrage {
  padding: 0;
  float: left;
  width: 100%;
  border: none;
}
#registerModal .question-text {
  font-size: 25px;
  margin-bottom: 30px;
}
#registerModal .modal-footer {
  border: none;
}
#registerModal #confirm-no {
  background-color: #fff !important;
  color: #000;
  border: 1px solid #e5e5e5;
  float: right;
}
#registerModal #confirm-no,
#registerModal #confirm-yes {
  min-width: 230px;
}
#main-hotel-buchungsanfrage .hotel-picholder img,
#main-hotel-buchungsanfrage p.address,
#main-hotel-buchungsanfrage .from-date,
#main-hotel-buchungsanfrage .to-date,
#main-hotel-buchungsanfrage .modal-text {
  float: left;
  width: 100%;
}
#main-hotel-buchungsanfrage #detail-hotel-name-main {
  float: left;
  width: auto;
}
#main-hotel-buchungsanfrage #detail-hotel-name-main h3 {
  margin-bottom: 10px;
}
#main-hotel-buchungsanfrage .rating-stars .stars {
  margin-top: 0;
}
#main-hotel-buchungsanfrage p.address {
  margin: 0;
}
.contact-number,
.email-id,
.website {
  float: left;
  line-height: 10px;
}
.contact-number,
.email-id {
  padding-right: 10px;
}
.user-inputs .price-amount,
.book-hotel .price-amount {
  float: none;
  padding: 0 5px 0 15px;
}
.room-data .selectedCategory .room-category.room-entry {
  border-left: none;
}
.user-inputs,
.calculations {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.calculations .total-price {
  font-size: 18px;
  font-weight: 600;
}
.calculations .detail-price {
  margin: 20px 0 0;
}
.user-inputs span {
  float: left;
  font-weight: 600;
}
.user-inputs p#choosed-arrival,
.user-inputs p#choosed-departure {
  float: left;
  width: auto;
  font-size: 14px;
  margin: 0;
}
.calculations p {
  margin: 0;
  font-size: 14px;
}
.calculations .price-amount,
.calculations .toggle-title,
.calculations .night-count-text,
.calculations .total,
.calculations .totalPrice {
  font-weight: normal;
}
.calculations .totalPrice {
  float: right;
}
#main-hotel-buchungsanfrage .panel-group {
  margin-bottom: 20px;
  border-top: 1px solid #DDDDDD;
  float: left;
  width: 100%;
  margin-top: 20px;
}
#main-hotel-buchungsanfrage #bbooking input {
  width: auto;
  padding: 5px 25% !important;
  font-size: 14px !important;
}
#main-hotel-buchungsanfrage #card-question,
#main-hotel-buchungsanfrage #card-question-hidden {
  margin: 0 auto;
}
#main-hotel-buchungsanfrage #card-question {
  width: 600px;
}
#main-hotel-buchungsanfrage #card-question-hidden {
  width: 900px;
}
.modal-text {
  background-color: #fff;
  padding: 10px 20px;
}
#main-hotel-ausstattung h3 {
  margin-bottom: 15px;
}
.property-cat h5 {
  margin-bottom: 0;
  font-weight: 600;
  word-break: break-all;
}
.img-container img {
  float: left;
  width: 100%;
  height: auto;
}
a.subImages {
  padding-right: 10px;
  float: left;
  padding-top: 20px;
}
a.subImages img {
  float: left;
  width: 100px;
  height: auto;
}
.category-fancybox {
  top: 20% !important;
}
.cat-details h3 {
  color: #000;
  margin-bottom:10px;
}
.cat-room-details p {
  font-size: 16px;
  margin-bottom: 5px;
}
#fancybox-booking-request {
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 25px;
}
.fancybox-close {
  top: 10px;
  right: 5px;
  background: url('../img/fancybox/close.png') no-repeat;
  background-size: cover;
  height: 20px;
  width: 20px;
}
.selectedDetails {
  float: left;
  width: 100%;
}
.final-price {
  width: 100%;
  padding-top: 10px;
}

[class*="night-"] .night-count-text {
  width: auto;
}
.detailed-calc .rooms-calc {
  padding-bottom: 10px;
}
.detailed-calc .rooms-calc span {
  float: left;
}
.final-price,
.final-amount,
.final-price .fullPrice {
  float: right;
}
.final-amount {
  width: 100%;
  text-align: right;
  font-weight: 600;
}
.guestPlural,
.nightPlural {
  display: none;
}
[class*="night-"] {
  float: left;
  width: 100%;
}
.rooms-calc .total {
  float: left;
  padding-right: 48px;
}
span.fullPrice {
  text-decoration: line-through;
  font-weight: normal;
}
.detailed-calc [class*="green-"],
.detailed-calc [class*="blue-"],
.detailed-calc [class*="red-"] {
  float: right;
  font-weight: normal;
}
.detailed-calc  [class*="blue-"] {
  color: #30c4c9;
}
.detailed-calc  [class*="red-"] {
  color: #b4002f;
}
.totalPrice {
  float: right;
}

/*percentage progress*/

.percContainer.rect-auto .slice {
  clip: rect(auto, auto, auto, auto);
}

.percContainer .bar,
.percContainer.rect-auto .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
#greenContainer .bar,
#greenContainer.rect-auto .fill {
  border: 0.08em solid #7ADD08;
}
#blueContainer .bar,
#blueContainer.rect-auto .fill {
  border: 0.08em solid #2FC8CD;
}
#redContainer .bar,
#redContainer.rect-auto .fill {
  border: 0.08em solid #B80431;
}
#greenContainer {
  background-color: #DDFAC2;
}
#greenContainer > span {
  color: #7ADD08;
}
#blueContainer > span {
  color: #2FC8CD;
}
#redContainer > span {
  color: #B80431;
}
#blueContainer {
  background-color: #DFF3F4;
}
#redContainer {
  background-color: #F3E3E6;
}

.percContainer.rect-auto .bar:after,
.percContainer.rect-auto .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.percContainer {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.percContainer *,
.percContainer *:before,
.percContainer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.percContainer {
  font-size: 46px;
}
.percContainer > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.percContainer:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.percContainer .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.percContainer:hover {
  cursor: default;
}
.hotel-address,
.hotelContact {
  width: 100%;
  float: left;
}
.bx-wrapper .bx-controls-direction a {
  top: 45% !important;
}
.buttonDisabled {
  cursor: not-allowed !important;
}
#map .gm-style-iw {
  top: 9px !important;
  left: 15px !important;
  -ms-transform: initial;
  -webkit-transform: initial;
  -moz-transform: initial;
  -o-transform: initial;
  transform:initial;
  background-color: transparent;
  box-shadow: none;
}
/* Quickfix, while HCDEV-916 is being resolved */
@media screen and (max-width: 500px) {
  #search_home_container .nav-tabs > li > a {
    padding: 8px 20px;
  }
  #search_home_container .tab-content > .tab-pane {
    height: inherit;
  }
  .search_field.field-1 {
    width: 84%;
  }
  .search_field.field-2, .search_field.field-3, .search_field.field-4 {
    display: none !important;
  }
  .intro .intro-body {
    display: block;
    vertical-align: middle;
    margin-top: 6em;
  }
}
.pagination {
  display: block;
  text-align: center;
  border: 0px none;
}

.pagination ul {
  list-style: none;
  display: inline-flex;
  margin: 0 auto;
}

#partner-codes-list {
  margin: 15px;
  width: auto;
}