/* Instelbare breedte voor Drupal Media in CKEditor en op de site. */
[data-media-width] {
  box-sizing: border-box;
  max-width: 100% !important;
}

[data-media-width="25"] { width: 25% !important; }
[data-media-width="33"] { width: 33% !important; }
[data-media-width="50"] { width: 50% !important; }
[data-media-width="66"] { width: 66% !important; }
[data-media-width="75"] { width: 75% !important; }
[data-media-width="100"] { width: 100% !important; }

[data-media-width] video,
[data-media-width] iframe,
[data-media-width] img {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
}

[data-media-width] iframe {
  aspect-ratio: 16 / 9;
}

@media (max-width: 700px) {
  [data-media-width] {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

[data-media-width].align-left {
  margin: 0.25rem 1.5rem 1rem 0 !important;
}

[data-media-width].align-right {
  margin: 0.25rem 0 1rem 1.5rem !important;
}

[data-media-width].align-center {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}