body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: main-end;
  background-color: #f0f0f0db; /*achtergrond v-card transparant gemaakt)*/
  border: 1px solid #eeddbe; /*rand toegvoegd*/
  border-radius: 10px; /*ronde hoeken gemaakt*/
  box-shadow: 0px 10px 10px #555; /*schaduw rond de v-card gemaakt*/
}

@supports (display:grid) {
  .site-grid {
    grid-gap:0.4em 1em; /*ruimte boven de v-card van o naar 0.4em vergroot*/
    }
  }

.container-component>:first-child,
.container-sidebar-left>:first-child,
.container-sidebar-right>:first-child,
.container-component>*+*,
.container-sidebar-left>*+*,
.container-sidebar-right>*+* {
  margin: 2vw 5vw 2vw 5vw; /*binnen de v-card een witrand rondom de tekst gemaakt*/
}