/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @font-face start <<<--- */

    @font-face {
        font-family: 'DM Serif Display';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../fonts/dm-serif_400.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/noto-serif_400.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/noto-serif_600.woff2) format('woff2');
  }

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @font-face end <<<--- */

html, body {
    font-family: "Noto Serif","Times",serif;
    color: #48352D;
    font-size: 18px;
    line-height: 1.5;
    background-color: #F4F2EF;
}

header {
    position: relative;
}

.zimmer-template-default {
    height: auto;
}

body.emptyTemplate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
.sc-layout.popup {
    padding: 4% 5%;
}
b, strong {
    font-weight: 600;
}
a {
    color: #48352D;
}
a:hover {
    color: #8C523F;
}
.bg2 a:hover, .bg3 a:hover {
    color: #F4F2EF;
}
small, .footer .editorial, .additionalPriceInformation {
    font-size: 0.8em;
}

.footer .editorial .fullWidth {
    margin-bottom: 55px;
    display: inline-block;
}
p {
    margin-bottom: 15px;
}
p:last-child, header p {
    margin: 0;
}
.gmap iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 7/3;
}

h1, .t1 {
    font-family: "Noto Serif","Times",serif;
    font-size: 1rem;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 35px;

}
h2, .t2, h3, .t3, h4, .t4, .noH2 h1, .error404 .sc-header h1 {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.1;
    font-family: "DM Serif Display","Times",serif;
    color: #8C523F;
    margin: 0;
    margin-bottom: 25px;
}
.noH2 h1, .error404 .sc-header h1 {
    margin-top: 0;
}

h3, .t3 {
    font-family: "DM Serif Display","Times",serif;
    font-size: 24px;
    line-height: 1.15;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #8C523F;
}
h4, .t4, .txtLink, .sc-quickInquiry>div label, [data-accordion] [data-control] {
    font-family: "DM Serif Display","Times",serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.25;
    letter-spacing: 0.5px;
}
h4, .t4 {
    margin-bottom: 15px;
}
hr {
    width: 100px;    
    border: 0;
    border: 1px solid #8C523F;
    text-align: left;
    display: inline-block;
    clear: both;
    margin: 40px auto;
}
.bg2 hr, .bg3 hr {
    background-position: -269px 3px;
}

.sc-masterContainer {
    margin-top: 65px;
}
.showHeaderSlider .sc-masterContainer, .showHeaderVideo .sc-masterContainer {
    margin-top: 0;
}

.sc-masterContainer ul {
    padding-left: 22px;
    text-align: left;
    margin: 0;
}
.sc-masterContainer ul li {
    margin-bottom: 10px;
    list-style-type: none;
}
.sc-masterContainer ul li:last-child, .sc-masterContainer ul li ul li {
    margin-bottom: 0;
}
.sc-masterContainer ul li::before {
    content: "";
    position: relative;
    width: 16px;
    height: 17px;
    vertical-align: initial;
    background-repeat: no-repeat;
    top: 3px;
    margin-left: -22px;
    margin-right: 9px;
    display: inline-block;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -35px -298px;
}
.sc-masterContainer .bg3 ul li::before {
    background-position: -70px -298px;
}

/*BG Colors Styles*/
.bg1 {
    background-color: #F4F2EF;
}
.bg2 {
    background-color: #E7E2DD;}
.bg3, .anchorMenuWrapper {
    background-color: #8C523F;
}

.bg2, .bg2 a, .bg2 a.txtLink {
    color: #48352D;
}
.bg3, .bg3 a, .bg3 a.txtLink, .bg3 h1, .bg3 .t1, .bg3 h2, .bg3 .t2, .bg3 h3, .bg3 .t3, .bg3 h4, .bg3 .t4 {
    color: #F4F2EF;
}

/*EyecatcherBtn Styles*/
.eyecatcherBtn {
    background: #8C523F;
    height: 110px;
    width: 110px;
    display: flex;
    flex-direction: column;
    color: #F4F2EF;
    text-align: center;
    align-items: center;
    line-height: 1.2;
    font-size: 0.6rem;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 3;
}
header .eyecatcherBtn {
    top: initial;
    bottom: 10%;
    left: 5%;
    font-size: .9rem;
}
header .eyecatcherBtn a {
    text-decoration: none;
    color: #F4F2EF;
}
header .eyecatcherBtn a:hover {
    opacity: .5;
}
.eyecatcherBtn b {
    display: contents;
    font-size: 1rem;
    font-weight: 400;
}
header .eyecatcherBtn b {
    font-size: .9rem;
}
.eyecatcherBtn > * {
    height: 100%;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}

header .eyecatcherBtn > * {
    transform: rotate(-8deg);
}

/*Wrapper Width Styles*/
.widthWrapper, .contentWrapper, .sc-header, .breadcrumb, .specialBox .specialBoxColumn .box.textBox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
}
.contentWrapper, .sc-header, .breadcrumb{
    max-width: 950px;
}

/*BoxLayout Styles*/
.boxLayout, .specialBox, .specialBox .specialBoxColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.specialBox .specialBoxColumn:first-child {
    order: 2;
}

/*Padding & Margin Styles*/
.padding-top-xxl { padding-top: 60px; }
.padding-top-xl, .sc-masterContainer { padding-top: 60px; }
.padding-top-l { padding-top: 40px; }
.padding-top-m { padding-top: 30px; }
.padding-top-s { padding-top: 25px; }
.padding-top-xs { padding-top: 15px; }
.padding-top-xxs { padding-top: 15px; }

.padding-bottom-xxl { padding-bottom: 60px; }
.padding-bottom-xl { padding-bottom: 60px; }
.padding-bottom-l, .error404 .contentWrapper { padding-bottom: 40px; }
.padding-bottom-m { padding-bottom: 30px; }
.padding-bottom-s { padding-bottom: 25px; }
.padding-bottom-xs, [data-accordion].accordion.open [data-content]  { padding-bottom: 15px; }
.padding-bottom-xxs { padding-bottom: 15px; }

.margin-top-xxl { margin-top: 60px; }
.margin-top-xl, .specialBox .specialBoxColumn:first-child { margin-top: 60px; }
.margin-top-l, .specialBoxColumn .box.textBox { margin-top: 40px; }
.margin-top-m { margin-top: 30px; }
.margin-top-s { margin-top: 25px; }
.margin-top-xs, [data-accordion].accordion.open [data-content], .error404 .sc-masterContainer a.button { margin-top: 15px; }
.margin-top-xxs { margin-top: 15px; }

.margin-bottom-xxl { margin-bottom: 60px; }
.margin-bottom-xl, .MainLogo { margin-bottom: 60px; }
.margin-bottom-l { margin-bottom: 40px; }
.margin-bottom-m { margin-bottom: 30px; }
.margin-bottom-s { margin-bottom: 25px; }
.margin-bottom-xs { margin-bottom: 15px; }
.margin-bottom-xxs { margin-bottom: 15px; }


/*Button & TXT-Link Styles*/
button, .button {
    background: #8C523F;
    color: #F4F2EF;
    padding: 15px 25px;
    display: inline-block;
    text-decoration: none;
    border-radius: 0px;
    font-family: "Noto Serif","Times",serif;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
}
button:focus, .button:focus { 
    outline: none;
}
button, a.button {
    text-decoration: none;
}
.button:hover, .topBar .button:hover, .sc-readmore a:hover, .archive .sc-masterContainer article:hover .sc-readmore a, .resMenu a.button:nth-child(odd):hover {
    background: #8C523F;
    color: #F4F2EF;
}

.bg2 button, .bg2 .button, .roomBox .boxLayout .box.textBox .button {
    background: #8C523F;
}
.bg2 button:hover, .bg2 .button:hover, .roomBox .boxLayout .box.textBox .button:hover {
    background: #48352D;
}
/* 
.sc-masterContainer button, .sc-masterContainer .button {
    -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
}  */

a.txtLink, a.txtLink:hover {
    font-weight: 400;
    font-family: "DM Serif Display","Times",serif;
    line-height: 1;
    text-decoration: underline;
    display: inline-block;
    letter-spacing: 1.3px;
    position: relative;
    text-underline-offset: 4px;
}
a.txtLink:focus {
    outline: none;
}
.txtLink.popup, .txtLink.scrollDown, .txtLink.mapIcon {
    padding-right: 25px;
}
.txtLink.popup:after, .txtLink.scrollDown:after, .txtLink.mapIcon:after {
    content: "";
    background-image: url(../graphics/vector_sprites.svg);
    background-repeat: no-repeat;
    background-position: -278px -364px;
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-block;
    right: 0;
}
.txtLink.popup:after {
    background-position: -40px -630px;
}
.txtLink.mapIcon:after {
    background-position: -80px -850px;
}

/*Slick Styles*/
button.slick-arrow {
    font-size: 0;
    right: 5%;
    bottom: 5%;
    background: #F4F2EF;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 35px;
    width: 35px;
    border: none;
    position: absolute;
    z-index: 2;
    padding: 0;
}
button.slick-arrow:hover {
    opacity: 0.8;
}
button.slick-prev.slick-arrow {
    right: calc(5% + 45px);
}
button.slick-arrow:after {
    content: " ";
    position: absolute;
    border-left: 3px solid #8C523F;
    border-bottom: 3px solid #8C523F;
    z-index: 1;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    bottom: 10px;
    left: 8px;
}
button.slick-prev.slick-arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 14px;
}
ul.slick-dots {
    padding: 0;
    margin: 0;
    text-align: center;
}
ul.slick-dots li {
    display: inline-block;
    margin-bottom: 0
}
ul.slick-dots li button {
    width: 16px;
    height: 16px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #48352D;
    font-size: 0;
    margin: 0 2px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(50,50,50,0.8);
    box-shadow: 0 1px 1px 0 rgba(50,50,50,0.8);
    cursor: pointer;
    padding: 0
}
.slick-dots li.slick-active button {
    background: #48352D
}
.headerSlider ul.slick-dots li button {
    border: 2px solid #F4F2EF;
}
.headerSlider .slick-dots li.slick-active button {
    background: #F4F2EF
}
.sc-masterContainer ul.slick-dots li::before  {
    display: none;
}

/*Lightcase Styles*/
.lightcase-icon-close:before {
    text-shadow: 1px 1px 1px #797979;
}

/*Accordion Styles*/
[data-accordion] [data-control] {
    position: relative;
    font-weight: 400;
    border-bottom: 1px solid #8C523F;
    padding: 40px 0 10px;
    font-family: "DM Serif Display","Times",serif;
    color: #8C523F;
    line-height: 1;
    padding-right: 45px;
}
[data-accordion]>[data-control]:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    right: 0;
    bottom: 0px;
    background-image: url(../graphics/vector_sprites.svg);
    background-repeat: no-repeat;
    background-position: 14px -356px;
}
[data-accordion].open>[data-control]:after {
    background-position: -36px -356px;
}
[data-accordion] [data-content] {
    font-size: 85%;
}
.bg2 [data-accordion]>[data-control]:after, .bg3 [data-accordion]>[data-control]:after {
    border-color: #F4F2EF;
}
.bg2 [data-accordion] [data-control] {
    border-color: #8C523F;
}
.bg3 [data-accordion].open>[data-control]:after {
    background-position: -145px -356px;
}
.bg3 [data-accordion] [data-control] {
    border-color: #F4F2EF;
    color: #F4F2EF;
}
.bg3 [data-accordion]>[data-control]:after {
    background-position: -95px -356px;
}
.bg3 [data-accordion]>[data-control]:hover:after {
    background-color: #48352D;
}
.bg2 [data-accordion]>[data-control]:hover:after {
    background-color: #F4F2EF;
}


/*Tabs Styles*/
.tabs > [data-control] button {
    border: 0;
    color: #F4F2EF;
    padding: 8px 10px;
    position: relative;
    margin-right: 10px;
}
.tabs > [data-control] button:last-child {
    margin-right: 0;
}
.tabs > [data-control] button.active, .tabs > [data-control] button:hover{
    background: #8C523F;
}
.tabs [data-content] {
    margin-top: 15px;
}

/*SiTable & priceTable Styles*/
.SiTable {
    margin-bottom: 15px;
}
.SiTable table {
    border: 0;
    border-collapse: collapse;
    line-height: 1.3;
    background: #e5e3e0;
    color: #48352D;
    width: 100%;
    text-align: right;
}
.SiTable table tr td:first-of-type {
    text-align: left;
}
.SiTable table tr:nth-child(odd) {
    background: #dbd8d3;
}
.SiTable td {
    padding: 7px;
    border: 1px solid #E7E2DD;
}
.SiTable tr:nth-child(odd) {
    background: #F4F2EF;
}
.SiTable table tr:nth-child(1) {
    text-transform: uppercase;
    background: #8C523F;
    color: #F4F2EF;
    font-family: "Noto Serif","Times",serif;
    letter-spacing: 2px;
}
.scrollableArea {
    overflow-x: auto!important;
    white-space: nowrap;
    width: 100%;
}

/*_____  ------  _____ ------  _____ HEADER _____  ------  _____ ------  _____*/
.breadcrumb {
    margin-bottom: 15px;
}

/*Mobile Top Bar Styles*/
.resMenu {
    position: fixed;
    background: #E7E2DD;
    width: 100%;
    height: 65px;
    z-index: 30;
    top: 0;
    left: 0;
}
.resMenu button.SiMenuToggle {
    position: absolute;
    top: 12px;
    left: 5%;
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.resMenu button.SiMenuToggle:focus {
    outline: none;
}
.resMenu button.SiMenuToggle .toggleText {
    margin: auto;
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #8C523F;
    text-decoration: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    font-family: Roboto,sans-serif;
    font-style: normal;
    letter-spacing: 0;
}
.resMenu button.SiMenuToggle .line {
    background: #8C523F;
    height: 3px;
    width: 100%;
    display: block;
    line-height: 2px;
    margin-bottom: 13px;
    margin-top: -8px;
}
.resMenu a.button {
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.resMenu a.button:first-child, .resMenu a.button:nth-child(2) {
    display: inline-block;
}
.resMenu a.phone, .SiMenu .copyToMobileMenu a.phone:before {
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -198px -337px;
    text-decoration: none;
    width: 22px;
    height: 24px;
    display: inline-block;
}

/*Top Bar Styles*/
.topBar {
    position: fixed;
    right: 5%;
    top: 5px;
    z-index: 30;
}
.topBar .button, .topBar .button:hover {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    color: #8C523F;
}
a.phone {
    display: inline-block;
    width: 23px;
    height: 30px;
    box-sizing: border-box;
    font-size: 0;
    top: -20px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border-radius: 0px;
    font-family: "Noto Serif","Times",serif;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
a.phone:before {
    content: "";
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -130px -70px;
    border-radius: 0px;
    font-family: "Noto Serif","Times",serif;
    cursor: pointer;
    text-decoration: none;
    background-repeat: no-repeat;
    font-size: initial;
    width: 23px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.resMenu button.SiMenuToggle:before {
    background-position: -148px -213px;
}
.SiMenu .menuFooter .topBar .button:after {
    display: none;
}

/*Menu Styles*/
.sc-menu a {
    text-decoration: none;
    display: block;
    padding: 5px 15px;
}
.sc-menu a:hover {
    text-decoration: underline;
}
.sc-menu li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.SiMenu, .SiMenuDesktop {
    display: none;
    text-align: center;
}
.SiMenu.active {
    display: block;
    background: #E7E2DD;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 85px 10% 20px 10%;
    margin: auto;
    width: 100%;
    overflow: auto;
}
.SiMenuDesktop .menuImages, [class*="SiMenu"] .menu-item .menuItemImages, .SiMenuDesktop .menuBackgroundImages {
    display: none;
}
.SiMenu .current-menu-item .menuItemImages, .SiMenu .menu-item.submenuActive > .menuItemImages {
    display: block;
}
.SiMenu .menuImages, .SiMenu .menuItemImages, .menuBackgroundImages {
    background: #E7E2DD;
}
.SiMenu .menuImages img, .SiMenu .menuItemImages img, .menuBackgroundImages img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: lazyloadFadeIn .5s;
}
.SiMenu .menuBackgroundImages, .SiMenu .menuImages {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
}
.SiMenu .menuBackgroundImages {
    opacity: .2;
    animation: none;
}
.sc-menu li.submenuarrow {
    position: relative;
}
[class*=menu-hauptmenue] .current-menu-parent ul li a {
    text-decoration: none;
}
.SiMenu .sc-menu li ul li a {
    margin-top: 0px;
}
.SiMenu ul, .SiMenuDesktop ul {
    list-style: none;
    padding:0;
    margin:0;
}
.SiMenu li>ul, .SiMenuDesktop li>ul {
    display:none;
    padding-left:0.5rem;
}
.SiMenu li>ul.active, .SiMenuDesktop li>ul.active {
    display: block;
}
.SiMenuDesktop li>ul.active, .SiMenuDesktop li>ul.active {
    position: absolute;
    z-index: 10;
    background: #F4F2EF;
}
.SiMenu ul {
    list-style: none;
    padding: 0;
    max-width: 500px;
    margin: 40px auto;
}
.SiMenu [class*=menu-hauptmenue] li a {
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 0;
    display: inline-block;
    border-bottom: 1px solid #a59f93;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Noto Serif","Times",serif;
}
.SiMenu button, .SiMenuDesktop button {
    background: transparent;
    border: 0;
    padding: 0;
}
.SiMenu button:focus, .SiMenuDesktop button:focus {
    outline: none;
}
.SiMenu button.close-button span {
    position: absolute;
    margin: auto;
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #8C523F;
    text-decoration: none;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    font-family: Roboto,sans-serif;
    font-style: normal;
    letter-spacing: 0;
}
.SiMenu button.close-button {
    z-index: 50;
    position: absolute;
    top: 12px;
    left: 5%;
    height: 40px;
    width: 40px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.SiMenu button.close-button::before, .SiMenu button.close-button::after {
    content: " ";
    width: 26px;
    height: 3px;
    background: #8C523F;
    display: block;
    position: absolute;
    left: calc(50% - 13px);
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.SiMenu button.close-button::after {
    bottom: -8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.submenu-button {
    margin-left: 5px;
    width: 10px;
    height: 10px;
    margin-top: -13px;
    border: 0;
    background: transparent;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-bottom: 2px solid #F4F2EF;
    border-left: 2px solid #F4F2EF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.submenuActive .submenu-button {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    margin-top: 0px;
}
.sc-menu a:hover .submenu-button, .hasSubmenu.submenuActive .submenu-button, .sc-menu li a[aria-current] .submenu-button {
    border-color: #8C523F;
}
.SiMenu .menuHeader {
    margin-bottom: 5%;
}
.SiMenu .menuHeader img {
    width: 250px;
    display: inline-block;
}
.SiMenu .menuFootere {
    margin-top: 5%!important;
}

nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
    height: calc(100vh - 410px);
    height: calc(calc(var(--vh, 1vh) * 100) - 410px);
    overflow-y: auto;
    margin-bottom: 20px;
}

/*SiMenuDesktop*/
.SiMenuDesktop .sc-menu li {
    display: inline-block;
}
.SiMenuDesktop li.submenuarrow a {
    padding-right: 17px;
}
.SiMenuDesktop #menu-hauptmenue {
    display: flex;
    flex-direction: row-reverse;
}

/*Menu Arrows*/
.SiMenuDesktop li.submenuarrow > a:after, .SiMenu li.submenuarrow > a:after {
    content: " ";
    width: 10px;
    height: 10px;
    right: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    position: absolute;
    border-bottom: 2px solid #48352D;
    border-left: 2px solid #48352D;
}
.SiMenuDesktop li.submenuarrow.submenuActive>a:after, .SiMenu li.submenuarrow.submenuActive>a:after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    margin-top: -3px;
}
.SiMenu li.submenuarrow>a:after {
    right: inherit;
    margin-left: 7px;
    top: 15px;
}
.SiMenuDesktop li.submenuarrow > a:hover:after, .SiMenu li.submenuarrow > a:hover:after {
    border-color: #F4F2EF;
}

/*Main Logo Styles*/
/*Note: If you want use different logos, use "background-image"*/
.MainLogo a {
    display: block;
    width: 300px;
}
.MainLogo a img {
    width: 100%;
    height: auto;
}

/*Language Selector Styles*/
.sc-language-selector {
    display: none;
}
.sc-language-selector a, .menuLanguageSelector a {
    text-decoration: none;
    text-transform: none;
    font-size: 90%;
    color: #8C523F;
}
.sc-language-selector a, .menuLanguageSelector a:hover {
    color: #48352D;
}
.sc-language-selector ul, .menuLanguageSelector ul {
    margin: 0;
    padding: 0;
}
.sc-language-selector ul li, .menuLanguageSelector ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 8px;
}
.sc-language-selector ul li a:after, .menuLanguageSelector ul li a:after {
    content: "|";
    padding-left: 8px;
    color: #48352D;
}
.sc-language-selector ul li:last-child a:after, .menuLanguageSelector ul li:last-child a:after {
    display: none;
}
.sc-language-selector ul li:last-child, .menuLanguageSelector ul li:last-child {
    margin-right: 0;
}
.SiMenu .menuLanguageSelector {
    position: absolute;
    top: 15px;
    right: 5%;
    font-size: 75%;
    font-family: "Noto Serif","Times",serif;
}
.SiMenu .menuFooter .topBar a.button:before {
    display: none;
}
.SiMenu .menuFooter .topBar {
    background: transparent;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    height: auto;
}
.SiMenu .menuFooter .topBar a {
    display: block;
    padding: 12px 25px;
    font-size: 17px;
    width: 100%;
    border: 0;
    margin: auto;
    margin-bottom: 15px;
    left: 0;
    position: relative;    
    box-sizing: border-box;
    height: auto;
    color: #8C523F;
}
.SiMenu .menuFooter .topBar a.button {
    background: #8C523F;
    color: #F4F2EF;
    font-weight: 600;
}
.SiMenu .menuFooter .topBar a.button:hover {
    background: #AF9B91;
}

.SiMenu .menuFooter .topBar a.phone {
    padding: 14px 15px 12px 35px;
}
.SiMenu .menuFooter .topBar a.phone:before {
    margin-left: -33px;
    left: initial;
    top: 8px;
}

/*Header Slider Styles*/
.headerSlider, .headerVideo {
    display: none;
    position: relative;
    margin-top: 65px;
}

.showHeaderSlider .headerSlider, .showHeaderVideo .headerVideo {
    display: block;
}

.showHeaderSlider .headerSlider .sc-slideshow, .showHeaderSlider .headerSlider img, .showHeaderVideo .headerVideo video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.arrowDown {
    position: absolute;
    bottom: 100px;
    width: 35px;
    height: 20px;
    background-image: url(../graphics/vector_sprites.svg);
    background-repeat: no-repeat;
    background-position: -100px -410px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    cursor: pointer;
}
/*Fullscreen Header Slider Styles*/
.showHeaderSlider .headerSlider, .showHeaderVideo .headerVideo {
    height: calc(100vh - 65px);
    height: calc(calc(var(--vh, 1vh) * 100) - 65px);
    overflow: hidden;
}
.showHeaderSlider .headerSlider div[class^=slick], .showHeaderSlider .headerSlider .slick-slide > div, .showHeaderSlider .headerSlider picture {
    height: 100% !important;
}
/*Fullscreen HeaderSlider END*/




/*_____  ------  _____ ------  _____ FOOTER _____  ------  _____ ------  _____*/

/*Slideup Button*/
.footer {
    text-align: center;
    clear: both;
}
.footer address {
    font-style: normal;
}
.footer address .footerLogo {
    width: 470px;
    max-width: 80%;
    height: auto;
    padding: 20px;
}
.footer address a {
    text-decoration: none;
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}
.footer address .t3 {
    text-transform: none;
}
.footer address a:hover {
    opacity: .8;
    text-decoration: underline;
}
.footer address a.facebook, .footer address a.instagram, .footer address a.weather, .footer address a.webcam {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-decoration: none;
    margin: 0 10px;
    background-image: url(../graphics/vector_sprites.svg);
    background-repeat: no-repeat;
    background-position: -125px 0;
}
.footer address a.instagram {
    background-position: -200px 0;
}
.footer address a.weather {
    background-position: -520px -70px;
}
.footer address a.webcam {
    background-position: -460px -70px;
}

.footer address img.logoFooter {
    width: 360px!important;
    max-width: 65%!important;
    height: auto!important;
}
.logo-simedia {
    vertical-align: middle;
    margin-bottom: 8px;
}

/*Newsletter Styles*/
.newsletter input {
    padding: 15px 25px;
    margin-bottom: 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*Partner Styles*/
.partner a {
    background-image: url(../graphics/partners.png);
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 2%;
    height: 45px;
    background-size: 250px 500px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.partner br {
    display: none;
}
.partner a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.partner a {        
    margin: 0 3.5%;
    height: 40px;
    background-size: 250px 500px;        
}    
.partner .kronplatz {
    background-position: 0 -47px;
    width: 44px;
}
.partner .roter_hahn {
    background-position: 0 2px;
    width: 38px;
}
.partner .suedtirol {
    background-position: 0 -102px;
    width: 51px;
    height: 40px;
}
.partner .suedtirol:hover {
    background-position: -68px -102px;
}

.fullWidth.map iframe {
    display: block;
}
.fullWidth.map div {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*Room Preview Boxes*/
.roomBox {
    position: relative;
}
/* .roomBox {
    margin-bottom: 35px;
} */
.roomBox:last-child {
    margin-bottom: 0;
}
.roomBox a.txtLink {
    margin-top: 25px;
    margin-bottom: 15px;
    display: inline-block;
}
.roomBox .boxLayout {
    flex-direction: column-reverse;
    width: 100%;
}
.roomBox .boxLayout .box.textBox {
    padding: 40px 5%;
    color: #48352D;
    background-color: #F4F2EF;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.box.textBox h3, .box.textBox .t3, .box.textBox .txtLink {
    color: #8C523F;
}
.box.textBox .txtLink:hover {
    color: #48352D;
}
.roomBox .boxLayout .box.textBox .button {
    margin-right: 5px;
}
.roomBoxesWrapper .roomWrapper .boxLayout .box:nth-child(1) {
    order: 2;
}
.roomBoxesWrapper .roomWrapper .boxLayout .box:nth-child(2) {
    margin-top: 0;
}

.siScrollToTop {
    width: 35px;
    height: 35px;
    border: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #F4F2EF;
    z-index: 100;
    -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    font-size: 0;
    cursor: pointer;
    border-radius: 0;
}
.siScrollToTop.show {
    display: inline-block;
}

.siScrollToTop:after, .siScrollToTop:before {
    content: "";
    width: 15px;
    height: 3px;
    position: absolute;
    background: #8C523F;
    -webkit-transform: rotate(-45deg) translate(0%,-50%);
    -ms-transform: rotate(-45deg) translate(0%,-50%);
    transform: rotate(-45deg) translate(0%,-50%);
    left: 7px;
    top: 50%;
}
.siScrollToTop:after {
    right: 6px;
    left: auto;
    -webkit-transform: rotate(45deg) translate(0%,-50%);
    -ms-transform: rotate(45deg) translate(0%,-50%);
    transform: rotate(45deg) translate(0%,-50%);
}

/*Popup*/
.popup .sc-masterContainer {
    padding-top: 0;
    padding-bottom: 5%;
    margin-top: 0;
}
.popup .sc-masterContainer h1 {
    text-align: left;
}

/*Anchor Menu*/
.anchorMenuWrapper {
    padding: 20px 15px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    max-width: unset;
    left: 0;
    box-sizing: border-box;
}
.anchorMenuWrapper.fixed {
	position: fixed;
	top: 60px;
	z-index: 20;
}
.anchorMenuWrapper a {
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	opacity: .5;
	margin-right: 30px;
    color: #F4F2EF;
}
.anchorMenuWrapper a.sianchorActive {
	opacity: 1;
}
.anchorMenuWrapper a:last-child {
	margin-right: 0;
}
.blockAccordion.margin-bottom-l{
    padding-bottom: 80px;
    margin-bottom: 0px;
}
.SiMenuDesktop .sc-menu a.sianchorActive {
    color: #8C523F;
}
.contentWrapper .t4 {
    margin-bottom: 0;
}
/* .SiMenuDesktop .sc-menu a:hover{
    font-weight: 600;
} */

/*LTS Widget*/
.sc-masterContainer #EventContainer {
    position: relative;
    z-index: 10;
}
.sc-masterContainer #lts-eventfinder .lts-events-v2 .lts-search {
    top: 64px;
}


.box.textBox .t4 {
    font-family: "Noto Serif", "Times", serif;
    font-weight: 700;
}
.accordion .t3 {
    font-size: 1rem;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @Media Styles Start <<<--- */

/* Mobile landscape */
@media (max-width: 994px) and (orientation: landscape) {
.SiMenu .menuHeader {
    margin-bottom: 0;
}
.SiMenu .menuFooter {
    display: none;
}
.SiMenu.active {
    padding-top: 2%;
    margin-top: 0;
    overflow: hidden;
}
nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
    height: calc(100vh - 110px);
    height: calc(calc(var(--vh, 1vh) * 100) - 110px);
    overflow-y: auto;
    margin-top: 20PX;
    margin-bottom: 0;
}
.SiMenu .menuFooter .topBar {
    display: none;
}
}

@media (min-width: 994px) {
.padding-top-xxl { padding-top: 150px; }
.padding-top-xl { padding-top: 120px; }
.padding-top-l, .sc-masterContainer { padding-top: 100px; }
.padding-top-m { padding-top: 75px; }
.padding-top-s { padding-top: 50px; }
.padding-top-xs { padding-top: 35px; }
.padding-top-xxs { padding-top: 15px; }

.padding-bottom-xxl { padding-bottom: 150px; }
.padding-bottom-xl { padding-bottom: 120px; }
.padding-bottom-l, .MainLogo, .error404 .contentWrapper { padding-bottom: 100px; }
.padding-bottom-m { padding-bottom: 75px; }
.padding-bottom-s { padding-bottom: 50px; }
.padding-bottom-xs, [data-accordion].accordion.open [data-content] { padding-bottom: 35px; }
.padding-bottom-xxs { padding-bottom: 15px; }

.margin-top-xxl { margin-top: 150px; }
.margin-top-xl { margin-top: 120px; }
.margin-top-l { margin-top: 100px; }
.margin-top-m { margin-top: 75px; }
.margin-top-s, .specialBoxColumn .box.textBox { margin-top: 50px; }
.margin-top-xs, [data-accordion].accordion.open [data-content], .error404 .sc-masterContainer a.button { margin-top: 35px; }
.margin-top-xxs { margin-top: 15px; }

.margin-bottom-xxl { margin-bottom: 150px; }
.margin-bottom-xl { margin-bottom: 120px; }
.margin-bottom-l { margin-bottom: 100px; }
.margin-bottom-m { margin-bottom: 75px; }
.margin-bottom-s { margin-bottom: 50px; }
.margin-bottom-xs { margin-bottom: 35px; }
.margin-bottom-xxs { margin-bottom: 15px; }


html, body, h1, .t1, button {
    font-size: 20px;
}
h2, .t2, .noH2 h1, .error404 .sc-header h1 {
    font-size: 55px;
}
h3, .t3 {
    font-size: 28px;
}
.bigger {
    font-size: 24px;
}

.sc-language-selector a:hover, .menuLanguageSelector a:hover, .SiMenu button.close-button:hover {
    opacity: 0.8;
}



/*LTS Widget*/
.sc-masterContainer #lts-eventfinder .lts-events-v2 .lts-search {
    top: 0;
}

/*Menu Desktop Styles*/
.SiMenuDesktop {
    display: block;
    width: 100%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    transform-origin: left top;
    position: fixed;
    left: 30px;
    bottom: 5%;
}
.SiMenuDesktop [class*=menu-hauptmenue] {
    display: flex;
}
.SiMenuDesktop .sc-menu a, .SiMenuDesktop .sc-menu a:hover {
    font-family: "Noto Serif","Times",serif;
    text-decoration: none;
    letter-spacing: 1.2px;
    display: inline-block;
    color: #48352D;
    padding: 15px 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.SiMenuDesktop .sc-menu a:hover {
    text-decoration: underline;
}
.resMenu {
    position: fixed;
    background: transparent;
    width: 100px;
    height: 100px;
    z-index: 30;
    top: 7px;
    right: 7px;
    left: unset;
    display: none;
}
.resMenu button.SiMenuToggle {
    padding: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    height: 100%;
    width: 50px;
}
.resMenu button.SiMenuToggle .toggleText {
    visibility: visible;
    color: #8C523F;
}
.scrolled .resMenu button.SiMenuToggle .toggleText {
    color: #F4F2EF;
}
.SiMenu button.close-button {
    right: 25px;
    width: 50px;
    height: 50px;
    top: 28px;
}

/*Anchor Menu*/
.anchorMenuWrapper.fixed {
	top: 0;
}

/*Logo*/
.MainLogo {
    position: absolute;
    width: auto;
    max-width: initial;
    left: 120px;
    top: 23px;
    margin: 0;
    padding: 0;
}   

/*CTA Buttons*/
.topBar {
    top: 0;
    width: 210px;
    height: 110px;
    right: 0;
    background: #8C523F;
    border-left: 1px solid #F4F2EF;
    border-bottom: 1px solid #F4F2EF;
}
.topBarheader > .topBar a.button {
    margin-left: 10px;
}
.topBar a.phone {
    display: none;
}    
.topBar .button, .topBar .button:hover {
    background: #8C523F;
    color: #F4F2EF;
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 13px 25px;
    font-size: 19px;
}
.topBar .button:last-child, .topBar .button:last-child:hover {
    padding: 13px 25px;
    border-top: solid 1px #F4F2EF;
}
.topBar .button:hover {
    text-decoration: underline;
    background: #48352D;
}
.topBar .button.request:before, .topBar .button.booking:before {
    content: "";
    display: inline-block;
    width: 22px;
    position: relative;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -400px -200px;
    height: 20px;
    margin-right: 7px;
    top: 3px;
}
.topBar .button.booking:before {
    background-position: -450px -200px;
}
header > .topBar a.button:first-child {
    margin-left: 0;
    right: calc(-76px + -5px);
    border-right: 1px solid rgba(255,255,255,0.30);
}    
.footer .editorial .fullWidth {
    margin-bottom: 0;
}

/*Slick Slider*/
button.slick-arrow {
    height: 60px;
    width: 60px;
    bottom: 8%;
}
button.slick-prev.slick-arrow {
    right: calc(5% + 75px);
}
button.slick-arrow:after {
    width: 17px;
    height: 17px;
    bottom: 20px;
    left: 18px;
}
button.slick-prev.slick-arrow:after {
    left: 26px;
}

.headerSlider .slick-dots {
    bottom: 5%;
}
.showHeaderSlider .headerSlider, .showHeaderVideo .headerVideo {
    margin-top: 110px;
    height: calc(100vh - 110px);
    height: calc(calc(var(--vh, 1vh) * 100) - 110px);
}

.sc-masterContainer, .footer, header {
    margin-left: 120px;
}

.sc-language-selector, .home .sc-language-selector {
    display: block;
    z-index: 15;
    right: 250px;
    left: unset;
    position: absolute;
    top: 40px;
    font-size: 75%;
    font-family: "Noto Serif","Times",serif;
}
.home .sc-language-selector {
    top: -72px;
}

.column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: left;
    -webkit-column-rule: 2px solid #8C523F;
    -moz-column-rule: 2px solid #8C523F;
    column-rule: 2px solid #8C523F;
    -webkit-column-gap: 110px;
    -moz-column-gap: 110px;
    column-gap: 110px;
}

.boxLayout, .specialBox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.boxLayout .box {
    flex: 1;
}    

.roomBox .boxLayout .box.textBox {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
/* .roomBox {
    margin-bottom: 75px;
} */
.roomBox .boxLayout {
    flex-direction: row;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}
.roomBox .boxLayout .box.slideshowBox img {
    height: 100%!important;
    width: 100%!important;
    object-fit: cover;
}
.roomBox .boxLayout .box.slideshowBox .slick-slider, .roomBox .boxLayout .box.slideshowBox .sc-slideshow, .roomBox .boxLayout .box.slideshowBox .slick-list, .roomBox .boxLayout .box.slideshowBox .slick-track, .roomBox .boxLayout .box.slideshowBox .slick-slide>div {
    height: 100%;
}

.specialBox {
    width: 90%;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}
.specialBox .specialBoxColumn {
    width: calc(35% - 50px);
    margin-top: 120px;
}
.specialBox .specialBoxColumn:first-child {
    order: 1;
}
.specialBox .specialBoxColumn:nth-child(2) {
    width: calc(65% - 50px);
    order: 2;
    margin-top: 0;
    margin-bottom: 0;
}
.specialBox .specialBoxColumn:nth-child(1) .box.textBox{
    width: 100%;
    max-width: initial;
}

.change-order-d .specialBox .specialBoxColumn:first-child {
    order: 2;
}
.change-order-d .specialBox .specialBoxColumn:nth-child(2) {
    order: 1;
}
.change-order-d .specialBox .specialBoxColumn {
    width: calc(35% - 50px);
    margin-top: 120px;
}
.change-order-d .specialBox .specialBoxColumn:nth-child(2) {
    width: calc(65% - 50px);
    margin-top: 0;
}

.footer address a.phone:before, .footer address a.mail:before {
    background-position: -50px -150px;
    width: 34px;
    height: 34px;
}
.footer address a.mail:before {
    background-position: -160px -150px;
    width: 44px;
}

.partner a {        
    margin: 0 1.5%;
    height: 90px;
    background-size: 500px 1000px;        
}    
.partner .kronplatz {
    background-position: 0 -94px;
    width: 85px;
}
.partner .roter_hahn {
    background-position: 0 4px;
    width: 77px;
}
.partner .suedtirol {
    background-position: 0 -203px;
    width: 102px;
    height: 80px;
}
.partner .suedtirol:hover {
    background-position: -135px -203px;
}

header .eyecatcherBtn {
    bottom: 5%;
    left: 3%;
    height: 140px;
    width: 140px;
}

header .eyecatcherBtn b {
    font-size: 1rem;
}
.blockAccordion.margin-bottom-l {
    padding-bottom: 120px;
}
}

@media (min-width: 1500px) {
.sc-masterContainer, .footer, header {
    margin-left: 210px;
}
.sc-masterContainer {
    margin-top: 0;
}
.SiMenuDesktop {
    left: 70px;
}
.fullWidth .widthWrapper, .fullWidth:not(.maxWidthWrapper) > .widthWrapper .widthWrapper {
    width: 80%;
    /*max-width: initial;*/
    max-width: 1700px;
}
/* .fullWidth .widthWrapper {
    width: 100%;
} */
.MainLogo {
    left: 210px;
}
html, body, h1, .t1, button {
    font-size: 23px;
}
h2, .t2, .noH2 h1, .error404 .sc-header h1 {
    font-size: 67px;
    margin-bottom: 30px;
}
h3, .t3 {
    font-size: 38px;
}
.bigger {
    font-size: 30px;
}
.gmap iframe {
    aspect-ratio: 5/1;
}
}