/* ============================================================
   LEUCCI & LINDT SOLUTIONS · styles.css · V3 "Frisch & Klassisch"
   Weiß · Navy · Teal — vertrauensvoll, hell, mit Bewegung
   ============================================================ */
:root{
  --white:#ffffff; --cloud:#f3f6f9; --cloud-deep:#e8eef3;
  --ink:#1b2a3a; --navy:#16324f; --navy-deep:#102540;
  --camel:#b08d5f; --camel-soft:#f0e7d6; --camel-deep:#8a6b46;
  --line:#dfe6ec; --grey:#5d6b7a; --grey-light:#b9c4ce;
  --shadow:0 16px 38px -16px rgba(22,50,79,.22);
  --r:10px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:Arial,Helvetica,sans-serif;background:var(--white);color:var(--ink);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}

/* ---------- Typo ---------- */
h1{font-size:clamp(37px,5vw,58px);line-height:1.07;letter-spacing:-.02em;color:var(--navy);}
h2{font-size:clamp(28px,3.4vw,40px);line-height:1.14;letter-spacing:-.015em;color:var(--navy);}
h3{font-size:18.5px;line-height:1.3;color:var(--navy);}
.kicker{display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:bold;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);margin-bottom:18px;}
.kicker::before{content:"";width:30px;height:2px;background:var(--camel);flex:none;}
.head-c{text-align:center;max-width:780px;margin:0 auto 54px;}
.head-c .kicker{justify-content:center;}
.lead{font-size:18px;color:var(--grey);}
.head-c .lead{margin-top:16px;}
section.block{padding:100px 0;}
.bg-cloud{background:var(--cloud);}
.bg-deep{background:var(--cloud-deep);}

/* ---------- Buttons & Links ---------- */
.btn{display:inline-block;padding:15px 30px;font-size:15px;font-weight:bold;text-decoration:none;border:1px solid var(--navy);background:var(--navy);color:#fff;letter-spacing:.02em;cursor:pointer;border-radius:var(--r);transition:transform .25s,box-shadow .25s,background .25s,color .25s;}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);background:#fff;color:var(--navy);border-color:var(--navy);}
.btn-ghost{background:transparent;color:var(--navy);}
.btn-ghost:hover{background:var(--navy);color:#fff;}
.btn-teal{background:var(--camel);border-color:var(--camel);}
.btn-teal:hover{background:var(--camel-deep);border-color:var(--camel-deep);}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:bold;font-size:15px;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--camel);padding-bottom:4px;transition:gap .25s,color .25s;}
.more:hover{gap:14px;color:var(--navy-deep);}
.on-dark .btn{background:#fff;border-color:#fff;color:var(--navy);}
.on-dark .btn:hover{background:var(--navy);border-color:rgba(255,255,255,.5);color:#fff;}

/* ---------- Header ---------- */
header{background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;}
.header-in{display:flex;align-items:center;justify-content:space-between;padding:17px 0;}
.logo{text-decoration:none;color:var(--navy);line-height:1.18;}
.logo .l1{font-size:19px;font-weight:bold;letter-spacing:.16em;}
.logo .l2{font-size:11.5px;letter-spacing:.5em;color:var(--grey);}
.logo .l3{font-size:9.5px;letter-spacing:.3em;color:var(--camel);margin-top:3px;}
.nav{display:flex;gap:30px;}
.nav a{position:relative;text-decoration:none;color:var(--ink);font-size:15px;padding:6px 0;}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--navy);transition:width .25s;}
.nav a:hover::after,.nav a.active::after{width:100%;}
.nav a.active{font-weight:bold;color:var(--navy);}
.nav-toggle{display:none;}
.burger{display:none;width:30px;height:22px;position:relative;cursor:pointer;}
.burger span,.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--navy);transition:.25s;}
.burger span{top:10px;}
.burger span::before{top:-8px;}
.burger span::after{top:8px;}

/* ---------- Hero ---------- */
.hero{position:relative;background:linear-gradient(180deg,var(--cloud) 0%,var(--white) 100%);overflow:hidden;}
.hero::before{content:"";position:absolute;width:720px;height:720px;right:-200px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(99,130,160,.13),rgba(14,138,125,0) 65%);pointer-events:none;}
.hero .wrap{position:relative;z-index:2;padding-top:92px;padding-bottom:100px;}
.hero p.sub{margin:24px 0 36px;max-width:54ch;font-size:18.5px;color:var(--grey);}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;}
.hero-slim .wrap{padding-top:72px;padding-bottom:76px;}
.hero-ticks{display:flex;gap:26px;flex-wrap:wrap;margin-top:32px;font-size:14px;color:var(--grey);}
.hero-ticks span{display:flex;align-items:center;gap:8px;}
.hero-ticks b{color:var(--navy);font-size:16px;}
.hero-split .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;}
.hero-visual{aspect-ratio:16/12;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);}
.hero-visual.media{background-color:var(--cloud-deep);}

/* ---------- Stats ---------- */
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white);}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
.stat{padding:40px 24px;text-align:center;border-left:1px solid var(--line);}
.stat:first-child{border-left:none;}
.stat .num{font-size:clamp(33px,3.5vw,46px);font-weight:bold;letter-spacing:-.02em;color:var(--navy);line-height:1;}
.stat .lbl{margin-top:10px;font-size:13.5px;color:var(--grey);line-height:1.45;}

/* ---------- Chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.chip{display:flex;align-items:center;gap:9px;padding:11px 18px;background:var(--white);border:1px solid var(--line);font-size:14px;border-radius:999px;}
.chip .tick{color:var(--navy);font-weight:bold;}

/* ---------- Karten ---------- */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c2d2df;}
.card h3{margin-bottom:12px;}
.card p{font-size:15px;color:var(--grey);}
.card.hl{background:var(--navy);border-color:var(--navy);}
.card.hl h3{color:#fff;}
.card.hl p{color:var(--grey-light);}
.card.hl h3::after{content:"";display:block;width:34px;height:2px;background:var(--camel);margin-top:10px;}

/* Teaser-Karten */
.tease{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.tcard{display:block;text-decoration:none;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .35s,box-shadow .35s;}
.tcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.tcard .media{aspect-ratio:16/9;}
.tcard .body{padding:30px 30px 34px;}
.tcard h2{font-size:26px;margin:6px 0 12px;}
.tcard p{color:var(--grey);font-size:15.5px;}
.tcard .go{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:bold;font-size:15px;color:var(--navy);border-bottom:2px solid var(--camel);padding-bottom:3px;transition:gap .25s;}
.tcard:hover .go{gap:14px;}

/* ---------- Bildflächen ---------- */
.media{position:relative;background-color:var(--cloud-deep);background-size:cover;background-position:center;}
.media::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(22,50,79,.05),rgba(22,50,79,.05));pointer-events:none;}
.media.no-tint::before{display:none;}
.zig .media,.hero-visual{border-radius:var(--r);overflow:hidden;}

/* ---------- Prozess ---------- */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.step{position:relative;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--line);border-radius:var(--r);padding:26px 22px;transition:transform .3s,box-shadow .3s,border-top-color .3s;}
.step:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-top-color:var(--navy);}
.step .no{font-size:13px;font-weight:bold;letter-spacing:.14em;color:var(--navy);}
.step h3{margin:10px 0 8px;font-size:16.5px;}
.step p{font-size:13.8px;color:var(--grey);line-height:1.55;}

/* ---------- Branchen-Grid ---------- */
.branch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.bcell{display:block;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px 20px;transition:transform .3s,box-shadow .3s,border-color .3s;}
.bcell h3{font-size:16px;display:inline-block;}
.bcell h3::after{content:"";display:block;width:0;height:2px;background:var(--navy);margin-top:7px;transition:width .3s;}
.bcell .roles{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s;}
.bcell .roles span{overflow:hidden;font-size:13px;color:var(--grey);line-height:1.5;}
.bcell:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c2d2df;}
.bcell:hover h3::after{width:100%;}
.bcell:hover .roles{grid-template-rows:1fr;}
.bcell:hover .roles span{padding-top:8px;}
.branch-sub{margin-top:30px;text-align:center;font-size:14.5px;color:var(--grey);}

/* ---------- Jobs ---------- */
.jobs-block{padding:64px 0;border-top:1px solid var(--line);}
.jobs-block:first-of-type{border-top:none;}
.jobs-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:26px;}
.jobs-head h2{font-size:24px;}
.jobs-head span{font-size:13.5px;color:var(--grey);}
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.job{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;transition:transform .3s,box-shadow .3s,border-color .3s;}
.job:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--camel-soft);}
.job .sal{display:inline-block;align-self:flex-start;background:var(--camel-soft);color:var(--navy);font-size:12.5px;font-weight:bold;letter-spacing:.04em;padding:6px 12px;border-radius:999px;margin-bottom:14px;}
.job h3{font-size:17px;}
.job p{font-size:13.8px;color:var(--grey);margin:8px 0 18px;line-height:1.55;}
.job .apply{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:bold;font-size:14px;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--camel);padding-bottom:3px;align-self:flex-start;transition:gap .25s;}
.job .apply:hover{gap:13px;}
.jobs-note{margin-top:44px;padding:22px 26px;background:var(--cloud);border:1px solid var(--line);border-radius:var(--r);font-size:13.5px;color:var(--grey);}

/* ---------- Zickzack ---------- */
.zig{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;}
.zig .media{aspect-ratio:4/3;}
.zig.rev .media{order:2;}
.zig .lead{margin-top:16px;}

/* ---------- Statement ---------- */
.statement{background:var(--cloud);text-align:center;padding:96px 0;}
.statement h2{max-width:20ch;margin:18px auto 0;}
.statement .lead{max-width:64ch;margin:22px auto 0;}

/* ---------- FAQ ---------- */
.faq{max-width:780px;margin:0 auto;}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;transition:border-color .25s;}
.faq details[open],.faq details:hover{border-color:#c2d2df;}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;font-weight:bold;font-size:16px;color:var(--navy);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-size:24px;font-weight:normal;color:var(--navy);transition:transform .25s;flex:none;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq .a{padding:0 24px 22px;color:var(--grey);font-size:15px;}

/* ---------- Pillars ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pillar{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--camel);border-radius:var(--r);padding:34px 30px;transition:transform .3s,box-shadow .3s;}
.pillar:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.pillar h3{letter-spacing:.18em;font-size:15.5px;color:var(--navy);margin-bottom:12px;}
.pillar p{font-size:15px;color:var(--grey);}

/* ---------- Gründer-Profile (kompakt) ---------- */
.founder-cards{display:grid;gap:26px;max-width:860px;margin:0 auto;}
.fcard{display:grid;grid-template-columns:220px 1fr;min-height:264px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .35s,box-shadow .35s;}
.fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.fcard .portrait{min-height:100%;}
.fcard .cap{padding:26px 28px;align-self:center;}
.fcard .cap b{display:block;font-size:19px;color:var(--navy);}
.fcard .cap span{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);}
.fcard .cap em{display:block;font-style:normal;font-size:14.5px;color:var(--grey);margin-top:13px;line-height:1.6;}
.fcard .cap em.q{font-style:italic;color:var(--ink);border-left:3px solid var(--camel);padding-left:14px;}

/* ---------- CTA-Band ---------- */
.cta{position:relative;background-color:var(--navy-deep);background-size:cover;background-position:center;color:#fff;}
.cta::before{content:"";position:absolute;inset:0;background:rgba(16,37,64,.86);}
.cta .wrap{position:relative;z-index:2;text-align:center;padding-top:104px;padding-bottom:104px;max-width:840px;}
.cta .kicker{justify-content:center;color:#d8c4a4;}
.cta .kicker::before{background:#d8c4a4;}
.cta h2{color:#fff;}
.cta p{margin:18px auto 38px;color:#d7e0e9;font-size:17.5px;max-width:58ch;}
.cta .sub{margin-top:28px;font-size:14.5px;color:var(--grey-light);}
.cta .sub a{color:#fff;}

/* ---------- Kontakt ---------- */
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start;}
.form-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:38px 36px;box-shadow:var(--shadow);}
.field{margin-bottom:20px;}
.field label{display:block;font-size:12.5px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin-bottom:8px;}
.field input,.field textarea{width:100%;padding:14px 15px;font:inherit;font-size:15.5px;border:1px solid var(--line);border-radius:6px;background:var(--cloud);color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s;}
.field textarea{min-height:140px;resize:vertical;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(22,50,79,.14);}
.hp{position:absolute;left:-9999px;top:-9999px;}
.consent{display:flex;gap:12px;align-items:flex-start;margin:6px 0 26px;}
.consent input{margin-top:4px;flex:none;}
.consent label{font-size:13px;color:var(--grey);line-height:1.5;}
.consent a{color:var(--navy);}
.info-list{list-style:none;}
.info-list li{padding:20px 0;border-bottom:1px solid var(--line);font-size:15.5px;}
.info-list li:first-child{padding-top:6px;}
.info-list b{display:block;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin-bottom:6px;}
.info-list a{color:var(--ink);}

/* ---------- Footer ---------- */
footer{background:var(--navy-deep);color:var(--grey-light);font-size:13.5px;}
footer .wrap{padding:42px 28px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;}
footer a{color:#fff;text-decoration:none;border-bottom:1px solid #51718e;padding-bottom:2px;}
footer a:hover{color:#d8c4a4;}

/* ---------- Legal ---------- */
.legal{padding:84px 0;}
.legal h1{font-size:clamp(30px,4vw,42px);margin-bottom:10px;}
.legal h1+p{color:var(--grey);margin-bottom:44px;}
.legal h2{font-size:21px;margin:38px 0 12px;}
.legal p{margin-bottom:14px;max-width:820px;}
.legal .stand{margin-top:48px;color:var(--grey);font-size:14px;}

/* ---------- Reveal ---------- */
html.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s);}
html.js .reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  html.js .reveal{opacity:1;transform:none;transition:none;}
  *{transition:none!important;animation:none!important;}
  html{scroll-behavior:auto;}
}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .hero-split .wrap{grid-template-columns:1fr;gap:48px;}
  .cards-4{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .branch-grid,.jobs{grid-template-columns:repeat(2,1fr);}
  .zig,.contact-grid{grid-template-columns:1fr!important;gap:44px;}
  .zig.rev .media{order:0;}
  .stats .wrap{grid-template-columns:1fr 1fr;}
  .stat{border-left:none;border-top:1px solid var(--line);}
}
@media (max-width:760px){
  .nav{position:absolute;top:100%;left:0;right:0;background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;gap:0;display:none;padding:8px 28px 18px;}
  .nav a{padding:13px 0;border-bottom:1px solid var(--line);}
  .nav a:last-child{border-bottom:none;}
  .nav-toggle:checked~.nav{display:flex;}
  .burger{display:block;}
  .nav-toggle:checked+.burger span{background:transparent;}
  .nav-toggle:checked+.burger span::before{transform:rotate(45deg);top:0;}
  .nav-toggle:checked+.burger span::after{transform:rotate(-45deg);top:0;}
  section.block{padding:70px 0;}
  .tease,.cards-3,.cards-4,.steps,.pillars,.branch-grid,.jobs{grid-template-columns:1fr;}
  .bcell .roles{grid-template-rows:1fr;}
  .bcell .roles span{padding-top:8px;}
  .fcard{grid-template-columns:1fr;}
  .fcard .portrait{aspect-ratio:4/3;}
  .hero .wrap{padding-top:60px;padding-bottom:66px;}
  .statement{padding:70px 0;}
  .jobs-block{padding:48px 0;}
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--navy);outline-offset:3px;}

/* ---------- Stellen: aufklappbare Beschreibungen ---------- */
details.job{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--r);transition:border-color .25s,box-shadow .25s;padding:0;}
details.job:hover,details.job[open]{border-color:#c2d2df;box-shadow:var(--shadow);}
details.job summary{list-style:none;cursor:pointer;padding:24px 24px 22px;}
details.job summary::-webkit-details-marker{display:none;}
.job-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
.job-top .plus{font-size:26px;line-height:1;color:var(--navy);transition:transform .25s;flex:none;}
details.job[open] .job-top .plus{transform:rotate(45deg);}
details.job .sal{margin-bottom:12px;}
details.job h3{font-size:17px;}
details.job .short{font-size:13.8px;color:var(--grey);margin-top:8px;line-height:1.55;}
.jbody{padding:4px 24px 26px;border-top:1px solid var(--line);}
.jgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 34px;margin-top:18px;}
.jbody h4{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin:14px 0 8px;}
.jbody ul{list-style:none;}
.jbody li{position:relative;padding-left:20px;font-size:14px;color:var(--grey);line-height:1.55;margin-bottom:6px;}
.jbody li::before{content:"✓";position:absolute;left:0;color:var(--navy);font-weight:bold;}
.jbody .uo{font-size:14px;color:var(--grey);line-height:1.6;margin-top:4px;}
.japply{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:24px;}
.japply .hint{font-size:13px;color:var(--grey);}
@media (max-width:760px){.jgrid{grid-template-columns:1fr;}}
.jobs.jobs-list{grid-template-columns:1fr;gap:14px;max-width:880px;}

/* ---------- Hero dunkel (nur Startseite) ---------- */
.hero-dark{background:#0b1828 url('img/hero-bg-v8.jpg') center/cover no-repeat;color:#e7eef6;}
.hero-dark::before{display:none;}
.hero-dark .wrap{padding-top:122px;padding-bottom:120px;}
.hero-dark h1{color:#fff;}
.hero-dark p.sub{color:#c7d5e2;}
.hero-dark .kicker{color:#d8c4a4;}
.hero-dark .kicker::before{background:#d8c4a4;}
.hero-dark .hero-ticks{color:#c2d2df;}
.hero-dark .hero-ticks b{color:#d8c4a4;}
.on-dark .btn-ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff;}
.on-dark .btn-ghost:hover{background:#fff;border-color:#fff;color:var(--navy);}

/* ---------- Hero mit Foto-Hintergrund (Unterseiten) ---------- */
.hero-photo{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(250,250,248,.90) 0%,rgba(250,250,248,.80) 28%,rgba(250,250,248,.56) 50%,rgba(250,250,248,.18) 72%,rgba(250,250,248,0) 90%);}
.hero-photo .wrap{position:relative;z-index:1;}
.hero-dark.hero-slim .wrap{padding-top:88px;padding-bottom:84px;}
@media (max-width:760px){
  .hero-photo::after{background:rgba(250,250,248,.84);}
}

/* ---------- Rechtsseiten ---------- */
.legal{padding:60px 0 96px;}
.legal .wrap{max-width:780px;}
.legal h1{font-size:38px;color:var(--navy);margin:30px 0 10px;}
.legal h1+p{color:var(--grey);font-size:15.5px;margin-bottom:8px;}
.legal h2{font-size:19px;color:var(--navy);margin:38px 0 12px;}
.legal p{font-size:15.5px;color:var(--ink);line-height:1.75;margin-bottom:14px;}
.legal a{color:var(--navy);}
.legal .stand{margin-top:46px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--grey);}

/* Bewerber-Hero: Weissverlauf steckt im Bild selbst, daher nur leichter Schutz-Schleier */
.hero-fade::after{background:linear-gradient(100deg,rgba(250,250,248,.50) 0%,rgba(250,250,248,.18) 32%,rgba(250,250,248,0) 55%);}

/* ---- Hero-Haken: beige Haken; Schrift navy auf hell, weiss auf dunkel ---- */
.hero-ticks{color:var(--navy);}
.hero-ticks b{color:#d8c4a4;}
.hero-dark .hero-ticks{color:#fff;}
.hero-dark .hero-ticks span{text-shadow:0 1px 2px rgba(8,16,28,.8),0 0 14px rgba(8,16,28,.45);}
.hero-dark .hero-ticks b{color:#d8c4a4;}

/* ============================================================
   V9 · Startseite-Bausteine (Spoiler · Bewerber-Band · 3er-Stats)
   ============================================================ */

/* Spoiler-Streifen */
.spoiler{background:var(--navy);}
.spoiler .wrap{padding:28px 28px;display:flex;align-items:center;justify-content:center;gap:14px 26px;flex-wrap:wrap;text-align:center;}
.spoiler .big{font-size:clamp(19px,2.1vw,23px);font-weight:bold;color:#fff;letter-spacing:-.01em;line-height:1.3;}
.spoiler .big b{color:#d8c4a4;}
.spoiler .small{font-size:14.5px;color:#c7d5e2;max-width:48ch;line-height:1.55;}
@media (min-width:900px){
  .spoiler .wrap{flex-wrap:nowrap;text-align:left;justify-content:space-between;}
  .spoiler .big{flex:none;}
}

/* Bewerber-Absprung-Band */
.applicant{background:var(--camel-soft);border-top:1px solid #e4d8c2;border-bottom:1px solid #e4d8c2;}
.applicant .wrap{padding:62px 28px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;}
.applicant .kicker{color:var(--camel-deep);}
.applicant .kicker::before{background:var(--camel-deep);}
.applicant h2{color:var(--navy);margin-top:4px;}
.applicant p{margin-top:14px;color:#3f3324;font-size:17px;line-height:1.6;max-width:54ch;}
.applicant .act{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
@media (max-width:860px){
  .applicant .wrap{grid-template-columns:1fr;gap:26px;}
  .applicant .act{justify-content:flex-start;}
}

/* 3er-Stats */
.stats.cols-3 .wrap{grid-template-columns:repeat(3,1fr);}
@media (max-width:1020px){.stats.cols-3 .wrap{grid-template-columns:1fr;}}