/* Inhalts-Seiten (Büro, Leistungen, …) – monochrom, auf kds-base-Tokens. */

.pg-hero{ padding-block:clamp(54px,9vh,108px) clamp(18px,3vh,38px); }
.pg-hero h1{ font-size:clamp(2.7rem,1.7rem + 3.6vw,4.8rem); line-height:1.04; margin:.12em 0 0; max-width:18ch; }
.pg-lead{ margin-top:26px; max-width:60ch; font-size:1.45rem; line-height:1.55; color:var(--text); }

/* Zweispaltig: Label | Inhalt */
.pg-split{ display:grid; grid-template-columns:200px 1fr; gap:clamp(24px,4vw,64px); }
@media(max-width:760px){ .pg-split{ grid-template-columns:1fr; gap:12px; } }
.pg-split__aside .eyebrow{ margin:6px 0 0; }
.pg-split__main p{ font-size:1.08rem; line-height:1.78; color:var(--text); margin:0 0 1.3em; max-width:62ch; }
.pg-split__main p:last-child{ margin-bottom:0; }

/* Vita / Werdegang */
.pg-vita{ margin:0; border-top:1px solid var(--line); }
.pg-vita > div{ display:grid; grid-template-columns:150px 1fr; gap:24px; padding:20px 0; border-bottom:1px solid var(--line); }
.pg-vita dt{ font-family:var(--font-display); font-size:1.6rem; color:var(--ink); }
.pg-vita dd{ margin:0; align-self:center; color:var(--text); font-size:1.02rem; }
@media(max-width:560px){ .pg-vita > div{ grid-template-columns:1fr; gap:4px; } }

/* Leistungsbereiche – nummerierte Liste */
.pg-area-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.pg-area{ display:grid; grid-template-columns:auto 1fr; gap:clamp(20px,4vw,56px); padding:clamp(28px,4vh,48px) 0; border-bottom:1px solid var(--line); align-items:start; }
.pg-area__no{ font-family:var(--font-display); font-size:1.7rem; color:var(--muted); line-height:1; padding-top:.15em; }
.pg-area__body h2{ font-size:clamp(2rem,1.3rem + 2vw,3rem); margin:0 0 .4em; }
.pg-area__body p{ margin:0; max-width:58ch; color:var(--text); line-height:1.75; }

/* Kooperationen */
.pg-coop-sec{ background:var(--tint); }
.pg-coop{ max-width:760px; }
.pg-coop h2{ font-size:clamp(2rem,1.3rem + 2vw,3.05rem); margin:.2em 0 .5em; }
.pg-coop p{ color:var(--text); line-height:1.78; font-size:1.08rem; margin:0; }

/* Porträt */
.pg-portrait{ background:var(--tint); }
.pg-portrait img{ display:block; width:100%; max-height:80vh; object-fit:cover; }

/* CTA */
.pg-cta{ background:var(--ink); color:#fff; text-align:center; padding-block:clamp(64px,11vh,128px); }
.pg-cta__inner{ max-width:680px; margin-inline:auto; }
.pg-cta h2{ color:#fff; font-size:clamp(2.2rem,1.5rem + 2.8vw,3.8rem); line-height:1.12; margin:0 0 28px; }

/* ---------- Kontakt ---------- */
.pg-contact{ display:grid; grid-template-columns:300px 1fr; gap:clamp(28px,5vw,72px); align-items:start; }
@media(max-width:760px){ .pg-contact{ grid-template-columns:1fr; gap:34px; } }
.pg-contact__lines{ margin:14px 0; line-height:1.8; color:var(--text); }
.pg-contact__lines a{ color:var(--ink); border-bottom-color:var(--line); }
.pg-contact__social a{ font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); border:0; }
.pg-contact__social a:hover{ color:var(--ink); }

.kform label{ display:block; margin:0 0 18px; font-size:13px; letter-spacing:.04em; color:var(--muted); }
.kform input, .kform textarea{ margin-top:7px; color:var(--ink); }
.kform__row{ display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
@media(max-width:560px){ .kform__row{ grid-template-columns:1fr; } }
.kform__check{ display:flex; gap:11px; align-items:flex-start; text-transform:none; letter-spacing:0; font-size:14px; color:var(--text); line-height:1.5; margin-bottom:24px; }
.kform__check input{ width:auto; margin-top:3px; flex:0 0 auto; }
.kform__hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.kform button{ margin-top:4px; }

.pg-note{ padding:16px 18px; margin-bottom:26px; font-size:15px; border:1px solid var(--line); line-height:1.5; }
.pg-note--ok{ border-color:var(--ink); color:var(--ink); }
.pg-note--err{ border-color:#a11; color:#a11; }

/* ---------- Referenzen ---------- */
.pg-refs{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.pg-ref{ display:grid; grid-template-columns:220px 1fr; gap:clamp(24px,4vw,64px); padding:clamp(34px,5.5vh,64px) 0; border-bottom:1px solid var(--line); align-items:start; }
@media(max-width:760px){ .pg-ref{ grid-template-columns:1fr; gap:12px; } }
.pg-ref__quotemark{ display:block; font-family:var(--font-display); font-size:3.6rem; line-height:.5; color:var(--ink); opacity:.18; }
.pg-ref__by{ margin:16px 0 0; font-size:12px; letter-spacing:.13em; text-transform:uppercase; color:var(--muted); line-height:1.5; }
.pg-ref__quote{ margin:0; font-family:var(--font-display); font-weight:400; font-size:clamp(1.5rem,1.15rem + 1.5vw,2.35rem); line-height:1.34; color:var(--ink); max-width:32ch; }
@media(max-width:760px){ .pg-ref__quotemark{ font-size:2.6rem; } .pg-ref__by{ margin-top:6px; } }

/* Porträt-Sektion als Platzhalter (Büro) */
.pg-portrait--ph{ padding-block:clamp(40px,7vh,96px); }

/* ---------- Rechtstexte (Impressum, Datenschutz) ---------- */
.pg-legal-sec{ padding-top:clamp(8px,2vh,24px); }
.pg-legal{ max-width:74ch; }
.pg-legal > *:first-child{ margin-top:0; }
.pg-legal h2{ font-size:clamp(1.5rem,1.2rem + 1vw,2.15rem); line-height:1.18; margin:2.3em 0 .5em; }
.pg-legal h3{ font-family:var(--font); font-weight:600; font-size:1.04rem; letter-spacing:.005em; color:var(--ink); margin:1.7em 0 .35em; }
.pg-legal p, .pg-legal li{ color:var(--text); line-height:1.75; font-size:1.02rem; }
.pg-legal p{ margin:0 0 1em; }
.pg-legal ul{ margin:0 0 1.2em; padding-left:1.25em; }
.pg-legal li{ margin:.18em 0; }
.pg-legal a{ color:var(--ink); border-bottom:1px solid var(--line); }
.pg-legal a:hover{ border-bottom-color:var(--ink); }
.pg-legal strong{ color:var(--ink); }
.pg-legal address{ font-style:normal; }
.pg-legal__meta{ margin-top:2.6em; padding-top:1.2em; border-top:1px solid var(--line); font-size:.9rem; color:var(--muted); }

/* ---------- Allgemeine Seite / Werkzeug-Seiten ---------- */
.pg-generic .pg-content{ max-width:74ch; }
.pg-generic .pg-content p{ line-height:1.75; }
.pg-hero + .pg-tool{ padding-top:0; }
.pg-tool{ padding-bottom:clamp(72px,8vw,130px); }
.pg-upload .eyebrow{ color:var(--muted); }

/* Unterseiten-CTA: harter 2-Zeilen-Umbruch, auf Handy natürlich umbrechen */
@media (max-width:600px){ .pg-cta h2 br, .pg-hero h1 br{ display:none; } }

/* === CTA-Fix: Schrift klein genug, dass beide <br>-Zeilen sicher in eine
   Zeile passen (vorher brach jede Hälfte nochmal um -> 4 statt 2 Zeilen). === */
.pg-cta__inner{ max-width:800px; }
.pg-cta h2{ font-size:clamp(1.85rem,1.2rem + 1.9vw,2.7rem); line-height:1.16; }

/* === Werkzeug-Seiten (Upload, Anfrage): Kopf + Inhalt in EINER zentrierten
   Spalte, beide linksbündig – kein schiefer Versatz mehr zwischen
   Überschrift (links) und Formular (vorher mittig eingerückt). === */
.pg-upload .wrap,
.pg-anfrage .wrap{ max-width:720px; }
.pg-upload .rmup,
.pg-anfrage .rmanf{ max-width:none; margin-inline:0; }

/* Instagram-Button (Kontaktseite): deutlich statt blassem Text */
.pg-contact__social{ margin-top:20px; }
.ig-link{
  display:inline-flex; align-items:center; gap:10px;
  padding:11px 18px; border:1px solid var(--ink); border-radius:999px;
  color:var(--ink); text-decoration:none; font-size:.95rem; letter-spacing:.01em;
  transition:background .2s ease, color .2s ease;
}
.ig-link:hover{ background:var(--ink); color:#fff; }
.ig-link svg{ width:20px; height:20px; flex:0 0 auto; }