/* Blog-Inhalt (Frontend + Summernote Editor) */
.post-content,
.note-editable {
  line-height: 1.75;
  font-size: 1.05rem;
}

/* sauberes Spacing */
.post-content > * ,
.note-editable > * {
  margin: 0 0 1rem 0;
}
.post-content > *:last-child,
.note-editable > *:last-child { margin-bottom: 0; }

/* Überschriften (Summernote erzeugt gern <p><b>..</b></p> -> trotzdem klare Headings erlauben) */
.post-content h2, .note-editable h2 { font-size: 1.55rem; margin: 1.8rem 0 0.6rem; }
.post-content h3, .note-editable h3 { font-size: 1.25rem; margin: 1.4rem 0 0.5rem; }
.post-content h4, .note-editable h4 { font-size: 1.10rem; margin: 1.2rem 0 0.4rem; }

/* Lead (Teaser) */
.post-content .lead, .note-editable .lead { font-size: 1.18rem; opacity: 0.85; }

/* Links */
.post-content a, .note-editable a {
  text-decoration: underline;
  text-underline-offset: .2em;
}

/* Listen */
.post-content ul, .note-editable ul,
.post-content ol, .note-editable ol { padding-left: 1.25rem; }
.post-content li, .note-editable li { margin: .25rem 0; }

/* Blockquote */
.post-content blockquote, .note-editable blockquote {
  border-left: 4px solid #0d6efd;
  padding: .9rem 1rem;
  margin: 1.2rem 0;
  background: rgba(13,110,253,0.08);
  border-radius: 10px;
}
.post-content blockquote p, .note-editable blockquote p { margin: 0; }
.post-content blockquote cite, .note-editable blockquote cite {
  display: block; margin-top: .6rem; opacity: .8; font-size: .95rem; font-style: normal;
}

/* Bilder */
.post-content img, .note-editable img {
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}
.post-content figure, .note-editable figure { margin: 1.2rem 0; }
.post-content figcaption, .note-editable figcaption { margin-top: .5rem; opacity: .8; font-size: .95rem; }

/* Trenner */
.post-content hr, .note-editable hr { margin: 1.6rem 0; }

/* Code */
.post-content code, .note-editable code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";
  font-size: .95em;
  background: rgba(0,0,0,0.06);
  padding: .15em .35em;
  border-radius: .4em;
}
.post-content pre, .note-editable pre {
  padding: 1rem 1.1rem;
  border-radius: 14px;
  overflow-x: auto;
}

/* Tabellen */
.post-content table, .note-editable table { width: 100%; border-collapse: collapse; }
.post-content th, .note-editable th,
.post-content td, .note-editable td { padding: .7rem .8rem; border-bottom: 1px solid rgba(0,0,0,.12); }
.post-content thead th, .note-editable thead th { background: rgba(0,0,0,0.05); }

/* Callouts (optional) */
.post-content .callout, .note-editable .callout {
  padding: 1rem;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,0.04);
}
.post-content .callout .callout-title, .note-editable .callout .callout-title { font-weight: 800; margin-bottom: .35rem; }
.post-content .callout.info, .note-editable .callout.info { border-left: 5px solid #0d6efd; }
.post-content .callout.tip,  .note-editable .callout.tip  { border-left: 5px solid #198754; }
.post-content .callout.warn, .note-editable .callout.warn { border-left: 5px solid #ffc107; }

/* WICHTIG: Summernote Inline-Styles entschärfen (damit font-size Spans euch nicht zerstören) */
.post-content span[style*="font-size"],
.note-editable span[style*="font-size"] {
  font-size: inherit !important;
}