/* Variables
-------------------------*/
/* Colors */
/* CSS Properties */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=TASA+Explorer:wght@400..800&family=TASA+Orbiter:wght@400..800&display=swap");
h1, h2, h3, h4, h5, p, ul li, ol li, a {
  color: inherit;
  font-family: "TASA Explorer", sans-serif;
  font-weight: 400;
  hyphens: manual;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: "TASA Explorer", sans-serif;
  line-height: 1.25;
  font-weight: 350;
  margin-bottom: 0.65em;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong {
  font-weight: 500;
}

p, ul li, ol li, span, a {
  color: inherit;
  font-family: "TASA Orbiter", sans-serif;
  font-weight: 300;
}

.wysiwyg {
  color: #C4F0CC;
}
.wysiwyg.center {
  text-align: center;
}
.wysiwyg .h0 {
  font-size: clamp(72px, 72px + (170 - 72) * (100vw - 320px) / (1440 - 320), 170px);
}
.wysiwyg h1, .wysiwyg .h1 {
  font-size: clamp(32px, 32px + (70 - 32) * (100vw - 320px) / (1440 - 320), 70px);
  line-height: 1.45;
}
.wysiwyg h2, .wysiwyg .h2 {
  font-size: clamp(28px, 28px + (64 - 28) * (100vw - 320px) / (1440 - 320), 64px);
  line-height: 1.45;
}
.wysiwyg h3, .wysiwyg .h3 {
  font-size: clamp(22px, 22px + (45 - 22) * (100vw - 320px) / (1440 - 320), 45px);
  line-height: 1.25;
}
.wysiwyg h4, .wysiwyg .h4 {
  font-size: clamp(19px, 19px + (32 - 19) * (100vw - 320px) / (1440 - 320), 32px);
  line-height: 1.25;
}
.wysiwyg h5, .wysiwyg .h5 {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 320px) / (1440 - 320), 20px);
  line-height: 1.25;
}
.wysiwyg p, .wysiwyg ul li, .wysiwyg ol li, .wysiwyg a {
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 320px) / (1440 - 320), 20px);
  line-height: 1.65;
  font-weight: 400;
}
.wysiwyg p strong, .wysiwyg ul li strong, .wysiwyg ol li strong, .wysiwyg a strong {
  font-weight: 500;
}
.wysiwyg a {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: underline;
}
.wysiwyg p a {
  text-decoration: underline;
  transition: color 0.25s cubic-bezier(0.77, 0, 0.18, 1);
}
.wysiwyg p a:hover {
  color: #C4F0CC;
}

/* Elements
-------------------------*/
[data-reveal=fade] {
  opacity: var(--opacity, 0) !important;
  will-change: transform;
  transform: translateY(var(--vertical, 50px)) translateX(var(--horizontal, 0px)) scale(var(--scale, 1));
  transition: opacity var(--duration, 1.5s) cubic-bezier(0.77, 0, 0.18, 1) calc(var(--delay, 0s) + 0.15s), transform var(--duration, 1.5s) cubic-bezier(0.77, 0, 0.18, 1) calc(var(--delay, 0s) + 0.15s);
}
[data-reveal=fade].revealed {
  opacity: var(--to-opacity, 1) !important;
  transform: translateY(0px);
}

.image-container {
  position: relative;
  overflow: hidden;
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a.cta-btn {
  display: flex;
  gap: 10px;
}
a.cta-btn:hover span.icon svg g path {
  fill: #F7782E !important;
}
a.cta-btn:hover span.text {
  color: #F7782E;
  transform: translateX(3px);
}
a.cta-btn span.icon svg {
  width: 15px;
}
a.cta-btn span.text {
  font-family: "TASA Explorer", sans-serif;
  font-weight: 400;
  font-size: clamp(16px, 16px + (20 - 16) * (100vw - 320px) / (1440 - 320), 20px);
  line-height: 1.25;
  color: #C4F0CC;
  transition: 0.25s ease all;
}

body {
  overscroll-behavior: contain;
  background-color: #172E19;
}
body::-webkit-scrollbar {
  width: 8px;
}
body::-webkit-scrollbar-track {
  background: rgb(155.3378378378, 229.6621621622, 168.8513513514);
}
body::-webkit-scrollbar-thumb {
  background: #F7782E;
}
body::-webkit-scrollbar-thumb:hover {
  background: rgb(233.0783410138, 91.4470046083, 8.9216589862);
}

/* Header
-----------------*/
header {
  position: absolute;
  z-index: 5;
  top: 50px;
  right: 50px;
}
video.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 1;
}

/* Content
-----------------*/
section {
  position: relative;
  z-index: 2;
  background-color: #172E19;
  background-color: transparent;
}

section.home.intro {
  z-index: 3;
  padding-top: clamp(90px, 24vw, 300px);
}
section.home.intro .logo-container {
  position: relative;
}
section.home.intro .logo-container .bird {
  position: absolute;
  top: 0;
  left: 0;
  width: 6vw;
  transform: translateX(-18%) translateY(-12%);
}
section.home.intro .logo-container .logo {
  width: 30vw;
}
section.home.intro .cell.renders {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  padding: clamp(60px, 16vw, 200px) 0;
}
section.home.intro .cell.renders a.type:hover .image-container img {
  opacity: 0.75;
  transform: scale(1.05);
}
section.home.intro .cell.renders a.type:hover .text-container span.icon {
  transform: rotate(-90deg) scale(0.75) translateY(5px);
}
section.home.intro .cell.renders a.type:hover .text-container span.icon svg g path {
  fill: #F7782E !important;
}
section.home.intro .cell.renders a.type:hover .text-container span.text {
  color: #F7782E;
  transform: translateX(2px);
}
section.home.intro .cell.renders a.type .image-container {
  background-color: #F7782E;
}
section.home.intro .cell.renders a.type .image-container img {
  transition: 0.25s ease all;
}
section.home.intro .cell.renders a.type .text-container {
  display: flex;
  padding: 15px 0;
  gap: 5px;
}
section.home.intro .cell.renders a.type .text-container span.icon {
  position: relative;
  transform: rotate(-90deg) scale(0.75);
  transition: 0.25s ease all;
}
section.home.intro .cell.renders a.type .text-container span.icon svg {
  width: 20px;
  transition: 0.25s ease all;
}
section.home.intro .cell.renders a.type .text-container span.text {
  color: #C4F0CC;
  transition: 0.25s ease all;
}
section.home.intro .cell.large-2 {
  display: flex;
  align-items: center;
}
section.home.intro .cell.large-2 img {
  margin-left: 35px;
}
section.home.map {
  padding: clamp(45px, 12vw, 150px) 0 clamp(60px, 16vw, 200px);
}
section.home.map .map-container {
  position: relative;
}
section.home.map .map-container::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.home.map .map-container img.bg {
  width: 100%;
  mask-image: radial-gradient(closest-side, #172E19, rgba(23, 46, 25, 0.1));
}
section.home.map .map-container img.mlw {
  position: absolute;
  bottom: 0;
  right: 10vw;
  transform: translateY(50%);
  width: 200px;
}
section.home.map .map-container a.cta-btn {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 5;
}
section.home.map .map-container a.cta-btn span.icon {
  transform: rotate(-90deg);
}
section.home.map .map-container .frame .dot {
  cursor: pointer;
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 20px;
  z-index: 2;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.25s ease all;
  will-change: transform, opacity;
  --x: 0px;
  --y: 0px;
}
section.home.map .map-container .frame .dot.hovered {
  z-index: 5;
}
section.home.map .map-container .frame .dot.hovered .inner-dot {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  color: #172E19;
}
section.home.map .map-container .frame .dot.hovered.right .image-container {
  transform: translateY(-50%) translateX(-100%) scale(1);
}
section.home.map .map-container .frame .dot.hovered .image-container {
  transform: translateY(-50%) scale(1);
  opacity: 1;
}
section.home.map .map-container .frame .dot.hovered .image-container img {
  transform: scale(1) translateX(var(--x)) translateY(var(--y));
}
section.home.map .map-container .frame .dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid #F7782E;
  border-radius: 20px;
  z-index: 3;
  animation: pulse 3s infinite;
  will-change: transform, opacity;
}
section.home.map .map-container .frame .dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid #F7782E;
  border-radius: 20px;
  z-index: 3;
  animation: pulse 3s infinite;
  animation-delay: -1.5s;
  will-change: transform, opacity;
}
@keyframes pulse {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
  }
}
section.home.map .map-container .frame .dot .inner-dot {
  opacity: 0;
  pointer-events: none;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3vw;
  height: 3vw;
  background-color: #F7782E;
  transform: translate(-50%, -50%) scale(0.45);
  color: #F7782E;
  opacity: 0;
  z-index: 3;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.95vw;
  font-weight: normal;
  font-family: "TASA Explorer", sans-serif;
  transition: 0.5s ease all;
}
section.home.map .map-container .frame .dot.right .image-container {
  transform-origin: right center;
  transform: translateY(-50%) translateX(-100%) scale(0.8);
}
section.home.map .map-container .frame .dot .image-container {
  pointer-events: none;
  position: absolute;
  overflow: visible;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) scale(0.8);
  transform-origin: left center;
  width: 15vw;
  opacity: 0;
  transition: ease 0.25s opacity, ease 0.25s transform;
}
section.home.map .map-container .frame .dot .image-container img {
  transform: scale(1) translateX(var(--x)) translateY(var(--y));
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.25);
  will-change: transform;
}
section.home.image-grid {
  padding: clamp(30px, 8vw, 100px) 0;
}
section.home.image-grid .image-container {
  --focus: 1;
  position: relative;
  overflow: hidden;
}
section.home.image-grid .image-container img {
  --parallax-x: 0px;
  --parallax-y: 0px;
  --scroll-parallax-y: 0px;
  --parallax-scale: 1.12;
  --focus-gray: calc((1 - var(--focus)) * 100%);
  --focus-sat: calc(0.45 + (var(--focus) * 0.55));
  --focus-bright: calc(0.8 + (var(--focus) * 0.2));
  transform: translate3d(var(--parallax-x), calc(var(--parallax-y) + var(--scroll-parallax-y)), 0) scale(var(--parallax-scale));
  filter: grayscale(var(--focus-gray)) saturate(var(--focus-sat)) brightness(var(--focus-bright));
  transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.35s ease;
  will-change: transform;
}
section.home.image-grid.is-hovering .image-container {
  --focus: 0;
}
section.home.image-grid .portrait {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  margin-bottom: 10px;
}
section.home.image-grid .landscape {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
section.home.image-grid .landscape .image-container img {
  --parallax-scale: 1.1;
  height: calc(100% + 1px);
}
@media (hover: none), (pointer: coarse) {
  section.home.image-grid .image-container img {
    --parallax-x: 0px;
    --parallax-y: 0px;
  }
}
section.home.planning {
  padding: clamp(30px, 8vw, 100px) 0;
}
section.home.planning .date h2 {
  padding: 0.5em 0;
  margin: 0;
  color: #C4F0CC;
  display: flex;
  justify-content: space-between;
}
section.home.planning .date h2 span {
  font-family: "TASA Orbiter", sans-serif;
}
section.home.planning .date {
  border-bottom: 1px solid #C4F0CC;
}
section.home.renders {
  padding: clamp(30px, 8vw, 100px) 0;
}
section.home.renders .cell {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
section.home.renders .cell a.type:hover .image-container img {
  opacity: 0.75;
  transform: scale(1.05);
}
section.home.renders .cell a.type:hover .text-container span.icon {
  transform: rotate(-90deg) scale(0.75) translateY(5px);
}
section.home.renders .cell a.type:hover .text-container span.icon svg g path {
  fill: #F7782E !important;
}
section.home.renders .cell a.type:hover .text-container span.text {
  color: #F7782E;
  transform: translateX(2px);
}
section.home.renders .cell a.type .image-container {
  background-color: #F7782E;
}
section.home.renders .cell a.type .image-container img {
  transition: 0.25s ease all;
}
section.home.renders .cell a.type .text-container {
  display: flex;
  padding: 15px 0;
  gap: 5px;
}
section.home.renders .cell a.type .text-container span.icon {
  position: relative;
  transform: rotate(-90deg) scale(0.75);
  transition: 0.25s ease all;
}
section.home.renders .cell a.type .text-container span.icon svg {
  width: 20px;
  transition: 0.25s ease all;
}
section.home.renders .cell a.type .text-container span.text {
  color: #C4F0CC;
  transition: 0.25s ease all;
}

section.inschrijven.intro {
  padding-top: clamp(90px, 24vw, 300px);
}
section.inschrijven.intro .large-2 img {
  width: 80%;
}
section.inschrijven.intro a.back {
  display: flex;
  text-decoration: none;
  transform: translateY(-100px);
  font-family: "TASA Orbiter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  gap: 25px;
  transition: 0.25s ease all;
}
section.inschrijven.intro a.back img {
  transition: 0.25s ease all;
}
section.inschrijven.intro a.back:hover img {
  transform: translateX(-3px);
}
section.inschrijven.intro a.back:hover {
  transform: translateX(-5px) translateY(-100px);
}
section.inschrijven.intro .form-container {
  padding-top: clamp(15px, 4vw, 50px);
}
section.inschrijven.map {
  padding-bottom: clamp(45px, 12vw, 150px);
}
section.inschrijven.text {
  padding-bottom: clamp(60px, 16vw, 200px);
}

/* Footer
-----------------*/
footer {
  position: relative;
  z-index: 5;
  background-color: #C4F0CC;
  padding: clamp(60px, 16vw, 200px) 0 clamp(45px, 12vw, 150px);
  overflow: hidden;
}
footer .footer-main {
  position: relative;
  z-index: 2;
}
footer .branding {
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.5vw, 40px);
}
footer .branding .logo-container {
  position: relative;
}
footer .branding .logo-container .bird {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.5vw;
  max-width: 100px;
  transform: translateX(-18%) translateY(-12%);
}
footer .branding .logo-container .logo {
  width: 28vw;
  max-width: 500px;
}
footer .branding .project-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
footer .branding .project-info span {
  color: #172E19;
  font-family: "TASA Orbiter", sans-serif;
  font-size: clamp(26px, 2.65vw, 54px);
  line-height: 1.05;
  font-weight: 400;
}
footer .footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(18px, 2vw, 30px);
  padding-top: clamp(12px, 1.5vw, 24px);
}
footer .footer-links a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #172E19;
  transition: 0.25s ease color, 0.25s ease transform;
}
footer .footer-links a:hover {
  color: #F7782E;
  transform: translateX(2px);
}
footer .footer-links a .icon {
  display: inline-flex;
  margin-top: 7px;
}
footer .footer-links a .icon svg {
  width: 13px;
  height: 20px;
  display: block;
}
footer .footer-links a .text {
  font-family: "TASA Orbiter", sans-serif;
  font-size: clamp(18px, 1.4vw, 36px);
  line-height: 1.22;
  font-weight: 400;
}
footer .footer-links .vd-ven-logo {
  width: clamp(160px, 14vw, 280px);
  margin-left: 38px;
}
footer .footer-bottom {
  position: relative;
  z-index: 2;
  margin-top: clamp(45px, 12vw, 150px);
}
footer .footer-bottom .cell {
  border-top: 1px solid rgba(23, 46, 25, 0.9);
}
footer .footer-bottom .bottom-links {
  display: flex;
  gap: clamp(30px, 6vw, 130px);
  padding-top: clamp(24px, 2.35vw, 40px);
}
footer .footer-bottom .bottom-links a {
  color: #172E19;
  font-family: "TASA Orbiter", sans-serif;
  font-size: clamp(16px, 1.05vw, 20px);
  line-height: 1.35;
  transition: 0.25s ease color;
}
footer .footer-bottom .bottom-links a:hover {
  color: #F7782E;
}
footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(24px, 3.5vw, 42px);
  background-color: #F7782E;
}

/* Media Queries
-------------------------*/
@media screen and (min-width: 1026px) {
  .phablet {
    display: none !important;
  }
}
@media screen and (min-width: 642px) {
  .mobile-only {
    display: none !important;
  }
}
@media screen and (max-width: 1025px) {
  .desktop-only {
    display: none !important;
  }
  header {
    top: 28px;
    right: 28px;
  }
  section.home.intro {
    padding-top: clamp(60px, 16vw, 200px);
  }
  section.home.intro .logo-container .bird {
    width: 10vw;
  }
  section.home.intro .logo-container .logo {
    width: 46vw;
    max-width: 420px;
  }
  section.home.intro .cell.renders {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: clamp(45px, 12vw, 150px) 0;
  }
  section.home.intro .cell.renders a.type:nth-child(3) {
    grid-column: 1/-1;
  }
  section.home.intro .cell.large-2 {
    margin-top: clamp(15px, 4vw, 50px);
    justify-content: center;
  }
  section.home.intro .cell.large-2 img {
    margin-left: 0;
    width: 180px;
    max-width: 100%;
  }
  section.home.map {
    padding: clamp(30px, 8vw, 100px) 0 clamp(45px, 12vw, 150px);
  }
  section.home.map .map-container img.mlw {
    right: 5vw;
    width: 160px;
  }
  section.home.map .map-container a.cta-btn {
    left: 28px;
    bottom: 28px;
  }
  section.home.map .map-container .frame .dot {
    width: 84px;
    height: 84px;
  }
  section.home.map .map-container .frame .dot .image-container {
    width: 24vw;
  }
  section.home.image-grid {
    padding: clamp(30px, 8vw, 100px) 0;
  }
  section.home.image-grid .landscape {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  section.home.planning .date h2 {
    gap: 12px;
    font-size: clamp(28px, 4vw, 42px);
  }
  section.home.renders {
    padding: clamp(30px, 8vw, 100px) 0;
  }
  section.home.renders .cell {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
  section.home.renders .cell a.type:nth-child(3) {
    grid-column: 1/-1;
  }
  section.inschrijven.intro {
    padding-top: clamp(60px, 16vw, 200px);
  }
  section.inschrijven.intro .large-2 {
    display: flex;
    justify-content: center;
  }
  section.inschrijven.intro .large-2 img {
    width: 160px;
    max-width: 100%;
  }
  section.inschrijven.intro .form-container {
    padding-top: clamp(15px, 4vw, 50px);
  }
  section.inschrijven.map {
    padding-bottom: clamp(30px, 8vw, 100px);
  }
  section.inschrijven.text {
    padding-bottom: clamp(45px, 12vw, 150px);
  }
}
@media screen and (max-width: 641px) {
  .tablet-up {
    display: none !important;
  }
  header {
    top: 18px;
    right: 18px;
  }
  section.home.intro {
    padding-top: 100px;
  }
  section.home.intro .logo-container .bird {
    width: 16vw;
  }
  section.home.intro .logo-container .logo {
    width: 78vw;
    max-width: 320px;
  }
  section.home.intro .cell.renders {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: clamp(30px, 8vw, 100px) 0;
  }
  section.home.intro .cell.renders a.type:nth-child(3) {
    grid-column: auto;
  }
  section.home.intro .cell.large-2 {
    margin-top: clamp(15px, 4vw, 50px);
    margin-bottom: clamp(30px, 8vw, 100px);
    justify-content: flex-start;
  }
  section.home.intro .cell.large-2 img {
    width: 140px;
  }
  section.home.text .cell.wysiwyg h3 {
    font-size: clamp(20px, 5.5vw, 28px);
    line-height: 1.35;
  }
  section.home.map {
    padding: clamp(30px, 8vw, 100px) 0 clamp(75px, 20vw, 250px);
  }
  section.home.map .map-container a.cta-btn {
    left: 18px;
    bottom: -30px;
    max-width: calc(100% - 36px);
  }
  section.home.map .map-container img.mlw {
    right: 16px;
    width: 120px;
  }
  section.home.map .map-container .frame .dot {
    width: 64px;
    height: 64px;
  }
  section.home.map .map-container .frame .dot .image-container {
    width: 52vw;
    max-width: 260px;
  }
  section.home.image-grid {
    padding: clamp(15px, 4vw, 50px) 0 clamp(30px, 8vw, 100px);
  }
  section.home.image-grid .grid-x > .cell {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }
  section.home.image-grid .portrait {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 8px;
    margin-bottom: 8px;
  }
  section.home.image-grid .landscape {
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
  }
  section.home.planning {
    padding: clamp(15px, 4vw, 50px) 0;
  }
  section.home.planning .date h2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    font-size: clamp(22px, 7vw, 32px);
  }
  section.home.renders {
    padding: clamp(15px, 4vw, 50px) 0 clamp(30px, 8vw, 100px);
  }
  section.home.renders .cell {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  section.home.renders .cell a.type:nth-child(3) {
    grid-column: auto;
  }
  section.inschrijven.intro {
    padding-top: clamp(45px, 12vw, 150px);
  }
  section.inschrijven.intro a.back {
    transform: translateY(0px);
  }
  section.inschrijven.intro a.back:hover {
    transform: translateY(0px) translateX(-3px);
  }
  section.inschrijven.intro a.back {
    padding-bottom: clamp(30px, 8vw, 100px);
  }
  section.inschrijven.intro .large-2 {
    margin-bottom: clamp(15px, 4vw, 50px);
  }
  section.inschrijven.intro .large-2 img {
    width: 120px;
  }
  section.inschrijven.intro .wysiwyg p {
    font-size: 16px;
    line-height: 1.6;
  }
  section.inschrijven.intro .form-container {
    padding-top: clamp(15px, 4vw, 50px);
  }
  section.inschrijven.map {
    padding-bottom: clamp(15px, 4vw, 50px);
  }
  section.inschrijven.text {
    padding-bottom: clamp(30px, 8vw, 100px);
  }
  footer {
    padding: clamp(45px, 12vw, 150px) 0 clamp(30px, 8vw, 100px);
  }
  footer .branding {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(15px, 4vw, 50px);
  }
  footer .branding .logo-container .bird {
    width: 14vw;
  }
  footer .branding .logo-container .logo {
    width: 82vw;
    max-width: 320px;
  }
  footer .branding .project-info span {
    font-size: clamp(20px, 6vw, 28px);
  }
  footer .footer-links {
    padding-top: clamp(30px, 8vw, 100px);
    gap: clamp(15px, 4vw, 50px);
  }
  footer .footer-links a .icon {
    font-size: 24px;
  }
  footer .footer-links a .text {
    font-size: clamp(18px, 5.25vw, 24px);
  }
  footer .footer-links .vd-ven-logo {
    margin-left: 34px;
    width: min(200px, 55vw);
  }
  footer .footer-bottom {
    margin-top: clamp(30px, 8vw, 100px);
  }
  footer .footer-bottom .bottom-links {
    flex-direction: column;
    gap: 14px;
    padding-top: 18px;
  }
  footer .footer-bottom .bottom-links a {
    font-size: 16px;
  }
}