.page-template-landingspagina #top {
  position: relative;
  height: auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 6rem; }
  @media screen and (max-width: 640px) {
    .page-template-landingspagina #top {
      padding-top: 0;
      padding-bottom: 0; } }

.page-template-landingspagina #header {
  height: auto;
  line-height: inherit;
  padding: 0; }
  .page-template-landingspagina #header .vestigingen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .page-template-landingspagina #header .vestigingen .vestiging {
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto; }

#landingspagina {
  padding-top: 6px; }
  #landingspagina h1, #landingspagina h2, #landingspagina h3,
  #landingspagina h1 strong, #landingspagina h2 strong, #landingspagina h3 strong, #landingspagina h4 strong {
    font-weight: 500; }
  #landingspagina h1, #landingspagina h2,
  #landingspagina h1 strong, #landingspagina h2 strong {
    font-weight: bold; }
  #landingspagina p, #landingspagina li {
    font-size: 100%; }
  #landingspagina .small {
    font-size: 87.5%; }
  @media screen and (max-width: 640px) {
    #landingspagina .small-only-pad-bot {
      padding-bottom: 2em; } }
  #landingspagina .intro {
    position: relative;
    margin-bottom: 5em; }
    @media screen and (max-width: 640px) {
      #landingspagina .intro {
        text-align: center; } }
    #landingspagina .intro .shadow {
      background-color: #fff;
      -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
              box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); }
    #landingspagina .intro figure {
      margin: 0;
      width: 100%;
      height: 100%;
      background-color: #dfdfdf;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
      #landingspagina .intro figure:before {
        content: '';
        display: block;
        padding-top: 66.66%; }
    #landingspagina .intro .pad {
      padding: 2.5em; }
      @media screen and (max-width: 1023px) {
        #landingspagina .intro .pad {
          padding: 1.25em; } }
    #landingspagina .intro h2 {
      font-size: 212.5%; }
    #landingspagina .intro h3 {
      font-size: 137.5%;
      margin: 0;
      font-weight: normal; }
  #landingspagina .voordelen {
    position: relative;
    margin-bottom: 5em; }
    #landingspagina .voordelen h2 {
      font-size: 212.5%;
      margin: 0; }
    #landingspagina .voordelen h3 {
      font-size: 137.5%; }
    @media screen and (max-width: 640px) {
      #landingspagina .voordelen h2, #landingspagina .voordelen h3 {
        text-align: center; } }
    #landingspagina .voordelen .callout {
      background-color: #A81815;
      color: #fff;
      padding: 2.25em;
      margin-left: 2.5em; }
      @media screen and (max-width: 1023px) {
        #landingspagina .voordelen .callout {
          margin-left: 0; } }
      #landingspagina .voordelen .callout h2 {
        font-size: 187.5%;
        color: #fff;
        text-align: center;
        margin-bottom: 1em; }
      #landingspagina .voordelen .callout ul {
        list-style: none;
        margin-left: 0; }
        #landingspagina .voordelen .callout ul li {
          position: relative;
          padding-left: 1.75em; }
          #landingspagina .voordelen .callout ul li:before {
            content: '\f058';
            font-family: 'FontAwesome';
            position: absolute;
            left: 0; }
  #landingspagina .aanbod {
    position: relative;
    margin-bottom: 5em; }
    #landingspagina .aanbod header {
      text-align: center; }
      #landingspagina .aanbod header h2 {
        font-size: 225%; }
  #landingspagina .waarom {
    position: relative;
    margin-bottom: 5em; }
    #landingspagina .waarom .shadow {
      background-color: #fff;
      -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
              box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); }
    #landingspagina .waarom .grijs-bg {
      background-color: #F7F7F7; }
    #landingspagina .waarom .beoordelingen {
      position: relative; }
      #landingspagina .waarom .beoordelingen figure {
        margin: 2em 0 1em; }
      #landingspagina .waarom .beoordelingen a.cover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1; }
    #landingspagina .waarom ul {
      list-style: none;
      margin-left: 0; }
      #landingspagina .waarom ul li {
        position: relative;
        padding-left: 1.75em; }
        #landingspagina .waarom ul li:before {
          content: '\f058';
          font-family: 'FontAwesome';
          position: absolute;
          left: 0; }
    #landingspagina .waarom .pad {
      padding: 2.5em 1.25em 2.5em 3em; }
      @media screen and (max-width: 1023px) {
        #landingspagina .waarom .pad {
          padding: 1.5em 2em; } }
  #landingspagina .vestigingen {
    background-color: #A81815;
    color: #fff;
    padding: 1em 0;
    margin-bottom: 5em; }
    #landingspagina .vestigingen h3, #landingspagina .vestigingen h4 {
      font-size: 150%;
      color: white; }
    #landingspagina .vestigingen .pad {
      padding: 2em 1.25em 2em 2.5em; }
    #landingspagina .vestigingen a:not(.button) {
      color: inherit; }
      #landingspagina .vestigingen a:not(.button):hover {
        text-decoration: underline; }
    #landingspagina .vestigingen .lead {
      font-size: 112.5%;
      font-style: italic;
      line-height: 1.125em;
      margin-bottom: 2em; }
    @media screen and (min-width: 641px) {
      #landingspagina .vestigingen .column {
        position: relative; }
        #landingspagina .vestigingen .column:first-child:after {
          content: '';
          position: absolute;
          top: 10%;
          bottom: 10%;
          left: 100%;
          width: 1px;
          margin-left: -0.75em;
          background: #fff; } }
  #landingspagina .extra-informatie {
    text-align: center;
    margin-bottom: 5em;
    font-size: 87.5%;
    line-height: 1.25em; }