/* Markdown-Blogposts: ersetzt das TYPO3-ce-/Float-Markup für Bilder durch
   wenige moderne Regeln. Wirkt nur auf .post-content (migrierte Posts),
   nicht auf die noch unmigrierten HTML-Posts. */
.post-content img, .page-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2.75rem auto; /* vertikaler Rhythmus wie ce-gallery/section-large-image */
}
.post-content figure, .page-content figure { margin: 2.75rem 0; }
.post-content figure img, .page-content figure img { margin: 0 auto; }

/* Vertikaler Rhythmus: kompensiert die entfernten <p>&nbsp;</p>-Spacer */
.post-content p, .page-content p { margin-bottom: 1.25em; }
.post-content h1, .page-content h1 { margin: 2.5rem 0 1.25rem; }   /* nummerierte Hauptüberschriften (hatte keine TYPO3-Regel) */
.post-content h2, .page-content h2 { margin-top: 2.25rem; }
.post-content h3, .page-content h3 { margin-top: 1.75rem; }

/* Text-Umfluss (ersetzt ce-intext ce-left/ce-right) */
.post-content .img-left,
.post-content .img-right { max-width: 45%; height: auto; margin-bottom: 1rem; }
.post-content .img-left  { float: left;  margin-right: 1.5rem; }
.post-content .img-right { float: right; margin-left: 1.5rem; }
@media (max-width: 575px) {
  .post-content .img-left,
  .post-content .img-right { float: none; max-width: 100%; margin: 1.5rem auto; }
}