@font-face {
  font-family: 'houzez-iconfont';

  src: url('../fonts/houzez-iconfont.eot?jd28ud#iefix') format("embedded-opentype"), url('../fonts/houzez-iconfont.ttf?jd28ud') format("truetype"), 
  url('../fonts/houzez-iconfont.woff?jd28ud') format("woff"), url('../fonts/houzez-iconfont.svg?jd28ud#houzez-iconfont') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}  

 
@font-face {
    font-family: "Inter";
    src: url("/wp-content/themes/dittrich-immobilien/assets/fonts/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("/wp-content/themes/dittrich-immobilien/assets/fonts/InterVariable-Italic.woff2") format("woff2");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Jost Italic';
    src: url('../fonts/Jost-Italic.woff2') format('woff2'),
        url('../fonts/Jost-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Regular.woff2') format('woff2'),
        url('../fonts/Jost-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Italic';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

 /*
 * combined-lite-v2.css
 * Aggressivere Testversion auf Basis der aktuellen Chrome-Coverage.
 * Geschützt: Desktop-/Mobile-Navigation, Header, Footer, Back-to-top,
 * Hover/Focus/Active-Zustände und relevante responsive Regeln.
 * Nur zum Testen; combined-lite.css als stabile Sicherung behalten.
 */
/*
 * combined-optimized.css
 * Generated conservatively from Chrome DevTools Coverage.
 * Protected: header/main navigation, mobile/offcanvas navigation, footer,
 * back-to-top/scroll-top, interactive pseudo states, and all responsive @media blocks.
 * IMPORTANT: Coverage is page/state-specific. Keep the previous working CSS as fallback.
 */
/*!
 * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: 0 !important;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
} /*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif:
    system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans",
    "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
*,
::after,
::before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }}
.h2,
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }}
.h3,
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }}
.h5,
h5 {
  font-size: 1.25rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
ul {
  /* padding-left: 2rem; */
}
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
b,
strong {
  font-weight: bolder;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
img,
svg {
  vertical-align: middle;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
[type="button"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
iframe {
  border: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
@media (min-width: 576px) {
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }}
@media (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }}
@media (min-width: 992px) {
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.input-group > .form-control:focus {
  z-index: 5;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
 
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.dropdown {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(
    var(--bs-border-radius) - var(--bs-border-width)
  );
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }}
.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight:;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid
    var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5)
    calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y))
    calc(-0.5 * var(--bs-modal-header-padding-x))
    calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.offcanvas {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.show {
  visibility: visible;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
    calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y))
    calc(-0.5 * var(--bs-offcanvas-padding-x))
    calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.d-flex {
  display: flex !important;
}
.h-100 {
  height: 100% !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.align-items-center {
  align-items: center !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 1.5rem ;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
@media (min-width: 576px) {
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: 0 !important;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}

.houzez-icon,
.houzez-theme .houzez-icon {
  font-family: houzez-iconfont !important;
  font-style: normal;
  font-weight: 600;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:20px;
  color:#54595f;
}
.icon-close:before {
  content: "\e94a";
}
.icon-arrow-up-1:before {
  content: "\e913";
}
.icon-navigation-menu:before {
  content: "\e92d";
}
.icon-professional-network-linkedin:before {
  content: "\e932";
}
.icon-social-instagram:before {
  content: "\e93b";
}
.icon-social-media-facebook:before {
  content: "\e93c";
}
.icon-social-video-youtube-clip:before {
  content: "\e942";
}
.slick-list:focus {
  outline: 0;
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(../../../../../../../../../../../../themes/houzez/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(../../../../../../../../../../../../themes/houzez/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(../../../../../../../../../../../../themes/houzez/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(../../../../../../../../../../../../themes/houzez/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(../../../../../../../../../../../../themes/houzez/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(../../../../../../../../../../../../themes/houzez/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(../../../../../../../../../../../../themes/houzez/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700;
}
.ui-widget-header a {
  color: #333;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-widget-header .ui-icon {
  background-image: var(--wpr-bg-dddd1ea4-2fcd-420d-9614-4241ade7511f);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: var(--wpr-bg-f04daa73-b611-4dfa-b34b-4060e6ddec0b);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: var(--wpr-bg-1c201cf6-8dcf-4be6-aae2-f2054d827def);
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}
#houzez-properties-map,
#houzez-single-listing-map,
#map,
.lb-nav,
.login-register-form .dropdown-menu,
.nav-mobile .main-nav .nav-item,
.nav-mobile .main-nav .nav-item .dropdown-menu,
.widget-wrap .bootstrap-select .dropdown-menu {
  width: 100%;
}
.header-inner-wrap,
.header-main-wrap,
.header-main-wrap .main-nav .nav-item,
.header-mobile,
.header-v3 .header-contact,
.header-v3 .header-contact-left img,
.login-form-wrap .form-group-field,
.login-register-form .modal-header .close span,
.logo img,
.nav-mobile .main-nav .nav-item,
.nav-mobile:not(.houzez-nav-menu-main-mobile-wrap) .main-nav .nav-item a,
.property-lightbox .modal-header,
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li
  a {
  position: relative;
}
.lb-nav,
.login-form-wrap .form-group-field:after,
.nav-mobile .main-nav .nav-item .dropdown-menu,
.property-lightbox .close {
  position: absolute;
}
.header-main-wrap .main-nav .dropdown-menu,
.lb-cancel,
.lb-data .lb-close,
.lb-next,
.lb-prev,
.nav-mobile:not(.houzez-nav-menu-main-mobile-wrap) .main-nav .nav-item a,
.property-lightbox .modal {
  display: block;
}
.login-register-form .modal-header .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active,
.control__indicator,
.form-control .btn {
  background-color: #fff;
}
.main-nav .dropdown-menu,
.main-nav .dropdown-toggle:after,
.property-lightbox .modal-content,
.property-lightbox .modal-header {
  border: none;
}
.login-register-tabs .nav-link,
.main-nav .dropdown-menu {
  border-radius: 0;
}
.label,
.login-form-wrap,
.widget-wrap {
  border-radius: 4px;
}
.login-register-form .modal-header .close,
.main-nav .dropdown-menu,
.property-lightbox .close,
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information) {
  margin: 0;
}
.footer-top-wrap .widget-wrap {
  margin-bottom: 30px;
}
.dropdown-menu,
.login-register-form .modal-header,
.main-nav .dropdown-menu,
.navbar,
.property-lightbox .close,
.property-lightbox .modal-body,
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information) {
  padding: 0;
}
.lb-data .lb-close,
.lb-nav a.lb-next,
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li
  span {
  float: right;
}
.lb-nav,
.lb-nav a.lb-prev,
.nav-mobile .main-nav .nav-item .dropdown-menu {
  left: 0;
}
.header-main-wrap .main-nav .nav-item,
.nav-mobile:not(.houzez-nav-menu-main-mobile-wrap) .main-nav .nav-item a {
  z-index: 2;
}
.property-lightbox .modal-header {
  z-index: 5;
}
.dropdown-menu,
.main-nav .dropdown-menu {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li
  span {
  font-weight: 300;
}
.login-register-tabs .nav-link,
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li
  a {
  font-weight: 500;
}
b,
label,
strong {
  font-weight: 600;
}
.control input:checked + .control__indicator + span,
.control input:checked ~ span {
  font-weight: 700;
}
.login-register-form .modal-header .close {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.login-register-form .modal-header .close {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.select select:focus,
.select select:hover {
  color: #000;
  background: #ccc;
}
 
.control__indicator,
.header-main-wrap .main-nav .dropdown-menu.show,
.property-lightbox .modal,
a,
button {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  direction: ltr;
  text-align: left;
  min-height: 100vh;
}
a {
  text-decoration: none;
}
a:active,
a:focus,
a:hover {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
button:active,
button:focus,
button:hover {
  outline: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-facebook-login:active,
.btn-facebook-login:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 6px #506dab;
  box-shadow: 0 0 6px #506dab;
  background: #506dab var(--wpr-bg-0f0528bf-3d3d-4b63-8b96-f186c393ef8f)
    no-repeat 13px 50%;
}
.dropdown-menu {
  border-color: #dce0e0;
}
.bootstrap-select .dropdown-item {
  padding: 0 15px;
}
.btn-facebook {
  color: #506dab;
}
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
  color: #48629a !important;
}
.btn-instagram {
  color: #517fa4;
}
.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram:hover {
  color: #497293 !important;
}
.btn-linkedin {
  color: #007bb6;
}
.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover {
  color: #006a9d !important;
}
.btn-youtube {
  color: #b00;
}
.btn-youtube:active,
.btn-youtube:focus,
.btn-youtube:hover {
  color: #a20000 !important;
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }}
.logo a:hover {
  background-color: transparent !important;
}
@media (max-width: 991.98px) {
  .header-desktop {
    display: none;
  }}
.header-v3 .navbar-nav > li {
  border-right: 1px solid;
}
.header-v3 .navbar-nav > li:first-of-type {
  border-left: 1px solid;
}
.header-v3 .header-bottom {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.header-v3 .header-contact {
  right: -15px;
  margin-left: 12px;
  padding-left: 32px;
  padding-right: 32px;
}
.header-v3 .header-contact-right {
  font-size: 21px;
  font-weight: 400;
}
.header-v3 .header-contact-left img {
  top: -3px;
}
@media (max-width: 767.98px) {
  .header-v3-mobile {
    padding: 3px 8px 2px;
  }}
@media (min-width: 992px) {
  .header-v3-mobile .header-contact-wrap {
    display: none !important;
  }}
@media (max-width: 767.98px) {
  .header-v3-mobile .header-contact {
    margin-left: 0;
    padding-left: 22px;
    padding-right: 22px;
    right: auto;
  }}
.header-v3-mobile .header-contact-left {
  padding-right: 10px;
}
.header-v3-mobile .header-contact-left img {
  max-width: 24px;
  height: 24px;
}
@media (max-width: 991.98px) {
  .header-v3-mobile .header-contact-right {
    font-size: 18px;
  }}
@media (max-width: 575.98px) {
  .header-v3-mobile .header-contact-right {
    font-size: 14px;
  }}
.logo {
  margin-right: 20px;
}
.logo img {
  top: -3px;
}
.header-main-wrap {
  z-index: 4;
}
.header-contact-left {
  font-size: 30px;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 30px;
}
.header-contact-1 .header-contact-left {
  padding: 0 20px 0 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 0;
}
.header-mobile {
  text-align: center;
  height: 60px;
  padding: 0 10px;
}
@media (min-width: 992px) {
  .header-mobile {
    display: none !important;
  }}
.header-mobile .logo {
  margin: 0 auto;
}
.header-mobile .toggle-button-left {
  background-color: transparent;
  font-size: 20px;
}
.header-mobile .toggle-button-left:active,
.header-mobile .toggle-button-left:focus {
  outline: 0;
}
.header-mobile-right {
  min-width: 56px;
}
.main-nav:not(.houzez-nav-menu-main) .nav-link {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .main-nav:not(.houzez-nav-menu-main) .nav-link {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }}
.main-nav:not(.houzez-nav-menu-main) .dropdown-item {
  padding: 15px;
  line-height: 1.5;
  min-width: 250px;
}
.main-nav .dropdown-item {
  padding: 5px 10px;
}
.main-nav .dropdown-item:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-top: 3px;
}
.header-main-wrap .main-nav .navbar-nav {
  padding-right: 0;
}
.header-main-wrap .main-nav ul ul .dropdown-toggle:after {
  float: right;
}
.header-main-wrap .main-nav .nav-item.show > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.header-main-wrap .main-nav .dropdown-menu {
  visibility: hidden;
  opacity: 0;
  top: 100%;
}
.header-main-wrap .main-nav .dropdown-menu.show {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.header-main-wrap .main-nav .dropdown-menu .dropdown-menu {
  left: 100%;
  top: 0;
}
.main-nav .dropdown-toggle:after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-family: houzez-iconfont;
  content: "";
  vertical-align: unset;
  font-size: 10px;
  font-weight: 700;
  float: right;
}
.main-nav.with-angle-icon .dropdown-toggle:after {
  content: "";
  font-family: houzez-iconfont;
}
.on-hover-menu {
  background: 0 0;
  margin: 0;
  padding: 0;
  min-height: 20px;
}
@media only screen and (min-width: 991px) {
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown) ul li,
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown) ul ul li,
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown) ul ul ul li {
    position: relative;
    -webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown) .dropdown-menu,
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown) ul.dropdown-menu {
    -webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 250px;
  }
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown)
    ul
    li:hover
    > ul.dropdown-menu,
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown)
    ul
    ul
    li:hover
    > ul.dropdown-menu,
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown)
    ul
    ul
    ul
    li:hover
    > ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 1px);
  }
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown)
    ul
    ul
    li:hover
    > ul.dropdown-menu,
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown)
    ul
    ul
    ul
    li:hover
    > ul.dropdown-menu {
    top: 0 !important;
  }
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown) ul ul.dropdown-menu ul,
  .on-hover-menu:not(.houzez-nav-menu-layout-dropdown)
    ul
    ul.dropdown-menu
    ul
    ul {
    left: 100%;
    top: calc(100% + 10px) !important;
  }}
@media (min-width: 992px) {
  .nav-mobile:not(.houzez-nav-menu-main-mobile-wrap) {
    display: none;
  }}
.nav-mobile:not(.houzez-nav-menu-main-mobile-wrap) .main-nav .nav-item a {
  border-bottom: 1px solid #dce0e0;
  padding: 15px;
}
.nav-mobile:not(.houzez-nav-menu-main-mobile-wrap)
  .main-nav
  .nav-item
  .nav-mobile-trigger {
  height: 56px;
  width: 56px;
  line-height: 56px;
}
.nav-mobile:not(.houzez-nav-menu-main-mobile-wrap)
  .main-nav
  .nav-item
  .dropdown-menu
  .nav-item
  a {
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 30px;
}
.nav-mobile .main-nav .dropdown-toggle:after {
  margin-left: 0;
  float: none;
}
.nav-mobile .main-nav .navbar-nav {
  padding-right: 0;
}
.nav-mobile .main-nav .nav-item {
  display: block;
  border: 0;
}
.nav-mobile .main-nav .nav-item .nav-mobile-trigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: center;
}
.nav-mobile .main-nav .nav-item .dropdown-menu {
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav-mobile .main-nav .nav-item .dropdown-menu.show {
  position: relative !important;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  top: 0 !important;
  left: 0 !important;
}
.nav-mobile .main-nav .nav-item .dropdown-menu .dropdown-menu {
  left: 0 !important;
  top: 0;
  z-index: 1;
}
.offcanvas-login-register,
.offcanvas-mobile-menu {
  overflow-y: scroll;
}
.offcanvas-login-register .btn-close,
.offcanvas-mobile-menu .btn-close {
  background: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* das ist ohne bootstrap */
.offcanvas-mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  max-width: 85%;
  height: 100vh;
  background: #fff;
  transform: translateX(-100%);
  transition: transform 0.35s ease;
  z-index: 1045;
  overflow-y: auto;
}

.offcanvas-mobile-menu.is-open {
  transform: translateX(0); visibility: visible;
}

.offcanvas-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}

.offcanvas-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

body.menu-open {
  overflow: hidden;
}

.dropdown-menu {
  /*display: none;*/
}

.menu-item-has-children.is-open > .dropdown-menu {
  display: block;
}
.property-lightbox .modal-header {
  background-color: #2d2d2d;
  color: #fff;
}
@media (max-width: 767.98px) {
  .property-lightbox .modal-header {
    border-radius: 0;
    border-bottom: 1px solid #5c6872;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 15px;
    height: 50px;
  }}
.widget-wrap {
  background-color: #fff;
}
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information) {
  list-style: none;
}
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  ul {
  padding-left: 20px;
}
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li {
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 0;
}
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li
  a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li
  a
  .houzez-icon {
  padding-right: 4px;
  font-size: 10px;
}
.widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs):not(.agent-information)
  li
  span {
  color: #636363;
}
.footer-top-wrap {
  padding: 100px 0 70px;
}
@media (max-width: 767.98px) {
  .footer-top-wrap {
    padding: 50px 30px 30px;
  }}
.footer-top-wrap .widget-wrap {
  background-color: transparent;
  border: none;
  padding: 0 !important;
}
.footer-social a {
  text-decoration: none;
}
.back-to-top-wrap {
  position: fixed;
  left: auto;
  right: 30px;
  bottom: 30px;
  z-index: 99;
}
@media (max-width: 767.98px) {
  .back-to-top-wrap {
    right: 15px;
    bottom: 15px;
  }}
.back-to-top-wrap .btn-back-to-top {
  width: 42px;
  height: 42px;
  line-height: 42px;
  padding: 0;
}
.lb-nav a.lb-prev:hover {
  opacity: 1;
}
.lb-nav a.lb-next:hover {
  opacity: 1;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  opacity: 1;
}
.login-register-form .modal-header {
  overflow: hidden;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.login-register-form .modal-header .close {
  padding: 6px 20px;
  color: #fff;
  font-size: 20px;
  opacity: 1;
  text-shadow: none;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.login-register-form .modal-header .close span {
  top: -4px;
}
.login-register-form .modal-header .login-register-tabs .nav-link,
.login-register-form .modal-header .login-register-tabs .nav-tabs {
  border: none;
}
.login-register-form .modal-header .login-register-tabs .nav-link {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.2);
  padding: 15px 30px;
  color: #fff;
}
.login-register-form .modal-header .login-register-tabs .nav-link:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
a:active,
a:focus,
a:hover,
button:active,
button:focus,
button:hover,
input:active,
input:focus,
input:hover {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.form-control:focus {
  outline: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select .dropdown-toggle::after {
  font-family: houzez-iconfont;
  border-style: none;
}
.bootstrap-select .dropdown-toggle::after {
  content: "";
  font-size: 10px;
  font-weight: 700;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: 0;
}
.dropdown-toggle::after {
  margin-left: 15px;
}
.dropdown-item {
  text-align: left;
}
.bootstrap-select .dropdown-menu {
  min-width: 220px;
}
.nav-link,
a,
a:hover {
  color: #00aeff;
}
.control input:checked ~ .control__indicator,
.login-register-form .modal-header {
  background-color: #00aeff;
}
.control input:checked ~ .control__indicator {
  border-color: #00aeff;
}
.btn-primary {
  color: #fff;
  background-color: #00aeff;
  border-color: #00aeff;
}
.btn-primary:focus,
.btn-primary:focus:active {
  color: #fff;
  background-color: #00aeff;
  border-color: #00aeff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #33beff;
  border-color: #33beff;
}
.btn-primary:active,
.btn-primary:not(:disabled):not(:disabled):active {
  color: #fff;
  background-color: #33beff;
  border-color: #33beff;
}
.header-v3 .header-top .header-contact-wrap,
.header-v3 .header-top .header-inner-wrap {
  height: 80px;
  line-height: 80px;
}
.header-v3 .header-bottom .header-inner-wrap {
  height: 54px;
}
.header-v3 .header-bottom .header-inner-wrap .nav-link {
  line-height: 54px;
}
.main-wrap,
body {
  background-color: #f8f8f8;
}
.bootstrap-select .text,
.form-control,
.login-register-form .modal-header .login-register-tabs .nav-link.active,
body {
  color: #222;
}
.main-nav .navbar-nav .nav-item .dropdown-menu {
  background-color: #fff;
}
.main-nav .navbar-nav .nav-item .nav-item a {
  color: #004274;
  border-bottom: 1px solid #dce0e0;
}
.main-nav .navbar-nav .nav-item .nav-item a:active,
.main-nav .navbar-nav .nav-item .nav-item a:hover {
  color: #00aeff;
}
.header-v3 .header-top {
  background-color: #004274;
}
.header-v3 .header-bottom {
  background-color: #004274;
}
.header-v3 .header-contact,
.header-v3-mobile {
  background-color: #00aeff;
  color: #fff;
}
.header-v3 .header-bottom,
.header-v3 .navbar-nav > li,
.header-v3 .navbar-nav > li:first-of-type {
  border-color: rgba(0, 174, 239, 0.2);
}
.header-v3 a {
  color: #fff;
}
.header-v3 a:active,
.header-v3 a:hover {
  color: #00aeff;
  background-color: rgba(0, 174, 255, 0.1);
}
.header-mobile {
  background-color: #004274;
}
.header-mobile .toggle-button-left {
  color: #fff;
}
.nav-mobile .main-nav,
.nav-mobile .navi-login-register {
  background-color: #fff;
}
.nav-mobile .main-nav .nav-item a,
.navi-login-register .main-nav .nav-item a {
  color: #004274;
  border-color: #dce0e0;
  background-color: #fff;
}
.bootstrap-select .dropdown-item:focus,
.bootstrap-select .dropdown-item:hover {
  background-color: rgba(0, 174, 255, 0.1);
}
.footer-top-wrap {
  background-color: #004274;
}
.footer-bottom-wrap {
  background-color: #00335a;
}
.footer-bottom-wrap,
.footer-bottom-wrap a,
.footer-top-wrap,
.footer-top-wrap .form-tools .control,
.footer-top-wrap
  .widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs)
  li
  span,
.footer-top-wrap a {
  color: #fff;
}
.footer-bottom-wrap a:hover,
.footer-top-wrap a:hover {
  color: #00aeff;
}
body {
 
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  text-transform: none;
}
b,
label,
strong {
  font-weight: 700;
}
.dropdown-menu,
.main-nav {
 
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 
  font-weight: 700;
  text-transform: inherit;
}
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
body {
 
  font-size: 15px;
 
  line-height: 25px;
  text-align: left;
  text-transform: none;
}
.main-nav,
.dropdown-menu {
 
  font-size: 16px;
 
  text-align: left;
  text-transform: none;
}
.btn,
.form-control,
.bootstrap-select .text {
  font-family:;
  font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:;
  font-weight: 500;
  text-transform: capitalize;
}
.footer-wrap {
  font-family:;
  font-size: 14px;
  font-weight:;
  line-height: 25px;
  text-align: left;
  text-transform: none;
}
body,
#main-wrap {
  background-color: #ffffff;
  display: flex; flex-direction: column;  
}
body,
.form-control,
.bootstrap-select .text,
.login-register-form .modal-header .login-register-tabs .nav-link.active {
  color: #222;
}
a,
a:hover,
a:active,
a:focus {
  color: #00aeff;
}
.control input:checked ~ .control__indicator,
.login-register-form .modal-header {
  background-color: #00aeff;
}
.control input:checked ~ .control__indicator {
  border-color: #00aeff;
}
.btn-primary {
  color: #fff;
  background-color: #00aeff;
  border-color: #00aeff;
}
.btn-primary:focus,
.btn-primary:focus:active {
  color: #fff;
  background-color: #00aeff;
  border-color: #00aeff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #33beff;
  border-color: #33beff;
}
.btn-primary:active,
.btn-primary:not(:disabled):not(:disabled):active {
  color: #fff;
  background-color: #33beff;
  border-color: #33beff;
}
.header-contact-right a:hover,
header-contact-right a:active {
  color: #004274;
}
.header-v3 .header-contact-right a:hover,
.header-v3 .header-contact-right a:active {
  background-color: transparent;
}
.header-v3 .header-top {
  background-color: #004274;
}
.header-v3 .header-bottom {
  background-color: #00aeff;
}
.header-v3 .header-contact,
.header-v3-mobile {
  background-color: #00aeff;
  color: #fff;
}
.header-v3 .header-bottom,
.header-v3 .navbar-nav > li,
.header-v3 .navbar-nav > li:first-of-type {
  border-color: rgba(0, 174, 255, 0);
}
.header-v3 a,
.header-v3 .header-contact-right a:hover,
.header-v3 .header-contact-right a:active {
  color: #fff;
}
.header-v3 a:hover,
.header-v3 a:active {
  color: #00aeff;
  background-color: rgba(237, 249, 255, 1);
}
.header-mobile {
  background-color: #fff;
}
.header-mobile .toggle-button-left {
  color: #000;
}
.nav-mobile .main-nav,
.nav-mobile .navi-login-register {
  background-color: #fff;
}
.nav-mobile .main-nav .nav-item .nav-item a,
.nav-mobile .main-nav .nav-item a,
.navi-login-register .main-nav .nav-item a {
  color: #004274;
  border-bottom: 1px solid #dce0e0;
  background-color: #fff;
}
.main-nav .navbar-nav .nav-item .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.95);
}
.main-nav .navbar-nav .nav-item .nav-item a {
  /* color: #222; */
  border-bottom: 1px solid #dce0e0;
}
.main-nav .navbar-nav .nav-item .nav-item a:hover,
.main-nav .navbar-nav .nav-item .nav-item a:active {
  color: #00aeff;
}
.footer-top-wrap {
  background-color: #fff;
}
.footer-bottom-wrap {
  background-color: #fff;
}
.footer-top-wrap,
.footer-top-wrap a,
.footer-bottom-wrap,
.footer-bottom-wrap a,
.footer-top-wrap .form-tools .control,
.footer-top-wrap
  .widget
  ul:not(.item-amenities):not(.item-price-wrap):not(.contact-list):not(
    .dropdown-menu
  ):not(.nav-tabs)
  li
  span {
  color: #1c2d41;
}
.footer-top-wrap a:hover,
.footer-bottom-wrap a:hover {
  color: rgba(0, 174, 255, 1);
}
.logo img {
  top: 0;
}
.header-mobile {
  //background: linear-gradient(to right, white 50%, #004274 50%);
  //background: linear-gradient(left, white, #004274);
  //background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 15%,
    rgba(0, 66, 116, 1) 75%,
    rgba(0, 66, 116, 1) 100%
  );
}
.header-v3 .header-top {
  background-color: #fff;
}
.header-v3 .header-contact,
.header-v3-mobile {
  background-color: #fff;
  color: #222;
}
.header-v3 .header-top .header-inner-wrap,
.header-v3 .header-top .header-contact-wrap {
  height: 95px;
  line-height: 95px;
}
.header-v3 .header-bottom {
  border-top: 0 solid;
  border-bottom: 0 solid;
}
.header-v3 .header-bottom .header-inner-wrap {
  line-height: 56px;
  height: 56px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .header-main-wrap .header-desktop.header-v3 .header-top .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
  }
  .header-main-wrap .header-desktop.header-v3 .header-bottom .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
  }}
@media (max-width: 991px) {
  .header-v3 .header-contact,
  .header-v3-mobile {
    background-color: #00aeff;
    color: #fff;
  }
  .header-v3 .header-contact-right a {
    color: #ffffff !important;
  }
  .header-v3 .header-contact-right a:hover {
    color: #004274 !important;
  }}
.header-v3 .header-contact-right a {
  color: #00aeff;
}
.header-v3 .header-contact-right a:hover {
  color: #00aeff;
}
h1,
h2,
h3 {
  text-transform: none !important;
}
.nav-link {
  font-weight: 500 !important;
  font-size: 90%;
}
.dropdown-item {
  font-weight: 500 !important;
  font-size: 90%;
}
body {
  /* font-family: robotolight, arial; */
}
.navbar {
  /* font-family: robotomedium, arial; */
}
.footer-wrap {
  /* font-family: robotolight, arial; */
}
h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: robotomedium, arial; */
}
.header-desktop .header-top {
  min-height: 115px;
}
.header-desktop .header-top img {
  margin-top: 5px;
}
.footer-social i {
  font-size: 25px !important;
  color: #00aeff !important;
}
.header-v3 .header-bottom .header-inner-wrap .nav-link {
  line-height: 56px;
}
:root {
  --direction-multiplier: 1;
}
.elementor-screen-only {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: -10000em;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.elementor *,
.elementor :after,
.elementor :before {
  box-sizing: border-box;
}
.elementor a {
  box-shadow: none;
  text-decoration: none;
}
.elementor img {
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  max-width: 100%;
}
.elementor-element {
  --flex-direction: initial;
  --flex-wrap: initial;
  --justify-content: initial;
  --align-items: initial;
  --align-content: initial;
  --gap: initial;
  --flex-basis: initial;
  --flex-grow: initial;
  --flex-shrink: initial;
  --order: initial;
  --align-self: initial;
  align-self: var(--align-self);
  flex-basis: var(--flex-basis);
  flex-grow: var(--flex-grow);
  flex-shrink: var(--flex-shrink);
  order: var(--order);
}
.elementor-element:where(.elementor-widget) {
  align-content: var(--align-content);
  align-items: var(--align-items);
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  gap: var(--row-gap) var(--column-gap);
  justify-content: var(--justify-content);
}
:root {
  --page-title-display: block;
}
.elementor-section {
  position: relative;
}
.elementor-section .elementor-container {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 1024px) {
  .elementor-section .elementor-container {
    flex-wrap: wrap;
  }}
.elementor-widget-wrap {
  align-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}
.elementor-widget-wrap > .elementor-element {
  width: 100%;
}
.elementor-widget {
  position: relative;
}
.elementor-column {
  display: flex;
  min-height: 1px;
  position: relative;
}
.elementor-column-gap-default
  > .elementor-column
  > .elementor-element-populated {
  padding: 10px;
}
@media (min-width: 768px) {
  .elementor-column.elementor-col-100 {
    width: 100%;
  }}
@media (max-width: 767px) {
  .elementor-column {
    width: 100%;
  }}
@media (min-width: 1025px) {
  #elementor-device-mode:after {
    content: "desktop";
  }}
@media (max-width: 1024px) {
  #elementor-device-mode:after {
    content: "tablet";
  }}
@media (max-width: 767px) {
  #elementor-device-mode:after {
    content: "mobile";
  }}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }}
.elementor-button:focus,
.elementor-button:hover,
.elementor-button:visited {
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  html * {
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }}
.elementor-kit-19730 {
  --e-global-color-primary: #6ec1e4;
  --e-global-color-secondary: #54595f;
  --e-global-color-text: #7a7a7a;
  --e-global-color-accent: #61ce70;
  --e-global-color-ff84b1e: #1d70d3;
  --e-global-color-5156e23: #000000;
  --e-global-color-e174e74: #00aeef;
  --e-global-color-4fbe896: #35bff3;
  --e-global-color-e985d97: #dfeef5;
  --e-global-color-228bfa0: #ffffff;
  --e-global-color-4fe459e: #f7f8f9;
  --e-global-typography-primary-font-family: "Roboto";
  --e-global-typography-primary-font-size: 26px;
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-primary-text-transform: none;
  --e-global-typography-primary-font-style: normal;
  --e-global-typography-secondary-font-family: "Roboto";
  --e-global-typography-secondary-font-size: 20px;
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-secondary-text-transform: none;
  --e-global-typography-secondary-font-style: normal;
  --e-global-typography-text-font-family: "Roboto";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Roboto";
  --e-global-typography-accent-font-weight: 500;
  background-color: #dfeef5;
}
.elementor-element {
  --widgets-spacing: 20px 20px;
  --widgets-spacing-row: 20px;
  --widgets-spacing-column: 20px;
}
:root {
  --swiper-theme-color: #007aff;
}
:root {
  --swiper-navigation-size: 44px;
}
.elementor-element {
  --swiper-theme-color: #000;
  --swiper-navigation-size: 44px;
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-horizontal-gap: 6px;
}
.sticky-nav-area {
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.sticky-headermobile {
  transform: translateY(30);
  transition: all 0.3s ease;
}

.houzez-in-view {
  opacity: 1;
  position: fixed !important;
  visibility: visible;
  transition: all 0.8s ease;
  transform: translate(0, 0) scale(1);

}

#scroll-top {
    opacity: 0;
    transition: opacity 0.3s ease;
    display: block !important;
}
#scroll-top.visible {
    opacity: 1;
}:root {
    --blue: #00aeef;
    --blue-700: #007cae;
    --blue-900: #064b6b;
    --blue-soft: #eefaff;
    --ink: #17212b;
    --muted: #65727f;
    --line: #e5e7eb;
    --silver: #f3f4f6;
    --white: #fff;
    --warm: #faf8f4;
    --max: 1280px;
    --max:1170px;
    --text: 720px;
    --radius: 28px;
    --shadow: 0 20px 60px rgba(20, 40, 55, .08);
    --ease: cubic-bezier(.22, 1, .36, 1)
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: Inter, system-ui, sans-serif;
    color: var(--ink);
    font-size: 17px;
    line-height: 1.7;
    background: #fff
}

img {
    display: block;
    max-width: 100%
}

a {
    text-decoration: none;
    color: inherit
}

button {
    font: inherit
}
main { overflow: hidden;}
.wrap {
    width: min(calc(100% - 48px), var(--max));
    margin: auto
}

.section {
    padding: clamp(88px, 10vw, 150px) 0
}
.section--white {
  background: var(--white);
}
.section--soft {
    background: var(--blue-soft)
}

.section--silver {
    background: var(--silver)
}

.section--warm {
    background: var(--warm)
}

h1,
h2,
h3 {
    margin: 0 0 22px;
    line-height: 1.05;
    letter-spacing: -.04em;
    text-wrap: balance
}

h1 {
    font-size: clamp(52px, 6.4vw, 92px);
    max-width: 950px;


        font-size: clamp(42px, 4.6vw, 68px);
    line-height: 1.06;
    letter-spacing: -0.035em;

}

h2 {
    font-size: clamp(38px, 4.5vw, 64px);
    max-width: 900px
}

h3 {
    font-size: clamp(23px, 2.2vw, 31px);
    letter-spacing: -.025em
}

p {
    margin: 0 0 20px;
    color: var(--muted)
}

.lead {
    font-size: clamp(20px, 2vw, 25px);
    line-height: 1.55;
    max-width: 760px
}

.signature {
    display: block;
    width: 72px;
    height: 3px;
    background: var(--blue);
    margin-bottom: 30px;
    border-radius: 9px
}

.section-head {
    max-width: 900px;
    margin-bottom: clamp(45px, 6vw, 78px)
}

.section-head.center {
    margin-inline: auto;
    text-align: center
}

.section-head.center .signature {
    margin-inline: auto
}

.btn:not(#scroll-top) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 24px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid transparent;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.btn-back-to-top {
    /* display: inline-flex;
    align-items: center;
    justify-content: center; */
    min-height: 42px;
    /*padding: 0 24px;
    padding-left:21px;*/
    text-align: center;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid transparent;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.btn--blue {
    background: var(--blue);
    color: #fff
}

.btn--blue:hover {
    background: #0098d1;
    color: var(--white);
}

.btn--white {
    background: #fff;
    color: var(--ink)
}

.btn--light {
    background: rgba(255, 255, 255, .94);
    color: var(--ink)
}

.btn--light:hover {
    background: #fff
}

.btn--ghost {
    color: #fff;
    border-color: rgba(255, 255, 255, .65)
}

.btn--contact {
    min-height: 48px;
    padding-inline: 22px;
    background: #fff;
    color: #07577b;
    font-weight: 600
}

.btn--contact:hover {
    background: #eefaff
}

.actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 34px
}

.icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--blue-soft);
    color: var(--blue)
}

.icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round
}

.eyebrow-demo {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--blue);
    font-weight: 800
}

.note {
    font-size: 14px;
    color: #89939c
}

.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(45px, 8vw, 110px);
    align-items: center
}

.media {
    overflow: hidden;
    border-radius: var(--radius)
}

.media img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.media--43 {
    aspect-ratio: 4/3
}
.elementor .media--43 img, .media--43 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.media--wide {
    aspect-ratio: 16/9
}

@media(max-width:800px) {
    .grid-2 {
        grid-template-columns: 1fr
    }

    .section {
        padding: 80px 0
    }

    .actions {
        flex-direction: column
    }

    .actions .btn {
        width: 100%
    }
}
@media (max-width: 700px) {
    h1 {
        font-size: clamp(36px, 10vw, 46px);
    }
}

/* components css */
.hero {
    position: relative;
    min-height: clamp(552px, 67vh, 720px);
    display: flex;
    align-items: center;
    color: #fff;
    overflow: hidden;
          background-size: cover;
    background-repeat: no-repeat;
}

.hero:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 48, 74, .88) 0%, rgba(0, 115, 171, .58) 38%, rgba(0, 174, 239, .16) 67%, transparent 88%)
}

.hero .wrap {
    position: relative;
    z-index: 2;
    padding-top: 90px; padding-top: 45px;
}

.hero h1 {
    color: #fff
}

.hero p {
    max-width: 700px;
    color: rgba(255, 255, 255, .92);
    font-size: clamp(19px, 2vw, 24px)
}

.quick {
    position: relative;
    z-index: 3;
    margin-top: -45px
}

.quick-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border-radius: 26px;
    box-shadow: var(--shadow);
    overflow: hidden
}

.quick a {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    grid-template-rows: auto auto;
    gap: 2px 17px;
    align-items: center;
    padding: 27px 25px;
    transition: background .2s ease
}

.quick a+a {
    border-left: 1px solid #edf0f2
}

.quick a:hover {
    background: var(--blue-soft)
}

.quick-no {
    grid-row: 1/3;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #bfeafb;
    letter-spacing: -.05em
}

.quick b {
    font-size: 16px;
    line-height: 1.2
}

.quick small {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.3
}

.quick em {
    grid-column: 3;
    grid-row: 1/3;
    color: var(--blue);
    font-style: normal
}
.widerrufbtn {
  color:var(--blue) !important;
}
.widerrufbtn:hover{
  text-decoration: underline;
}
.editorial-number {
    font-size: clamp(80px, 12vw, 180px);
    font-weight: 800;
    line-height: .8;
    letter-spacing: -.08em;
    color: #dff5fd
}

.feature-row {
    display: grid;
    grid-template-columns: .82fr 1.18fr;
    gap: clamp(45px, 8vw, 110px);
    align-items: center
}

.feature-row.reverse {
    grid-template-columns: 1.18fr .82fr
}

.feature-row.reverse .feature-media {
    order: 2
}

.feature-media {
    overflow: hidden;
    border-radius: var(--radius);
    aspect-ratio: 4/3
}

.feature-media img {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.feature-copy {
    max-width: 560px
}

.chapter-mark {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px
}

.chapter-mark span {
    font-size: 14px;
    font-weight: 700;
    color: var(--blue);
    letter-spacing: .08em
}

.chapter-mark i {
    display: block;
    width: 66px;
    height: 2px;
    background: var(--blue)
}

.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line)
}

.stat {
    padding: 38px 28px
}

.stat+.stat {
    border-left: 1px solid var(--line)
}

.stat strong {
    display: block;
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1;
    color: var(--ink);
    letter-spacing: -.05em
}

.stat span {
    display: block;
    margin-top: 10px;
    color: var(--muted);
    font-size: 14px
}

.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.card {
    padding: 36px;
    border-radius: var(--radius);
    background: #fff;
    box-shadow: 0 12px 40px rgba(25, 45, 60, .055);
    transition: .25s var(--ease)
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow)
}

.card .icon {
    margin-bottom: 30px
}

.statement {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    background: url('../img/lifestyle.jpg') center/cover no-repeat;
    color: #fff
}

.statement:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(7, 42, 62, .82), rgba(7, 42, 62, .25))
}

.statement .wrap {
    position: relative;
    z-index: 2
}

.statement blockquote {
    max-width: 900px;
    margin: 0;
    font-size: clamp(38px, 5vw, 70px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.045em
}

.process {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px
}

.step {
    padding: 30px 10px 10px
}

.step b {
    font-size: 54px;
    color: #cdeffc;
    line-height: 1
}

.step h3 {
    margin-top: 26px
}

.step p {
    font-size: 15px
}

.testimonial {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 60px;
    align-items: center
}

.quote-card {
    padding: clamp(36px, 5vw, 64px);
    border-radius: var(--radius);
    background: #fff;
    box-shadow: var(--shadow)
}

.quote-card .stars {
    color: var(--blue);
    letter-spacing: .15em
}

.quote-card blockquote {
    margin: 25px 0;
    font-size: clamp(24px, 2.7vw, 36px);
    line-height: 1.4;
    letter-spacing: -.025em
}

.faq {
    border-top: 1px solid var(--line)
}

.faq-item {
    border-bottom: 1px solid var(--line)
}

.faq-btn {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    padding: 27px 0;
    border: 0;
    background: transparent;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink)
}

.faq-plus {
    color: var(--blue);
    font-size: 26px
}

.faq-answer {
    display: none;
    max-width: 800px;
    padding: 0 0 28px
}

.faq-item.open .faq-answer {
    display: block
}

.contact {
    position: relative;
    overflow: hidden;
    padding: clamp(76px, 8vw, 112px) 0;
    color: #fff;
    background: linear-gradient(115deg, #07577b 0%, #009ed8 56%, #00aeef 100%)
}

.contact:after {
    content: none
}

.contact-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: clamp(50px, 8vw, 110px)
}

.contact h2 {
    max-width: 650px;
    font-size: clamp(38px, 4vw, 56px);
    color: #fff
}

.contact p {
    color: #fff
}

.form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}

.form input,
.form textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    background: #fff;
    line-height: none;
}

.form textarea,
.form .full {
    grid-column: 1/-1
}

.form textarea {
    min-height: 140px
}
.form-cell {
    min-width: 0;
}
.form-cell--full {
    grid-column: 1 / -1;
}
.palette {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px
}

.swatch {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: #fff
}

.swatch-color {
    height: 105px
}

.swatch div:last-child {
    padding: 15px;
    font-size: 13px
}

.type-demo {
    display: grid;
    gap: 34px
}

.type-row {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--line)
}

.type-row small {
    display: block;
    color: var(--blue);
    font-weight: 700;
    margin-bottom: 10px
}

.type-hero {
    font-size: clamp(42px, 6vw, 80px);
    font-weight: 800;
    line-height: 1
}

.type-h2 {
    font-size: clamp(34px, 4vw, 56px);
    font-weight: 750;
    line-height: 1.1
}

@media(max-width:1024px) {

    .quick-grid,
    .stats {
        grid-template-columns: repeat(2, 1fr)
    }

    .quick a:nth-child(3),
    .stat:nth-child(3) {
        border-left: 0
    }

    .quick a:nth-child(n+3),
    .stat:nth-child(n+3) {
        border-top: 1px solid var(--line)
    }

    .cards {
        grid-template-columns: repeat(2, 1fr)
    }

    .process {
        grid-template-columns: repeat(2, 1fr)
    }

    .testimonial,
    .contact-grid {
        grid-template-columns: 1fr
    }

    .orientation-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:700px) {
    .quick {
        margin-top: -25px
    }

    .quick-grid,
    .stats,
    .cards,
    .process,
    .palette {
        grid-template-columns: 1fr
    }

    .quick a+a,
    .stat+.stat {
        border-left: 0;
        border-top: 1px solid var(--line)
    }

    .feature-row,
    .feature-row.reverse {
        grid-template-columns: 1fr
    }

    .feature-row.reverse .feature-media {
        order: 0
    }

    .orientation-grid {
        grid-template-columns: 1fr
    }

    .form {
        grid-template-columns: 1fr
    }

    .form textarea,
    .form .full {
        grid-column: auto
    }
    .hero .wrap {
    
   
    padding-top: 40px
}
.hero:after {
 background: linear-gradient(90deg, rgba(4, 48, 74, .98) 0%, rgba(0, 115, 171, .68) 48%, rgba(0, 174, 239, .36) 100%);
    /* background: linear-gradient(90deg, rgba(4, 48, 74, .88) 0%, rgba(0, 115, 171, .58) 38%, rgba(0, 174, 239, .16) 67%, transparent 68%) */
}

}

.orientation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.orientation-card {
    min-height: 300px;
    padding: 38px;
    border-top: 1px solid var(--line);
    background: #fff
}

.orientation-card h3 {
    margin-top: 44px
}

.orientation-no {
    display: block;
    font-size: 58px;
    font-weight: 750;
    line-height: 1;
    color: #d4f1fb;
    letter-spacing: -.06em
}

.orientation-line {
    display: block;
    width: 88px;
    height: 3px;
    background: var(--blue);
    margin-top: 8px
}

.orientation-image {
    padding: 0 0 38px
}

.orientation-image h3,
.orientation-image p {
    margin-left: 38px;
    margin-right: 38px
}

.orientation-crop {
    height: 150px;
    overflow: hidden
}

.orientation-crop img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.contact-lead {
    max-width: 540px;
    font-size: 19px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .9)
}


/* Beginn contact  */
/* =========================================================
   STARTSEITE – KONTAKT CTA
   Testweise hier, später nach components.css
   ========================================================= */

.mentor-cta {
    padding: clamp(75px, 9vw, 115px) 0;
    color: #fff;
    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(79, 220, 255, .18),
            transparent 27%
        ),
        linear-gradient(135deg, #052f49, #006b98);
}

.mentor-cta__grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 70px;
    align-items: center;
}

.mentor-cta h2 {
    color: #fff;
}

.mentor-cta__copy > p {
    max-width: 690px;
    color: rgba(255, 255, 255, .82);
}


/* Ansprechpartnerin */

.mentor-cta__person {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0;
    border: 0;
    background: transparent;
}

.mentor-cta__portrait {
    flex: 0 0 124px;
    width: 124px;
    height: 124px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .25);
}

.mentor-cta__portrait img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center 6%;
}

.mentor-cta__person small,
.mentor-cta__person strong,
.mentor-cta__person span {
    display: block;
}

.mentor-cta__person small {
    color: #8ce7ff;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.mentor-cta__person strong {
    margin-top: 5px;
    font-size: 20px;
}

.mentor-cta__person span {
    margin-top: 4px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.4;
}


/* Aktionen */

.mentor-cta .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}


/* Erster Button – weiß */

.mentor-cta .btn--contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 24px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #fff;
    color: #075277;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.mentor-cta .btn--contact:hover,
.mentor-cta .btn--contact:focus-visible {
    background: #f2fbff;
    border-color: #f2fbff;
    color: #0077a8;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .15);
}


/* WhatsApp – Dittrich-Blau */

.mentor-cta .btn--whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 14px 24px;
    border: 2px solid #00AEEF;
    border-radius: 999px;
    background: #00AEEF;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 174, 239, .20);
    transition:
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.mentor-cta .btn--whatsapp svg {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    color: #fff;
}

.mentor-cta .btn--whatsapp:hover,
.mentor-cta .btn--whatsapp:focus-visible {
    background: #008fc5;
    border-color: #008fc5;
    color: #fff;
    box-shadow: 0 10px 28px rgba(0, 174, 239, .30);
}

.mentor-cta .btn--whatsapp:hover svg,
.mentor-cta .btn--whatsapp:focus-visible svg {
    color: #fff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .mentor-cta__grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .mentor-cta__copy {
        max-width: 760px;
    }
}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media (max-width: 767px) {

    .mentor-cta {
        padding: 68px 0;
    }

    .mentor-cta__grid {
        gap: 36px;
    }

    .mentor-cta .actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mentor-cta .actions .btn {
        width: 100%;
        justify-content: center;
    }

    .mentor-cta__person {
        gap: 16px;
        align-items: center;
    }

    .mentor-cta__portrait {
        flex: 0 0 96px;
        width: 96px;
        height: 96px;
    }

    .mentor-cta__portrait img {
        object-position: center 4%;
    }
}


/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 520px) {

    .mentor-cta__portrait {
        flex: 0 0 82px;
        width: 82px;
        height: 82px;
    }

    .mentor-cta__person strong {
        font-size: 18px;
    }
}
 /* =========================================================
   DITTRICH IMMOBILIEN
   FOOTER – BEREINIGTE FINALE VERSION
   ========================================================= */


/* =========================================================
   WIDGET-ABSTÄNDE
   ========================================================= */

.footer-dittrich-clean .footer-top-wrap .footer-widget {
    margin-bottom: 0 !important;
}

.footer-dittrich-clean .footer-top-wrap .footer-widget.widget_block {
    padding-bottom: 9px !important;
}

.footer-dittrich-clean .footer-top-wrap .footer-widget.widget_text {
    padding-top: 4px !important;
}


/* =========================================================
   ÜBERSCHRIFTEN
   etwas dunkler als bisher
   ========================================================= */

.footer-dittrich-clean .footer-top-wrap h5,
.footer-dittrich-clean .footer-top-wrap .wp-block-heading {
    margin-bottom: 0;

    color: #596970 !important;

    font-weight: 700;
}


/* =========================================================
   KONTAKT
   ========================================================= */

.footer-dittrich-clean .footer-address {
    margin-bottom: 0;

    color: #7d8b92;

    line-height: 1.65;
}


/* Firmenname etwas kräftiger */

.footer-dittrich-clean .footer-address strong {
    color: #65747b;

    font-weight: 700;
}


/*
   Margarete Dittrich + Straße + Ort
   nicht mehr so blass
*/

.footer-dittrich-clean .footer-address {
    color: #7d8b92 !important;
}


/* Telefon / E-Mail */

.footer-dittrich-clean .footer-contact-links {
    margin-top: 18px;
    margin-bottom: 0;

    line-height: 1.7;
}

.footer-dittrich-clean .footer-contact-links a {
    color: #788990 !important;

    text-decoration: none;

    opacity: 1 !important;

    transition: color .2s ease;
}

.footer-dittrich-clean .footer-contact-links a:hover,
.footer-dittrich-clean .footer-contact-links a:focus-visible {
    color: #007fae !important;

    opacity: 1 !important;
}


/* =========================================================
   IMMOBILIEN / INFORMATIONEN
   ========================================================= */

.footer-dittrich-clean .footer-link-list {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 9px;
}

.footer-dittrich-clean .footer-link-list a {
    color: #819096 !important;

    font-size: 13.5px;
    line-height: 1.45;

    text-decoration: none;

    opacity: 1 !important;

    transition:
        color .2s ease,
        transform .2s ease;
}

.footer-dittrich-clean .footer-link-list a:hover,
.footer-dittrich-clean .footer-link-list a:focus-visible {
    color: #007fae !important;

    opacity: 1 !important;

    transform: translateX(2px);
}


/* =========================================================
   WHATSAPP-KANAL
   ========================================================= */

.footer-dittrich-clean .footer-whatsapp-channel {
    display: grid;

    grid-template-columns:
        38px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 11px;

    width: 100%;
    max-width: 315px;

    margin-top: 24px;

    padding: 17px 0;


    text-decoration: none;

    opacity: 1 !important;
}


/* Icon */

.footer-dittrich-clean .footer-whatsapp-icon {
    display: grid;

    place-items: center;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: #00AEEF !important;

    color: #ffffff !important;

    box-shadow:
        0 7px 18px rgba(0,174,239,.18);

    transition:
        background .2s ease,
        transform .2s ease;
}

.footer-dittrich-clean .footer-whatsapp-icon svg {
    display: block;

    width: 21px;
    height: 21px;

    color: #ffffff !important;
}


/* Text */

.footer-dittrich-clean .footer-whatsapp-copy {
    min-width: 0;
}

.footer-dittrich-clean .footer-whatsapp-copy small,
.footer-dittrich-clean .footer-whatsapp-copy strong {
    display: block;
}

.footer-dittrich-clean .footer-whatsapp-copy small {
    margin-bottom: 2px;

    color: #7f8f96 !important;

    font-size: 10px;
    font-weight: 500;
    line-height: 1.3;
}

.footer-dittrich-clean .footer-whatsapp-copy strong {
    color: #697980 !important;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}


/* Pfeil */

.footer-dittrich-clean .footer-whatsapp-arrow {
    color: #84939a !important;

    font-size: 18px;
    line-height: 1;

    transition:
        color .2s ease,
        transform .2s ease;
}


/* WhatsApp Hover */

.footer-dittrich-clean .footer-whatsapp-channel:hover
.footer-whatsapp-icon,
.footer-dittrich-clean .footer-whatsapp-channel:focus-visible
.footer-whatsapp-icon {
    background: #0098d0 !important;

    transform: translateY(-1px);
}

.footer-dittrich-clean .footer-whatsapp-channel:hover
.footer-whatsapp-copy strong,
.footer-dittrich-clean .footer-whatsapp-channel:focus-visible
.footer-whatsapp-copy strong {
    color: #007fae !important;
}

.footer-dittrich-clean .footer-whatsapp-channel:hover
.footer-whatsapp-arrow,
.footer-dittrich-clean .footer-whatsapp-channel:focus-visible
.footer-whatsapp-arrow {
    color: #007fae !important;

    transform: translateX(3px);
}


/* =========================================================
   RECHTLICHES
   ========================================================= */

.footer-dittrich-clean .footer-legal-old {
    margin-top: 22px;
    margin-bottom: 0;

    color: #829198;

    font-size: 12px;
    line-height: 1.65;
}

.footer-dittrich-clean .footer-legal-old a {
    color: #829198 !important;

    font-size: 12px;
    line-height: 1.6;

    text-decoration: none;

    opacity: 1 !important;

    transition: color .2s ease;
}

.footer-dittrich-clean .footer-legal-old a:hover,
.footer-dittrich-clean .footer-legal-old a:focus-visible {
    color: #007fae !important;
}


/* Vertrag widerrufen wieder als Akzent */

.footer-dittrich-clean .footer-legal-old .widerrufbtn {
    color: #00AEEF !important;

    font-weight: 700;
}

.footer-dittrich-clean .footer-legal-old .widerrufbtn:hover,
.footer-dittrich-clean .footer-legal-old .widerrufbtn:focus-visible {
    color: #007fae !important;
}


/* =========================================================
   ÖFFNUNGSZEITEN
   Zeiten näher an die Bezeichnung
   ========================================================= */

.footer-dittrich-clean .footer-hours {
    display: flex;

    flex-direction: column;

    width: 100%;
}


/*
   Keine Verteilung mehr über die komplette Spaltenbreite.
   Beide Texte stehen direkt nebeneinander.
*/

.footer-dittrich-clean .footer-hours > div {
    display: grid;

    grid-template-columns:
        max-content
        max-content;

    justify-content: start;

    align-items: baseline;

    column-gap: 7px;

    padding: 10px 0;
}


/* keine Trennlinie */

.footer-dittrich-clean .footer-hours > div {
    border-bottom: 0;
}

.footer-dittrich-clean .footer-hours > div:first-child {
    padding-top: 0;
}


/* Doppelpunkt automatisch hinzufügen */

.footer-dittrich-clean .footer-hours span::after {
    content: ":";
}


.footer-dittrich-clean .footer-hours span {
    color: #7e8d94 !important;

    font-size: 13px;
    line-height: 1.4;
}

.footer-dittrich-clean .footer-hours strong {
    color: #697980 !important;

    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;

    text-align: left;
}


/* Termin-Hinweis */

.footer-dittrich-clean .footer-hours-note {
    margin-top: 14px;
    margin-bottom: 0;

    color: #839198 !important;

    font-size: 12px;
    line-height: 1.5;
}


/* =========================================================
   FOOTER UNTEN
   ========================================================= */

.footer-dittrich-clean .footer-bottom-clean {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;
}


/* Copyright */

.footer-dittrich-clean .footer-bottom-clean
.footer-copyright p {
    margin: 0;

    color: #78888f !important;

    font-size: 12px;
}


/* =========================================================
   SOCIAL MEDIA
   ========================================================= */

.footer-dittrich-clean .footer-bottom-clean
.footer-social ul {
    display: flex;

    align-items: center;

    margin: 0;
}

.footer-dittrich-clean .footer-bottom-clean
.footer-social li:first-child {
    margin-left: 0 !important;
}

.footer-dittrich-clean .footer-bottom-clean
.footer-social li:last-child {
    margin-right: 0 !important;
}

.footer-dittrich-clean .footer-bottom-clean
.footer-social a {
    color: #00AEEF !important;

    opacity: 1 !important;
}

.footer-dittrich-clean .footer-bottom-clean
.footer-social a:hover,
.footer-dittrich-clean .footer-bottom-clean
.footer-social a:focus-visible {
    color: #007fae !important;

    opacity: 1 !important;
}

.footer-dittrich-clean .footer-bottom-clean
.footer-social i {
    margin-right: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .footer-dittrich-clean .footer-whatsapp-channel {
        max-width: 330px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .footer-dittrich-clean .footer-top-wrap .footer-widget {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-dittrich-clean .footer-link-list {
        gap: 8px;
    }

    .footer-dittrich-clean .footer-whatsapp-channel {
        width: 100%;
        max-width: 350px;
    }

    .footer-dittrich-clean .footer-hours {
        max-width: 370px;
    }

    .footer-dittrich-clean .footer-bottom-clean {
        flex-direction: column;

        align-items: flex-start;

        gap: 18px;
    }

}


/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 480px) {

    .footer-dittrich-clean .footer-whatsapp-channel {
        grid-template-columns:
            36px
            minmax(0, 1fr)
            auto;

        gap: 10px;
    }

    .footer-dittrich-clean .footer-whatsapp-icon {
        width: 36px;
        height: 36px;
    }

    .footer-dittrich-clean .footer-whatsapp-icon svg {
        width: 20px;
        height: 20px;
    }

    .footer-dittrich-clean .footer-whatsapp-copy strong {
        font-size: 12.5px;
    }

    .footer-dittrich-clean .footer-hours > div {
        column-gap: 6px;
    }

}