section#meerinformatie-content
{
  margin: 0 auto;
  width: 100%;
  max-width: var(--website-wrapper-width);
  padding: 100px var(--website-wrapper-padding);
}

section#meerinformatie-content > article
{
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}

section#meerinformatie-content > article > p
{
  flex-basis: 600px;
}

section#meerinformatie-content > article > span
{
  flex-basis: 300px;
  flex-grow: 1;
  position: relative;
}

section#meerinformatie-content > article > span img
{
  max-width: 100%;
  box-shadow: var(--website-dropshadow);
}

section#meerinformatie-content > div#meerinformatie-content-photo-flex
{
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

section#meerinformatie-content > div#meerinformatie-content-photo-flex div
{
  display: block;
  flex-basis: 400px;
  background-size: cover;
  background-position: center;
  min-height: 300px;
}

section#meerinformatie-plattegrond
{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: var(--website-wrapper-width);
  padding: 100px var(--website-wrapper-padding);
}

section#meerinformatie-plattegrond img
{
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}

section#meerinformatie-tables
{
  box-sizing: border-box;
  width: 100%;
  background-color: var(--website-color-lightgray);
  padding: 100px calc( var(--website-wrapper-padding) + calc(calc(100vw - var(--website-wrapper-width)) / 2));
}

section#meerinformatie-tables > h2
{
  text-align: center;
}

section#meerinformatie-tables table
{
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  max-width: calc(var(--website-wrapper-width) * .75);
}

section#meerinformatie-tables tr.titles
{
  background-color: var(--website-color-primary);
}

section#meerinformatie-tables tr th,
section#meerinformatie-tables tr td
{
  padding: 1em 1.5em;
}

section#meerinformatie-tables tr td:first-child
{
  font-weight: 700;
  width: 200px;
}

section#meerinformatie-besteldirect
{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: var(--website-wrapper-width);
  padding: 100px var(--website-wrapper-padding);
}

p.meerinformatie-content-cta.button,
section#meerinformatie-besteldirect > p.button
{
  display: inline-block;
  background: var(--website-color-primary);
}

p.meerinformatie-content-cta.button
{
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 50%;
  transform: translateX(-50%);
}

p.meerinformatie-content-cta.button a,
section#meerinformatie-besteldirect > p.button a
{
  color: white;
  font-size: 0.95em;
  font-weight: 700;
  text-decoration: none !important;
}

section#meerinformatie-besteldirect > p.button:hover
{
  background-color: var(--website-color-primary-light);
}

section#meerinformatie-besteldirect > p.button:hover > a
{
  color: white;
}

p.meerinformatie-content-cta.button:hover
{
  background-color: var(--website-color-primary);
}

p.meerinformatie-content-cta.button:hover > a
{
  color: white;
}