@font-face{font-family:Aileron;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/aileron-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Aileron;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/aileron-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Aileron;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/aileron-latin-700-normal.woff2) format('woff2')}
:root{--ec-navy:#013147;--ec-navy-dark:#0b1e27;--ec-coral:#e84c61;--ec-coral-dark:#d43a4f;--ec-gray:#e4eaed;--ec-white:#fff;--ec-text-body:#1e4155;--ec-text-muted:#51616c;--ec-tint:#f2f6f8;--ec-text-on-dark:rgba(255,255,255,.88);--ec-text-on-dark-muted:rgba(255,255,255,.66);--ec-text-on-dark-subtle:rgba(255,255,255,.52)}
:root{--ink:var(--ec-navy);--muted:var(--ec-text-muted);--paper:var(--ec-white);--line:var(--ec-gray);--accent:var(--ec-coral);--teal:var(--ec-navy);--white:#fff;--radius:12px;--sidebar:238px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.6 'Aileron',system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--teal);text-underline-offset:4px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ec-coral);outline-offset:4px}.skip{position:fixed;top:-100px;left:250px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:30px 22px;background:var(--ink);color:var(--ec-text-on-dark);display:flex;flex-direction:column;z-index:10}.brand{font-size:21px;font-weight:800;letter-spacing:-.8px;line-height:1.05}.brand span{color:var(--accent)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--ec-text-on-dark-muted);margin-top:12px}.side-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ec-text-on-dark-subtle);margin:35px 0 12px}.nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav a{display:flex;gap:12px;align-items:center;color:var(--ec-text-on-dark-muted);font-size:13px;text-decoration:none;padding:9px 10px;border-radius:7px;transition:background .2s}.nav a span{font-size:10px;color:var(--ec-text-on-dark-subtle);width:16px}.nav a:hover,.nav a.active{background:rgba(255,255,255,.07);color:white}.nav a.active span{color:var(--accent)}.side-bottom{margin-top:auto;padding-top:24px;font-size:11px;color:var(--ec-text-on-dark-muted)}.side-bottom b{display:block;color:var(--ec-text-on-dark);font-weight:500}main{margin-left:var(--sidebar);padding:36px 5vw 70px;max-width:1620px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;font-size:11px;color:var(--muted);letter-spacing:.5px}.topbar button,.secondary{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:12px}.mobile-menu{display:none}.section{padding:54px 0;border-bottom:1px solid var(--line)}.section:first-of-type{padding-top:10px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:12px}.hero h1{font-size:clamp(38px,4.9vw,72px);line-height:1.07;letter-spacing:-2.5px;max-width:850px;margin:0 0 25px;font-weight:650}.hero h1 em{font-style:normal;color:var(--teal)}.lead{font-size:19px;line-height:1.6;max-width:720px;color:var(--muted);margin:0 0 25px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill,.badge{font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;display:inline-block;background:white}.badge{background:var(--ec-tint);color:var(--ec-navy);border:0;font-size:10px;font-weight:600}.badge.open{background:rgba(232,76,97,.08);color:var(--ec-navy)}.badge.proposal{background:var(--ec-tint);color:var(--ec-navy)}.hero-footer{margin-top:36px;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--ink);color:white;border-radius:var(--radius);overflow:hidden}.hero-footer>div{padding:22px 25px;border-right:1px solid rgba(255,255,255,.15)}.hero-footer b{display:block;font-size:16px}.hero-footer small{color:var(--ec-text-on-dark-muted);font-size:12px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.heading h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0}.section-intro{max-width:800px;color:var(--muted);margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.card h3{font-size:19px;line-height:1.35;margin:12px 0}.card p{font-size:14px;color:var(--muted);margin:8px 0}.card ul,.panel ul{padding-left:19px;font-size:14px;color:var(--muted)}.label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--teal);font-weight:700}.callout{padding:20px 24px;background:var(--ec-tint);border-left:3px solid var(--ec-coral);border-radius:0 12px 12px 0;margin:24px 0;font-size:14px}.callout.dark{background:var(--ink);color:var(--ec-text-on-dark);border:0;border-radius:var(--radius)}.callout b{color:inherit}.muted{color:var(--muted)}details{border:1px solid var(--line);border-radius:12px;background:white;margin:12px 0;overflow:hidden}summary{padding:18px 21px;cursor:pointer;font-weight:600;font-size:15px}details[open] summary{border-bottom:1px solid var(--line)}.detail-body{padding:17px 21px;font-size:14px;color:var(--muted)}.detail-body p{margin:0 0 12px}.detail-body p:last-child{margin-bottom:0}.detail-body strong{color:var(--ink)}.sources{font-size:12px;margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 16px}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:var(--ec-gray);font-size:12px;padding:15px 18px;vertical-align:top}td{padding:14px 18px;border-bottom:1px solid var(--ec-gray);vertical-align:top}tbody tr:last-child td{border:0}td:first-child{font-weight:600}td:last-child{color:var(--teal)}.variant-intro{padding:25px;background:var(--ink);color:white;border-radius:var(--radius) var(--radius) 0 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.variant-intro strong{font-size:21px;color:var(--accent)}.variant-intro p{margin:3px 0 0;font-size:13px;color:var(--ec-text-on-dark-muted)}.variant-intro+.table-wrap{border-top:0;border-radius:0 0 var(--radius) var(--radius)}.variant-table th:nth-child(3){background:rgba(232,76,97,.12)}.variant-table td:nth-child(3){background:rgba(232,76,97,.035);color:var(--ink)}.flow{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:24px 0}.flow>div{flex:1;min-width:150px;padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.flow strong{display:block;font-size:14px}.flow small{font-size:12px;color:var(--muted)}.flow>span{align-self:center;color:var(--teal)}.month-head{display:flex;justify-content:space-between;align-items:center}.month-head span{font-size:11px;color:var(--muted)}.post{border-bottom:1px solid var(--line);padding:14px 0}.post:last-child{border:0}.post small{display:block;font-size:10px;color:var(--teal);text-transform:uppercase;letter-spacing:1px}.post b{display:block;font-size:14px;margin:4px 0}.post p{font-size:12px;margin:0}.quote{font-size:17px;color:var(--ink);line-height:1.75;border-left:3px solid var(--accent);padding-left:22px;margin:18px 0}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.timeline .card{border-top:4px solid var(--ec-navy)}.timeline h3{margin-top:7px}.decision-list{counter-reset:decision}.decision{display:grid;grid-template-columns:45px 1fr;gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}.decision:before{counter-increment:decision;content:counter(decision,decimal-leading-zero);font-size:20px;color:var(--ec-coral);font-weight:500}.decision h3{font-size:16px;margin:0 0 4px}.decision p{font-size:13px;color:var(--muted);margin:0}.footer{font-size:11px;color:var(--muted);padding-top:30px}.footer p{max-width:760px}.progress{position:fixed;top:0;left:var(--sidebar);height:3px;background:var(--ec-coral);width:0;z-index:11}.next-link{display:inline-flex;align-items:center;gap:12px;background:var(--teal);color:white;border-radius:8px;padding:11px 18px;font-size:13px;text-decoration:none;margin-top:12px}.all-details{margin-left:12px}.section-number{font-size:11px;color:var(--ec-text-muted);border:1px solid var(--line);border-radius:50%;width:31px;height:31px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:1450px){main{padding-left:85px;padding-right:85px}.hero h1{max-width:940px}}@media(max-width:1100px){:root{--sidebar:210px}main{padding-left:30px;padding-right:30px}.grid.three,.timeline{grid-template-columns:1fr}.hero h1{font-size:48px}.card{padding:20px}.hero-footer>div{padding:18px}}@media(max-width:760px){:root{--sidebar:0px}.sidebar{width:250px;transform:translateX(-100%);transition:transform .2s}.sidebar.visible{transform:translateX(0);box-shadow:10px 0 40px rgba(11,30,39,.35)}main{margin:0;padding:22px 20px 50px}.mobile-menu{display:inline-block;position:fixed;bottom:20px;right:20px;z-index:12;background:var(--ink);color:white;box-shadow:0 4px 20px rgba(11,30,39,.2)}.topbar{gap:12px;flex-wrap:wrap;margin-bottom:24px}.hero h1{font-size:43px;letter-spacing:-1.4px}.lead{font-size:16px}.hero-footer{grid-template-columns:1fr}.hero-footer>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.grid,.grid.three{grid-template-columns:1fr}.heading h2{font-size:26px}.section{padding:37px 0}.table-wrap table{min-width:620px}.variant-intro{display:block}.variant-intro strong{font-size:19px}.variant-intro .badge{margin-top:15px}.flow>span{display:none}.all-details{margin-left:0}.progress{left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white;font-size:11px}.sidebar,.topbar,.progress,.next-link,.footer button{display:none}main{margin:0;padding:0;max-width:none}.section{padding:20px 0;break-inside:auto}.hero h1{font-size:36px}.grid,.grid.three,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.card,details,.table-wrap,.decision{break-inside:avoid}.hero-footer{background:var(--ec-gray);color:var(--ink)}.hero-footer small{color:var(--ink)}.table-wrap{overflow:visible}.table-wrap table{min-width:0}a{color:var(--ink)}.section-intro,.card p{color:var(--ec-text-body)}.detail-body{display:block!important}summary{border-bottom:1px solid var(--line)}.callout.dark{background:var(--ec-gray);color:var(--ink)}@page{size:A4;margin:15mm}}

/* ecreation-Markenwerte aus Styleguide und zentralen Astro-Tokens übernommen. */
body{color:var(--ec-text-body)}h1,h2,h3,strong,b{color:var(--ec-navy)}
.sidebar,.hero-footer,.variant-intro,.callout.dark{background:var(--ec-navy-dark)}
.sidebar{padding-top:34px}.brand{font-weight:700}.brand .ec-logo{display:block;color:var(--ec-white);line-height:0}.ec-logo svg{width:166px;height:auto;display:block}.brand small{font-size:11px;line-height:1.8;letter-spacing:1.4px;margin-top:23px;color:var(--ec-text-on-dark-muted)}
.side-label{font-size:11px}.nav a{font-size:14px}.nav a.active{color:var(--ec-coral)}.nav a.active span{color:var(--ec-coral)}.side-bottom b{color:var(--ec-text-on-dark)}
.hero h1{font-weight:700;letter-spacing:-1.8px;line-height:1.06}.hero h1 em{color:var(--ec-navy)}.hero .eyebrow:before{content:'';display:inline-block;width:27px;height:3px;background:var(--ec-coral);vertical-align:middle;margin-right:10px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;line-height:1.6;margin-bottom:16px;color:var(--ec-navy)}
.hero-footer b{color:var(--ec-white)}.hero-footer>div{border-right-color:rgba(255,255,255,.15)}.hero-footer{margin-top:40px}
.heading h2{font-size:clamp(28px,2.5vw,36px);font-weight:700}.card h3{font-size:21px;font-weight:600}.card p,.card ul,.detail-body{font-size:15px;line-height:1.6}.card{border:0;background:var(--ec-tint)}
.lead{max-width:62ch}.section-intro{font-size:17px;max-width:65ch}.label{font-size:12px;color:var(--ec-navy);letter-spacing:.12em}
.topbar button,.secondary{border-radius:999px;font-size:13px;font-weight:600}.topbar button:hover{border-color:var(--ec-navy);background:var(--ec-tint)}
.pill{font-size:12px;background:var(--ec-tint);border-color:transparent}.badge{font-size:11px}.badge.open{border:1px solid rgba(232,76,97,.25)}
.callout{font-size:15px}.callout.dark b,.callout.dark strong{color:var(--ec-text-on-dark)}
.variant-intro strong{color:var(--ec-white);font-size:22px}.variant-intro strong:before{content:'+';color:var(--ec-coral);font-size:27px;margin-right:12px}.variant-intro .badge{color:var(--ec-navy);background:var(--ec-white)}
.variant-table th:nth-child(3){border-top:3px solid var(--ec-coral)}.quote{color:var(--ec-text-body);border-left-color:var(--ec-coral)}.post b{font-weight:600}.post p{font-size:14px}.post small{font-size:11px;color:var(--ec-text-muted)}
.flow>span{color:var(--ec-coral)}.flow>div{background:var(--ec-tint);border:0}.flow small{font-size:14px}.flow strong{font-size:15px}.timeline .card{border-top:3px solid var(--ec-navy)}
.next-link{padding:0;margin-top:16px;border-radius:0;background:transparent;color:var(--ec-navy);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.next-link:hover{color:var(--ec-coral-dark)}
.sources a{color:var(--ec-navy);font-size:13px}.sources a:hover{color:var(--ec-coral-dark)}.progress{background:var(--ec-coral)}.decision h3{font-size:18px;font-weight:600}.decision p{font-size:15px}.section-number{color:var(--ec-navy)}
@media(max-width:760px){.mobile-menu{background:var(--ec-navy)!important;color:var(--ec-white)!important}.card h3{font-size:20px}.hero h1{letter-spacing:-1.2px}}
@media print{.hero-footer,.variant-intro,.callout.dark{background:var(--ec-gray);color:var(--ec-navy)}.hero-footer b,.hero-footer small,.variant-intro strong,.variant-intro p,.callout.dark strong,.callout.dark b{color:var(--ec-navy)}.card{border:1px solid var(--ec-gray)}}