/*
Theme Name: Kittlaus-Theme
Theme URI: https://www.immobilien-kittlaus.de
Author: FARN digital brand design
Author URI: https://www.farn.de
Version: 1.0.3
Text Domain: kittlaus-theme
*/

html {
    box-sizing:border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga", "clig";
    -moz-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "lnum";
    -moz-font-feature-settings: "liga", "lnum";
    font-feature-settings: "liga", "lnum";
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
    margin-top: 0 !important;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}
body {
    margin: 0;
    padding: 0;
}

/* Headings */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color:inherit;
    text-decoration: none !important;
}
.archive.tax-ort h1.wp-block-post-title {
  text-align: center;
}

/* Lists */ 

.entry-content ul.wp-block-list li:not(:first-child),
.entry-content ol.wp-block-list li:not(:first-child) {
  margin-top: 0.5rem;
}
.wp-block-list li:last-child {
  padding-bottom: 0 !important;
}
ul.wp-block-list li::marker {
  color: var(--wp--preset--color--green);
}

ol.wp-block-list li::marker {
  color: var(--wp--preset--color--green);
  font-weight: 700;
}

.wp-block-list.is-style-steps-list {
  list-style-type: none;
  padding-left: 50px;
}
.wp-block-list.is-style-steps-list {
  list-style-type: none;
}
.wp-block-list.is-style-steps-list > li {
  counter-increment: customlistcounter;
  position: relative;
  padding-bottom: 1.3em;
}
.wp-block-list.is-style-steps-list > li::before {
  content: counter(customlistcounter);
  width: 35px;
  left: -50px;
  position: absolute;
  font-weight: bold;
  font-style: normal;
  height: 35px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--wp--preset--color--green);
  top: -6px;
  color: #fff;
  line-height: 33px;
}
.wp-block-list.is-style-steps-list:first-child {
  counter-reset: customlistcounter;
}

/* Grey group between centered Text */ 
*.has-text-align-center + .wp-block-group:has(+ *.has-text-align-center) {
  width: fit-content !important;
}


/* Links */ 
a:not(.wp-block-navigation-item__content):not(.wp-block-button__link) {
  text-decoration: none !important;
}
/*
@media (hover: hover) and (pointer: fine) {
    a:not(.wp-block-navigation-item__content):not(.wp-block-button__link):not(.link_wrapper):hover {
    text-decoration: underline !important;
  }
}
*/
a:not(.wp-block-navigation-item__content):not(.wp-block-button__link):active {
  text-decoration: underline !important;
}

/* header */
header {
  position: sticky;
  top: 0;
  z-index: 1001;
  width: 100%;
  background-color: #fff;
}
header > .wp-block-group:first-child {
  box-shadow: 0 0 40px rgba(0,0,0,0.15);
}
.wp-block-group:has(>.header-inner) {
  background-color: var(--wp--preset--color--white);
}
.header-inner {
  max-width: unset !important;
  width: 100% !important;
  position: relative;
  align-items: stretch;
}
.logged-in header {
  top: var(--wp-admin--admin-bar--height);
}
.head-logo {
  margin-left: 5vw !important;
}
.head-logo a {
  display: inline-block;
}
.head-logo a img {
  margin: 15px 0;
}

/* Buttons */
.wp-block-button.is-style-magnify-button > .wp-block-button__link,
.wp-block-button.is-style-key-button > .wp-block-button__link {
  position: relative;
  padding-left: 3.75em !important;
}

.wp-block-button.is-style-magnify-button > .wp-block-button__link::before,
.wp-block-button.is-style-key-button > .wp-block-button__link::before {
  content: "";
  position: absolute;
  left: 1.25em;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.45,12.65c-.65,1.11-1.3,2.23-1.96,3.34-.09.16-.19.32-.28.48-.22.37.36.71.58.34.65-1.12,1.3-2.23,1.96-3.34.09-.16.19-.32.28-.48.22-.37-.36-.71-.58-.34Z'/%3E%3Cpath d='M19.95,13.2l-1.71-3.89.61-.33c.21-.11.28-.37.18-.62-.03-.06-.05-.13-.08-.19-.11-.3-.25-.66-.63-.72l-3.72-.53c.24-1.32-.07-2.66-.86-3.7-.72-.95-1.8-1.6-2.96-1.78-1.23-.2-2.51.12-3.53.86-1.01.74-1.67,1.82-1.86,3.03-.02.16-.04.32-.05.48-.62.14-1.2.44-1.66.87-1.24,1.14-1.52,3.08-.66,4.55L.15,16.13c-.04.06-.08.13-.11.21-.08.21-.03.41.01.59l.02.07c.03.13.06.27.09.41.06.29.13.58.22.87.12.38.37.49.65.49.21,0,.43-.06.61-.11l.91-.26c.24-.07.45-.14.62-.4.17-.26.12-.48.06-.72l-.09-.39.22-.07s.07-.02.1-.03c.19-.05.42-.12.54-.31.11-.19.05-.43,0-.63,0-.04-.02-.07-.03-.1l-.05-.22.22-.07s.07-.02.11-.03c.19-.05.42-.12.53-.31.11-.19.05-.44,0-.63,0-.04-.02-.07-.03-.1l-.04-.21.22-.06s.08-.02.12-.03c.2-.05.43-.11.56-.29.16-.22.29-.46.42-.7l.05-.08s.04,0,.06,0c.81,0,1.62-.28,2.27-.79.05.17.13.34.22.51.04.08.08.15.11.22.09.2.35.28.53.22l.67-.23,1.74,3.96c.1.24.4.28.62.18l7.46-3.28c.24-.1.28-.4.19-.62ZM12.32,16.09l-1.49-3.38c-.06-.13-.12-.27-.17-.4l-.06-.15c-.08-.18-.34-.29-.53-.22l-.67.23-.02-.04.98-1.43c.56-.04,1.1-.18,1.61-.41.22-.1.44-.22.67-.38.09.05.19.08.28.1.1.02.2.03.32.02.14-.02.25-.05.38-.1.19-.08.36-.24.47-.43.25-.44.16-1.02-.22-1.35-.09-.08-.18-.14-.27-.18-.13-.06-.24-.09-.38-.1-.2-.02-.42.03-.61.13-.19.11-.36.28-.44.46-.04.09-.08.19-.1.3-.02.14-.02.26,0,.39,0,.01,0,.02,0,.03-.31.2-.64.35-.99.46l1.18-1.72c.08-.13.17-.25.26-.37,1.65.23,3.3.47,4.95.7l.54.08.02.05-.61.33c-.21.11-.28.37-.18.62l1.7,3.86-3.17,1.39h0s-3.45,1.51-3.45,1.51ZM3.8,14.28l.07.32-.22.07s-.07.02-.11.03c-.19.05-.42.12-.53.31-.11.19-.06.43,0,.63,0,.04.02.07.03.11l.05.22-.32.1c-.21.06-.5.14-.59.42-.06.18,0,.4.05.58.01.05.03.1.04.14.02.1.05.2.07.3h0s-1.11.33-1.11.33c0-.02-.01-.03-.02-.05-.01-.03-.02-.06-.02-.08l-.15-.64s-.02-.1-.03-.15c-.02-.1-.04-.19-.07-.29.07-.09.13-.21.19-.32.03-.06.06-.12.09-.17l2.75-4.69c.09-.15.08-.34,0-.47-.81-1.17-.65-2.71.38-3.65.3-.28.67-.48,1.07-.59.03.22.08.44.15.65-.43.42-.59,1.09-.38,1.65.23.64.84,1.06,1.5,1.06h0c.67,0,1.27-.44,1.5-1.08.24-.69-.06-1.49-.71-1.88-.33-.19-.71-.25-1.09-.18-.03-.11-.05-.21-.07-.33.42.02.82.14,1.18.33l.15.11v-.02c1.01.65,1.48,1.89,1.17,3.02-.35,1.29-1.61,2.13-2.98,2.01-.19-.03-.34.11-.41.23l-.5.85-.39.11s-.08.02-.13.03c-.18.04-.41.1-.54.24-.2.21-.13.51-.07.73ZM13.68,6.8l-1.27-.18c-.2-.03-.38.04-.5.21l-2.05,2.98s-.04,0-.06,0c.16-1.4-.5-2.78-1.7-3.54-.02-.02-.05-.04-.08-.06-.53-.3-1.13-.47-1.75-.49.08-.92.52-1.81,1.21-2.45,1.48-1.36,3.9-1.26,5.28.22.81.87,1.15,2.09.92,3.3ZM7.34,8.54s0,.04,0,.09c0,0,0,.02,0,.03-.23-.25-.43-.52-.6-.81h.02c.05.01.11.02.16.04l.16.09s.07.06.12.12l.03.04s.05.08.06.1c0,0,0,.02.01.04l.03.09h.13s0,0,0,0l-.12.04s0,.08,0,.12ZM6.49,9.16s-.05-.01-.09-.03c-.05-.03-.09-.05-.14-.08l-.06-.05s-.04-.04-.06-.07l-.02-.03s-.03-.05-.05-.08c0-.01-.01-.03-.02-.04v-.1h-.03s-.01-.05-.02-.08c0-.02,0-.04,0-.05,0-.05,0-.1,0-.13h0c.16.26.34.51.54.74-.02,0-.04,0-.06-.01Z'/%3E%3Cpath d='M15.19,10.56l-2.26.99.99,2.26,2.26-.99-.99-2.26Z'/%3E%3C/svg%3E");
}
.wp-block-file__button {
  background: transparent none;
  border-radius: 0;
  border: 2px solid var(--wp--preset--color--blue);
  color: var(--wp--preset--color--blue);
}
.wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-file__button {
  transition: background-color 0.3s ease, font-weight 0.3s ease;
}
.wp-block-button.is-style-transparent-button > .wp-block-button__link {
  background-color: transparent;
  color: var(--wp--preset--color--green);
  text-decoration: underline;
  padding: 0;
  transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .wp-block-button:not(.is-style-outline):not(.is-style-transparent-button) > .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--dark-green);
  }
  .wp-block-button.is-style-outline > .wp-block-button__link:hover,
  .wp-block-file__button:hover {
    background-color: var(--wp--preset--color--light-grey);
  }
  .wp-block-button.is-style-transparent-button > .wp-block-button__link:hover {
    color: var(--wp--preset--color--dark-green);
  }
}
.wp-block-button:not(.is-style-outline):not(.is-style-transparent-button) > .wp-block-button__link:active {
  background-color: var(--wp--preset--color--dark-green);
}
.wp-block-button.is-style-outline > .wp-block-button__link:active,
.wp-block-file__button:active {
  background-color: var(--wp--preset--color--light-grey);
}
.wp-block-button.is-style-transparent-button > .wp-block-button__link:active {
  color: var(--wp--preset--color--dark-green);
}


/* Lists */
ul.is-style-check-list {
  list-style: none;
  padding: 0;
}
ul.is-style-check-list li {
  padding-left: 2.5em;
  position: relative;
}
ul.is-style-check-list li:not(:last-child) {
  margin-bottom: 1.125em;
}
ul.is-style-check-list li::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  background-color: var(--wp--preset--color--green);
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath class='b' d='M6.57,13.1L16.79,2.89c.37-.37.81-.55,1.32-.55s.96.18,1.33.55c.37.38.55.82.55,1.33s-.18.96-.55,1.33l-11.52,11.55c-.39.38-.84.57-1.36.57s-.96-.19-1.34-.57L.56,12.43C.18,12.05,0,11.61,0,11.1c0-.51.2-.96.58-1.33.37-.37.81-.55,1.33-.55s.96.18,1.34.55l3.33,3.34Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* additional classes to show and hide elements on mobile and desktop */
.show-on-desktop {
  display: none;
}

/* menu */
.burgerbutton-menu {
  height: auto;
  margin-left: 0 !important;
  width: 100% !important;
}
.burgerbutton-menu > .acf-innerblocks-container {
  height: 100%;
}
.burgerbutton-menu > .acf-innerblocks-container > .wp-block-group {
  flex-direction: column;
  gap: 0;
  height: 100%;
}
.burgerbutton-menu > .acf-innerblocks-container > .wp-block-group > .wp-block-group {
  width: 100%;
}

.wp-block-group:has(>.wp-block-navigation) {
  display: flex;
  flex-direction: column;
}
.wp-block-group > .wp-block-navigation:nth-child(1) {
  order: 2;
}
.wp-block-group > .wp-block-navigation:nth-child(1) > ul > li:first-child > a {
  border-top: none;
}
.wp-block-navigation {
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  margin: 0 !important;
  max-width: none;
}
.wp-block-navigation:last-child > ul > li::after {
  content: ""; 
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  right: calc(5vw + 10px);
  background-color: var(--wp--preset--color--green);
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3E%3Cpath d='M11.7,17.9l8-13.9c.8-1.3-.2-3-1.7-3H2C.5,1.1-.5,2.7.3,4l8,13.9c.8,1.3,2.7,1.3,3.4,0h0Z'/%3E%3C/svg%3E"); 
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
  pointer-events: none;
  transition: background-color 0.3s ease;
}
.wp-block-navigation:last-child > ul > li.active::after {
  transform: rotate(90deg);
}
.wp-block-navigation:last-child > ul > li::before {
  content: ""; 
  position: absolute;
  display: block;
  width: calc(10vw + 30px);
  height: 100%;
  right: 0;
  background-color: var(--wp--preset--color--lightest-grey);
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .wp-block-navigation:last-child > ul > li:hover::before {
    background-color: var(--wp--preset--color--green);
  }
  .wp-block-navigation:last-child > ul > li:hover::after {
    background-color: var(--wp--preset--color--white);
  }
}
.wp-block-navigation:last-child > ul > li:active::before {
  background-color: var(--wp--preset--color--green);
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
  gap: 0;
  flex-direction: column;
}
.wp-block-navigation .wp-block-navigation-item {
  width: 100%;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child {
  flex-wrap: wrap;
  justify-content: center;
}
.wp-block-navigation ul > li {
  border-top: 1px solid #ddd;
}
.wp-block-navigation ul > li > a {
  padding: 1rem 5vw 1rem 5vw;
  width: calc(100% - 10vw - 30px);
  font-weight: 600;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > a {
  padding:1rem 5vw 1rem 5vw;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > .wp-block-navigation__submenu-icon svg path {
  stroke-width:1.2;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container {
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  border:none !important;
  padding:0;
  position: relative !important;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container > li > a {
  padding:1rem 10vw;
  font-size: 0.9em;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container > li:last-child > a {
  border-bottom: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
  width: 29px;
  height: 58px;
  margin: 0;
  box-sizing: content-box;
  position: absolute;
  right: 0;
  padding: 0 5vw 0 20px;
  z-index: 100;
  align-self: start;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  height: 16px;
  margin-top: 0;
}

.wp-block-navigation.top_menu .wp-block-navigation-item__content {
  color: var(--wp--preset--color--green);
  padding: 12px 5vw;
  display: flex;
  align-items: center;
}
.wp-block-navigation.main_menu .wp-block-navigation-item__content {
  color: var(--wp--preset--color--blue);
  font-weight: 700;
  padding: 12px 5vw;
  transition: color 0.3s ease;
}
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(1) > .wp-block-navigation-item__content::before,
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(2) > .wp-block-navigation-item__content::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: var(--wp--preset--color--green);
  mask-repeat: no-repeat;
  mask-position: center;
}
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(1) > .wp-block-navigation-item__content::before {
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.16,18.49c-2.04-.15-3.97-.65-5.8-1.5-1.83-.85-3.47-2-4.92-3.45-1.45-1.45-2.6-3.09-3.44-4.92-.84-1.83-1.34-3.76-1.49-5.8-.03-.35.07-.66.32-.92.24-.26.54-.39.9-.39h3.44c.29,0,.54.09.75.27.21.18.35.4.42.67l.61,2.71c.03.22.02.43-.04.63-.06.2-.16.37-.29.51l-2.45,2.48c.34.64.72,1.26,1.16,1.85.44.59.93,1.15,1.47,1.67.51.51,1.05.97,1.62,1.4.57.43,1.18.81,1.82,1.15l2.5-2.43c.13-.13.3-.23.51-.29.2-.06.41-.07.63-.04l2.71.58c.29.08.51.23.68.44.17.21.25.46.25.75v3.44c0,.35-.13.65-.4.9-.27.24-.58.35-.94.32Z'/%3E%3C/svg%3E");
}
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(2) > .wp-block-navigation-item__content::before {
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.5,3.75c-.33-.33-.73-.5-1.19-.5H2.69c-.46,0-.86.16-1.19.49-.33.33-.5.72-.5,1.19v10.13c0,.46.17.86.5,1.19.33.33.73.5,1.19.5h14.62c.46,0,.86-.16,1.19-.49.33-.33.5-.72.5-1.19V4.94c0-.46-.17-.86-.5-1.19ZM17.21,6.85c-.07.13-.17.24-.29.32l-6.47,3.7c-.07.05-.14.08-.22.11-.08.02-.15.04-.22.04-.08,0-.15-.01-.22-.04-.07-.02-.14-.06-.2-.11l-6.47-3.7c-.12-.08-.23-.18-.3-.32s-.12-.28-.12-.43c0-.33.15-.57.45-.73s.59-.15.89.02l5.98,3.42,6-3.45c.3-.17.6-.18.88-.02.29.16.43.41.43.74,0,.16-.04.3-.11.43Z'/%3E%3C/svg%3E");
}
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(1) > .wp-block-navigation-item__content > span,
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(2) > .wp-block-navigation-item__content > span {
  margin-left: 10px;
}
.burgerbutton-menu .wp-block-buttons {
  align-self: stretch;
  height: auto;
  transition: transform 0.3s ease;
}
.burgerbutton-menu .wp-block-buttons .wp-block-button {
  height: 100%;
  width: 100%;
}
header .wp-block-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (pointer: fine) and (hover: hover) {
  .wp-block-navigation.top_menu .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--dark-green);
  }
  .wp-block-navigation.main_menu .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--green)
  }
  .wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(1) > .wp-block-navigation-item__content:hover::after,
  .wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(2) > .wp-block-navigation-item__content:hover::after {
    background-color: var(--wp--preset--color--dark-green);
  }
}
.wp-block-navigation.top_menu .wp-block-navigation-item__content:active {
  color: var(--wp--preset--color--dark-green);
}
.wp-block-navigation.main_menu .wp-block-navigation-item__content:active {
  color: var(--wp--preset--color--green);
}
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(1) > .wp-block-navigation-item__content:active::before,
.wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(2) > .wp-block-navigation-item__content:active::before {
  background-color: var(--wp--preset--color--dark-green);
}

.burgerbutton-menu .wp-block-buttons .wp-block-button > .wp-block-button__link:active {
  background-color: var(--wp--preset--color--dark-green);
  font-weight: 700;
}

    @media only screen and (max-width: 989px) {
      /* HOVER DISABLE */
      .wp-block-navigation-submenu__toggle.visible svg {
        transform: rotate(180deg);
      }
      .wp-block-navigation-item.wp-block-navigation-submenu:hover > ul {
        display: none;
      }
      .wp-block-navigation-submenu__toggle.visible + ul {
        display: block;
      }
    }


/* Submenus */
header > .wp-block-group:first-child {
  z-index: 2;
}
header > .wp-block-group:not(:first-child) {
  width: 100% !important;
}
header > .wp-block-group:not(:first-child) > .wp-block-columns {
  width: 100% !important;
}
/* header > .wp-block-group:first-child > .wp-block-group > .burgerbutton-menu > .acf-innerblocks-container > .wp-block-group > .wp-block-group > .wp-block-navigation:last-child > ul > li > a {
  display: flex;
  gap: 1em;
  align-items: center;
} */

.submenu_container {
  position: absolute;
  height: auto;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: auto;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  max-height: 100vh;
}
.submenu {
  display: none;
}
.submenu.show_submenu {
  display: block;
}

.submenu > .wp-block-columns .wp-block-column:nth-child(2) > ul {
  list-style: none;
  padding: 0 !important;
}
.submenu > .wp-block-columns .wp-block-column:nth-child(2) > ul > li {
  padding: 0 !important;
}
.submenu > .wp-block-columns .wp-block-column:nth-child(2) > ul > li > a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  color: var(--wp--preset--color--black);
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}
.submenu > .wp-block-columns .wp-block-column:nth-child(2) > ul > li:first-child > a {
  border-top: 1px solid #ddd;
}
.submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns > .wp-block-column figure {
    height: 100% !important;
}
.submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns > .wp-block-column figure img {
    height: 100% !important;
}

@media (pointer: fine) and (hover: hover) {
  .submenu > .wp-block-columns .wp-block-column:nth-child(2) > ul > li > a:hover {
    font-weight: 600;
    text-decoration: none !important;
    color: var(--wp--preset--color--green);
  }
}
.submenu > .wp-block-columns .wp-block-column:nth-child(2) > ul > li > a:active {
  font-weight: 600;
  text-decoration: none !important;
  color: var(--wp--preset--color--green);
}

header .submenu * + .wp-block-list {
  margin-top: 20px;
}
header .submenu * + .wp-block-list a {
  padding: 5px 0;
  display: block;
  font-weight: 600;
}

/* widths / Main content */
main{
  margin: 0;
}
.main {
  width: 100% !important;
  max-width: none !important;
}
.alignfull {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  margin-top: 3rem;
}
.alignwide {
  width:90%;
  margin-left:auto;
  margin-right:auto;
 }
.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull {
  width:100%;
 }
.entry-content > :not(.alignwide):not(.alignfull),
.wp-block-cover.alignfull > .wp-block-cover__inner-container > :not(.alignwide):not(.alignfull),
.wp-block-group.alignfull > :not(.alignwide):not(.alignfull) {
  width:90%;
  margin-left:auto;
  margin-right:auto;
}
main > h1:first-child {
  margin-top: 3rem !important;
}

/* paddings and margins for alignfull blocks */
.wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull{
  padding:3rem 0;
}
.alignfull + * {
   margin-top: 3rem;
}
.alignfull + .alignfull,
.alignfull + footer {
  margin-top: 0 !important;
}
.entry-content > *:last-child:not(.alignfull) {
  margin-bottom: 3rem;
}
.entry-content:has(>.has-background:last-child) + footer {
  margin-top: 0;
}


/* Cover-blocks */
.wp-block-cover.alignfull.has-custom-content-position {
  padding:2rem !important;
}

/* Hero covers and columns */
.header-with-image-change > .wp-block-columns {
  max-width: 1200px;
}
.header-with-image-change > .wp-block-columns .wp-block-column:nth-child(1) {
  padding-top: 2rem !important;
}
.header-with-image-change > .wp-block-columns .wp-block-column:nth-child(1) > .wp-block-group > h1 {
  font-size: var(--wp--preset--font-size--x-large) !important;
}
.header-with-image-change > .wp-block-columns .wp-block-column:nth-child(1) > .wp-block-group > h2 {
  font-size: var(--wp--preset--font-size--small) !important;
}

.header-with-image-change > .wp-block-image {
    position: absolute;
    right:  -90px;
    bottom: 0;
    margin-bottom: 0;
}
.header-with-image-change > .wp-block-image img {
    aspect-ratio: 9 / 10 !important;
    min-width: 450px;
    height: auto;
}
.header-with-image-change > .wp-block-columns > .wp-block-column:first-child {
    padding-bottom: 2rem !important;
}
.header-with-image-change .wp-block-group:has(>.is-style-icon-group) {
    margin-top: 250px !important;
}

.entry-content > .wp-block-cover:first-child > .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns {
  width: 100% !important;
}

.wp-block-heading.is-style-line-at-bottom::after {
  content: "";
  position: relative;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 20%;
  background-color: var(--wp--preset--color--yellow);
  margin-top: 1rem;
  display: block;
}

.wp-block-heading.has-text-align-center.is-style-line-at-bottom::after {
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .wp-block-cover:first-child  > .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-group:has(figure + p) {
  aspect-ratio: 1;
  outline: 2px solid var(--wp--preset--color--green);
  outline-offset: -6px;
}
@keyframes imageScaleUp {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
.entry-content > .wp-block-cover:first-child > .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-group:has(figure + p),
.entry-content > .wp-block-columns:first-child > .wp-block-column > .wp-block-group > .wp-block-group > .is-style-icon-group,
.entry-content > .header-with-image-change:first-child .is-style-icon-group {
  transform: scale(0);
  transition: transform 0.3s ease, scale 0.3s ease;
}

/* Line at top and bottom */
.wp-block-group.is-style-line-at-top-and-bottom {
  position: relative;
}
.wp-block-group.is-style-line-at-top-and-bottom::before,
.wp-block-group.is-style-line-at-top-and-bottom::after {
  content: "";
  position: absolute;
  background-color: var(--wp--preset--color--yellow);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 50%;
}
.wp-block-group.is-style-line-at-top-and-bottom::after {
  top: unset;
  bottom: 0;
}
.wp-block-group.is-style-line-at-bottom-left::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 20%;
  background-color: var(--wp--preset--color--yellow);
}

/* Group with icon and outline */
.wp-block-group.is-style-icon-group {
  aspect-ratio: 1;
  outline: 2px solid var(--wp--preset--color--green);
  outline-offset: -6px;
  flex-wrap: nowrap;
  gap: 0;
  justify-content: space-evenly;
  cursor: pointer;
  transition: scale 0.3s ease;
}
@media (pointer: fine) and (hover: hover) {
  .wp-block-group.is-style-icon-group:hover {
    scale: 1.05;
  }
}
.wp-block-group.is-style-icon-group:active {
  scale: 1.05;
}


/* Columns */
/* Columns with background-color and image */
.wp-block-columns.has-background.alignfull:has(>.wp-block-column:first-child > figure) > .wp-block-column:last-child > .wp-block-group {
  padding: 2rem 5vw;
}
.wp-block-columns.has-white-background-color.alignfull:has(>.wp-block-column:first-child > figure) > .wp-block-column:last-child > .wp-block-group {
  padding: 2rem 5vw 0 3vw;
}
.wp-block-columns.has-background.alignfull:has(>.wp-block-column:last-child > figure) > .wp-block-column:first-child > .wp-block-group {
  padding: 2rem 5vw;
}
.wp-block-columns.has-background.alignfull > .wp-block-column > figure {
  height: 100%;
  width: 100%;
}
.wp-block-columns.has-background.alignfull > .wp-block-column > figure > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}


/* Slider */
.slider .swiper-buttons {
  margin: 0;
  position: absolute;
  top: calc(50% - 19px);
  left: -5%;
  width: 110%;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}
.slider .swiper-buttons .swiper-button-next,
.slider .swiper-buttons .swiper-button-prev {
  pointer-events: all;
  background-color: var(--wp--preset--color--green);
  mask-image: linear-gradient(#fff, #fff), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.85,10.01l6.82-6.81c.25-.25.38-.57.37-.91,0-.33-.13-.62-.37-.88-.25-.25-.55-.38-.88-.39-.39,0-.66.12-.91.37l-7.42,7.42c-.17.17-.3.37-.38.59-.07.21-.11.42-.11.62s.04.42.11.62c.08.22.21.42.38.59l7.39,7.4c.25.25.56.38.91.38s.66-.13.92-.39c.23-.25.34-.55.34-.89s-.12-.65-.36-.88l-6.82-6.81Z'/%3E%3C/svg%3E");
  mask-position: center, 40% center;
  mask-repeat: no-repeat, no-repeat;
  mask-size: cover, 60%;
  mask-composite: exclude;
  border-radius: 999px;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.slider .swiper-buttons .swiper-button-next {
  mask-image: linear-gradient(#fff, #fff), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M12.15,9.99l-6.82,6.81c-.25.25-.38.57-.37.91,0,.33.13.62.37.88.25.25.55.38.88.39.39,0,.66-.12.91-.37l7.42-7.42c.17-.17.3-.37.38-.59.07-.21.11-.42.11-.62s-.04-.42-.11-.62c-.08-.22-.21-.42-.38-.59L7.15,1.39c-.25-.25-.56-.38-.91-.38s-.66.13-.92.39c-.23.25-.34.55-.34.89s.12.65.36.88l6.82,6.81Z'/%3E%3C/svg%3E");
  mask-position: center, 60% center;
}
@media (hover: hover) and (pointer: fine) {
  .slider .swiper-buttons .swiper-button-next:hover,
  .slider .swiper-buttons .swiper-button-prev:hover {
    background-color: var(--wp--preset--color--dark-green);
    transform: scale(1.05);
  }
}
.slider .swiper-buttons .swiper-button-next:active,
.slider .swiper-buttons .swiper-button-prev:active {
  background-color: var(--wp--preset--color--dark-green);
  transform: scale(1.1);
}
.slider .swiper-pagination {
  margin-top: 1rem;
}
.slider .swiper-pagination .swiper-pagination-bullet {
  border: none;
  background-color: var(--wp--preset--color--light-grey);
}
.wp-block-group.has-background .slider .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--wp--preset--color--white);
}
.slider .swiper-pagination .swiper-pagination-bullet-active,
.wp-block-group.has-background .slider .swiper-pagination .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background-color: var(--wp--preset--color--green);
}
/* slider with gallery */
.slider .wp-block-image.swiper-slide {
  text-align: center;
}


/* Details block */
details {
  background-color: var(--wp--preset--color--light-grey);
  border-bottom: 1px solid var(--wp--preset--color--green);
  margin: 0 !important;
  overflow: hidden;
}
details::details-content {
  block-size: 0;
  transition: block-size 0.6s ease,
  content-visibility 0.6s ease;
  transition-behavior: allow-discrete;
}
details[open]::details-content {
  block-size: auto;
  block-size: calc-size(auto, size);
}

/* details p {
  padding: 1rem 0 1rem 0;
  margin: 0 !important;
} */
details > *:last-child {
  padding-bottom: 1.5rem !important;
}
details > *:nth-child(2) {
  margin-top: 0 !important;
  padding-top: 0.5rem !important;
}
details summary {
  list-style: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 700;
  padding: 1rem 0 1rem 2rem;
  position: relative;
  color: var(--wp--preset--color--blue);
  transition: color 0.3s ease;
  text-transform: uppercase;
}
details[open] summary {
  color: var(--wp--preset--color--green);
}
details summary::marker {
  content: "";
  content: none;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 0.5em);
  background-color: #000;
  width: 1em;
  height: 1em;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.01,19c-.39,0-.73-.14-1.01-.42-.28-.28-.43-.62-.43-1.01v-6.11H2.44c-.39,0-.73-.14-1.01-.42-.28-.28-.42-.62-.42-1.01s.14-.73.42-1.01c.28-.28.62-.43,1.01-.43h6.11V2.44c0-.39.14-.73.42-1.01.28-.28.62-.42,1.01-.42s.73.14,1.01.42c.28.28.43.62.43,1.01v6.13h6.15c.39,0,.73.14,1.01.42s.42.62.42,1.01-.14.73-.42,1.01c-.28.28-.62.43-1.01.43h-6.13v6.13c0,.39-.14.73-.42,1.01-.28.28-.62.42-1.01.42Z'/%3E%3C/svg%3E");    
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
details summary:hover::before {
    background-color: var(--wp--preset--color--green);
}
details summary:hover {
  color: var(--wp--preset--color--green);
}

details[open] summary::before {
  background-color: var(--wp--preset--color--green);
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.56,11.45c.39,0,.73-.14,1.01-.43.28-.28.42-.62.42-1.01s-.14-.73-.42-1.01-.62-.42-1.01-.42H2.44c-.39,0-.73.14-1.01.43-.28.28-.42.62-.42,1.01s.14.73.42,1.01c.28.28.62.42,1.01.42h15.13Z'/%3E%3C/svg%3E");  
  transform: rotate(180deg);
}

/* Akkordeon */
.wp-block-accordion {
  border-bottom: 2px solid var(--wp--preset--color--light-grey);
}
.wp-block-accordion-item {
  margin-top: 0;
  border-top: 2px solid var(--wp--preset--color--light-grey);
}
.wp-block-accordion-heading {
  text-transform: unset;
  font-weight: 600;
  font-size: 1.1rem;
  position: relative;
}
.wp-block-accordion-heading__toggle {
  padding: 12px 40px 12px 0;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
  color: var(--wp--preset--color--green);
}
.wp-block-accordion-heading > button:hover {
  background-color: transparent !important;
  color: inherit;
  text-decoration: none;
}
.wp-block-accordion-heading > button::after {
  content: "+";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 18px;
  font-size: 1.2em;
  line-height: 1em;
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading > button::after {
  content: "–";
}
.wp-block-accordion-heading__toggle:hover::after {
  color: var(--wp--preset--color--green);
}
.wp-block-accordion-panel {
  margin: 0 0 30px;
  padding-bottom: 20px;
}

/* Zitat */
.wp-block-quote {
  border: 2px solid var(--wp--preset--color--grey);
  padding: 23px 27px 24px;
  font-style: italic;
  font-size: 1.1rem;
}
cite {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
}



/* Blog */
.wp-block-post-excerpt__more-text {
  margin-top: 1rem;
  font-weight: 600;
}

.wp-block-categories-list {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.wp-block-categories-list a {
  font-weight: 600;
  border: 2px solid #d3dade;
  padding: 10px 20px 11px;
  border-radius: 9px;
  display: block;
}

/* Single Immo-Seite */
.immo-single-data-head:has(.pi_container) {
  padding-top: 0 !important;
  padding-bottom: 2rem !important;
}
.wp-block-acf-metafield-line + h3 {
  padding-top: 1rem;
}
h3 + .wp-block-acf-metafield-line {
  margin-top: 0.7rem;
}
.text-provision {
  font-size: 0.8rem;
  color: #606060;
}


/* Sticky Footer Elements */

.footer-sticky-whatsapp {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' version='1.1' fill='%23ffffff'%3E%3Cg id='surface1' fill='%23ffffff'%3E%3Cpath style=' fill-rule:evenodd' d='M 24.503906 7.503906 C 22.246094 5.246094 19.246094 4 16.050781 4 C 9.464844 4 4.101563 9.359375 4.101563 15.945313 C 4.097656 18.050781 4.648438 20.105469 5.695313 21.917969 L 4 28.109375 L 10.335938 26.445313 C 12.078125 27.398438 14.046875 27.898438 16.046875 27.902344 L 16.050781 27.902344 C 22.636719 27.902344 27.996094 22.542969 28 15.953125 C 28 12.761719 26.757813 9.761719 24.503906 7.503906 Z M 16.050781 25.882813 L 16.046875 25.882813 C 14.265625 25.882813 12.515625 25.402344 10.992188 24.5 L 10.628906 24.285156 L 6.867188 25.269531 L 7.871094 21.605469 L 7.636719 21.230469 C 6.640625 19.648438 6.117188 17.820313 6.117188 15.945313 C 6.117188 10.472656 10.574219 6.019531 16.054688 6.019531 C 18.707031 6.019531 21.199219 7.054688 23.074219 8.929688 C 24.949219 10.808594 25.980469 13.300781 25.980469 15.953125 C 25.980469 21.429688 21.523438 25.882813 16.050781 25.882813 Z M 21.496094 18.445313 C 21.199219 18.296875 19.730469 17.574219 19.457031 17.476563 C 19.183594 17.375 18.984375 17.328125 18.785156 17.625 C 18.585938 17.925781 18.015625 18.597656 17.839844 18.796875 C 17.667969 18.992188 17.492188 19.019531 17.195313 18.871094 C 16.894531 18.722656 15.933594 18.40625 14.792969 17.386719 C 13.90625 16.597656 13.304688 15.617188 13.132813 15.320313 C 12.957031 15.019531 13.113281 14.859375 13.261719 14.710938 C 13.398438 14.578125 13.5625 14.363281 13.710938 14.1875 C 13.859375 14.015625 13.910156 13.890625 14.011719 13.691406 C 14.109375 13.492188 14.058594 13.316406 13.984375 13.167969 C 13.910156 13.019531 13.3125 11.546875 13.0625 10.949219 C 12.820313 10.367188 12.574219 10.449219 12.390625 10.4375 C 12.21875 10.429688 12.019531 10.429688 11.820313 10.429688 C 11.621094 10.429688 11.296875 10.503906 11.023438 10.804688 C 10.75 11.101563 9.980469 11.824219 9.980469 13.292969 C 9.980469 14.761719 11.050781 16.183594 11.199219 16.382813 C 11.347656 16.578125 13.304688 19.59375 16.300781 20.886719 C 17.011719 21.195313 17.566406 21.378906 18 21.515625 C 18.714844 21.742188 19.367188 21.710938 19.882813 21.636719 C 20.457031 21.550781 21.648438 20.914063 21.898438 20.214844 C 22.144531 19.519531 22.144531 18.921875 22.070313 18.796875 C 21.996094 18.671875 21.796875 18.597656 21.496094 18.445313 Z ' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center 10px;
  background-size: 69%;
  background-color: var(--wp--preset--color--green);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  z-index: 1000;
  content: "";
  display: inline-block;
  transition: 0.5s;
}
.footer-sticky-beraten-lassen {
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 100;
  transition: 0.5s;
}
body:not(.scrolled) .footer-sticky-beraten-lassen,
body:not(.scrolled) .footer-sticky-whatsapp {
  bottom: -90px;
}


/* propery filter */
.property_filter {
  display: flex;
  gap: 2rem;
}

/* property map */
.property_filter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.property_filter_field {
  width: 100%;
}
.property_filter_field select {
  width: 100%;
}

@media only screen and (min-width: 650px) {
  .property_filter {
    flex-direction: row;
    gap: 35px;
  }
  .property_filter_field {
    flex-basis: 50%;
  }
}

@media only screen and (min-width: 950px) {
  .property_filter {
    justify-content: center;
    gap: 1rem;
  }
  .property_filter_field {
    flex-basis: 280px;
  }
}

/* certificate group in home header */
.certificate_group_mobile {
  display: block !important;
}
.certificate_group_desktop {
  display: none !important;
}


/* FORM */
input, 
select, 
textarea, 
body .acf-field input[type="text"], 
body .acf-field input[type="password"], 
body .acf-field input[type="date"], 
body .acf-field input[type="datetime"], 
body .acf-field input[type="datetime-local"], 
body .acf-field input[type="email"], 
body .acf-field input[type="month"], 
body .acf-field input[type="number"], 
body .acf-field input[type="search"], 
body .acf-field input[type="tel"], 
body .acf-field input[type="time"], 
body .acf-field input[type="url"], 
body .acf-field input[type="week"], 
body .acf-field textarea, 
body .acf-field select {
  border: 2px solid var(--wp--preset--color--cyan-bluish-gray);
  font-family: var(--wp--preset--font-family--open-sans);
  font-size: var(--wp--preset--font-size--medium);
  padding: 1rem 1.3rem 1.05rem;
  border-radius: 0;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000;
}
body ul.acf-radio-list{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
body ul.acf-radio-list:before{
  display: none;
}
body ul.acf-radio-list:focus-within, 
body ul.acf-checkbox-list:focus-within {
  border: 1px solid transparent;
}
body input[type="checkbox"], 
body input[type="radio"] {
  padding: 0;
  width: 30px;
  height: 30px;
  border-radius: 0;
  margin: 0!important;
  flex-shrink: 0;
}
body input[type="radio"] {
  border-radius: 50%;
}
body input[type="checkbox"]:checked::after {
  content: "";
  width: 8px;
  height: 16px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  left: 11px;
  top: 5px;
}
body input[type="radio"]:checked::after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-color: var(--wp--preset--color--dunkelblau);
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 50%;
}

body .boxselect .acf-radio-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
  padding: 0;
}
body .boxselect.boxselect-layout-3 .acf-radio-list {
  grid-template-columns: 1fr 1fr 1fr;
}
body .boxselect li {
  border: 2px solid var(--wp--preset--color--cyan-bluish-gray);
  border-radius: 0.7rem;
  align-content: center;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.3em;
  font-size: calc(var(--wp--preset--font-size--medium) * 0.95) !important;
}
body .boxselect li label {
  cursor: pointer;
  padding: 1rem 1.4rem 1.15rem;
  height: 100%;
  width: 100%;
}

/* Suchauftrag Funnelbox ausblenden */
body .boxselect .acf-radio-list > li:has(#acf-field_698b43bfd06ab-suchauftrag) {
  display: none;
}

body .boxselect li:not(:has(.selected)):hover {
  opacity: 0.66;
}
body .boxselect li:has(.selected) {
  color: var(--wp--preset--color--green);
  border-color: var(--wp--preset--color--green);
}
body .boxselect input {
  display: none;
}

body .boxselect li label::before {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_wohn_und_geschaeft.svg);
  display: block;
  width: 80px;
  height: 80px;
  content: "";
  margin: 0 auto 5px;
}

body .boxselect li label:has(#acf-field_6983688598d96-mieten)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2025/11/icon_vermieten.svg);
}
body .boxselect li label:has(#acf-field_6983688598d96-kaufen)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2025/11/icon_kaufen.svg);
}


body .boxselect li label:has(#acf-field_6983688598edb-alle)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_sonstiges.svg);
}
body .boxselect li label:has(#acf-field_6983688598edb-buero-praxen)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_buero_praxis.svg);
}
body .boxselect li label:has(#acf-field_6983688598edb-einzelhandel)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_gewerbe.svg);
}
body .boxselect li label:has(#acf-field_6983688598edb-grundstueck)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_grundstueck.svg);
}
body .boxselect li label:has(#acf-field_6983688598edb-hallen-lager)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_industrie.svg);
}
body .boxselect li label:has(#acf-field_6983688598edb-haus)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_haus.svg);
}
body .boxselect li label:has(#acf-field_6983688598edb-wohnung)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_reihenhaus.svg);
}


body .boxselect li label:has(#acf-field_698b43bfd06ab-kaufen)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2025/11/icon_kaufen.svg);
}
body .boxselect li label:has(#acf-field_698b43bfd06ab-verkaufen)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2025/11/icon_verkaufen.svg);
}
body .boxselect li label:has(#acf-field_698b43bfd06ab-bewerten)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2025/11/icon_bewerten.svg);
}
body .boxselect li label:has(#acf-field_698b43bfd06ab-vermieten)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2025/11/icon_vermieten.svg);
}

body .boxselect li label:has(#acf-field_697a1b0589c90-haus)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_haus.svg);
}
body .boxselect li label:has(#acf-field_697a1b0589c90-wohnung)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_wohnung.svg);
}
body .boxselect li label:has(#acf-field_697a1b0589c90-gewerbe)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_gewerbe.svg);
}
body .boxselect li label:has(#acf-field_697a1b0589c90-grundstueck)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_grundstueck.svg);
}
body .boxselect li label:has(#acf-field_697a1bc489c96-einfamilienhaus)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_haus.svg);
}
body .boxselect li label:has(#acf-field_697a1bc489c96-reihenhaus)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_reihenhaus.svg);
}
body .boxselect li label:has(#acf-field_697a1bc489c96-doppelhaushaelfte)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_doppelhaushaelfte.svg);
}
body .boxselect li label:has(#acf-field_697a1bc489c96-mehrfamilienhaus)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_mehrfamilienhaus.svg);
}
body .boxselect li label:has(#acf-field_697a1bc489c96-wohn-und-geschaeftshaus)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_wohn_und_geschaeft.svg);
}

body .boxselect li label:has(#acf-field_698b27c82f58f-erdgeschoss)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_wohnung_erdgeschoss.svg);
}
body .boxselect li label:has(#acf-field_698b27c82f58f-etagenwohnung)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_wohnung_etagenwohnung.svg);
}
body .boxselect li label:has(#acf-field_698b27c82f58f-penthouse-dachgeschoss)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_wohnung_penthous_dach.svg);
}
body .boxselect li label:has(#acf-field_698b27c82f58f-andere)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_sonstiges.svg);
}
body .boxselect li label:has(#acf-field_698b27f22f590-buero-oder-praxisgebaeude)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_buero_praxis.svg);
}
body .boxselect li label:has(#acf-field_698b27f22f590-wohn-und-geschaeftshaus)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_wohn_und_geschaeft.svg);
}
body .boxselect li label:has(#acf-field_698b27f22f590-industriegebaeude)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_industrie.svg);
}
body .boxselect li label:has(#acf-field_698b27f22f590-handel-retail)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/01/icon_funnel_gewerbe.svg);
}
body .boxselect li label:has(#acf-field_698b27f22f590-sonstiges)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_sonstiges.svg);
}
body .boxselect li label:has(#acf-field_698b282d2f591-bauland)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_grundstueck_bauland.svg);
}
body .boxselect li label:has(#acf-field_698b282d2f591-ackerland)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_grundstueck_ackerland.svg);
}
body .boxselect li label:has(#acf-field_698b282d2f591-wald-gruenland)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_grundstueck_wald_gruenland.svg);
}
body .boxselect li label:has(#acf-field_698b282d2f591-sonstiges)::before  {
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2026/02/icon_immobilie_grundstueck_sonstiges.svg);
}



select {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.423 10.1373'%3E%3Cg id='Ebene_1-2'%3E%3Cpolyline points='.7071 .7071 8.7231 8.7231 16.7159 .7303' fill='none' stroke='%23c7d4df' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: top 24px right 21px;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  border-color: var(--wp--preset--color--green) !important;
  outline: 0;
}
button:focus-visible {
  outline: 0;
}
button:not(.acf-tab-back):focus-visible {
  background-color: var(--wp--preset--color--dark-green) !important;
}

input[type="file"] {
  max-width: 100%;
}
input[type="number"] {
  -moz-appearance: textfield!important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body .acf-fields {
  margin-right: -12px;
  margin-left: -12px;
  margin-bottom: 1rem;
}
body .acf-fields > .acf-field {
  border: 0;
}

body .acf-field[data-width] + .acf-field[data-width] {
  border-left: 0;
}

body ul.acf-radio-list li, 
body ul.acf-checkbox-list li {
  font-size: var(--wp--preset--font-size--medium);
}
body .acf-true-false > label,
body ul.acf-radio-list > li > label,
body ul.acf-checkbox-list > li > label {
  display: flex;
  gap: 1rem;
}
body .boxselect ul.acf-radio-list > li > label {
  display: block;
  text-align: center;
  min-height: 150px;
  align-content: end;
  hyphens: auto;
  display: flex;
  flex-direction: column;
}
.bracket_smaller {
  font-size: 0.8em;
}
body .acf-true-false > label > input {
  flex-shrink: 0;
}
body .acf-true-false > label > .message {
  padding-top: 4px;
  display: block !important;
}
body .acf-field.acf-field-message {
  padding-top: 0;
  padding-bottom: 0;
}
body .acf-input-prepend,
body .acf-input-append {
  background-color: transparent;
  border: 0;
  font-size: 1rem;
  line-height: 3.5rem;
  border-radius: 0;
  padding: 0 13px;
  height: 60px;
}
body .acf-input-wrap .acf-is-appended {
  border-radius: 0 !important;
}

/* Keine Tabs in Fullscreen Funnels */
.overlay-fullscreen .acf-tab-wrap {
  display: none;
}

body .acf-field.design-tab > .acf-input > .acf-radio-list {
  display: flex;
  background-color: #f6f6f6;
  border-radius: 0.6rem 0.6rem 0 0;
  padding: 0;
  margin: 0;
  border: 0;
  flex-direction: column;
  gap: 0.5rem;
}
body .acf-field.design-tab > .acf-input > .acf-radio-list.acf-hl {
  flex-direction: row;
  gap: 0;
}
body .acf-field.design-tab > .acf-input > .acf-radio-list.acf-hl > li {
  margin-right: 0;
}
body .acf-field.design-tab > .acf-input > .acf-radio-list > li {
  flex-grow: 1;
}
body .acf-field.design-tab > .acf-input > .acf-radio-list > li input {
  display: none;
}
body .acf-field.design-tab > .acf-input > .acf-radio-list > li > label {
  display: block;
  padding: 1rem 1.5rem;
  border: 2px solid var(--wp--preset--color--cyan-bluish-gray);
  border-radius: 0.6rem 0.6rem 0 0;
  border-bottom: 0;
  font-weight: 600;
}
body .acf-field.design-tab > .acf-input > .acf-radio-list > li > label.selected {
  background-color: #fff;
  padding-top: calc(1rem - 2px);
  padding-left: calc(1.5rem - 2px);
}
body .acf-field.design-tab > .acf-input > .acf-radio-list > li > label:not(.selected) {
  box-shadow: 0 2px var(--wp--preset--color--cyan-bluish-gray);
  border: 0;
  cursor: pointer;
  padding-bottom: calc(1rem - 2px);
}
body .acf-field-number {
  max-width: 200px;
}

button, .acf-button, .button {
  background-color: var(--wp--preset--color--green);
  color: #fff;
  border: 0;
  font-weight: 700;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  cursor: pointer;
  appearance: none;
  font-family: var(--wp--preset--font-family--roboto);
  font-size: var(--wp--preset--font-size--small);
  font-style: normal;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-decoration: none;
  border-radius: 0;
  display: inline-block;
}
*:not(.wp-block-accordion-heading) > button:not(.acf-tab-back):hover, 
*:not(.wp-block-accordion-heading) > .acf-button:not(.acf-tab-back):hover {
  background-color: var(--wp--preset--color--dark-green)!important;
  color: #fff;
}
button.acf-tab-back:hover, .acf-button.acf-tab-back:hover {
  color: var(--wp--preset--color--green);
}
.button:not(.acf-tab-back):hover {
  background-color: var(--wp--preset--color--dark-green);
}


/* Buttons in Funnel */
.acf-tab-next {
  background-color: #ddd;
  pointer-events: none;
}
.acf-tab-back {
  display: none;
  background: transparent;
  color: #BEBEBE;
  padding-left: 5px;
}
form[data-current-tab="1"] .acf-tab-back,
form[data-current-tab="2"] .acf-tab-back,
form[data-current-tab="3"] .acf-tab-back,
form[data-current-tab="4"] .acf-tab-back,
form[data-current-tab="5"] .acf-tab-back,
form[data-current-tab="6"] .acf-tab-back,
form[data-current-tab="7"] .acf-tab-back,
form[data-current-tab="8"] .acf-tab-back,
form[data-current-tab="9"] .acf-tab-back,
form[data-current-tab="10"] .acf-tab-back {
  display: block;
}
.acf-tab-back::before,
.acf-tab-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  display: inline-block;
  transform: rotate(45deg);
  margin-right: 7px;
  top: -1px;
  position: relative;
}
.acf-tab-next::after {
  transform: rotate(-135deg);
  margin-right: 0;
  margin-left: 14px;
}

/* Bei Boxselect kein Weiterbutton */
form:has(.acf-field:not(.acf-hidden).boxselect) .acf-tab-next{
  display: none;
}

/* Wenn PLZ-Eingabe valide ist, weiter Button zeigen */
form:has(.acf-field:not(.acf-hidden) .input-field-valid) .acf-tab-next,
form:has(.acf-field:not(.acf-hidden).funnel-show-always-next) .acf-tab-next {
  background-color: var(--wp--preset--color--green);
  pointer-events: all;
}
form[data-last-tab="true"] .acf-form-submit {
  display: block;
}
form[data-last-tab="true"] .acf-tab-next{
  display: none;
}

/* Wenn im Kaufen Funnel Location ausgewählt ist, Ergebnisse-Button aktivieren */
.funnel-b .acf-button,
.funnel-b .acf-button:hover {
  background-color: #ddd;
  pointer-events: none!important;
}
.funnel-b:has(#acf-field_6983688598e39.input-field-valid) .acf-button,
.funnel-b:has(#acf-field_6983688598e39.input-field-valid) .acf-button:hover {
  background-color: var(--wp--preset--color--green);
  pointer-events: all!important;
}


/* Mini Grid Systen */
.row {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
}




/* FUNNELS */

/* OVERLAY */
.overlay-form-outer {
  background: rgba(0,0,0,0.4);
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100000;
  width: 100%;
  height: 100vh;            /* Basis für alte Browser */
  height: 100svh;           /* sichtbarer Bereich mit eingeblendeter UI */
  top: 0;
  left: 0;
  overflow: auto;
  padding: 0 5%;
  padding-bottom: env(safe-area-inset-bottom);
  padding-top: env(safe-area-inset-top);
}
@supports (height: 1dvh) {
  .overlay-form-outer {
    /* Deckt immer mindestens den sichtbaren Bereich ab,
       wächst dynamisch, überschreitet aber nie das maximale Layoutmaß. */
    block-size: min(max(100svh, 100dvh), 100lvh);
  }
}
/* iOS-Alt-Helferlein (optional, schadet aber nicht) */
@supports (-webkit-touch-callout: none) {
  .overlay-form-outer {
    /* Manche iOS-Builds reagieren darauf besser als auf 100vh */
    min-height: -webkit-fill-available;
  }
}
.overlay-fullscreen {
  background: #fff;
  padding-top: 40px;
}
.funnel-logo {
  width: 200px;
  height: 31px;
  background-image: url(https://www.immobilien-kittlaus.de/wp-content/uploads/2025/10/kittlaus_logo.svg);
  background-repeat: no-repeat;
  position: fixed;
  top: 18px;
}
.overlay-form-inner {
  max-width: 800px;
  background-color: #fff;
  margin: 5rem auto;
  position: relative;
  border-radius: 1.5rem;
}
.overlay-fullscreen .overlay-form-inner {
  margin: 10vw auto 5rem;
}
.overlay-form-outer:not(.overlay-fullscreen) .overlay-form-inner {
  padding: 25px 33px 17px;
}
.overlay-popup .overlay-form-inner .acfe-form {
  padding: 2rem 6% 3rem;
}
.overlay-form-btn-close {
  position: absolute;
  padding: 18px 55px 18px 20px;
  min-height: 60px;
  top: 0;
  right: 0;
  cursor: pointer;
  font-weight: bold;
  color: var(--wp--preset--color--blue);
  font-size: 1rem;
}
.overlay-form-btn-close::before, .overlay-form-btn-close::after {
  content: "";
  width: 2px;
  height: 20px;
  background: var(--wp--preset--color--blue);
  display: block;
  transform: rotate(45deg);
  right: 35px;
  position: absolute;
  top: 20px;
}
.overlay-form-btn-close::after {
  transform: rotate(-45deg);
}
.overlay-fullscreen .overlay-form-btn-close {
  position: fixed;
}
.overlay-form-outer.overlay-fullscreen .funnel {
  min-height: calc(100vh - 252px);
}
.funnel-a, .funnel-b {
  display: none;
}
.overlay-fullscreen .acf-form-submit {
  display: none;
}

.funnel h2 {
  margin-top: 3rem;
  margin-bottom: 0;
}
.overlay-form-outer:not(.overlay-fullscreen) .funnel h2 {
  margin-top: 30px;
}

/* Funnel dynamic content */
.funnel-dynamic-content-immoname {
  font-weight: 600;
}


.funnel_check_metargument {
  padding-right: 1rem;
}
@media only screen and (max-width: 750px) {
  .funnel_check_metargument {
    display: block;
    padding-bottom: 5px;
  }
}


/* Funnel Infoline */
form[data-current-tab="0"] .funnel-infoline,
form[data-current-tab="1"] .funnel-infoline,
form:not([data-current-tab]) .funnel-infoline{
    display:none;
}
.funnel-infoline {
  background-color: var(--wp--preset--color--light-grey);
  margin-top: 20px;
}

.funnel-infoline > .funnel-infoline-col:first-child {
  background-color: var(--wp--preset--color--lightest-grey);
}
.funnel-infoline-potenzielle-kaeufer {
  font-size: 1.3rem;
  padding: 1.5rem;
  font-weight: 600;
}
.funnel-infoline-potenzielle-kaeufer-hinweis,
.funnel-infoline-potenzielle-kaeufer-immobilien{
  display: none;
}
form[data-current-tab="2"] .funnel-infoline-potenzielle-kaeufer-hinweis{
  display: block;
}
form[data-current-tab="2"] .funnel-infoline-potenzielle-kaeufer-ergebnis{
  display: none;
}
.funnel-infoline-potenzielle-kaeufer span.interessenten-zahl {
  background-color: var(--wp--preset--color--yellow);
  padding: 6px 11px;
  margin-right: 5px;
  font-size: 1.5rem;
}

/* Wenn Suchauftrag: Immobilientext einblenden */
body .funnel:has(label.selected #acf-field_698b43bfd06ab-suchauftrag) .funnel-infoline-potenzielle-kaeufer-hinweis,
body .funnel:has(label.selected #acf-field_698b43bfd06ab-suchauftrag) .funnel-infoline-potenzielle-kaeufer-ergebnis{
  display: none;
}
body .funnel:has(label.selected #acf-field_698b43bfd06ab-suchauftrag) .funnel-infoline-potenzielle-kaeufer-immobilien{
  display: block;
}
/* Wenn Suchauftrag: Ergebniszeilen ausblenden */
body .funnel:has(label.selected #acf-field_698b43bfd06ab-suchauftrag) .ergebniszeile {
  display: none;
}

.funnel-infoline-ansprechpartner {
  display: flex;
  justify-content: space-between;
}
.funnel-infoline-ansprechpartner-infos {
  padding: 0 0 0 1.5rem;
  align-content: center;
}
.funnel-infoline-ansprechpartner-buero {
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
  color: var(--wp--preset--color--green);
  font-weight: 600;
}
.funnel-infoline-ansprechpartner-img {
  display: flex;
}
.funnel-infoline-col img {
  width: 130px;
  height: auto;
  display: block;
  margin-bottom: 0;
  position: relative;
  bottom: 0;
  margin-top: -20px;
}

@media only screen and (min-width: 650px) {
  .funnel-infoline {
    display: flex;
  }
  .funnel-infoline > .funnel-infoline-col:first-child {
    flex-grow: 1;
    align-content: center;
  }
  .funnel-infoline-ansprechpartner-infos {
    font-size: 0.9rem;
  }
}

@media only screen and (min-width: 1100px) {
  .overlay-fullscreen .overlay-form-inner {
    margin: 6vw auto 5rem;
  }
}


/* Autosuggest */
.plz-suggestions {
  position: absolute;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(171, 184, 195);
  border-top: 0;
  width: 100%;
  z-index: 100;
  top: 100%;
}
.plz-item {
  padding: 0.5rem 1.3rem 0.55rem;
  cursor: pointer;
}
.plz-item:first-child {
  padding-top: 1rem;
}
.plz-item:last-child {
  padding-bottom: 1.05rem;
}
.plz-item:hover, .plz-item.highlight {
    background: #f4f6f8;
}


/* Skeleton loading */
.skeleton {
  padding-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
}
.overlay-popup .skeleton {
  padding-top: 140px;
  margin-left: 6%;
  margin-right: 6%;
}
@keyframes loading {
    0% {background-position: 0% 50%}
    100% {background-position: -100% 50%}
}
.skeleton > div {
  background-color: #f1f2f4;
  height: 70px;
  margin-bottom: 20px;
  border-radius: 10px;
  background-image: repeating-linear-gradient(90deg,rgb(236, 237, 239) 0%, rgb(252, 252, 253) 25%, rgb(236, 237, 239) 50%);
  animation: loading linear 1s infinite;
  background-size: 200% 100%;
}

.no-hyphens {
  hyphens: none;
}



.info-tooltip {
  display: inline-block;
  font-size: 14px;
  background-color: #adb0c3;
  color: #fff;
  width: 17px;
  height: 17px;
  text-align: center;
  border-radius: 50%;
  font-weight: bold;
  font-family: courier;
  line-height: 18px;
  margin: 0 0 10px 7px;
  position: relative;
  top: -3px;
  cursor: default;
}
.info-tooltip:hover::after {
  content: "Die angegebene Zahl der passenden Interessenten ergibt sich aus einem Live-Abgleich Ihrer Eingaben mit unserer Datenbank.";
  color: #000;
  font-family: var(--wp--preset--font-family--open-sans);
  font-weight: normal;
  position: absolute;
  background: #fff;
  padding: 13px 21px 17px;
  left: -91px;
  top: 22px;
  width: 200px;
  text-align: left;
  z-index: 1;
  box-shadow: 0 4px 17px rgba(0,0,0,0.1);
  border-radius: 12px;
}


.funnelbottom {
  display: flex;
  gap: 30px;
  justify-content: center;
}
.funnelbottom img {
  height: 60px;
  width: auto;
}



/* Footer */
footer {
  margin-top: 0;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer ul li {
  margin-bottom: 7px;
}
footer .wp-block-columns  {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 5vw;
}
footer .wp-block-columns > .wp-block-column:first-of-type > .wp-block-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
footer .wp-block-columns > .wp-block-column:first-of-type > .wp-block-group > ul {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
}
footer .wp-block-columns > .wp-block-column:first-of-type > .wp-block-group > ul > li {
  font-size: 0;
  margin: 0;
}
footer .wp-block-columns > .wp-block-column:first-of-type > .wp-block-group > ul > li> a::before {
    content: "";
    background-color: var(--wp--preset--color--white);
    width: 1.25rem;
    height: 1.25rem;
    mask-repeat: no-repeat;
    mask-size: contain;
    display: inline-block;
}
/* Facebook */
footer .wp-block-columns > .wp-block-column:first-of-type > .wp-block-group > ul > li:nth-child(1) > a::before {
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10,0c1.81,0,3.49.46,5.05,1.38,1.51.87,2.7,2.06,3.57,3.57.92,1.56,1.38,3.25,1.38,5.05s-.46,3.49-1.38,5.05c-.87,1.51-2.06,2.7-3.57,3.57-1.56.92-3.25,1.38-5.05,1.38s-3.49-.46-5.05-1.38c-1.51-.87-2.7-2.06-3.57-3.57-.92-1.56-1.38-3.25-1.38-5.05s.46-3.49,1.38-5.05c.87-1.51,2.06-2.7,3.57-3.57,1.56-.92,3.25-1.38,5.05-1.38ZM10,1.67c-1.51,0-2.92.38-4.22,1.15-1.25.73-2.24,1.72-2.97,2.97-.76,1.3-1.15,2.71-1.15,4.22,0,1.35.31,2.63.94,3.83.59,1.15,1.41,2.11,2.47,2.89,1.06.78,2.24,1.28,3.54,1.48v-5.78h-2.27v-2.4h2.27v-1.61c0-2.55,1.17-3.82,3.52-3.8.69-.02,1.31.02,1.85.1h.03v2.11h-1.51c-.43,0-.76.18-.99.55-.17.33-.26.77-.26,1.33v1.33h2.73l-.36,2.4h-2.37v5.81c1.32-.19,2.52-.68,3.59-1.46,1.09-.78,1.94-1.75,2.55-2.92.62-1.2.94-2.48.94-3.85,0-1.51-.38-2.92-1.15-4.22-.73-1.25-1.72-2.24-2.97-2.97-1.3-.76-2.71-1.15-4.22-1.15Z'/%3E%3C/svg%3E");
}
/* Instagram */
footer .wp-block-columns > .wp-block-column:first-of-type > .wp-block-group > ul > li:nth-child(2) > a::before {
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.29,1h7.41c.95,0,1.83.24,2.63.72.82.48,1.47,1.13,1.94,1.94.48.8.72,1.68.72,2.63v7.41c0,.95-.24,1.84-.72,2.66-.48.8-1.12,1.44-1.94,1.92-.8.48-1.68.72-2.63.72h-7.41c-.95,0-1.84-.24-2.66-.72-.8-.48-1.44-1.12-1.92-1.92-.48-.82-.72-1.7-.72-2.66v-7.41c0-.95.24-1.83.72-2.63.48-.82,1.12-1.47,1.92-1.94.82-.48,1.7-.72,2.66-.72ZM6.29,2.64c-.66,0-1.28.16-1.84.49-.56.32-1.01.77-1.33,1.33-.32.56-.49,1.18-.49,1.84v7.41c0,.66.16,1.28.49,1.84.32.56.77,1.01,1.33,1.33.56.32,1.18.49,1.84.49h7.41c.66,0,1.28-.16,1.84-.49.56-.32,1.01-.77,1.33-1.33.32-.56.49-1.18.49-1.84v-7.41c0-.66-.16-1.28-.49-1.84-.32-.56-.77-1.01-1.33-1.33-.56-.32-1.18-.49-1.84-.49h-7.41ZM14.83,4.43c.2,0,.38.08.51.23.15.14.23.31.23.51s-.08.38-.23.54c-.14.14-.31.2-.51.2s-.38-.07-.54-.2c-.14-.15-.2-.33-.2-.54s.07-.37.2-.51c.15-.15.33-.23.54-.23ZM10,5.09c.89,0,1.7.22,2.45.66.75.44,1.35,1.04,1.79,1.79.44.75.66,1.57.66,2.45s-.22,1.7-.66,2.45c-.44.75-1.04,1.35-1.79,1.79-.75.44-1.57.66-2.45.66s-1.7-.22-2.45-.66c-.75-.44-1.35-1.04-1.79-1.79-.44-.75-.66-1.57-.66-2.45s.22-1.7.66-2.45c.44-.75,1.04-1.35,1.79-1.79.75-.44,1.57-.66,2.45-.66ZM10,6.73c-.6,0-1.15.14-1.66.43-.49.29-.89.69-1.18,1.2-.29.49-.43,1.04-.43,1.64s.14,1.15.43,1.66c.29.49.68.89,1.18,1.18.51.29,1.07.43,1.66.43s1.14-.14,1.64-.43c.51-.29.91-.68,1.2-1.18.29-.51.43-1.07.43-1.66s-.14-1.14-.43-1.64c-.29-.51-.69-.91-1.2-1.2-.49-.29-1.04-.43-1.64-.43Z'/%3E%3C/svg%3E");
}
/* LinkedIn */
footer .wp-block-columns > .wp-block-column:first-of-type > .wp-block-group > ul > li:nth-child(3) > a::before {
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.05,1h13.91c.56,0,1.04.2,1.43.61.41.39.61.87.61,1.43v13.91c0,.56-.2,1.05-.61,1.46-.39.39-.87.59-1.43.59H3.05c-.56,0-1.05-.2-1.46-.59-.39-.41-.59-.89-.59-1.46V3.05c0-.56.2-1.04.59-1.43.41-.41.89-.61,1.46-.61ZM3.05,2.64c-.12,0-.22.04-.31.13-.07.07-.1.16-.1.28v13.91c0,.12.03.22.1.31.09.07.19.1.31.1h13.91c.12,0,.21-.03.28-.1.09-.09.13-.19.13-.31V3.05c0-.12-.04-.21-.13-.28-.07-.09-.16-.13-.28-.13H3.05ZM5.45,4.04c.39,0,.72.14,1,.41.27.27.41.61.41,1s-.14.72-.41,1c-.27.27-.61.41-1,.41s-.72-.14-1-.41c-.27-.27-.41-.61-.41-1s.14-.72.41-1c.27-.27.61-.41,1-.41ZM12.84,7.78c1.12,0,1.91.35,2.35,1.05.36.56.54,1.44.54,2.63v4.27h-2.4v-3.78c0-.63-.05-1.08-.15-1.36-.19-.46-.56-.69-1.13-.69s-.94.2-1.18.61c-.17.31-.26.77-.26,1.38v3.84h-2.4v-7.77h2.3v1.07h.05c.19-.34.46-.62.82-.84.43-.27.91-.41,1.46-.41ZM4.27,7.95h2.43v7.77h-2.43v-7.77Z'/%3E%3C/svg%3E");
}
footer .wp-block-columns > .wp-block-column:last-of-type {
  display: flex;
  align-items: center;
  justify-content: start;
}
footer .wp-block-columns > .wp-block-column:last-of-type > ul {
  display: flex;
  flex-direction: row;
  gap: 0.5rem 1.25rem;
  align-items: center;
}
footer .wp-block-columns > .wp-block-column:last-of-type > ul > li {
  margin: 0;
}

.logged-in {
  padding-top: var(--wp-admin--admin-bar--height);
}

/* media queries -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 400px) {
  .head-logo a  img {
    width: 260px !important;
  }
}

@media only screen and (min-width: 500px) {
  .submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns {
    flex-direction: row !important;
  }
  .submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns > .wp-block-column {
    flex-basis: 50% !important;
  }

  /* Cover block with custom content */
  .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns > .wp-block-column > figure > img {
    max-width: 450px !important;
  }
}

@media only screen and (min-width: 600px) {
  .head-logo a  img {
    width: 290px !important;
  }

  /* header with image change */
  .header-with-image-change .wp-block-group:has(>.is-style-icon-group) {
      margin-top: 350px !important;
  }
  .header-with-image-change > .wp-block-image {
      position: absolute;
      right:  -35px;
      bottom: 0;
      margin-bottom: 0;
  }
}


@media only screen and (min-width: 782px) {
  .head-logo a  img {
    width: 310px !important;
  }
  .submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns {
    flex-direction: column !important;
  }
  .submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns > .wp-block-column {
    flex-basis: 100% !important;
  }
  footer .wp-block-columns > .wp-block-column:last-of-type ul {
    flex-direction: column;
    align-items: start;
  }

  /* additional classes to show and hide elements on mobile and desktop */
  .show-on-desktop {
    display: block;
  }
  .show-on-mobile {
    display: none;
  }

  /* Hero covers and columns */
  .header-with-image-change > .wp-block-columns .wp-block-column:nth-child(1) {
    padding-top: 5rem !important;
  }
  .header-with-image-change > .wp-block-columns .wp-block-column:nth-child(1) > .wp-block-group:has(.is-style-icon-group) {
    justify-content: start;
  }

  /* Cover block with custom content */
  .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns {
    flex-direction: column !important;
  }

  /* columns with background-color and image */
  .wp-block-columns.has-background.alignfull:has(>.wp-block-column:first-child > figure) > .wp-block-column:last-child > .wp-block-group {
    padding: 4rem 4rem;
  }
  .wp-block-columns.has-white-background-color.alignfull:has(>.wp-block-column:first-child > figure) > .wp-block-column:last-child > .wp-block-group {
    padding: 0 4rem;
  }
  .wp-block-columns.has-background.alignfull:has(>.wp-block-column:last-child > figure) > .wp-block-column:first-child > .wp-block-group {
    padding: 4rem 4rem;
  }

  /* single immo info table */
  .wp-block-columns.immo-single-info-table {
    flex-direction: column !important;
  }

  /* header with image change */
  .header-with-image-change .wp-block-group:has(>.is-style-icon-group) {
      margin-top: 32px !important;
  }
  .header-with-image-change > .wp-block-image {
      height: 85% !important;
      aspect-ratio: 9 / 10 !important;
  }
  .header-with-image-change > .wp-block-image > img {
      height: 100% !important;
      min-width: unset;
      width: 100% !important;
  } 
}


@media only screen and (min-width: 800px) {
  .wp-block-navigation:last-child > ul > li::after {
    right: calc(2.5vw - 5px);
  }
  .wp-block-navigation:last-child > ul > li::before {
    width: 5vw;
  }

}

@media only screen and (min-width: 990px) {
  .header-inner {
    margin: 0 auto;
  }

  /* Hero covers and columns */
  .header-with-image-change > .wp-block-columns .wp-block-column:nth-child(1) > .wp-block-group > h1 {
    font-size: var(--wp--preset--font-size--xx-large) !important;
  }
  .header-with-image-change > .wp-block-columns .wp-block-column:nth-child(1) > .wp-block-group > h2 {
    font-size: var(--wp--preset--font-size--large) !important;
  }

  /* cover-blocks */
  .wp-block-cover.alignfull.has-custom-content-position {
    padding:8rem !important;
  }

  .submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns {
    flex-direction: row !important;
  }
  .submenu > .wp-block-columns .wp-block-column:nth-child(3) > .wp-block-columns > .wp-block-column {
    flex-basis: 50% !important;
  }

  /* Cover block with custom content */
  .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns {
    flex-direction: row !important;
  }

  /* Overlay und Funnel */
  .funnel-logo {
    left: 26px;
    width: 300px;
    height: 46px;
  }
  .overlay-form-btn-close {
    padding: 28px 60px 28px 20px;
  }
  .overlay-form-btn-close::before, .overlay-form-btn-close::after {
    right: 40px;
    top: 30px;
  }
  .overlay-form-outer:not(.overlay-fullscreen) .funnel h2 {
    margin-top: 0;
  }
  .overlay-form-outer:not(.overlay-fullscreen) .overlay-form-inner {
    padding: 35px 46px 27px;
  }
  .overlay-form-outer:not(.overlay-fullscreen) .overlay-form-btn-close {
    padding: 42px 74px 28px 20px;
  }
  .overlay-form-outer:not(.overlay-fullscreen) .overlay-form-btn-close::before, 
  .overlay-form-outer:not(.overlay-fullscreen) .overlay-form-btn-close::after {
    right: 55px;
    top: 44px;
  }

  /* certificate group in home header */
  .certificate_group_mobile {
    display: none !important;
  }
  .certificate_group_desktop {
    display: block !important;
  }
}

@media only screen and (min-width: 1100px) {
  .head-logo {
    margin-left: 25px !important;
  }
  .burgerbutton-menu {
    width: auto !important;
  }
  .burgerbutton-menu > .acf-innerblocks-container > .wp-block-group {
    flex-direction: row;
    gap: 24px;
  }
  .burgerbutton-menu > .acf-innerblocks-container > .wp-block-group > .wp-block-group {
    width: auto;
  }
  .burgerbutton-menu .wp-block-buttons .wp-block-button .wp-block-button__link {
    width: 140px;
  }

  /* main menu */
  .wp-block-group > .wp-block-navigation:nth-child(1) {
    order: unset;
  }
  .wp-block-navigation {
  flex-direction: row;
  width: auto;
  }
  .wp-block-navigation .wp-block-navigation-item{
    width: auto;
  }
  .wp-block-navigation ul > li > a{
    padding: 14px 15px;
    border: 0;
  }
  .wp-block-navigation.top_menu .wp-block-navigation-item__content {
    padding: 12px;
    padding-bottom: 6px;
  }
  .wp-block-navigation.main_menu .wp-block-navigation-item__content {
    padding: 12px;
    padding-top: 6px;
    padding-bottom: 15px;
  }
  .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
    flex-direction: row;
  }
  .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child {
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 9px;
  }
  .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > a {
    padding: 11px 2px 11px 15px;
    border: 0;
  }
  .wp-block-navigation ul.wp-block-navigation__submenu-container {
    left: -6px !important;
    right: auto !important;
    width: auto !important;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.1);
    padding:0;
    min-width: 260px !important;
    position: absolute !important;
  }
  .wp-block-navigation .wp-block-navigation__submenu-icon {
    position: relative;
    padding: 0;
  }
  .wp-block-navigation-submenu:hover > a {
    color: red!important;
  }
  .wp-block-navigation-submenu:hover > button > svg > path {
    color: red;
  }
  .wp-block-navigation ul.wp-block-navigation__submenu-container > li > a {
    padding: 17px 22px 18px;
    border-bottom: 1px solid #ddd;
  }
  .wp-block-navigation ul > li:last-child {
    border-bottom: none;
  }
  .wp-block-navigation ul > li {
    border-top: none;
  }
  .wp-block-navigation ul > li > a {
    width: 100%;
  }
  .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > .wp-block-navigation__submenu-icon svg path {
    stroke-width: 1;
  }
  .wp-block-navigation .wp-block-buttons {
    margin-left: 0;
    margin-bottom: 0;
  }
  .wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(1) > .wp-block-navigation-item__content > span,
  .wp-block-navigation.top_menu .wp-block-navigation-item:nth-last-child(2) > .wp-block-navigation-item__content > span {
    font-size: 0; 
    margin-left: 0;
  }
  /* submenu */
  .submenu_container {
    display: block;
    overflow: hidden;
    height: 0;
    opacity: 0;
    z-index: 1;
    top: 80px;
    transition: height 0.3s ease, opacity 0.3s ease;
  }
  .submenu_container:has(.submenu.show_submenu) {
    opacity: 1;
  }
  .submenu {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(calc(-50%));
    height: auto;
    width: 90%;
    max-width: 1200px;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .submenu > .wp-block-buttons {
    display: none;
  }
  .submenu.show_submenu {
    opacity: 1;
    z-index: 1;
  }
  .submenu.show_submenu ~ .submenu {
    transform: translateX(calc(-50% + 50px));
    opacity: 0;
  }
  .submenu:has(~ .submenu.show_submenu) {
    transform: translateX(calc(-50% - 50px));
    opacity: 0;
  }


  .wp-block-navigation:last-child > ul > li::after {
    display: none;
  }
  .wp-block-navigation:last-child > ul > li::before {
    display: none;
  }
  .wp-block-navigation:last-child > ul > li > a {
    width: 100%;
  }
  /* Footer */
  footer .wp-block-columns > .wp-block-column:last-of-type {
    justify-content: end;
  }
  footer .wp-block-columns > .wp-block-column:last-of-type ul {
    flex-direction: row;
    align-items: center;
  }
}

@media only screen and (min-width: 1200px) {
  .head-logo a  img {
    width: 320px !important;
  }
  /* single immo info table */
  .wp-block-columns.immo-single-info-table {
    flex-direction: row !important;
  }

  /* header with image change */
  .header-with-image-change > .wp-block-image {
    right: calc(((100% - 1200px) / 2) - 35px);
  }
}


/* special media query for content width plus 10vw */
@media only screen and (min-width: calc(1200px + 10vw)) {
    header > .wp-block-group:not(:first-child) > .wp-block-columns {
    width: 100% !important;
    padding: 30px calc((100vw - 1200px) / 2) !important;
  }

  /* columns with background-color and image */
  .wp-block-columns.has-background.alignfull:has(>.wp-block-column:first-child > figure) > .wp-block-column:last-child > .wp-block-group {
    padding: 4rem calc(50vw - 600px) 4rem 4rem;
  }
  .wp-block-columns.has-white-background-color.alignfull:has(>.wp-block-column:first-child > figure) > .wp-block-column:last-child > .wp-block-group {
    padding: 0 calc(50vw - 600px) 0 4rem;
  }
  .wp-block-columns.has-background.alignfull:has(>.wp-block-column:last-child > figure) > .wp-block-column:first-child > .wp-block-group {
    padding: 4rem 4rem 4rem calc(50vw - 600px);
  }
}

@media only screen and (min-width: 1470px) {

}



@media only screen and (max-width: 1099px) {
  header nav .has-x-small-font-size {
    font-size: 0.9rem !important;
  }
  header nav .has-small-font-size {
    font-size: 1rem !important;
  }
  .wp-block-navigation__container.main_menu {
    border-bottom: 1px solid #ddd;
  }
  .wp-block-navigation__container.top_menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 15px 0;
  }
  /* die letzten beiden Elemente */
  .wp-block-navigation__container.top_menu > li:nth-last-child(-n+2) {
    grid-column: span 1;
  }
  /* wenn die Anzahl der Elemente ungerade ist,
    soll das drittletzte nicht alleine links hängen */
  .wp-block-navigation__container.top_menu > li:nth-last-child(3):nth-child(odd) {
    grid-column: 1 / -1;
  }
  .wp-block-navigation__container.top_menu > li:nth-last-child(-n+2) a {
    background-color: var(--wp--preset--color--light-grey);
    border-radius: 9px;
    margin: 14px 5vw 9px;
    width: 100%;
    padding: 17px 20px;
  }
  .wp-block-navigation__container.top_menu > li:nth-last-child(2) a {
    margin-right: 10px;
  }
  .wp-block-navigation__container.top_menu > li:nth-last-child(1) a {
    margin-left: 10px;
  }
  .wp-block-navigation__container.top_menu li {
    border: 0;
  }
  header .wp-block-button__link.wp-element-button {
    min-height: 50px;
  }
}


@media only screen and (max-width: 781px) {
  .is-style-mobile-reverse {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 800px) {
  body .acf-fields > .acf-field {
    width: 100% !important;
  }
  body .acf-fields > .acf-field:not([data-type="message"]) + .acf-field {
    padding-top: 0;
  }
}

@media only screen and (max-width: 990px) {
  body .boxselect .acf-radio-list {
    grid-template-columns: 1fr 1fr!important;
  }
}