/* compiled by scssphp 1.6.0 on Sat, 15 Nov 2025 07:02:42 +0000 (0.0796s) */

.contact-modular {
  position: relative;
  background-color: var(--color-2--foreground);
  color: var(--color-grey-1);
  --contact-modular__form-grid-column: 1/-1;
  --contact-modular__form-grid-row: 2;
  --contact-modular__heading-grid-column: 1/-1;
  --contact-modular__heading-grid-row: 1;
  padding-block: 3rem;
}
@media (min-width: 48rem) {
  .contact-modular {
    padding-block: 5rem;
  }
}
@media (min-width: 64rem) {
  .contact-modular {
    padding-block: 7rem;
    --contact-modular__form-grid-column: -8/-1;
    --contact-modular__heading-grid-column: -8/-1;
    --contact-modular__form-grid-row: 2;
  }
}
@media (min-width: 96rem) {
  .contact-modular {
    margin-inline: 3.75rem;
  }
}
.contact-modular__container {
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: subgrid;
  column-gap: 1.875rem;
  grid-template-rows: repeat(4, auto);
}
@media (min-width: 85rem) {
  .contact-modular__container {
    column-gap: 2.5rem;
  }
}
@media (min-width: 96rem) {
  .contact-modular__container {
    column-gap: 5rem;
  }
}
.contact-modular .heading {
  grid-column: var(--contact-modular__heading-grid-column, 1/-1);
  grid-row: var(--contact-modular__heading-grid-row, 1);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  margin-block: 0;
  background-color: var(--color-white);
}
@media (min-width: 64rem) {
  .contact-modular .heading {
    padding: 3rem 3rem 2rem;
  }
}
.contact-modular__form {
  background-color: var(--color-white);
  grid-column: var(--contact-modular__form-grid-column, 1/-1);
  grid-row: var(--contact-modular__form-grid-row, 2);
}
.contact-modular .contact-modular__form {
  padding: 0 1.5rem 1.5rem;
}
@media (min-width: 64rem) {
  .contact-modular .contact-modular__form {
    padding: 0 3rem 3rem;
  }
}
.contact-modular__map {
  grid-column: 1/-1;
  grid-row: 1;
  width: 100%;
  min-height: 20rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 64rem) {
  .contact-modular__map {
    grid-column: 1/6;
    grid-row: 1/-1;
    min-height: auto;
  }
}
.contact-modular__map .map {
  width: 100%;
  height: 100%;
  min-height: 20rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 64rem) {
  .contact-modular__map .map {
    min-height: auto;
    height: 100%;
  }
}
.contact-modular__map .leaflet-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 20rem;
  flex: 1;
}
@media (min-width: 64rem) {
  .contact-modular__map .leaflet-container {
    min-height: auto;
    height: 100% !important;
  }
}
.contact-modular.--form-map .contact-modular__container {
  grid-template-rows: auto auto auto;
}
@media (min-width: 64rem) {
  .contact-modular.--form-map .contact-modular__container {
    grid-template-rows: auto auto;
  }
}
.contact-modular.--form-map .heading {
  grid-row: 2;
}
@media (min-width: 64rem) {
  .contact-modular.--form-map .heading {
    grid-column: 6/-1;
    grid-row: 1;
  }
}
.contact-modular.--form-map .contact-modular__form {
  grid-row: 3;
}
@media (min-width: 64rem) {
  .contact-modular.--form-map .contact-modular__form {
    grid-column: 6/-1;
    grid-row: 2;
  }
}
.contact-modular.--form-map .contact-modular__map {
  grid-row: 1;
}
@media (min-width: 64rem) {
  .contact-modular.--form-map .contact-modular__map {
    grid-column: 1/6;
    grid-row: 1/-1;
  }
}
.contact-modular .card.--contact-information {
  grid-column: 1/-1;
  grid-row: 3;
  margin-block-start: 1.5rem;
}
@media (min-width: 64rem) {
  .contact-modular .card.--contact-information {
    grid-column: 1/6;
    grid-row: 1/-1;
    margin-block-start: 0;
  }
}
.contact-modular.--form-contact .card__link {
  display: flex;
  flex-direction: column;
  gap: 0;
  color: var(--color-grey-1);
}
.contact-modular.--form-contact .card__information {
  background: none;
  box-shadow: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  font-size: 1rem;
}
.contact-modular.--form-contact .card__information p {
  margin-block-end: 0;
  font-family: var(--font-family--body);
  font-weight: var(--font-weight--regular);
  font-size: 1rem;
}
@media (min-width: 64rem) {
  .contact-modular.--form-contact .card__information p {
    font-size: 1.125rem;
  }
}
.contact-modular.--form-contact .card__information p:empty {
  display: none;
}
.contact-modular.--form-contact .card__title {
  margin-block-start: 1.25rem;
  font-size: 1.125rem;
  font-weight: var(--font-weight--semibold);
}
.contact-modular.--form-contact .card__title:first-child {
  margin-block-start: 0;
}
.contact-modular.--form-contact .card__postalcode, .contact-modular.--form-contact .card__phone, .contact-modular.--form-contact .card__email, .contact-modular.--form-contact .card__street, .contact-modular.--form-contact .card__kvk, .contact-modular.--form-contact .card__btw {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.contact-modular.--form-contact .card__email {
  margin-block-start: 1.25rem;
}
.contact-modular.--form-contact .card__socials {
  list-style: none;
  padding: 0;
  margin-block: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.contact-modular.--form-contact .card__socials a {
  width: 3.1875rem;
  height: 3.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: solid 0.0625rem var(--color-grey-6);
  text-decoration: none;
  transition: 0.4s ease-in-out;
  font-size: 1.25rem;
  position: relative;
}
.contact-modular.--form-contact .card__socials a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 0;
  background-color: var(--color-2);
  transition: 0.28s ease-in-out;
}
.contact-modular.--form-contact .card__socials a:hover, .contact-modular.--form-contact .card__socials a:focus-visible {
  border-color: var(--color-2);
  background-color: transparent;
  color: var(--color-white);
}
.contact-modular.--form-contact .card__socials a:hover::before, .contact-modular.--form-contact .card__socials a:focus-visible::before {
  height: 100%;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Flangman%2Fdomains%2Flangman.draad.dev%2Fpublic_html%2Fwp-content%2Fthemes%2Flangman%2Fsass%2Fsections%2Fcontact.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%22%7D */