/* CKEDITOR */



/* základ pro obrázky z CKEditoru 5 */
figure.image {
  display: inline-block;
  margin: 1em 0;
}

/* konkrétně ten “side” styl – obrázek vpravo a text okolo */
figure.image.image-style-side {
  float: right;
  margin: 0 0 1em 1em; /* odsazení od textu */
  max-width: 50%;      /* volitelné */
}

/* Vycentrování obrázku z CKEditoru 5 */
figure.image.image_resized {
  display: block;
  margin: 0 auto 1em auto; /* vycentruje figure */
  text-align: center;
}

figure.image.image_resized img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}


/*youtube*/
.video-wrapper {
  width: 90%;
  max-width: 900px;       /* volitelné omezení */
  margin: 1.5em auto;     /* vycentrování */
  display: flex;
  justify-content: center;
}

.video-wrapper iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;   /* drží poměr, ale bez ořezání */
  border: none;
}