/* esslinger-template joomla 3.9.x */
@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype"); }
/*-----------navi----*/
header {
  display: flex;
  height: 110px;
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  z-index: 1051;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 4px 5px -2px #333; }
  @media (max-width: 1199px) {
    header {
      height: 80px; } }
  header a.navbar-brand {
    padding: 0px !important;
    margin-left: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 22px; }
    @media (max-width: 1199px) {
      header a.navbar-brand {
        margin-left: 20px; } }
    header a.navbar-brand .logo-img {
      width: 300px;
      display: block; }
      @media (max-width: 1450px) {
        header a.navbar-brand .logo-img {
          height: 80px;
          width: auto; } }
      @media (max-width: 1199px) {
        header a.navbar-brand .logo-img {
          height: 80px;
          width: auto; } }
      header a.navbar-brand .logo-img img {
        display: block;
        width: 100%;
        height: auto; }
        @media (max-width: 1450px) {
          header a.navbar-brand .logo-img img {
            height: 80px;
            width: auto; } }
        @media (max-width: 1199px) {
          header a.navbar-brand .logo-img img {
            height: 80px;
            width: auto; } }
        @media (max-width: 501px) {
          header a.navbar-brand .logo-img img {
            height: 60px;
            width: auto;
            margin-top: 8px; } }
  header a .logo-text {
    display: block; }
  header .header-right {
    justify-content: center !important;
    margin-right: 60px;
    display: flex;
    flex-direction: row;
    align-items: center; }
    @media (max-width: 767px) {
      header .header-right {
        margin-right: 30px;
        flex-direction: row-reverse; } }
    header .header-right .mod-languages {
      margin-right: 20px; }
      @media (max-width: 991px) {
        header .header-right .mod-languages {
          margin-right: 15px; } }
      header .header-right .mod-languages .visually-hidden {
        display: none; }
      header .header-right .mod-languages .mod-languages__select #language_btn_115 {
        border: 2px solid #71B1D9;
        border-radius: 0;
        background-color: #ffffff;
        color: #333333; }
        @media (max-width: 991px) {
          header .header-right .mod-languages .mod-languages__select #language_btn_115 {
            margin-left: 40px; } }
        header .header-right .mod-languages .mod-languages__select #language_btn_115:focus {
          box-shadow: none; }
      header .header-right .mod-languages .mod-languages__select .dropdown-menu {
        min-width: 70px; }
    header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn {
      background: none; }
      header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn:hover {
        color: #162440; }
        header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn:hover span {
          background-color: #162440; }
          header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn:hover span::before {
            background-color: #162440; }
          header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn:hover span::after {
            background-color: #162440; }
      header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn.active span {
        background-color: #162440; }
        header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn.active span::before {
          background-color: #162440; }
        header .header-right .dj-megamenu-wrapper .dj-mobile-open-btn.active span::after {
          background-color: #162440; }
    header .header-right .dj-megamenu-wrapper .dj-megamenu li.active a {
      color: #162440; }
    header .header-right .dj-megamenu-wrapper .dj-megamenu li.active ul li.active a {
      color: #162440; }
    header .header-right .dj-megamenu-wrapper .dj-megamenu li.active ul li a {
      color: #333333; }
    header .header-right .dj-megamenu-wrapper .dj-megamenu li.current a {
      color: #162440; }
    header .header-right .dj-megamenu-wrapper .dj-megamenu li a {
      font-family: "OpenSans-Regular", sans-serif !important;
      font-weight: bold;
      font-size: 1.25rem;
      color: #71B1D9; }

#dj-megamenu125offcanvas .dj-offcanvas-content, #dj-megamenu130offcanvas .dj-offcanvas-content {
  margin-top: 74px; }

footer .footer1 .rezensionen-footer-row .aa-greviews-main-header-section a span {
  color: #162440; }
footer .footer1 .rezensionen-footer-row .aa-greviews-main-header-section .aa-greviews-morecontent a {
  color: #162440 !important; }
footer .footer1 .rezensionen-footer-row .aa-greviews-rateus-button-wrap {
  text-align: center;
  margin-bottom: 40px; }
  footer .footer1 .rezensionen-footer-row .aa-greviews-rateus-button-wrap a {
    background-color: #162440 !important; }
footer .footer2 {
  background-color: #162440;
  padding-top: 45px;
  padding-bottom: 30px; }
  footer .footer2 .kontakt-footer {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (max-width: 991px) {
      footer .footer2 .kontakt-footer {
        align-items: center; } }
    footer .footer2 .kontakt-footer .custom {
      display: flex;
      flex-direction: column; }
      @media (max-width: 991px) {
        footer .footer2 .kontakt-footer .custom {
          align-items: center; } }
  footer .footer2 .social-share-footer {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end; }
    @media (max-width: 991px) {
      footer .footer2 .social-share-footer {
        align-items: center; } }
    footer .footer2 .social-share-footer p {
      margin-bottom: 0px; }
    footer .footer2 .social-share-footer .footer-menu ul li {
      margin-left: 20px; }
      footer .footer2 .social-share-footer .footer-menu ul li a {
        color: #ffffff; }
  @media (max-width: 991px) {
    footer .footer2 .reviews {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  footer .footer2 .reviews .gp_box.bright {
    border-radius: 0px;
    margin: 0px; }

.n2-section-smartslider .nextend-arrow-next {
  background: #162440 !important; }

.n2-section-smartslider .nextend-arrow-previous {
  background: #162440 !important; }

.n2-section-smartslider {
  font-family: "OpenSans-Regular", sans-serif !important;
  font-weight: normal;
  font-size: 16px;
  color: #333333; }

html {
  font-family: "OpenSans-Regular", sans-serif !important;
  font-weight: normal;
  font-size: 16px;
  color: #333333; }

body {
  font-family: "OpenSans-Regular", sans-serif !important;
  font-weight: normal;
  font-size: 16px;
  color: #333333; }

a {
  color: #162440;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #162440; }

h1 {
  font-family: "OpenSans-Regular", sans-serif !important;
  font-weight: normal;
  font-size: 2.3rem;
  color: #162440;
  line-height: 2.8rem; }
  @media (max-width: 767px) {
    h1 {
      font-family: "OpenSans-Regular", sans-serif !important;
      font-weight: normal;
      font-size: 1.8rem;
      color: #162440;
      line-height: 2.2rem; } }

h2 {
  font-family: "OpenSans-Regular", sans-serif !important;
  font-weight: normal;
  font-size: 2rem;
  color: #162440;
  line-height: 2.4rem;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    h2 {
      font-family: "OpenSans-Regular", sans-serif !important;
      font-weight: normal;
      font-size: 1.4rem;
      color: #162440;
      line-height: 1.8rem; } }

.padding-top60 {
  padding-top: 60px; }

.padding-bottom60 {
  padding-bottom: 60px; }

.padding-top40 {
  padding-top: 40px; }

.padding-bottom40 {
  padding-bottom: 40px; }

.padding-top5 {
  padding-top: 5%; }

.padding-bottom5 {
  padding-bottom: 5%; }

.color-blaugrau {
  background-color: #F2F2F3; }

#contents {
  margin-top: 110px; }
  @media (max-width: 1199px) {
    #contents {
      margin-top: 80px; } }

#apartmentIframeAll {
  text-align: center; }

.header-img-full .sppb-addon-single-image-container {
  width: 100%;
  height: 400px; }
  @media (max-width: 767px) {
    .header-img-full .sppb-addon-single-image-container {
      height: 180px; } }
  .header-img-full .sppb-addon-single-image-container img {
    object-fit: cover;
    width: 100%;
    height: 400px; }
    @media (max-width: 767px) {
      .header-img-full .sppb-addon-single-image-container img {
        height: 180px; } }

.sppb-btn {
  border: 1px solid #162440;
  border-radius: 0px;
  background-color: #162440;
  color: #ffffff;
  text-decoration: none; }
  .sppb-btn:hover {
    background-color: #162440;
    color: #ffffff;
    text-decoration: underline;
    border: 1px solid #162440; }

#smoobuCalendarIframe {
  text-align: center; }

.startseite-bild-row .sppb-addon-single-image .sppb-addon-content .sppb-addon-single-image-container {
  width: 100%; }
  .startseite-bild-row .sppb-addon-single-image .sppb-addon-content .sppb-addon-single-image-container img {
    width: 100%;
    object-fit: cover; }

.kontakt-form .sppb-addon-content h3 {
  display: none; }

.sppb-addon-accordion .sppb-addon-content .sppb-panel {
  border: 2px solid #162440;
  border-radius: 0px; }
  .sppb-addon-accordion .sppb-addon-content .sppb-panel .sppb-panel-heading {
    background-color: #fff !important; }
    .sppb-addon-accordion .sppb-addon-content .sppb-panel .sppb-panel-heading .sppb-panel-title {
      font-family: "OpenSans-Regular", sans-serif !important;
      font-weight: normal;
      font-size: 18px;
      color: #333333; }
.sppb-addon-accordion .sppb-addon-content .sppb-panel-body {
  border-top: 2px solid #162440; }

.text-auf-bild-startseite {
  font-family: "OpenSans-Regular", sans-serif !important;
  font-weight: normal;
  font-size: 2.8rem;
  color: #ffffff;
  padding: 20px;
  display: inline-block;
  background-color: #162440;
  margin-bottom: 0px; }
  @media (max-width: 767px) {
    .text-auf-bild-startseite {
      font-family: "OpenSans-Regular", sans-serif !important;
      font-weight: normal;
      font-size: 2rem;
      color: #ffffff; } }

.benefit-startseite {
  border: 3px solid #71B1D9;
  padding: 15px 25px; }
  @media (max-width: 767px) {
    .benefit-startseite {
      margin-bottom: 30px; } }
  .benefit-startseite h3 {
    text-align: center;
    color: #71B1D9;
    margin-bottom: 20px; }
  .benefit-startseite .sppb-icon {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px; }
    .benefit-startseite .sppb-icon .sppb-icon-inner i {
      font-size: 2rem !important;
      color: #71B1D9; }

#chronoform-anfrageformular .item {
  color: #333333 !important; }
#chronoform-anfrageformular .text {
  color: #333333 !important; }

.kontaktform #chronoform-kontaktformular .nui.select.active > .text, .kontaktform #chronoform-kontaktformular .nui.select:not(.hasSelection) > .text {
  color: #333333 !important; }
.kontaktform #chronoform-kontaktformular input {
  border-radius: 0px; }
.kontaktform #chronoform-kontaktformular .select, .kontaktform #chronoform-kontaktformular textarea, .kontaktform #chronoform-kontaktformular button {
  border-radius: 0px; }

@media (max-width: 767px) {
  .icon-text-row .sppb-icon {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 60px; } }