/* ============================================================
   PEC GLOBAL — Datenschutzerklärung subpage (/datenschutz)
   Page-scoped styles ONLY. Text-only legal layout. Reuses the
   shared tokens from pec-styles.css and the shared nav/footer
   from pec-components.css. No cards, no imagery.
   ============================================================ */

.ds-page{
  padding-top:114px;            /* clear fixed utility strip + nav */
  padding-bottom:clamp(56px,7vw,104px);
}

/* ---------- Page header ---------- */
.ds-head{
  padding:clamp(36px,5vw,68px) var(--gutter) clamp(28px,4vw,46px);
  text-align:center;
}
.ds-head .ds-col{
  max-width:760px;
  margin:0 auto;
}
.ds-eyebrow{justify-content:center;margin-bottom:18px}
.ds-h1{
  font-size:clamp(34px,5vw,56px);
  letter-spacing:-.03em;
  font-weight:800;
  color:var(--ink);
  line-height:1.05;
}
.ds-subtext{
  margin-top:16px;
  font-size:15px;
  color:var(--ink-50);
  font-weight:500;
  letter-spacing:.005em;
}

/* ---------- Text column ---------- */
.ds-body{
  max-width:760px;
  margin:0 auto;
  padding:0 var(--gutter);
}

.ds-section{
  margin-top:clamp(40px,4.5vw,60px);
}
.ds-section:first-child{margin-top:0}

.ds-h2{
  font-size:clamp(21px,2.3vw,27px);
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--ink);
  line-height:1.25;
  margin-bottom:20px;
}

.ds-body p{
  font-size:17px;
  line-height:1.8;
  color:var(--ink-90);
  font-weight:400;
  max-width:68ch;
}
.ds-body p + p{margin-top:20px}

/* ---------- Rights list (Section 7) ----------
   Content dashes, rendered as a simple vertical list — NOT bullets. */
.ds-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:20px 0;
}
.ds-list-line{
  font-size:17px;
  line-height:1.6;
  color:var(--ink-90);
}

@media(max-width:760px){
  .ds-body p,.ds-list-line{font-size:16px}
}