/* obs-mk-text.css - Textabstaende in den Marketing-Baendern
   Angelegt 07.09.2026. Grund: .obs-mk-kopf p hat margin 0, deshalb kleben
   mehrere Absaetze hintereinander zu einem Block zusammen. Betrifft jede
   Seite, die in einem Kopf mehr als einen Absatz fuehrt.
   Rueckbau: diese Datei aus der Seitenhuelle entfernen - sonst nichts. */

.obs-mk-kopf > p + p { margin-top: .9rem; }
.obs-mk-kopf > h3 { margin-top: 1.6rem; }
.obs-mk-kopf > h3 + p { margin-top: .6rem; }
.obs-mk-kopf > p + h3 { margin-top: 1.6rem; }

.obs-mk-seitenkopf > p + p { margin-top: .9rem; }

/* Fliesstext in den Kopfbloecken darf nicht ueber die Lesebreite laufen */
.obs-mk-kopf > p,
.obs-mk-kopf > ul,
.obs-mk-kopf > ol { max-width: 68ch; }

/* Bildunterschriften etwas naeher ans Bild, mehr Luft nach unten */
figure.obs-mk-shot + figure.obs-mk-shot { margin-top: 1.5rem; }

/* Aufzaehlungen in den Baendern brauchen Zeilenluft */
.obs-mk-liste > li + li { margin-top: .55rem; }

@media (max-width: 760px) {
  .obs-mk-kopf > p + p { margin-top: .8rem; }
  .obs-mk-kopf > p,
  .obs-mk-kopf > ul,
  .obs-mk-kopf > ol { max-width: none; }
}

/* Kleine Bildschirmfotos nicht hochskalieren (07.09.2026).
   .obs-mk-shot img hat width:100% - ein 335 px breiter Ausschnitt wurde damit
   auf 1200 px gezogen und war unlesbar matschig. Jetzt gilt: hoechstens die
   Bandbreite, sonst die eigene Groesse, und mittig gestellt. */
figure.obs-mk-shot img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
figure.obs-mk-shot figcaption { text-align: center; }

@media (max-width: 760px) {
  figure.obs-mk-shot img { width: 100%; }
}