/* Keep main.css in css/ and the existing artwork in images/. */
:root {
  --yellow: #ffcf00;
  --ink: #1d1d1b;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--ink);
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

a { color: var(--ink); font-weight: 700; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }

.v649_5710 {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
}

.v649_5749 {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: var(--ink) url("../images/v649_5749.png") center / cover no-repeat;
  pointer-events: none;
}

.v649_5712 {
  position: absolute;
  z-index: -1;
  right: -1px;
  bottom: 5%;
  width: clamp(180px, 24vw, 457px);
  aspect-ratio: 457 / 570;
  background: url("../images/beeldmerk.svg") center / contain no-repeat;
  pointer-events: none;
}

.page-inner {
  width: min(100%, 1358px);
  margin-inline: auto;
  padding: clamp(32px, 5.5vw, 105px) 32px 64px;
}

.page-header { margin-bottom: clamp(48px, 4.3vw, 82px); }

.v649_5716 {
  display: block;
  width: clamp(130px, 12vw, 200px);
  height: auto;
  object-fit: contain;
}

.page-content {
  max-width: 812px;
  margin-left: clamp(0px, 4.7vw, 90px);
}

.v649_5743, .v649_5745, .v649_5747 {
  font-family: Impact, "Arial Narrow", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  overflow-wrap: break-word;
}

.v649_5743 {
  margin: 0 0 24px;
  color: var(--yellow);
  font-size: clamp(28px, 2.5vw, 38px);
}

.v649_5744 {
  margin: 0 0 clamp(32px, 4vw, 64px);
  font-size: clamp(18px, 1.6vw, 24px);
}

.v649_5742 {
  width: min(100%, 447px);
  padding: 28px 32px;
  background: var(--yellow);
  color: var(--ink);
  border-radius: 20px;
}

.v649_5745 { margin: 0 0 24px; font-size: clamp(24px, 2vw, 28px); }
.v649_5746 { font-size: clamp(18px, 1.6vw, 24px); font-style: normal; }
.v649_5746 a { overflow-wrap: anywhere; }
.v649_5747 { margin: clamp(40px, 4vw, 72px) 0 0; color: #d2cbbf; font-size: clamp(22px, 2vw, 28px); }

@media (max-width: 900px) {
  .page-content { margin-left: 0; }
  .v649_5712 { opacity: 0.25; }
}

@media (max-width: 600px) {
  .page-inner { padding: 32px 20px 40px; }
  .page-header { margin-bottom: 40px; }
  .v649_5742 { padding: 24px; border-radius: 16px; }
  .v649_5745 { margin-bottom: 20px; }
  .v649_5744 br { display: none; }
  .v649_5712 { width: 150px; opacity: 0.15; }
}