/* Struktur für alle Designs: Umbruchregeln und die Klassen aus dem WordPress-Bestand. Keine Farben, keine Schriften. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; hyphens: manual; overflow-wrap: normal; word-break: normal; }
img { max-width: 100%; height: auto; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 12px; top: 12px; z-index: 100; padding: 8px 12px; background: #fff; color: #000; }

.text::after { content: ""; display: block; clear: both; }
.text h2, .text hr { clear: both; }  /* neuer Abschnitt beginnt unter umflossenen Bildern */
.text .aligncenter, .text figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.text .alignleft { float: left; margin: 0.35em 1.6em 1em 0; max-width: 45%; }
.text .alignright { float: right; margin: 0.35em 0 1em 1.6em; max-width: 45%; }
.text figure, .text .wp-caption { max-width: 100%; margin-left: 0; margin-right: 0; }
.text .wp-caption.alignleft, .text .wp-caption.alignright { max-width: 45%; }
.text .wp-caption img, .text figure img { display: block; }
.text table { display: block; overflow-x: auto; max-width: 100%; border-collapse: collapse; }
.text div[style*="overflow"] table { display: table; width: 100%; }
.text a.url { overflow-wrap: anywhere; }  /* nur nackte URLs als Linktext */
.text iframe { max-width: 100%; }

@media (max-width: 600px) {
  .text .alignleft, .text .alignright, .text .wp-caption.alignleft, .text .wp-caption.alignright {
    float: none; display: block; max-width: 100%; margin: 1em auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}