.brz .brz-embed-code .brz-embed-content { width: 100%; overflow: visible !important; }
.header-1 .fw-header-main .fw-container {
padding-top: 12px;
padding-bottom: 13px;
}
ul#menu-mainmenu li a:hover {
color: #4fb3d7;
}
.fw-logo-retina .fw-site-logo{
width: 200px;
}
ul.footerLogos {
list-style: none !important;
padding: 0 !important;
}
ul.footerLogos li {
display: inline;
}
ul.footerLogos li:nth-child(2){
margin: 0 30px;
}
.fw-nav-wrap {
padding: 25px 0;
text-transform: uppercase;
}
.fw-nav-wrap ul li#menu-item-1062 a span{
font-size: 13px;
line-height: 56px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.fw-site-navigation > ul > li#menu-item-1062 ul, .fw-site-navigation > ul > li#menu-item-3580 ul, .fw-site-navigation > ul > li#menu-item-3701 ul{
width: 60% !important;
}
.fw-site-navigation > ul > li ul > li{
width: 100% !important;
}
.fw-site-navigation > ul > li ul > li > a{
height: auto !important;
}
.fw-nav-wrap ul li a span{
font-size: 13px;
line-height: 56px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.fw-col-md-3.fw-col-sm-6.ftr1 {
width: 20%;
}
.fw-col-md-3.fw-col-sm-6.ftr2 {
width: 27%;
}
.fw-col-md-3.fw-col-sm-6.ftr3 {
width: 18%;
}
.fw-col-md-3.fw-col-sm-6.ftr4 {
width: 35%;
}
.spaceabove {
padding-top: 98px;
}
.spaceabove2 {
padding-top: 30px;
}
.spaceabove3 {
padding-top: 55px;
}
#menu-footer-menu li a{
font-size: 15px;
line-height: 26.9px;
color: #747476 !important;
}
#menu-footer-menu li a:hover{
color: #4fb3d7 !important;
}
a.emailid:hover {
color: #4fb3d7 !important;
}
.fw-footer-widgets{
padding-top: 40px;
padding-bottom: 40px;
}
div#zimmer,div#restaurant, div#wellness {
height: 730px;
font-family: Spinnaker, sans-serif!important;
font-size: 15px;
font-weight: 500;
line-height: 30px;
}
.datefield{
border-radius: 0;
padding: 28px 15px !important;
border-right: 0 !important;
box-shadow: none;
border-color: #ececec !important;
font-size: 13px !important;
}
.textfield
{
border-radius: 0;
padding: 28px 15px !important;
box-shadow: none;
border-color: #ececec !important;
font-size: 13px !important;
}
.textfield2{
border-radius: 0;
padding: 14px 15px !important;
box-shadow: none;
border-color: #ececec !important;
font-size: 16px !important;
}
.iconstyle{
background: #fff;
border-radius: 0;
border-color: #ececec;
}
.iconcolor{
font-size: 20px;
color: #929292;
}
a.onlinebook_btn {
background: #d9a36a;
color: #fff;
padding: 16px 52px;
font-size: 18px;
line-height: 56px;
font-family: 'Spinnaker';
}
a.onlinebook_btn:hover {
background: #4fb3d7;
}
.mm-menu.mm-theme-dark{
background: #4a575f;
}
.mb15{
margin-bottom: 15px;
}
.hairdryer img {
width: 48px !important;
height: 48px !important;
margin: 0 auto;
display: block;
}
.pdfdbtn svg#nc_icon {
margin-left: 0;
} .paoc-popup-modal-cnt{
padding-bottom: 50px !important;
padding-right: 50px !important;
padding-left: 50px !important;
}
.popupaoc-link {
text-decoration: none !important;
font-size: 15px;
line-height: 1.8;
color: #d9a36a;
padding: 11px 0;
margin: 0 auto;
display: flex;
justify-content: center;
font-family: Spinnaker, sans-serif;
}
.popupaoc-link:active{
color: #4a575f !important;
}
.popupaoc-link:hover{
color: #4fb3d7 !important;
}
.paoc-popup-modal p {
line-height: 1.8;
margin: 0 0 20px 0;
font-family: Spinnaker, sans-serif;
font-weight: 400; }
.paoc-popup-modal-cnt h4{
margin: 0 0 30px 0;
text-align: center;
font-size: 30px;
}
.paoc-popup-modal-cnt a.requestform {
color: #d9a36a !important;
font-family: Spinnaker, sans-serif;
font-size: 15px;
line-height: 1.8;
}
.datepicker
{
width: 20% !important;
}
.selectize-control.textfield2 {
height: 56px;
padding: 0 !important;
border: 1px solid #ececec !important;
}
.selectize-control.textfield2 .selectize-input
{
padding: 14px;
line-height: 26px;
font-size: 16px;
}
.mb35{
margin-bottom: 35px;
}
.formlbl label{
font-weight: 500;
font-size: 18px;
font-family: Spinnaker;
}
.sendBtn{
outline: none !important;
background: #d9a36a !important;
color: #fff !important; font-size: 18px !important;
line-height: 16px  !important;
width: 240px;
height: 53px;
text-transform: uppercase;
}
.formdate {
background: url(//www.hotelschlossragaz.ch/wp-content/uploads/2019/12/calendar.png) !important;
background-repeat: no-repeat !important;
background-position: center right 5% !important;
background-size: 4% 35% !important;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
color: #398f14;
text-align: center;
}
.custom-radio span.wpcf7-list-item-label {
display: inline-block;
background-color: #eee;
padding: 10px 20px;
font-family: sans-serif, Arial;
font-size: 16px;
border: 2px solid #ccc;
border-radius: 1px;
margin: 8px 4px;
font-family: Spinnaker;
}
.custom-radio span.wpcf7-list-item-label.checked {
color: #4fb3d7;
background: #e5f8ff;
border: 2px solid #4fb3d7;
}
.custom-radio input[type="radio"] {
opacity: 0 !important;
position: fixed;
width: 0 !important;
display: none;
}
.custom-radio .wpcf7-list-item-label.checked:before, .custom-radio .wpcf7-list-item-label:before{
display: none;
}
.custom-radio .wpcf7-list-item-label.checked:after,.custom-radio .wpcf7-list-item-label:after{
display: none;
}
.wpcf7 .wpcf7-form .formtime .wpcf7-list-item-label
{
margin-top: 0 !important;
}
.sectiontitle h3{
font-size: 20px;
}
.notetext h4{
font-size: 15px;
font-weight: 600;
line-height: 20px;
}
.reservationbtn{
outline: none !important;
background: #d9a36a !important;
color: #fff !important; font-size: 18px !important;
line-height: 16px  !important;
width: 240px;
height: 53px;
text-transform: uppercase;
}
.notetext p {
font-size: 15px;
font-family: Spinnaker;
color: #3b3e43;
}
.sendBtn:hover {
background: #4fb3d7 !important;
}
.widget_nav_menu ul li a{
font-size: 15px;
line-height: 27px;
}
.datepicker-days .table-condensed{
border:0;
}
.h_zimmer_hover_box p{
font-family: Spinnaker, sans-serif!important;
}
.pL0{
padding-left:0;
}
.reservationbtn:hover {
background: #4fb3d7 !important;
}
.event_popup_btn a {
font-size: 25px;
line-height: 1.6;
font-family: Prata, serif!important;
color: #d9a36a;
text-align: center;
}
li.lang-item {display: none !important;}
.sub-menu .lang-item {
display: block !important;
}
div.cookie-mesage span {
font-size: 13px;
display: block;
color: #fff;
}
div.cookie-mesage {
display: none !important;
background: #000;
text-align: center;
position: fixed;
bottom: 0;
padding: 11px 5px;
width: 100%;
left: 0;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
z-index: 999999999;}
.english:lang(en){
display: block !important;
}
.french:lang(fr){
display: block !important;
}
.spanish:lang(de){
display: block !important;
}
div.cookie-mesage  span a {
text-decoration: underline;
color: inherit;
}
#sl_cookie_action_close_header, #sl_cookie_action_close_header1, #sl_cookie_action_close_header2 {
color: #fff !important;
background: #d9a36a;
padding: 5px 10px;
border-radius: 2px;
margin-left: 10px;
font-family: inherit;
font-weight: normal;
}
.olson-pop{
position: absolute;
top: -670px;
z-index: 99999999;
height: auto !important;
overflow: visible;
left: -1000px;
-webkit-animation: slide 1s forwards;
-webkit-animation-delay: 3s;
animation: slide 4s forwards;
animation-delay: 0s;
}
@-webkit-keyframes slide {
100% { left:-60px; }
}
@keyframes slide {
100% { left: -60px; }
}
.olson-pop .modal-dialog{
margin: 0;
top: 0; width: 1000px;
}
.olson-pop .modal-content{
border: none;
border-radius: 0;
background-color: #333;
}
.olson-pop .modal-body {
height: auto !important;
padding: 20px 20px 15px !important;
}
.olson-pop h3{
font-size: 22px;
font-weight: 700;
color: #fff;
margin: 0;
font-family: Lato, sans-serif!important;
letter-spacing: 0.20px;
line-height: 28px;
padding: 0 0 15px;
}
.olson-pop p{
font-size: 15px;
color: #fff;
line-height: 25px;
letter-spacing: 0;
margin: 0;
padding: 0 0 10px;
word-break: initial;
}
.olson-pop button.close{
position: absolute;
right: 10px;
top: 6px;
font-size: 33px;
text-shadow: none;
color: #fff;
opacity: 1;
z-index: 99999999;
}
.olson-pop:lang(fr){
top: -650px;
}
.olson-pop:lang(de){
top: -750px;
}
.brz .slick-slide{
padding: 0 !important;
}
.popupaoc-img{
width: 100%;
}
.fw-copyright { display: flex; justify-content: center; }
.fw-copyright a { padding-left: 15px; }
.fw-copyright p {margin: 0;}
.footer-new-aside-sec { display: flex; align-items: flex-start; } .footer-new-aside-sec p {font-size: 14px; line-height: 24px;}
.c-calendar__dropdown.origin-top-left.absolute{position: relative !important;} @media screen and (min-width:320px) and (max-width:767px){
.footer-new-aside-sec img { width: 40%; }
.footer-new-aside-sec {flex-direction: column;}
.pll-parent-menu-item{display:none !important;}
li.lang-item {display: inline-block !important;margin-top: 10px;}
li.lang-item a {padding: 0px 20px !important;}
.lang-item-10 {border-left: 1px solid #2d2b2b !important;border-right: 1px solid #2b2b2b !important;}
li.lang-item.current-lang a {color: #000 !important;font-weight: 800;}
.mm-hasnavbar-top-1 .mm-panels {
top: 0;
background: #4a575f;
}
.mobile-menu-item-align-left em.mm-counter + a.mm-next + a{
margin-right: 0 !important;
}
#mobile-menu .mm-navbar{
background: #4a575f;
}
#mobile-menu .mm-listview > li{
background: #4a575f;
}
.fw-col-md-3.fw-col-sm-6.ftr1 {
width: 100%;
}
.fw-col-md-3.fw-col-sm-6.ftr2 {
width: 100%;
}
.fw-col-md-3.fw-col-sm-6.ftr3 {
width: 100%;
}
.fw-col-md-3.fw-col-sm-6.ftr4 {
width: 100%;
}
.spaceabove, .spaceabove2, .spaceabove3 {
padding-top: 0;
}
#text-2,#text-3{
margin: 0;
}
.fw-col-md-3.fw-col-sm-6.ftr4 #custom_html-7 img{
width: 70px;
margin-top: 20px;
}
.pdfdbtn span {
white-space: normal;
text-align: left;
}
.fw-copyright p span{
display:block;
}
}
@media screen and (min-width:320px) and (max-width:480px){
a.onlinebook_btn{
padding: 16px 72px;
display: block;
line-height: 20px;
text-align: center;
}
.desktop { display: none !important; }
.mobile{ display: block !important; position: absolute !important; }
.popup-text{ position: relative; top: -90px; background-color: #333; font-size: 17px; font-weight: 600; color: #fff; font-family: Lato, sans-serif!important; letter-spacing: 0.20px; line-height: 24px; }
.modal-backdrop{ display: none !important; }
.site-main{ z-index: 9999; }
.olson-pop .modal-dialog{ width: 97%; margin: 0 auto; }
.olson-pop p { font-size: 14px; line-height: 21px; }
.olson-pop{ position: fixed; top: 5px; left: 0 !important; z-index: 1050; }
.olson-pop .modal-body { padding: 15px 15px 5px !important; }
.olson-pop:lang(fr) { top: 19px; } .olson-pop:lang(en),.olson-pop:lang(de) {  top: 25px;  top: 0%;overflow-y: scroll;}
.modal-dialog{    top: 56% !important;}
.brz .slick-slide{ padding: 25px 15px 25px 15px !important; }
@-webkit-keyframes slide { from { left: -400px !important; } to { left: 0 !important; } }
}
@media screen and (min-width:481px) and (max-width:640px){
.desktop { display: none !important; }
.mobile{ display: block !important; position: absolute !important; }
.popup-text{ position: relative; top: -90px; background-color: #333; font-size: 17px; font-weight: 600; color: #fff; font-family: Lato, sans-serif!important; letter-spacing: 0.20px; line-height: 24px; }
.modal-backdrop{ display: none !important; }
.site-main{ z-index: 9999; }
.olson-pop .modal-dialog{ width: 97%; margin: 0 auto; }
.olson-pop{ position: fixed; top: 25px; left: 0 !important; z-index: 1050; }
.olson-pop:lang(fr) { top: 19px; }
.olson-pop:lang(en),.olson-pop:lang(de) {  top: 25px;  top: 0%;overflow-y: scroll;}
.modal-dialog{    top: 56% !important;}
.brz .slick-slide{ padding: 25px 15px 25px 15px !important; }
@-webkit-keyframes slide { from { left: -400px !important; } to { left: 0 !important; } }
}
@media screen and (min-width:641px) and (max-width:767px){
.desktop { display: none !important; }
.mobile{ display: block !important; position: absolute !important; }
.popup-text{ position: relative; top: -90px; background-color: #333; font-size: 17px; font-weight: 600; color: #fff; font-family: Lato, sans-serif!important; letter-spacing: 0.20px; line-height: 24px; }
.modal-backdrop{ display: none !important; }
.site-main{ z-index: 9999; }
.olson-pop .modal-dialog{ width: 97%; margin: 0 auto; }
.olson-pop{ position: fixed; top: 25px; left: 0 !important; z-index: 1050; }
.olson-pop:lang(fr) { top: 19px; }
.olson-pop:lang(en),.olson-pop:lang(de) {  top: 25px;  top: 0%;overflow-y: scroll;}
.modal-dialog{    top: 56% !important;}
.brz .slick-slide{ padding: 25px 15px 25px 15px !important; }
@-webkit-keyframes slide { from { left: -400px !important; } to { left: 0 !important; } }
}
@media screen and (min-width:768px) and (max-width:991px){
.footer-new-aside-sec p {    text-align: left;}
.footer-new-aside-sec img { width: 60%; }
.pll-parent-menu-item{display:none !important;}
li.lang-item {display: inline-block !important;margin-top: 10px;}
li.lang-item a {padding: 0px 20px !important;}
.lang-item-10 {border-left: 1px solid #2d2b2b !important;border-right: 1px solid #2b2b2b !important;}
li.lang-item.current-lang a {color: #000 !important;font-weight: 800;}
.mm-hasnavbar-top-1 .mm-panels {
top: 0;
background: #4a575f;
}
.mobile-menu-item-align-left em.mm-counter + a.mm-next + a{
margin-right: 0 !important;
}
#mobile-menu .mm-navbar{
background: #4a575f;
}
#mobile-menu .mm-listview > li{
background: #4a575f;
}
.btnstyle {
text-align: center;
margin-top: 15px;
}
div#zimmer, div#restaurant, div#wellness {
height: 740px;
}
.fw-col-md-3.fw-col-sm-6.ftr1, .fw-col-md-3.fw-col-sm-6.ftr2, .fw-col-md-3.fw-col-sm-6.ftr3 {
width: 33.33%;
}
.fw-col-md-3.fw-col-sm-6.ftr4{
width: 100%;
text-align: center;
}
.fw-col-md-3.fw-col-sm-6.ftr1 span{
font-size: 13px !important;
line-height: 0 !important;
}
.fw-col-md-3.fw-col-sm-6.ftr2 span{
font-size: 13px !important;
line-height: 0 !important;
padding-right: 0;
}
.spaceabove {
padding-top: 100px;
}
.spaceabove2 {
padding-top: 80px;
}
.spaceabove3 {
padding-top: 0px;
}
.fw-col-md-3.fw-col-sm-6.ftr3 ul li{
font-size: 13px !important;
line-height: 0;
}
.fw-col-md-3.fw-col-sm-6.ftr4 #custom_html-7 img {
width: 55px;
}
.olson-pop{ top: -430px; left: 0 !important; } .olson-pop:lang(fr) { top: -362px; }
.modal-backdrop{ display: none !important; }
.olson-pop:lang(en),.olson-pop:lang(de) {  top: 25px;  top: 0%;overflow-y: scroll;}
.modal-dialog{    top: 56% !important;}
}
@media screen and (min-width:992px) and (max-width:1030px){
.mm-hasnavbar-top-1 .mm-panels {
top: 0;
background: #4a575f;
}
.mobile-menu-item-align-left em.mm-counter + a.mm-next + a{
margin-right: 0 !important;
}
#mobile-menu .mm-navbar{
background: #4a575f;
}
#mobile-menu .mm-listview > li{
background: #4a575f;
}
a.onlinebook_btn{
padding: 17px 25px;
}
.fourthImg img{
height: 768px !important;
object-fit: cover;
}
.fw-col-md-3.fw-col-sm-6.ftr4 #custom_html-7 img {
width: 82px;
margin-top: 20px;
}
.spaceabove2 {
padding-top: 85px;
}
.pll-parent-menu-item{display:none !important;}
li.lang-item {display: inline-block !important;margin-top: 10px;}
li.lang-item a {padding: 0px 20px !important;}
.lang-item-10 {border-left: 1px solid #2d2b2b !important;border-right: 1px solid #2b2b2b !important;}
li.lang-item.current-lang a {color: #000 !important;font-weight: 800;}
.olson-pop{ left: 0 !important; } }
@media screen and (min-width:1031px) and (max-width:1199px){
.pll-parent-menu-item{display:none !important;}
li.lang-item {display: inline-block !important;margin-top: 10px;}
li.lang-item a {padding: 0px 20px !important;}
.lang-item-10 {border-left: 1px solid #2d2b2b !important;border-right: 1px solid #2b2b2b !important;}
li.lang-item.current-lang a {color: #000 !important;font-weight: 800;}
.mm-hasnavbar-top-1 .mm-panels {
top: 0;
background: #4a575f;
}
.mobile-menu-item-align-left em.mm-counter + a.mm-next + a{
margin-right: 0 !important;
}
#mobile-menu .mm-navbar{
background: #4a575f;
}
#mobile-menu .mm-listview > li{
background: #4a575f;
}
a.onlinebook_btn{
padding: 16px 35px;
}
.fourthImg img{
height: 768px !important;
object-fit: cover;
}
.fw-col-md-3.fw-col-sm-6.ftr4 #custom_html-7 img {
width: 82px;
}
.spaceabove2 {
padding-top: 85px;
}
.olson-pop{ left: 0 !important; } }
@media screen and (min-width:1200px) and (max-width:1250px){
.olson-pop{ left: 0 !important; } }
.ftr3 ul li a{
color: #d9a36a !important;
}
.ftr3 ul li a:hover{
color:#4FB3D7 !important;
}
.header-1 .primary-navigation > ul > li > a:hover{
color: #d9a36a !important;
}
.brz-column__items {
text-align: center;
}
.paoc-image-popup {
padding-top: 0 !important;
}
.stickybutton-en{position: fixed;
top: 25%;
z-index: 999999;
right: 0;}
.stickybutton-en:hover .en-normal{display:none;}
.stickybutton-en:hover .en-hover{display:block !important;}
#swicjqwtvylsuhavpsfkbpzswhqqcmrkywaw, #lmlaxhigkdpsdzagbeqcxmxkgxdhuoreuntd{display: none;}
@media (max-width: 575.98px){
.stickybutton-en img{width: 60px;}
#mc_embed_signup {padding:10px 0 !important;}
.fw-copyright {flex-direction: column;}
}
@media (max-width: 767.98px ) and (orientation: landscape)  {.stickybutton-en img{width: 60px;}}