.mod_zipsearch {
  position: relative;
  border-radius: 40px;
  background-color: #F0ECE2;
  padding-block: 3.5rem;
}
.mod_zipsearch .zip-search {
  width: clamp(87.75rem, 22.4656rem + 69.084vw, 133rem);
  max-width: 93vw;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
  min-height: 32rem;
}
@media only screen and (max-width: 719.98px) {
  .mod_zipsearch .zip-search {
    flex-direction: column-reverse;
    padding-inline: 12px;
  }
}
.mod_zipsearch .zip-search-content {
  width: 100%;
  max-width: 26rem;
  margin-inline: auto;
  border-radius: 20px;
  background-color: #F0ECE2;
}
@media only screen and (min-width: 720px) {
  .mod_zipsearch .zip-search-content {
    width: calc(50% - clamp(3rem, 2.5349rem + 1.5504vw, 4rem) / 2);
  }
}
.mod_zipsearch .zip-search-image {
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .mod_zipsearch .zip-search-image {
    width: calc(50% - clamp(3rem, 2.5349rem + 1.5504vw, 4rem) / 2);
  }
}
.mod_zipsearch .zip-search-image picture {
  display: block;
}
.mod_zipsearch .zip-search-image picture img {
  display: block;
  margin: auto;
}
.mod_zipsearch .zip-search-form {
  position: relative;
}
.mod_zipsearch .zip-search-headline {
  font-size: clamp(1.625rem, 1.4506rem + 0.5814vw, 2rem);
  line-height: 1.07;
  color: #36332C;
  max-width: 15ch;
  margin-bottom: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
}
.mod_zipsearch .zip-search-headline em,
.mod_zipsearch .zip-search-headline i {
  letter-spacing: 1%;
}
.mod_zipsearch .zip-search-text {
  max-width: 50ch;
  margin-bottom: clamp(3rem, 2.5349rem + 1.5504vw, 4rem);
}
.mod_zipsearch .zip-search-input-group {
  position: relative;
  width: 100%;
  max-width: 26rem;
  display: flex;
  align-items: center;
  gap: 16px;
}
.mod_zipsearch .zip-search-input-group .sr-only {
  visibility: hidden;
  flex-basis: 0;
  position: absolute;
  bottom: 100%;
  z-index: -10;
}
.mod_zipsearch .zip-search-input-group .zip-search-input {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.8459rem + 0.0969vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1%;
  font-size: 16px;
  width: calc(100% - 3.625rem);
  padding: 1.2rem clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  border: 1px solid #948A81;
  border-radius: 8px;
  color: #756960;
  background-color: #F0ECE2;
}
.mod_zipsearch .zip-search-input-group .zip-search-button {
  border-radius: 10em;
  padding: 1.3rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
.mod_zipsearch .zip-search-input-group .zip-search-button svg {
  display: block;
}
.mod_zipsearch .zip-search-dropdown {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  width: 100%;
  max-width: 26rem;
}
.mod_zipsearch .zip-search-results {
  width: calc(100% - 4.625rem);
  max-height: clamp(5.375rem, 4.0378rem + 4.4574vw, 8.25rem);
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #756960 #D9D8C3;
  padding: 1.2rem clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  background-color: #F0ECE2;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(54, 51, 44, 0.2);
}
.mod_zipsearch .zip-search-results ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.mod_zipsearch .zip-search-results ul li {
  cursor: pointer;
}
.mod_zipsearch .zip-search-results ul li:focus-visible, .mod_zipsearch .zip-search-results ul li.is-focused {
  outline: 2px solid #69628C;
  outline-offset: 3px;
  border-radius: 8px;
}
.mod_zipsearch .zip-search-members .members-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.mod_zipsearch .zip-search-members .members-list:has(:nth-child(2)) {
  max-height: 25rem;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #756960 #D1CBC2;
}
.mod_zipsearch .zip-search-members .zip-search-back {
  all: unset;
  margin-bottom: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem);
  cursor: pointer;
}
.mod_zipsearch .zip-search-members .zip-search-back svg {
  display: block;
  stroke: #69628C;
}
.mod_zipsearch .zip-search-members .zip-search-back:focus-visible, .mod_zipsearch .zip-search-members .zip-search-back.is-focused {
  outline: 2px solid #69628C;
  outline-offset: 3px;
  border-radius: 4px;
}
.mod_zipsearch .zip-search-members .members-overline {
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #787547;
  display: block;
  margin-bottom: 16px;
  color: #787547;
}
.mod_zipsearch .zip-search-members .member-name {
  font-size: clamp(1.3125rem, 1.2253rem + 0.2907vw, 1.5rem);
  line-height: 1.3;
  color: #36332C;
  margin-bottom: clamp(1.25rem, 1.1337rem + 0.3876vw, 1.5rem);
  color: #564E46;
}
.mod_zipsearch .zip-search-members .member-name em,
.mod_zipsearch .zip-search-members .member-name i {
  letter-spacing: 1%;
}
.mod_zipsearch .zip-search-members .member-description {
  max-width: 30ch;
  margin-bottom: 2rem;
}
.mod_zipsearch .zip-search-members .member-contact {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mod_zipsearch .zip-search-members .member-contact .contact-item {
  display: flex;
}
.mod_zipsearch .zip-search-members .member-contact .contact-item:not(:last-child) {
  margin-bottom: 1rem;
}
.mod_zipsearch .zip-search-members .member-contact .contact-item:before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 2px 16px 0 0;
  flex-shrink: 0;
  background: url() center/100% auto no-repeat;
}
.mod_zipsearch .zip-search-members .member-contact .contact-item a {
  color: #5A5578;
  text-decoration: none;
}
.mod_zipsearch .zip-search-members .member-contact .contact-address:before {
  background-image: url(/bundles/okal/icons/icon-location-brown-500.svg);
  background-size: auto 100%;
}
.mod_zipsearch .zip-search-members .member-contact .contact-mail:before {
  background-image: url(/bundles/okal/icons/icon-mail-brown-500.svg);
}
.mod_zipsearch .zip-search-members .member-contact .contact-phone:before,
.mod_zipsearch .zip-search-members .member-contact .contact-mobile:before {
  background-image: url(/bundles/okal/icons/icon-phone-brown-500.svg);
}
.mod_zipsearch .zip-search-members .member-profile-btn {
  min-width: 10rem;
  margin-top: 40px;
}
.mod_zipsearch:has(.zip-search-image-full) {
  padding: 0;
  border-radius: 0;
  z-index: 100;
}
.mod_zipsearch:has(.zip-search-image-full):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 78%;
  bottom: 0;
  background: #FCFBF6;
  border-radius: 40px 40px 0 0;
}
.mod_zipsearch:has(.zip-search-image-full) .zip-search-image-full {
  position: relative;
  align-items: flex-end;
  justify-content: flex-end;
  min-height: clamp(41.25rem, 37.4709rem + 12.5969vw, 49.375rem);
  padding: clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem);
}
.mod_zipsearch:has(.zip-search-image-full) .zip-search-image {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
}
.mod_zipsearch:has(.zip-search-image-full) .zip-search-image picture, .mod_zipsearch:has(.zip-search-image-full) .zip-search-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mod_zipsearch:has(.zip-search-image-full) .zip-search-content {
  position: relative;
  width: 100%;
  max-width: 26.5rem;
  margin: auto 0 0 auto;
  z-index: 2;
}
.mod_zipsearch:has(.zip-search-image-full) .zip-search-module {
  padding: 40px clamp(1.5rem, 1.2674rem + 0.7752vw, 2rem);
  border-radius: 20px;
  background-color: #F0ECE2;
}
.mod_zipsearch:has(.zip-search-image-full) .zip-search-loading, .mod_zipsearch:has(.zip-search-image-full) .zip-search-no-results {
  padding-top: 0.1em;
}
.mod_zipsearch:has(.zip-search-image-full) .zip-search-loading p, .mod_zipsearch:has(.zip-search-image-full) .zip-search-no-results p {
  font-size: clamp(1rem, 0.9419rem + 0.1938vw, 1.125rem);
  font-size: clamp(0.75rem, 0.6919rem + 0.1938vw, 0.875rem);
  line-height: 1.4;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fmodules%5C%2Fmod_zipsearch.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fokal2026.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fokal%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACC%3BEACA%2CeC2EY%3BED1EZ%2CkBCMW%3BEDJX%3B%3BAAEA%3BEEeA%3BEACA%3BEACA%3BEFfC%3BEACA%3BEACA%3BEACA%3BEACA%2CKC8EW%3BED5EX%3B%3BAERD%3BEFAA%3BIAWE%3BIACA%2CgBCiEO%3B%3B%3BAD9DR%3BEACC%3BEACA%3BEACA%3BEACA%2CeCkDU%3BEDjDV%2CkBClBS%3B%3BACRX%3BEFqBC%3BIASE%3B%3B%3BAAIF%3BEACC%3B%3BAEnCF%3BEFkCC%3BIAIE%3B%3B%3BAAGD%3BEACC%3B%3BAAEA%3BEACC%3BEACA%3B%3BAAMH%3BEACC%3B%3BAAGD%3BEGoBE%3BEACA%3BEACA%2COF9EQ%3BED0DT%3BEACA%2CeC4BS%3B%3BAEPR%3BAAAA%3BEAEI%3B%3BAHpBN%3BEACC%3BEACA%2CeC0BU%3B%3BADvBX%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CKCDG%3B%3BADGH%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGD%3BEG0EC%2CaFtGW%3BEEuGX%3BEACA%2CaFnGQ%3BEEoGR%3BEACA%3BEH5EA%2CWCbE%3BEDcF%3BEACA%3BEACA%3BEACA%2CeCfS%3BEDgBT%2COCtFQ%3BEDuFR%2CkBCnFQ%3B%3BADsFT%3BEACC%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAKH%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CkBCjHS%3BEDkHT%2CeChDU%3BEDiDV%3B%3BAAEA%3BEACC%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAEA%3BEAEC%3BEACA%3BEACA%2CeC%5C%2FDO%3B%3BADsEV%3BEACC%3BEACA%3BEACA%2CKC1DQ%3B%3BAD4DR%3BEACC%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACC%3BEACA%2CeCtEQ%3BEDuER%3B%3BAAEA%3BEACC%3BEACA%2CQC1IQ%3B%3BAD6IT%3BEAEC%3BEACA%3BEACA%3B%3BAAIF%3BEG9BC%3BEACA%2CaFrFQ%3BEEsFR%3BEACA%3BEACA%3BEACA%2COF1IQ%3BEDqKR%3BEACA%2CeCzGE%3BED0GF%2COCvKQ%3B%3BAD0KT%3BEG1FC%3BEACA%3BEACA%2COF7FQ%3BEDuLR%2CeChGQ%3BEDiGR%2COCtLQ%3B%3BAE6FR%3BAAAA%3BEAEI%3B%3BAH0FL%3BEACC%3BEACA%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3B%3BAAEA%3BEACC%3B%3BAAGD%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGD%3BEACC%2COChMO%3BEDiMP%3B%3BAAIF%3BEACC%3BEACA%3B%3BAAED%3BEACC%3B%3BAAED%3BAAAA%3BEAEC%3B%3BAAKF%3BEACC%3BEACA%2CYCnJQ%3B%3BAD0JX%3BEACC%3BEACA%3BEACA%3B%3BAAEA%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CYCjNS%3BEDkNT%3B%3BAAIA%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%2CSChLQ%3B%3BADmLT%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CeCtMS%3BEDuMT%3B%3BAAEA%3BEACC%3BEACA%3BEACA%3B%3BAAIF%3BEACC%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGD%3BEACC%3BEACA%2CeC1NS%3BED2NT%2CkBC9RQ%3B%3BADiST%3BEAEC%3B%3BAACA%3BEGlMA%3BEAOI%3BEACA%22%7D */