/* ============================================================
   VA TALENTWERK — Rechtsseiten (Impressum, Datenschutz)
   Baut auf styles.css auf und ergänzt nur die Textstrecke.
   ============================================================ */

/* --- Kopfbereich ------------------------------------------ */
.lhead{
  position:relative;
  background:var(--ink);
  padding:calc(96px + clamp(40px,7vw,90px)) 0 clamp(52px,7vw,92px);
}
.lhead__back{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--f-mono); font-size:10px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase;
  color:rgba(242,240,234,.55); text-decoration:none;
  margin-bottom:30px;
  transition:color .2s, gap .2s var(--ease);
}
.lhead__back:hover{ color:var(--accent); gap:15px; }
.lhead h1{
  font-family:var(--f-display); font-weight:900;
  font-size:clamp(40px,7.5vw,92px); line-height:.9;
  letter-spacing:-.03em; text-transform:uppercase;
  margin:0; color:var(--paper);
}

/* --- Textstrecke ------------------------------------------ */
.lbody{
  position:relative;
  background:var(--paper); color:var(--ink);
  padding-block:clamp(56px,8vw,104px) clamp(72px,10vw,130px);
}
.lbody::before{
  content:""; position:absolute; left:0; right:0; top:-1px; height:var(--wedge);
  background:inherit;
  clip-path:polygon(0 100%, 100% 0, 100% 100%);
  transform:translateY(-99%);
}
.lwrap{ max-width:760px; }

.lbody h2{
  font-family:var(--f-display); font-weight:800;
  font-size:clamp(19px,2.1vw,25px); line-height:1.15;
  letter-spacing:-.015em;
  margin:48px 0 14px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.lbody h2:first-of-type{ margin-top:0; }
.lbody h3{
  font-family:var(--f-body); font-weight:600;
  font-size:1.02em; margin:26px 0 6px;
}
.lbody p{ margin:0 0 14px; color:#3C3E39; }
.lbody p strong{ font-weight:600; color:var(--ink); }
.lbody a{ color:var(--ink); text-decoration:none;
  border-bottom:1px solid rgba(255,75,18,.5); padding-bottom:1px;
  transition:color .2s, border-color .2s; }
.lbody a:hover{ color:var(--accent); border-color:var(--accent); }
.lbody ul{ margin:0 0 16px; padding-left:19px; color:#3C3E39; }
.lbody li{ margin-bottom:7px; }
.lbody li::marker{ color:var(--accent); }

.lead{
  font-size:clamp(16px,1.25vw,19px); line-height:1.6;
  color:var(--ink) !important; font-weight:500;
  margin-bottom:34px !important;
}

/* Datenblock, z. B. Anschrift */
.ladr{
  margin:0 0 18px; padding:18px 22px;
  background:var(--paper-2);
  font-style:normal; line-height:1.75;
}

/* --- Platzhalter ------------------------------------------
   Muss beim Überfliegen sofort ins Auge springen, damit keine
   XXXXXX-Zeile versehentlich online geht. */
.ph{
  display:inline-block;
  padding:1px 7px;
  background:rgba(255,75,18,.11);
  border:1px dashed rgba(255,75,18,.6);
  font-family:var(--f-mono); font-size:.86em; font-weight:500;
  letter-spacing:.06em; color:var(--accent-d);
  white-space:nowrap;
}

/* --- Warnbanner -------------------------------------------
   Vor Veröffentlichung entfernen: dieser Block und .lnote in CSS. */
.lnote{
  margin:0 0 42px; padding:20px 24px;
  background:var(--ink); color:var(--paper);
  border-left:3px solid var(--accent);
}
.lnote__tag{
  display:block; margin-bottom:8px;
  font-family:var(--f-mono); font-size:9.5px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--accent);
}
.lnote p{ margin:0; color:rgba(242,240,234,.82) !important; font-size:.95em; }

@media (max-width:640px){
  .lhead{ padding-top:calc(78px + 44px); }
  .lbody h2{ margin-top:36px; }
}