:root{
  --bg:#ffffff;
  --paper:#ffffff;
  --ink:#101418;
  --muted:#4e5963;
  --brand:#087a3b;
  --brand-dark:#075f30;
  --yellow:#e6b23c;
  --red:#d44b42;
  --line:#dfe5e1;
  --soft:#f6f8f6;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.72;font-size:18px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:none;color:var(--brand-dark)}
.site-header{background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.nav{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:26px 28px;gap:28px}
.logo{font-size:28px;font-weight:500;letter-spacing:-.045em;color:var(--ink);display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.logo:before{content:"";width:48px;height:24px;display:inline-block;background:linear-gradient(105deg,transparent 0 8%,var(--brand) 8% 20%,transparent 20% 34%,var(--yellow) 34% 46%,transparent 46% 60%,var(--red) 60% 72%,transparent 72% 100%);transform:skewX(-13deg)}
.logo span{color:inherit}.nav-links{display:flex;gap:28px;flex-wrap:wrap;font-size:15px;align-items:center}.nav-links a{color:var(--ink);padding:2px 0}.nav-links a.active{color:var(--brand);font-weight:700;border-bottom:2px solid var(--brand)}
.hero{background:#fff;color:var(--ink);padding:86px 28px 62px}.hero-inner{max-width:var(--max);margin:0 auto;display:block}.eyebrow{font-size:17px;font-weight:700;color:var(--brand);margin-bottom:18px;letter-spacing:.01em;text-transform:none}h1{font-size:clamp(52px,7.7vw,86px);line-height:1.04;margin:0 0 26px;letter-spacing:-.065em;font-weight:500;max-width:var(--max)}.hero p{font-size:24px;line-height:1.55;margin:0 0 32px;color:var(--ink);max-width:980px}.hero-card{display:none}
.btn-row,.report-actions{display:flex;gap:36px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:12px;padding:0;border:0;border-radius:0;background:transparent!important;color:var(--brand)!important;font-weight:700;font-size:17px}.btn:before{content:"";display:inline-block;width:27px;height:1px;background:var(--brand);box-shadow:10px 0 0 -9px var(--brand);position:relative}.btn:after{content:"›";font-size:21px;line-height:1;margin-left:-7px;color:var(--brand);transform:translateY(-1px)}.btn:hover{color:var(--brand-dark)!important}.btn:hover:before{background:var(--brand-dark)}
main{max-width:var(--max);margin:0 auto;padding:38px 28px 92px}.section{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 82px;box-shadow:none}h2{font-size:34px;line-height:1.2;margin:0 0 16px;letter-spacing:-.045em;color:var(--ink);font-weight:500}h3{font-size:20px;margin:28px 0 6px;color:var(--ink);font-weight:700;letter-spacing:-.015em}p{margin:0 0 14px}.lead{font-size:19px;color:var(--ink);max-width:840px}.grid{display:block;margin-top:20px}.grid.two{display:block}.card{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 24px;max-width:760px}.card h3{margin-top:0}.card p:last-child{margin-bottom:0}
ul{padding-left:0;list-style:none}ul.check{list-style:none;padding-left:0;margin:20px 0 0}ul.check li, .card li{padding-left:30px;position:relative;margin:8px 0}ul.check li:before,.card li:before{content:"/";position:absolute;left:0;top:0;color:var(--brand);font-weight:800;font-size:22px;line-height:1}.note{border:0;background:var(--soft);padding:20px 0 0;margin:16px 0;color:var(--muted)}
.steps{counter-reset:step;margin-top:24px}.step{counter-increment:step;position:relative;padding-left:64px;margin:0 0 26px}.step:before{content:counter(step, decimal-leading-zero);position:absolute;left:0;top:-4px;color:var(--brand);font-size:32px;line-height:1;font-weight:400;letter-spacing:-.04em}.step h3{margin:0 0 4px}.step p{margin-bottom:0}
.faq details{background:transparent;border:0;border-radius:0;padding:0 0 22px;margin:0 0 22px}.faq summary{font-weight:800;color:var(--ink);cursor:pointer;font-size:20px}.faq details p,.faq details ul{margin-top:12px}.cta{background:transparent;border:0;text-align:left}.cta h2{margin-bottom:12px}.footer{background:#fff;padding:34px 28px;color:var(--muted)}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}.footer strong{font-size:22px;color:var(--ink);font-weight:500;letter-spacing:-.035em}.footer strong:before{content:"";width:38px;height:18px;display:inline-block;margin-right:10px;vertical-align:-2px;background:linear-gradient(105deg,transparent 0 8%,var(--brand) 8% 20%,transparent 20% 34%,var(--yellow) 34% 46%,transparent 46% 60%,var(--red) 60% 72%,transparent 72% 100%);transform:skewX(-13deg)}.small{font-size:14px;color:var(--muted)}
.dot-list{margin:22px 0 0;max-width:840px}.dotline{display:flex;gap:18px;align-items:flex-start;margin:12px 0;color:var(--ink)}.dotline span{font-weight:800;color:transparent;line-height:1.35;flex:0 0 14px;position:relative}.dotline span:before{content:"/";position:absolute;left:0;top:0;color:var(--brand);font-weight:800;font-size:22px}.dot-list.question-list{background:transparent;border:0;border-radius:0;padding:0}.dot-list.question-list .dotline{margin:12px 0}
/* Homepage-Komposition */
.home-lede{max-width:760px}.feature-list{margin-top:28px;max-width:850px}.feature-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:0 0 25px}.feature-item:before{content:"/";color:var(--brand);font-weight:800;font-size:25px;line-height:1}.feature-item h3{margin:0 0 2px;font-size:20px}.feature-item p{margin:0;color:var(--ink)}.home-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:80px;align-items:start}.report-preview-wrap{margin-top:0}.report-preview{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:stretch}.mini-report{background:#fff;border:1px solid var(--line);border-radius:3px;min-height:420px;padding:34px 32px;box-shadow:0 16px 34px rgba(16,20,24,.06);position:relative;overflow:hidden}.mini-report .mini-logo{font-size:14px;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:82px}.mini-report .mini-logo:before,.mini-report .mini-mark{content:"";width:28px;height:14px;display:inline-block;background:linear-gradient(105deg,transparent 0 8%,var(--brand) 8% 20%,transparent 20% 34%,var(--yellow) 34% 46%,transparent 46% 60%,var(--red) 60% 72%,transparent 72% 100%);transform:skewX(-13deg)}.mini-report h3{font-size:31px;font-weight:500;letter-spacing:-.04em;margin:0 0 0}.mini-report p{font-size:16px}.mini-report .mini-mark{position:absolute;right:34px;bottom:48px;width:46px;height:22px}.mini-page{background:#fff;border:1px solid var(--line);border-radius:3px;min-height:420px;padding:28px;box-shadow:0 16px 34px rgba(16,20,24,.06);position:relative}.mini-page-head{display:flex;align-items:baseline;gap:10px;margin-bottom:24px}.mini-page-head strong{font-size:28px;color:var(--brand);font-weight:500}.mini-page-head span{font-weight:700}.kpi-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.kpi-mini div{border:1px solid var(--line);border-radius:8px;padding:12px}.kpi-mini small{display:block;color:var(--muted);font-weight:700;font-size:11px}.kpi-mini strong{display:block;color:var(--brand);font-size:22px;margin-top:4px}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--brand) 0 42%,#66ae7b 42% 58%,#a8d0b1 58% 73%,#d6ead9 73% 100%);position:relative}.donut:after{content:"";position:absolute;inset:34px;background:#fff;border-radius:50%}.mini-chart-row{display:flex;gap:22px;align-items:center}.mini-legend{font-size:13px;color:var(--ink)}.mini-legend div{margin:5px 0}.path-list{margin-top:22px}.path-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;margin:0 0 20px}.path-item .num{font-size:32px;line-height:1;color:var(--brand);font-weight:400}.path-item strong{display:block}.path-item p{margin:0}.inline-cta{display:flex;gap:48px;flex-wrap:wrap;align-items:center}.inline-cta a{display:inline-flex;align-items:center;gap:12px;color:var(--brand);font-weight:700}.inline-cta a:before{content:"";width:27px;height:1px;background:var(--brand);display:inline-block}.inline-cta a:after{content:"›";font-size:21px;margin-left:-7px}.bottom-cta{text-align:center;margin-top:40px}.bottom-cta .inline-cta{justify-content:center}
/* Bericht / Beispielbericht */
.report-hero{background:#fff;border:0;border-radius:0;padding:56px 0 30px;margin-bottom:26px;box-shadow:none}.report-title{font-size:52px;line-height:1.08;margin:0 0 14px;color:var(--ink);letter-spacing:-.055em;font-weight:500}.report-meta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0}.pill{display:inline-flex;align-items:center;border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--line);padding:6px 0;font-size:15px;color:var(--muted)}.report-layout{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:start}.toc{position:sticky;top:96px;background:#fff;border:0;border-radius:0;padding:0}.toc h2{font-size:22px}.toc ol{margin:0;padding-left:20px}.toc li{margin:8px 0}.toc a{color:var(--ink)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.kpi .label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.kpi .value{font-size:28px;font-weight:700;color:var(--brand);margin-top:8px}.kpi .delta{font-size:14px;color:var(--muted);margin-top:4px}.traffic{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--ink)}.dot{width:14px;height:14px;border-radius:0;display:inline-block;transform:skewX(-18deg)}.dot.green{background:var(--brand)}.dot.yellow{background:var(--yellow)}.dot.red{background:var(--red)}.report-section{background:#fff;border:0;border-radius:0;padding:0;margin-bottom:58px;box-shadow:none}.report-section h2{font-size:32px}.report-section h3{font-size:21px}.summary-box{background:var(--soft);border:0;border-radius:0;padding:24px}.question-list li{margin-bottom:10px}.glossary{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.glossary div{border:0;border-left:2px solid var(--line);border-radius:0;padding:0 0 0 16px;background:#fff}.glossary strong{color:var(--ink)}.print-note{font-size:14px;color:var(--muted);margin-top:12px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:0;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--line);padding:13px;text-align:left}.table th{background:var(--soft);color:var(--ink)}
@media(max-width:950px){.home-split,.report-layout{grid-template-columns:1fr}.toc{position:static}.kpi-grid{grid-template-columns:repeat(2,1fr)}.report-preview{max-width:680px}.nav{align-items:flex-start;flex-direction:column}.hero{padding-top:58px}h1{font-size:48px}.hero p{font-size:20px}}
@media(max-width:650px){body{font-size:16px}.nav-links{gap:14px}.hero{padding:48px 20px}.nav,main,.footer{padding-left:20px;padding-right:20px}h1{font-size:42px}.hero p{font-size:19px}.report-preview{grid-template-columns:1fr}.kpi-grid,.glossary,.kpi-mini{grid-template-columns:1fr}.report-title{font-size:38px}.section{margin-bottom:62px}.inline-cta{gap:22px}.footer-inner{display:block}.footer-inner>div{margin-bottom:18px}}
@media print{.site-header,.footer,.btn-row,.report-actions,.toc{display:none!important}body{background:white}.hero,.report-hero,.section,.report-section{box-shadow:none;border:0}.report-layout{display:block}main{max-width:100%;padding:0}.report-section{page-break-inside:avoid}.hero{padding:0;background:white;color:#111}.hero p{color:#333}}
/* Finale CTA-/Bullet-Verfeinerung: sehr kurze Pfeile vor dem Text, keine Haken */
.btn:before,.inline-cta a:before{content:"→";width:auto;height:auto;background:none;box-shadow:none;color:var(--brand);font-weight:400;font-size:18px;line-height:1;display:inline-block;transform:translateY(-1px)}
.btn:after,.inline-cta a:after{content:none}
.dotline span:empty:before{content:""}