.erechnung-page{--er-blue:#104cba;--er-blue-dark:#0a347e;--er-navy:#0b1d36;--er-cyan:#dff4ff;--er-green:#16845b;--er-ink:#152238;--er-muted:#5b687c;--er-line:#dfe6ef;background:#fff;color:var(--er-ink)}
.erechnung-page main{overflow:hidden}.er-hero{position:relative;padding:clamp(4rem,8vw,7rem) 0;background:radial-gradient(circle at 78% 15%,#dff4ff 0,transparent 34%),linear-gradient(135deg,#f8fbff 0,#fff 52%,#eef5ff 100%)}
.er-hero:after{content:"";position:absolute;inset:auto -10vw -16rem 44%;height:24rem;background:linear-gradient(110deg,rgba(16,76,186,.08),transparent);transform:skewY(-7deg);pointer-events:none}.er-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.er-eyebrow,.er-kicker{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--er-blue);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.er-eyebrow:before,.er-kicker:before{content:"";width:1.9rem;height:2px;background:currentColor}.er-hero h1{max-width:13ch;margin:0 0 1.4rem;font-size:clamp(2.65rem,5.2vw,5rem);line-height:1.01;letter-spacing:-.045em;color:var(--er-navy)}.er-lead{max-width:42rem;margin:0;color:#46566d;font-size:clamp(1.08rem,1.55vw,1.3rem);line-height:1.65}.er-actions{display:flex;align-items:center;gap:1.4rem;margin-top:2rem;flex-wrap:wrap}.er-secondary,.er-text-link{color:var(--er-blue);font-weight:800;text-decoration:none}.er-secondary:hover,.er-text-link:hover{text-decoration:underline}.er-proof{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;margin:2.2rem 0 0;padding:0;list-style:none;color:#3f4f65;font-size:.92rem}.er-proof li{display:flex;align-items:center;gap:.45rem}.er-proof li:before{content:"✓";display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#dff5ec;color:var(--er-green);font-weight:900;font-size:.78rem}
.er-flow-card{position:relative;padding:0 1.5rem 1.7rem;border:1px solid rgba(16,76,186,.14);border-radius:1.25rem;background:rgba(255,255,255,.92);box-shadow:0 30px 80px rgba(17,45,88,.16);backdrop-filter:blur(12px)}.er-window-bar{display:flex;align-items:center;gap:.42rem;height:3.25rem;border-bottom:1px solid var(--er-line);margin:0 -1.5rem 1.3rem;padding:0 1.25rem;color:#6c7890;font-size:.78rem}.er-window-bar span{width:.55rem;height:.55rem;border-radius:50%;background:#d6deea}.er-window-bar strong{margin-left:auto;color:var(--er-blue);letter-spacing:.04em}.er-flow-step{position:relative;display:grid;grid-template-columns:3.2rem 1fr 1.8rem;gap:.9rem;align-items:center;padding:1rem;border:1px solid var(--er-line);border-radius:.85rem;background:#fff}.er-flow-step b,.er-flow-step small{display:block}.er-flow-step b{font-size:.96rem;color:var(--er-navy)}.er-flow-step small{margin-top:.15rem;color:var(--er-muted);font-size:.78rem}.er-flow-step em{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#edf3fd;color:var(--er-blue);font-style:normal;font-size:.75rem;font-weight:800}.er-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.7rem;background:#fee8e7;color:#a72a2a;font-size:.72rem;font-weight:900}.er-icon-blue{background:#e6efff;color:var(--er-blue);font-size:1.2rem}.er-icon-green{background:#dff5ec;color:var(--er-green)}.er-flow-final{border-color:#bfe5d7;background:#f8fffc}.er-flow-line{height:1.25rem;margin-left:2.48rem;border-left:2px dashed #bad0ef}.er-flow-line span{display:none}
.er-strip{background:var(--er-navy);color:#fff}.er-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:5rem;align-items:center}.er-strip-grid span{position:relative;text-align:center;font-weight:700;font-size:.9rem;letter-spacing:.02em}.er-strip-grid span+span:before{content:"";position:absolute;left:0;top:50%;width:1px;height:1.6rem;background:rgba(255,255,255,.2);transform:translateY(-50%)}
.er-section{padding:clamp(4.5rem,7vw,7rem) 0}.er-section-soft{background:#f3f7fc}.er-intro-grid,.er-split,.er-status-grid,.er-faq-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}.er-section h2,.er-cta h2{margin:.1rem 0 1.2rem;color:var(--er-navy);font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.1;letter-spacing:-.035em}.er-section p{color:var(--er-muted);line-height:1.75}.er-section-heading{max-width:48rem;margin:0 auto 3rem;text-align:center}.er-section-heading .er-kicker{justify-content:center}.er-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.er-steps article{position:relative;padding:1.7rem 1.45rem 1.5rem;border-radius:1rem;background:#fff;border:1px solid #e1e8f2;box-shadow:0 12px 35px rgba(18,46,88,.06)}.er-steps article span{display:block;margin-bottom:1.8rem;color:#9aacca;font-size:.8rem;font-weight:900;letter-spacing:.14em}.er-steps article h3,.er-feature-grid h3{margin:0 0 .65rem;color:var(--er-navy);font-size:1.06rem}.er-steps article p,.er-feature-grid p{margin:0;font-size:.92rem;line-height:1.6}
.er-copy p{max-width:43rem}.er-check-card{padding:2rem;border-radius:1.1rem;background:var(--er-navy);color:#fff;box-shadow:0 22px 55px rgba(11,29,54,.18)}.er-check-card h3{margin:0 0 1.3rem;font-size:1.35rem}.er-check-card ul{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.er-check-card li{display:flex;gap:.7rem;color:#eaf1fb}.er-check-card li:before{content:"✓";color:#6de0ae;font-weight:900}.er-card-note{margin:1.5rem -2rem -2rem;padding:1.1rem 2rem;border-radius:0 0 1.1rem 1.1rem;background:rgba(255,255,255,.08);color:#dbe6f6;font-size:.87rem}.er-copy .er-text-link{display:inline-block;margin-top:1rem}
.er-status-section{background:linear-gradient(135deg,#0b1d36,#0c3f77);color:#fff}.er-status-section h2{color:#fff}.er-status-section p{color:#ccdaed}.er-kicker-light{color:#80d1ff}.er-timeline{margin:0;padding:1.4rem 1.6rem;border:1px solid rgba(255,255,255,.15);border-radius:1.1rem;background:rgba(255,255,255,.07);list-style:none}.er-timeline li{position:relative;display:grid;grid-template-columns:1rem 1fr;gap:1rem;padding:.5rem 0 1.65rem}.er-timeline li:last-child{padding-bottom:.5rem}.er-timeline li:before{content:"";position:absolute;left:.43rem;top:1.15rem;bottom:-.15rem;width:2px;background:rgba(128,209,255,.35)}.er-timeline li:last-child:before{display:none}.er-timeline span{position:relative;z-index:1;width:.9rem;height:.9rem;margin-top:.2rem;border:3px solid #80d1ff;border-radius:50%;background:#0c3970}.er-timeline b,.er-timeline small{display:block}.er-timeline b{font-size:1rem}.er-timeline small{margin-top:.2rem;color:#bdcbe0}
.er-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.er-feature-grid article{padding:1.55rem;border:1px solid var(--er-line);border-radius:.9rem;background:#fff}.er-feature-grid article:before{content:"";display:block;width:2.2rem;height:.25rem;margin-bottom:1.2rem;border-radius:1rem;background:linear-gradient(90deg,var(--er-blue),#55bce9)}.er-faqs{border-top:1px solid #d7e0ec}.er-faqs details{border-bottom:1px solid #d7e0ec}.er-faqs summary{position:relative;padding:1.25rem 2.3rem 1.25rem 0;color:var(--er-navy);font-weight:800;cursor:pointer;list-style:none}.er-faqs summary::-webkit-details-marker{display:none}.er-faqs summary:after{content:"+";position:absolute;right:.2rem;top:1.05rem;color:var(--er-blue);font-size:1.5rem}.er-faqs details[open] summary:after{content:"−"}.er-faqs details p{margin:-.25rem 0 1.35rem}.er-cta{padding:clamp(4rem,7vw,6.5rem) 0;background:linear-gradient(120deg,#104cba,#0d75b9);color:#fff}.er-cta-inner{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.er-cta h2{max-width:18ch;color:#fff}.er-cta p{max-width:45rem;margin:0;color:#e6f3ff;font-size:1.05rem}.er-cta-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:14rem}.er-cta-actions .button{background:#fff!important;color:var(--er-blue)!important}.er-cta-actions>a:last-child{color:#fff;font-weight:800;text-decoration:none}
@media(max-width:980px){.er-hero-grid{grid-template-columns:1fr;gap:3rem}.er-flow-card{max-width:38rem}.er-steps{grid-template-columns:repeat(2,1fr)}.er-feature-grid{grid-template-columns:repeat(2,1fr)}.er-intro-grid,.er-split,.er-status-grid,.er-faq-layout{gap:3rem}.er-cta-inner{grid-template-columns:1fr}.er-cta-actions{align-items:flex-start}}
@media(max-width:680px){.er-hero{padding:3.5rem 0 4rem}.er-hero h1{font-size:clamp(2.35rem,12vw,3.35rem)}.er-flow-card{padding:0 1rem 1.2rem}.er-window-bar{margin:0 -1rem 1rem}.er-flow-step{grid-template-columns:2.7rem 1fr 1.5rem;padding:.8rem}.er-icon{width:2.5rem;height:2.5rem}.er-flow-line{margin-left:2.08rem}.er-strip-grid{grid-template-columns:repeat(2,1fr);padding:.8rem 0}.er-strip-grid span{padding:.65rem}.er-strip-grid span+span:before{display:none}.er-intro-grid,.er-split,.er-status-grid,.er-faq-layout{grid-template-columns:1fr;gap:2rem}.er-steps,.er-feature-grid{grid-template-columns:1fr}.er-section-heading{text-align:left}.er-section-heading .er-kicker{justify-content:flex-start}.er-check-card{padding:1.5rem}.er-card-note{margin:1.5rem -1.5rem -1.5rem;padding:1rem 1.5rem}.er-proof{display:grid}.er-actions{align-items:flex-start;flex-direction:column}.er-cta-actions{width:100%}.er-cta-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.erechnung-page *{scroll-behavior:auto!important;transition:none!important}}
