@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica 587ebe5a59211";
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quichesans;
  src: url('../fonts/Fontspring-DEMO-quichesans-thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quichesans;
  src: url('../fonts/Fontspring-DEMO-quichesans-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quichesans;
  src: url('../fonts/Fontspring-DEMO-quichesans-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --silver: #c2bbb3;
  --midnight-blue: #1f3348;
  --gainsboro: #e4ded7;
  --grey: #858585;
  --seashell: #f3eeea;
  --dark-slate-grey: #254f5f;
  --black: #222;
  --dark-grey: #b2b2b2;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #222;
  background-color: #fcfcfa;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.6em;
  font-weight: 500;
  line-height: 1.3;
}

h2 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.8em;
  font-weight: 500;
  line-height: 1.3;
}

h3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.3;
}

h5 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1;
}

h6 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1;
}

p {
  margin-bottom: 0;
  font-size: 1em;
}

a {
  font-size: 1em;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5em;
  font-size: 1em;
}

ol {
  margin-bottom: 0;
  padding-left: 2.5em;
  font-size: 1em;
}

li {
  margin-bottom: .5em;
}

label {
  padding-left: 40px;
  font-size: 1em;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: 600;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 0;
  padding: 1em 1em 1em 1.5em;
  font-size: 1em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.6;
}

.style-guide-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: stretch;
  padding-top: 5em;
  padding-bottom: 5em;
  display: grid;
}

.license-images {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  column-count: 6;
  column-rule-style: none;
  column-rule-width: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
}

.license-image {
  margin-bottom: 16px;
}

.rich-text-block {
  font-size: 1em;
}

.rich-text-block p {
  margin-bottom: 1em;
  font-size: .8em;
}

.rich-text-block h1 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 2.2em;
}

.rich-text-block h2 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.8em;
}

.rich-text-block h3 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.5em;
}

.rich-text-block h4 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.25em;
}

.rich-text-block h5 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.1em;
}

.rich-text-block h6 {
  margin-top: .5em;
  margin-bottom: .5em;
}

.rich-text-block ul {
  margin-top: 1.8em;
  margin-bottom: 2em;
  font-size: .8em;
}

.rich-text-block ol {
  margin-top: 1.5em;
  margin-bottom: 2em;
  font-size: .8em;
}

.rich-text-block blockquote {
  margin-top: 1.5em;
  margin-bottom: 2em;
}

.style-label {
  color: #ffffffe6;
  text-shadow: 0 1px #0000001f;
  background-color: #a95889;
  border-radius: 3px;
  padding: .6em;
  font-size: .7em;
  font-weight: 400;
  line-height: 100%;
  box-shadow: inset 0 0 0 1px #0000001f;
}

.style-label.class {
  background-color: #3b79c3;
}

.hero-i-can-help {
  color: #222;
  letter-spacing: 0;
  max-width: 30rem;
  margin-bottom: 1vw;
  margin-left: 0;
  padding-top: 2rem;
  font-family: Quichesans, sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 3rem;
}

.section-hero {
  background-color: #0000;
  background-image: linear-gradient(#ffffff78, #ffffffc9), url('../images/Blond-Advocatuur-Header.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 100vh;
  padding: 10vh 10vw 12vh 7vw;
  display: flex;
}

.hero-heading {
  color: #222;
  letter-spacing: normal;
  text-transform: uppercase;
  max-width: none;
  font-family: Quichesans, sans-serif;
  font-size: 2.6rem;
  font-weight: 300;
  line-height: 110%;
  position: relative;
}

.hero-heading._2nd {
  max-width: none;
  margin-left: .5vw;
  font-family: Inter, sans-serif;
  font-size: 3rem;
  font-weight: 500;
}

.section-author {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.author-photo {
  justify-content: flex-end;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.author-content {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 55%;
  padding-top: 10vh;
  display: flex;
  position: sticky;
  top: 20vh;
}

.author-copy {
  letter-spacing: -.025em;
  max-width: 30rem;
  font-size: 1.2em;
  line-height: 1.8;
}

.section-about {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  grid-template-rows: minmax(220px, auto);
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(220px, auto);
  grid-auto-columns: 1fr;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15vh;
  display: grid;
}

.services-cell {
  color: #3d3930;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 15%;
  display: flex;
}

.client-review {
  margin-bottom: 30px;
  font-size: 1em;
}

.client-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 40ch;
  margin-left: 5%;
  display: flex;
}

.client-photo {
  border-radius: 50%;
  max-width: 240px;
  margin-bottom: 10vh;
}

.quotes-item {
  background-color: #fcfcfa;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 200px auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding: 60px 10% 60px 15%;
  display: flex;
  position: sticky;
  bottom: 0;
}

.quotes-item._2nd {
  z-index: 9;
}

.quotes-item._3rd {
  z-index: 8;
}

.quotes-item._1st {
  z-index: 10;
}

.client-name {
  color: #615c56;
  flex-direction: row;
}

.submit-button {
  color: #ecebea;
  background-color: #6c5f4b;
  border: 1px solid #0000;
  margin-left: 30px;
  margin-right: 30px;
  padding: 15px 40px;
  line-height: 100%;
  transition: box-shadow .3s, border-color .3s, color .3s, background-color .3s;
}

.submit-button:hover {
  background-color: #75654c;
  box-shadow: 0 20px 40px -23px #30060c;
}

.submit-button.password {
  margin-top: 30px;
  margin-left: 0;
  margin-right: 0;
}

.text-field {
  background-color: #0000;
  border: 0 solid #0000;
  border-bottom: 1px solid #da7a88;
  width: 100%;
  height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 10px 0 40px;
  font-size: 1.3em;
  font-weight: 400;
  transition: border-color .3s;
}

.text-field:hover, .text-field:active, .text-field:focus {
  border-bottom-color: #f1d2d7;
}

.text-field.password {
  padding-left: 0;
}

.section-quotes {
  grid-column-gap: 0vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 25% 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.quotes-heading {
  color: #ecebea;
  max-width: 6ch;
  font-family: Quichesans, sans-serif;
  font-weight: 300;
  position: relative;
}

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

.slider-arrow {
  cursor: w-resize;
  width: 30%;
}

.slider-arrow.right {
  cursor: e-resize;
  width: 40%;
}

.slide-nav {
  font-size: .4em;
}

.quotes-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.quotes-right {
  grid-column-gap: 16px;
  grid-row-gap: 0vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 25vh;
  display: grid;
}

.section-faq {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-bottom: 15vh;
  display: grid;
}

.faq-question {
  color: #6c5f4b;
  max-width: 24ch;
  margin-bottom: 1em;
  font-family: Quichesans, sans-serif;
  font-size: 2.4rem;
  line-height: 3.4rem;
}

.faq-answer {
  max-width: 36ch;
}

.faq-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding: 10%;
  display: flex;
}

.contacts-link {
  border-bottom: 1px solid var(--silver);
  color: #222;
  letter-spacing: -.015em;
  background-image: url('../images/Link.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  padding-left: 2.8em;
  font-size: 1.2em;
  transition: border-color .3s, color .3s;
}

.contacts-link:hover {
  border-bottom-color: var(--midnight-blue);
  color: var(--midnight-blue);
}

.contacts-link.email {
  background-image: url('../images/Mail_1.svg');
}

.contacts-link.phone {
  background-image: url('../images/Phone.svg');
}

.contacts-link.insta {
  background-image: url('../images/Insta.svg');
  background-size: 32px 32px;
}

.contacts-link.insta.hidden {
  display: none;
}

.contacts-link.location {
  background-image: url('../images/map-pin.svg');
}

.contacts-link.location:hover {
  border-bottom-color: #0000;
}

.contacts-link.location.last {
  background-image: url('../images/Location.svg');
  border-bottom-width: 1px;
  border-bottom-color: #0000;
}

.footer {
  background-color: var(--midnight-blue);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 10%;
  font-size: .7em;
  display: flex;
}

.footer-link {
  color: var(--gainsboro);
  border-bottom: 1px solid #584d3d00;
  padding-right: 10px;
  transition: border-color .2s, color .2s;
}

.footer-link:hover {
  color: var(--gainsboro);
  border-bottom: 1px solid #584d3d80;
}

.container-contacts {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.section-contacts {
  background-color: var(--gainsboro);
  padding-top: 12vh;
  padding-bottom: 10vh;
  overflow: hidden;
}

.utility-page-wrap {
  background-color: #fafcfc;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 320px;
  font-size: .8em;
  display: grid;
}

.utility-page-form {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.license-videos {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.license-video {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 50%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: grid;
}

.copyright {
  color: var(--gainsboro);
  font-weight: 400;
}

.hero-content {
  color: #fff;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
}

.section-slogan {
  flex-direction: column;
  align-items: center;
  padding-top: 20vh;
  padding-bottom: 25vh;
  display: flex;
}

.section-slogan.motto {
  background-color: #e5dfd5;
  flex-direction: column;
  align-items: center;
  padding-top: 15vh;
  display: flex;
}

.about-3rd-content {
  margin-left: auto;
  margin-right: auto;
}

.about-copy {
  letter-spacing: -.02em;
  max-width: 22ch;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2em;
  line-height: 1.8;
}

.slogan-title {
  color: #6c5f4b;
  margin-bottom: 10px;
}

.about-2nd {
  color: #3d3930;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 15%;
  padding-left: 10%;
  display: flex;
}

.about-1st {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.about-3rd {
  background-color: #0000;
  width: 100%;
  max-width: 400px;
  height: 400px;
  margin-left: 15%;
}

.hero-cover {
  -webkit-text-fill-color: inherit;
  background-color: #e5dfd5;
  background-clip: border-box;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.overflow-hidden {
  position: relative;
  overflow: hidden;
}

.container-slogan {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.style-row {
  grid-column-gap: 0px;
  grid-row-gap: .5em;
  border-bottom: 1px solid #ebebeb;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: baseline start;
  padding: 2em 10%;
  display: grid;
}

.style-row.in-header {
  grid-column-gap: 1.5em;
  grid-row-gap: .5em;
  background-color: #eceff1;
  border-bottom-style: none;
  border-bottom-width: 0;
  border-radius: .5em;
  grid-template-columns: max-content 1fr;
  align-content: center;
  padding: 1em 1.5em;
}

.span-surname {
  font-weight: 300;
}

.slogan-line {
  background-color: #ecebea;
  height: 4px;
}

.slogan-lines {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.slogan-lines.motto {
  font-size: 1.2em;
}

.quotes-background {
  background-color: #ada89e;
  width: 100%;
  height: 100%;
  position: absolute;
}

.faq-left {
  padding-top: 50vh;
  padding-left: 4vw;
}

.faq-right {
  color: #706d69;
  background-color: #ebeae9;
  border: 4vw solid #fafcfc;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 100vh;
  padding-bottom: 15%;
  display: flex;
  position: sticky;
  top: 0;
}

.contacts-links {
  flex-direction: column;
  display: flex;
}

.contacts-heading {
  font-family: Quichesans, sans-serif;
  font-weight: 300;
}

.text-with-0-8-em {
  font-size: .8em;
}

.text-with-0-8-em.default {
  border: .05em solid #0000001f;
  border-radius: 2em;
  margin-left: -1.05em;
  padding: .4em 1em;
}

.style-guide-header {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  border-bottom: 1px solid #ebebeb;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 10%;
  display: grid;
}

.footer-links {
  grid-column-gap: 2em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-links.hidden {
  display: block;
}

.span-em {
  color: #757575;
  font-size: .8em;
}

.faq-heading {
  font-family: Quichesans, sans-serif;
  font-weight: 300;
}

.info-grid {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 8%;
  font-size: .8em;
  display: grid;
}

.works-link {
  color: #222;
  width: 100%;
  max-width: 400px;
  transition: color .3s;
}

.works-link:hover {
  color: #2374ab;
}

.works-background {
  background-color: #fff;
  height: 7%;
}

.license-icons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content max-content max-content max-content max-content;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  display: grid;
}

.license {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: .8em;
}

.logo-text {
  color: var(--midnight-blue);
  letter-spacing: .4em;
  text-transform: uppercase;
  font-family: Quichesans, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
}

.password-heading {
  max-width: 8ch;
}

.heading {
  font-family: Quichesans, sans-serif;
  font-weight: 300;
}

.nav-link {
  color: #000;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.nav-link:hover {
  color: #ad9152;
}

.brand {
  align-items: center;
  margin-right: 40px;
  display: flex;
}

._001-nav-btn-wrap {
  z-index: 101;
  padding: 0;
}

._001-nav-btn-wrap.w--open {
  background-color: #0000;
}

.off-other-column {
  grid-column-gap: 0px;
  grid-row-gap: 72px;
  border-left: 1px solid #ffffff4d;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 180px;
  padding-left: 90px;
  display: grid;
}

.off-other-column.hidden {
  display: none;
}

.connect-text {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 12px;
  line-height: 14px;
}

.brand-2 {
  z-index: 101;
  color: #1a1a1f;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.social-wrap {
  align-items: center;
  display: flex;
}

.small-link {
  color: #fff;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.huge-link {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 35px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-size: 70px;
  line-height: 76px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.huge-link._3, .huge-link._1, .huge-link._2, .huge-link._4 {
  color: #222;
}

.off-canvas-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  max-width: 1110px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: auto;
}

.hamburger-middle {
  background-color: #afafaf;
  width: 100%;
  height: 2px;
}

.off-main-linka {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 180px;
  display: flex;
}

.hamburger-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  width: 60px;
  height: 20px;
  display: flex;
}

.social-icon {
  opacity: .7;
  background-image: url('../images/Twitter-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-right: 24px;
  transition: opacity .3s;
}

.social-icon:hover {
  opacity: 1;
}

.social-icon.insta {
  background-image: url('../images/Insta-icon.svg');
}

.social-icon.dribbble {
  background-image: url('../images/Dribble-icon.svg');
}

.social-icon.fb {
  background-image: url('../images/Facebook-icon.svg');
}

.hamburger-top {
  background-color: #afafaf;
  width: 100%;
  height: 2px;
}

.big-overlay {
  background-color: #b3a99a;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.hamburger-bottom {
  background-color: #afafaf;
  width: 100%;
  height: 2px;
}

.white {
  color: #fff;
}

.white.op70 {
  opacity: .7;
}

.connect-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

._001-nav-container {
  flex: 1;
  width: auto;
  max-width: 105rem;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.hover-line {
  background-color: #fec483;
  width: 100%;
  height: 16px;
  position: absolute;
  top: auto;
  bottom: auto;
}

._001-nav {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fff;
  border: 1px #000;
  border-bottom: 1px solid #d6dde2;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: end;
}

.grid-two-column.align-centre {
  grid-column-gap: 70px;
  align-items: center;
}

.grid-two-column.align-centre.centered {
  grid-column-gap: 70px;
}

.grid-two-column.align-centre.centered.align-top {
  align-items: start;
}

.grid-two-column.margin-top-64 {
  margin-top: 64px;
}

.button-grid {
  grid-template-rows: auto;
  align-items: stretch;
}

.container-regular {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-cover-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.h1-heading {
  max-width: 60rem;
  color: var(--midnight-blue);
  text-align: left;
  letter-spacing: -.04em;
  align-self: flex-start;
  margin-top: 2rem;
  font-family: Quichesans, sans-serif;
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 1.2;
}

.h1-heading._5rem {
  font-size: 5rem;
}

.paragraph-large {
  max-width: 40rem;
  color: var(--grey);
  letter-spacing: -.02em;
  font-size: 1.4rem;
  line-height: 2rem;
}

.paragraph-large.text-color-black {
  color: #494949;
  text-align: left;
  align-self: flex-start;
  max-width: 50rem;
  margin-top: 2rem;
  font-family: Inter, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}

.paragraph-large.hidden {
  display: none;
}

.placeholder-image-tall {
  border-radius: 12px;
  width: 100%;
  max-width: 700px;
  height: 800px;
  overflow: hidden;
}

.button-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.section-regular {
  background-color: var(--seashell);
  padding: 100px 5%;
  position: relative;
}

.section-regular.beige-bg {
  background-color: var(--seashell);
}

.section-regular.beige-bg.vh50 {
  align-items: center;
  height: 50vh;
  display: flex;
}

.section-regular.hidden {
  display: none;
}

.section-regular.white-bg {
  background-color: #f8f5f2;
}

.section-regular.white {
  background-color: #fff;
}

.section-regular.blue {
  background-color: var(--dark-slate-grey);
}

.heading-detail-small {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.heading-detail-small.margin-bottom-12 {
  margin-bottom: 12px;
}

.heading-detail-small.text-color-white {
  color: #fff;
}

.heading-detail-small.text-color-white.margin-bottom-12 {
  color: var(--silver);
  text-align: left;
  letter-spacing: 1rem;
  align-self: flex-start;
  font-family: Quichesans, sans-serif;
  font-size: 1rem;
  font-weight: 100;
}

.heading-detail-small.text-color-white.margin-bottom-12.center {
  align-self: center;
}

.heading-detail-small.text-color-white.margin-bottom-12.darker {
  color: var(--dark-slate-grey);
}

.header-full-image {
  background-image: linear-gradient(#ffffffd9, #ffffffd9), url('../images/Blond-Advocatuur-Hamer-en-Weegschaal.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: auto;
  margin-top: 0;
  padding: 120px 5%;
  display: flex;
  position: relative;
}

.margin-top-32 {
  align-self: flex-start;
  margin-top: 32px;
}

.h2-heading {
  max-width: 50rem;
  color: var(--midnight-blue);
  text-align: left;
  letter-spacing: -.04em;
  margin-top: 0;
  font-family: Quichesans, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.h2-heading.beige {
  color: var(--silver);
}

.h2-heading.beige._1rem {
  margin-top: 1rem;
}

.flex-wrapper-centre {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 0;
  display: flex;
  position: relative;
}

.button-white {
  clear: both;
  background-color: var(--dark-slate-grey);
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 10px;
  outline: 2px solid #0000;
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 120px;
  min-height: 48px;
  padding: 12px 32px;
  font-family: Quichesans, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.button-white:hover {
  background-color: var(--midnight-blue);
  color: #fff;
}

.button-white:active {
  background-color: var(--midnight-blue);
}

.button-white:focus {
  outline-color: var(--dark-slate-grey);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: solid;
}

.button-white.transparant {
  border: 1px none var(--dark-slate-grey);
  background-color: var(--gainsboro);
  min-height: auto;
  color: var(--black);
  margin-left: 20px;
}

.button-white.transparant:focus {
  outline-color: var(--silver);
}

.button-white.mt20 {
  min-height: auto;
}

.button-text {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 100;
}

.button-text.transparant-button {
  color: var(--black);
  font-weight: 300;
}

.nav-menu {
  color: #000;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: static;
}

.nav-menu.hidden {
  display: flex;
}

.navigation-menu {
  align-items: center;
  display: flex;
}

.navigation-wrapper {
  z-index: 999999;
  text-align: center;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.navigation {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 90px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.navigation-container {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20rem;
  display: flex;
}

.navigation-container.topbar {
  justify-content: flex-start;
}

.navigation-button-wrapper {
  align-items: center;
  display: flex;
}

.close-link {
  position: absolute;
  inset: auto 12px auto auto;
}

.button-navigation {
  background-color: var(--dark-slate-grey);
  color: #fff;
  border-radius: 10px;
  padding: 12px 20px;
  font-family: Quichesans, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  transition: all .35s;
}

.button-navigation:hover {
  background-color: var(--dark-slate-grey);
  font-family: Quichesans, sans-serif;
}

.navigation-link {
  min-width: auto;
  color: var(--black);
  letter-spacing: -.02em;
  text-transform: none;
  padding: 10px 20px;
  font-family: Quichesans, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 32px;
  transition: all .35s;
}

.navigation-link:hover {
  color: var(--dark-slate-grey);
}

.navigation-link.w--current {
  color: var(--dark-slate-grey);
  font-weight: 400;
}

.navigation-link.hidden {
  display: block;
}

.navigation-link.hiddendesktop {
  display: none;
}

.two-buttons {
  text-align: left;
  flex-direction: row;
  display: flex;
}

.two-buttons.margin-top-32 {
  justify-content: flex-start;
  align-items: center;
}

.two-buttons.margin-top-32.center {
  justify-content: center;
  margin-top: 60px;
}

.form-submit-button {
  background-color: var(--dark-slate-grey);
  color: #fff;
  text-align: left;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-family: Quichesans, sans-serif;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.contact-text-field {
  border: 1px solid var(--dark-grey);
  color: #1a1a1a;
  border-radius: 10px;
  width: 100%;
  min-height: 60px;
  margin-bottom: 0;
  padding: 10px 16px 10px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  transition: all .25s;
}

.contact-text-field:focus {
  border-color: var(--dark-slate-grey);
  color: #160042;
}

.contact-text-field::placeholder {
  color: gray;
}

.form-button-wrapper {
  border-top: 1px #e6e6e6;
  justify-content: flex-end;
  margin-top: 64px;
  padding-top: 24px;
  display: flex;
}

.paragraph-regular {
  color: var(--grey);
  text-align: justify;
  letter-spacing: -.02em;
  padding-top: 1rem;
  font-size: 1.2rem;
  line-height: 2rem;
}

.paragraph-regular.text-weight-semibold {
  color: var(--black);
  font-weight: 600;
}

.paragraph-regular.margin-bottom {
  margin-bottom: 1rem;
}

.paragraph-regular.white {
  opacity: .8;
  color: #fff;
}

.section-regular-2 {
  padding: 92px 5%;
  position: relative;
}

.contact-grid {
  grid-column-gap: 92px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.text-field-wrapper {
  flex-direction: column;
  align-items: flex-start;
}

.contact-icon {
  width: 32px;
  height: 32px;
  color: var(--dark-slate-grey);
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.paragraph-small-regular {
  color: var(--dark-slate-grey);
  font-size: 14px;
  line-height: 24px;
}

.contact-line {
  background-color: var(--dark-grey);
  height: 1px;
  margin-top: 32px;
  margin-bottom: 14px;
}

.grid-one-column {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.text-field-message {
  border: 1px solid var(--dark-grey);
  color: #1a1a1a;
  border-radius: 20px;
  width: 100%;
  min-height: 180px;
  margin-bottom: 0;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  transition: all .25s;
}

.text-field-message:focus {
  border-color: var(--dark-slate-grey);
  color: #160042;
}

.text-field-message::placeholder {
  color: gray;
}

.contact-card {
  background-color: #fff;
  border: 1px solid #f7f7f7;
  border-radius: 10px;
  width: 100%;
  max-width: 510px;
  margin-left: auto;
  padding: 64px;
  box-shadow: 9px 34px 64px -14px #4d4d4d26;
}

.text-field-icon-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.container-large {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.contact-field-label {
  color: #333;
  letter-spacing: -.01em;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.contact-success-message {
  color: #40bf6a;
  background-color: #f4fbf6;
}

.placeholder-image-wide {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-top: 64px;
  display: flex;
  overflow: hidden;
}

.text-block-4, .text-block-6 {
  font-size: 1.4rem;
  font-weight: 300;
}

.gebieden-list {
  color: var(--grey);
  margin-top: 1rem;
  margin-bottom: 1em;
  padding-left: 2em;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  list-style-type: disc;
}

.gebieden-list.margin-top-32 {
  margin-top: 2rem;
}

.mt40 {
  padding-top: 40px;
}

.team-section {
  padding: 120px 5% 140px;
  overflow: hidden;
}

.team-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding: 40px;
  display: flex;
}

.team-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.title-large {
  color: #96c1ca;
  letter-spacing: 4px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.team-block-01 {
  background-color: var(--dark-slate-grey);
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-role {
  color: var(--dark-slate-grey);
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.social-icons {
  margin-top: 32px;
}

.social-icons.hidden {
  display: none;
}

.team-name {
  color: var(--midnight-blue);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Quichesans, sans-serif;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 36px;
}

.heading-large {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.team-block-02 {
  background-color: var(--silver);
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: auto;
  display: flex;
}

.team-card {
  border-radius: 14px;
  align-items: stretch;
  height: auto;
  min-height: auto;
  display: flex;
  overflow: hidden;
  box-shadow: 17px 17px 42px 20px #e5e5e5cc;
}

.team-container {
  text-align: left;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.social-icon-wrap {
  padding: 7px;
  transition: transform .3s;
}

.social-icon-wrap:hover {
  transform: scale(1.2);
}

.team-paragraph {
  color: var(--grey);
  text-align: justify;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 28px;
}

.team-paragraph.center {
  text-align: justify;
}

.team-paragraph.align-left {
  text-align: left;
}

.heading-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.italic-text, .italic-text-2 {
  padding-top: 20px;
  display: block;
}

.margin-medium {
  background-color: var(--seashell);
  padding-top: 0;
}

.hours-block {
  margin-top: 40px;
}

.contact-image-wormerveer {
  width: 100%;
  height: 100rem;
}

.section {
  background-image: url('../images/Wormerveer-Zaanbocht.jpg');
  background-position: 50%;
  background-size: cover;
  height: 40rem;
}

.section.vh50 {
  height: 50vh;
}

.section-2 {
  background-color: var(--dark-slate-grey);
}

.topbar {
  background-color: var(--silver);
  justify-content: center;
  align-items: center;
  height: 2.4rem;
  display: flex;
}

.topbar.hide {
  display: none;
}

.paragraph {
  color: #fff;
  text-align: left;
  font-size: 1rem;
}

.paragraph.topbar {
  color: var(--midnight-blue);
  font-weight: 500;
}

.text-span, .text-span-2 {
  font-family: Inter, sans-serif;
}

.text-span-3 {
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.text-span-4 {
  font-family: Inter, sans-serif;
}

.h3-heading {
  font-family: Inter, sans-serif;
  font-size: 2rem;
}

.list-item {
  margin-bottom: 2rem;
  font-style: normal;
}

.image {
  width: 141.379%;
  max-width: 100vh;
  height: 100%;
  display: block;
}

.advocaat-picture, .image-3 {
  object-fit: cover;
  height: 100%;
}

.link {
  color: var(--dark-grey);
  font-weight: 800;
}

.header-full-image-person {
  background-image: linear-gradient(#ffffffd1, #ffffffd1), url('../images/Personen--en-familierecht.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: auto;
  margin-top: 0;
  padding: 120px 5%;
  display: flex;
  position: relative;
}

.h2-heading-section {
  max-width: none;
  color: var(--midnight-blue);
  letter-spacing: -.04em;
  margin-top: 0;
  font-family: Quichesans, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.text-span-5 {
  font-family: Inter, sans-serif;
}

.div-block {
  max-width: 70rem;
}

.header-full-image-criminal {
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/Rechtenboek.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: auto;
  margin-top: 0;
  padding: 120px 5%;
  display: flex;
  position: relative;
}

.image-section-left, .image-anouk {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-block-7 {
  color: #e4ded7;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-3 {
  min-width: 1%;
}

.specalismen {
  padding: 10px 40px 40px;
}

.grid-person._1row {
  grid-template-rows: auto;
}

.text-span-6 {
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.link-2, .link-3 {
  color: var(--dark-slate-grey);
}

.header-full-image-tarieven {
  background-image: linear-gradient(#0000, #ffffffe8 63%), url('../images/Blond-Advocatuur-Header.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 70vh;
  min-height: auto;
  margin-top: 0;
  padding: 120px 5% 0;
  display: flex;
  position: relative;
}

.icon {
  color: #160042;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.mobile-call {
  display: none;
}

.placeholder-image-small {
  border-radius: 12px;
  width: 100%;
  max-width: 700px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.button {
  color: var(--silver);
  background-color: #0000;
  padding-left: 0;
  padding-right: 10px;
}

.icon-2 {
  background-color: var(--silver);
  width: 24px;
  height: 24px;
  color: var(--dark-slate-grey);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-button-wrapper {
  flex-direction: row;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.gradient-overlay {
  background-image: linear-gradient(360deg, #c2bbb3e3, #b2b2b269);
  position: absolute;
  inset: 0%;
}

.link-text {
  color: var(--silver);
  padding-right: 10px;
  font-weight: 600;
}

.team-section-short {
  padding: 120px 5% 140px;
  overflow: hidden;
}

.header-full-image-about {
  background-image: linear-gradient(#ffffffbd, #ffffffbd), url('../images/Header-Beeld.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: auto;
  margin-top: 0;
  padding: 120px 5%;
  display: flex;
  position: relative;
}

.contact-icon-2 {
  color: #254f5f;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 14px;
  display: flex;
}

.paragraph-regular-2 {
  color: #858585;
  text-align: justify;
  letter-spacing: -.02em;
  padding-top: 1rem;
  font-size: 1.2rem;
  line-height: 2rem;
}

.paragraph-regular-2.text-weight-semibold {
  color: #222;
  font-weight: 600;
}

.paragraph-small-regular-2 {
  color: #254f5f;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.4em;
  }

  h2 {
    font-size: 2.6em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.6em;
  }

  h5 {
    font-size: 1.3em;
  }

  h6 {
    font-size: 1em;
  }

  p {
    font-size: .9em;
  }

  .hero-i-can-help {
    margin-bottom: 1em;
    margin-left: .4em;
    font-size: 1em;
  }

  .hero-heading {
    font-size: 3em;
  }

  .author-copy {
    font-size: 1em;
  }

  .section-about {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-rows: minmax(200px, auto);
    grid-auto-rows: minmax(200px, auto);
    padding-bottom: 10vh;
  }

  .quotes-item {
    grid-template-columns: 200px auto;
  }

  .section-quotes {
    grid-template-columns: 30% 1fr;
  }

  .section-faq {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 10vh;
  }

  .contacts-link {
    padding-right: 1em;
    font-size: 1em;
  }

  .container-contacts {
    grid-template-columns: .75fr 1fr;
  }

  .section-contacts {
    padding-top: 10vh;
  }

  .section-slogan {
    padding-top: 15vh;
    padding-bottom: 20vh;
  }

  .section-slogan.motto {
    padding-bottom: 20vh;
  }

  .about-copy {
    font-size: 1em;
  }

  .about-2nd {
    padding-left: 0%;
  }

  .about-3rd {
    margin-left: 0%;
  }

  .style-row {
    padding-right: 10%;
  }

  .slogan-lines.motto {
    font-size: 1em;
  }

  .faq-left {
    padding-top: 25vh;
  }

  .style-guide-header {
    grid-template-columns: max-content;
  }

  .footer-links {
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
    display: flex;
  }

  .footer-links.hidden {
    margin-top: 1rem;
  }

  .works-link {
    max-width: 320px;
  }

  .license {
    padding-left: 40px;
    padding-right: 40px;
  }

  .logo-text {
    font-size: 1rem;
  }

  .nav-link {
    text-align: left;
    justify-content: flex-start;
    width: 100%;
  }

  .nav-link:hover {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .brand {
    margin-right: 10px;
    padding: 0;
  }

  .huge-link {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 48px;
  }

  .huge-link._1 {
    margin-bottom: 10px;
  }

  .hamburger-wrapper {
    width: 40px;
  }

  .hover-line {
    height: 8px;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .placeholder-image-tall {
    max-width: 100%;
    height: 500px;
  }

  .nav-menu {
    background-color: #fff;
    height: auto;
    position: absolute;
    top: 80px;
  }

  .navigation-menu {
    align-items: center;
    display: flex;
  }

  .navigation {
    padding-left: 3%;
    padding-right: 3%;
  }

  .navigation-container {
    position: relative;
  }

  .navigation-container.topbar {
    justify-content: center;
    align-items: center;
  }

  .menu-button-2 {
    background-color: var(--dark-slate-grey);
    color: #fff;
    border-radius: 10px;
    margin-left: 14px;
    padding: 12px;
    transition: all .3s;
  }

  .menu-button-2:hover {
    color: #fff;
    background-color: #4c4d90;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #5c5da7;
  }

  .menu-button-2.hidden {
    background-color: var(--dark-slate-grey);
    border-radius: 10px;
    display: none;
  }

  .navigation-button-wrapper {
    align-items: center;
    display: flex;
  }

  .navigation-link {
    color: #262626;
    width: 100%;
  }

  .navigation-link.hiddendesktop {
    display: block;
  }

  .contact-grid, .grid-one-column {
    grid-template-columns: 1fr;
  }

  .contact-card {
    margin-right: auto;
  }

  .container-large.verticalmobile {
    flex-direction: column;
    align-items: center;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .topbar {
    justify-content: center;
    align-items: center;
  }

  .specalismen {
    padding-top: 0;
  }

  .grid-person, .grid-2 {
    grid-template-columns: 1fr;
  }

  .placeholder-image-small {
    max-width: 100%;
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.4em;
  }

  h2 {
    font-size: 2.1em;
  }

  h3 {
    font-size: 1.7em;
  }

  h4 {
    font-size: 1.4em;
  }

  h5 {
    font-size: 1.2em;
  }

  .hero-i-can-help {
    max-width: 500px;
    margin-left: 2px;
    font-size: 1.2em;
  }

  .section-hero {
    padding-left: 10vw;
    padding-right: 5vw;
  }

  .hero-heading {
    font-size: 11vw;
  }

  .section-author {
    flex-direction: column;
  }

  .author-photo {
    width: 100%;
    padding-bottom: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .author-content {
    align-self: flex-start;
    width: 100%;
    padding-bottom: 10vh;
    padding-left: 10%;
    padding-right: 10%;
  }

  .author-copy {
    max-width: 30ch;
  }

  .section-about {
    grid-row-gap: 0vw;
    grid-template-rows: minmax(auto, auto);
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(auto, auto);
    padding-bottom: 5vh;
  }

  .client-photo {
    width: 240px;
  }

  .quotes-item {
    grid-template-columns: 1fr;
    padding-left: 10%;
  }

  .section-quotes {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .quotes-heading {
    margin-top: 10%;
    margin-left: 10%;
  }

  .quotes-left {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: 50vh;
  }

  .quotes-right {
    grid-row-gap: 10vh;
    padding-top: 0;
  }

  .section-faq {
    grid-row-gap: 0vh;
    grid-template-columns: 1fr;
    padding-bottom: 5vh;
  }

  .faq-question {
    font-size: 1.3em;
  }

  .faq-item {
    justify-content: center;
    min-height: auto;
    padding-left: 10%;
    padding-right: 10%;
  }

  .footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-contacts {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    justify-items: stretch;
    margin-left: 0;
    margin-right: 0;
  }

  .section-contacts {
    padding-left: 10%;
  }

  .utility-page-form {
    grid-template-columns: 1fr;
  }

  .copyright {
    margin-bottom: 2em;
  }

  .hero-content {
    margin-left: 0;
  }

  .section-slogan {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .section-slogan.motto {
    padding-bottom: 12vh;
  }

  .about-copy {
    max-width: 30ch;
  }

  .about-2nd {
    margin-bottom: -30%;
    padding-bottom: 0%;
  }

  .about-1st {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .about-3rd {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10%;
    padding-right: 10%;
  }

  .container-slogan {
    grid-row-gap: 1em;
    grid-template-columns: max-content;
  }

  .slogan-lines.motto {
    font-size: .9em;
  }

  .faq-left {
    z-index: 1;
    background-color: #fcfcfa;
    padding-top: 0;
    padding-left: 0;
    position: relative;
  }

  .faq-right {
    border-width: 0;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 50vh;
    padding-top: 10%;
    padding-bottom: 0%;
    padding-left: 10%;
    position: sticky;
  }

  .footer-links {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .password-heading {
    max-width: none;
  }

  .off-other-column {
    border-left-style: none;
    padding-top: 0;
    padding-bottom: 40px;
    padding-left: 0;
  }

  .brand-2 {
    padding-left: 0;
  }

  .huge-link {
    margin-top: 0;
  }

  .off-canvas-wrapper {
    grid-row-gap: 60px;
    grid-template-rows: min-content minmax(auto, 1fr);
    grid-template-columns: 1.5fr;
    padding-top: 80px;
  }

  .off-main-linka {
    padding-top: 80px;
  }

  .white.op70 {
    text-align: left;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .h1-heading {
    font-size: 48px;
  }

  .placeholder-image-tall {
    height: 400px;
  }

  .section-regular, .header-full-image {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading {
    font-size: 44px;
  }

  .button-text {
    font-size: 1.4rem;
  }

  .navigation-button-wrapper.hidden {
    display: flex;
  }

  .button-navigation {
    display: block;
  }

  .section-regular-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .contact-grid, .grid-one-column {
    grid-template-columns: 1fr;
  }

  .team-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .paragraph.topbar {
    text-align: center;
    font-size: .75rem;
  }

  .header-full-image-person {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-section {
    font-size: 44px;
  }

  .header-full-image-criminal, .header-full-image-tarieven {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .placeholder-image-small {
    height: 400px;
  }

  .team-section-short {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .header-full-image-about {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

@media screen and (max-width: 479px) {
  .style-guide-page {
    padding-top: 3em;
  }

  .license-images {
    column-count: 1;
  }

  .hero-i-can-help {
    font-size: 1.1em;
  }

  .section-hero {
    height: auto;
    padding-bottom: 20vh;
  }

  .author-content {
    padding-bottom: 5vh;
  }

  .author-copy {
    letter-spacing: -.02em;
    max-width: 23ch;
    font-size: .9em;
  }

  .section-about {
    grid-template-columns: 1fr;
  }

  .client-review {
    font-size: .9em;
  }

  .client-content {
    margin-left: 0%;
  }

  .text-field {
    font-size: 1.3em;
  }

  .text-field.password {
    font-size: 1em;
  }

  .section-faq {
    grid-row-gap: 0vw;
  }

  .faq-question {
    font-size: 1.1em;
  }

  .faq-answer {
    font-size: .8em;
  }

  .faq-item {
    padding: 10%;
  }

  .contacts-link {
    font-size: .9em;
  }

  .footer {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer-link {
    margin-bottom: 1em;
  }

  .section-contacts {
    padding-top: 5vh;
    padding-bottom: 5vh;
    padding-left: 10%;
  }

  .utility-page-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .copyright {
    margin-bottom: 0;
  }

  .section-slogan {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .about-copy {
    max-width: 23ch;
    font-size: .9em;
  }

  .style-row.in-header {
    grid-template-columns: 1fr;
  }

  .slogan-lines.motto, .slogan-lines.method {
    font-size: .7em;
  }

  .footer-links {
    grid-row-gap: 0px;
    grid-template-columns: max-content;
    justify-items: center;
    margin-top: 1rem;
  }

  .license-icons {
    grid-template-columns: max-content max-content max-content;
  }

  .license {
    padding: 50px 30px;
  }

  .logo-text {
    text-align: center;
    font-size: .9rem;
  }

  .brand.w--current {
    justify-content: center;
    margin-right: 0;
  }

  .huge-link {
    margin-top: 0;
  }

  .grid-two-column.align-centre.centered {
    justify-items: center;
  }

  .button-grid {
    grid-template-columns: 1fr;
  }

  .h1-heading {
    text-align: center;
    font-size: 2.2rem;
  }

  .h1-heading._5rem {
    text-align: center;
    font-size: 3rem;
  }

  .paragraph-large {
    text-align: center;
  }

  .paragraph-large.text-color-black {
    text-align: center;
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .paragraph-large.hidden {
    display: none;
  }

  .button-wrapper {
    justify-content: center;
  }

  .section-regular.beige-bg {
    padding-top: 0;
  }

  .section-regular.beige-bg.vh50 {
    height: auto;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .heading-detail-small.text-color-white.margin-bottom-12 {
    text-align: center;
    display: none;
  }

  .header-full-image {
    height: auto;
    margin-top: auto;
    padding: 140px 5%;
  }

  .margin-top-32 {
    align-self: center;
  }

  .h2-heading {
    text-align: center;
    font-size: 1.8rem;
  }

  .button-white {
    text-align: center;
    width: 100%;
    min-width: auto;
  }

  .button-white.transparant {
    min-height: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .button-white.transparant.w--current {
    margin-top: 0;
    margin-left: 0;
  }

  .button-white.mt20 {
    min-height: auto;
    margin-bottom: 20px;
  }

  .button-text {
    font-size: 1.2rem;
  }

  .navigation-menu {
    justify-content: center;
  }

  .navigation-wrapper {
    inset: 0% 0% auto;
  }

  .navigation {
    padding-left: 0%;
    padding-right: 0%;
  }

  .navigation-container {
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navigation-container.topbar {
    justify-content: center;
    font-size: 1rem;
  }

  .menu-button-2 {
    margin-left: 0;
  }

  .menu-button-2:hover, .menu-button-2:focus {
    background-color: var(--midnight-blue);
  }

  .navigation-button-wrapper.hidden {
    display: block;
  }

  .button-navigation {
    display: none;
  }

  .two-buttons {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .form-button-wrapper {
    flex-direction: column;
  }

  .paragraph-regular {
    text-align: center;
    font-size: 1rem;
  }

  .paragraph-regular.margin-bottom {
    text-align: center;
  }

  .contact-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .contact-card {
    padding: 24px;
  }

  .team-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-content {
    width: 100%;
    height: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .team-block-01 {
    width: 100%;
  }

  .team-role {
    font-size: 16px;
  }

  .team-name {
    margin-bottom: 20px;
    font-size: 3rem;
    line-height: 3rem;
  }

  .team-block-02 {
    width: 100%;
  }

  .team-card {
    flex-direction: column;
    height: auto;
  }

  .heading-wrapper {
    margin-bottom: 40px;
  }

  .phone-block {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .hours-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    display: flex;
  }

  .paragraph.topbar {
    text-align: center;
    font-size: .7rem;
  }

  .header-full-image-person {
    height: auto;
    margin-top: auto;
    padding: 140px 5%;
  }

  .h2-heading-section {
    text-align: center;
    font-size: 1.8rem;
  }

  .header-full-image-criminal, .header-full-image-tarieven {
    height: auto;
    margin-top: auto;
    padding: 140px 5%;
  }

  .div-block-4 {
    border: 2px solid var(--seashell);
    background-color: var(--dark-slate-grey);
    border-radius: 10px;
    padding: 10px;
    position: fixed;
    inset: auto 1rem 1rem auto;
  }

  .icon {
    width: 20px;
    height: 20px;
    color: var(--seashell);
    background-color: #0000;
    padding: 0;
  }

  .mobile-call {
    display: block;
  }

  .rechtsgebieden {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .placeholder-image-small {
    height: 200px;
  }

  .arrow-button-wrapper {
    justify-content: center;
  }

  .team-section-short {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-full-image-about {
    height: auto;
    margin-top: auto;
    padding: 140px 5%;
  }

  .paragraph-regular-2 {
    text-align: center;
    font-size: 1rem;
  }
}

#w-node-daa62704-5854-6fb2-b0c1-23b50a23d78f-a30c8765 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d541e953-eb6c-e2ba-ad00-3d460bdde0d2-a30c8765 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-d10dd788-8ff8-963a-5d9a-9741f9b4d77c-a30c8765 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_64428536-ef0d-c8e3-ff6f-27b6348658a3-a30c8765 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c0a8060-59ed-bf38-4413-1bc878fc1fda-78fc1fd8 {
  justify-self: start;
}

#w-node-_1c0a8060-59ed-bf38-4413-1bc878fc1fdc-78fc1fd8 {
  justify-self: end;
}

#w-node-_2cf4323c-83e4-1bb9-acb8-ca83e45a2a0b-da0c876c, #w-node-_7c3c589e-6823-843d-556f-df089ffcc896-da0c876c, #w-node-_3ae6361a-e39f-cc1f-75d8-3a67fefcd06c-da0c876c, #w-node-_3c1ac276-d86c-10a8-fe10-d6c8453c4031-da0c876c, #w-node-ae7841b8-cdc3-1952-0829-d49df004e942-da0c876c, #w-node-cf0e58fd-5ece-4cfd-bf0f-230404f1af72-da0c876c, #w-node-_00354f08-3f2a-2e80-4eb3-6f608fbb8875-da0c876c, #w-node-_41b1160b-bda1-4bc4-0978-e3874e4360c9-da0c876c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7607760-b475-fac8-ef12-ba0c0928e800-ec0c876d, #w-node-e402c60c-6e4a-7427-12f5-017b1e20fdcf-ec0c876d {
  justify-self: start;
}

#w-node-e402c60c-6e4a-7427-12f5-017b1e20fddb-ec0c876d {
  justify-self: stretch;
}

#w-node-_609cf9e69767466f40a22d6d00000000000e-c50c8769, #w-node-_609cf942e56af2840ed46c0c00000000000d-8d0c876a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3c4e4e37-fcca-6caf-e491-c318d12ebdf6-77efe18c, #w-node-_3c4e4e37-fcca-6caf-e491-c318d12ebdfb-77efe18c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a9ae37e-e648-354d-08f8-6e2d48e326f9-3266764e, #w-node-_5a9ae37e-e648-354d-08f8-6e2d48e32715-3266764e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-ab1ea75a-918a-eba3-366b-35744cfab9b8-91280279 {
    justify-self: auto;
  }

  #w-node-ab1ea75a-918a-eba3-366b-35744cfab9bb-91280279, #w-node-_87f9462a-5fde-4b7e-1d5a-b3f44217e0c8-91280279 {
    order: -9999;
  }

  #w-node-efae5903-2684-b9bc-e3d3-2c79eace9867-3266764e {
    justify-self: auto;
  }

  #w-node-efae5903-2684-b9bc-e3d3-2c79eace986a-3266764e {
    order: -9999;
  }

  #w-node-_5a9ae37e-e648-354d-08f8-6e2d48e326f9-3266764e, #w-node-_5a9ae37e-e648-354d-08f8-6e2d48e32715-3266764e {
    grid-column: span 1 / span 1;
  }

  #w-node-_697b5f67-5c57-be8c-f2b8-d773ebba760c-3266764e {
    order: -9999;
  }

  #w-node-_697b5f67-5c57-be8c-f2b8-d773ebba761e-3266764e, #w-node-_0c98f4e8-e6f7-8e4f-6f52-b7f2c466328b-44e5f085, #w-node-_06e99f97-1ffc-dce5-d512-83aa3907e4c1-44e5f085, #w-node-ab1ea75a-918a-eba3-366b-35744cfab9b8-ef713e8d {
    justify-self: auto;
  }

  #w-node-ab1ea75a-918a-eba3-366b-35744cfab9bb-ef713e8d, #w-node-_87f9462a-5fde-4b7e-1d5a-b3f44217e0c8-ef713e8d {
    order: -9999;
  }

  #w-node-_11e8d3ad-b09d-8c57-f168-bea86017ce33-50276724 {
    justify-self: auto;
  }

  #w-node-_11e8d3ad-b09d-8c57-f168-bea86017ce36-50276724, #w-node-_87f9462a-5fde-4b7e-1d5a-b3f44217e0c8-50276724, #w-node-ab1ea75a-918a-eba3-366b-35744cfab9bb-50276724 {
    order: -9999;
  }

  #w-node-ab1ea75a-918a-eba3-366b-35744cfab9b8-50276724 {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-daa62704-5854-6fb2-b0c1-23b50a23d78f-a30c8765, #w-node-d541e953-eb6c-e2ba-ad00-3d460bdde0d2-a30c8765, #w-node-d10dd788-8ff8-963a-5d9a-9741f9b4d77c-a30c8765 {
    grid-row: span 1 / span 1;
  }

  #w-node-e2c4ca3c-fe90-3998-f49c-73d1ab019d4b-a30c8765 {
    order: -9999;
  }

  #w-node-_1c0a8060-59ed-bf38-4413-1bc878fc1fda-78fc1fd8 {
    justify-self: start;
  }

  #w-node-_609cf9e69767466f40a22d6d00000000000e-c50c8769 {
    grid-row: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica 587ebe5a59211';
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quichesans';
  src: url('../fonts/Fontspring-DEMO-quichesans-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quichesans';
  src: url('../fonts/Fontspring-DEMO-quichesans-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quichesans';
  src: url('../fonts/Fontspring-DEMO-quichesans-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}