/*!
 * LeineGlück KI-Solutions — Pflichtseiten
 * Impressum, Datenschutz und was sonst noch an Rechtstexten dazukommt.
 *
 * Diese Seiten tragen kein Design-Markup im Inhalt: sie sind reiner
 * Fliesstext aus dem Editor. Hier bekommen sie Lesebreite, die Typografie
 * des Designs und den Rahmen aus Kopf- und Fussbereich.
 *
 * @author    LeineGlück Online-Marketing
 * @link      https://www.leineglueck.de
 * @copyright © 2026 LeineGlück Online-Marketing
 * @license   GPL-2.0-or-later
 */

/* --------------------------------------------------------- Kopf und Fuss
   Beide kommen aus parts/ und bringen ihre eigenen Klassen mit. Sie
   sollen ueber die volle Breite laufen, nicht im Textcontainer stehen. */
.lgki-rechtsseite-kopf,
.lgki-rechtsseite-fuss {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
}

.lgki-rechtsseite-kopf { margin-bottom: clamp(48px, 6vw, 88px); }
.lgki-rechtsseite-fuss { margin-top: clamp(64px, 8vw, 112px); }


/* ------------------------------------------------------------ Lesebreite
   Rechtstexte laufen sonst ueber die volle Fensterbreite — bei 1440px
   sind das gut 200 Zeichen pro Zeile. 68ch ist die Spanne, in der man
   noch ohne Zeilensprung liest.

   Gebunden an body.lgki-fliesstext: nur Seiten, deren Inhalt reiner
   Editortext ist. Seiten mit eigenem Design-Markup (der KI-Kurzcheck)
   sollen ueber die volle Breite laufen. */
body.lgki-fliesstext .lgki-rechtsseite-inhalt {
  max-width: 68ch;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  color: var(--text-body);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}


/* ---------------------------------------------------------- Typografie
   Die Ueberschriften kommen aus dem Editor ohne Designklassen, greifen
   also weder lg-head-* noch die Uncode-Bruecke ab. Hier bekommen sie die
   Schrift und die Farben des Designs. */
body.lgki-fliesstext .lgki-rechtsseite-inhalt h1,
body.lgki-fliesstext .lgki-rechtsseite-inhalt h2,
body.lgki-fliesstext .lgki-rechtsseite-inhalt h3,
body.lgki-fliesstext .lgki-rechtsseite-inhalt h4 {
  font-family: var(--font-heading);
  color: var(--plum-900);
  letter-spacing: -.015em;
  line-height: 1.18;
}

body.lgki-fliesstext .lgki-rechtsseite-inhalt h1 { font-size: clamp(2rem, 3.4vw, 2.75rem); margin: 0 0 28px; }
body.lgki-fliesstext .lgki-rechtsseite-inhalt h2 { font-size: clamp(1.5rem, 2.2vw, 1.875rem); margin: 56px 0 16px; }
body.lgki-fliesstext .lgki-rechtsseite-inhalt h3 { font-size: 1.25rem; margin: 40px 0 12px; }
body.lgki-fliesstext .lgki-rechtsseite-inhalt h4 { font-size: 1.0625rem; margin: 28px 0 8px; }

body.lgki-fliesstext .lgki-rechtsseite-inhalt p,
body.lgki-fliesstext .lgki-rechtsseite-inhalt li { margin: 0 0 16px; }

body.lgki-fliesstext .lgki-rechtsseite-inhalt ul,
body.lgki-fliesstext .lgki-rechtsseite-inhalt ol { margin: 0 0 24px; padding-left: 22px; }

body.lgki-fliesstext .lgki-rechtsseite-inhalt strong { font-weight: 700; color: var(--plum-900); }

body.lgki-fliesstext .lgki-rechtsseite-inhalt a {
  color: var(--plum-700);
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.lgki-fliesstext .lgki-rechtsseite-inhalt a:hover { color: var(--plum-500); }

/* Lange URLs und Mailadressen in Rechtstexten sprengen sonst die Spalte. */
body.lgki-fliesstext .lgki-rechtsseite-inhalt a,
body.lgki-fliesstext .lgki-rechtsseite-inhalt code { overflow-wrap: anywhere; }


/* ------------------------------------------------ Uncode-Reste abraeumen
   Das Theme setzt auf Seiten ohne Sidebar eigene Abstaende und eine
   eigene Breite. Innerhalb unseres Rahmens gilt das Design. */
body.lgki-seite .lgki-rechtsseite-kopf .lg-box-30,
body.lgki-seite .lgki-rechtsseite-fuss .lg-box-64 { display: block; }

/* Der Seiteninhalt selbst darf keine zweite Begrenzung aufschlagen. */
body.lgki-fliesstext .post-content > .lgki-rechtsseite-inhalt { max-width: 68ch; }