/* =============================================================
   Parya Golpaygani — Senior Full Stack Marketing Manager
   Stylesheet v2  ·  Prefix: parya-
   Written against Divi's module DOM: every component class sits
   on an .et_pb_module wrapper, layout runs through Divi rows and
   columns. The standalone build carries the identical wrappers,
   so this one file serves both.
   ============================================================= */

/* ---------- 1. Tokens ---------------------------------------- */
:root{
  /* Build-Stempel: das JavaScript vergleicht ihn mit seinem eigenen und
     meldet in der Konsole, wenn CSS und Script aus verschiedenen
     Versionen stammen. Genau dieser Fall war live das Problem. */
  --parya-build: "3.4.1";

  --parya-bg:        #07070A;
  --parya-bg-2:      #0C0C11;
  --parya-bg-3:      #101018;
  --parya-ink:       #F5F4F1;
  --parya-ink-2:     #A6A6B3;
  --parya-ink-3:     #5E5E6C;
  --parya-line:      rgba(245,244,241,.10);
  --parya-line-2:    rgba(245,244,241,.05);
  --parya-accent:    #7C5CFF;
  --parya-accent-2:  #3BE3D0;
  --parya-accent-3:  #FF7A45;

  --parya-max:  1620px;
  --parya-gut:  clamp(20px, 4.2vw, 88px);
  --parya-col-gap: clamp(24px, 4vw, 72px);

  --parya-font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --parya-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --parya-font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --parya-fs-hero:      clamp(2.05rem, 7vw, 6.5rem);
  --parya-fs-statement: clamp(1.95rem, 6.4vw, 6.9rem);
  --parya-fs-display:   clamp(1.75rem, 3.6vw, 3.4rem);
  --parya-fs-h2:        clamp(1.6rem, 3.2vw, 3rem);
  --parya-fs-lead:      clamp(1.02rem, 1.35vw, 1.375rem);
  --parya-fs-body:      clamp(.95rem, 1.05vw, 1.0625rem);
  --parya-fs-label:     clamp(.62rem, .78vw, .75rem);

  --parya-ease: cubic-bezier(.22,1,.36,1);

  --parya-grain-src:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}

/* ---------- 2. Base ------------------------------------------ */
.parya-body *,
.parya-body *::before,
.parya-body *::after{ box-sizing:border-box; }

.parya-html{ background:var(--parya-bg); -webkit-text-size-adjust:100%; }
.parya-html, .parya-body{ overflow-x:clip; max-width:100vw; }

.parya-body{ margin:0; background-color:var(--parya-bg)!important; background-image:none!important; color:var(--parya-ink)!important; font-family:var(--parya-font-body)!important; font-size:var(--parya-fs-body)!important; line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

/* One class of specificity: beats Divi's bare element rules
   (p{padding-bottom:1em}, h1{color:#333}), loses to every
   component class further down this file. */
.parya-body :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote){ margin:0; padding:0; }
.parya-body :where(ul,ol){ list-style:none; }
/* Divi setzt .et_pb_text_inner ul{list-style-type:disc; padding:0 0 23px 1em}.
   Eine :where()-Regel hat Spezifitaet 0 und verliert dagegen. Darum hier
   bewusst mit echter Spezifitaet + !important, aber NUR fuer padding-left/
   -right/-bottom und margin, damit eigene padding-top-Regeln (Hero-Meta,
   Projekt-KPIs) erhalten bleiben. */
.parya-body .parya-mod ul,
.parya-body .parya-mod ol{ list-style:none!important; list-style-type:none!important; list-style-image:none!important; padding-left:0!important; padding-right:0!important; padding-bottom:0!important; margin:0!important; }
.parya-body .parya-mod li{ list-style:none!important; list-style-type:none!important; }
.parya-body :where(p,li,span,a,b,strong,em,small,h1,h2,h3,h4,h5,h6){
  font-family:inherit!important;
}
.parya-body :where(h1,h2,h3,h4,h5,h6){
  color:inherit; font-family:inherit; font-weight:inherit; line-height:inherit;
}
.parya-body :where(a){ color:inherit; text-decoration:none; }
.parya-body :where(img){ max-width:100%; height:auto; display:block; }
.parya-body ::selection{ background:var(--parya-accent); color:#fff!important; }
.parya-body :focus-visible{ outline:2px solid var(--parya-accent-2); outline-offset:4px; border-radius:2px; }

.parya-sr{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.parya-skip{ position:absolute; top:0; left:var(--parya-gut); z-index:200; transform:translateY(-300%); opacity:0; pointer-events:none; transition:transform .25s var(--parya-ease), opacity .25s var(--parya-ease); background:var(--parya-ink); color:var(--parya-bg)!important; padding:12px 20px; border-radius:999px; font-family:var(--parya-font-mono)!important; font-size:.75rem!important; letter-spacing:.08em!important; text-transform:uppercase!important; }
.parya-skip:focus{ transform:translateY(20px); opacity:1; pointer-events:auto; }

/* ---------- 3. Layout shell ---------------------------------
   Every structural rule keys on our OWN classes (parya-row,
   parya-col, parya-mod), which the layout carries on every
   element. Divi's class names are kept only as a fallback, so a
   Divi update, a different Divi major version or a theme option
   that renames things cannot take the layout apart.
   ------------------------------------------------------------ */
.parya-body #page-container,
.parya-body #et-main-area,
.parya-body #main-content,
.parya-body .entry-content,
.parya-body .et_pb_section,
.parya-body .parya-divi-wrap{ background:transparent!important; }

.parya-body .parya-divi-wrap,
.parya-body .et_pb_section.parya-divi-wrap{ position:relative; z-index:2; margin:0!important; padding-inline:0!important; border:0; }
/* Vertikale Abstaende bewusst mit :where() (Spezifitaet 0) genullt.
   Vorher stand hier padding:0!important auf einem (0,2,0)-Selektor und
   hat damit JEDE Komponentenregel wie .parya-toolkit (0,1,0) geschlagen —
   das war live der Grund, warum saemtliche Sektionsabstaende auf 0 fielen.
   Divi's .et_pb_section{padding:54px 0} verliert trotzdem, weil dieses
   Stylesheet nach divi-style eingebunden wird. */
.parya-body :where(.parya-divi-wrap){ padding-block:0; }
.parya-body .parya-divi-stage{ z-index:0; }

/* Rows carry the page gutter and the max width. */
.parya-body .parya-row,
.parya-body .parya-divi-wrap .et_pb_row{ position:relative; display:flex!important; flex-wrap:wrap; align-items:flex-start; gap:0 var(--parya-col-gap); width:100%!important; max-width:var(--parya-max)!important; margin-inline:auto; padding-inline:var(--parya-gut)!important; float:none!important; }
/* dito: vertikales Row-Padding ohne Spezifitaet, damit z. B.
   .parya-toolkit__row{padding-block:...} wieder greift. */
.parya-body :where(.parya-row, .parya-divi-wrap .et_pb_row){ padding-block:0; margin-block:0; }

/* Columns become proportional flex children — Divi's float plus
   5.5% margin cannot express the ratios this layout needs. */
.parya-body .parya-row .parya-col,
.parya-body .parya-divi-wrap .et_pb_column{ float:none!important; margin:0!important; min-width:0; width:auto!important; position:relative; flex:1 1 0!important; }
/* dito fuer Spalten: .parya-toolkit__row .parya-col{padding-top:...} (0,2,0)
   hat gegen ein padding:0 auf (0,3,0) verloren. */
.parya-body :where(.parya-row .parya-col, .parya-divi-wrap .et_pb_column){ padding:0; }
.parya-body .parya-row .parya-col-4_4,
.parya-body .parya-divi-wrap .et_pb_column_4_4{ flex:1 1 100%!important; }
.parya-body .parya-row .parya-col-1_4,
.parya-body .parya-row .parya-col-1_5,
.parya-body .parya-divi-wrap .et_pb_column_1_4{ flex-grow:1!important; }
.parya-body .parya-row .parya-col-1_3,
.parya-body .parya-row .parya-col-2_5,
.parya-body .parya-row .parya-col-1_2,
.parya-body .parya-divi-wrap .et_pb_column_1_3,
.parya-body .parya-divi-wrap .et_pb_column_2_5,
.parya-body .parya-divi-wrap .et_pb_column_1_2{ flex-grow:2!important; }
.parya-body .parya-row .parya-col-3_5,
.parya-body .parya-row .parya-col-2_3,
.parya-body .parya-row .parya-col-3_4,
.parya-body .parya-divi-wrap .et_pb_column_3_5,
.parya-body .parya-divi-wrap .et_pb_column_2_3,
.parya-body .parya-divi-wrap .et_pb_column_3_4{ flex-grow:3!important; }

/* dito fuer Module: Komponentenregeln wie .parya-principle{padding-block:...}
   sollen gewinnen, Divi-Defaults wie .et_pb_image{margin-bottom:1em} nicht. */
.parya-body :where(.parya-mod, .parya-divi-wrap .et_pb_module){ margin:0; padding:0; }
.parya-body .parya-mod .et_pb_text_inner{ line-height:inherit; }
.parya-body .parya-mod.et_pb_image,
.parya-body .parya-divi-wrap .et_pb_image{ margin:0; text-align:left; display:block; }
.parya-body .parya-mod .et_pb_image_wrap{ display:block; width:100%; }

@media (max-width:900px){
  .parya-body .parya-row,
  .parya-body .parya-divi-wrap .et_pb_row{ gap:clamp(20px,4vw,34px) 0; }
  .parya-body .parya-row .parya-col,
  .parya-body .parya-divi-wrap .et_pb_column{ flex:1 1 100%!important; }
}

/* ---------- 4. Type primitives ------------------------------- */
.parya-eyebrow,
.parya-eyebrow p{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; line-height:1.4; }
.parya-eyebrow p{ display:flex; align-items:center; gap:.85em; }
.parya-eyebrow p::before{ content:""; width:clamp(18px,3vw,44px); height:1px; background:currentColor; flex:none; opacity:.6; }

.parya-num, .parya-num p{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }

.parya-lead p{ font-size:var(--parya-fs-lead)!important; line-height:1.5; color:var(--parya-ink-2)!important; max-width:46ch; text-wrap:pretty; }
.parya-dim{ color:var(--parya-ink-3)!important; }

/* Accent gradient — applied to <em> in the source and, once the
   motion layer has split the lines, to whole line boxes. */
.parya-accent, .parya-body .parya-divi-wrap em{ font-style:normal; background:linear-gradient(96deg,var(--parya-accent) 0%,var(--parya-accent-2) 100%)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; }

/* ---------- 5. Reveal primitives ----------------------------- */
/* .parya-line / .parya-line-i are built at runtime by the motion
   layer, so Divi text modules hold nothing but plain copy. */
.parya-line{ display:block; overflow:hidden; padding-bottom:.06em; margin-bottom:-.06em; }
.parya-line-i{ display:block; will-change:transform; }
.parya-fx .parya-reveal-lines,
.parya-fx .parya-reveal-words{ visibility:hidden; }
.parya-fx .parya-reveal-fade{ opacity:0; }

/* ---------- 6. Fixed layers ---------------------------------- */
/* Die Buehne traegt jetzt nur noch das Licht hinter der Figur —
   die WebGL-Kugel ist raus. */
.parya-stage{ position:fixed; inset:0; z-index:0; pointer-events:none; contain:strict; }
.parya-stage--static{ position:absolute; top:0; left:0; width:100%; height:100svh; }
.parya-stage__glow{ position:absolute; top:50%; left:50%; width:min(74vmin,760px); aspect-ratio:1;
  margin:calc(min(74vmin,760px) / -2) 0 0 calc(min(74vmin,760px) / -2);
  border-radius:50%; will-change:transform,opacity; background:
    radial-gradient(closest-side at 42% 38%, rgba(124,92,255,.42), transparent 68%),
    radial-gradient(closest-side at 66% 66%, rgba(59,227,208,.26), transparent 70%),
    radial-gradient(closest-side at 50% 50%, rgba(255,255,255,.07), transparent 76%);
  filter:blur(38px); opacity:0; }

/* ---------- 6b. AVATAR — die Markenfigur ---------------------
   Aufbau bewusst in zwei Ebenen:
   .parya-avatar ist eine feste Ebene ueber dem ganzen Viewport und
   zentriert nur; bewegt wird ausschliesslich das <img> darin. So
   kollidiert die Zentrierung nie mit dem Animations-Transform, und
   Prozentwerte im translate bleiben berechenbar. Animiert wird nur
   transform/opacity — GPU, kein Layout, kein Ruckeln auf dem Handy.
   Unten laeuft die Figur weich aus, statt als abgeschnittener
   Oberkoerper zu enden. */
.parya-body .parya-mod.parya-avatar,
.parya-body .parya-avatar{ position:fixed; inset:0; z-index:0; margin:0!important; padding:0!important;
  display:flex!important; align-items:center; justify-content:center;
  pointer-events:none; overflow:hidden; }
.parya-body .parya-avatar .et_pb_image_wrap{ display:block; width:min(34vw,430px); }
.parya-body .parya-avatar img{ width:100%; height:auto; display:block;
  will-change:transform,opacity; opacity:0;
  transform:translate3d(26vw,2vh,0);
  -webkit-mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.5) 84%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.5) 84%,transparent 100%);
  filter:drop-shadow(0 26px 64px rgba(0,0,0,.6)); }
.parya-fx .parya-avatar img{ opacity:0; }
@media (max-width:1200px){
  .parya-body .parya-avatar .et_pb_image_wrap{ width:min(40vw,320px); }
}
@media (max-width:760px){
  .parya-body .parya-avatar .et_pb_image_wrap{ width:min(58vw,260px); }
  .parya-stage__glow{ width:min(86vmin,420px); margin:calc(min(86vmin,420px) / -2) 0 0 calc(min(86vmin,420px) / -2); filter:blur(28px); }
}
.parya-vignette{ position:fixed; inset:0; z-index:1; pointer-events:none; background:radial-gradient(120% 90% at 50% 45%, transparent 42%, rgba(3,3,6,.62) 100%); }
.parya-grain{ position:fixed; inset:0; z-index:60; pointer-events:none; opacity:.42; mix-blend-mode:overlay; background-image:var(--parya-grain-src); background-size:180px 180px; }
.parya-progress{ position:fixed; top:0; left:0; height:2px; z-index:90; width:100%; transform:scaleX(0); transform-origin:0 50%; background:linear-gradient(90deg,var(--parya-accent),var(--parya-accent-2))!important; }

/* The stage module must not participate in the document flow. */
.parya-divi-stage .parya-row,
.parya-divi-stage .parya-col,
.parya-divi-stage .parya-mod,
.parya-divi-stage .et_pb_code_inner{ padding:0; margin:0; min-height:0; }

/* ---------- 7. Header ---------------------------------------- */
.parya-header{ position:fixed; top:0; left:0; right:0; z-index:80; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:clamp(18px,2.4vw,34px) var(--parya-gut); }
.parya-header::before{ content:""; position:absolute; inset:0 0 auto 0; z-index:-1; height:calc(100% + clamp(22px,3vw,44px)); background:linear-gradient(180deg, rgba(7,7,10,.92) 0%, rgba(7,7,10,.72) 45%, rgba(7,7,10,0) 100%)!important; pointer-events:none; }
.parya-header__mark{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--parya-ink)!important; display:flex; align-items:center; gap:.7em; }
.parya-header__dot{ width:7px; height:7px; border-radius:50%; background:currentColor; flex:none; animation:parya-pulse 3.6s var(--parya-ease) infinite; }
@keyframes parya-pulse{ 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(.55);opacity:.45} }
.parya-header__nav{ display:flex; gap:clamp(16px,2.4vw,34px); font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-2)!important; }
.parya-header__nav a{ position:relative; padding-bottom:3px; }
.parya-header__nav a:hover{ color:var(--parya-ink)!important; }
.parya-header__nav a::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .5s var(--parya-ease); }
.parya-header__nav a:hover::after{ transform:scaleX(1); transform-origin:left; }
@media (max-width:760px){ .parya-header__nav a:not(.parya-header__nav-cta){ display:none; } }

/* ---------- 8. Buttons ---------------------------------------
   Divi ships its buttons at body #page-container .et_pb_section
   .et_pb_button — an id plus three classes. Rather than mirror
   that chain (which breaks the moment Divi changes it), these
   few declarations are marked important on purpose.
   ------------------------------------------------------------ */
.parya-body .parya-btn,
.parya-body .parya-btn .et_pb_button,
.parya-body a.et_pb_button,
.parya-body #page-container a.et_pb_button.parya-btn,
.parya-body #page-container .et_pb_section a.et_pb_button.parya-btn{ display:inline-flex!important; align-items:center; gap:.85em; padding:1.05em 1.7em!important; border:1px solid var(--parya-line)!important; border-radius:999px!important; background-color:transparent!important; background-image:none!important; font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; font-weight:400!important; line-height:1.3!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink)!important; position:relative; transition:color .45s var(--parya-ease), border-color .45s var(--parya-ease), background-color .45s var(--parya-ease); }
/* Divi's own arrow glyph */
.parya-body .parya-btn::after,
.parya-body .parya-btn::before,
.parya-body a.et_pb_button::after,
.parya-body a.et_pb_button::before,
.parya-body #page-container .et_pb_section a.et_pb_button.parya-btn::after,
.parya-body #page-container .et_pb_section a.et_pb_button.parya-btn::before{ content:none!important; display:none!important; }

.parya-body .parya-btn:hover,
.parya-body a.et_pb_button:hover,
.parya-body #page-container .et_pb_section a.et_pb_button.parya-btn:hover{ background-color:var(--parya-ink)!important; color:var(--parya-bg)!important; border-color:var(--parya-ink)!important; }
.parya-body .parya-btn--solid,
.parya-body .parya-btn--solid .et_pb_button,
.parya-body a.et_pb_button.parya-btn--solid,
.parya-body #page-container .et_pb_section a.et_pb_button.parya-btn--solid{ background-color:var(--parya-ink)!important; color:var(--parya-bg)!important; border-color:var(--parya-ink)!important; }
.parya-body .parya-btn--solid:hover,
.parya-body a.et_pb_button.parya-btn--solid:hover,
.parya-body #page-container .et_pb_section a.et_pb_button.parya-btn--solid:hover{ background-color:var(--parya-accent)!important; color:#fff!important; border-color:var(--parya-accent)!important; }
/* two buttons in one column sit side by side */
.parya-body .parya-btn-wrap,
.parya-body .et_pb_button_module_wrapper{ display:inline-block; margin:0 14px 0 0; padding:0; }

/* ---------- 9. HERO ------------------------------------------ */
.parya-hero{ min-height:100svh; display:flex; flex-direction:column; justify-content:center; align-items:stretch; padding-block:clamp(78px,8.5vh,112px) clamp(56px,6.5vh,92px)!important; }
.parya-hero .parya-row{ align-items:center; }
/* Die Headline darf nicht bis unter das 3D-Objekt laufen. Auf der Row
   zu begrenzen funktioniert nicht — die Row-Regel trägt !important. */
.parya-hero__title h1{ max-width:min(100%,1240px); }

.parya-hero__eyebrow{ margin-bottom:clamp(22px,3.2vw,44px)!important; }
.parya-hero__name{ display:block; font-family:var(--parya-font-mono)!important; font-weight:500!important; font-size:clamp(.72rem,1.05vw,.9rem)!important; letter-spacing:.34em!important; text-transform:uppercase!important; color:var(--parya-ink-2)!important; margin-bottom:clamp(14px,1.6vw,22px); }
.parya-hero__title h1{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-hero)!important; line-height:.86; letter-spacing:-.05em!important; text-transform:uppercase!important; }
.parya-hero__sub p{ margin-top:clamp(18px,2.2vw,30px); max-width:40ch; font-size:var(--parya-fs-lead)!important; line-height:1.45; color:var(--parya-ink-2)!important; }
.parya-hero__sub b{ color:var(--parya-ink)!important; font-weight:500!important; }
.parya-hero .parya-btn-wrap,
.parya-hero .et_pb_button_module_wrapper{ margin-top:clamp(24px,3vw,40px); }

/* Logoleiste: jedes Logo ein eigenes Divi-Bildmodul, damit sie
   einzeln getauscht oder geloescht werden koennen. */
.parya-hero__logos-label{ margin-top:clamp(22px,2.6vw,38px)!important; }
.parya-logos__label p{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.24em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-hero__logos{ margin-top:clamp(16px,2vw,26px)!important; align-items:center!important; gap:clamp(16px,2.4vw,40px)!important; }
.parya-body .parya-hero__logos .parya-col{ min-width:0; }
.parya-logo{ opacity:.75; transition:opacity .5s var(--parya-ease), filter .5s var(--parya-ease); filter:grayscale(1); }
.parya-logo:hover{ opacity:1; filter:grayscale(0); }
.parya-logo img{ width:100%; max-width:136px; height:auto; }
@media (max-width:760px){
  .parya-hero__logos{ flex-wrap:wrap!important; gap:14px 18px!important; }
  .parya-body .parya-hero__logos .parya-col{ flex:0 0 calc(50% - 9px)!important; }
  .parya-logo img{ max-width:150px; }
}
.parya-hero__meta{ margin-top:clamp(22px,2.6vw,40px)!important; }
.parya-hero__meta ul{ display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,52px); padding-top:22px; border-top:1px solid var(--parya-line-2); }
.parya-hero__meta li{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-hero__meta b{ display:block; color:var(--parya-ink)!important; font-weight:400!important; margin-top:6px; letter-spacing:.1em!important; }

.parya-hero__scroll{ position:absolute; left:0; bottom:calc(-1 * clamp(50px,7vh,96px)); font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-hero__scroll p{ display:flex; align-items:center; gap:12px; }
.parya-hero__scroll p::before{ content:""; display:block; width:1px; height:44px; background:linear-gradient(var(--parya-ink-3),transparent)!important; }
@media (max-width:760px){ .parya-hero__scroll{ display:none; } }

/* ---------- 10. POSITIONING ---------------------------------- */
.parya-positioning{ padding-block:clamp(100px,15vh,190px) clamp(120px,20vh,240px)!important; }
.parya-positioning__type h2,
.parya-positioning__key p{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-statement)!important; line-height:.9; letter-spacing:-.048em!important; text-transform:uppercase!important; max-width:18ch; }
.parya-positioning__type{ margin-top:clamp(26px,3.4vw,52px)!important; }
.parya-positioning__key{ margin-top:clamp(28px,4vw,58px)!important; }
.parya-positioning__body{ margin-top:clamp(44px,6vw,90px)!important; }
.parya-positioning__body .parya-col{ padding-top:30px; border-top:1px solid var(--parya-line); }
.parya-positioning__body p{ max-width:52ch; color:var(--parya-ink-2)!important; font-size:var(--parya-fs-lead)!important; line-height:1.5; }

/* ---------- 11. EXPERTISE ------------------------------------ */
.parya-expertise-grid{ min-height:100svh; align-items:center!important; padding-block:clamp(80px,10vh,140px)!important; }
.parya-expertise-rail{ display:flex; flex-direction:column; gap:clamp(2px,.6vw,8px); counter-reset:parya-rail; }
.parya-expertise-rail .parya-eyebrow{ margin-bottom:clamp(14px,2vw,26px); }
.parya-expertise-rail__item{ counter-increment:parya-rail; display:flex; align-items:baseline; gap:clamp(10px,1.4vw,20px); padding-block:clamp(6px,.9vw,12px); border-top:1px solid var(--parya-line-2); opacity:.28; transition:opacity .6s var(--parya-ease); }
.parya-expertise-rail__item::before{ content:counter(parya-rail, decimal-leading-zero); flex:none; font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important; color:var(--parya-ink-3)!important; transition:color .6s var(--parya-ease); }
.parya-expertise-rail__item .et_pb_text_inner{ flex:1 1 auto; min-width:0; }
.parya-expertise-rail__item h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:clamp(1.3rem,2.5vw,2.35rem)!important; line-height:1; letter-spacing:-.04em!important; text-transform:uppercase!important; }
.parya-expertise-rail__item.is-active{ opacity:1; }
.parya-expertise-rail__item.is-active::before{ color:var(--parya-accent-2)!important; }
.parya-expertise-rail__item.is-active h3{ background:linear-gradient(96deg,var(--parya-ink),var(--parya-accent) 130%)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; }

.parya-expertise-panels{ min-height:clamp(300px,44vh,440px); }
.parya-expertise-step{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; opacity:0; visibility:hidden; }
.parya-expertise-step h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:500!important; font-size:var(--parya-fs-display)!important; line-height:1.02; letter-spacing:-.038em!important; max-width:16ch; margin-bottom:clamp(22px,3vw,40px); text-wrap:balance; }
.parya-expertise-step ul{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); gap:0 clamp(20px,3vw,48px); max-width:640px; }
.parya-expertise-step li{ padding-block:.72em; border-top:1px solid var(--parya-line-2); font-family:var(--parya-font-mono)!important; font-size:clamp(.7rem,.9vw,.82rem)!important; letter-spacing:.1em!important; text-transform:uppercase!important; color:var(--parya-ink-2)!important; display:flex; align-items:center; gap:.8em; }
.parya-expertise-step li::before{ content:""; width:4px; height:4px; border-radius:50%; background:var(--parya-accent-2); flex:none; opacity:.8; }
.parya-expertise-orbslot{ min-height:1px; }
@media (max-width:1200px){ .parya-expertise-orbslot{ display:none!important; } }

/* Phones and reduced motion: the steps become a normal stack. */
.parya-expertise--stacked .parya-expertise-panels{ min-height:0; }
.parya-expertise--stacked .parya-expertise-step{ position:relative; inset:auto; opacity:1; visibility:visible; padding-block:clamp(46px,9vh,80px); border-top:1px solid var(--parya-line-2); }
@media (max-width:1000px){
  .parya-expertise-grid{ min-height:0; }
  .parya-expertise-rail{ flex-direction:row; flex-wrap:wrap; gap:8px 18px; }
  .parya-expertise-rail__item{ border-top:0; padding-block:2px; }
  .parya-expertise-rail__item h3{ font-size:1.05rem!important; }
  .parya-expertise-rail .parya-eyebrow{ flex-basis:100%; }
}

/* ---------- 12. SELECTED WORK -------------------------------- */
.parya-work-head{ padding-block:clamp(90px,12vh,170px) 0!important; }
.parya-work__head{ align-items:flex-end!important; }
.parya-work__head .parya-col{ padding-bottom:clamp(30px,4vw,56px); border-bottom:1px solid var(--parya-line); }
.parya-work__title h2,
.parya-toolkit__title h2,
.parya-experience__title h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-h2)!important; line-height:.95; letter-spacing:-.045em!important; text-transform:uppercase!important; }
.parya-work__count p{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; text-align:right; }
@media (max-width:900px){ .parya-work__count p{ text-align:left; } }

.parya-project{ padding-block:clamp(60px,10vh,130px)!important; border-bottom:1px solid var(--parya-line-2); }
.parya-project__mediarow{ max-width:none!important; padding:0!important; }
.parya-project__media{ width:72%; margin-inline:auto; border-radius:30px; overflow:hidden; position:relative; background:var(--parya-bg-3); will-change:width,border-radius; }
.parya-project__media img{ width:100%; aspect-ratio:16/9; object-fit:cover; }
.parya-project__media::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(7,7,10,.10), rgba(7,7,10,.42))!important; }
@media (max-width:900px){ .parya-project__media{ width:100%; border-radius:16px; } }

.parya-project__body{ margin-top:clamp(34px,5vw,64px)!important; }
.parya-project__title h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-display)!important; line-height:.95; letter-spacing:-.045em!important; text-transform:uppercase!important; max-width:14ch; }
.parya-project__title{ margin-top:14px!important; }
.parya-project__role p{ margin-top:16px; font-size:var(--parya-fs-lead)!important; color:var(--parya-ink-2)!important; max-width:40ch; }
.parya-project__fact{ margin-bottom:clamp(16px,2.2vw,26px)!important; }
.parya-project__fact h4{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; font-weight:400!important; margin-bottom:.6em; }
.parya-project__fact p{ color:var(--parya-ink-2)!important; max-width:44ch; }
.parya-project__impact{ margin-top:clamp(22px,3vw,34px)!important; }
.parya-project__impact ul{ display:flex; gap:clamp(22px,4vw,54px); flex-wrap:wrap; padding-top:22px; border-top:1px solid var(--parya-line); }
.parya-project__impact b{ display:block; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:clamp(1.9rem,3.6vw,3.2rem)!important; line-height:1; letter-spacing:-.045em!important; color:var(--parya-ink-3)!important; }
.parya-project__impact span{ display:block; margin-top:8px; font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }

/* ---------- 13. STATEMENT ------------------------------------ */
.parya-statement-stage{ min-height:100svh; align-items:center!important; }
.parya-statement-stage .parya-col{ min-height:clamp(220px,34vh,420px); }
.parya-statement__slide{ position:absolute; inset:auto 0 auto 0; top:50%; transform:translateY(-50%); }
.parya-statement__slide p{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-statement)!important; line-height:.9; letter-spacing:-.05em!important; text-transform:uppercase!important; max-width:16ch; }
.parya-statement--stacked .parya-statement-stage{ min-height:0; padding-block:clamp(60px,10vh,110px)!important; }
.parya-statement--stacked .parya-statement__slide{ position:relative; inset:auto; top:auto; transform:none; padding-block:clamp(30px,6vh,54px); }

/* ---------- 14. CAREER JOURNEY ------------------------------- */
.parya-experience{ padding-block:clamp(100px,14vh,200px)!important; }
.parya-experience__head{ margin-bottom:clamp(46px,7vw,96px)!important; }
.parya-experience__title{ margin-top:20px!important; }
.parya-experience__title h2{ max-width:16ch; }

.parya-journey__stage{ align-items:baseline!important; padding-block:clamp(24px,4.4vh,50px)!important; position:relative; }
.parya-journey__stage:nth-of-type(even){ padding-left:clamp(0px,9vw,180px)!important; }
.parya-journey__stage:nth-of-type(3n){ padding-left:clamp(0px,5vw,96px)!important; }
/* the connector: one segment per stage, drawn on scroll */
.parya-journey__stage::before{ content:""; position:absolute; left:calc(var(--parya-gut) - 14px); top:0; bottom:0; width:1px; background:linear-gradient(var(--parya-accent),var(--parya-accent-2))!important; transform:scaleY(var(--parya-line-p,0)); transform-origin:top; opacity:.55; }
@media (max-width:820px){ .parya-journey__stage::before{ display:none; } }
.parya-journey__label h3{ font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:clamp(1.5rem,5.2vw,4.4rem)!important; line-height:.94; letter-spacing:-.048em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; transition:color .8s var(--parya-ease); }
.parya-journey__stage.is-lit .parya-journey__label h3{ color:var(--parya-ink)!important; }
.parya-journey__stage--final .parya-journey__label h3,
.parya-journey__stage--final.is-lit .parya-journey__label h3{ background:linear-gradient(96deg,var(--parya-accent) 0%,var(--parya-accent-2) 100%)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; }
.parya-journey__meta{ align-self:center; }
.parya-journey__meta p{ max-width:38ch; color:var(--parya-ink-2)!important; font-size:var(--parya-fs-body)!important; }
.parya-journey__meta p:first-child em{ display:block; font-style:normal; font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; margin-bottom:.65em; background:none!important; -webkit-text-fill-color:currentColor!important; color:var(--parya-ink-3)!important; }

/* ---------- 15. TOOLKIT -------------------------------------- */
.parya-toolkit{ padding-block:clamp(90px,12vh,170px)!important; border-top:1px solid var(--parya-line-2); }
.parya-toolkit__head{ align-items:flex-end!important; margin-bottom:clamp(34px,5vw,64px)!important; }
.parya-toolkit__row{ align-items:center!important; padding-block:clamp(18px,2.6vw,30px)!important; }
.parya-toolkit__row .parya-col{ border-top:1px solid var(--parya-line-2); padding-top:clamp(18px,2.6vw,30px); }
.parya-toolkit__group p{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-toolkit__marquee{ overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); }
.parya-toolkit__marquee ul{ display:flex; gap:clamp(20px,3vw,46px); width:max-content; will-change:transform; }
.parya-toolkit__marquee li{ display:flex; align-items:center; gap:clamp(20px,3vw,46px); font-family:var(--parya-font-display)!important; font-weight:500!important; font-size:clamp(1.05rem,2.1vw,1.85rem)!important; letter-spacing:-.03em!important; color:var(--parya-ink-2)!important; white-space:nowrap; }
.parya-toolkit__marquee li::after{ content:""; width:4px; height:4px; border-radius:50%; background:var(--parya-ink-3); flex:none; }

/* ---------- 15b. ZERTIFIKATE ---------------------------------
   Typografische Liste statt Logo-Wand, im Rhythmus von Toolkit
   und Werdegang. Jede Zeile ist ein Link auf den Nachweis.
   ------------------------------------------------------------ */
.parya-certs{ padding-block:clamp(90px,12vh,170px)!important; border-top:1px solid var(--parya-line-2); }
.parya-certs__head{ align-items:flex-end!important; margin-bottom:clamp(34px,5vw,64px)!important; }
.parya-certs__title h2{ font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-h2)!important; line-height:.95; letter-spacing:-.045em!important; text-transform:uppercase!important; color:var(--parya-ink)!important; }
.parya-certs__row{ align-items:flex-start!important; padding-block:clamp(14px,2vw,22px)!important; }
.parya-certs__row .parya-col{ border-top:1px solid var(--parya-line-2); padding-top:clamp(16px,2.2vw,26px); }
.parya-certs__group p{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-certs__list li + li{ border-top:1px solid var(--parya-line-2); }
.parya-certs__list a{ display:flex; align-items:baseline; gap:clamp(10px,1.8vw,26px); padding-block:.9em; }
.parya-certs__list b{ flex:1 1 auto; min-width:0; font-family:var(--parya-font-display)!important; font-weight:500!important; font-size:clamp(1rem,1.7vw,1.4rem)!important; line-height:1.15; letter-spacing:-.03em!important; color:var(--parya-ink-2)!important; transition:color .4s var(--parya-ease); }
.parya-certs__list a:hover b{ color:var(--parya-ink)!important; }
.parya-certs__list span,
.parya-certs__list em{ flex:none; font-style:normal; font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-certs__list em{ min-width:5ch; text-align:right; }
.parya-certs__list a::after{ content:"\2197"; flex:none; font-size:var(--parya-fs-label)!important; color:var(--parya-ink-3)!important; opacity:0; transform:translate3d(-4px,4px,0); transition:opacity .4s var(--parya-ease), transform .4s var(--parya-ease); }
.parya-certs__list a:hover::after{ opacity:1; transform:translate3d(0,0,0); color:var(--parya-accent-2)!important; }
@media (max-width:700px){
  .parya-certs__list a{ flex-wrap:wrap; gap:4px 14px; }
  .parya-certs__list b{ flex-basis:100%; }
  .parya-certs__list em{ min-width:0; text-align:left; }
}

/* ---------- 16. APPROACH ------------------------------------- */
.parya-approach{ padding-block:clamp(100px,14vh,200px)!important; }
.parya-approach__type h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-statement)!important; line-height:.9; letter-spacing:-.05em!important; text-transform:uppercase!important; max-width:15ch; }
.parya-approach__type{ margin-top:clamp(24px,3vw,44px)!important; }
.parya-approach__body{ margin-top:clamp(34px,5vw,64px)!important; }
.parya-approach__body .parya-col:last-child{ counter-reset:parya-principle; }
.parya-principle{ counter-increment:parya-principle; display:grid; grid-template-columns:auto minmax(0,1fr); gap:0 clamp(16px,2.4vw,34px); padding-block:clamp(18px,2.4vw,26px); border-top:1px solid var(--parya-line-2); align-items:baseline; }
.parya-principle::before{ content:counter(parya-principle, decimal-leading-zero); font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important; color:var(--parya-ink-3)!important; }
.parya-principle h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:500!important; font-size:clamp(1.1rem,2vw,1.6rem)!important; letter-spacing:-.035em!important; line-height:1.1; }
.parya-principle p{ color:var(--parya-ink-2)!important; margin-top:.5em; max-width:44ch; }

/* ---------- 17. ABOUT ---------------------------------------- */
.parya-about{ padding-block:clamp(100px,14vh,200px)!important; border-top:1px solid var(--parya-line-2); }
.parya-about__grid{ align-items:center!important; }
.parya-about__portrait{ border-radius:20px; overflow:hidden; border:1px solid var(--parya-line-2); }
.parya-about__portrait img{ width:100%; aspect-ratio:4/5; object-fit:cover; }
.parya-about__title h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-display)!important; line-height:1; letter-spacing:-.045em!important; max-width:16ch; }
.parya-about__title{ margin-top:clamp(20px,2.6vw,34px)!important; }
.parya-about__text .parya-lead{ margin-top:clamp(20px,2.6vw,32px)!important; }
.parya-about__text p + p{ margin-top:1.1em; }
.parya-about__text > .parya-mod:last-child p{ color:var(--parya-ink-2)!important; max-width:52ch; margin-top:1.1em; }

/* ---------- 18. FINAL CTA ------------------------------------ */
.parya-final-cta{ min-height:100svh; display:flex; flex-direction:column; justify-content:center; padding-block:clamp(110px,16vh,200px) clamp(40px,6vh,70px)!important; }
.parya-final-cta__type h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important; font-weight:600!important; font-size:var(--parya-fs-hero)!important; line-height:.86; letter-spacing:-.05em!important; text-transform:uppercase!important; max-width:14ch; }
.parya-final-cta__type{ margin-top:clamp(26px,3.4vw,48px)!important; }
.parya-final-cta .parya-btn-wrap,
.parya-final-cta .et_pb_button_module_wrapper{ margin-top:clamp(34px,5vw,64px); }
.parya-final-cta__links{ display:inline-block; vertical-align:middle; margin-left:clamp(18px,3vw,40px)!important; }
.parya-final-cta__links ul{ display:flex; gap:clamp(16px,2.6vw,36px); flex-wrap:wrap; font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-2)!important; }
.parya-final-cta__links a{ position:relative; padding-bottom:4px; }
.parya-final-cta__links a::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .5s var(--parya-ease); }
.parya-final-cta__links a:hover::after{ transform:scaleX(1); transform-origin:left; }
@media (max-width:760px){
  .parya-final-cta__links{ display:block; margin-left:0!important; margin-top:26px!important; }
}
.parya-footer{ margin-top:clamp(50px,8vh,90px)!important; }
.parya-footer ul{ display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }

/* ---------- 19. Reduced motion ------------------------------- */
@media (prefers-reduced-motion:reduce){
  .parya-body *,
  .parya-body *::before,
  .parya-body *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  .parya-fx .parya-reveal-lines,
  .parya-fx .parya-reveal-words,
  .parya-fx .parya-reveal-fade{ visibility:visible; opacity:1; }
  .parya-expertise-step{ position:relative; inset:auto; opacity:1; visibility:visible; padding-block:clamp(40px,7vh,70px); border-top:1px solid var(--parya-line-2); }
  .parya-expertise-panels{ min-height:0; }
  .parya-expertise-grid{ min-height:0; }
  .parya-statement-stage{ min-height:0; padding-block:80px!important; }
  .parya-statement-stage .parya-col{ min-height:0; }
  .parya-statement__slide{ position:relative; inset:auto; top:auto; transform:none; padding-block:40px; }
  .parya-journey__stage::before{ display:none; }
  .parya-journey__label h3{ color:var(--parya-ink)!important; }
  .parya-project__media{ width:100%; }
  .parya-toolkit__marquee ul{ transform:none!important; }
  .parya-header__dot{ animation:none; }
}

/* =============================================================
   19. BLOG-ARTIKEL
   Eigene Sektion, aber kein eigenes Design: Tokens, Buttons,
   Abstände und Motion-Sprache kommen aus demselben System wie
   die Startseite. Unterschied ist die Priorität — hier gewinnt
   die Lesbarkeit gegen den Effekt.
   ============================================================= */

/* ---------- 19a. Lesebreite als eigenes Token ---------------- */
:root{
  --parya-read:      min(100%, 720px);   /* ~68–75 Zeichen */
  --parya-read-wide: min(100%, 940px);   /* Bilder, Zitate, Komponenten */
}

/* ---------- 19b. Artikel-Hero -------------------------------- */
.parya-article-hero{ padding-block:clamp(120px,15vh,190px) clamp(30px,4vh,56px)!important; }
.parya-article-hero__crumbs{ margin-bottom:clamp(26px,3.4vw,44px)!important; }
.parya-article-hero__head .parya-col{ max-width:var(--parya-read-wide); }

.parya-crumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:0 .55em;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-crumbs li + li::before{ content:"/"; margin-right:.55em; color:var(--parya-line); }
.parya-crumbs a{ color:var(--parya-ink-2)!important; transition:color .3s var(--parya-ease); }
.parya-crumbs a:hover{ color:var(--parya-accent-2)!important; }
.parya-crumbs [aria-current]{ color:var(--parya-ink-3)!important; }

.parya-article-hero__kicker{ margin-bottom:clamp(18px,2.2vw,28px)!important; }
.parya-article-hero__kicker,
.parya-article-hero__kicker p{ color:var(--parya-accent-2)!important; }
.parya-article-hero__title .et_pb_title_container{ padding:0; }
.parya-article-hero__title h1{ color:var(--parya-ink)!important;
  font-family:var(--parya-font-display)!important; font-weight:600!important;
  font-size:clamp(2rem,4.6vw,4rem)!important; line-height:1.02; letter-spacing:-.042em!important;
  text-wrap:balance; }
.parya-article-hero__dek{ margin-top:clamp(20px,2.6vw,32px)!important; }
.parya-article-hero__dek,
.parya-article-hero__dek p{ color:var(--parya-ink-2)!important;
  font-size:clamp(1.05rem,1.5vw,1.375rem)!important; line-height:1.55; max-width:56ch; }

.parya-article-hero__meta{ margin-top:clamp(30px,4vw,52px)!important; }
.parya-article-hero__meta ul{ display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,48px);
  padding-top:20px; border-top:1px solid var(--parya-line-2); }
.parya-article-hero__meta li{ font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important;
  text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-article-hero__meta b{ display:block; margin-top:6px; color:var(--parya-ink)!important;
  font-weight:400!important; letter-spacing:.09em!important; }

/* Beitragsbild: festes Verhältnis für alle Artikel, damit beim
   Laden nichts springt (CLS). */
.parya-article-hero__figure{ margin-top:clamp(34px,4.6vw,64px)!important; }
.parya-article-hero__image{ border-radius:18px; overflow:hidden; border:1px solid var(--parya-line-2); }
.parya-article-hero__image img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }

/* ---------- 19c. Grid: Verzeichnis | Text -------------------- */
.parya-article{ padding-block:clamp(44px,6vh,80px) clamp(80px,11vh,150px)!important; }
/* Schmaler als der Seiten-Grid: der Fließtext ist ohnehin auf
   Lesebreite begrenzt, sonst klafft dazwischen eine Lücke.
   Der Selektor braucht .parya-divi-wrap, weil die Struktur-Regel
   für Rows dieselbe Spezifität plus einen Vorfahren hat. */
.parya-body .parya-divi-wrap .parya-article__grid{
  max-width:min(100%,1180px)!important;
  align-items:stretch!important;
  gap:0 clamp(28px,4vw,68px)!important; }
/* Feste Spaltenbreite statt flex-grow: sonst schluckt die Spalte
   den Platz, den der Text wegen seiner max-width nicht nutzt. */
.parya-body .parya-article__grid .parya-article__aside{
  flex:0 0 clamp(170px,21%,250px)!important; align-self:stretch; }
.parya-body .parya-article__grid .parya-article__main{
  flex:1 1 auto!important; max-width:var(--parya-read); }

/* ---------- 19d. Inhaltsverzeichnis -------------------------- */
/* position:sticky bewegt sich nur innerhalb seines Elternelements.
   Divi packt jedes Modul in zwei Wrapper, die nur so hoch sind wie
   ihr Inhalt — ohne diese Kette klebt gar nichts. */
.parya-body .parya-article__aside > .parya-article-toc,
.parya-body .parya-article-toc > .et_pb_code_inner{ height:100%; }
.parya-toc{ position:sticky; top:clamp(88px,11vh,124px); }
.parya-toc__box{ border-top:1px solid var(--parya-line); padding-top:16px; }
.parya-toc summary{ list-style:none; cursor:default;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-toc summary::-webkit-details-marker{ display:none; }
.parya-toc__list{ counter-reset:parya-toc; margin-top:14px!important; }
.parya-toc__list a{ display:flex; gap:.8em; align-items:baseline; padding-block:.5em;
  font-size:.9375rem!important; line-height:1.35; color:var(--parya-ink-3)!important;
  transition:color .3s var(--parya-ease); }
.parya-toc__list i{ font-style:normal; flex:none;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.1em!important; color:var(--parya-line); transition:color .3s var(--parya-ease); }
.parya-toc__list a:hover{ color:var(--parya-ink)!important; }
.parya-toc__list a.is-current{ color:var(--parya-ink)!important; }
.parya-toc__list a.is-current i{ color:var(--parya-accent-2)!important; }

/* ---------- 19e. Artikeltypografie ---------------------------
   Der wichtigste Block der Seite. Alles hier ist auf längeres
   Lesen ausgelegt: größerer Fließtext als auf der Startseite,
   viel Zeilenabstand, klare Abstufung zwischen H2 und H3.
   ------------------------------------------------------------ */
.parya-article__body{ color:var(--parya-ink-2)!important; }
.parya-article__body p,
.parya-article__body li{ font-size:clamp(1.0625rem,1.15vw,1.1875rem)!important; line-height:1.75; }
.parya-article__body p{ margin-top:1.15em; max-width:72ch; }
.parya-article__body > p:first-child{ margin-top:0; }
.parya-article__body .parya-lede{ font-size:clamp(1.15rem,1.5vw,1.3125rem)!important;
  line-height:1.6; color:var(--parya-ink)!important; }

.parya-article__body h2{ color:var(--parya-ink)!important;
  font-family:var(--parya-font-display)!important; font-weight:600!important;
  font-size:clamp(1.6rem,2.9vw,2.35rem)!important; line-height:1.12; letter-spacing:-.035em!important;
  margin-top:clamp(48px,6vw,88px)!important; scroll-margin-top:110px; text-wrap:balance; }
.parya-article__body h2 + p{ margin-top:.85em; }
.parya-article__body h3{ color:var(--parya-ink)!important;
  font-family:var(--parya-font-display)!important; font-weight:500!important;
  font-size:clamp(1.2rem,1.7vw,1.5rem)!important; line-height:1.25; letter-spacing:-.025em!important;
  margin-top:clamp(30px,3.6vw,50px)!important; scroll-margin-top:110px; }
.parya-article__body h3 + p{ margin-top:.6em; }
.parya-article__body h4{ color:var(--parya-ink)!important; font-weight:500!important;
  font-size:1.0625rem!important; margin-top:2em!important; }

.parya-article__body ul,
.parya-article__body ol{ margin-top:1.15em!important; max-width:70ch; }
.parya-article__body li{ position:relative; padding-left:1.6em; margin-top:.55em; }
.parya-article__body ul > li::before{ content:""; position:absolute; left:.2em; top:.75em;
  width:5px; height:5px; border-radius:50%; background:var(--parya-accent-2); opacity:.85; }
.parya-article__body ol{ counter-reset:parya-oli; }
.parya-article__body ol > li{ counter-increment:parya-oli; }
.parya-article__body ol > li::before{ content:counter(parya-oli,decimal-leading-zero);
  position:absolute; left:0; top:.1em; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.1em!important; color:var(--parya-ink-3)!important; }

.parya-article__body a{ color:var(--parya-ink)!important;
  background-image:linear-gradient(var(--parya-accent-2),var(--parya-accent-2));
  background-size:100% 1px; background-repeat:no-repeat; background-position:0 100%;
  padding-bottom:1px; transition:background-size .35s var(--parya-ease), color .35s var(--parya-ease); }
.parya-article__body a:hover{ color:var(--parya-accent-2)!important; background-size:100% 2px; }

.parya-article__body blockquote{ margin-top:clamp(30px,3.6vw,48px)!important;
  padding-left:clamp(18px,2.4vw,30px); border-left:2px solid var(--parya-accent);
  max-width:var(--parya-read-wide); }
.parya-article__body blockquote p{ color:var(--parya-ink)!important;
  font-family:var(--parya-font-display)!important; font-weight:500!important;
  font-size:clamp(1.2rem,2vw,1.6rem)!important; line-height:1.3; letter-spacing:-.02em!important; }

.parya-article__body figure{ margin-top:clamp(34px,4vw,58px)!important; width:var(--parya-read-wide); }
.parya-article__body figure img{ width:100%; height:auto; display:block; border-radius:14px;
  border:1px solid var(--parya-line-2); }
.parya-article__body figcaption{ margin-top:12px; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.08em!important;
  color:var(--parya-ink-3)!important; line-height:1.5; }

.parya-article__body pre{ margin-top:1.3em!important; padding:clamp(16px,2vw,24px);
  background:var(--parya-bg-2); border:1px solid var(--parya-line-2); border-radius:12px;
  overflow-x:auto; width:var(--parya-read-wide); }
.parya-article__body pre, .parya-article__body code{ font-family:var(--parya-font-mono)!important;
  font-size:.875rem!important; line-height:1.65; color:var(--parya-ink-2)!important; }
.parya-article__body :not(pre) > code{ background:var(--parya-bg-3); padding:.15em .45em;
  border-radius:5px; border:1px solid var(--parya-line-2); }
.parya-article__body hr{ margin-block:clamp(40px,5vw,72px)!important; border:0;
  border-top:1px solid var(--parya-line-2); }
.parya-article__body strong, .parya-article__body b{ color:var(--parya-ink)!important; font-weight:500!important; }

/* ---------- 19f. Content-Komponenten -------------------------
   Keine bunten Infoboxen. Dieselbe Sprache wie der Rest der
   Seite: feine Linie, Mono-Label, ruhige Fläche.
   ------------------------------------------------------------ */
.parya-article__body .parya-note{ margin-top:clamp(30px,3.6vw,48px)!important;
  width:var(--parya-read-wide); padding:clamp(20px,2.4vw,30px);
  background:rgba(255,255,255,.022); border:1px solid var(--parya-line-2);
  border-left:2px solid var(--parya-accent); border-radius:0 14px 14px 0; }
.parya-article__body .parya-note p{ margin-top:.6em; max-width:66ch; }
.parya-article__body .parya-note p:first-child{ margin-top:0; }
.parya-article__body .parya-note__k{ font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important;
  text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-article__body .parya-note--take{ border-left-color:var(--parya-accent-2); }
.parya-article__body .parya-note--take .parya-note__k{ color:var(--parya-accent-2)!important; }
.parya-article__body .parya-note--mine{ border-left-color:var(--parya-accent-3); }
.parya-article__body .parya-note--mine .parya-note__k{ color:var(--parya-accent-3)!important; }
.parya-article__body .parya-note--def{ border-left-color:var(--parya-line); }

.parya-article__body .parya-stat{ margin-top:clamp(30px,3.6vw,48px)!important;
  width:var(--parya-read-wide); padding-top:20px; border-top:1px solid var(--parya-line); }
.parya-article__body .parya-stat b{ display:block; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(2.2rem,5vw,3.6rem)!important; line-height:1;
  letter-spacing:-.045em!important; color:var(--parya-ink)!important;
  background:linear-gradient(96deg,var(--parya-accent),var(--parya-accent-2));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.parya-article__body .parya-stat span{ display:block; margin-top:10px;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }

.parya-article__body .parya-check{ margin-top:clamp(26px,3vw,40px)!important; }
.parya-article__body .parya-check li{ padding-left:1.9em; }
.parya-article__body .parya-check li::before{ content:"\2713"; position:absolute; left:0; top:.05em;
  width:auto; height:auto; border-radius:0; background:none;
  color:var(--parya-accent-2); font-size:.95em; }

/* ---------- 19g. Autorenbox ---------------------------------- */
.parya-article-author{ padding-block:clamp(50px,7vh,90px)!important; border-top:1px solid var(--parya-line-2); }
.parya-author{ align-items:center!important; gap:0 clamp(24px,3.4vw,56px)!important; }
.parya-author__portrait{ border-radius:16px; overflow:hidden; border:1px solid var(--parya-line-2);
  max-width:190px; }
.parya-author__portrait img{ width:100%; aspect-ratio:4/5; object-fit:cover; }
.parya-author__name{ margin-top:12px!important; }
.parya-author__n{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:500!important; font-size:clamp(1.15rem,1.9vw,1.5rem)!important; letter-spacing:-.03em!important; }
.parya-author__role{ margin-top:4px!important; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important;
  text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-author__bio{ margin-top:16px!important; }
.parya-author__bio p{ color:var(--parya-ink-2)!important; max-width:58ch; }
.parya-author__links{ margin-top:18px!important; }
.parya-author__links ul{ display:flex; flex-wrap:wrap; gap:clamp(14px,2.4vw,32px);
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important; }
.parya-author__links a{ color:var(--parya-ink-2)!important; position:relative; padding-bottom:3px; }
.parya-author__links a::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .45s var(--parya-ease); }
.parya-author__links a:hover::after{ transform:scaleX(1); transform-origin:left; }

/* ---------- 19h. Weiterlesen --------------------------------- */
.parya-related{ padding-block:clamp(70px,9vh,120px)!important; border-top:1px solid var(--parya-line-2); }
.parya-related__head{ align-items:flex-end!important; margin-bottom:clamp(28px,4vw,52px)!important; }
.parya-related__title h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:var(--parya-fs-h2)!important; line-height:.98;
  letter-spacing:-.045em!important; text-transform:uppercase!important; }
.parya-related__grid{ gap:0 clamp(20px,2.6vw,40px)!important; }
.parya-card{ display:flex; flex-direction:column; gap:12px; height:100%;
  padding:clamp(20px,2.4vw,30px); border:1px solid var(--parya-line-2); border-radius:16px;
  background:rgba(255,255,255,.018); transition:border-color .45s var(--parya-ease), transform .45s var(--parya-ease), background .45s var(--parya-ease); }
.parya-card:hover{ border-color:var(--parya-line); transform:translateY(-4px); background:rgba(255,255,255,.035); }
.parya-card__cat{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.18em!important; text-transform:uppercase!important; color:var(--parya-accent-2)!important; }
.parya-card__title{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:500!important; font-size:clamp(1.05rem,1.5vw,1.25rem)!important; line-height:1.25;
  letter-spacing:-.025em!important; flex:1 1 auto; }
.parya-card__meta{ display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-card__meta i{ font-style:normal; opacity:0; transform:translate3d(-4px,4px,0);
  transition:opacity .4s var(--parya-ease), transform .4s var(--parya-ease); }
.parya-card:hover .parya-card__meta i{ opacity:1; transform:none; color:var(--parya-accent-2); }

/* ---------- 19i. Artikel-CTA --------------------------------- */
.parya-article-cta{ padding-block:clamp(80px,11vh,150px) clamp(40px,6vh,70px)!important;
  border-top:1px solid var(--parya-line-2); }
.parya-article-cta__type h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:var(--parya-fs-display)!important; line-height:1.02;
  letter-spacing:-.045em!important; max-width:20ch; margin-top:clamp(20px,2.6vw,34px)!important; }
.parya-article-cta__body{ margin-top:clamp(18px,2.2vw,28px)!important; }
.parya-article-cta__body p{ color:var(--parya-ink-2)!important; max-width:56ch; }
.parya-article-cta .parya-btn-wrap,
.parya-article-cta .et_pb_button_module_wrapper{ margin-top:clamp(26px,3.4vw,44px); }
.parya-article-cta .parya-footer{ margin-top:clamp(60px,8vw,110px)!important;
  padding-top:26px; border-top:1px solid var(--parya-line-2); }

/* ---------- 19j. Artikel mobil ------------------------------- */
@media (max-width:900px){
  /* Keine sticky Sidebar auf schmalen Schirmen — das Verzeichnis
     wird ein kompakter, zusammenklappbarer Block über dem Text. */
  .parya-toc{ position:static; }
  .parya-body .parya-article__grid{ flex-direction:column; }
  .parya-body .parya-article__grid .parya-col{ flex:1 1 100%!important; width:100%!important; }
  .parya-body .parya-article__main{ max-width:100%; margin-top:clamp(26px,4vw,40px); }
  .parya-toc__box{ background:rgba(255,255,255,.02); border:1px solid var(--parya-line-2);
    border-radius:14px; padding:16px 18px; }
  .parya-toc summary{ cursor:pointer; display:flex; align-items:center; justify-content:space-between; }
  .parya-toc summary::after{ content:"+"; font-size:1.1rem; color:var(--parya-ink-3); }
  .parya-toc__box[open] summary::after{ content:"–"; }
  .parya-body .parya-author{ flex-direction:column; }
  .parya-body .parya-author .parya-col{ flex:1 1 100%!important; width:100%!important; }
  .parya-author__portrait{ max-width:120px; margin-bottom:18px; }
  .parya-body .parya-related__grid{ flex-direction:column; gap:16px 0!important; }
  .parya-body .parya-related__grid .parya-col{ flex:1 1 100%!important; width:100%!important; }
  .parya-body .parya-related__grid .parya-col + .parya-col{ margin-top:16px!important; }
}
@media (max-width:760px){
  .parya-article-hero{ padding-block:clamp(96px,13vh,140px) 24px!important; }
  .parya-article-hero__meta ul{ gap:14px 26px; }
}

/* =============================================================
   20. KONTAKTSEITE
   Vertrauen, Klarheit, Conversion. Editorial statt zentrierter
   Formularbox — links die Ansprache und die direkten Wege,
   rechts das Formular.
   ============================================================= */
.parya-contact{ min-height:100svh; display:flex; align-items:center;
  padding-block:clamp(120px,15vh,180px) clamp(60px,8vh,110px)!important; }
.parya-contact__grid{ align-items:flex-start!important; gap:0 clamp(36px,5vw,110px)!important; }

/* Die H1 trägt die Semantik, das große Statement die Wirkung.
   Sichtbar bleibt sie trotzdem — nur klein und ruhig. */
/* Die H1 übernimmt zugleich die Rolle des Kickers — ein Element,
   beide Aufgaben, kein doppeltes Label übereinander. */
.parya-contact__h1 h1{ font-family:var(--parya-font-mono)!important; font-weight:500!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.24em!important;
  text-transform:uppercase!important; color:var(--parya-accent-2)!important;
  display:flex; align-items:center; gap:14px; }
.parya-contact__h1 h1::before{ content:""; width:clamp(28px,4vw,56px); height:1px;
  background:currentColor; flex:none; opacity:.6; }
.parya-contact__type{ margin-top:clamp(16px,2vw,26px)!important; }
/* Kleiner als der Hero der Startseite: hier zählt, dass Formular
   und Absenden-Button ohne Scrollen erreichbar bleiben. */
.parya-contact__statement{ color:var(--parya-ink)!important;
  font-family:var(--parya-font-display)!important; font-weight:600!important;
  font-size:clamp(1.9rem,4.6vw,4.1rem)!important; line-height:.94; letter-spacing:-.048em!important;
  text-transform:uppercase!important; max-width:12ch; }
.parya-contact__lead{ margin-top:clamp(20px,2.4vw,30px)!important; }
.parya-contact__lead p{ color:var(--parya-ink-2)!important; font-size:var(--parya-fs-lead)!important;
  line-height:1.5; max-width:42ch; }

.parya-contact__details{ margin-top:clamp(26px,3.2vw,42px)!important; }
.parya-contact__details dl{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));
  gap:clamp(16px,2.4vw,30px); }
.parya-contact__details dl > div{ padding-top:16px; border-top:1px solid var(--parya-line-2); min-width:0; }
.parya-contact__details dt{ font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important;
  text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-contact__details dd{ margin:8px 0 0!important; color:var(--parya-ink)!important;
  font-size:1rem!important; line-height:1.4; overflow-wrap:anywhere; }
.parya-contact__details a{ position:relative; padding-bottom:2px; }
.parya-contact__details a::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:var(--parya-accent-2); transform:scaleX(0); transform-origin:right;
  transition:transform .45s var(--parya-ease); }
.parya-contact__details a:hover{ color:var(--parya-accent-2)!important; }
.parya-contact__details a:hover::after{ transform:scaleX(1); transform-origin:left; }
.parya-contact__note{ margin-top:clamp(22px,3vw,34px)!important; }
.parya-contact__note p{ color:var(--parya-ink-3)!important; font-size:.9375rem!important; max-width:44ch; }

/* ---------- 20a. Formular ------------------------------------ */
.parya-contact__formcol{ padding:clamp(24px,3vw,40px); border:1px solid var(--parya-line-2);
  border-radius:20px; background:rgba(255,255,255,.022);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.parya-contact__formhead .parya-eyebrow{ color:var(--parya-accent-2)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.2em!important; text-transform:uppercase!important; }
.parya-contact__formtitle{ margin-top:10px!important; color:var(--parya-ink)!important;
  font-family:var(--parya-font-display)!important; font-weight:500!important;
  font-size:clamp(1.25rem,2vw,1.7rem)!important; letter-spacing:-.03em!important; line-height:1.15; }

.parya-body .parya-contact-form{ margin-top:clamp(22px,3vw,34px)!important; }
.parya-body .parya-contact-form .et_pb_contact_form{ display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,2vw,24px); }
.parya-body .parya-contact-form .et_pb_contact_field{ margin:0!important; padding:0!important;
  width:auto!important; float:none!important; min-width:0; position:relative; }
.parya-body .parya-contact-form .et_pb_contact_field_last,
.parya-body .parya-contact-form .et_pb_contact_field[data-id="thema"],
.parya-body .parya-contact-form .et_pb_contact_field[data-id="message"],
.parya-body .parya-contact-form .et_pb_contact_field[data-id="captcha"]{ grid-column:1 / -1; }

/* Labels bleiben immer sichtbar — kein Placeholder-only. */
.parya-body .parya-contact-form .et_pb_contact_form_label{ display:block!important;
  position:static!important; width:auto!important; height:auto!important;
  clip:auto!important; clip-path:none!important; overflow:visible!important;
  margin:0 0 8px!important; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important;
  text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-req{ color:var(--parya-accent-2); margin-left:.25em; }

.parya-body .parya-contact-form input[type=text],
.parya-body .parya-contact-form input[type=email],
.parya-body .parya-contact-form textarea{
  width:100%!important; display:block; box-sizing:border-box;
  min-height:48px; padding:12px 2px!important;
  background:transparent!important; border:0!important;
  border-bottom:1px solid var(--parya-line)!important; border-radius:0!important;
  color:var(--parya-ink)!important; font-family:var(--parya-font-body)!important;
  font-size:1rem!important; line-height:1.5;
  transition:border-color .35s var(--parya-ease), background .35s var(--parya-ease); }
.parya-body .parya-contact-form textarea{ min-height:124px; resize:vertical; padding-top:10px!important; }
.parya-body .parya-contact-form input::placeholder,
.parya-body .parya-contact-form textarea::placeholder{ color:var(--parya-ink-3)!important; opacity:1; }
.parya-body .parya-contact-form input:hover,
.parya-body .parya-contact-form textarea:hover{ border-bottom-color:var(--parya-ink-3)!important; }
.parya-body .parya-contact-form input:focus,
.parya-body .parya-contact-form textarea:focus{ outline:none;
  border-bottom-color:var(--parya-accent-2)!important;
  box-shadow:0 1px 0 0 var(--parya-accent-2); }
.parya-body .parya-contact-form input:focus-visible,
.parya-body .parya-contact-form textarea:focus-visible{ outline:2px solid var(--parya-accent-2);
  outline-offset:3px; border-radius:3px; }
/* Chromes Autofill malt sonst ein weißes Feld in die dunkle Seite. */
.parya-body .parya-contact-form input:-webkit-autofill{
  -webkit-text-fill-color:var(--parya-ink); caret-color:var(--parya-ink);
  transition:background-color 9999s ease-out; }

.parya-body .parya-contact-form .et_pb_contact_field.has-error input,
.parya-body .parya-contact-form .et_pb_contact_field.has-error textarea{
  border-bottom-color:var(--parya-accent-3)!important; }
.parya-field__error{ display:block; margin-top:7px; color:var(--parya-accent-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:.6875rem!important;
  letter-spacing:.08em!important; }

.parya-body .parya-contact-form .et_pb_contact_captcha_question{ display:inline; }
.parya-body .parya-contact-form .et_pb_contact_right{ display:flex; align-items:baseline; gap:12px;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; color:var(--parya-ink-3)!important; }
.parya-body .parya-contact-form input.et_pb_contact_captcha{ max-width:120px; }

.parya-body .parya-contact-form .et_pb_contact_submit,
.parya-body .parya-contact-form button[type=submit]{ grid-column:1 / -1; justify-self:start;
  margin-top:8px!important; min-height:48px; }
.parya-body .parya-contact-form.is-sending{ pointer-events:none; }
.parya-body .parya-contact-form.is-sending .et_pb_contact_submit{ opacity:.55; }
.parya-body .parya-contact-form.is-sending .et_pb_contact_submit::after{ content:" …"; }
.parya-body .parya-contact-form .et-pb-contact-message{ margin:0 0 18px; }
.parya-body .parya-contact-form .et-pb-contact-message:empty{ display:none; }
.parya-body .parya-contact-form .et-pb-contact-message p{ color:var(--parya-ink)!important;
  padding:14px 16px; border:1px solid var(--parya-accent-2); border-radius:12px;
  background:rgba(59,227,208,.08); font-size:.9375rem!important; }
.parya-body .parya-contact-form .et-pb-contact-message ul li{ color:var(--parya-accent-3)!important;
  font-size:.9375rem!important; }
.parya-contact__privacy{ margin-top:clamp(16px,2.2vw,24px)!important; }
.parya-contact__privacy p{ color:var(--parya-ink-3)!important; font-size:.8125rem!important;
  line-height:1.55; max-width:46ch; }

/* Der Avatar bleibt hier ruhig und weit hinten — er darf die
   Bedienung des Formulars nicht stören. */
.parya-body .parya-avatar--calm{ z-index:0; }
.parya-body .parya-avatar--calm .et_pb_image_wrap{ width:min(26vw,300px); }
.parya-body .parya-avatar--calm img{ transform:translate3d(-34vw,24vh,0); opacity:.14!important;
  filter:grayscale(.45) drop-shadow(0 20px 50px rgba(0,0,0,.5)); }

.parya-contact-foot{ padding-block:0 clamp(40px,6vh,70px)!important; }
.parya-contact-foot__links ul{ display:flex; flex-wrap:wrap; gap:clamp(16px,2.6vw,36px);
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink-2)!important; }
.parya-contact-foot__links a{ position:relative; padding-bottom:4px; }
.parya-contact-foot__links a::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .5s var(--parya-ease); }
.parya-contact-foot__links a:hover::after{ transform:scaleX(1); transform-origin:left; }
.parya-contact-foot .parya-footer{ margin-top:clamp(40px,5vw,64px)!important;
  padding-top:24px; border-top:1px solid var(--parya-line-2); }

/* ---------- 20b. Kontakt mobil ------------------------------- */
@media (max-width:900px){
  /* Text zuerst, Formular direkt darunter — nicht nebeneinander
     gequetscht. */
  .parya-contact{ min-height:0; align-items:stretch; }
  .parya-body .parya-contact__grid{ flex-direction:column; }
  .parya-body .parya-contact__grid .parya-col{ flex:1 1 100%!important; width:100%!important; }
  .parya-contact__formcol{ margin-top:clamp(32px,5vw,52px)!important; }
  .parya-body .parya-contact-form .et_pb_contact_form{ grid-template-columns:minmax(0,1fr); }
  .parya-body .parya-contact-form .et_pb_contact_field{ grid-column:1 / -1; }
  /* Auf dem Handy nimmt der Avatar sich ganz zurück: er darf
     Eingabefelder weder überlagern noch ablenken. */
  .parya-body .parya-avatar--calm img{ opacity:.10!important; transform:translate3d(-22vw,26vh,0); }
}
@media (max-width:760px){
  .parya-contact{ padding-block:clamp(100px,13vh,140px) 48px!important; }
  /* 16px verhindern das Zoom-Springen in iOS Safari. */
  .parya-body .parya-contact-form input[type=text],
  .parya-body .parya-contact-form input[type=email],
  .parya-body .parya-contact-form textarea{ font-size:16px!important; min-height:50px; }
  .parya-body .parya-contact-form .et_pb_contact_submit,
  .parya-body .parya-contact-form button[type=submit]{ width:100%; text-align:center; min-height:52px; }
}

/* =============================================================
   22. SERVICE-LANDINGPAGES  (/seo-beratung-koeln/, /seo-pakete/)

   Zwei Seiten, ein Baukasten: Preiskarten, Vergleichstabelle,
   Add-ons, FAQ, Prozessschritte. Der Inhalt der beiden Seiten
   ist bewusst verschieden — das Aussehen darf es nicht sein.

   Divi packt jedes Codemodul in .et_pb_code > .et_pb_code_inner.
   Karten, die gleich hoch sein sollen, brauchen deshalb auf
   BEIDEN Ebenen height:100% — sonst ist die Karte so hoch wie
   ihr Text, egal was das Raster sagt.
   ============================================================= */

/* ---------- 22.1 Sektionsrhythmus ---------------------------- */
.parya-shero{ padding-block:clamp(120px,15vh,180px) clamp(50px,7vh,86px)!important; }
.parya-sit,
.parya-split,
.parya-process,
.parya-prices,
.parya-cmp-sec,
.parya-local,
.parya-who,
.parya-faq-sec,
.parya-blocks,
.parya-why,
.parya-addon-sec,
.parya-limits{ padding-block:clamp(64px,9vh,120px)!important; }

.parya-sec__head{ margin-bottom:clamp(30px,4.5vw,60px)!important; }
.parya-body .parya-sec__title{ margin-top:clamp(12px,1.6vw,22px)!important; }
.parya-sec__title h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:var(--parya-fs-h2)!important; line-height:1.02;
  letter-spacing:-.03em!important; max-width:min(100%,20ch); }
.parya-body .parya-sec__lead{ margin-top:clamp(16px,2vw,26px)!important; }
.parya-sec__lead p{ max-width:min(100%,66ch); color:var(--parya-ink-2)!important;
  font-size:var(--parya-fs-lead)!important; line-height:1.6; }

/* ---------- 22.2 Hero ---------------------------------------- */
.parya-shero__title h1{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(2.3rem,6vw,5.2rem)!important; line-height:.92;
  letter-spacing:-.045em!important; text-transform:uppercase!important; max-width:min(100%,16ch); }
.parya-body .parya-shero__title{ margin-top:clamp(14px,1.8vw,24px)!important; }
.parya-body .parya-shero__dek{ margin-top:clamp(20px,2.6vw,34px)!important;
  margin-bottom:clamp(26px,3.4vw,42px)!important; }
.parya-shero__dek p{ max-width:min(100%,62ch); color:var(--parya-ink-2)!important;
  font-size:var(--parya-fs-lead)!important; line-height:1.62; }
.parya-shero__dek b{ color:var(--parya-ink)!important; font-weight:500!important; }
.parya-body .parya-shero__content .parya-btn-wrap{ display:inline-block; margin-right:12px!important;
  margin-bottom:12px!important; }
.parya-body .parya-shero__meta{ margin-top:clamp(34px,5vh,64px)!important; }
.parya-shero__meta ul{ display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,52px);
  padding-top:22px!important; border-top:1px solid var(--parya-line-2); }
.parya-shero__meta li{ font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-shero__meta b{ display:block; color:var(--parya-ink)!important; font-weight:400!important;
  margin-top:6px; letter-spacing:.1em!important; }

/* ---------- 22.3 Situationskarten ---------------------------- */
.parya-sit__grid{ align-items:stretch!important; }
.parya-body .parya-sit__card,
.parya-body .parya-sit__card > .et_pb_code_inner{ height:100%; }
.parya-body .parya-sit__card > .et_pb_code_inner{ display:flex; flex-direction:column; gap:14px;
  padding:clamp(22px,2.4vw,34px); border:1px solid var(--parya-line-2); border-radius:20px;
  background:rgba(255,255,255,.018); }
.parya-sit__card h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.02rem,1.5vw,1.32rem)!important; line-height:1.2;
  letter-spacing:-.015em!important; }
.parya-sit__card p{ color:var(--parya-ink-2)!important; line-height:1.66; }
.parya-sit__card .parya-sit__out{ margin-top:auto!important; padding-top:14px;
  border-top:1px solid var(--parya-line-2); color:var(--parya-ink)!important;
  font-size:calc(var(--parya-fs-body) * .95)!important; }

/* ---------- 22.4 Abgrenzung ---------------------------------- */
.parya-split__grid{ align-items:stretch!important; }
.parya-body .parya-split__box,
.parya-body .parya-split__box > .et_pb_code_inner{ height:100%; }
.parya-body .parya-split__box > .et_pb_code_inner{ padding:clamp(24px,2.6vw,40px);
  border:1px solid var(--parya-line-2); border-radius:20px; }
.parya-body .parya-split__box--yes > .et_pb_code_inner{ background:rgba(60,227,208,.045);
  border-color:rgba(59,227,208,.22); }
.parya-split__box h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.05rem,1.6vw,1.4rem)!important;
  letter-spacing:-.02em!important; margin-bottom:18px!important; }
.parya-body .parya-split__box ul{ display:flex; flex-direction:column; gap:11px; }
.parya-body .parya-split__box li{ position:relative; padding-left:1.5em!important;
  color:var(--parya-ink-2)!important; line-height:1.55; }
.parya-body .parya-split__box li::before{ content:"+"; position:absolute; left:0; top:0;
  font-family:var(--parya-font-mono)!important; color:var(--parya-accent-2); }
.parya-body .parya-split__box--no li::before{ content:"–"; color:var(--parya-ink-3); }
.parya-split__link{ margin-top:22px!important; padding-top:18px; border-top:1px solid var(--parya-line-2);
  color:var(--parya-ink-2)!important; line-height:1.6; }
.parya-split__link a,
.parya-why__bridge a,
.parya-sfoot__cross a,
.parya-faq__a a{ color:var(--parya-ink)!important; border-bottom:1px solid var(--parya-accent);
  padding-bottom:1px; transition:color .35s var(--parya-ease); }
.parya-split__link a:hover,
.parya-why__bridge a:hover,
.parya-sfoot__cross a:hover,
.parya-faq__a a:hover{ color:var(--parya-accent-2)!important; }

/* ---------- 22.5 Prozessschritte ----------------------------- */
.parya-body .parya-steps__list{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:clamp(22px,2.6vw,40px); }
.parya-body .parya-steps__item{ padding-top:20px!important; border-top:1px solid var(--parya-line); }
.parya-steps__n{ display:block; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.2em; color:var(--parya-accent-2)!important;
  margin-bottom:14px; }
.parya-steps__title{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1rem,1.4vw,1.25rem)!important; line-height:1.22;
  letter-spacing:-.015em!important; margin-bottom:10px!important; }
.parya-steps__body{ color:var(--parya-ink-2)!important; line-height:1.62; }

/* ---------- 22.6 Preiskarten --------------------------------- */
.parya-prices__grid{ align-items:stretch!important; }
.parya-body .parya-price,
.parya-body .parya-price > .et_pb_code_inner{ height:100%; }
.parya-price__inner{ display:flex; flex-direction:column; height:100%;
  padding:clamp(24px,2.6vw,38px); border:1px solid var(--parya-line-2); border-radius:22px;
  background:rgba(255,255,255,.02); transition:border-color .45s var(--parya-ease), transform .45s var(--parya-ease); }
.parya-price:hover .parya-price__inner{ border-color:var(--parya-line); transform:translateY(-3px); }
.parya-price--lead .parya-price__inner{ border-color:rgba(124,92,255,.4);
  background:linear-gradient(180deg,rgba(124,92,255,.09),rgba(255,255,255,.02) 55%); }
.parya-price__flag{ align-self:flex-start; margin-bottom:16px!important; padding:6px 12px;
  border-radius:999px; background:var(--parya-accent); color:#fff!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important; }
.parya-price__name{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.1rem,1.7vw,1.5rem)!important; letter-spacing:-.02em!important; }
.parya-price__for{ margin-top:6px!important; color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.12em!important; text-transform:uppercase!important; }
.parya-price__amount{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  margin-top:clamp(18px,2vw,26px)!important; }
.parya-price__amount b{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.9rem,3.2vw,2.8rem)!important; line-height:1;
  letter-spacing:-.04em!important; }
.parya-price__amount span{ color:var(--parya-ink-2)!important; font-size:var(--parya-fs-body)!important; }
.parya-price__vat{ margin-top:6px!important; color:var(--parya-ink-3)!important;
  font-size:calc(var(--parya-fs-body) * .88)!important; }
.parya-price__lead{ margin-top:clamp(16px,1.8vw,22px)!important; color:var(--parya-ink-2)!important;
  line-height:1.6; }
.parya-body .parya-price__list{ display:flex; flex-direction:column; gap:10px;
  margin-top:clamp(18px,2vw,26px)!important; padding-top:clamp(18px,2vw,26px)!important;
  border-top:1px solid var(--parya-line-2); }
.parya-body .parya-price__list li{ position:relative; padding-left:1.5em!important;
  color:var(--parya-ink)!important; font-size:calc(var(--parya-fs-body) * .96)!important; line-height:1.5; }
.parya-body .parya-price__list li::before{ content:""; position:absolute; left:2px; top:.62em;
  width:7px; height:7px; border-radius:50%; background:var(--parya-accent-2); }
.parya-price__note{ margin-top:16px!important; color:var(--parya-ink-3)!important;
  font-size:calc(var(--parya-fs-body) * .88)!important; line-height:1.5; }
.parya-price__cta{ margin-top:auto; display:inline-flex; align-items:center; justify-content:center;
  gap:.7em; margin-top:clamp(22px,2.6vw,32px); padding:1.05em 1.5em; min-height:48px;
  border:1px solid var(--parya-line); border-radius:999px; text-align:center;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important; color:var(--parya-ink)!important;
  transition:background-color .4s var(--parya-ease), color .4s var(--parya-ease), border-color .4s var(--parya-ease); }
.parya-price__cta:hover{ background:var(--parya-ink); color:var(--parya-bg)!important;
  border-color:var(--parya-ink); }
.parya-price--lead .parya-price__cta{ background:var(--parya-accent); border-color:var(--parya-accent);
  color:#fff!important; }
.parya-price--lead .parya-price__cta:hover{ background:var(--parya-ink); border-color:var(--parya-ink);
  color:var(--parya-bg)!important; }
.parya-body .parya-prices__legal{ margin-top:clamp(24px,3vw,38px)!important; }
.parya-prices__legal p{ max-width:min(100%,74ch); color:var(--parya-ink-3)!important;
  font-size:calc(var(--parya-fs-body) * .9)!important; line-height:1.6; }

/* ---------- 22.7 Vergleichstabelle --------------------------- */
.parya-cmp__scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch;
  border:1px solid var(--parya-line-2); border-radius:20px; }
.parya-cmp__scroll:focus-visible{ outline:2px solid var(--parya-accent-2); outline-offset:2px; }
.parya-cmp__table{ width:100%; min-width:640px; border-collapse:collapse;
  font-size:calc(var(--parya-fs-body) * .95); }
.parya-cmp__table th,
.parya-cmp__table td{ padding:14px clamp(12px,1.4vw,20px); text-align:left; vertical-align:top;
  border-bottom:1px solid var(--parya-line-2); }
.parya-cmp__table thead th{ position:sticky; top:0; z-index:1; background:var(--parya-bg-2);
  color:var(--parya-ink)!important; font-family:var(--parya-font-mono)!important;
  font-weight:400!important; font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important;
  text-transform:uppercase!important; }
.parya-cmp__table tbody th{ color:var(--parya-ink)!important; font-weight:500!important;
  width:34%; background:rgba(255,255,255,.014); }
.parya-cmp__table tbody td{ color:var(--parya-ink-2)!important; }
.parya-cmp__table tbody tr:last-child th,
.parya-cmp__table tbody tr:last-child td{ border-bottom:0; }
.parya-cmp__hint{ margin-top:10px!important; color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; text-transform:uppercase!important; }
@media (min-width:761px){ .parya-cmp__hint{ display:none; } }

/* ---------- 22.8 Lokale Relevanz ----------------------------- */
.parya-local__grid{ align-items:flex-start!important; }
.parya-local__body p{ color:var(--parya-ink-2)!important; font-size:var(--parya-fs-lead)!important;
  line-height:1.68; max-width:min(100%,62ch); }
.parya-local__body p + p{ margin-top:1.1em!important; }
.parya-local__note{ padding:12px 16px; border:1px dashed var(--parya-line);
  border-radius:12px; color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.1em!important; }

/* ---------- 22.9 Person / E-E-A-T ---------------------------- */
.parya-who__grid{ align-items:flex-start!important; }
.parya-who__name h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.5rem,2.6vw,2.4rem)!important; line-height:1.05;
  letter-spacing:-.035em!important; }
.parya-body .parya-who__name{ margin-top:14px!important; }
.parya-who__role p{ margin-top:10px!important; color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.12em!important; text-transform:uppercase!important; line-height:1.7; }
.parya-who__body p{ color:var(--parya-ink-2)!important; font-size:var(--parya-fs-lead)!important;
  line-height:1.66; max-width:min(100%,64ch); }
.parya-who__body p + p{ margin-top:1.05em!important; }
.parya-body .parya-who__facts{ display:flex; flex-wrap:wrap; gap:clamp(16px,2.6vw,44px);
  margin-block:clamp(22px,2.6vw,34px)!important; padding-block:20px!important;
  border-top:1px solid var(--parya-line-2); border-bottom:1px solid var(--parya-line-2); }
.parya-body .parya-who__facts li{ font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important;
  text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-who__facts b{ display:block; margin-top:6px; color:var(--parya-ink)!important;
  font-weight:400!important; letter-spacing:.1em!important; }
.parya-who__facts a{ border-bottom:1px solid var(--parya-accent); }
.parya-who__honest{ color:var(--parya-ink)!important; font-size:calc(var(--parya-fs-body) * .98)!important; }

/* ---------- 22.10 FAQ ---------------------------------------- */
.parya-body .parya-faq__list{ border-top:1px solid var(--parya-line-2); max-width:min(100%,90ch); }
.parya-faq__item{ border-bottom:1px solid var(--parya-line-2); }
.parya-faq__item summary{ display:flex; align-items:flex-start; justify-content:space-between;
  gap:20px; padding-block:clamp(18px,2vw,26px); cursor:pointer; list-style:none;
  color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1rem,1.4vw,1.22rem)!important; line-height:1.32;
  letter-spacing:-.015em!important; }
.parya-faq__item summary::-webkit-details-marker{ display:none; }
.parya-faq__item summary:hover{ color:var(--parya-accent-2)!important; }
.parya-faq__item summary i{ flex:none; position:relative; width:14px; height:14px; margin-top:.35em; }
.parya-faq__item summary i::before,
.parya-faq__item summary i::after{ content:""; position:absolute; left:0; top:6px; width:14px; height:1px;
  background:currentColor; transition:transform .35s var(--parya-ease); }
.parya-faq__item summary i::after{ transform:rotate(90deg); }
.parya-faq__item[open] summary i::after{ transform:rotate(0deg); }
.parya-faq__a{ padding-bottom:clamp(20px,2.4vw,30px); }
.parya-faq__a p{ color:var(--parya-ink-2)!important; line-height:1.68; max-width:min(100%,74ch); }

/* ---------- 22.11 Leistungsbausteine ------------------------- */
.parya-blocks__grid{ align-items:stretch!important; gap:clamp(20px,2.4vw,36px) var(--parya-col-gap)!important; }
.parya-body .parya-block,
.parya-body .parya-block > .et_pb_code_inner{ height:100%; }
.parya-body .parya-block > .et_pb_code_inner{ padding:clamp(22px,2.4vw,34px);
  border:1px solid var(--parya-line-2); border-radius:20px; }
.parya-block__n{ display:block; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.2em; color:var(--parya-accent-2)!important;
  margin-bottom:14px; }
.parya-block h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.05rem,1.6vw,1.4rem)!important; line-height:1.2;
  letter-spacing:-.02em!important; margin-bottom:12px!important; }
.parya-block p{ color:var(--parya-ink-2)!important; line-height:1.64; }
.parya-block__note{ margin-top:14px!important; padding-top:12px; border-top:1px solid var(--parya-line-2);
  color:var(--parya-ink-3)!important; font-size:calc(var(--parya-fs-body) * .9)!important; }

/* ---------- 22.12 Preisfaktoren ------------------------------ */
.parya-why__list dl{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:clamp(22px,2.6vw,40px); }
.parya-why__list dt{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1rem,1.35vw,1.2rem)!important; letter-spacing:-.015em!important;
  padding-top:16px; border-top:1px solid var(--parya-line); margin-bottom:10px; }
.parya-why__list dd{ margin:0; color:var(--parya-ink-2)!important; line-height:1.62; }
.parya-body .parya-why__bridge{ margin-top:clamp(28px,3.4vw,44px)!important; }
.parya-why__bridge p{ max-width:min(100%,74ch); color:var(--parya-ink)!important;
  font-size:var(--parya-fs-lead)!important; line-height:1.6; }

/* ---------- 22.13 Add-ons ------------------------------------ */
.parya-body .parya-addons__list{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:clamp(18px,2.2vw,30px); }
.parya-body .parya-addon{ display:flex; flex-direction:column; padding:clamp(20px,2.2vw,30px)!important;
  border:1px solid var(--parya-line-2); border-radius:18px; background:rgba(255,255,255,.015); }
.parya-addon__name{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1rem,1.35vw,1.2rem)!important; letter-spacing:-.015em!important; }
.parya-addon__price{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-top:10px!important; }
.parya-addon__price b{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.15rem,1.7vw,1.5rem)!important; letter-spacing:-.03em!important; }
.parya-addon__price span{ color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.12em!important; text-transform:uppercase!important; }
.parya-addon__body{ margin-top:14px!important; color:var(--parya-ink-2)!important; line-height:1.6;
  font-size:calc(var(--parya-fs-body) * .95)!important; }

/* ---------- 22.14 Grenzen ------------------------------------ */
.parya-limits__grid{ align-items:flex-start!important; }
.parya-body .parya-limits__body ul{ display:flex; flex-direction:column; gap:16px; }
.parya-body .parya-limits__body li{ position:relative; padding-left:1.6em!important;
  color:var(--parya-ink-2)!important; font-size:var(--parya-fs-lead)!important; line-height:1.6; }
.parya-body .parya-limits__body li::before{ content:"–"; position:absolute; left:0; top:0;
  color:var(--parya-ink-3); font-family:var(--parya-font-mono)!important; }
.parya-limits__body b{ color:var(--parya-ink)!important; font-weight:500!important; }
.parya-limits__claim{ margin-top:clamp(22px,2.6vw,34px)!important; padding-top:20px;
  border-top:1px solid var(--parya-line-2); color:var(--parya-ink)!important; line-height:1.66;
  max-width:min(100%,68ch); }

/* ---------- 22.15 Abschluss ---------------------------------- */
.parya-service-foot{ padding-block:clamp(70px,10vh,130px) clamp(40px,6vh,70px)!important; }
.parya-sfoot__title h2{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:var(--parya-fs-display)!important; line-height:1.02;
  letter-spacing:-.035em!important; max-width:min(100%,18ch); }
.parya-body .parya-sfoot__body{ margin-block:clamp(18px,2.2vw,28px) clamp(24px,3vw,36px)!important; }
.parya-sfoot__body p{ max-width:min(100%,62ch); color:var(--parya-ink-2)!important;
  font-size:var(--parya-fs-lead)!important; line-height:1.62; }
.parya-body .parya-sfoot__cross{ margin-top:clamp(28px,3.4vw,44px)!important;
  padding-top:22px!important; border-top:1px solid var(--parya-line-2); }
.parya-sfoot__cross p{ max-width:min(100%,72ch); color:var(--parya-ink-2)!important; line-height:1.6; }

/* ---------- 22.15b Die Figur auf den Service-Seiten ----------
   Preistabellen und Vergleichsspalten sind Lesearbeit. Die
   Markenfigur bleibt deshalb hier noch deutlich weiter hinten
   als auf der Kontaktseite — erkennbar, aber nie im Weg. */
.parya-body .parya-service--beratung .parya-avatar--calm img,
.parya-body .parya-service--pakete .parya-avatar--calm img{
  opacity:.06!important; transform:translate3d(-36vw,28vh,0);
  filter:grayscale(.75) drop-shadow(0 20px 50px rgba(0,0,0,.5)); }

/* ---------- 22.16 Schmale Displays --------------------------- */
@media (max-width:900px){
  .parya-body .parya-cmp__table tbody th{ width:44%; }
}
@media (max-width:760px){
  .parya-shero{ padding-block:clamp(96px,13vh,130px) 40px!important; }
  .parya-shero__title h1{ font-size:clamp(2.1rem,10vw,2.9rem)!important; }
  .parya-body .parya-shero__content .parya-btn-wrap{ display:block; margin-right:0!important; }
  .parya-body #page-container .et_pb_section .parya-shero__content a.et_pb_button.parya-btn{
    width:100%; justify-content:center; }
  .parya-shero__meta ul{ gap:16px; }
  .parya-shero__meta li{ flex:1 1 100%; }
  .parya-cmp__table{ min-width:560px; font-size:calc(var(--parya-fs-body) * .9); }
  .parya-price__cta{ width:100%; }
  /* Auf dem Handy nimmt sich die Figur zurück: Preise und
     Formularwege dürfen nicht überlagert werden. */
  .parya-body .parya-avatar--calm img{ opacity:.09!important; }
}

/* =============================================================
   23. ANGEBOT, PREISNACHLASS, BROTKRUMEN

   Der durchgestrichene Preis muss kleiner und ruhiger sein als
   der gültige — sonst konkurrieren zwei Zahlen um dieselbe
   Aufmerksamkeit und der Blick bleibt am falschen hängen.
   ============================================================= */

/* ---------- 23.1 Brotkrumen ---------------------------------- */
.parya-body .parya-shero__crumbs{ margin-bottom:clamp(18px,2.4vw,30px)!important; }
.parya-crumbs__nav ol{ display:flex; flex-wrap:wrap; align-items:center; gap:.7em;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; text-transform:uppercase!important; color:var(--parya-ink-3)!important; }
.parya-crumbs__nav li + li::before{ content:"/"; margin-right:.7em; opacity:.5; }
.parya-crumbs__nav a{ color:var(--parya-ink-2)!important; }
.parya-crumbs__nav a:hover{ color:var(--parya-accent-2)!important; }
.parya-crumbs__nav [aria-current]{ color:var(--parya-ink)!important; }

/* ---------- 23.2 Angebotsband -------------------------------- */
.parya-offer-sec{ padding-block:0 clamp(50px,7vh,90px)!important; }
.parya-body .parya-offer__list{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:clamp(16px,2vw,26px); }
.parya-body .parya-offer__item{ display:flex; flex-direction:column; align-items:flex-start; gap:10px;
  padding:clamp(20px,2.2vw,30px)!important; border:1px solid var(--parya-line-2); border-radius:20px;
  background:rgba(255,255,255,.02); }
.parya-body .parya-offer__item--lead{ border-color:rgba(124,92,255,.42);
  background:linear-gradient(180deg,rgba(124,92,255,.11),rgba(255,255,255,.02) 60%); }
.parya-offer__tag{ display:inline-block; padding:5px 11px; border-radius:999px;
  background:var(--parya-accent-2); color:#06201C!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; text-transform:uppercase!important; }
.parya-offer__item--lead .parya-offer__tag{ background:var(--parya-accent); color:#fff!important; }
.parya-offer__item h3{ color:var(--parya-ink)!important; font-family:var(--parya-font-display)!important;
  font-weight:600!important; font-size:clamp(1.02rem,1.4vw,1.25rem)!important; line-height:1.22;
  letter-spacing:-.018em!important; }
.parya-offer__item p{ color:var(--parya-ink-2)!important; line-height:1.6;
  font-size:calc(var(--parya-fs-body) * .96)!important; }
.parya-offer__cta{ margin-top:auto; display:inline-flex; align-items:center; min-height:44px;
  padding-top:12px; color:var(--parya-ink)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important;
  border-bottom:1px solid var(--parya-accent); }
.parya-offer__cta:hover{ color:var(--parya-accent-2)!important; }
.parya-offer__legal{ margin-top:clamp(16px,2vw,24px)!important; color:var(--parya-ink-3)!important;
  font-size:calc(var(--parya-fs-body) * .88)!important; line-height:1.6; max-width:min(100%,80ch); }

/* ---------- 23.3 Alter Preis --------------------------------- */
.parya-price__old{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  margin-top:clamp(16px,1.8vw,24px)!important; }
.parya-price__old s{ color:var(--parya-ink-3)!important; text-decoration-color:var(--parya-accent-3);
  text-decoration-thickness:2px; font-family:var(--parya-font-display)!important;
  font-size:clamp(1rem,1.35vw,1.2rem)!important; }
.parya-price__old span{ color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.12em!important; text-transform:uppercase!important; }
.parya-body .parya-price__amount{ margin-top:4px!important; }
.parya-price__vat{ color:var(--parya-accent-2)!important; }

/* =============================================================
   24. WEBSITE-FOOTER

   Kommt aus dem Plugin und steht deshalb außerhalb von Divis
   #page-container. Er bringt seine eigene Breite und seinen
   eigenen Innenabstand mit und verlässt sich auf nichts aus dem
   Layout darüber.
   ============================================================= */
.parya-body .parya-sitefooter{ position:relative; z-index:3; margin-top:clamp(40px,6vh,80px);
  padding:clamp(48px,7vh,90px) var(--parya-gut) clamp(20px,3vh,32px);
  border-top:1px solid var(--parya-line); background:var(--parya-bg-2);
  color:var(--parya-ink)!important; font-family:var(--parya-font-body)!important;
  font-size:var(--parya-fs-body)!important; line-height:1.6; }
/* Der schmale Abschlussbalken der Seitenlayouts wäre direkt über
   dem Footer eine zweite Fußzeile. Wo der große Footer steht,
   verschwindet er. */
.parya-body:has(.parya-sitefooter) .parya-footer{ display:none; }

.parya-sitefooter__inner{ display:grid; gap:clamp(28px,4vw,56px);
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);
  max-width:var(--parya-max); margin-inline:auto; }
.parya-sitefooter a{ color:inherit; text-decoration:none; }

.parya-sitefooter__mark{ display:inline-flex; align-items:center; gap:.7em; min-height:44px;
  font-family:var(--parya-font-display)!important; font-weight:600!important;
  font-size:clamp(1.05rem,1.5vw,1.3rem)!important; letter-spacing:-.02em!important;
  color:var(--parya-ink)!important; }
.parya-sitefooter__dot{ width:9px; height:9px; border-radius:50%; background:var(--parya-accent); flex:none; }
.parya-sitefooter__brand p{ margin-top:14px; color:var(--parya-ink-2)!important; line-height:1.62;
  max-width:38ch; }
.parya-sitefooter__offer{ color:var(--parya-ink)!important; }
.parya-sitefooter__offer b{ color:var(--parya-accent-2)!important; font-weight:500!important; }
.parya-sitefooter__social{ display:flex; flex-wrap:wrap; gap:18px; margin-top:18px; list-style:none;
  padding:0; }
.parya-sitefooter__social a{ display:inline-flex; align-items:center; min-height:44px;
  color:var(--parya-ink-2)!important; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.16em!important;
  text-transform:uppercase!important; border-bottom:1px solid var(--parya-line); }
.parya-sitefooter__social a:hover{ color:var(--parya-ink)!important; border-color:var(--parya-accent); }

.parya-sitefooter__col h2,
.parya-newsletter h2{ color:var(--parya-ink-3)!important; font-family:var(--parya-font-mono)!important;
  font-weight:400!important; font-size:var(--parya-fs-label)!important; letter-spacing:.2em!important;
  text-transform:uppercase!important; margin:0 0 16px; }
.parya-sitefooter__col ul{ list-style:none; padding:0; margin:0;
  display:flex; flex-direction:column; gap:2px; }
.parya-sitefooter__col a{ display:block; padding-block:11px; color:var(--parya-ink-2)!important;
  line-height:1.4; transition:color .35s var(--parya-ease); }
.parya-sitefooter__col a:hover{ color:var(--parya-ink)!important; }

/* ---------- 24.1 Newsletter ---------------------------------- */
.parya-newsletter h2 span{ color:var(--parya-accent-2)!important; letter-spacing:.1em!important; }
.parya-newsletter > p{ color:var(--parya-ink-2)!important; line-height:1.6; max-width:42ch; }
.parya-newsletter__form{ margin-top:18px; }
.parya-newsletter__hp{ position:absolute!important; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; }
.parya-newsletter__field{ display:flex; flex-direction:column; gap:8px; margin:0 0 14px; }
.parya-newsletter__field label{ color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; text-transform:uppercase!important; }
.parya-newsletter input[type=email]{ width:100%; min-height:50px; padding:12px 14px;
  border:1px solid var(--parya-line); border-radius:12px; background:rgba(255,255,255,.03);
  color:var(--parya-ink)!important; font-family:var(--parya-font-body)!important;
  font-size:16px; line-height:1.4; }
.parya-newsletter input[type=email]::placeholder{ color:var(--parya-ink-3)!important; }
.parya-newsletter input[type=email]:focus-visible{ outline:2px solid var(--parya-accent-2);
  outline-offset:2px; border-color:transparent; }
.parya-newsletter__consent{ display:flex; align-items:flex-start; gap:10px; margin:0 0 16px; }
.parya-newsletter__consent input{ flex:none; width:20px; height:20px; margin-top:2px;
  accent-color:var(--parya-accent); }
.parya-newsletter__consent label{ color:var(--parya-ink-2)!important;
  font-size:calc(var(--parya-fs-body) * .88)!important; line-height:1.5; }
.parya-newsletter__consent a{ border-bottom:1px solid var(--parya-accent); }
.parya-newsletter__submit{ width:100%; min-height:50px; padding:14px 20px; border:0;
  border-radius:999px; background:var(--parya-ink); color:var(--parya-bg)!important; cursor:pointer;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.16em!important; text-transform:uppercase!important;
  transition:background-color .4s var(--parya-ease), color .4s var(--parya-ease); }
.parya-newsletter__submit:hover{ background:var(--parya-accent); color:#fff!important; }
.parya-newsletter__form.is-sending .parya-newsletter__submit{ opacity:.6; pointer-events:none; }
.parya-newsletter__note{ margin-top:12px; color:var(--parya-ink-3)!important;
  font-size:calc(var(--parya-fs-body) * .84)!important; line-height:1.5; }
.parya-newsletter__status{ margin:0 0 14px; padding:12px 14px; border-radius:12px;
  font-size:calc(var(--parya-fs-body) * .92)!important; line-height:1.5; }
.parya-newsletter__status.is-ok{ background:rgba(59,227,208,.12); color:var(--parya-ink)!important;
  border:1px solid rgba(59,227,208,.35); }
.parya-newsletter__status.is-error{ background:rgba(255,122,69,.12); color:var(--parya-ink)!important;
  border:1px solid rgba(255,122,69,.4); }

/* ---------- 24.2 Abschlussbalken ----------------------------- */
.parya-sitefooter__bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px clamp(18px,3vw,40px); max-width:var(--parya-max); margin:clamp(36px,5vh,64px) auto 0;
  padding-top:22px; border-top:1px solid var(--parya-line-2); }
.parya-sitefooter__bar p{ margin:0; color:var(--parya-ink-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.14em!important; text-transform:uppercase!important; }
.parya-sitefooter__legal{ display:flex; flex-wrap:wrap; gap:18px; list-style:none; padding:0; margin:0; }
.parya-sitefooter__legal a{ display:inline-flex; align-items:center; min-height:44px;
  color:var(--parya-ink-2)!important; font-family:var(--parya-font-mono)!important;
  font-size:var(--parya-fs-label)!important; letter-spacing:.14em!important;
  text-transform:uppercase!important; }
.parya-sitefooter__legal a:hover{ color:var(--parya-ink)!important; }
.parya-sitefooter__todo{ color:var(--parya-accent-3)!important;
  font-family:var(--parya-font-mono)!important; font-size:var(--parya-fs-label)!important;
  letter-spacing:.1em!important; }

/* ---------- 24.3 Footer auf schmalen Displays ---------------- */
@media (max-width:1100px){
  .parya-sitefooter__inner{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .parya-sitefooter__brand,
  .parya-newsletter{ grid-column:1 / -1; }
}
@media (max-width:640px){
  .parya-sitefooter__inner{ grid-template-columns:minmax(0,1fr); }
  .parya-sitefooter__bar{ flex-direction:column; align-items:flex-start; }
}

/* ---------- 21. Reduzierte Bewegung, seitenübergreifend ------- */
@media (prefers-reduced-motion: reduce){
  .parya-body *,
  .parya-body *::before,
  .parya-body *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important;
    transition-duration:.001ms!important; scroll-behavior:auto!important; }
  .parya-progress{ display:none; }
  .parya-card:hover{ transform:none; }
}