div.hc-widget.hc-widget-medium.hc-widget-with-reviews {
     max-width: none!important; 
}
.hc-widget.hc-widget-small {
   margin: 0 auto;
}
/* Global classes */
@keyframes shadow-pulse
{
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
}
}

@keyframes shadow-pulse-big
{
    0% {
        box-shadow: 0, 0, 0, 0px rgba(0, 0, 0, 0.1);
}
100% {
    box-shadow: 0, 0, 0, 70px rgba(0, 0, 0, 0);
}
}
.headerBanner {
    position: absolute;
    left: 5%;
    bottom: 14%;
    border-radius: 100%;
    padding: 7px 7px 0;
    background-color: #a81006;
    color: #fff;
    text-decoration: none;
    z-index: 10;
    font-size: 16px;
    width: 150px;
    height: 147px;
    border: 3px solid white;
    animation: shadow-pulse 1s infinite;
    display: none;
}
.headerBanner .header-info {
    position: relative;
    -ms-transform: translate(0,25%);
    top: 33%;
    -webkit-transform: translate(0,33%);
    -ms-transform: translate(0,33%);
    transform: translate(0,33%);
    background: none;
}

a.headerBanner:hover {
    color: #fff;
}

body.infoPopup {
    overflow-x: hidden !important;
    font-size: 17px;
    padding: 80px 70px 40px 70px;
    text-align:left;
    background:#e9dccf;
}
body.infoPopup h2 {font-size: 1.5rem;}


.sc-layout {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.sc-layout p {
    margin              : 0;
}
.spacer {
    width: 100%;
    float: left;
    height: 30px;
}
a {
    color               : #634728;
}
a:hover {
    color               : #90704f;
}

li {
    margin-bottom: 14px;
}

a.button.red, #ScrollDown, .boxthemes-content a, a.button.offerbox-button, .offerbox .sc-readMore a, .offerbox .sc-player a, .offerInner a.offerRequest, .sc-returnLink a, .rooms, .info, .offerbox .offerPrice, .linkbox, .offers .sc-masterContainer .sc-control img, .offers .sc-readmore a:hover, .offers .sc-masterContainer .sc-control, .button {
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.75);
}

hr {
    height: 1px;
    color: #634728;
    border: 0;
    border-bottom: 1px solid #634728;
    float: left;
    width: 100%;
    margin: 50px 0;
}
ul {
    margin: 0;
    padding: 0 0 0 18px;
}
.sc-content ul {
    list-style-type: square;
    list-style-position: inside;
    
}

img {
    border: 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #634728;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #634728;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #634728;
}
:-moz-placeholder { /* Firefox 18- */
    color: #634728;
}
/* Class for all headers */
.sc-header, h2, .title3, .txtLeft h1, .title1 {
    color: #634728;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    font-weight: 400;
    margin: 0;
    margin-bottom: 25px;
    clear: both;
    
    
}

.title1{
    color: #e9dccf;
}

h1 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #90704f;
    padding: 10px 0;
    border-bottom: 1px solid #90704f;
    border-top: 1px solid #90704f;
    margin: auto;
    text-transform: none;
    display: inline-block;
}
h2, .txtLeft h1, .title1  {
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
}
.txtLeft h1 {
    width: 100%;
    border: 0;
    margin-bottom: 0;
}

h3, h4, .title4{
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    clear: both;
    color: #634728;
    font-weight: 700;
    display: block;
}
.title4{
    font-size: 34px;
    line-height: 42px;
}
h3 {
    font-weight: normal;
}
.home h4{
    text-transform: uppercase;
}

.rooms h2 {
    text-align: left;
    margin-bottom: 5px;
}
.boxesFooter .title5 {
    text-transform: none;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
}
.boxesFooter .title6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 2px 0 19px;
    padding: 0;
    display:block;
}
.quickrequest h6 {
    color: #fff;
    font-size: 22px;
    margin: 0;
    padding: 0;
    line-height: 22px;
    margin-bottom: 6px;
}
.linkbox h3 {
    font-size: 24px;
    margin: 0;
    text-align: left;
}
.boxthemes .title3 {
    margin-bottom: 2.5%;
}
div.cookieAlertBox {
    background-color: #634728;
    background-color: rgba(99, 71, 40, 0.92);
}
div.cookieAlertBox a.closeCookieAlertBoxButton {
    background-color: rgb(99, 71, 40);
    border: 1px solid rgb(144, 112, 79);
    font-weight: bold;
}
div.cookieAlertBox a.closeCookieAlertBoxButton:hover {
    background-color: #e9dccf;
    color: #634728;
}
/* Class for all controls */
.sc-control {
    /* Musthave property */
    min-height          : 20px; 
    margin              : 0;
}
.sc-masterContainer p {
    margin-bottom        : 20px;
}
.sc-masterContainer p:last-child {
    margin-bottom        : 0px;
}

/* Readmore link */
.sc-readmore {
    width               : 100%;
    clear               : left;
}
.sc-readmore a {    
    display             : block;
    font-size           : 14px;    
    margin              : 2px;
    padding             : 2px;
}

/* Return link on detail page */
.sc-returnLink {
    width               : 100%;
    clear               : left;
}
.sc-returnLink a {    
    display             : block;
    font-size           : 14px;    
    margin              : 4px;
    padding             : 5px;
}

/* ---------------- HEADER --------------- */
.sc-language-selector, .socialMedia  {
    position: fixed;
    margin-top: 15px;
    z-index: 50;
}
.topbar {
    position: fixed;
    right: 10px;
    color: #8b724a;
    margin-top: 50px;
    z-index: 50;
    font-weight: bold;
}
.topbar i.fa.fa-envelope, .topbar i.fa.fa-phone {
    padding-right: 0;
    margin-right: 0;
    font-size: 20px;
}
.topbar a {
    color: #8b724a;
    text-decoration: none;
}
.sc-language-selector {
    color: #8b724a;
    right: 10px;
    font-weight: bold;
    margin-right: 5px;
}
.sc-language-selector a {
    color:  #8b724a;
    text-decoration: none;
    font-weight: bold;
}
.topbar a:hover, .sc-language-selector a:hover {
    color: #634728;
    text-decoration: underline;
}
.socialMedia {
    left: 783px;
    margin-top: 30px;
}
.socialMedia span {
    color:#e9dccf;
    border: 1px solid #e9dccf;
    width: 29px;
    height: 29px;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}
.socialMedia span:hover {
    background-color: #634728;
}
.socialMedia span i {
    position: absolute;
    top: 7px;
    left: 8px;
}
.socialMedia span i.fa.fa-facebook {
    left: 10px;
}
.logo {
    position: fixed;
    z-index: 50;
    width: 180px;
    height: auto;
    overflow: hidden;
    top: 0px;
    left: 0;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.40);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.40);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.40);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.40);
}
.logo a:hover {
    opacity: 0.8;
}
.blue .logo a:hover, .red .logo a:hover  {
    opacity: 1;
}
.blue .logo, .red .logo {
    background-color: transparent;
    box-shadow: none;
}
.logo-residence{
    padding-top: 10px;
}
.blue .logo-residence{
    padding-top: 0px;
}


.logo-feinkost img {
    max-width: 95px!important;
}
.logo-residence{
    float: right;
}
.logo-garni {
    float: left;
}
.logo-feinkost {
    width: 100%;
    margin: auto;
    float: left;
}
.logo img {
    width: 100%; 
    height: auto; 
}
.bookOnline {
    position: fixed;
    right: 0;
    top:0;
    margin-top: 101px;
    z-index: 11;
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.75);
}
.bookOnline a.offersite-button {
    display: none;
}
.bookOnline a{
    background-color: #90704f;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 0;
    width: 200px;
    font-family         : "Merriweather", Verdana, Arial, Helvetica; serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.bookOnline a.red {
    background-color: #634728;
}
.bookOnline a.red:hover, .bookOnline a:hover {
    background-color: #e9dccf;
    
    color: #634728;
}
.rMenu {
    display:none;
}
.headerImage  {
    float: left;
    margin-top: 102px;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.headerImage p {
    margin: 0;
}
.home .headerImage img, .headerImage img {
    width: 100% !important;
    height: auto !important;
}
.home .headerImage img {
    visibility: hidden;
}
.headerImage .sc-slideshow {
    width: 100%;
    position: absolute;
    margin: auto;
    overflow: hidden;
}
.headerImage ul, .headerImage li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    height: 1000px;
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent !important;
}
.headerImage .slideshow-description {
    color: #fff;
    font-family: "Merriweather", Verdana, Arial, Helvetica, serif;
    font-weight: normal;
    font-size: 34px;
    line-height: 40px;
    text-align: right;
    background-color: #e9dccf;
    background-color: rgba(233, 220, 207, 0.85);
    padding: 20px;
    position: absolute;
    top: 50%;
    width: auto;
    right: 50px;
    z-index: 10;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.55);
}




a.linkHeader {
    position: absolute;
    display: block;
    background: #634728;
    padding: 15px 17px 13px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family         : "Merriweather", Verdana, Arial, Helvetica; serif;
    font-weight: bold;
    top: 101px;
    right: 0;
    text-shadow: none;
    
}
a.linkHeader:hover {
    background-color: #e9dccf;
    color: #634728;
}
.sc-player.sc-slideshow-prev, .sc-player.sc-slideshow-next {
    width: 55px;
    height: 55px;
    background-color: #634728;
    position: absolute;
    right: 120px;
    top: 42%;
    margin-top: -27.5px;
    z-index: 10;
    
}
.sc-player.sc-slideshow-prev a, .sc-player.sc-slideshow-next a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
.sc-player.sc-slideshow-next {
    right: 50px;
}
.sc-slideshow-next a::after, .sc-slideshow-prev a::after {
    content: " ";
    display: block;
    margin-top: 13px;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 28px solid #ffffff;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sc-slideshow-prev a::after {
    content: " ";
    -moz-transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    transform: rotate(450deg);
}


.sc-player.sc-slideshow-prev:hover, .sc-player.sc-slideshow-next:hover  {
    background-color: #e9dccf;
    color: #634728;
}
img.ui-datepicker-trigger {
    display: none;
}
.quickrequest {
    position: absolute;
    z-index: 10;
    left: 1%;
    bottom: 3%;
    width: 297px;
    background: #90704f;
    text-align: left;
    padding: 15px;
    padding-right: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    height: auto;
    display: none;
}
.home .quickrequest {
    display:block;
}
.quickrequest p {
    margin: 0;
}
.quickrequest input#quickform-arrival, .quickrequest input#quickform-departure,.quickrequest input#quickform-person, .quickrequest input#quickform-mail {
    width: 96%;
    height: 30px;
    margin: 7px 0;
    display: block;
    padding: 3px 2%;
    background-color: #f2f2f2;
    font-family         : "Merriweather", Verdana, Arial, Helvetica; serif;
    font-size: 15px;
    color: #868787;
    border: 0;
    position: relative;
}

/* ---------------- MENU --------------- */
.menu {
    width: 100%;
    background-color: #fff;
    border-bottom: 10px solid #634728;
    float: left;
    position: fixed;
    height: 92px;
    top: 0;
    left: 0;
    z-index: 12;
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.75);
}
.blue .menu {
    border-bottom: 10px solid #4c798e;
}
.red .menu {
    border-bottom: 10px solid #a81006;
}
.sc-menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-left: 216px;
    bottom: 0;
    position: absolute;
}
.sc-menu li {
    padding             : 0;
    margin              : 0;
    list-style-type     : none;
    float: left;
}
.sc-menu a {
    text-decoration: none;
    display: block;
    text-transform: none;
    font-weight: bold;
    position: relative;
    color: #634728;
    padding: 10px;
    padding-bottom: 15px;
}
.sc-menu a:hover {
    color: #90704f;
}
.sc-menu >li a.sc-active:after, .sc-menu >li a:hover:after,  .sc-menu > li:hover > a:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 11px solid #634728;
}  
.red .sc-menu >li a.sc-active:after, .red .sc-menu >li a:hover:after, .red .sc-menu > li:hover > a:after {
    border-bottom: 11px solid #a81006;
}
.blue .sc-menu >li a.sc-active:after, .blue .sc-menu >li a:hover:after, .blue .sc-menu > li:hover > a:after {
    border-bottom: 11px solid #4c798e;
}
.red .sc-menu ul {
    border-top: 10px solid #a81006;
}
.blue .sc-menu ul {
    border-top: 10px solid #4c798e;
}

.sc-menu ul >li a.sc-active:after, .sc-menu ul >li a:hover:after{
    border: 0;
}
.sc-menu ul {
    display: none;
    min-width: 250px;
    border-top: 10px solid #634728;
    background-color: #e9dccf;
    margin: 0;
    padding: 20px;
    position: absolute;
    text-align: left;
}
.sc-menu ul a {
    padding: 10px 13px 8px;
    text-transform: none;
    font-size: 17px;
    line-height: 17px;
}
.sc-menu li:hover ul {
    display: block !important;
}
.sc-menu ul li {
    float: none;
}
.sc-menu li ul li a:hover {
    opacity: 1;
}
.sc-menu ul li .sc-active, .sc-menu ul li:hover a {
    background-color: #634728;
    color: #fff;
    position: initial;
}
.sc-menu ul li i {
    display: none;
}

.sc-menu i {
    display: block;
    right: 50%;
    margin-right: -5px;
    top: 29px;
    position: absolute;
}

.closeMenuButton {
    display:none;
}

/*RESONSIVE MENU*/
.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before {
    text-align: left;
}
.mm-listview {
    font: inherit;
    font-size: 16px !important;
    line-height: 25px !important;
}
.mm-panel.mm-hasnavbar .mm-navbar {
    background-color: #634728;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, i.fa.fa-times::before  {
    color: #fff !important;
}
.mm-listview .closeMenuButton {
    position: absolute;
    top: 0;
    border: 0;
    width: 50px;
    height: 41px;
    background-color: #e9dccf;
    border-color: transparent;
}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
    border-color: #fff!important;
}
li.closeMenuButton i.fa.fa-times {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 20px;
    color: #ddd;
}
span.mobileLangSelector {
    display: block;
    margin-top: 10px;
}

/* Common class for all pagers */
.sc-pager a 
{
    width               : 20px;
    display             : block;
    float               : left;
    font-size           : 14px;    
    margin              : 4px;
    padding             : 5px;
    text-align          : center;
    text-decoration     : none;
    color               : Black;
    border              : 1px solid transparent;
    background-color    : #006dcc;
}

.sc-pager a:hover {
    border              : 1px solid white;
}

/* Inactive block elements */
.sc-pager span {
    width               : 20px;
    display             : block;
    float               : left;
    font-size           : 14px;    
    margin              : 5px;
    padding             : 5px;
    text-align          : center;
    text-decoration     : none;
    color               : Black;
    background-color    : #a5a2a5;
}

/* Common class for all players */
.offerbox .sc-player {
    position: absolute;
    left: 0;
    width: 100%;
    top: 41%;
}
.offerbox a#Previous {
    left: 14.5%;
    padding-right: 16px;
    padding-left: 2px;
}
.offerbox a#Next {
    right: 14.5%;
}
.offerbox .sc-player a {
    display: block;
    float: left;
    text-decoration: none;
    background-color: #634728;
    position: absolute;
    z-index: 1;
    font-size: 50px;
    padding: 16px 8px 10px;
    font-family         : "Merriweather", Verdana, Arial, Helvetica; serif;
    color: #fff;
    font-size: 0;
}

.offerbox .sc-player a::after, .offerbox .sc-player a#Previous::after {
    content: " ";
    display: block;
    margin-top: -25px;
    margin-left: 8px;
    margin-bottom: 4px;
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 17px solid #ffffff;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.offerbox .sc-player a#Previous::after {
    content: " ";
    -moz-transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    transform: rotate(450deg);
}





a.button.offerbox-button {
    background-color: #e9dccf;
    color: #634728;
}
a:hover.button.offerbox-button {
    background-color: #fff;
    color: #634728;
}
.sc-filterLink
{
    width               : 100%;
    display             : block;
}
/* Drop placeholder */
.sc-control-placeHolder {
    width               : 100%;
    height              : 150px;
    border              : 2px dashed Blue;
    background-color    : #fff;
    float               : left;
}

/* ---------------- CONTENTS/INHALTE --------------- */
.fourImages {
    display: block;
    width: 100%;
    float: left;
}
.fourImages a {
    width: 49% !important;
    height: auto !important;
    float: left;
    margin-bottom: 2%;
}
.fourImages a:nth-child(odd) {
    margin-right: 2%;
}
.fourImages a img {
    width: 100% !important;
    height: auto !important;
}
.scrolloff {
    pointer-events: none;
}
.linkbox,.boxthemes>div.half{
    width: 49%;
    padding: 3%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #e9dccf;
    float: left;
    text-align: left;
    min-height: 245px;
    box-sizing: border-box;
}
.linkbox.last,.boxthemes>div.half.last {
    margin-right: 0%;
}
.linkbox a {
    color: #634728;
}
.linkbox a:hover,.boxthemes>div.half a:hover {
    color: #90704f;
}
.boxthemes .half .img {
            overflow: hidden;
    }
.boxthemes .half .img img {
        width: 100% !important;
    }
.site2 .headerImage, .site2 .quickrequest, .nobooking .headerImage, .nobooking .quickrequest, .nobooking .bookOnline, .no-header-image .headerImage
{
    display: none;
}
.site2 .sc-masterContainer, .nobooking .sc-masterContainer{
    margin-top: 154px;
}
.no-header-image .sc-masterContainer {
    margin-top: 100px;
}
.offers .sc-masterContainer {
    margin-top: 181px;
}
.sc-masterContainer .boxinfo {
    display: block;
    width: 100%;
    margin: 35px auto;
    text-align: left;
}
/* ---------------- ROOMS --------------- */
div#price-info {
    height: 50px;
    clear: both;
}
.addOccup {
    display: block;
    clear: both;
    text-align: left;
    padding-top: 5px;
}
.rooms ul {
    list-style-position: outside;
    margin-bottom: 25px;
}
.rooms li, .info li{
    margin-bottom: 0;
}
.rooms .highslide-gallery img, .info .highslide-gallery img {
    float:left;
    margin-right:2%;
    width:35% !important;
    height: auto !important;
}
.highslide-thumbstrip-horizontal img {
    width: auto !important;
    height: 60px !important;
}
.rooms .highslide-gallery, .info .highslide-gallery {
    width: 49%;
    float: left;
    position: relative;
    overflow:hidden;
}
.rooms .highslide-gallery a.gallery-icon, .info .highslide-gallery a.gallery-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 96px;
    height: 62px;
    background-color: #634728;
    text-decoration: none;
    z-index: 1;
    color: #fff;
    text-align: center;
}
.rooms .highslide-gallery a.gallery-icon.virtual-tour {
    left: 96px;
    width: 72px;
    background: #90704f;
}

.rooms .highslide-gallery a.gallery-icon.virtual-tour img {
    height: 40px!important;
    width: auto!important;
    margin-left: 6px;
    margin-top: 12px;
}

.rooms .highslide-gallery a.gallery-icon:hover {
    opacity: 0.8;
}
.gallery-icon i {
    font-size: 28px;
    color: #fff;
    margin: 4px 0 0 12px;
}
.rooms .highslide-gallery a.gallery-icon.virtual-tour i.fa.fa-picture-o {
    display: none;
}
.gallery-icon span {
    display: block;
    font-size: 13px;
}
.rooms .highslide-gallery .gallery img, .info .highslide-gallery .gallery img {
    width: 100% !important;
    height: auto !important;
    margin: 0;
    
}

.rooms .highslide-gallery:hover .gallery img, .info .highslide-gallery:hover .gallery img {
    opacity: 0.6;
}
.rooms, .info {
    background: #e9dccf;
    float: left;
    padding: 2%;
    margin-bottom: 2%;
}
.rooms {
    width: 100%;
    box-sizing: border-box;
}
.rooms .priceinfo-button {
    display: block;
    clear: both;
    background: transparent;
    width: 100%;
    border: 1px solid grey;
    border-top: 0;
    box-sizing: border-box;
    color: #634728;
    text-decoration: none;
    padding: 8px 0px;
}
.rooms .priceinfos-button {
    display: block;
    clear: both;
    width: 210px;
    box-sizing: border-box;
    padding: 8px 0;
}
.info {
    width: 96%;
}
.info {
    background-color: #e9dccf;
    color: #634728;
    text-align: left;
}
.info li {
    list-style-type: none;
}
.info ul {
    padding: 0;
}
.info img {
    width: 50%;
    float: right;
    margin-left: 15px;
}
.info .title4 {
    font-size: 20px;
}
.rooms .txt {
    float: right;
    width: 49%;
    text-align: left;
    color: #634728;
}
.tab-rooms {
    width: 100%;
    float: left;
    margin-top: 3%;
}
ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
ul.tabs li a {
    float: left;
    text-decoration: none;
    font-family         : "Merriweather", Verdana, Arial, Helvetica; serif;
    background-color: #d28782;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width: 16.5%;
    padding: 1% 4%;
    position: relative;
}
ul.tabs li.active a, ul.tabs li dfa:hover {
    background: #a81006;
    color: #fff;
}
.blue ul.tabs li a {
    
    background-color: #7ea8b1;
}
.blue ul.tabs li.active a, .blue ul.tabs li dfa:hover {
    background: #4c798e;
    
}
ul.tabs li.active a:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 15px;
    background-image: url("/CustomerData/445/Images/arrow-prices.png");
    background-size: 30px 15px;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
}
.blue ul.tabs li.active a:after {
    background-image: url("/CustomerData/445/Images/arrow-prices-blue.png");
}
.rooms table {
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
    float: left;
    border: grey;
}
.rooms table .top td:first-child {
    width: 49.1%;
}
.rooms table .top {
    font-size: 16px;
    color: #634728;
    text-transform: uppercase;
}
.rooms table .top td {
    padding: 2%;
}
.rooms table td {
    padding: 1%;
    border-collapse: collapse;
}
.rooms .no-border td {
    border: 0;
}
.rooms .no-border td:first-child {  
    border-left: 1px solid grey;
}
.rooms .no-border td:last-child {  
    border-right: 1px solid grey;
}
.rooms .button.red {
    margin: 6px 0;
    margin-right: 10px;
}
.mobile {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: left;
    display: none;
}
.highslide-active-anchor img {
    visibility: visible !important;
}

/* ---------------- BUTTONS --------------- */
.button, .footerNL a#quickform-searchNL, a#quickform-search {
    font-family         : "Merriweather", Verdana, Arial, Helvetica; serif;
    background-color: #634728;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    padding: 7px 5%;
    margin: 0 1%;
    text-align: center;
    display: inline-block;
    text-transform: uppercase; 
    font-family: "Merriweather",Verdana,Arial;
    
}
.footerNL a#quickform-searchNL {
    margin: 4% auto 0;
    display: inline-block;
    float: none;
}
a#quickform-search {
    margin: 0;
    float: right;
    margin-top: 4%;
}

.button:hover, .button.red:hover, .footerNL a#quickform-searchNL:hover, a#quickform-search:hover, .offerbox .sc-readMore a:hover, a#Previous:hover, a#Next:hover {
    background-color: #e9dccf;
    color: #634728;
}
.rooms .button {
    margin-top: 25px;
    margin-left: 0;
}
.mobile .button.red {
    margin-left: 0;
}
a#ScrollDown {
    position: absolute;
    bottom: 4%;
    left: 50%;
    margin-Left: -40px;
    color: #fff;
    padding: 17px 7px 0;
    text-decoration: none;
    line-height: 18px;
    background-image: url(/CustomerData/370/Images/arrow-white.png);
    background-repeat: no-repeat;
    background-position: 30px 59px;
    height: 58px;
    z-index: 10;
    background-color: #634728;
    width: 80px;
    height: 76px;
    border-radius: 90px;
    
}
/* ---------------- OFFERS --------------- */
.offer_wrapper {
    width: 55%;
    padding: 75px 22.5%;
    margin: auto;
    float: left;
    background:#634728;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    
}

.offer_wrapper .offerbox {
    background: #dddddd;
    color: #634728;
    padding: 50px 70px;
    box-sizing: border-box;
    margin: 50px 0;
    position: relative;
}
.offersite .offer_wrapper, .offerInner .offer_wrapper  {
    display: none;
}

.offerbox .offerPrice {
    top: -40px;
    right: -2%;
    color: #634728;
}
.offerPrice {
    position: absolute;
    background-color:#e9dccf;
    color: #fff;
    width: 120px!important;
    height: 120px;
    display: inline;
    top: 70px;
    right: 13px;
    border-radius: 97px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    border: 2px solid #fff;
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
}
.offers .offerPrice {
    display: none;
}
.offerPrice span {
    top: 44%;
    left: 50%;
    position: absolute;
    width: 100%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.offerPrice span b {
    font-size: 27px;
    line-height: 33px;
}

.offerbox {
    width: 100%;
    padding: 45px 14% 70px;
    margin: auto;
    float: left;
    background: #e9dccf;
    position: relative;
    
}

.offerbox .sc-header {
    margin-bottom: 2.5%;
}
.offerbox .sc-content {
    position: relative;
}
.offerbox h2 {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    z-index: 1;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    top: 34%;
    padding: 15px 2%;
    margin: 0;
    font-weight: bold;
}
.offerbox .txt {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 80px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    padding: 15px 2%;
    width: 65%;
    text-align: center;
}
.offerbox .sc-content h2 {
    margin-bottom: 0px;
    position: initial;
    transform: initial;
    background-color: initial;
    padding: initial;
    font-size: 20px;
    top: 0;
}
.offerbox img {
    width: 100% !important;
    height: auto !important;
}
.offersite .offerbox, .offerInner .offerbox, .offers .offer_wrapper {
    display: none;
}

.offers .sc-masterContainer .sc-control {
    background: #e9dccf;
    float: left;
    padding: 1%;
    background-size: 800px;
    margin-bottom: 2%;
    margin-top: 0;
    border-bottom: 0px;
}
.site2 .sc-masterContainer .sc-control {
    margin-top: 0;
}
.offers .sc-masterContainer .sc-control img {
    width: 100% !important;
    height: auto !important;
}
.offers .sc-header a {
    color: #634728;
    font-size: 25px;
    line-height: 30px;
    text-decoration: none;
}
.offers h2 {
    font-size: 20px;
    margin: 0 0 15px;
}
.offers .sc-readmore a, .offerbox .sc-readMore a {
    width: auto;
    font-family: "Merriweather",Verdana,Arial,Helvetica;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    padding: 7px 5%;
    margin: 1% 0 1%;
    text-align: center;
    display: inline-block;
    background-color: #634728;
    color: #fff;
    text-transform: uppercase;
}
.offerbox .sc-readMore a {
    margin: 0; 
    position: absolute; 
    transform: translate(-50%,-0%);
    -webkit-transform: translate(-50%,-0%);
    -moz-transform: translate(-50%,-0%);
    -o-transform: translate(-50%,-0%);
    -ms-transform: translate(-50%,-0%);
    left: 50%;
    bottom: 90px;   
}
.offerInner .sc-masterContainer .sc-content img {
    width: 100% !important;
    height: auto !important;
}
.offerInner .price {
    padding: 13px 9%;
    display: inline-block;
    margin: 18px 0;
    font-size: 20px;
    line-height: 27px;
}
.offerInner a.offerRequest, .sc-returnLink a {
    font-family: "Merriweather",Verdana,Arial,Helvetica;
    background-color: #634728;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    margin: 10px 0 0;
    text-align: center;
    display: inline-block;
}
.offerInner .sc-masterContainer .sc-control {
    border-bottom: 0;
}
.offers .sc-readmore a:hover, .offerInner a.offerRequest:hover, .sc-returnLink a:hover {
    background-color: #e9dccf;
    color: #634728;
}
/* ---------------- DETAILS --------------- */
.boxinfo, .boxinfoInner  {
    width: 48%;
    margin: 35px 26%;
    padding: 45px 0;
    
    float: left;   
}
.boxinfoInner  {
    width: 100%; 
    margin: 35px 0; 
    text-align: left;
}
.boxinfo {
    display: none;
}
.home .boxinfo {
    display:block;
}
.boxinfo .txt, .boxinfoInner .txt{
    width: 49%;
    float: left;
}

.boxinfo .image, .boxinfoInner .image{
    width: 49%;
    float: right;
}
.boxinfo .image img, .boxinfoInner .image img{
    width: 100% !important;
    height: auto !important;
}
.boxthemes {
    background-color: #e9dccf;
    width: 100%;
    padding: 75px 25px;
    float: left;
    box-sizing: border-box;
}
.boxthemes .title4 {
    margin-bottom: 50px;
}
.home .boxthemes {
    background-color: #e9dccf; 
    border-top: 0;
}
.boxthemes .sc-content a {
    background-color: #634728;
    display:block;
    float: left;
    width: 32.43%;
    margin-right: 1.3%;
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}
.boxthemes .sc-content a.last, .boxthemes-content a.last {
    margin-right: 0;
}
.boxthemes .sc-content a img, .boxthemes-content .sc-content a img {
    width: 100% !important;
    height: auto !important;
}
.boxthemes .sc-content a .img, .boxthemes-content .sc-content a .img {
    display:block;
    overflow: hidden;
    
}
.boxthemes .sc-content a img, .boxthemes-content .sc-content a img {
    transition: ease 1s; 
}
.boxthemes .sc-content a:hover img, .boxthemes-content .sc-content a:hover img {    
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transition: ease 1s; 
    -moz-transition: ease 1s; 
    -o-transition: ease 1s; 
    -ms-transition: ease 1s; 
    -webkit-transition: ease 1s; 
}


.boxthemes .sc-content a .txt, .boxthemes-content a .txt{
    text-align: center;
    display: block;
    padding: 5% 3%;
    font-size: 18px;
    line-height: 28px;
    width: 94%;
    text-transform: uppercase;
    position: relative;
}
.boxthemes .sc-content a:hover span {
    background-color: #90704f;
}
.boxthemes .sc-content a:hover span.txt:before, .boxthemes-content a:hover span.txt:before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 28px solid #90704f;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
}
.boxthemes .sc-content a.red:hover span.txt:before, .boxthemes-content a.red:hover span.txt:before {
    border-bottom: 28px solid #a81006;
}
.boxthemes .sc-content a.blue:hover span.txt:before, .boxthemes-content a.blue:hover span.txt:before {
    border-bottom: 28px solid #4c798e;
}



.boxthemes .sc-content a:hover span.txt:before, .boxthemes-content a:hover span.txt:before, .boxthemes .sc-content a span b {
    text-transform: none;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
}
/* Boxthemes content */
.boxthemes-content {
    background-color: #d7ae77;
}
.boxthemes-content a {
    background-color: #4c798e;
    display: block;
    float: left;
    width: 100%;
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}
.boxthemes-content a.red {
    margin-bottom: 4%;
    background-color: #a81006;
}
.boxthemes-content a.blue {
    background-color: #4c798e;
}
.boxthemes-content i {
    font-style: normal;
    text-transform: none;
}
.boxthemes-content img {
    width: 100%!important;
    height: auto!important;
}
.boxthemes-content-title {
    display: block;
    margin-bottom: 12px;
}


/*Request boxes*/
.sc-masterContainer .boxthemes {
    background: transparent;
    padding: 0;
}

.sc-masterContainer .boxthemes .sc-content a {
    width: 49.35%;
    box-sizing: border-box;
}
/* AccoWrapper*/



.usp-wrapper {
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    margin-bottom: 25px;
    padding: 0 25px;
    box-sizing: border-box;
}


.usp-wrapper .title4 {
    margin-bottom: 50px;
}
.usp-wrapper.second .txt-wrapper {
    float: right;
    left: auto;
    right: 0;
    background-color: #4c7a8e;
    padding: 25px 50px;
    border-right: 0;
    border-left: 12.5px solid white;
}
.acco_wrapper .img-wrapper {
    width: 50%;
    float: right;
    overflow: hidden;
    border-left: 12.5px solid #fff;
    box-sizing: border-box;
}

.acco_wrapper .txt-wrapper .txt-inner .title4 {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 28px;
}
.acco_wrapper .txt-wrapper {
    display: block;
    width: 50%;
    box-sizing: border-box;
    padding: 25px 50px;
    background-color: #90704f;
    border-right: 12.5px solid #fff;
    float: left;
    height: 500px;
    position: relative;
}

.acco_wrapper-left .txt-wrapper.left {
    background-color: #a81006;
    border-right: 0;
}

.acco_wrapper a.button {
    background-color: #a81006;
    color: #fff;
    margin-left: 0;
    margin-top: 25px;
}
.usp-wrapper.second .button{
    background-color: #e9dccf;
    color: #634728;
}
.acco_wrapper a:hover.button {
    background-color: #fff;
    color: #634728;
}
.acco_wrapper .txt-wrapper:after {
    content: "";
    position: absolute;
    bottom: 50%;
    margin-bottom: -20px;
    right: -40px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #90704f;
}
.acco_wrapper .second .txt-wrapper:after {
    content: "";
    position: absolute;
    bottom: 50%;
    margin-bottom: -20px;
    left: -39px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 0;
    border-right: 40px solid #4c7a8e;
}   

.txt-outer {
    display: table;
}
.txt-outer, .txt-inner {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.txt-inner {
    display: table-cell;
}
.usp-wrapper.second .img-wrapper {
    float: left;
    border-left: 0;
    border-right: 12.5px solid #fff;
}





/* ------------- BOXES FOOTER ------------- */

.hc-widget.hc-widget-hotel-1-191357-de_DE-m-g-1-0-1-3-0.hc-widget-with-reviews.hc-widget-grey.hc-widget-medium {
    max-width: 100%!important;
    margin: auto;
}

.footer .address {
    width: 96%;
    margin: 75px 25px;
    text-align: center;
    color: #634728;
    font-size: 14px;
    line-height: 26px;
    box-sizing: border-box;
}
.footer .address p {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.footer .address a {
    color: #634728;
    text-decoration: none;
}  
.footer .address a:hover {
    color: #90704f;
    text-decoration: underline;
}    

.footer .address span.hide {
    font-weight: normal;
}
.footer .address b {
    font-size: 24px;
    line-height: 42px;
    margin: 10px 0;
}
.footer .boxesFooter {
    background-color: #634728;
    padding: 25px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.footer .boxesFooter .sc-content>div {
    background-color: #8b724a;
    width: 32.6%;
    min-height: 263px;
    box-sizing: border-box;
    float: left;
    height: auto;
    color: #fff;
    padding: 1%;
    margin-right: 1%;
    text-align: center;
    min-height: 300px;
    
}
.footer .boxesFooter .sc-content>div.last {
    margin-right: 0;
}
.footerNL input {
    width: 75%;
    height: 30px;
    margin: 15px auto;
    display: block;
    padding: 3px 2%;
    background-color: #f2f2f2;
    border: 1px solid #B2B2B2;
    font-family         : "Merriweather", Verdana, Arial, Helvetica; serif;
    font-size: 15px;
    color: #868787;
}
.footer .boxesFooter .webcam img {
    max-width: 100%;
    height: 175px;
}
.footer .partners {
    margin: 50px 0;
    float: left;
    width: 100%;
    text-align: center;
}
.footer .partners {
    margin: 45px 0;
    float: left;
    width: 100%;
}
.footer .editorial {
    text-align: center;
    font-size: 14px;
    color: #634728;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.footer .editorial a{
    color: #634728;
}
.logo-simedia {
    vertical-align: middle;
    margin-bottom: 4px;
    opacity: 0.6;
}

/* ------------- PARTNERLOGOS ------------- */
.suedtirol-de, .suedtirol-it, .vingschgau, .reschenpass, .skigebiet {
    background-image: url("/CustomerData/445/Images/partnerlogos.png");
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 20px;
    height: 80px;
    opacity: 1;
    background-size: 300px 540px;
}  
.suedtirol-de {
    background-position: 0 -110px;
    width: 130px;
}
.suedtirol-it {
    background-position: 0 1px;
    width: 130px;
}
.vingschgau {
    background-position: 0 -412px;
    width: 180px;
}
.reschenpass {
    background-position: 0 -313px;
    width: 200px;
}
.skigebiet {
    background-position: 0 -217px;
    width: 60px;
}

.suedtirol-de:hover, .suedtirol-it:hover, .vingschgau:hover, .reschenpass:hover,.skigebiet:hover, .vivo-suedtirol:hover, .vivo-altoadige:hover, .vivo-south-tyrol:hover, .vivo-val-venosta:hover, .vivo-vinschgau:hover  {
    opacity: 0.7;
}
/* ------------- PARTNERLOGOS PORTALE ------------- */
.vivo-suedtirol, .vivo-altoadige, .vivo-south-tyrol, .vivo-val-venosta, .vivo-vinschgau {
    background-image: url("/CustomerData/445/Images/partnerlogos-portale.png");
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 20px;    
    height: 80px;
    background-size: 400px 900px;
    opacity: 1;
}
.vivo-suedtirol {
    background-position: -11px 9px;
    width: 146px;
}
.vivo-altoadige {
    background-position: -11px -92px;
    width: 159px;
}
.vivo-south-tyrol {
    background-position: -11px -372px;
    width: 166px;
}
.vivo-val-venosta {
    background-position: -11px -666px;
    width: 174px;
}
.vivo-vinschgau {
    background-position: -11px -783px;
    width: 166px;
}


/* WETTER */
#meteoprovbz_container {
    border: 0 none !important;
    font-weight: normal !important;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    width: 85%;
}
#meteoprovbz_widget td {
    border: 0 !important;
    border: 0 !important;
}
#meteoprovbz_widget th {
    border: 0 none !important;
    font-weight: normal;
    padding-bottom: 10px !important;
}
.meteoprovbz_min {
    color: #fff!important;
    padding: 0 2% !important;
}
.meteoprovbz_max {
    color: #d8af78!important;
    padding: 0 2% !important;
}
#meteoprovbz_widget td a, #meteoprovbz_widget td a:hover {
    color:  #fff;
}
.sc-masterContainer .txtLeft {
    text-align: left;
}

/* ---------------------------------------- */

@media (max-width: 1600px) {
.sc-masterContainer .sc-control, .boxinfo {
    width: 64%;
    margin: 2% 18%;
}
.headerImage ul, .headerImage li {
    width: 100%!important;
    height: 600px!important;
}
.headerImage {
    height: 600px!important;
}
.usp-wrapper.second .txt-wrapper {
    
    padding: 25px;
}
}


@media (max-width: 1450px){
.sc-menu a {
    padding: 8px;
    padding-bottom: 15px;
}
.topbar {
    font-size: 13px;
}
}

@media (max-width: 1400px) {
.topbar {
    display: none;
}
.quickrequest {
    width: 240px;
}
.sc-masterContainer .sc-control, .boxinfo {
    width: 70%;
    margin: 2% 15%;
}

.offerbox {
    width: 100%;
    padding: 45px 8% 70px;
}

.offers .sc-masterContainer .sc-control {
    width: 62%;
}

.sc-menu {
    margin-left: 0px;
}

.logo-feinkost {
    width: auto;
}
.logo-residence {
    float: left;
}
.logo-feinkost img {
    max-width: 75px!important;
}

.logo, .logo, .blue .logo, .red .logo {
    width: 100%;
    height: 83px;
    box-sizing: border-box;
    top: 70px;
    background-color: #fff;
    left: 0;
    z-index: 11;
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    padding-top: 3px;
}
.logo-residence, .logo-garni, .logo-feinkost {
    float: none;
    margin: 0px 24px;
}

.logo-residence img, .logo-garni img, .logo-feinkost img, .logo img {
    max-width: 180px!important;
}
.red .logo img {
    margin-top: 5px;
}
.menu {
    width: 100%;
    height: 100px;
}
.menu {
    width: 100%;
    height: 60px;
}
.sc-menu a {
    padding: 18px 16px;
    font-size: 15px;
    
}

.sc-menu ul a {
    padding: 3px;
    font-size: 15px;
}
.sc-menu i {
    top: 38px;
}
.footer .address p {
    width: 100%;
    margin: 10px 0px;
    display: block;
}
.footer .address p#address {
    margin-bottom: 30px;
    margin-top: 30px;
}
.sc-menu ul {
    min-width: 170px;
    padding: 8px;
}
.red .topbar, .blue .topbar {
    display: none;
}
.socialMedia {
    left: 720px;
}
.topbar, .sc-language-selector, .socialMedia {
    margin-top: 15px;
}
.headerImage {
    margin-top: 153px;
}
.bookOnline {
    margin-top: 153px;
    z-index: 9;
}
.boxesFooter .title5 {
    font-size: 20px;
    line-height: 26px;
}
.boxesFooter .title6 {
    font-size: 15px;
    line-height: 21px;
    margin: 1% 0 6%;
}
.offer_wrapper {
    width: 70%;
    padding: 70px 15%;
}
.sc-menu a {
    font-size: 16px;
}
.sc-player.sc-slideshow-prev, .sc-player.sc-slideshow-next {
    top: 20%;
}
.headerImage .slideshow-description {
    top: 25%;
    font-size: 30px;
    line-height: 44px;
}
.acco_wrapper .txt-inner {
    font-size: 14px;
}
.acco_wrapper a.button {
    margin-top: 5px;
}
.acco_wrapper .txt-wrapper .txt-inner .title4 {
    margin-bottom: 5px;
    font-size: 16px;
}
.usp-wrapper.second .txt-wrapper, .usp-wrapper .txt-wrapper {
    padding: 23px; 
}
}

@media (max-width: 1230px) {
.site2 .sc-masterContainer, .no-header-image .sc-masterContainer {
    margin-top: 170px;
}
.offers .sc-masterContainer {
    margin-top: 228px;
}
.topbar, .sc-language-selector, .socialMedia {
    margin-top: 5px;
}


.footer .boxesFooter .sc-content>div {
    width: 46%;
    margin: 1%;
}
.offerbox a#Previous {
    left: 9.5%;
}
.offerbox a#Next {
    right: 9.5%;
}
.offerbox .txt {
    width: 76%;
}
.footer .boxesFooter .sc-content>div {
    width: 31.5%;
    margin: 1%;
}
.sc-menu a {
    padding: 18px 8px;
    padding-bottom: 10px;
}
.sc-menu>li a.sc-active:after, .sc-menu>li a:hover:after, .sc-menu>li:hover>a:after {
    
    bottom: -6px;
}
.sc-menu i {
    top: 35px;
}
.rooms .button {
    width: 75%;
}


}







@media (max-width: 994px) {


.sc-language-selector, .menu, a#ScrollDown,.socialMedia {
    display: none;
}
.logo, .red .logo, .blue .logo {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    position: relative;
    background: #fff;
    margin-top: 48px;
    padding-bottom: 0;
}
.logo img, .logo-residence img, .logo-garni img, .logo-feinkost img  {
    max-width: 125px!important;
}
.info li {
    list-style-type: square;
}
.info ul {
    padding-left: 5px;
}


.bookOnline {
    top: 0;
    margin-top: 0;
    width: 100%;
    z-index: 50;
    background-color: #fff;
}
.bookOnline a.offersite-button {
    display: block;
}
.bookOnline a {
    width: 43%;
    margin: 5px 1%;
    padding: 7px 0;
    float: left;
}
.bookOnline a.red {
    margin-right: 0;
    background-color: #e9dccf;
}
.rMenu {
    display:block;
}
.rMenu a {
    width: 10%;
    margin-right: 0;
    padding: 11px 0;
    background-color: #634728;
}
.rMenu a .fa.fa-bars {
    margin-left: 3px;
}
li.closeMenuButton {
    text-align: center;
}
li.closeMenuButton a {
    padding: 10px!important;
    font-size: 0;
    z-index: 50;
    position: relative;
}
.mobileLangSelector a {
    color: #AAAAAA;
    margin: 0 5px;
}
.quickrequest {
    width: 100%;
    position: relative;
    float: left;
    left: 0;
    box-sizing: border-box;
}
.quickrequest h6 {
    font-size: 18px;
    line-height: 22px;
    margin: 4px 0 4px 0.5px;
}
.quickrequest input#quickform-arrival, .quickrequest input#quickform-departure, .quickrequest input#quickform-person, .quickrequest input#quickform-mail {
    width: 20%;
    margin: 7px 0.5%;
    float: left;
}
a#quickform-search {
    margin: 0 0.5%;
    float: right;
    width: 23.83%;
    padding: 6px 0;
}
.headerImage {
    margin-top:0;
    height: auto !important;
}
.headerImage ul, .headerImage li {
    width: 100%!important;
    height: 510px!important;
}
.headerImage .slideshow-description {
    font-size: 30px;
    line-height: 35px;
}
.sc-masterContainer .sc-control, .boxinfo {
    width: 76%;
    margin: 2% 12%;
}
.sc-header, .title3 {
    font-size: 25px;
    line-height: 32px;  
}
h2, h3, h4, .title4{
    font-size: 19px;
    line-height: 24px;
}
html, body {
    font-size: 15px;
    line-height: 24px;
}

.offers .sc-masterContainer .sc-control {
    width: 72%;
    padding: 25px 2%;
    margin-bottom: 2%;
    margin-top: 20px;
}
.offerbox {
    width: 92%;
    padding: 30px 4% 45px;
}
.offerbox .sc-readMore a {
    bottom: 55px;
}
.offerbox .txt {
    bottom: 60px;
}

.boxthemes .sc-content a span b {
    font-size: 20px;
    line-height: 26px;
}
.boxthemes .sc-content a .txt {
    font-size: 15px;
    line-height: 21px;
}
.footer .address {
    width: 92%;
    margin: 8% 4%;
    padding: 0;
    text-align: center;
    color: #634728;
    font-size: 14px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
}

.footer .address b {
    font-size: 20px;
    line-height: 26px;
}
.footer .address br {
    display: block;
}
.footer .address span.hide {
    display: none;
}
a.sMedia {
    color: #e9dccf;
    border: 1px solid #e9dccf;
    width: 33px;
    height: 33px;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}
a.sMedia i.fa.fa-facebook {
    left: 10px;
}
a.sMedia i {
    position: absolute;
    top: 7px;
    left: 8px;
}
a.sMedia:hover {
    background-color: #634728;
}
.button, .footerNL a#quickform-search, a#quickform-search {
    font-size: 17px;
}
.site2 .sc-header {
    padding-top: 20px;
}
.site2 .offers .sc-header {
    border-top: 0px;
    padding-top: 0;
}
.site2 .sc-masterContainer, .no-header-image .sc-masterContainer {
    margin-top: 10px;
}
.offerbox a#Previous {
    left: 5.5%;
}
.offerbox a#Next {
    right: 5.5%;
}
.offerbox h2 {
    top: 41%;  
}
.sc-player.sc-slideshow-prev, .sc-player.sc-slideshow-next {
    width: 33px;
    height: 33px;
    top: 33%;
    right: 35px;
}
.sc-player.sc-slideshow-prev {
    right: 80px;
}
.sc-slideshow-next a::after, .sc-slideshow-prev a::after {   
    font-size: 36px;
    margin-top: 4px;
}
.headerImage .slideshow-description {
    font-size: 25px;
    line-height: 30px;
}
.headerImage .slideshow-description {  
    padding: 15px;
    top: 45%;
    right: 35px;
}
a.linkHeader {
    padding: 12px 14px 11px;
    font-size: 16px;
    line-height: 16px;
    top: 75px;
}
.boxthemes .title4 {
    margin-bottom: 25px;
}
.boxthemes-content a {
    width: 100%;
}
.boxthemes-content a:first-child {
    margin-right: 0%;
    margin-bottom: 5%;
}
.boxthemes-content img {
    width: 100%!important;
    height: auto!important;
}
.contact_box {
    width: 100%!important;
    height: auto!important;
    padding: 15px 0!important;
    min-height: 0!important;
}
.google_map_anreise {
    width: 100%!important;
}
.offer_wrapper {
    width: 92%;
    padding: 4%;
}
.offer_wrapper:before, .offer_wrapper:after, .boxthemes:before, .boxthemes:after {
    background-size: 960px;
    height: 37.5px;
}

.offerbox .sc-readMore a {
    bottom: 0;
    bottom: -8px;
    width: 100%;
    box-sizing: border-box;
}
hr {
    margin: 7% 0;
}
.bookOnline a, .bookOnline a.red {
    background-color: #634728;
}
.red .logo img {
    margin-top: 0;
    margin-bottom: 5px;
}
.acco_wrapper .txt-wrapper {
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-right: 0;
}
.usp-wrapper.second .txt-wrapper, .usp-wrapper .txt-wrapper {
    border-left: 0;
    height: auto;
}

.acco_wrapper .img-wrapper {
    width: 100%;
    float: none;
    display: block;
}
.acco_wrapper .txt-wrapper:after, .acco_wrapper .second .txt-wrapper:after {
    bottom: -49px;
    left: 50%;
    margin-left: -40px;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    border-top: 40px solid #90704f;
}
.acco_wrapper .second .txt-wrapper:after {
    border-top: 40px solid #4c7a8e;
}
.acco_wrapper .img-wrapper {
    overflow: visible;
    border: 0;
}

.acco_wrapper .img-wrapper img {
    max-width: 100%;
}
.boxthemes, .footer .boxesFooter {
    padding: 4%;
}
.usp-wrapper, .usp-wrapper.second {
    padding: 0 4%;
    margin-bottom: 4%;
    
}
.footer .boxesFooter .webcam img {
    height: auto!important;
}
.usp-wrapper.second .img-wrapper {
    border: 0;
}
.tab-rooms .price {
    display: block;
}
.rooms .button {
    width: 90%;
}
.sc-slideshow-next a::after, .sc-slideshow-prev a::after {
    margin-top: 4px;
    margin-left: 8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 25px solid #fff;
    
}
.suedtirol-de, .suedtirol-it, .vingschgau, .reschenpass, .skigebiet, .vivo-suedtirol, .vivo-altoadige, .vivo-south-tyrol, .vivo-val-venosta, .vivo-vinschgau {
    margin: 0 10px;
}
}
@media (max-width: 850px) {
body.infoPopup {
    padding:40px;
    font-size:14px;
}
.headerBanner {
    font-size: 13px;
    width: 100px;
    height: 100px;
    line-height: 20px;
    
}
.headerBanner .header-info {    top: 14%; }
.headerImage ul, .headerImage li {
    width: 100%!important;
    height: 432px!important;
}
.rooms {
    padding: 3%;
    margin-bottom: 25px;
}
.info{
    margin-bottom: 25px;
}
.rooms .highslide-gallery, .info .highslide-gallery {
    width: 100%;
}
.rooms .txt {
    width: 100%;
    margin-top: 10px;
}
.rooms table {
    table-layout: fixed;
}
.rooms table .top td {
    padding: 15px 2%;
}
.rooms table .top td:first-child {
    width: auto;
}
ul.tabs li a {
    width: 41.9%;
    padding: 2% 4%;
}
.boxinfo .txt {
    width: 100%;
}
.boxinfo .image {
    width: 100%;
    margin-top: 6%;
}
.offerbox .sc-header {
    margin-bottom: 17px;
}
.offerbox .txt, .offerbox h2  {
    width: 96%;
    position: relative;
    transition: initial;
    bottom: auto;
    transform: initial;
    -moz-transform: initial;
    -o-transform: initial;
    -ms-transform: initial;
    -webkit-transform: initial;
    left: 0;
}
.offerbox h2 {
    top: 0;
    float: left;
    padding: 20px 2% 10px;
    background: transparent;
    left: 0;
}
.offerbox .txt h2{
    width: 100%;
    margin-top: 0;
    color: #90704f;
    text-transform: none;    
}
.offers .sc-masterContainer .sc-control {
    margin-bottom: 3%;
}


.footer .boxesFooter .sc-content>div, .footer .boxesFooter .sc-content>div.last {
    width: 100%;
    margin-bottom: 4%;
    padding: 4%;
    min-height: auto;
    float: none;
}
.footer .boxesFooter .sc-content>div.last {
    margin-bottom: 0;
    
}


.offer_wrapper .offerbox { 
    padding: 35px;
    padding-top: 0;
    width: 100%;
}
.offerbox .sc-player {
    
    top: 53%;
}
.offerbox .offerPrice {
    
    display: none;
}

.site2 .sc-masterContainer .sc-control {
    width: 90%;
    margin: 2% 5%;
}
.offers .sc-masterContainer .sc-control {
    margin-bottom: 25px;
}
}
@media (max-width: 700px) {
.headerImage ul, .headerImage li {
    width: 100%!important;
    height: 354px!important;
    top: 50%;
}
.headerImage .slideshow-description {
    font-size: 20px;
    line-height: 25px;
}
a.linkHeader {
    top: 62px;
}
.sc-player.sc-slideshow-prev, .sc-player.sc-slideshow-next {
    top: 28%;
}
.boxthemes .sc-content a, .boxthemes .sc-content a.last {
    float: none;
    width: 60%;
    margin: 3% auto;
}

.boxthemes .sc-content span.txt:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 25px;
    background-image: url("/CustomerData/445/Images/arrow-boxes-pink.png");
    background-size: 50px 25px;
    top: -24px;
    text-align: center;
    left: 45%;
    margin-left: -12px;
}
.boxthemes .sc-content a:hover span.txt:before, .boxthemes-content a:hover span.txt:before {
    
    border-bottom: 0;
}
.socialMedia span {
    color: #e9dccf;
    border: 1px solid #e9dccf;
    width: 36px;
    height: 36px;
    text-align: center;
    margin-right: 13px;
    display: inline-block;
    position: relative;
    font-size: 25px;
}
.offers .sc-header a {
    font-size: 21px;
    line-height: 25px;
}
.offers h2 {
    font-size: 17px;
    line-height: 23px;
}
.offerInner .price {
    font-size: 18px;
    line-height: 24px;
}
.linkbox h3 {
    font-size: 20px;
}
.linkbox,.boxthemes>div.half {
    width: 100%;
    padding: 3%;
    margin-right: 0;
    min-height: auto;
    margin-bottom: 8%;
}
.offerbox .sc-player {
    top: 44%;
}
.boxthemes .sc-content a, .boxthemes .sc-content a.last {
    
    width: 90%;
    
}
.sc-masterContainer .boxthemes .sc-content a, .sc-masterContainer .boxthemes .sc-content a.last {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 6%;
}
.info img {
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-bottom: 15px;
}
}
@media (max-width: 550px) {
.headerImage ul, .headerImage li {
    width: 100%!important;
    height: 276px!important;
}





.quickrequest input#quickform-arrival, .quickrequest input#quickform-departure, .quickrequest input#quickform-person, .quickrequest input#quickform-mail {
    width: 45%;
    margin: 0.5%;
}
.quickrequest a#quickform-search {
    margin: 0.5% 0.5%;
    width: 99%;
    padding: 6px 0;
}
.footer .boxesFooter .sc-content>div, .footer .boxesFooter .sc-content>div.last {
    width: 98%;
}

.bookOnline a span, .sc-player.sc-slideshow-prev, .sc-player.sc-slideshow-next {
    display: none;
}
.bookOnline a {
    width: 37.5%;
    margin: 7px 2%;
}
.rMenu a {
    width: 17%;
    margin-right: 0;
    padding: 11px 0;
    background-color: #634728;
}

.sc-player.sc-slideshow-prev, .sc-player.sc-slideshow-next {
    top: 18%;
    right: 6px;
}
.sc-player.sc-slideshow-prev {
    right: 45px;
}
.headerImage .slideshow-description {
    padding: 9px;
    top: 40%;
    right: 6px;
}
a.linkHeader {
    padding: 10px 14px 9px;
    font-size: 15px;
    line-height: 15px;
    top: 50px;
}
.offerbox h2 { font-size: 20px; line-height: 25px; }
.offerbox strong { font-size: 18px;  line-height: 25px; }
.offer_wrapper .offerbox {
    padding-bottom: 42px;
    margin: 20px 0;
}
.offerbox a#Next {
    right: 0;
    
}
.offerbox a#Previous {
    left: 0;
    
}
.offerbox .sc-player {
    top: 0;
}
.offerbox .sc-player a {
    padding: 16px 0px 10px;
}
.offerbox a#Previous {
    
    padding-right: 8px;
}
.offerbox .sc-player a::after, .offerbox .sc-player a#Previous::after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
}
.offerbox .sc-player a#Previous::after {
    margin-left: 0px;
}
.offer_wrapper p.title1 {
    font-size: 15px;
}
a.button.offerbox-button {
    margin-bottom: 15px;
    margin-top: 25px;
}
.boxthemes .title3 {
    font-size: 18px;
}
.headerImage .slideshow-description {
    display: none;
}
.logo-residence, .logo-garni, .logo-feinkost {
    margin: 0 1%;
}
.logo, .red .logo, .blue .logo {
    margin-top: 52px;
}
.acco_wrapper a.button {
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
}
.boxthemes .sc-content a, .boxthemes .sc-content a.last {
    width: 100%;
}
.footer .address b {
    font-size: 15px;
    
}
.footer .address p#address {
    margin-bottom: 8%;
    margin-top: 8%;
}
.rooms ul.tabs li a {
    
    font-size: 15px;
    min-height: 50px;
}
h2, .txtLeft h1, .title1 {
    margin-bottom: 25px;
}
.spacer {
    height: 15px;
}
}

@media (max-width: 450px) {
.headerImage ul, .headerImage li {
    width: 100%!important;
    height: 225px!important;
}
.sc-header, h2 {
    font-size: 18px;
    line-height: 28px;
}
h3, h4, .title4 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px 0;
}
.boxthemes .sc-content a, .boxthemes .sc-content a.last {
    width: 100%;
}
.sc-masterContainer .sc-control, .boxinfo {
    width: 90%;
    margin: 5%;
}
.offers .sc-masterContainer .sc-control {
    width: 86%;
}

.suedtirol-de, .suedtirol-it, .vingschgau, .reschenpass, .skigebiet, .vivo-suedtirol, .vivo-altoadige, .vivo-south-tyrol, .vivo-val-venosta, .vivo-vinschgau {
    display: block;
    text-align: center;
    margin: 2px auto;
}
.footer .partners {
    margin: 2% 0;
    
}
.logo img, .logo-residence img, .logo-garni img, .logo-feinkost img {
    max-width: 100px!important;
}
.rooms .no-border td {
    border-top: 1px solid grey;
}
.footer .address a.clear {
    display: block;
}
.vivo-suedtirol, .vivo-altoadige, .vivo-south-tyrol, .vivo-val-venosta, .vivo-vinschgau {
    height: 60px;
}
}

@media (max-width: 380px) {
.headerImage ul, .headerImage li {
    width: 100%!important;
    height: 188px!important;
}
.bookOnline a {
    font-size: 16px;
}
.logo img, .logo-residence img, .logo-garni img, .logo-feinkost img {
    max-width: 76px!important;
}
}


/* google map Box */
.contact_box {
    padding:30px 0;
    width:30%;
    height:90px;
    min-height: 190px;
    float:left;
    text-align:center;
    background-color: #a81006;
    color:white;
}
.contact_box-reschenseeblick {
    background-color: #4c798e;
}
.contact_box a {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.contact_box a:hover {
    
    text-decoration: underline;
}
.contact_box p {
    font-size: 14px;
}
.google_map_anreise {
    float:left;
    height:250px;
    width:70%;
}

/* google map Box end */