/*
 * Schrift und Absaetze des News-FLIESSTEXTES - gemeinsam fuer alle drei
 * Oberflaechen der UCB Landau.
 *
 * Diese Datei ist die einzige Pflegestelle fuer das Aussehen des Textes. Jede
 * Regel traegt drei Selektoren nebeneinander, einen je Ort:
 *
 *   .ucb-an-fliesstext          die fertige Seite im Frontend
 *   body#tinymce                der klassische Editor. Das ist der Koerper des
 *                               Editor-Rahmens - sowohl im Formular unter
 *                               /news/<Nummer>/bearbeiten/ als auch im
 *                               Klassik-Fenster des Block-Editors.
 *   [data-type="core/freeform"] der Klassikblock auf der Leinwand des
 *                               Block-Editors. Dort steht der Inhalt nur
 *                               schreibgeschuetzt, soll aber gleich aussehen.
 *
 * Jeder Selektor greift nur dort, wo es ihn gibt; die anderen laufen ins Leere.
 * Dadurch bleibt es bei EINER Datei, und eine neue Regel wirkt automatisch
 * ueberall gleich.
 *
 * WAS HIER BEWUSST NICHT STEHT: alles Raeumliche - Kartenbreite, Innenabstand,
 * Hintergrund, Rahmen, Schatten, das Titelbild und das Fenster der
 * Grossansicht. Das steht weiterhin in ucb_an_stile() und darf den Editor
 * nicht erreichen.
 *
 * WARUM KEINE NACKTEN ELEMENT-SELEKTOREN: Im gerahmten Editor-Canvas schreibt
 * WordPress die Selektoren NICHT um. Eine Regel wie "div{margin:...}" traefe
 * dort die Bedienelemente des Editors selbst - Einfuege-Anzeige, Blockrahmen,
 * Anfueger. Deshalb ist jede Regel an einen der drei Orte gebunden.
 *
 * Vorbild ist assets/news-inhalt.css der Stadtkapelle Landau. Die dortigen
 * Regeln gegen aus Facebook eingefuegte Absatzketten fehlen hier bewusst: die
 * UCB-News sind gewoehnliche Absaetze, geprueft an allen sieben Beitraegen.
 * Sollte kuenftig aus Facebook oder Instagram eingefuegt werden, gehoeren sie
 * ergaenzt.
 */

/* ===================================================================
 * Grundschrift des Inhalts
 *
 * 17px und Zeilenhoehe 1.75 entsprechen dem, was das Theme heute liefert
 * (body: 1.0625rem, .ucb-an-fliesstext: 1.75). Im Editor gibt es das Theme
 * nicht, deshalb hier ausdruecklich. In Pixeln festgenagelt, weil sich rem im
 * Klassik-Fenster auf eine andere Grundgroesse bezieht als auf der Seite.
 * =================================================================== */
.ucb-an-fliesstext,
body#tinymce,
[data-type="core/freeform"]{
  overflow-wrap:anywhere;
  color:#263d4b;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.75
}

/* Im Editor gibt es keine Karte ringsum - dort sorgt ein eigener Innenabstand
   dafuer, dass der Text nicht am Rand klebt. Im Frontend ist der Abstand Sache
   der weissen Flaeche, deshalb hier ausdruecklich nur body#tinymce. */
body#tinymce{
  margin:0;
  padding:1.1rem 1.2rem;
  background:#fff
}

/* ===================================================================
 * Absaetze und Listen
 * =================================================================== */
.ucb-an-fliesstext p,
.ucb-an-fliesstext li,
body#tinymce p,
body#tinymce li,
[data-type="core/freeform"] p,
[data-type="core/freeform"] li{
  max-width:100%!important;
  color:#263d4b!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:400!important;
  line-height:1.75!important
}

.ucb-an-fliesstext p,
body#tinymce p,
[data-type="core/freeform"] p{margin:0 0 1.1rem!important}

.ucb-an-fliesstext ul,
.ucb-an-fliesstext ol,
body#tinymce ul,
body#tinymce ol,
[data-type="core/freeform"] ul,
[data-type="core/freeform"] ol{margin:0 0 1.1rem!important;padding-left:1.4rem!important}

.ucb-an-fliesstext>:first-child,
[data-type="core/freeform"]>:first-child{margin-top:0!important}
.ucb-an-fliesstext>:last-child,
[data-type="core/freeform"]>:last-child{margin-bottom:0!important}

/* ===================================================================
 * Hervorhebungen, Zwischenueberschriften, Verweise, Bilder
 *
 * Zwischenueberschriften in der Serifenschrift des Themes, wie im uebrigen
 * Inhalt der Website auch (.entry-content h2 im Theme).
 * =================================================================== */
.ucb-an-fliesstext strong,
body#tinymce strong,
[data-type="core/freeform"] strong{color:#123f5b!important;font-weight:750!important}

.ucb-an-fliesstext h2, .ucb-an-fliesstext h3, .ucb-an-fliesstext h4,
body#tinymce h2, body#tinymce h3, body#tinymce h4,
[data-type="core/freeform"] h2, [data-type="core/freeform"] h3, [data-type="core/freeform"] h4{
  color:#123f5b!important;
  font-family:Georgia,"Times New Roman",serif!important;
  line-height:1.2!important;
  margin:1.9rem 0 .8rem!important
}

.ucb-an-fliesstext a,
body#tinymce a,
[data-type="core/freeform"] a{color:#126b99!important;font-weight:700!important}

.ucb-an-fliesstext a:focus-visible,
body#tinymce a:focus-visible{outline:4px solid #f2cf22;outline-offset:3px}

.ucb-an-fliesstext img,
body#tinymce img,
[data-type="core/freeform"] img{max-width:100%;height:auto;border-radius:12px}

.ucb-an-fliesstext blockquote,
body#tinymce blockquote,
[data-type="core/freeform"] blockquote{
  margin:0 0 1.1rem!important;
  padding:.2rem 0 .2rem 1rem!important;
  border-left:4px solid #669dce!important;
  color:#627582!important
}

/* ===================================================================
 * Schmale Bildschirme - AUSDRUECKLICH NUR AUF DER FERTIGEN SEITE
 *
 * Die Editor-Selektoren fehlen hier mit Absicht. Das Bearbeitungsfenster des
 * Klassikblocks ist schmal; naehme es an dieser Regel teil, zeigte es die
 * Handy-Schriftgroesse, waehrend die Seite daneben die gewoehnliche zeigt. Als
 * Vorschau soll der Editor aber immer dieselbe Ansicht liefern, unabhaengig
 * davon, wie breit das Fenster gerade ist. Bei der Stadtkapelle hat genau das
 * Zeit gekostet - dort stand im Fenster 14,56px statt 15,04px.
 * =================================================================== */
@media(max-width:760px){
  .ucb-an-fliesstext{font-size:16px;line-height:1.68}
  .ucb-an-fliesstext p,
  .ucb-an-fliesstext li{line-height:1.68!important}
}