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*/
}

.btn.btn-primary.text-white {
  margin-right: 1em;
} /*knop inloggen aan de rechterkant 1em marge*/

.btn.btn-outline-light {
  margin-right: 1em;
} /*knop Uitloggen aan de rechterkant 1em marge*/

/* Knoppen Inloggen, Registreren en Uitloggen even breed */
.container-search .btn {
  min-width: 9rem;
  text-align: center;
}

/* Op de telefoon: knoppen naast elkaar, compact en even breed */
@media (max-width: 767.98px) {
  .container-search .mod-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .container-search .mod-menu > li {
    margin: 0;
  }
  .container-search .btn {
    min-width: 7rem;
    padding: .3rem .6rem;
    font-size: .9rem;
    margin: 0 !important;
  }
}

/* Tabellen in artikelen passen op de telefoon */
.com-content-article__body table {
  width: 100% !important;
  max-width: 100%;
  table-layout: fixed;
}
.com-content-article__body th,
.com-content-article__body td {
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
}
@media (max-width: 575.98px) {
  .com-content-article__body th,
  .com-content-article__body td {
    font-size: .9rem;
    padding: .35rem;
  }
}

/* Menu en knoppen op één regel op smallere computerschermen (992–1399 px) */
@media (min-width: 992px) and (max-width: 1399.98px) {
  .container-header .container-nav {
    flex-wrap: nowrap;
  }
  .container-header .mod-menu > li > a,
  .container-header .mod-menu > li > button,
  .container-header .mod-menu > li > span {
    padding-left: .55rem;
    padding-right: .55rem;
    font-size: .95rem;
    white-space: nowrap;
  }
  .container-header .container-search .btn {
    padding-left: .7rem;
    padding-right: .7rem;
    white-space: nowrap;
  }
}

/* Nog smaller (992–1199 px): iets kleinere letters */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-header .mod-menu > li > a,
  .container-header .mod-menu > li > button,
  .container-header .mod-menu > li > span {
    padding-left: .4rem;
    padding-right: .4rem;
    font-size: .9rem;
  }
  .container-header .container-search .btn {
    font-size: .9rem;
  }
}