
:root{
  --navy:#383C42;--navy2:#2F3338;--orange:#A57D08;--orange2:#B99218;
  --ink:#383C42;--muted:#686B70;--bg:#F5F5F3;--white:#fff;--line:#CDCCC7;
  --shadow:0 18px 50px rgba(56,60,66,.10);--radius:22px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat","Avenir Next","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:88px 0}.alt{background:var(--bg)}
.eyebrow{display:inline-block;color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.76rem;margin-bottom:14px}
h1,h2,h3{margin:0;color:var(--navy);line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(2.55rem,6vw,5.25rem);max-width:960px}
h2{font-size:clamp(2rem,4.2vw,3.65rem);max-width:900px}h3{font-size:1.28rem}.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:850px;color:#5E6267}
.accent{color:var(--orange)}.micro{font-size:.88rem;color:var(--muted)}.grid{display:grid;gap:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border-radius:999px;font-weight:850;border:1px solid transparent;transition:.2s ease}
.btn.primary{background:var(--orange);color:#20252a}.btn.primary:hover{background:var(--orange2);transform:translateY(-2px)}
.btn.secondary{background:#fff;border-color:#C9C7C2;color:var(--navy)}.btn.secondary:hover{border-color:var(--navy)}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;gap:11px;align-items:center;color:var(--navy);font-size:1.4rem;font-weight:950}.mark{width:36px;height:36px;border-radius:12px;background:var(--navy);color:var(--orange);display:grid;place-items:center}
nav ul{list-style:none;display:flex;gap:24px;align-items:center;margin:0;padding:0}nav a{font-size:.94rem;font-weight:760;color:#52565B}.menu{display:none;background:none;border:0;font-size:1.55rem;color:var(--navy)}
.hero{padding:84px 0 52px;background:radial-gradient(circle at 88% 15%,rgba(165,125,8,.14),transparent 24%),linear-gradient(#fff,#f8fafb);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}.hero .lead{margin:24px 0}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
.pill{border:1px solid #DEDCD7;background:#fff;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:800}
.media{position:relative;border-radius:30px;overflow:hidden;background:var(--navy);padding:14px;box-shadow:var(--shadow);min-height:520px}.media img{width:100%;height:100%;min-height:492px;object-fit:cover;border-radius:20px}
.media-note{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(8,29,47,.9);color:#fff;padding:16px 18px;border-radius:18px;backdrop-filter:blur(8px)}.media-note b{display:block}
.trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.trust{border-top:2px solid var(--navy);padding:16px}.trust b{display:block;font-size:1.75rem;color:var(--navy)}.trust span{color:var(--muted);font-size:.87rem}
.cards3{grid-template-columns:repeat(3,1fr);margin-top:38px}.cards4{grid-template-columns:repeat(4,1fr);margin-top:38px}.cards5{grid-template-columns:repeat(5,1fr);margin-top:38px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 25px rgba(56,60,66,.04)}.card p{color:var(--muted);margin-bottom:0}.num{color:var(--orange);font-weight:950;font-size:.8rem;letter-spacing:.08em}
.position{margin-top:34px;background:var(--navy);color:#fff;padding:22px 25px;border-radius:18px;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:850}
.dirk{grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.portrait{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.quote{border-left:4px solid var(--orange);padding:12px 0 12px 22px;font-size:1.2rem;font-weight:800;color:var(--navy);margin:25px 0}
.facts{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.fact{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:780}
.outcome{border-top:4px solid var(--orange);padding:24px 18px;background:#fff;border-radius:0 0 18px 18px}.outcome p{color:var(--muted);font-size:.92rem;margin-bottom:0}
.case{background:var(--navy);color:#dce5ea;border-radius:var(--radius);padding:30px;min-height:390px;display:flex;flex-direction:column}.case h3{color:#fff;margin:10px 0 18px}.case p{color:#D5D3CE}.big{font-size:clamp(2.1rem,4vw,3.35rem);font-weight:950;color:var(--orange);line-height:1}.case small{margin-top:auto;color:#AAA7A0}
.process{grid-template-columns:repeat(4,1fr);margin-top:36px}.step{border:1px solid var(--line);border-radius:18px;padding:24px 22px}.step p{color:var(--muted);font-size:.93rem;margin-bottom:0}
.network{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;background:var(--navy);color:#fff;border-radius:28px;padding:38px}.network h2{color:#fff}.network p{color:#D8D6D1}.stats{display:grid;gap:12px}.stat{background:rgba(255,255,255,.08);padding:18px;border-radius:16px}.stat b{display:block;color:var(--orange);font-size:2rem}
.testimonial q{display:block;font-size:1.02rem;color:#4C5055;margin-bottom:22px}.person{font-weight:900;color:var(--navy)}.role{font-size:.86rem;color:var(--muted)}
.checker{display:grid;grid-template-columns:1fr 1fr;gap:28px}.checkmain{background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;border-radius:28px;padding:38px}.checkmain h2{color:#fff}.checkmain .lead{color:#E2E0DC}.tools{display:grid;gap:16px}
details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:850;color:var(--navy);cursor:pointer;list-style:none}
.final{background:linear-gradient(135deg,var(--navy),#153e5d);color:#fff;padding:68px 0}.final h2{color:#fff}.final .lead{color:#E4E2DE}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:25px 0;max-width:850px}.check:before{content:"✓";color:var(--orange);font-weight:950;margin-right:9px}
footer{background:#2B2E32;color:#CAC7C1;padding:46px 0 28px}.footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}footer h3{color:#fff;font-size:1rem;margin-bottom:12px}footer a{display:block;color:#E1DFDA;margin:8px 0}.legal{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;font-size:.82rem}
.subhero{padding:82px 0 58px;background:linear-gradient(180deg,#fff,#f5f7f8)}.subhero .lead{margin:22px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}
.issue{border-left:3px solid var(--orange);padding-left:20px}.issue p{color:var(--muted)}
.story{padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;margin-top:24px}.story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;align-items:start}.story .big{margin:12px 0}.story h2{font-size:clamp(1.7rem,3vw,2.6rem)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tag{font-size:.82rem;font-weight:800;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:7px 10px}
.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.contactbox{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff}.contactbox a.link{font-weight:850;color:var(--navy);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
.form{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:.88rem;font-weight:800}.field input,.field textarea{width:100%;padding:13px 14px;border:1px solid #C9C7C2;border-radius:12px;font:inherit}.field textarea{min-height:130px;resize:vertical}.notice{background:#F7F3E8;border:1px solid #DCCB93;border-radius:14px;padding:13px 15px;font-size:.88rem;color:#5F532E}
.sticky{display:none}
@media(max-width:980px){nav ul{display:none}.menu{display:block}nav.open ul{display:flex;position:absolute;top:72px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.hero-grid,.dirk,.network,.checker,.split,.contactgrid,.story-grid{grid-template-columns:1fr}.media{min-height:420px}.media img{min-height:392px}.trustbar{grid-template-columns:repeat(2,1fr)}.cards3,.cards4{grid-template-columns:repeat(2,1fr)}.cards5{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:min(calc(100% - 28px),var(--max))}.section{padding:66px 0}.hero,.subhero{padding-top:52px}.cards3,.cards4,.cards5,.process,.footer{grid-template-columns:1fr}.trustbar{grid-template-columns:1fr 1fr}.actions .btn{width:100%}.checks{grid-template-columns:1fr}.sticky{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:60}.sticky .btn{width:100%;box-shadow:0 12px 35px rgba(56,60,66,.30)}body{padding-bottom:76px}}

h1,h2,h3,.brand,.btn,.eyebrow,.num,.big,.person,summary{font-family:"Montserrat",Arial,sans-serif}
h1,h2{font-weight:700}
h3{font-weight:650}
.brand-logo{height:48px;width:auto;display:block;object-fit:contain}
.footer-logo{height:56px;width:auto;filter:brightness(0) invert(1);opacity:.96}
@media(max-width:640px){.brand-logo{height:39px}}

/* GEO/SEO readability helpers */
.keyword-note{font-size:.94rem;color:#5d6064}
.section h2 + .lead{margin-top:18px}
.card strong{color:#383C42}
details p{max-width:850px;color:#686B70}

/* V5: video, testimonials, social proof */
.hero-video-card{max-width:980px;margin:38px auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(56,60,66,.12)}
.hero-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#1f2226}
.video-caption{padding:16px 20px;color:var(--muted)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.testimonial{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.testimonial blockquote{margin:0 0 22px;font-size:1.02rem;line-height:1.65;color:var(--ink)}
.testimonial p{margin:0;color:var(--muted)}
.social-proof{background:#383C42;color:#fff}
.social-proof h2,.social-proof .lead{color:#fff}
.social-proof .eyebrow{color:#d7bd6d}
.split{display:grid;grid-template-columns:1.4fr .7fr;gap:40px;align-items:center}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}
.stat-row div{border-top:1px solid rgba(255,255,255,.25);padding-top:14px}
.stat-row strong{display:block;font-family:"Montserrat",Arial,sans-serif;font-size:1.5rem;color:#d7bd6d}
.stat-row span{font-size:.85rem;color:#e5e4df}
.social-quote{border-left:3px solid #A57D08;padding:24px;background:rgba(255,255,255,.06);border-radius:0 16px 16px 0}
.social-quote p{font-size:1.25rem;line-height:1.5}
.social-quote span{color:#d9d6cf;font-size:.9rem}
.social-proof .text-link{color:#fff;text-decoration:underline}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.testimonial-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.hero-video-card{border-radius:14px}}


/* MASTER FINAL V6 */
.skip-link{
  position:absolute;left:12px;top:-80px;z-index:9999;
  background:#fff;color:#111;padding:12px 16px;border:2px solid #111;
  border-radius:8px;font-weight:700
}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible,video:focus-visible{
  outline:3px solid #005fcc;outline-offset:3px
}
.hero-video-media{background:#111}
.hero-video-media video{
  display:block;width:100%;height:100%;min-height:610px;
  object-fit:cover;background:#111;border-radius:22px
}
.hero-video-media .media-note{z-index:2}
.testimonial-grid .testimonial{display:flex;flex-direction:column}
.testimonial-grid .person{margin-top:auto;padding-top:18px}
@media(max-width:900px){
  .hero-video-media video{min-height:auto;aspect-ratio:16/10}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* MASTER FINAL V7 — TYPOGRAFIE, KONTRAST, ACCESSIBILITY */
:root{
  --cf-anthrazit:#383C42;
  --cf-gold:#A57D08;
  --cf-gold-text:#8A6806;
  --cf-light:#CDCCC7;
}
body{
  font-family:"Montserrat","Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  color:var(--cf-anthrazit);
}
.hero h1{
  font-size:clamp(2.65rem,5.2vw,4.5rem)!important;
  line-height:1.04;
  letter-spacing:-.035em;
}
h2{
  line-height:1.08;
}
.lead{
  line-height:1.6;
}
.eyebrow,
.kicker,
.micro a,
a.text-link{
  color:var(--cf-gold-text);
}
.btn.primary{
  background:var(--cf-gold-text)!important;
  color:#fff!important;
  border-color:var(--cf-gold-text)!important;
}
.btn.primary:hover{
  filter:brightness(.92);
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible,video:focus-visible{
  outline:3px solid #005FCC;
  outline-offset:3px;
}
@media(max-width:900px){
  .hero h1{font-size:clamp(2.35rem,9vw,3.8rem)!important}
}
@media(max-width:560px){
  body{font-size:16px}
  .hero h1{font-size:clamp(2.15rem,11vw,3rem)!important;line-height:1.08}
}


/* MASTER FINAL V8 — VISUELLE KORREKTUREN */
.accent{
  color:#A57D08!important;
}
.case .big{
  color:#FFFFFF!important;
}
.case .num{
  color:#D7BD6D!important;
}
.case strong{
  color:#FFFFFF;
}
.network .stat b,
.social-proof .stat-row strong{
  color:#D7BD6D!important;
}
.position .accent{
  color:#D7BD6D!important;
}
.hero .eyebrow,
.section:not(.social-proof) .eyebrow{
  color:#8A6806;
}
.wrap{
  width:min(calc(100% - 48px),1180px);
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:640px){
  .wrap{width:min(calc(100% - 28px),1180px)}
}


/* MASTER FINAL V9 — COUNT-UP TRUSTBAR */
.trustbar .countup{
  display:inline-block;
  min-width:4.4ch;
  font-variant-numeric:tabular-nums;
  will-change:contents;
}


/* MASTER FINAL V11 — HERO-VIDEO LESBARKEIT */
.hero-grid{
  grid-template-columns:1.05fr .95fr;
  gap:48px;
  align-items:center;
}
.hero-video-block{
  width:100%;
  min-width:0;
}
.hero-video-media{
  min-height:0!important;
  padding:10px;
  border-radius:26px;
  background:#111;
}
.hero-video-media video{
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 9;
  object-fit:contain!important;
  background:#000;
  border-radius:18px;
}
.hero-video-caption{
  padding:15px 8px 0;
  color:#5E6267;
  line-height:1.45;
}
.hero-video-caption strong{
  display:block;
  color:#383C42;
  font-family:"Montserrat","Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-size:1rem;
  font-weight:800;
  margin-bottom:4px;
}
.hero-video-caption span{
  display:block;
  font-size:.9rem;
}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-video-block{max-width:760px}
}
@media(max-width:640px){
  .hero-video-media{padding:6px;border-radius:18px}
  .hero-video-media video{border-radius:13px}
  .hero-video-caption{padding:12px 4px 0}
}
