:root{--navy:#091E34;--graphite:#333;--bronze:#A86F42;--bg:#F3F3F4;--blue:#6B9AB3;--muted:#6E747B;--line:#D9DDE2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--graphite);background:#fff}.container{width:min(calc(100% - 44px),1180px);margin:auto}a{text-decoration:none;color:inherit}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;color:var(--navy);letter-spacing:-.04em;margin:0}h1{font-size:clamp(46px,5.4vw,66px);line-height:1.03}h2{font-size:clamp(31px,3.6vw,43px);line-height:1.1}h3{font-size:20px}.eyebrow{color:var(--bronze);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}.copy{color:var(--muted);font-size:16px;line-height:1.75}.copy p{margin:0 0 14px}.btn{display:inline-flex;padding:13px 19px;min-height:46px;border-radius:10px;align-items:center;justify-content:center;font-size:13px;font-weight:700}.primary{background:var(--navy);color:white}.bronze{background:var(--bronze);color:white}.ghost{border:1px solid var(--line);background:#fff;color:var(--navy)}
.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(9,30,52,.08);backdrop-filter:blur(12px)}.header-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:800 18px Manrope;color:var(--navy)}.nav{display:flex;gap:24px;font-size:13px;color:#59616A}
.hero{padding:82px 0 64px}.hero-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:74px;align-items:end}.hero-copy{font-size:18px;line-height:1.72;color:var(--muted);max-width:790px;margin-top:24px}.hero-copy p{margin:0 0 12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.aside{border-left:1px solid var(--line);padding-left:34px}.aside strong{display:block;font:600 25px/1.4 Manrope;color:var(--navy)}.aside p{font-size:13px;line-height:1.62;color:var(--muted);margin:16px 0 0}
.chapter{padding:82px 0}.grey{background:var(--bg)}.dark{background:var(--navy);color:#fff}.marker{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-bottom:34px}.marker b{font:800 11px Manrope;color:var(--bronze);letter-spacing:.13em;text-transform:uppercase}.marker i{height:1px;background:var(--line)}.dark .marker i{background:rgba(255,255,255,.15)}.dark h2{color:#fff}.dark .copy{color:#BAC7CF}
.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.card strong{display:block;color:var(--navy);font:700 14px/1.35 Manrope}.card span,.card p{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}.quote{margin-top:24px;padding-left:18px;border-left:3px solid var(--bronze);font-size:15px;line-height:1.65}.econ{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px}.econ .card span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.econ .card strong{font-size:17px;margin-top:8px}.note{margin-top:32px;padding-left:22px;border-left:3px solid var(--bronze);font-size:17px;line-height:1.7;max-width:930px}.method{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.17)}.step{position:relative;padding:22px 15px 0 0;min-height:160px}.step:before{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:var(--bronze)}.step strong{display:block;color:#fff;font:700 14px Manrope}.step span{display:block;margin-top:7px;color:#AEBCC5;font-size:11px;line-height:1.5}.method-end{margin-top:34px;padding-left:22px;border-left:3px solid var(--bronze);font:600 20px/1.55 Manrope;color:#fff;max-width:930px}
.diagnosis{padding:82px 0}.diagbox{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;padding:40px;border:1px solid var(--line);border-radius:24px}.diaggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}.diaggrid strong{display:block;color:var(--navy);margin-bottom:3px}.result{background:var(--navy);border-radius:20px;padding:28px;color:#fff}.result .big{font:700 45px/1 Manrope;letter-spacing:-.05em;margin-top:10px}.result .small{color:#B7C4CD;font-size:11px;line-height:1.5}.sep{height:1px;background:rgba(255,255,255,.14);margin:22px 0}.rrow{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.rrow strong{font:700 21px Manrope}.rrow span{font-size:11px;color:#B7C4CD;text-align:right}
.outputs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.output{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.output strong{display:block;color:var(--navy);font:700 14px Manrope}.output span{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:var(--muted)}.closing{margin-top:30px;padding-left:22px;border-left:3px solid var(--bronze);font:600 19px/1.55 Manrope;color:var(--navy);max-width:940px}.scope{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.partnership{margin-top:46px;padding:30px;border:1px solid var(--line);border-left:3px solid var(--bronze);border-radius:20px;background:var(--bg);display:grid;grid-template-columns:.8fr 1.2fr;gap:46px}.trust-list{margin-top:36px;border-top:1px solid var(--line)}.trust-row{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.trust-row strong{color:var(--navy);font:700 15px Manrope}.trust-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid var(--line)}.metric{padding:23px 24px 23px 0;border-bottom:1px solid var(--line)}.metric strong{display:block;color:var(--navy);font:700 15px Manrope}.metric p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.proof{margin-top:54px;padding-top:40px;border-top:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.proof-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-height:345px}.proof-kicker{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.proof-number{margin-top:13px;color:var(--navy);font:700 clamp(28px,3vw,38px)/1.05 Manrope;letter-spacing:-.05em}.proof-label{margin-top:8px;color:var(--navy);font:700 14px/1.4 Manrope}.proof-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0}.proof-value{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12px;line-height:1.55}.proof-statement{margin-top:28px;color:var(--navy);font:600 21px/1.5 Manrope;max-width:930px}.footnote{margin-top:14px;color:var(--muted);font-size:10px;line-height:1.55}.goal{margin-top:34px;padding:28px;border-radius:18px;background:var(--navy);color:#fff;font:600 22px/1.5 Manrope}.final{padding:88px 0;background:var(--navy);color:#fff}.final h2{color:#fff}.final .copy{max-width:760px;color:#C0CBD2}.footer{padding:28px 0;border-top:1px solid rgba(9,30,52,.08);font-size:12px;color:var(--muted)}.footer-in{display:flex;justify-content:space-between;gap:20px}
@media(max-width:960px){.nav{display:none}.hero-grid,.two,.diagbox,.partnership{grid-template-columns:1fr}.cards4,.outputs,.scope{grid-template-columns:repeat(2,1fr)}.method{grid-template-columns:repeat(2,1fr);gap:24px;border-top:0}.step{border-top:1px solid rgba(255,255,255,.17)}.proof-grid{grid-template-columns:1fr}.proof-card{min-height:0}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(calc(100% - 22px),1180px)}h1{font-size:46px}.hero{padding:62px 0 52px}.chapter{padding:72px 0}.cards4,.econ,.diaggrid,.outputs,.scope,.method,.metrics{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr;gap:8px}.footer-in{flex-direction:column}}



/* ==========================================================
   ZYCH V5.1 – CD LOCK
   Local preview: no external font dependency.
   In Divi: Manrope for headlines / Inter for body.
   Fallbacks remain sans-serif under all circumstances.
   ========================================================== */

html, body,
p, span, a, div, li, button {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.brand,
.aside strong,
.marker b,
.card strong,
.step strong,
.method-end,
.result .big,
.rrow strong,
.output strong,
.closing,
.trust-row strong,
.metric strong,
.proof-number,
.proof-label,
.proof-statement,
.goal,
.partnership h3,
.implementation-principle,
.analysis-closing {
  font-family: Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* Explicitly neutralise any browser serif fallback caused by older font shorthand. */
.brand,
.aside strong,
.marker b,
.card strong,
.step strong,
.method-end,
.result .big,
.rrow strong,
.output strong,
.closing,
.trust-row strong,
.metric strong,
.proof-number,
.proof-label,
.proof-statement,
.goal {
  font-style: normal;
}

/* Mobile: keep deliberate cards only where they add meaning.
   Economic perspectives, analysis outputs and implementation scope
   become quieter line-based structures instead of repeated card stacks. */
@media (max-width: 720px) {
  .econ,
  .outputs,
  .scope {
    gap: 0 !important;
  }

  .econ .card,
  .outputs .output,
  .scope .card {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    padding: 22px 0 !important;
    box-shadow: none !important;
  }

  .econ .card:first-child,
  .outputs .output:first-child,
  .scope .card:first-child {
    border-top: 1px solid var(--line) !important;
  }

  .proof-card {
    /* Proof remains intentionally card-based. */
    background: var(--bg) !important;
  }

  .header-in {
    gap: 12px !important;
  }

  .brand {
    font-size: 16px !important;
    white-space: nowrap;
  }

  .header .btn {
    min-height: 42px !important;
    padding: 10px 13px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    text-align: center;
  }
}



/* V5.1 – Laufweiten-Entwurf: nur Typografie-Feinjustierung */
h1 { letter-spacing: -0.02em !important; }
h2 { letter-spacing: -0.015em !important; }
h3 { letter-spacing: -0.01em !important; }

/* Headline-artige Elemente */
.proof-number { letter-spacing: -0.02em !important; }
.result .big { letter-spacing: -0.02em !important; }

/* Kleine Navigations-/Kategoriezeilen bleiben bewusst weit */
.eyebrow { letter-spacing: 0.15em !important; }
.marker b { letter-spacing: 0.13em !important; }
.proof-kicker { letter-spacing: 0.09em !important; }



/* V5.1 – ausschließlich Flächenrhythmus */
.proof-section .proof {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.proof-section .proof-card {
  background: #FFFFFF;
}



/* CTA COLOR SYSTEM
   Potenzial-Diagnose = Navy
   Klarheitsanalyse = Bronze
   Secondary = neutral outline
*/
.btn.primary {
  background: #091E34 !important;
  color: #FFFFFF !important;
  border: 1px solid #091E34 !important;
}

.btn.bronze {
  background: #A86F42 !important;
  color: #FFFFFF !important;
  border: 1px solid #A86F42 !important;
}

.btn.ghost {
  background: #FFFFFF !important;
  color: #091E34 !important;
  border: 1px solid #D9DDE2 !important;
}

.btn.diagnosis-inverse {
  background: #FFFFFF !important;
  color: #091E34 !important;
  border: 1px solid #FFFFFF !important;
}



/* ZYCH CTA semantic lock */
.btn.diagnosis {
  background:#091E34 !important;
  color:#FFFFFF !important;
  border:1px solid #091E34 !important;
}
.btn.bronze {
  background:#A86F42 !important;
  color:#FFFFFF !important;
  border:1px solid #A86F42 !important;
}

/* Same diagnosis color on navy surface; white keyline only for visibility */
.final .btn.diagnosis {
  background:#091E34 !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.85) !important;
}



/* ==========================================================
   FIX: .diagnosis is reserved for the SECTION.
   Potenzial-Diagnose buttons use .cta-diagnosis.
   ========================================================== */

.btn.cta-diagnosis {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 13px 19px !important;
  margin-bottom: 0 !important;
  background: #091E34 !important;
  color: #FFFFFF !important;
  border: 1px solid #091E34 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  white-space: normal;
}

/* On the navy final CTA area the product color remains Navy.
   A white keyline provides contrast without changing CTA identity. */
.final .btn.cta-diagnosis {
  background: #091E34 !important;
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,.90) !important;
}

/* Mobile button dimensions stay compact. */
@media (max-width: 720px) {
  .btn.cta-diagnosis {
    min-height: 44px !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
  }
}



/* ==========================================================
   ZYCH TYPOGRAPHY LOCK
   Exact font-family names as registered in the former Divi setup.
   The theme also auto-detects matching files in /uploads/et-fonts/.
   ========================================================== */

html, body,
p, span, a, div, li, button {
  font-family: "Inter-Medium", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400;
}

h1, h2,
.result .big,
.proof-number {
  font-family: "Manrope-Bold", Manrope, "Inter-Medium", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
}

h3,
.aside strong,
.method-end,
.closing,
.proof-statement,
.goal,
.partnership h3,
.implementation-principle,
.analysis-closing {
  font-family: "Manrope-SemiBold", Manrope, "Inter-Medium", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
}

.brand,
.marker b,
.card strong,
.step strong,
.rrow strong,
.output strong,
.trust-row strong,
.metric strong,
.proof-label {
  font-family: "Manrope-Bold", Manrope, "Inter-Medium", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
}

.eyebrow,
.btn,
.econ .card span,
.proof-kicker {
  font-family: "Inter-Bold", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
}

.copy strong,
.hero-copy strong,
.proof-value strong,
.final .copy strong {
  font-family: "Inter-Bold", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* WordPress admin bar must not sit on top of the sticky ZYCH header. */
body.admin-bar .header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .header { top: 46px; }
}

/* Generic WordPress content pages (Impressum, Datenschutz etc.). */
.zych-page-main { padding: 76px 0 92px; min-height: 62vh; }
.zych-page-main .entry-header { margin-bottom: 32px; }
.zych-page-main .entry-content {
  max-width: 880px;
  color: var(--graphite);
  font-family: "Inter-Medium", Inter, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
}
.zych-page-main .entry-content h2,
.zych-page-main .entry-content h3 {
  margin: 36px 0 14px;
}
.zych-page-main .entry-content p { margin: 0 0 16px; }
.zych-page-main .entry-content a { color: var(--bronze); text-decoration: underline; text-underline-offset: 3px; }

/* Custom logo support without changing the approved header geometry. */
.brand-link { display:inline-flex; align-items:center; min-width:0; }
.brand-link .custom-logo { display:block; width:auto; max-height:34px; max-width:190px; }


/* ==========================================================
   ZYCH v1.1 — LIVE POLISH
   Buttons + exact font weights + mobile proportions
   ========================================================== */

/* Use the real weight of each separately registered font face. */
html, body,
p, span, a, div, li {
  font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:500 !important;
}

h1, h2,
.result .big,
.proof-number,
.brand,
.card strong,
.step strong,
.rrow strong,
.output strong,
.trust-row strong,
.metric strong,
.proof-label {
  font-family:"Manrope-Bold",Manrope,"Inter-Medium",Inter,sans-serif !important;
  font-weight:700 !important;
}

h3,
.aside strong,
.method-end,
.closing,
.proof-statement,
.goal,
.partnership h3,
.implementation-principle,
.analysis-closing {
  font-family:"Manrope-SemiBold",Manrope,"Inter-Medium",Inter,sans-serif !important;
  font-weight:600 !important;
}

/* Buttons and navigation must not look like regular weight. */
.btn,
.header .btn,
.eyebrow,
.marker b,
.econ .card span,
.proof-kicker {
  font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:700 !important;
}

.nav a {
  font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:500 !important;
}

.copy strong,
.hero-copy strong,
.proof-value strong,
.final .copy strong {
  font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:700 !important;
}

/* Legal footer */
.footer-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.footer-links a:hover {
  color:var(--navy);
}

/* Tablet */
@media (max-width: 960px) {
  .container {
    width:min(calc(100% - 48px),1180px) !important;
  }

  .hero {
    padding:64px 0 54px !important;
  }

  .hero-grid {
    gap:42px !important;
  }

  .chapter,
  .diagnosis {
    padding:64px 0 !important;
  }

  .two {
    gap:28px !important;
  }

  .diagbox {
    gap:32px !important;
    padding:30px !important;
  }

  .method {
    gap:0 !important;
  }

  .step {
    min-height:0 !important;
    padding:22px 18px 24px 0 !important;
  }
}

/* Phone */
@media (max-width: 640px) {
  .container {
    width:calc(100% - 40px) !important;
    max-width:none !important;
  }

  .header-in {
    height:68px !important;
    gap:10px !important;
  }

  .brand-link .custom-logo {
    max-width:132px !important;
    max-height:30px !important;
  }

  .header .btn {
    min-height:40px !important;
    max-width:154px !important;
    padding:9px 11px !important;
    font-size:11px !important;
    line-height:1.18 !important;
  }

  h1 {
    font-size:clamp(38px,10.4vw,42px) !important;
    line-height:1.04 !important;
    letter-spacing:-0.02em !important;
  }

  h2 {
    font-size:clamp(29px,8.2vw,34px) !important;
    line-height:1.10 !important;
    letter-spacing:-0.015em !important;
  }

  h3 {
    font-size:19px !important;
  }

  .hero {
    padding:50px 0 46px !important;
  }

  .hero-grid {
    gap:34px !important;
  }

  .hero-copy {
    margin-top:20px !important;
    font-size:16px !important;
    line-height:1.68 !important;
  }

  .actions {
    margin-top:24px !important;
    gap:10px !important;
  }

  .actions .btn {
    width:100% !important;
  }

  .aside {
    padding-top:24px !important;
  }

  .aside strong {
    font-size:22px !important;
    line-height:1.35 !important;
  }

  .aside p {
    font-size:13px !important;
  }

  .chapter,
  .diagnosis {
    padding:56px 0 !important;
  }

  .marker {
    margin-bottom:26px !important;
    gap:12px !important;
  }

  .two {
    gap:22px !important;
  }

  .copy {
    font-size:15px !important;
    line-height:1.72 !important;
  }

  .cards4 {
    gap:10px !important;
  }

  .card {
    padding:17px !important;
  }

  .quote,
  .note,
  .closing,
  .method-end {
    padding-left:16px !important;
    font-size:16px !important;
  }

  .method {
    margin-top:34px !important;
    grid-template-columns:1fr !important;
    border-top:1px solid rgba(255,255,255,.17) !important;
  }

  .step {
    min-height:0 !important;
    padding:20px 0 22px !important;
    border-top:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  .step:before {
    top:-5px !important;
  }

  .diagbox {
    padding:20px !important;
    gap:26px !important;
    border-radius:18px !important;
  }

  .diaggrid {
    margin-top:18px !important;
    padding-top:18px !important;
    gap:0 !important;
  }

  .diaggrid > div {
    padding:14px 0 !important;
    border-bottom:1px solid var(--line);
  }

  .result {
    padding:22px !important;
    border-radius:16px !important;
  }

  .result .big {
    font-size:34px !important;
    line-height:1.04 !important;
  }

  .outputs,
  .scope,
  .metrics {
    margin-top:28px !important;
  }

  .partnership {
    margin-top:34px !important;
    padding:22px !important;
    gap:20px !important;
    border-radius:16px !important;
  }

  .trust-list {
    margin-top:28px !important;
  }

  .trust-row {
    padding:18px 0 !important;
  }

  .proof {
    margin-top:0 !important;
    padding-top:0 !important;
  }

  .proof-grid {
    margin-top:24px !important;
  }

  .proof-card {
    padding:20px !important;
  }

  .proof-number {
    font-size:30px !important;
  }

  .proof-statement {
    font-size:18px !important;
  }

  .goal {
    padding:22px !important;
    font-size:19px !important;
  }

  .final {
    padding:60px 0 !important;
  }

  .final .btn {
    width:100% !important;
  }

  .footer {
    padding:24px 0 !important;
  }

  .footer-in {
    gap:14px !important;
  }

  .footer-links {
    justify-content:flex-start !important;
    gap:6px !important;
    line-height:1.7 !important;
  }
}


/* ==========================================================
   ZYCH v1.2 — MOBILE PROPORTION LOCK
   Based on the real mobile full-page check.
   Desktop body layout remains unchanged.
   ========================================================== */

/* Buttons: stronger, slightly more legible without becoming oversized. */
.btn {
  font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:13px !important;
  line-height:1.22 !important;
  letter-spacing:.005em !important;
}

.header-cta-mobile { display:none; }

/* Small editorial copy was too fine/small in the mobile version. */
@media (max-width:640px) {

  .container {
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }

  /* Header: preserve brand presence and avoid squeezing the long CTA. */
  .header-in {
    height:64px !important;
    gap:10px !important;
  }

  .brand-link .custom-logo {
    max-width:146px !important;
    max-height:32px !important;
  }

  .header-cta-desktop { display:none !important; }
  .header-cta-mobile { display:inline !important; }

  .header .btn {
    min-height:40px !important;
    max-width:none !important;
    padding:10px 13px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  /* Hero */
  h1 {
    font-size:clamp(39px,10.8vw,43px) !important;
    line-height:1.035 !important;
    letter-spacing:-.02em !important;
  }

  h2 {
    font-size:clamp(29px,8.2vw,33px) !important;
    line-height:1.09 !important;
    letter-spacing:-.015em !important;
  }

  h3 {
    font-size:19px !important;
    line-height:1.25 !important;
  }

  .hero {
    padding:44px 0 42px !important;
  }

  .hero-grid {
    gap:30px !important;
  }

  .hero-copy {
    margin-top:18px !important;
    font-size:15.5px !important;
    line-height:1.65 !important;
  }

  .actions {
    margin-top:22px !important;
    gap:9px !important;
  }

  .actions .btn,
  .final .btn {
    width:100% !important;
    min-height:46px !important;
    padding:12px 14px !important;
    font-size:12.5px !important;
  }

  .aside {
    padding-top:22px !important;
  }

  .aside strong {
    font-size:21px !important;
    line-height:1.34 !important;
  }

  .aside p {
    font-size:13.5px !important;
    line-height:1.62 !important;
  }

  /* General section rhythm */
  .chapter,
  .diagnosis {
    padding:48px 0 !important;
  }

  .marker {
    margin-bottom:22px !important;
    gap:10px !important;
  }

  .marker b,
  .eyebrow {
    font-size:10.5px !important;
    line-height:1.25 !important;
  }

  .two {
    gap:18px !important;
  }

  .copy {
    font-size:15px !important;
    line-height:1.67 !important;
  }

  /* The smallest explanatory texts were the main readability problem. */
  .card span,
  .card p,
  .step span,
  .diaggrid,
  .output span,
  .trust-row p,
  .metric p,
  .proof-card p,
  .proof-value,
  .footnote {
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .card strong,
  .step strong,
  .diaggrid strong,
  .output strong,
  .trust-row strong,
  .metric strong,
  .proof-label {
    font-size:14px !important;
    line-height:1.35 !important;
  }

  .cards4 {
    gap:8px !important;
    margin-top:24px !important;
  }

  .card {
    padding:17px !important;
    border-radius:12px !important;
  }

  .quote,
  .note,
  .closing,
  .method-end {
    margin-top:22px !important;
    padding-left:14px !important;
    font-size:15.5px !important;
    line-height:1.55 !important;
  }

  /* Method: one clean vertical flow, but much less stretched. */
  .method {
    margin-top:28px !important;
    grid-template-columns:1fr !important;
  }

  .step {
    min-height:0 !important;
    padding:15px 0 16px !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  .step span {
    margin-top:4px !important;
  }

  /* Diagnosis */
  .diagbox {
    padding:18px !important;
    gap:22px !important;
    border-radius:16px !important;
  }

  .diaggrid {
    margin-top:16px !important;
    padding-top:14px !important;
  }

  .diaggrid > div {
    padding:11px 0 !important;
  }

  .result {
    padding:20px !important;
    border-radius:15px !important;
  }

  .result .big {
    font-size:32px !important;
    line-height:1.03 !important;
  }

  .result .small,
  .rrow span {
    font-size:12px !important;
  }

  /* Analysis / implementation */
  .outputs,
  .scope {
    margin-top:24px !important;
  }

  .output,
  .scope .card {
    padding:16px 0 !important;
  }

  .partnership {
    margin-top:28px !important;
    padding:19px !important;
    gap:17px !important;
    border-radius:15px !important;
  }

  .trust-list {
    margin-top:24px !important;
  }

  .trust-row {
    padding:15px 0 !important;
  }

  /* Six short measurement items work better as a compact 2-column matrix. */
  .metrics {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 14px !important;
    margin-top:24px !important;
  }

  .metric {
    padding:15px 8px 15px 0 !important;
  }

  /* Proof */
  .proof-grid {
    margin-top:22px !important;
    gap:10px !important;
  }

  .proof-card {
    padding:18px !important;
    border-radius:14px !important;
  }

  .proof-number {
    font-size:28px !important;
    line-height:1.06 !important;
  }

  .proof-label {
    margin-top:6px !important;
  }

  .proof-statement {
    margin-top:22px !important;
    font-size:17px !important;
    line-height:1.48 !important;
  }

  .goal {
    margin-top:26px !important;
    padding:19px !important;
    font-size:18px !important;
    line-height:1.45 !important;
  }

  .final {
    padding:52px 0 !important;
  }

  /* Footer */
  .footer {
    padding:22px 0 !important;
    font-size:12.5px !important;
  }

  .footer-in {
    gap:12px !important;
  }

  .footer-links {
    justify-content:flex-start !important;
    gap:5px 7px !important;
    line-height:1.6 !important;
  }

  /* Legal/content pages */
  .zych-page-main {
    padding:48px 0 64px !important;
  }

  .zych-page-main .entry-header {
    margin-bottom:22px !important;
  }

  .zych-page-main .entry-content {
    font-size:15px !important;
    line-height:1.68 !important;
  }
}


/* ==========================================================
   ZYCH v1.3 — FINAL MOBILE POLISH
   Only small proportional changes after real-device review.
   ========================================================== */

@media (max-width:640px) {

  /* Slightly stronger button readability. */
  .btn,
  .actions .btn,
  .final .btn {
    font-size:13px !important;
    line-height:1.2 !important;
  }

  /* Keep normal editorial copy comfortably readable. */
  .hero-copy,
  .copy {
    font-size:15.5px !important;
  }

  /* Method was still the longest visual block on mobile.
     Use a compact title/text row per step instead of stacking both. */
  .method {
    margin-top:26px !important;
  }

  .step {
    display:grid !important;
    grid-template-columns:minmax(92px,.38fr) minmax(0,.62fr) !important;
    column-gap:14px !important;
    align-items:start !important;
    padding:16px 0 !important;
  }

  .step strong {
    margin:0 !important;
    font-size:13.5px !important;
    line-height:1.3 !important;
  }

  .step span {
    margin:0 !important;
    font-size:12.5px !important;
    line-height:1.48 !important;
  }

  .step:before {
    display:none !important;
  }

  /* Keep the final method statement visually separate. */
  .method-end {
    margin-top:24px !important;
  }

  /* A touch more separation between proof cards without adding page length. */
  .proof-grid {
    gap:12px !important;
  }

  /* Footer/legal links should read as a deliberate final navigation. */
  .footer-links a {
    font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-weight:700 !important;
  }
}


/* ==========================================================
   ZYCH v1.4 — DESKTOP READABILITY + DIAGNOSIS KPI HIERARCHY
   Mobile rules from v1.3 remain intact.
   ========================================================== */

@media (min-width: 961px) {

  /* Overall editorial readability on wide desktop layouts */
  .copy {
    font-size:17px !important;
    line-height:1.72 !important;
  }

  .hero-copy {
    font-size:18px !important;
    line-height:1.70 !important;
  }

  .aside p {
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .card span,
  .card p,
  .step span,
  .diaggrid,
  .output span,
  .trust-row p,
  .metric p,
  .proof-card p,
  .proof-value {
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .card strong,
  .step strong,
  .diaggrid strong,
  .output strong,
  .trust-row strong,
  .metric strong,
  .proof-label {
    font-size:15px !important;
    line-height:1.35 !important;
  }

  .quote {
    font-size:16px !important;
    line-height:1.65 !important;
  }

  .note {
    font-size:18px !important;
    line-height:1.65 !important;
  }

  .footnote {
    font-size:11px !important;
    line-height:1.55 !important;
  }

  /* Diagnosis result should feel like an executive KPI panel,
     not a stretched empty card. */
  .result {
    align-self:start !important;
    display:block !important;
    min-height:0 !important;
    height:auto !important;
    padding:30px !important;
  }

  .result .small {
    font-size:12px !important;
    line-height:1.45 !important;
  }

  .result .big {
    font-size:48px !important;
    line-height:1.0 !important;
    margin-top:12px !important;
    margin-bottom:4px !important;
  }

  .result .sep {
    margin:24px 0 16px !important;
  }

  .result .rrow {
    display:grid !important;
    grid-template-columns:110px 1fr !important;
    align-items:center !important;
    gap:18px !important;
    padding:18px 18px !important;
    margin-top:10px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }

  .result .rrow strong {
    font-family:"Manrope-Bold",Manrope,"Inter-Medium",Inter,sans-serif !important;
    font-size:31px !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:#fff !important;
  }

  .result .rrow span {
    font-size:13px !important;
    line-height:1.45 !important;
    text-align:left !important;
    color:#D8E0E6 !important;
  }
}

/* Keep the result panel proportionate on medium desktop widths too. */
@media (min-width: 641px) and (max-width: 960px) {
  .result {
    align-self:start !important;
    height:auto !important;
  }

  .result .rrow {
    display:grid !important;
    grid-template-columns:90px 1fr !important;
    gap:14px !important;
    align-items:center !important;
    padding:16px !important;
    margin-top:10px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }

  .result .rrow strong {
    font-size:27px !important;
  }

  .result .rrow span {
    text-align:left !important;
    font-size:12px !important;
  }
}


/* ==========================================================
   ZYCH v1.5 — SECTION ALIGNMENT
   On desktop, the right-hand introductory copy starts on the
   same visual line as the H2, not at the eyebrow level.
   Applies consistently to all standard two-column sections.
   ========================================================== */

@media (min-width: 961px) {
  .two > .copy {
    padding-top: 28px !important;
  }
}


/* ==========================================================
   ZYCH v1.6 — DIAGNOSIS BALANCE
   ========================================================== */
@media (min-width:961px){
  .diagbox > .result{
    margin-top:31px !important;
  }
  .result .rrow{
    grid-template-columns:128px 1fr !important;
    min-height:72px !important;
  }
  .result .rrow-wide strong{
    font-size:23px !important;
    letter-spacing:-.015em !important;
    white-space:nowrap !important;
  }
  .result .rrow span b{
    display:inline-block;
    margin-bottom:2px;
    color:#fff;
    font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-weight:700 !important;
  }
}
@media (min-width:641px) and (max-width:960px){
  .result .rrow-wide strong{
    font-size:22px !important;
    white-space:nowrap !important;
  }
  .result .rrow span b{
    color:#fff;
    font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-weight:700 !important;
  }
}
@media (max-width:640px){
  .result .rrow{
    display:grid !important;
    grid-template-columns:112px 1fr !important;
    gap:12px !important;
    align-items:center !important;
    padding:14px 0 !important;
    margin:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    background:transparent !important;
    border-radius:0 !important;
  }
  .result .rrow:last-child{border-bottom:0 !important;}
  .result .rrow strong{font-size:24px !important;}
  .result .rrow-wide strong{
    font-size:18px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
  .result .rrow span{
    text-align:left !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }
  .result .rrow span b{
    color:#fff;
    font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-weight:700 !important;
  }
}


/* ==========================================================
   ZYCH v1.7 — POTENZIALRECHNER + POTENZIALANALYSE
   Dedicated WordPress page templates execute the existing
   shortcodes directly. No Divi layer is involved.
   ========================================================== */

.zych-tool-page {
  width:100%;
  min-height:60vh;
  background:#fff;
}

.zych-tool-missing {
  padding-top:80px;
  padding-bottom:100px;
}

.zych-tool-missing h1 {
  max-width:760px;
  margin-bottom:20px;
}

.zych-tool-missing p {
  max-width:760px;
  font-size:17px;
  line-height:1.7;
  color:#6E747B;
}

.zych-tool-missing code {
  font-family:monospace !important;
  font-size:.95em;
  color:#091E34;
  background:#F3F3F4;
  padding:2px 5px;
  border-radius:4px;
}

@media(max-width:640px){
  .zych-tool-missing {
    padding-top:48px;
    padding-bottom:64px;
  }
}


/* ==========================================================
   ZYCH v1.8 — LANDING PAGE HEADER
   Potenzialrechner + Potenzialanalyse
   ========================================================== */

.landing-header-in {
  justify-content:space-between !important;
}

.landing-home-link {
  margin-left:auto;
  font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:13px;
  line-height:1.2;
  font-weight:500 !important;
  color:#6E747B !important;
  text-decoration:none !important;
  white-space:nowrap;
}

.landing-home-link:hover {
  color:#091E34 !important;
}

@media(max-width:640px){
  .landing-header-in {
    height:62px !important;
  }

  .landing-home-link {
    font-size:12px !important;
  }
}


/* ==========================================================
   ZYCH v1.9 — LEGAL PAGES
   Clean presentation of existing Impressum / Datenschutz text
   without Divi shortcodes or decorative legacy imagery.
   ========================================================== */

.zych-legal-page {
  padding:78px 0 96px;
  min-height:65vh;
  background:#fff;
}

.zych-legal-wrap {
  max-width:980px !important;
}

.zych-legal-header {
  max-width:820px;
  padding-bottom:30px;
  margin-bottom:42px;
  border-bottom:1px solid #D9DDE2;
}

.zych-legal-header h1 {
  font-size:clamp(42px,5vw,58px);
  line-height:1.04;
  letter-spacing:-.02em;
}

.zych-legal-content {
  max-width:820px;
  color:#4F555B;
  font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:16px;
  line-height:1.75;
}

.zych-legal-content > *:first-child {
  margin-top:0;
}

.zych-legal-content h2 {
  margin:46px 0 14px;
  color:#091E34;
  font-size:26px;
  line-height:1.22;
}

.zych-legal-content h3 {
  margin:30px 0 10px;
  color:#091E34;
  font-size:19px;
  line-height:1.3;
}

.zych-legal-content h4,
.zych-legal-content h5,
.zych-legal-content h6 {
  margin:24px 0 8px;
  color:#091E34;
  font-family:"Manrope-SemiBold",Manrope,"Inter-Medium",Inter,sans-serif !important;
  font-size:17px;
  line-height:1.35;
}

.zych-legal-content p {
  margin:0 0 16px;
}

.zych-legal-content ul,
.zych-legal-content ol {
  margin:0 0 20px 22px;
}

.zych-legal-content li {
  margin:0 0 8px;
}

.zych-legal-content a {
  color:#A86F42 !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
}

.zych-legal-block {
  padding:0;
  margin:0;
}

.zych-legal-block + .zych-legal-block {
  margin-top:8px;
}

@media(max-width:640px){
  .zych-legal-page {
    padding:48px 0 64px;
  }

  .zych-legal-wrap {
    width:calc(100% - 28px) !important;
  }

  .zych-legal-header {
    padding-bottom:22px;
    margin-bottom:30px;
  }

  .zych-legal-header h1 {
    font-size:38px;
  }

  .zych-legal-content {
    font-size:15px;
    line-height:1.68;
  }

  .zych-legal-content h2 {
    margin-top:36px;
    font-size:23px;
  }

  .zych-legal-content h3 {
    margin-top:26px;
    font-size:18px;
  }
}


/* ==========================================================
   ZYCH v2.0 — KLARHEITSANALYSE
   ========================================================== */

.zych-clarity-page{background:#fff;color:#333}
.clarity-hero{padding:82px 0 72px}
.clarity-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:end}
.clarity-hero h1{max-width:760px}
.clarity-lead{max-width:760px;margin:24px 0 0;color:#6E747B;font-size:18px;line-height:1.72}
.clarity-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}
.clarity-text-link{font-size:13px;color:#6E747B !important;text-decoration:underline !important;text-underline-offset:4px}
.clarity-hero-aside{border-left:1px solid #D9DDE2;padding-left:34px}
.clarity-aside-kicker{margin-bottom:14px;color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;letter-spacing:.14em;font-weight:700}
.clarity-hero-aside strong{display:block;color:#091E34;font-family:"Manrope-SemiBold",Manrope,sans-serif;font-size:24px;line-height:1.4;font-weight:600}
.clarity-hero-aside p{margin:16px 0 0;color:#6E747B;font-size:14px;line-height:1.65}

.clarity-section{padding:82px 0;background:#fff}
.clarity-section.clarity-grey{background:#F3F3F4}
.clarity-section.clarity-dark{background:#091E34;color:#fff}
.clarity-section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.clarity-section-head > .clarity-copy{padding-top:28px}
.clarity-section-head h2{max-width:620px}
.clarity-copy{color:#6E747B;font-size:17px;line-height:1.72}
.clarity-copy p{margin:0 0 14px}
.clarity-dark h2{color:#fff}
.clarity-dark .clarity-copy{color:#BAC7CF}

.clarity-signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:36px}
.clarity-signal-grid article{padding:22px;border:1px solid #D9DDE2;border-radius:14px;background:#fff}
.clarity-signal-grid strong{display:block;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:16px;line-height:1.35;font-weight:700}
.clarity-signal-grid p{margin:8px 0 0;color:#6E747B;font-size:13px;line-height:1.55}

.clarity-marker{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-bottom:34px}
.clarity-marker b{color:#A86F42;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.clarity-marker i{height:1px;background:#D9DDE2}
.clarity-dark .clarity-marker b{color:#D2AD8C}
.clarity-dark .clarity-marker i{background:rgba(255,255,255,.16)}

.clarity-output-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.clarity-output-grid article{padding:22px;border:1px solid #D9DDE2;border-radius:14px}
.clarity-output-grid span{display:block;color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif;font-size:11px;font-weight:700}
.clarity-output-grid strong{display:block;margin-top:9px;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:15px;line-height:1.35;font-weight:700}
.clarity-output-grid p{margin:8px 0 0;color:#6E747B;font-size:13px;line-height:1.55}
.clarity-statement{max-width:980px;margin-top:34px;padding-left:22px;border-left:3px solid #A86F42;color:#091E34;font-family:"Manrope-SemiBold",Manrope,sans-serif;font-size:20px;line-height:1.55;font-weight:600}

.clarity-process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:46px;border-top:1px solid rgba(255,255,255,.17)}
.clarity-process > div{position:relative;padding:24px 18px 0 0;min-height:170px}
.clarity-process > div:before{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:#A86F42}
.clarity-process b{display:block;color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;font-weight:700}
.clarity-process strong{display:block;margin-top:8px;color:#fff;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:14px;font-weight:700}
.clarity-process span{display:block;margin-top:6px;color:#AEBCC5;font-size:12px;line-height:1.5}

.clarity-case{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
.clarity-case > div{padding:24px;border:1px solid #D9DDE2;border-radius:16px;background:#F3F3F4}
.clarity-case span{display:block;color:#6B9AB3;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;letter-spacing:.1em;font-weight:700}
.clarity-case strong{display:block;margin-top:10px;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:15px;font-weight:700}
.clarity-case b{display:block;margin-top:8px;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:34px;line-height:1}
.clarity-case p{margin:9px 0 0;color:#6E747B;font-size:13px;line-height:1.55}

.clarity-finance{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;margin-top:42px;padding:30px;border:1px solid #D9DDE2;border-left:3px solid #A86F42;border-radius:18px}
.clarity-finance h3{color:#091E34}
.clarity-finance .clarity-copy{padding-top:3px}

.clarity-decision-list{margin-top:34px;border-top:1px solid #D9DDE2}
.clarity-decision-list > div{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:20px 0;border-bottom:1px solid #D9DDE2}
.clarity-decision-list strong{color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:15px;font-weight:700}
.clarity-decision-list span{color:#6E747B;font-size:14px;line-height:1.55}
.clarity-principle{max-width:980px;margin-top:34px;padding:28px;border-radius:18px;background:#091E34;color:#fff;font-family:"Manrope-SemiBold",Manrope,sans-serif;font-size:20px;line-height:1.55;font-weight:600}

.clarity-cta{padding:86px 0;background:#091E34;color:#fff}
.clarity-cta h2{max-width:820px;color:#fff}
.clarity-cta p{max-width:760px;margin:18px 0 26px;color:#C0CBD2;font-size:17px;line-height:1.7}

@media(max-width:960px){
  .clarity-hero-grid,.clarity-section-head,.clarity-finance{grid-template-columns:1fr}
  .clarity-section-head > .clarity-copy{padding-top:0}
  .clarity-hero-aside{border-left:0;border-top:1px solid #D9DDE2;padding:28px 0 0}
  .clarity-output-grid{grid-template-columns:repeat(2,1fr)}
  .clarity-process{grid-template-columns:repeat(2,1fr);gap:24px;border-top:0}
  .clarity-process > div{border-top:1px solid rgba(255,255,255,.17)}
}

@media(max-width:640px){
  .clarity-hero{padding:48px 0 44px}
  .clarity-section{padding:54px 0}
  .clarity-hero-grid{gap:30px}
  .clarity-lead{font-size:15.5px;line-height:1.65}
  .clarity-actions{gap:12px;margin-top:24px}
  .clarity-actions .btn{width:100%}
  .clarity-text-link{font-size:12.5px}
  .clarity-section-head{gap:18px}
  .clarity-copy{font-size:15.5px;line-height:1.67}
  .clarity-signal-grid,.clarity-output-grid,.clarity-process,.clarity-case{grid-template-columns:1fr}
  .clarity-signal-grid{gap:8px;margin-top:26px}
  .clarity-output-grid{gap:8px;margin-top:26px}
  .clarity-output-grid article,.clarity-signal-grid article{padding:18px}
  .clarity-statement{margin-top:24px;padding-left:14px;font-size:16px}
  .clarity-process{margin-top:28px}
  .clarity-process > div{min-height:0;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14);border-top:0}
  .clarity-process > div:before{display:none}
  .clarity-case{gap:8px;margin-top:26px}
  .clarity-case > div{padding:18px}
  .clarity-case b{font-size:29px}
  .clarity-finance{margin-top:28px;padding:20px;gap:16px}
  .clarity-decision-list{margin-top:26px}
  .clarity-decision-list > div{grid-template-columns:1fr;gap:6px;padding:16px 0}
  .clarity-principle{margin-top:26px;padding:20px;font-size:17px}
  .clarity-cta{padding:56px 0}
  .clarity-cta p{font-size:15.5px}
  .clarity-cta .btn{width:100%}
}


/* ==========================================================
   ZYCH v2.2 — ERGEBNISSE AUS REALEN PROJEKTEN
   ========================================================== */

.zych-projects-page{background:#fff;color:#333}
.projects-hero{padding:82px 0 72px}
.projects-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:end}
.projects-hero h1{max-width:790px}
.projects-lead{max-width:770px;margin:24px 0 0;color:#6E747B;font-size:18px;line-height:1.72}
.projects-hero-aside{border-left:1px solid #D9DDE2;padding-left:34px}
.projects-aside-kicker{margin-bottom:14px;color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;letter-spacing:.14em;font-weight:700}
.projects-hero-aside strong{display:block;color:#091E34;font-family:"Manrope-SemiBold",Manrope,sans-serif;font-size:24px;line-height:1.4;font-weight:600}
.projects-hero-aside p{margin:16px 0 0;color:#6E747B;font-size:14px;line-height:1.65}

.projects-section{padding:82px 0;background:#fff}
.projects-grey{background:#F3F3F4}
.projects-marker{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-bottom:34px}
.projects-marker b{color:#A86F42;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.projects-marker i{height:1px;background:#D9DDE2}

.project-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.project-head > .project-copy{padding-top:28px}
.project-sub{margin-top:12px;color:#6E747B;font-family:"Inter-Bold",Inter,sans-serif;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.project-copy{color:#6E747B;font-size:17px;line-height:1.72}
.project-copy p{margin:0 0 14px}

.project-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}
.project-flow article{padding:22px;border:1px solid #D9DDE2;border-radius:14px;background:#fff}
.projects-grey .project-flow article{background:#fff}
.project-flow span{display:block;color:#6B9AB3;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;letter-spacing:.1em;font-weight:700}
.project-flow strong{display:block;margin-top:9px;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:15px;line-height:1.35;font-weight:700}
.project-flow p{margin:8px 0 0;color:#6E747B;font-size:13px;line-height:1.55}

.project-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:#D9DDE2;border:1px solid #D9DDE2;border-radius:16px;overflow:hidden}
.project-impact > div{padding:24px;background:#091E34}
.project-impact span{display:block;color:#9FB0BC;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;letter-spacing:.1em;font-weight:700}
.project-impact strong{display:block;margin-top:8px;color:#fff;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:20px;line-height:1.35;font-weight:700}

.projects-principles{background:#fff}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.principle-grid > div{padding:20px 0;border-top:1px solid #D9DDE2}
.principle-grid strong{display:block;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:15px;font-weight:700}
.principle-grid span{display:block;margin-top:6px;color:#6E747B;font-size:13px;line-height:1.5}
.projects-statement{max-width:960px;margin-top:34px;padding-left:22px;border-left:3px solid #A86F42;color:#091E34;font-family:"Manrope-SemiBold",Manrope,sans-serif;font-size:21px;line-height:1.55;font-weight:600}
.projects-footnote{max-width:960px;margin-top:16px;color:#6E747B;font-size:11px;line-height:1.55}

.projects-cta{padding:82px 0;background:#091E34;color:#fff}
.projects-cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.projects-cta h2{color:#fff}
.projects-cta p{margin:28px 0 0;color:#C0CBD2;font-size:17px;line-height:1.7}
.projects-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.projects-cta .cta-diagnosis{border-color:rgba(255,255,255,.9)}

@media(max-width:960px){
  .projects-hero-grid,.project-head,.projects-cta-grid{grid-template-columns:1fr}
  .project-head > .project-copy{padding-top:0}
  .projects-hero-aside{border-left:0;border-top:1px solid #D9DDE2;padding:28px 0 0}
  .project-flow{grid-template-columns:repeat(2,1fr)}
  .principle-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .projects-hero{padding:48px 0 44px}
  .projects-section{padding:54px 0}
  .projects-hero-grid,.project-head,.projects-cta-grid{gap:18px}
  .projects-lead{font-size:15.5px;line-height:1.65}
  .project-copy{font-size:15.5px;line-height:1.67}
  .projects-marker{margin-bottom:24px}
  .project-flow,.project-impact,.principle-grid{grid-template-columns:1fr}
  .project-flow{gap:8px;margin-top:26px}
  .project-flow article{padding:18px}
  .project-impact{gap:1px;margin-top:22px}
  .project-impact > div{padding:18px}
  .project-impact strong{font-size:18px}
  .principle-grid{gap:0;margin-top:26px}
  .principle-grid > div{padding:15px 0}
  .projects-statement{margin-top:24px;padding-left:14px;font-size:17px}
  .projects-footnote{font-size:10.5px}
  .projects-cta{padding:56px 0}
  .projects-cta p{margin-top:0;font-size:15.5px}
  .projects-actions{gap:9px}
  .projects-actions .btn{width:100%}
}


/* ==========================================================
   ZYCH v2.3 — PROJECT DISCOVERY + CTA CONSISTENCY
   ========================================================== */

.proof-more {
  margin-top:18px;
}

.proof-more-link {
  display:inline-flex;
  align-items:center;
  color:#091E34 !important;
  font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:13px;
  font-weight:700 !important;
  text-decoration:none !important;
  border-bottom:1px solid #A86F42;
  padding-bottom:3px;
}

.proof-more-link:hover {
  color:#A86F42 !important;
}

/* Navy diagnosis buttons on dark CTA surfaces keep the ZYCH rule:
   navy fill + visible white 1px keyline. */
.projects-cta .btn.cta-diagnosis,
.final .btn.cta-diagnosis {
  background:#091E34 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.95) !important;
}

@media(max-width:640px){
  .proof-more {
    margin-top:16px;
  }
}


/* ==========================================================
   ZYCH v2.5 — ÜBER ZYCH
   ========================================================== */

.proof-more-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.proof-more-link-secondary{border-bottom-color:#D9DDE2}

.zych-about-page{background:#fff;color:#333}
.about-hero{padding:82px 0 72px}
.about-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:end}
.about-hero h1{max-width:800px}
.about-lead{max-width:770px;margin:24px 0 0;color:#6E747B;font-size:18px;line-height:1.72}
.about-hero-aside{border-left:1px solid #D9DDE2;padding-left:34px}
.about-aside-kicker{margin-bottom:14px;color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;letter-spacing:.14em;font-weight:700}
.about-hero-aside strong{display:block;color:#091E34;font-family:"Manrope-SemiBold",Manrope,sans-serif;font-size:24px;line-height:1.4;font-weight:600}
.about-hero-aside p{margin:16px 0 0;color:#6E747B;font-size:14px;line-height:1.65}

.about-section{padding:82px 0;background:#fff}
.about-grey{background:#F3F3F4}
.about-dark{background:#091E34;color:#fff}
.about-marker{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-bottom:34px}
.about-marker b{color:#A86F42;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.about-marker i{height:1px;background:#D9DDE2}
.about-dark .about-marker b{color:#D2AD8C}
.about-dark .about-marker i{background:rgba(255,255,255,.16)}

.about-head,.about-person-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.about-head > .about-copy,.about-person-grid > .about-copy{padding-top:28px}
.about-copy{color:#6E747B;font-size:17px;line-height:1.72}
.about-copy p{margin:0 0 14px}
.about-dark h2{color:#fff}
.about-dark .about-copy{color:#BAC7CF}

.about-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.about-principles article{padding:22px;border:1px solid #D9DDE2;border-radius:14px;background:#fff}
.about-principles strong{display:block;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:15px;line-height:1.35;font-weight:700}
.about-principles p{margin:8px 0 0;color:#6E747B;font-size:13px;line-height:1.55}

.about-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
.about-layer-grid > div{padding:24px;border:1px solid #D9DDE2;border-radius:16px}
.about-layer-grid span,.about-credentials span{display:block;color:#6B9AB3;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;letter-spacing:.1em;font-weight:700}
.about-layer-grid strong,.about-credentials strong{display:block;margin-top:9px;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:16px;line-height:1.35;font-weight:700}
.about-layer-grid p,.about-credentials p{margin:8px 0 0;color:#6E747B;font-size:13px;line-height:1.55}
.about-statement{max-width:980px;margin-top:34px;padding-left:22px;border-left:3px solid #A86F42;color:#091E34;font-family:"Manrope-SemiBold",Manrope,sans-serif;font-size:20px;line-height:1.55;font-weight:600}

.about-method{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-top:46px;border-top:1px solid rgba(255,255,255,.17)}
.about-method > div{position:relative;padding:24px 15px 0 0;min-height:175px}
.about-method > div:before{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:#A86F42}
.about-method b{display:block;color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif;font-size:10px;font-weight:700}
.about-method strong{display:block;margin-top:8px;color:#fff;font-family:"Manrope-Bold",Manrope,sans-serif;font-size:14px;font-weight:700}
.about-method span{display:block;margin-top:6px;color:#AEBCC5;font-size:12px;line-height:1.5}

.about-credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
.about-credentials > div{padding:22px;border-top:1px solid #D9DDE2}

.about-result-link{margin-top:30px}
.about-result-link a{display:inline-flex;color:#091E34 !important;font-family:"Inter-Bold",Inter,sans-serif;font-size:13px;font-weight:700;text-decoration:none !important;border-bottom:1px solid #A86F42;padding-bottom:3px}

.about-cta{padding:82px 0;background:#091E34;color:#fff}
.about-cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}
.about-cta h2{color:#fff}
.about-cta p{margin:28px 0 0;color:#C0CBD2;font-size:17px;line-height:1.7}
.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.about-cta .cta-diagnosis{border-color:rgba(255,255,255,.95)}

@media(max-width:960px){
  .about-hero-grid,.about-head,.about-person-grid,.about-cta-grid{grid-template-columns:1fr}
  .about-head > .about-copy,.about-person-grid > .about-copy{padding-top:0}
  .about-hero-aside{border-left:0;border-top:1px solid #D9DDE2;padding:28px 0 0}
  .about-principles{grid-template-columns:repeat(2,1fr)}
  .about-method{grid-template-columns:repeat(2,1fr);gap:24px;border-top:0}
  .about-method > div{border-top:1px solid rgba(255,255,255,.17)}
}

@media(max-width:640px){
  .about-hero{padding:48px 0 44px}
  .about-section{padding:54px 0}
  .about-hero-grid,.about-head,.about-person-grid,.about-cta-grid{gap:18px}
  .about-lead,.about-copy{font-size:15.5px;line-height:1.67}
  .about-marker{margin-bottom:24px}
  .about-principles,.about-layer-grid,.about-method,.about-credentials{grid-template-columns:1fr}
  .about-principles{gap:8px;margin-top:26px}
  .about-principles article{padding:18px}
  .about-layer-grid{gap:8px;margin-top:26px}
  .about-layer-grid > div{padding:18px}
  .about-statement{margin-top:24px;padding-left:14px;font-size:17px}
  .about-method{margin-top:28px}
  .about-method > div{min-height:0;padding:16px 0;border-top:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .about-method > div:before{display:none}
  .about-credentials{gap:0;margin-top:26px}
  .about-credentials > div{padding:16px 0}
  .about-cta{padding:56px 0}
  .about-cta p{margin-top:0;font-size:15.5px}
  .about-actions{gap:9px}
  .about-actions .btn{width:100%}
}


/* ==========================================================
   ZYCH v2.6 — ABOUT NAV + DARK CTA KEYLINE
   ========================================================== */

/* About page is now a first-class navigation destination. */
.nav a[href$="/ueber-zych/"] {
  white-space:nowrap;
}

/* Brand rule: a navy Potenzial-Diagnose button on a navy/dark
   section always gets a visible white 1px keyline. */
.about-cta .btn.cta-diagnosis,
.projects-cta .btn.cta-diagnosis,
.final .btn.cta-diagnosis {
  background:#091E34 !important;
  color:#fff !important;
  border:1px solid #fff !important;
}


/* ==========================================================
   ZYCH v2.7 — PERSONAL ORIGIN STORY
   ========================================================== */

.about-origin{background:#fff}

.about-story-grid{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:70px;
  align-items:start;
}

.about-story-photo{
  position:sticky;
  top:112px;
}

.about-story-photo img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:18px;
}

.about-photo-caption{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-top:14px;
}

.about-photo-caption strong{
  color:#091E34;
  font-family:"Manrope-Bold",Manrope,sans-serif;
  font-size:15px;
  font-weight:700;
}

.about-photo-caption span{
  color:#6E747B;
  font-size:12px;
}

.about-story h2{
  max-width:720px;
  margin-bottom:24px;
}

.about-story p{
  max-width:760px;
  margin:0 0 18px;
  color:#555D64;
  font-size:17px;
  line-height:1.78;
}

.about-story blockquote{
  max-width:760px;
  margin:30px 0;
  padding:6px 0 6px 24px;
  border-left:3px solid #A86F42;
  color:#091E34;
  font-family:"Manrope-SemiBold",Manrope,sans-serif;
  font-size:25px;
  line-height:1.45;
  font-weight:600;
}

.about-origin-conclusion{
  margin-top:58px;
  padding:34px 38px;
  background:#091E34;
  border-radius:18px;
}

.about-origin-conclusion span{
  display:block;
  color:#D2AD8C;
  font-family:"Inter-Bold",Inter,sans-serif;
  font-size:10px;
  letter-spacing:.13em;
  font-weight:700;
}

.about-origin-conclusion strong{
  display:block;
  max-width:920px;
  margin-top:12px;
  color:#fff;
  font-family:"Manrope-Bold",Manrope,sans-serif;
  font-size:25px;
  line-height:1.45;
  font-weight:700;
}

.about-origin-conclusion p{
  max-width:850px;
  margin:12px 0 0;
  color:#BCC7CE;
  font-size:15px;
  line-height:1.65;
}

@media(max-width:960px){
  .about-story-grid{
    grid-template-columns:260px minmax(0,1fr);
    gap:42px;
  }
  .about-story-photo{
    position:static;
  }
}

@media(max-width:700px){
  .about-story-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .about-story-photo{
    max-width:260px;
  }

  .about-story p{
    font-size:15.5px;
    line-height:1.7;
  }

  .about-story blockquote{
    margin:24px 0;
    padding-left:16px;
    font-size:20px;
  }

  .about-origin-conclusion{
    margin-top:36px;
    padding:24px 20px;
  }

  .about-origin-conclusion strong{
    font-size:20px;
  }
}


/* ==========================================================
   ZYCH v2.8 — CORRECTED EXPERIENCE TIMELINE
   ========================================================== */

.about-timeline{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:38px;
}

.about-timeline article{
  padding:22px;
  border-top:1px solid #D9DDE2;
}

.about-timeline span{
  display:block;
  color:#A86F42;
  font-family:"Inter-Bold",Inter,sans-serif;
  font-size:10px;
  letter-spacing:.1em;
  font-weight:700;
}

.about-timeline strong{
  display:block;
  margin-top:9px;
  color:#091E34;
  font-family:"Manrope-Bold",Manrope,sans-serif;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}

.about-timeline p{
  margin:8px 0 0;
  color:#6E747B;
  font-size:13px;
  line-height:1.55;
}

@media(max-width:960px){
  .about-timeline{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .about-timeline{
    grid-template-columns:1fr;
    gap:0;
    margin-top:26px;
  }

  .about-timeline article{
    padding:16px 0;
  }
}


/* ==========================================================
   ZYCH v2.9 — 1998 BUSINESS CASE
   ========================================================== */

.about-timeline-highlight{
  border-top:3px solid #A86F42 !important;
}

.about-timeline-kpi{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #E2E5E8;
}

.about-timeline-kpi b{
  display:block;
  color:#091E34;
  font-family:"Manrope-Bold",Manrope,sans-serif;
  font-size:18px;
  line-height:1.2;
  font-weight:700;
}

.about-timeline-kpi small{
  display:block;
  margin-top:4px;
  color:#6E747B;
  font-size:11px;
  line-height:1.4;
}

/* ==========================================================
   ZYCH v3.0 — CONTACT PAGE + QUALIFIED REQUEST FORM
   ========================================================== */

.zych-contact-page{background:#fff}
.contact-hero{padding:82px 0 68px;background:#fff}
.contact-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:72px;align-items:end}
.contact-lead{max-width:790px;margin:24px 0 0;color:#6E747B;font-size:18px;line-height:1.72}
.contact-hero-aside{padding-left:34px;border-left:1px solid #D9DDE2}
.contact-aside-kicker{color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif !important;font-size:10px;line-height:1.3;font-weight:700 !important;letter-spacing:.14em;text-transform:uppercase}
.contact-hero-aside strong{display:block;margin-top:10px;color:#091E34;font-family:"Manrope-SemiBold",Manrope,sans-serif !important;font-size:24px;line-height:1.42;font-weight:600 !important}
.contact-hero-aside p{margin:14px 0 0;color:#6E747B;font-size:13px;line-height:1.65}

.contact-form-section{padding:82px 0;background:#F3F3F4}
.contact-form-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:start}
.contact-form-intro{position:sticky;top:112px}
.contact-form-intro h2{max-width:390px}
.contact-form-intro>p{max-width:440px;margin:18px 0 0;color:#6E747B;font-size:15px;line-height:1.7}
.contact-trust-list{margin-top:30px;border-top:1px solid #D9DDE2}
.contact-trust-list div{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #D9DDE2;align-items:center}
.contact-trust-list b{color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif !important;font-size:10px;letter-spacing:.1em;font-weight:700 !important}
.contact-trust-list span{color:#333;font-size:13px;line-height:1.45}

.contact-form-card{min-width:0;padding:38px;background:#fff;border:1px solid #D9DDE2;border-radius:22px;box-shadow:0 18px 50px rgba(9,30,52,.055)}
.zych-contact-form{margin:0}
.contact-honeypot{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}
.contact-progress{display:grid;grid-template-columns:34px 1fr 34px 1fr 34px;align-items:center;margin-bottom:32px}
.contact-progress span{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #D9DDE2;border-radius:50%;background:#fff;color:#8A9096;font-family:"Inter-Bold",Inter,sans-serif !important;font-size:11px;font-weight:700 !important;transition:.2s ease}
.contact-progress i{height:1px;background:#D9DDE2}
.contact-progress span.is-active{border-color:#091E34;background:#091E34;color:#fff}
.contact-progress span.is-current{box-shadow:0 0 0 4px rgba(9,30,52,.08)}

.contact-step{display:none;margin:0;padding:0;border:0;min-width:0}
.contact-step.is-active{display:block}
.contact-step legend{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 28px;padding:0;color:#091E34}
.contact-step legend span{color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif !important;font-size:10px;letter-spacing:.1em;font-weight:700 !important}
.contact-step legend strong{font-family:"Manrope-Bold",Manrope,sans-serif !important;font-size:21px;line-height:1.35;font-weight:700 !important}
.form-field{margin:0 0 24px}
.form-field label,.field-label{display:block;margin:0 0 8px;color:#091E34;font-family:"Inter-Bold",Inter,sans-serif !important;font-size:13px;line-height:1.45;font-weight:700 !important}
.form-field em,.contact-privacy em{color:#A86F42;font-style:normal}
.form-field input,.form-field select,.form-field textarea{display:block;width:100%;margin:0;padding:12px 13px;border:1px solid #C9CFD5;border-radius:9px;background:#fff;color:#333;font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;font-size:14px;line-height:1.5;font-weight:500 !important;transition:border-color .15s ease,box-shadow .15s ease;background-color .15s ease}
.form-field input,.form-field select{min-height:48px}
.form-field textarea{resize:vertical;min-height:126px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:0;border-color:#6B9AB3;box-shadow:0 0 0 3px rgba(107,154,179,.14)}
.form-field input.is-invalid,.form-field select.is-invalid,.form-field textarea.is-invalid{border-color:#A63D40;background:#FFF9F9}
.form-field select{appearance:auto}
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

.contact-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.contact-check{display:flex !important;align-items:flex-start;gap:10px;margin:0 !important;padding:12px 13px;border:1px solid #D9DDE2;border-radius:9px;background:#fff;cursor:pointer;font-family:"Inter-Medium",Inter,sans-serif !important;font-weight:500 !important}
.contact-check:hover{border-color:#AEB7BF}
.contact-check input{width:16px !important;height:16px !important;min-height:0 !important;margin:2px 0 0 !important;padding:0 !important;accent-color:#091E34;flex:0 0 auto}
.contact-check span{color:#454C52;font-size:12px;line-height:1.45}
.field-error{display:block;margin-top:8px;color:#A63D40;font-size:12px;line-height:1.4}

.contact-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid #E3E6E9}
.contact-step-actions-end{justify-content:flex-end}
.contact-step-actions .btn{border:0;cursor:pointer}
.contact-step-actions .ghost{border:1px solid #D9DDE2}
.contact-submit:disabled{opacity:.65;cursor:wait}

.contact-privacy{display:flex;align-items:flex-start;gap:11px;margin-top:4px;color:#555D64;font-size:12px;line-height:1.55;cursor:pointer}
.contact-privacy input{width:16px;height:16px;margin:2px 0 0;accent-color:#091E34;flex:0 0 auto}
.contact-privacy a{color:#091E34;text-decoration:underline;text-underline-offset:2px}
.contact-privacy-note{margin:10px 0 0 27px;color:#81878D;font-size:10.5px;line-height:1.5}

.contact-error{margin:0 0 24px;padding:15px 17px;border:1px solid #E6C4C5;border-radius:10px;background:#FFF8F8;color:#6E2B2D;font-size:12px;line-height:1.55}
.contact-error strong{display:block;margin-bottom:3px;color:#6E2B2D;font-family:"Inter-Bold",Inter,sans-serif !important;font-weight:700 !important}
.contact-error span{display:block}
.contact-success,.contact-system-message{padding:12px 4px 6px}
.contact-success-mark{display:flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:24px;border-radius:50%;background:#091E34;color:#fff;font-family:Arial,sans-serif !important;font-size:22px;font-weight:700 !important}
.contact-success h2,.contact-system-message h2{max-width:620px;margin-top:8px}
.contact-success p,.contact-system-message p{max-width:660px;margin:18px 0 26px;color:#6E747B;font-size:15px;line-height:1.7}
.contact-system-message a{color:#091E34;text-decoration:underline;text-underline-offset:3px}
.contact-admin-hint{padding:14px 16px;border-radius:9px;background:#F3F3F4;color:#555D64 !important;font-size:12px !important}
.contact-admin-hint code{font-family:monospace !important;font-weight:400 !important;color:#091E34}

.contact-after-section{padding:82px 0 92px;background:#fff}
.contact-after-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
.contact-after-head p{margin:0;color:#6E747B;font-size:15px;line-height:1.7}
.contact-after-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.contact-after-grid article{padding:24px;border:1px solid #D9DDE2;border-radius:16px;background:#fff}
.contact-after-grid span{display:block;color:#A86F42;font-family:"Inter-Bold",Inter,sans-serif !important;font-size:10px;letter-spacing:.1em;font-weight:700 !important}
.contact-after-grid strong{display:block;margin-top:10px;color:#091E34;font-family:"Manrope-Bold",Manrope,sans-serif !important;font-size:15px;line-height:1.4;font-weight:700 !important}
.contact-after-grid p{margin:9px 0 0;color:#6E747B;font-size:12px;line-height:1.6}

@media(max-width:960px){
  .contact-hero-grid,.contact-form-layout,.contact-after-head{grid-template-columns:1fr}
  .contact-hero-grid{gap:38px}
  .contact-hero-aside{max-width:720px}
  .contact-form-layout{gap:38px}
  .contact-form-intro{position:static}
  .contact-after-head{gap:20px}
  .contact-after-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .contact-hero{padding:58px 0 50px}
  .contact-lead{font-size:16px;line-height:1.65}
  .contact-hero-aside{padding-left:18px}
  .contact-hero-aside strong{font-size:20px}
  .contact-form-section{padding:58px 0}
  .contact-form-card{padding:24px 18px;border-radius:16px}
  .contact-form-intro>p{font-size:14px}
  .contact-step legend{margin-bottom:22px}
  .contact-step legend strong{font-size:19px}
  .form-grid-2,.contact-check-grid{grid-template-columns:1fr;gap:0}
  .contact-check-grid{gap:8px}
  .contact-step-actions{gap:8px}
  .contact-step-actions .btn{flex:1;padding-left:12px;padding-right:12px}
  .contact-progress{margin-bottom:26px}
  .contact-after-section{padding:58px 0 68px}
}


/* ==========================================================
   ZYCH v3.2 — MOBILE CLARITY POLISH + CONTACT FINAL PASS
   - Klarheitsanalyse: ruhigere mobile Hierarchie, bessere Lesbarkeit
   - kompakter ZYCH-Methodenblock
   - KPI-Paar auf Mobile
   - Kontaktformular: 16px Inputs, größere Touch-Ziele
   ========================================================== */

@media (max-width:640px) {
  /* --- Klarheitsanalyse: Hero --- */
  .clarity-hero {
    padding:44px 0 50px !important;
  }

  .clarity-hero-grid {
    gap:28px !important;
  }

  .clarity-hero h1 {
    max-width:100% !important;
    font-size:clamp(35px,9.7vw,40px) !important;
    line-height:1.045 !important;
  }

  .clarity-lead {
    margin-top:20px !important;
    font-size:16px !important;
    line-height:1.68 !important;
  }

  .clarity-actions {
    margin-top:24px !important;
    gap:14px !important;
  }

  .clarity-actions .btn {
    min-height:48px !important;
    padding:13px 16px !important;
  }

  .clarity-text-link {
    display:inline-block !important;
    font-size:13px !important;
    line-height:1.5 !important;
  }

  .clarity-hero-aside {
    padding:24px 0 0 !important;
  }

  .clarity-hero-aside strong {
    font-size:21px !important;
    line-height:1.35 !important;
  }

  .clarity-hero-aside p {
    margin-top:12px !important;
    font-size:14px !important;
    line-height:1.65 !important;
  }

  /* --- Klarheitsanalyse: allgemeiner Seitenrhythmus --- */
  .clarity-section {
    padding:56px 0 !important;
  }

  .clarity-section-head {
    gap:16px !important;
  }

  .clarity-section-head h2,
  .clarity-cta h2 {
    font-size:clamp(29px,8.1vw,33px) !important;
    line-height:1.09 !important;
  }

  .clarity-copy {
    font-size:15.5px !important;
    line-height:1.7 !important;
  }

  .clarity-copy p {
    margin-bottom:13px !important;
  }

  .clarity-marker {
    margin-bottom:24px !important;
    gap:12px !important;
  }

  .clarity-marker b {
    font-size:10.5px !important;
    line-height:1.3 !important;
  }

  /* --- Wann die Analyse sinnvoll ist: bewusste Karten --- */
  .clarity-signal-grid {
    gap:10px !important;
    margin-top:28px !important;
  }

  .clarity-signal-grid article {
    padding:19px 18px !important;
    border-radius:13px !important;
  }

  .clarity-signal-grid strong {
    font-size:15px !important;
    line-height:1.4 !important;
  }

  .clarity-signal-grid p {
    margin-top:7px !important;
    font-size:13.5px !important;
    line-height:1.58 !important;
  }

  /* --- Ergebnisse: ruhiger als Kartenwand --- */
  .clarity-output-grid {
    gap:0 !important;
    margin-top:26px !important;
    border-top:1px solid #D9DDE2 !important;
  }

  .clarity-output-grid article {
    padding:19px 0 !important;
    border:0 !important;
    border-bottom:1px solid #D9DDE2 !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  .clarity-output-grid strong {
    margin-top:6px !important;
    font-size:15px !important;
  }

  .clarity-output-grid p {
    margin-top:6px !important;
    font-size:13.5px !important;
    line-height:1.58 !important;
  }

  .clarity-statement {
    margin-top:28px !important;
    padding-left:16px !important;
    font-size:17px !important;
    line-height:1.52 !important;
  }

  /* --- ZYCH Methode: kompakte Zeilen statt langer Stapel --- */
  .clarity-dark {
    padding-top:60px !important;
    padding-bottom:60px !important;
  }

  .clarity-process {
    display:block !important;
    margin-top:30px !important;
    border-top:1px solid rgba(255,255,255,.16) !important;
  }

  .clarity-process > div {
    display:grid !important;
    grid-template-columns:28px minmax(82px,.34fr) minmax(0,.66fr) !important;
    gap:10px !important;
    align-items:start !important;
    min-height:0 !important;
    padding:17px 0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  .clarity-process > div:before {
    display:none !important;
  }

  .clarity-process b,
  .clarity-process strong,
  .clarity-process span {
    margin:0 !important;
  }

  .clarity-process b {
    padding-top:2px !important;
    font-size:10.5px !important;
  }

  .clarity-process strong {
    font-size:13.5px !important;
    line-height:1.35 !important;
  }

  .clarity-process span {
    font-size:12.5px !important;
    line-height:1.5 !important;
  }

  /* --- Business Case: zwei KPIs nebeneinander, Entscheidung darunter --- */
  .clarity-case {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:28px !important;
  }

  .clarity-case > div {
    min-width:0 !important;
    padding:18px 16px !important;
    border-radius:14px !important;
  }

  .clarity-case > div:nth-child(3) {
    grid-column:1 / -1 !important;
  }

  .clarity-case span {
    font-size:9.5px !important;
    line-height:1.35 !important;
  }

  .clarity-case strong {
    margin-top:8px !important;
    font-size:13.5px !important;
    line-height:1.35 !important;
  }

  .clarity-case b {
    margin-top:7px !important;
    font-size:27px !important;
    line-height:1.05 !important;
  }

  .clarity-case p {
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .clarity-finance {
    margin-top:30px !important;
    padding:22px 19px !important;
    gap:15px !important;
    border-radius:15px !important;
  }

  .clarity-finance h3 {
    font-size:20px !important;
    line-height:1.28 !important;
  }

  .clarity-decision-list {
    margin-top:28px !important;
  }

  .clarity-decision-list > div {
    gap:5px !important;
    padding:17px 0 !important;
  }

  .clarity-decision-list strong {
    font-size:14.5px !important;
  }

  .clarity-decision-list span {
    font-size:13.5px !important;
    line-height:1.55 !important;
  }

  .clarity-principle {
    margin-top:28px !important;
    padding:21px 19px !important;
    border-radius:15px !important;
    font-size:17px !important;
    line-height:1.5 !important;
  }

  .clarity-cta {
    padding:58px 0 !important;
  }

  .clarity-cta p {
    margin:16px 0 24px !important;
    font-size:15.5px !important;
    line-height:1.68 !important;
  }

  /* --- Kontakt: mobile Form-Usability --- */
  .form-field input,
  .form-field select,
  .form-field textarea {
    font-size:16px !important;
  }

  .contact-check {
    min-height:46px !important;
    align-items:center !important;
    padding:12px 13px !important;
  }

  .contact-check input,
  .contact-privacy input {
    width:18px !important;
    height:18px !important;
  }

  .contact-check span {
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .contact-privacy {
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .contact-privacy-note {
    margin-left:29px !important;
    font-size:11.5px !important;
  }

  .contact-trust-list div {
    padding:14px 0 !important;
  }

  .contact-after-grid article {
    padding:20px !important;
  }

  .contact-after-grid p {
    font-size:13px !important;
  }

  /* Iubenda: optisch in die Seite integrieren, falls aktiv. */
  .iubenda-tp-btn[data-tp-float],
  .iubenda-cs-preferences-link {
    max-width:calc(100vw - 24px) !important;
    font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }
}


/* ==========================================================
   ZYCH v3.3 — KLARHEITSANALYSE MOBILE HERO OVERFLOW FIX
   - verhindert horizontales Scrollen im ersten Abschnitt auf iPhone
   - H1, CTA und Hero-Block bleiben innerhalb der mobilen Breite
   ========================================================== */

@media (max-width:640px) {
  html, body {
    overflow-x:hidden !important;
  }

  .zych-clarity-page,
  .clarity-hero,
  .clarity-hero .container,
  .clarity-hero-grid,
  .clarity-hero-grid > div,
  .clarity-hero-aside,
  .clarity-actions {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .clarity-hero {
    overflow-x:clip !important;
  }

  .clarity-hero-grid {
    gap:24px !important;
  }

  .clarity-hero h1 {
    max-width:100% !important;
    width:100% !important;
    font-size:clamp(29px,8.6vw,38px) !important;
    line-height:1.04 !important;
    letter-spacing:-0.028em !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  .clarity-lead {
    max-width:100% !important;
  }

  .clarity-actions {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .clarity-actions .btn,
  .clarity-actions .clarity-text-link {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .clarity-actions .btn {
    white-space:normal !important;
    text-align:center !important;
  }

  .clarity-text-link {
    overflow-wrap:anywhere !important;
  }
}


/* ==========================================================
   ZYCH v3.4 — KLARHEITSANALYSE MOBILE HERO WIDTH FIX
   - Hero nutzt wieder dieselbe mobile Containerbreite wie die restliche Seite
   - kein Flush-to-edge / kein horizontaler Scroll
   - sauberer Umbruch des langen H1-Kompositums
   ========================================================== */

@media (max-width:640px) {
  .clarity-hero .container {
    width:calc(100% - 28px) !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .clarity-hero-grid,
  .clarity-hero-grid > div,
  .clarity-hero-aside,
  .clarity-actions {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .clarity-hero h1 {
    width:auto !important;
    max-width:100% !important;
    font-size:clamp(30px,8.2vw,35px) !important;
    line-height:1.055 !important;
    letter-spacing:-0.026em !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:manual !important;
    -webkit-hyphens:manual !important;
  }

  .clarity-actions .btn,
  .clarity-actions .clarity-text-link {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
  }

  .clarity-text-link {
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
}

/* ==========================================================
   ZYCH v3.5 — LEGAL + CONSENT UI FINAL PASS
   ========================================================== */

.zych-legal-intro{
  margin:16px 0 0;
  color:#6E747B;
  font-size:14px;
  line-height:1.6;
}

.zych-legal-content ul{
  margin:10px 0 24px 1.2em;
  padding:0;
}

.zych-legal-content li{
  margin:7px 0;
  line-height:1.65;
}

/* WebToffee / Cookie Law Info: keep settings access, but visually subordinate it. */
.cli_settings_button,
.cli_settings_button:link,
.cli_settings_button:visited,
.wt-cli-cookie-bar-container .cli_settings_button,
.iubenda-tp-btn[data-tp-float]{
  font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
  color:#333333 !important;
  background:#FFFFFF !important;
  border:1px solid #D9DDE2 !important;
  border-radius:8px !important;
  box-shadow:0 3px 12px rgba(9,30,52,.08) !important;
  padding:7px 10px !important;
  text-decoration:none !important;
}

@media (max-width:640px){
  .cli_settings_button,
  .wt-cli-cookie-bar-container .cli_settings_button,
  .iubenda-tp-btn[data-tp-float]{
    max-width:calc(100vw - 24px) !important;
    font-size:10.5px !important;
    padding:7px 9px !important;
  }
}


/* ==========================================================
   ZYCH v3.11 — STARTSEITE TYPOGRAPHY RESTORE
   The new static WordPress Startseite must look identical without relying
   on font declarations that happened to be loaded by the former Divi Home.
   ========================================================== */

/* The copper micro-headlines are a deliberate, strong brand element. */
body.home main .eyebrow,
body.home main .marker b,
body.home main .proof-kicker,
body.home main .econ .card > span {
  font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:700 !important;
  -webkit-font-smoothing:antialiased;
}

body.home main .eyebrow {
  font-size:12px !important;
  line-height:1.3 !important;
}

body.home main .marker b {
  font-size:11.5px !important;
  line-height:1.35 !important;
}

/* Buttons should read as actions, not body copy. */
body.home main .btn,
body.home .header .btn {
  font-family:"Inter-Bold",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.25 !important;
}

/* Restore the slightly more generous explanatory copy from the approved
   desktop readability pass. */
@media (min-width:961px) {
  body.home main .card span,
  body.home main .card p,
  body.home main .step span,
  body.home main .diaggrid,
  body.home main .output span,
  body.home main .trust-row p,
  body.home main .metric p,
  body.home main .proof-card p,
  body.home main .proof-value {
    font-family:"Inter-Medium",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
    font-weight:500 !important;
    font-size:14px !important;
    line-height:1.58 !important;
  }

  body.home main .proof-kicker,
  body.home main .econ .card > span {
    font-size:11px !important;
    line-height:1.4 !important;
  }

  body.home main .card strong,
  body.home main .step strong,
  body.home main .diaggrid strong,
  body.home main .output strong,
  body.home main .trust-row strong,
  body.home main .metric strong,
  body.home main .proof-label {
    font-size:15px !important;
  }
}

@media (max-width:960px) {
  body.home main .eyebrow { font-size:11px !important; }
  body.home main .btn,
  body.home .header .btn { font-size:13px !important; }
}