/* red --> #c40040 */


/* General */
html {height:100.2%;}
body {margin:0; font-family:'OpenSans',sans-serif; font-weight:400; background-color:#ebedf0;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:16px; line-height:22px; color:#666666;}
th, td {vertical-align:top;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
.red-highlight {color:#c40040;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

/* Overall layout */
div#wrapper1 {text-align:center;}
div#wrapper2 {max-width:1180px; margin:0 auto 0 auto; text-align:left; overflow:hidden; padding-bottom:100px; background:url(../Images/content_bottom.png) no-repeat bottom #fff; border-top:3px solid #c40040;}
ul#skipnav {display:none;}
div#topbox {position:absolute; margin:0 40px; width:1100px; height:85px; background-color:#fff; z-index:999;
-webkit-box-shadow: -1px 14px 11px -4px rgba(0,0,0,0.24);
-moz-box-shadow: -1px 14px 11px -4px rgba(0,0,0,0.24);
box-shadow: -1px 14px 11px -4px rgba(0,0,0,0.24);
}
div#topslider {position:relative; max-width:1180px; height:597px; overflow:hidden;}
nav#topnav {float:right; margin-top:45px; margin-right:12px;}
div#contentbox {float:left; overflow:hidden; width:780px;}
div#contentbox.col-1 {width:100%;}
div#content {padding:62px 155px 20px 50px;}
div#contentbox.col-1 div#content {padding:62px 50px 20px 50px;}
div#breadcrumb {display:none;}
div#rightbox {float:right; width:400px;}
div#right {margin-top:118px; background-color:#e9eaeb;}
div#footerbox {width:1180px; margin:0 auto; padding:30px 0 0 0;}
div#footer {padding:0 50px;}

/* Top box */
div#topbox img {clear:none; float:left; margin:0; padding:0;}
div#topbox a#homelink {display:block; float:left; width:177px; height:60px; margin-left:20px; margin-top:9px; text-decoration:none;}


/* owl slider */
.tx-ff-owl-slider img {width:100%; height:auto; border:none !important; display:block; }
.caption-wrapper {position:absolute; top:40%;}
.tx-ff-owl-slider .slider-caption h3 {padding:0 0 0 55px; margin:0; width:510px; height:60px; font-size:25px; line-height:65px; opacity:0.85; background-color:#fff; color:#c40040; text-transform:uppercase; font-weight:normal; box-sizing: border-box;}
.tx-ff-owl-slider .slider-caption p {width:380px; width:550px; height:auto; min-height:60px; padding:0 0 0 55px; margin:0; opacity:0.85; line-height:56px; font-size:25px; background-color:#c40040; color:#fff; font-weight:normal; box-sizing: border-box;}

.owl-pagination {position: absolute; bottom:20px; left:0; right:0; width:100%;}
.owl-theme .owl-controls .owl-page span {background:#fff;}
.owl-theme .owl-controls .owl-page.active span {background:#c40040;}

nav#topnav ul#firstlvl {display:inline; list-style:none; margin:0; padding:0;}
nav#topnav ul li {display:inline;}
nav#topnav ul li a {display:block; height:30px; float:left; padding:0 15px 0 15px; margin:0 8px; line-height:28px; text-align:center; text-transform:uppercase; font-size:18px; text-decoration:none; color:#000000; font-family:'OpenSans',sans-serif; font-weight:400;}
nav#topnav ul li a:hover {background-color:#c40040; color:#fff;}
nav#topnav ul li.act a {background-color:#c40040; color:#fff;}
nav#topnav ul li ul.topnavsub {display:none;}
nav#topnav ul li ul li ul.topnavsubsub {display:none;}
nav#topnavmobil {display:none;}

/* Content */
div#content h1 {margin:0 0 24px 0; font-size:28px; line-height:28px; color:#182039; text-transform:uppercase; font-weight:normal;}
div#content h2 {margin:0 0 10px 0; font-weight:normal; font-size:22px; line-height:26px; color:#00193d}
div#content h3 {margin:0 0 5px 0; font-weight:normal; font-size:18px; line-height:22px; color:#00193d}
div#content p {margin:0 0 15px 0; font-size:16px; line-height:22px; color:#666666;}
div#content a {text-decoration:none; color:#c40040;}
div#content a:hover {text-decoration:underline;}
div#content div.frame-default  {margin-bottom:20px;}

div#content div.frame-custom-20 {padding-bottom:25px; margin-bottom:35px; border-bottom:1px solid #e9eaeb;}
div#content div.frame-custom-20:last-child {border-bottom:none;}
div#content .image-caption {font-size:14px;}

/* images */
div#content .image img {max-width:100%; height:auto;}

/* ce layouts */
/* accordion */
.frame-layout-1 {margin-top:8px; margin-bottom:8px;}
div#content .frame-layout-1 header.act h2,
div#content .frame-layout-1 header.act h3 {color:#c40040; background-color:#fbeff3; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
div#content .frame-layout-1 header h2,
div#content .frame-layout-1 header h3 {display:flex; margin-bottom:0 !important; padding:12px 15px; font-family:'OpenSans',sans-serif; font-weight:600;
  background-color:#f9f9f9; color:#c40040; font-size:16px; line-height:22px; cursor:pointer; border-radius:4px; border:solid 1px #ccc;}
div#content .frame-layout-1 h3 {margin-top:15px;}
div#content .frame-layout-1 header h2::before,
div#content .frame-layout-1 header h3::before {display:inline-block; margin-right:8px; content:"\f0da"; font-family:"Font Awesome 5 Pro"; font-weight:900;}
div#content .frame-layout-1 header.act h2::before,
div#content .frame-layout-1 header.act h3::before {content:"\f0d7";}
div#content .frame-layout-1 .ce-textpic {overflow:hidden;}
div#content .frame-layout-1 .ce-uploads,
div#content .frame-layout-1 .ce-textpic,
.frame-layout-1 .ce-image,
.frame-layout-1 .text-frame {display:none; background-color:#eee; padding:15px 25px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
.frame-layout-1 header.act + .ce-image,
.frame-layout-1 header.act + .ce-uploads,
.frame-layout-1 header.act + .ce-textpic,
.frame-layout-1 header.act + .text-frame {display:block;}
.frame-layout-1 p {margin:15px 0 0; font-size:14px;}
.frame-layout-1 ul {margin-top:0;}
div#content .frame-layout-1 .text-frame  p {margin-top:0;}
.frame-layout-1 .text-frame  p:last-child {margin-bottom:0 !important;}
.frame-layout-1 .ce-uploads li {margin-top:0; margin-bottom:15px;}
.frame-layout-1 .ce-uploads li div::before {background-color:#f5f5f5;}

/* Right */
div#right {overflow:hidden; padding:38px 20px 20px;}
div#right h2 {margin:0 0 12px 0; font-size:24px; line-height:28px; color:#000000; font-family:'OpenSans',sans-serif; font-weight:600;}
div#right p {font-size:18px; line-height:28px; color:#000000;}
div#right a {font-size:18px; text-decoration:none; color:#c40040; }
div#right a:hover {text-decoration:underline;}
div#right ul {padding:0 20px;}
div#right ul li {margin-bottom:5px;}

div#right form.flatsearch label {display:block; margin-bottom:5px;}
div#right form.flatsearch input {width:135px; height:40px; border:none; padding:0 10px;}
div#right form.flatsearch div.roomnumber {float:left; margin:12px 25px 0 0;}
div#right form.flatsearch div.price {float:left; margin-top:12px;}
div#right form.flatsearch div.qm1 {float:left; margin-top:10px; margin-right:25px;}
div#right form.flatsearch div.qm2 {float:left; margin-top:10px;}
div#right form.flatsearch input#form-submit {float:right; margin-top:18px; margin-right:21px; width:155px; background-color:#c40040; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; cursor:pointer;}
div#right form.flatsearch input#form-submit:hover {background-color:#920030;}

/* Footer */
div#footer div.box {float:left; overflow:hidden; width:25%; padding-bottom:20px;}
div#footer div.box h2 {margin:0 0 12px 0; font-size:18px; text-transform:uppercase; color:#00193d; font-family:'OpenSans',sans-serif; font-weight:600;}
div#footer div.box h3 {margin:0 0 5px 0; font-size:15px; line-height:16px; color:#1e1e1f; font-family:'OpenSans',sans-serif; font-weight:600;}
div#footer div.box p {margin:0 0 15px 0; font-size:13px; line-height:14px; color:#1e1e1f;}
div#footer div.box a {color: #c40040; text-decoration: none;}
div#footer div.box a:hover {text-decoration:underline;}
div#footer div.box div.phone {width:182px; height:52px; background-color:#e5e6e8;}
div#footer div.box div.phone span.phoneico {display:block; background:url(../Images/phone-ico.png) 13px 18px no-repeat; padding-left: 45px; padding-top: 15px; font-size:18px; color:#c40040; font-family:'OpenSans',sans-serif; font-weight:600;}
div#footer div#contact p {line-height:22px;}
div#footer div.box div#third-bottom {margin-top:30px;}
div#footer div#footer-third #c89 {margin-bottom:15px;}
div#footer div#footer-third #c89 .ce-textpic {padding-top:15px; padding-left:12px; width:182px; height:52px; background-color:#e5e6e8; box-sizing:border-box;}
div#footer div#footer-third #c89 .ce-textpic p {font-size:18px; color:#c40040; font-family:'OpenSans',sans-serif; font-weight:600;}
div#footer #map img {max-width:100%; height:auto;}

div#footer nav#metanav {clear:both; overflow:hidden; padding:20px 0; border-top:1px solid #d9d9d9;}
div#footer nav#metanav ul {padding:0; margin:0; list-style-type:none;}
div#footer nav#metanav ul li {display:inline;}
div#footer nav#metanav ul li a {display:inline-block; text-transform:uppercase; text-decoration:none; font-size:14px; color:#1e1e1f;}
div#footer nav#metanav ul li a:hover {text-decoration:underline;}


/* Media queries */
@media only screen
and (max-width : 1200px) {
  * {box-sizing:border-box;}
  div#wrapper2 {width:100%;}
  div#topbox {position:static; width:100%; height:auto; min-height:85px; margin:0; padding:0 3%;}
  div#topbox a#homelink {margin-left:0;}
  nav#topnav ul li a {padding:0 8px; font-size:18px;}
  div#contentbox {width:60%; padding:5% 3% 0;}
  div#contentbox.col-1 div#content,
  div#content {padding:0;}
  div#rightbox {width:40%;}
  div#right {margin-top:25%;}
  div#right form.flatsearch {width:100%;}
  div#right form.flatsearch input#form-submit {float:left; clear:both;}
  div#footerbox {width:100%;}
  div#footer {padding:0 3%;}
}

@media only screen and (max-width : 1180px) {
  div#topslider {height:auto;}
}

@media only screen
and (max-width : 1024px) {
  div#right {margin-top:30%;}
  div#topbox a#homelink {margin-top:16px; width:135px; height:auto;}
  div#topbox a#homelink img {width:100%; height:auto;}
  nav#topnav {margin-right:0; margin-top:42px;}
  nav#topnav ul li a {padding:0 5px; font-size:16px;}

  .caption-wrapper {top:35%;}
  .tx-ff-owl-slider .slider-caption h3 {width:400px; height: 50px; font-size:20px; line-height:55px;}
  .tx-ff-owl-slider .slider-caption p {width:350px; min-height:50px; font-size:20px; line-height:45px;}

  div#right form.flatsearch div.roomnumber,
  div#right form.flatsearch div.qm1 {float:none; margin-right:0;}
  div#right form.flatsearch div.price,
  div#right form.flatsearch div.qm2 {float:none;}
  div#right form.flatsearch input {width:100%;}

  div#content .image {max-width:220px;}
}


@media only screen and (min-width:768px) and (max-width:1023px){
  nav#topnav ul li a {padding:0 4px; margin:0 4px; font-size:15px;}
}


@media only screen
 and (max-width : 767px) {
  div#topbox {min-height:70px;}
  div#topbox a#homelink {margin-top:9px; width:130px;;}

  nav#topnav {display:none;}
  nav#topnavmobil {display:inline; clear:both; margin:0 0 0 0; padding:0; width:100%;}
  nav#topnavmobil div.menuopen {display:block; float:right; margin-top:12px; padding: 6px 0; width:100px; background-color:#c40040; text-decoration:none; color:#fff; text-align:center; line-height:30px; font-size:18px; cursor:pointer;}

  nav#topnavmobil ul#firstlvlmobil {display:none; clear:both; padding:3% 0 0 0; list-style:none; margin:0;}
  nav#topnavmobil ul#firstlvlmobil li {display:block; border-bottom:solid 1px #5b646a;}
  nav#topnavmobil ul#firstlvlmobil li a {float:none; display:inline-block; padding:18px 0 18px 0%; font-size:16px; font-weight:bold; text-decoration:none; color:#6f777e;}
  nav#topnavmobil ul#firstlvlmobil li:last-child {border-bottom:none;}
  nav#topnavmobil ul#firstlvlmobil li a:hover {text-decoration:underline;}
  nav#topnavmobil ul#firstlvlmobil li span.plus {display:inline-block; float:right; height:54px; width:70px; color:#fff;}
  nav#topnavmobil ul#firstlvlmobil li.act a {}
  nav#topnavmobil ul#firstlvlmobil li ul.topnavsub {display:none; padding-left:3% !important;}
  nav#topnavmobil ul#firstlvlmobil li ul.topnavsub li a {font-size:14px; font-weight:normal; background-color:transparent; color:#6f777e;}
  nav#topnavmobil ul#firstlvlmobil li ul.topnavsub li a:hover {}
  nav#topnavmobil ul#firstlvlmobil li ul.topnavsub li.act a {}
  nav#topnavmobil ul#firstlvlmobil li ul li ul.topnavsubsub {display:none;}
  nav#topnavmobil ul#firstlvlmobil li ul.topnavsub {padding:0;}
  nav#subnav{display:none;}

  div#contentbox {float:none; width:100%;}


  div#rightbox {float:none; width:100%; padding:0 3% 0;}
  div#right {margin:5% 0 0 0;}

  div#footer div.box {min-height:275px;}
  div#footer div#contact {width:50%;}
  div#footer div#opening {width:50%;}
  div#footer div#footer-third {width:50%;}
  div#footer div#map {width:50%;}
}


@media only screen and (max-width :640px) {
 #content .csc-textpic-imagewrap {max-width:180px;}

 div#topslider {overflow: visible;}
 .caption-wrapper {position: static; width:100%;}
 .tx-ff-owl-slider .slider-caption h3 {width:100%; padding: 8px 20px; height: auto; font-size:18px; line-height:1.5;}
 .tx-ff-owl-slider .slider-caption p {width:100%;  padding: 8px 20px; min-height:auto; font-size:18px; line-height:1.5;}
 .owl-pagination {display:none;}

   div#content .image {max-width:200px;}
}

@media only screen and (max-width : 480px) {
  div#topbox a#homelink {width:130px;}

  div#content h1 {margin-bottom:15px; font-size:22px; line-height:26px;}

  div#content .ce-left.ce-intext .ce-gallery,
  div#content .ce-right.ce-intext .ce-gallery {float:none; margin-left:0; margin-right:0;}
  div#content .image {width:100%; max-width: 100%;}

  div#right h2 {margin-bottom:8px; font-size:20px;}

  div#footer div.box {min-height:auto; margin-bottom:5%;}
  div#footer div#contact {float:none; width:100%;}
  div#footer div#opening {float:none; width:100%;}
  div#footer div#footer-third {float:none; width:100%;}
  div#footer div#map {float:none; width:100%;}
}

@media only screen and (max-width : 320px) {
  div#topbox a#homelink {width:125px;}
}