:root{--svc-navy:#0b2854;--svc-text:#17365f;--svc-muted:#6a7f99;--svc-line:#dbe7ef;--svc-surface:#ffffff;--svc-bg:#f6fafc}
body.svc-modern-page{--svc-accent:#0aa7ae;--svc-accent2:#37cbd1;--svc-soft:#edfafa;--svc-glow:rgba(10,167,174,.16);background:linear-gradient(180deg,#fff 0,#f7fbfd 38%,#f3f8fb 100%);color:var(--svc-text)}
body.svc-modern-page.svc-rechnung{--svc-accent:#0aa7ae;--svc-accent2:#52d6d2;--svc-soft:#effbfb;--svc-glow:rgba(10,167,174,.18)}
body.svc-modern-page.svc-kuendigung{--svc-accent:#10a879;--svc-accent2:#53d3aa;--svc-soft:#effbf6;--svc-glow:rgba(16,168,121,.17)}
body.svc-modern-page.svc-stromkosten{--svc-accent:#08a7ae;--svc-accent2:#27c879;--svc-soft:#effcf7;--svc-glow:rgba(8,167,174,.17)}
body.svc-modern-page.svc-gaskosten{--svc-accent:#147fe3;--svc-accent2:#55b3ff;--svc-soft:#eef6ff;--svc-glow:rgba(20,127,227,.17)}
body.svc-modern-page.svc-speed{--svc-accent:#6d4aff;--svc-accent2:#9b7cff;--svc-soft:#f3f0ff;--svc-glow:rgba(109,74,255,.17)}
body.svc-modern-page .sh{position:relative;z-index:40;background:rgba(255,255,255,.94)!important;color:var(--svc-navy)!important;border-bottom:1px solid rgba(212,226,234,.9);box-shadow:0 8px 28px rgba(11,40,84,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.svc-modern-page .sh .logo,body.svc-modern-page .sh a{color:var(--svc-navy)!important}
body.svc-modern-page .sh .logo:hover,body.svc-modern-page .sh .logo:focus-visible{color:var(--svc-accent)!important}
body.svc-modern-page .sh nav a.active,body.svc-modern-page .sh nav a[aria-current="page"]{color:var(--svc-accent)!important;background:var(--svc-soft)!important;box-shadow:inset 0 -2px 0 var(--svc-accent)}
body.svc-modern-page .hamburger{color:var(--svc-navy)!important}
body.svc-modern-page .hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(118deg,#fff 0%,#f9fcfd 45%,var(--svc-soft) 100%)!important;color:var(--svc-text)!important;border-bottom:1px solid #e3edf2}
body.svc-modern-page .hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;right:-120px;top:-250px;background:radial-gradient(circle,var(--svc-glow),rgba(255,255,255,0) 68%);pointer-events:none}
body.svc-modern-page .hero:after{content:"";position:absolute;z-index:-1;width:330px;height:330px;border-radius:50%;left:-145px;bottom:-190px;background:radial-gradient(circle,rgba(35,189,205,.1),rgba(255,255,255,0) 70%);pointer-events:none}
body.svc-modern-page .hero-in,body.svc-modern-page .hero-inner{position:relative;z-index:1;padding-top:58px!important;padding-bottom:58px!important;min-height:0!important}
body.svc-modern-page .hero h1{font-family:'Sora',sans-serif;color:var(--svc-navy)!important;font-size:clamp(38px,4.3vw,62px)!important;line-height:1.04!important;letter-spacing:-.035em;max-width:900px;text-wrap:balance}
body.svc-modern-page .hero .eyebrow,body.svc-modern-page .hero .breadcrumb,body.svc-modern-page .hero .badge{color:var(--svc-accent)!important}
body.svc-modern-page .hero p,body.svc-modern-page .hero .hero-copy,body.svc-modern-page .hero .hero-note{color:#59718f!important}
body.svc-modern-page .hero strong{color:var(--svc-navy)!important}
body.svc-modern-page .hero .btn,body.svc-modern-page .hero .btn-primary,body.svc-modern-page .hero .btn-calc{background:linear-gradient(135deg,var(--svc-accent),var(--svc-accent2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px var(--svc-glow)!important}
body.svc-modern-page .hero .btn-secondary{background:rgba(255,255,255,.84)!important;color:var(--svc-navy)!important;border:1px solid #d8e5ed!important;box-shadow:0 8px 22px rgba(11,40,84,.06)!important}
body.svc-modern-page .main,body.svc-modern-page .svc-body{position:relative}
body.svc-modern-page .main{padding-top:42px!important;padding-bottom:58px!important}
body.svc-modern-page .section,body.svc-modern-page .panel,body.svc-modern-page .upload-grid,body.svc-modern-page .journey-card,body.svc-modern-page .explain,body.svc-modern-page .final-box,body.svc-modern-page .cta-panel,body.svc-modern-page .contract-card,body.svc-modern-page .type-card,body.svc-modern-page .vx-card,body.svc-modern-page .bs-service,body.svc-modern-page .lp-service-rc-inline,body.svc-modern-page .lp-vw-entry,body.svc-modern-page .sofia-card,body.svc-modern-page .preview-panel,body.svc-modern-page .form-panel,body.svc-modern-page .result-box{border:1px solid rgba(207,222,232,.95)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,253,255,.96))!important;box-shadow:0 14px 36px rgba(16,45,78,.065),inset 0 1px 0 rgba(255,255,255,.98)!important}
body.svc-modern-page .section:hover,body.svc-modern-page .journey-card:hover,body.svc-modern-page .vx-card:hover,body.svc-modern-page .bs-service:hover,body.svc-modern-page .type-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(16,45,78,.095),inset 0 1px 0 rgba(255,255,255,.98)!important}
body.svc-modern-page .journey-card,body.svc-modern-page .vx-card,body.svc-modern-page .bs-service,body.svc-modern-page .type-card,body.svc-modern-page .section{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.svc-modern-page h2,body.svc-modern-page h3{color:var(--svc-navy)}
body.svc-modern-page .section-kicker,body.svc-modern-page .s-role,body.svc-modern-page .sophia-role,body.svc-modern-page .sophia-rolle,body.svc-modern-page .lp-vw-entry-kicker{color:var(--svc-accent)!important}
body.svc-modern-page input,body.svc-modern-page select,body.svc-modern-page textarea{border-color:#cddce7!important;border-radius:13px!important;background:#fff!important;color:var(--svc-navy)!important;box-shadow:inset 0 1px 2px rgba(20,46,79,.025)!important;transition:border-color .18s ease,box-shadow .18s ease}
body.svc-modern-page input:focus,body.svc-modern-page select:focus,body.svc-modern-page textarea:focus{border-color:var(--svc-accent)!important;box-shadow:0 0 0 4px var(--svc-glow)!important;outline:none!important}
body.svc-modern-page .btn-primary,body.svc-modern-page .btn-calc,body.svc-modern-page .btn-cta,body.svc-modern-page .lp-service-rc-btn,body.svc-modern-page .lp-vw-entry-cta,body.svc-modern-page .btn-print{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--svc-accent),var(--svc-accent2))!important;color:#fff!important;border-color:transparent!important;border-radius:12px!important;box-shadow:0 10px 24px var(--svc-glow)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
body.svc-modern-page .btn-primary:before,body.svc-modern-page .btn-calc:before,body.svc-modern-page .btn-cta:before,body.svc-modern-page .lp-service-rc-btn:before,body.svc-modern-page .lp-vw-entry-cta:before{content:"";position:absolute;inset:-50% auto -50% -35%;width:34%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .45s ease}
body.svc-modern-page .btn-primary:hover,body.svc-modern-page .btn-calc:hover,body.svc-modern-page .btn-cta:hover,body.svc-modern-page .lp-service-rc-btn:hover,body.svc-modern-page .lp-vw-entry-cta:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 14px 30px var(--svc-glow)!important}
body.svc-modern-page .btn-primary:hover:before,body.svc-modern-page .btn-calc:hover:before,body.svc-modern-page .btn-cta:hover:before,body.svc-modern-page .lp-service-rc-btn:hover:before,body.svc-modern-page .lp-vw-entry-cta:hover:before{left:115%}
body.svc-modern-page .sofia-card,body.svc-modern-page .svc-sophia{position:relative;overflow:hidden}
body.svc-modern-page .sofia-card:after,body.svc-modern-page .svc-sophia:after{content:"";position:absolute;right:-85px;top:-95px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,var(--svc-glow),transparent 68%);pointer-events:none}
body.svc-modern-page .lp-vw-entry-wrap{margin-top:24px;margin-bottom:24px}
body.svc-modern-page .lp-vw-entry{border-left:4px solid var(--svc-accent)!important}
body.svc-modern-page .bs{background:linear-gradient(180deg,#f4f9fb,#eef6f8)!important;border-top:1px solid #e0ebf0}
body.svc-modern-page .vx-card-top,body.svc-modern-page .panel-head{border-bottom-color:#e3edf2!important;background:linear-gradient(180deg,#fff,var(--svc-soft))!important}
body.svc-modern-page .sf{position:relative;overflow:hidden;background:radial-gradient(circle at 10% -30%,rgba(10,167,174,.3) 0,rgba(10,167,174,0) 31%),radial-gradient(circle at 92% -20%,rgba(114,87,255,.2) 0,rgba(114,87,255,0) 28%),linear-gradient(125deg,#061832 0%,#0b2a50 55%,#0b4156 100%)!important;border-top:1px solid rgba(89,211,219,.18)}
body.svc-modern-page .sf a{transition:color .18s ease,transform .18s ease}
body.svc-modern-page .sf a:hover{color:#8fe9ed!important;transform:translateX(2px)}
body.svc-modern-page .mobile-menu{background:rgba(255,255,255,.98)!important;color:var(--svc-navy)!important}
@media(max-width:900px){body.svc-modern-page .hero-in,body.svc-modern-page .hero-inner{padding-top:44px!important;padding-bottom:44px!important}body.svc-modern-page .hero h1{font-size:clamp(34px,8vw,50px)!important}body.svc-modern-page .main{padding-top:30px!important}}
@media(max-width:700px){body.svc-modern-page .hero-in,body.svc-modern-page .hero-inner{padding-top:32px!important;padding-bottom:34px!important}body.svc-modern-page .hero h1{font-size:clamp(32px,10vw,43px)!important;line-height:1.02!important}body.svc-modern-page .hero{min-height:0!important}body.svc-modern-page .main{padding-top:22px!important;padding-bottom:38px!important}body.svc-modern-page .section,body.svc-modern-page .panel,body.svc-modern-page .upload-grid,body.svc-modern-page .journey-card,body.svc-modern-page .final-box,body.svc-modern-page .cta-panel,body.svc-modern-page .contract-card,body.svc-modern-page .type-card,body.svc-modern-page .sofia-card,body.svc-modern-page .preview-panel,body.svc-modern-page .form-panel{border-radius:16px!important}body.svc-modern-page .lp-vw-entry-wrap{margin-top:16px;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){body.svc-modern-page *,body.svc-modern-page *:before,body.svc-modern-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:700px){
 body.svc-modern-page.svc-rechnung .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:18px!important}
 body.svc-modern-page.svc-rechnung .hero-actions .btn{width:100%!important;min-width:0!important;padding-left:10px!important;padding-right:10px!important;font-size:12.5px!important}
 body.svc-modern-page.svc-rechnung .hero-note{font-size:12.5px!important;line-height:1.45!important}
 body.svc-modern-page.svc-rechnung .sofia-card{display:grid!important;grid-template-columns:58px 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;padding:13px 14px!important}
 body.svc-modern-page.svc-rechnung .sofia-card img{width:58px!important;height:58px!important;grid-row:1/3!important}
 body.svc-modern-page.svc-rechnung .sofia-row{display:contents!important}
 body.svc-modern-page.svc-rechnung .sofia-name{align-self:end!important}
 body.svc-modern-page.svc-rechnung .sofia-role{align-self:start!important;margin-top:1px!important}
 body.svc-modern-page.svc-rechnung .sofia-text{display:none!important}
}