/* >>> RECHTSSEITEN ANFANG <<< */
/* Impressum, Datenschutz, AVV. Eine schmale Spalte, kein Kastenwerk: das sind
   Seiten zum Lesen, nicht zum Ueberfliegen. Die Nummer steht im Rand, damit die
   Ueberschriften auf derselben Linie beginnen wie der Text darunter. */
.hd-zurueck{margin-left:auto;font-family:var(--cond);font-size:17px;font-weight:600;
  text-transform:uppercase;letter-spacing:.02em;color:var(--navy);opacity:.7}
.hd-zurueck:hover{opacity:1}

.lu{background:var(--paper);padding:var(--luft) 0 var(--luft)}
.lu-in{max-width:760px;margin:0 auto;padding:0 var(--gutter)}
.lu-art{font-family:var(--cond);font-size:13px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted)}
.lu h1{margin-top:16px;font-family:var(--disp);font-weight:700;text-transform:uppercase;
  line-height:1.08;letter-spacing:-.01em;font-size:var(--titel-seite);color:var(--navy)}
/* Lange Woerter („Datenschutzerklärung", „Geschäftsbedingungen") liefen unter
   380 Pixeln rechts aus dem Bild: trennen statt ueberlaufen (QA 29.09.2026). */
.lu h1{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.lu-vor{margin-top:24px;font-size:17px;line-height:1.65;color:var(--text)}
.lu-vor + .lu-vor{margin-top:16px}

.lu-ab{margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}
.lu-ab h2{position:relative;font-family:var(--sans);font-size:17px;font-weight:600;
  line-height:1.35;color:var(--navy)}
.lu-nr{position:absolute;right:calc(100% + 16px);top:1px;font-family:var(--cond);
  font-size:17px;font-weight:700;color:var(--muted);white-space:nowrap}
.lu-ab p{margin-top:16px;font-size:17px;line-height:1.68;color:var(--text)}
.lu-ab p b{font-weight:600;color:var(--navy)}
.lu-ab a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
/* Die Rechtstexte (Impressum, Datenschutz, AGB) gliedern
   tiefer als die Vorlage: Unterueberschriften, fette Stichworte in Listen, ein hervorgehobener Satz. */
.lu-ab h2 + h2{margin-top:8px}
.lu-ab h3{margin-top:32px;font-family:var(--sans);font-size:17px;font-weight:600;
  line-height:1.35;color:var(--navy)}
.lu-ab h4{margin-top:24px;font-family:var(--sans);font-size:16px;font-weight:600;
  line-height:1.35;color:var(--navy)}
.lu-ab h2 + h3,.lu-ab h3 + h4{margin-top:16px}
.lu-li li b{font-weight:600;color:var(--navy)}
.lu-ab p.lu-hervor{font-weight:600;color:var(--navy)}
.lu-vor b{font-weight:600;color:var(--navy)}

.lu-li{margin-top:16px;display:flex;flex-direction:column;gap:8px;list-style:none}
.lu-li li{position:relative;padding-left:20px;font-size:17px;line-height:1.6;color:var(--text)}
.lu-li li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;
  background:var(--muted)}

/* Anschriften und andere Blockangaben laufen enger als Fliesstext. */
.lu-adr{margin-top:16px;font-size:17px;line-height:1.55;color:var(--text)}

/* Was noch fehlt. Gelb ist auf der ganzen Seite die Farbe fuer Aufmerksamkeit,
   hier heisst sie: hier steht noch nichts Verbindliches. */
.lu-offen{background:var(--yellow);padding:1px 8px;border-radius:3px;
  font-family:var(--cond);font-size:.94em;font-weight:600;color:var(--navy);
  white-space:nowrap}

/* Schlussbemerkung, ruhiger als der Rest. */
.lu-schluss{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);
  font-size:15px;line-height:1.6;color:var(--muted)}

.lu-druck{margin-top:24px;display:inline-flex;align-items:center;gap:8px;
  background:var(--navy);color:var(--paper);border:0;border-radius:var(--radius);
  padding:12px 20px;font-family:var(--cond);font-size:17px;font-weight:600;
  text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
.lu-druck:hover{background:var(--navy-700)}
/* Download der Fassung als PDF (AGB, AV-Vertrag): ein Link im Knopfkleid, ohne den
   Unterstrich und das Navy der Textlinks (.lu-ab a). */
.lu-knoepfe{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lu-knoepfe .lu-druck{margin-top:0}
.lu a.lu-druck{color:var(--paper);text-decoration:none}

@media print{
  .hd,.ft,.lu-druck,.lu-knoepfe{display:none}
  .lu{padding:0}
  .lu-offen{background:none;border-bottom:1px solid var(--navy)}
}
@media(max-width:900px){
  .lu{padding:48px 0 64px}
  .lu-nr{position:static;display:block;margin-bottom:4px}
}
/* <<< RECHTSSEITEN ENDE >>> */