*{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{margin:0;width:100%;overflow-x:hidden;background:#eef2f6;color:#071b34;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site-shell{width:min(100%,1024px);margin:0 auto;background:#fff;box-shadow:0 22px 90px rgba(7,27,52,.13);overflow:hidden}.topbar{height:88px;display:flex;align-items:flex-start;padding:25px 29px 0 29px;background:#fff}.brand{text-decoration:none;color:#071b34;display:block;width:260px;line-height:1}.brand span{font-size:33px;letter-spacing:6px;font-weight:800}.brand em{font-style:normal;font-size:19px;letter-spacing:8px;font-weight:300;margin-left:5px}.brand small{display:block;letter-spacing:.35px;font-size:12px;margin-top:9px;color:#2d3a4c}.mainnav{display:flex;gap:37px;margin-left:25px;padding-top:17px;white-space:nowrap}.mainnav a{font-size:11px;font-weight:800;color:#071b34;text-decoration:none;letter-spacing:.15px}.top-actions{margin-left:auto;display:flex;gap:12px;padding-top:3px}.btn{height:36px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.1px;white-space:nowrap;border:1px solid transparent}.btn-gold{background:linear-gradient(135deg,#bd8c36,#d4aa59);color:#fff;border-color:#be9145;box-shadow:0 8px 18px rgba(173,126,49,.2)}.btn-ghost{color:#071b34;background:#fff;border-color:#071b34}.btn-large{height:43px;padding:0 29px}.btn-play{background:#fff;color:#071b34;border-color:#071b34;gap:11px}.btn-play i{width:18px;height:18px;border:1.7px solid #071b34;border-radius:50%;display:block;position:relative}.btn-play i:after{content:"";position:absolute;left:6px;top:4px;border-left:5px solid #071b34;border-top:4px solid transparent;border-bottom:4px solid transparent}.hero{height:444px;display:grid;grid-template-columns:450px 1fr;position:relative;background:radial-gradient(circle at 83% 45%,rgba(7,27,52,.08),transparent 23%),linear-gradient(90deg,#fff 0%,#fff 43%,#f8fafc 100%);padding-left:29px}.hero-copy{padding-top:61px;position:relative;z-index:2}.eyebrow{margin:0 0 17px;color:#bc8b35;font-weight:800;font-size:12px;letter-spacing:.7px}.hero h1{font-size:45px;line-height:1.13;letter-spacing:-1.7px;margin:0 0 25px;color:#071b34}.hero h1 span{color:#bf9041}.lead{font-size:15px;line-height:1.65;margin:0 0 23px;max-width:390px;color:#203149}.hero-buttons{display:flex;gap:14px;margin-bottom:34px}.trust-row{display:flex;gap:23px;align-items:center;color:#071b34;font-size:9px}.trust-row span{display:flex;align-items:center;gap:5px}.trust-row svg{width:17px;height:17px;fill:none;stroke:#071b34;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.flag{gap:6px!important}.hero-visual{position:relative;overflow:visible}.hero-visual:after{content:"";position:absolute;right:-12px;top:96px;width:118px;height:202px;background:radial-gradient(circle at 40% 20%,#7da363 0 8%,transparent 9%),radial-gradient(circle at 55% 38%,#719356 0 9%,transparent 10%),radial-gradient(circle at 37% 57%,#8aad6b 0 7%,transparent 8%);filter:blur(5px);opacity:.45}.laptop{position:absolute;right:20px;top:44px;width:487px;height:310px;z-index:2}.screen{width:450px;height:271px;margin-left:15px;background:#111;border:11px solid #131313;border-bottom-width:17px;border-radius:13px 13px 7px 7px;box-shadow:0 21px 32px rgba(0,0,0,.23);transform:perspective(920px) rotateX(0deg) rotateY(-5deg) skewY(-.5deg);overflow:hidden}.base{position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(#3a3d40,#111);border-radius:0 0 70% 70%/0 0 50% 50%;transform:perspective(600px) rotateX(58deg);box-shadow:0 13px 21px rgba(0,0,0,.23)}.app{height:100%;background:#f6f8fb;display:grid;grid-template-columns:89px 1fr;font-size:6px}.app aside{background:#071b34;color:#fff;padding:12px 9px;display:flex;flex-direction:column;gap:10px}.app aside b{font-size:8px;letter-spacing:1px;font-weight:700;margin-bottom:5px}.app aside small{font-size:5px;font-weight:300;letter-spacing:1.8px}.app aside span{opacity:.84;padding-left:10px;position:relative}.app aside span:before{content:"";position:absolute;left:0;top:1px;width:5px;height:5px;border:1px solid rgba(255,255,255,.8);border-radius:1px}.dash{padding:13px 14px 10px;background:#f6f8fb}.dash-top{text-align:right;color:#98a1ad;height:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px}.kpis article,.dash-grid article{background:#fff;border:1px solid #e7ebf0;border-radius:5px;box-shadow:0 2px 7px rgba(7,27,52,.04)}.kpis article{height:64px;padding:10px}.kpis b{font-size:7px;color:#071b34;display:block}.kpis strong{font-size:15px;display:block;margin-top:7px}.kpis em{font-style:normal;color:#13a567;font-size:7px;font-weight:800;display:block}.kpis small{color:#98a1ad;font-size:5px}.dash-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:11px}.open-invoices{height:136px;padding:13px}.open-invoices b,.chart b{font-size:8px}.open-invoices p{display:flex;justify-content:space-between;margin:9px 0;font-size:6px}.open-invoices a{font-size:6px;font-weight:800}.chart{height:136px;padding:13px;position:relative}.chart-lines{position:absolute;left:15px;right:13px;top:38px;bottom:29px;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{border-top:1px solid #edf0f4}.chart svg{position:absolute;left:23px;right:15px;top:45px;width:210px;height:78px}.months{position:absolute;left:21px;right:20px;bottom:13px;display:flex;justify-content:space-between;color:#8b95a1;font-size:5px}.feature-strip{height:296px;background:#fff;padding-top:28px}.feature-strip h2{text-align:center;margin:0 0 42px;font-size:22px;letter-spacing:-.55px}.feature-strip h2 span{color:#bf9041}.feature-row{display:grid;grid-template-columns:repeat(6,1fr);padding:0 58px}.feature-item{text-align:center;min-height:155px;padding:0 18px;border-right:1px solid #dbe1e8}.feature-item:last-child{border-right:0}.feature-item .icon{height:64px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#071b34}.feature-item svg.premium-icon{width:62px;height:62px;overflow:visible}.premium-icon .icon-card{fill:#fff;stroke:#dce4ed;stroke-width:1.6;filter:drop-shadow(0 8px 13px rgba(7,27,52,.10))}.premium-icon .icon-line{fill:none;stroke:#071b34;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.premium-icon .icon-gold{fill:#d4a24f;stroke:#b88636;stroke-width:1.2}.premium-icon .icon-gold-fill{fill:#d4a24f;stroke:#b88636;stroke-width:1.1}.premium-icon .icon-gold-stroke{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.premium-icon .icon-orb{fill:#f6e3ba;stroke:#d4a24f;stroke-width:1.3}.feature-item h3{margin:0 0 15px;font-size:14px;line-height:1.2}.feature-item p{margin:0;color:#34445b;font-size:10px;line-height:1.55}.workflow{height:437px;display:grid;grid-template-columns:354px 1fr;padding:46px 0 0 61px;background:#fff}.workflow-copy h2{font-size:30px;line-height:1.13;letter-spacing:-.9px;margin:0 0 22px}.workflow-copy ul{list-style:none;padding:0;margin:0 0 23px}.workflow-copy li{font-size:11px;line-height:2.05;color:#24344a;position:relative;padding-left:22px}.workflow-copy li:before{content:"✓";position:absolute;left:0;top:3px;width:13px;height:13px;border:1px solid #c49442;border-radius:50%;font-size:9px;line-height:12px;text-align:center;color:#c49442;font-weight:800}.workflow-actions{display:flex;gap:29px;align-items:center}.workflow-actions .more{font-size:11px;font-weight:800;color:#071b34;text-decoration:none}.workflow-visual{position:relative}.paper{background:#fff;border:1px solid #dfe5ec;border-radius:6px;box-shadow:0 14px 30px rgba(7,27,52,.13);position:absolute}.invoice-paper{width:285px;height:290px;left:52px;top:-7px;transform:rotate(-4deg);padding:24px 21px}.paper-logo{font-size:15px;letter-spacing:2px;font-weight:800;position:absolute;left:21px;top:20px}.paper-logo small{letter-spacing:2px;font-weight:300;font-size:8px}.invoice-paper>b{position:absolute;right:22px;top:26px;font-size:12px}.address{position:absolute;top:58px;left:22px;font-size:6px;line-height:1.5;color:#425067}.invoice-meta{position:absolute;top:58px;right:34px;font-size:6px;line-height:1.5;color:#425067}.invoice-paper table{position:absolute;left:21px;right:20px;top:122px;width:242px;border-collapse:collapse;font-size:6px;color:#2f3d50}.invoice-paper th,.invoice-paper td{border:1px solid #e2e7ee;padding:5px 4px;text-align:left}.invoice-paper th{background:#f5f7fa}.total{position:absolute;right:23px;bottom:62px;font-size:7px}.total span{display:block;color:#5b6473}.total strong{font-size:8px}.paper-buttons{position:absolute;left:21px;right:20px;bottom:20px;display:flex;gap:10px}.paper button{border:1px solid #d9e0e8;background:#fff;border-radius:3px;height:27px;padding:0 12px;font-size:8px;color:#071b34}.reminder-paper{width:151px;height:226px;right:87px;top:28px;padding:22px 20px}.reminder-paper b{font-size:13px}.reminder-paper p{font-size:8px;line-height:1.45;margin:18px 0;color:#34445b}.reminder-paper p strong{color:#071b34}.reminder-paper button{height:26px;width:105px;padding:0;font-size:7px}.datev-card{position:absolute;right:25px;top:150px;width:76px;height:105px;background:#fff;border:1px solid #e0e5ec;border-radius:6px;box-shadow:0 12px 27px rgba(7,27,52,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.datev-card div{width:45px;height:45px;background:#7ac143;color:#008b72;font-size:14px;font-weight:900;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;margin-bottom:9px}.datev-card span{font-size:8px;line-height:1.3}.arrow{position:absolute;fill:none;stroke:#071b34;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.arrow-one{right:72px;top:75px;width:90px;height:90px}.arrow-two{right:91px;top:257px;width:152px;height:101px}.integrations{height:178px;margin:0 60px 31px;border-radius:6px;background:linear-gradient(135deg,#061a32 0%,#092642 56%,#061a32 100%);display:grid;grid-template-columns:286px 1fr;align-items:center;padding:0 24px 0 31px;color:#fff;box-shadow:0 13px 28px rgba(7,27,52,.19);position:relative;overflow:hidden}.integrations:before{content:"";position:absolute;right:-58px;top:-94px;width:230px;height:230px;border-radius:50%;border:1px solid rgba(211,164,84,.16)}.integrations:after{content:"";position:absolute;left:254px;top:22px;bottom:22px;border-left:1px solid rgba(255,255,255,.12)}.integration-copy{position:relative;z-index:1}.integration-copy .eyebrow{color:#d0a059;margin-bottom:10px}.integration-copy h2{font-size:18px;line-height:1.18;margin:0 0 9px;letter-spacing:-.3px}.integration-copy p{font-size:10px;line-height:1.55;margin:0;color:#d8e0eb;max-width:238px}.integration-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-left:24px}.integration-cards article.logo-tile{height:116px;border:1px solid rgba(255,255,255,.23);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.logo-mark{height:42px;width:50px;border-radius:9px;background:#fff;margin-bottom:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 15px rgba(0,0,0,.15);position:relative}.datev-mark{background:linear-gradient(135deg,#a6ce39,#56b948);border-radius:4px}.datev-mark span{color:#007f5f;font-size:11px;font-weight:900;letter-spacing:-.7px;transform:translateY(7px)}.doc-mark{background:#f8fbff;border:1px solid #dfeaf7}.doc-mark:before{content:"";position:absolute;right:6px;top:5px;border-left:8px solid transparent;border-bottom:8px solid #d7e8fb}.doc-mark b{font-size:20px;color:#071b34}.zf-mark{background:linear-gradient(135deg,#fff,#f6ebd6);border:1px solid #d5a24f}.zf-mark b{font-size:20px;color:#bc8d3f}.fx-mark{background:linear-gradient(135deg,#0a2441,#123b66);border:1px solid rgba(255,255,255,.25)}.fx-mark b{font-size:17px;color:#f5cf88}.sepa-mark{background:#fff;border:1px solid #dce8f5}.sepa-mark span{font-size:13px;color:#194d8a;font-weight:900}.mail-mark{background:#fff;border:1px solid #dfe7f0}.mail-mark:before{content:"";position:absolute;left:10px;right:10px;top:13px;height:16px;border:2px solid #071b34;border-radius:2px}.mail-mark:after{content:"";position:absolute;left:12px;right:12px;top:15px;height:14px;background:linear-gradient(135deg,transparent 47%,#d4a24f 48%,#d4a24f 52%,transparent 53%),linear-gradient(45deg,transparent 47%,#d4a24f 48%,#d4a24f 52%,transparent 53%)}.integration-cards strong{font-size:10px;color:#fff;line-height:1.15;letter-spacing:.15px}.integration-cards small{font-size:7px;color:#cfd9e6;line-height:1.2;margin-top:4px}.final-cta{height:116px;background:linear-gradient(135deg,#061a32,#082744);color:#fff;display:grid;grid-template-columns:135px 1fr 255px;align-items:center;padding:0 60px;border-top:1px solid rgba(255,255,255,.13);position:relative}.rocket{width:86px;height:86px;border:1px solid rgba(212,170,89,.38);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d2a454;font-size:58px;transform:rotate(-28deg)}.final-cta h2{font-size:18px;margin:0 0 10px}.final-cta p{font-size:12px;margin:0;color:#dbe3ec}.cta-right{text-align:center}.cta-right .btn{width:205px;height:43px}.cta-right small{display:block;margin-top:13px;font-size:9px;color:#dbe3ec}.footer{height:104px;background:#08192d;color:#fff;display:grid;grid-template-columns:270px 170px 170px 180px 1fr;align-items:start;padding:31px 60px 0;border-top:1px solid rgba(255,255,255,.18)}.footer-brand{font-size:25px;letter-spacing:5px;font-weight:800}.footer-brand span{font-size:12px;font-weight:300;letter-spacing:6px}.footer nav{display:flex;flex-direction:column;gap:7px}.footer a,.footer address{font-size:9px;color:#e7edf5;text-decoration:none;font-style:normal;line-height:1.65}.social{display:flex;gap:13px}.social span{width:22px;height:22px;border-radius:50%;background:#fff;color:#08192d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}@media(max-width:900px){.site-shell{width:100%;box-shadow:none}.topbar{height:auto;min-height:86px;flex-wrap:wrap;gap:15px;padding:22px}.brand{width:auto}.mainnav{order:3;width:100%;margin:0;gap:18px;overflow:auto;padding:5px 0 12px}.top-actions{padding:0}.hero{height:auto;display:block;padding:38px 22px 30px}.hero-copy{padding-top:0}.hero h1{font-size:37px}.hero-visual{height:320px}.laptop{left:0;right:auto;top:30px;width:100%;transform:scale(.78);transform-origin:left top}.feature-strip{height:auto;padding:35px 0}.feature-row{grid-template-columns:repeat(2,1fr);padding:0 24px;gap:20px}.feature-item{border-right:0;border-bottom:1px solid #e3e8ee;padding-bottom:20px}.workflow{height:auto;display:block;padding:38px 24px}.workflow-visual{height:390px;transform:scale(.82);transform-origin:left top}.integrations{height:auto;margin:0 24px 25px;display:block;padding:25px}.integration-cards{grid-template-columns:repeat(2,1fr);margin-top:22px}.final-cta{height:auto;grid-template-columns:1fr;gap:20px;padding:30px 24px;text-align:left}.footer{height:auto;grid-template-columns:1fr 1fr;gap:24px;padding:30px 24px}}@media(max-width:520px){.top-actions{width:100%}.top-actions .btn{flex:1}.hero h1{font-size:32px}.hero-buttons{flex-direction:column;align-items:flex-start}.trust-row{flex-wrap:wrap}.feature-row{grid-template-columns:1fr}.workflow-visual{transform:scale(.62);height:300px}.integration-cards{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.laptop{transform:scale(.58)}}
/* V7: CTA unten pixelnäher zum Referenzbild: große goldene Rakete links, kompakter Text, Button rechts */
.final-cta{
height:118px !important;
background:linear-gradient(135deg,#061a32 0%,#082642 50%,#06203b 100%) !important;
display:grid !important;
grid-template-columns:124px 1fr 252px !important;
align-items:center !important;
padding:0 60px !important;
color:#fff !important;
border-top:1px solid rgba(255,255,255,.08) !important;
border-bottom:1px solid rgba(255,255,255,.10) !important;
position:relative !important;
overflow:hidden !important;
}
.final-cta:before{
content:"";
position:absolute;
left:-65px;
top:-95px;
width:245px;
height:245px;
border-radius:50%;
border:1px solid rgba(212,162,79,.13);
}
.final-cta:after{
content:"";
position:absolute;
left:34px;
top:9px;
width:120px;
height:120px;
border-radius:50%;
background:radial-gradient(circle,rgba(212,162,79,.10),transparent 64%);
}
.rocket{display:none !important;}
.rocket-emblem{
width:96px;
height:96px;
position:relative;
z-index:2;
margin-left:-3px;
}
.rocket-svg{width:100%;height:100%;display:block;overflow:visible;}
.rocket-svg .orbit{fill:none;stroke:#d4a24f;stroke-width:2.2;stroke-linecap:round;opacity:.96;}
.rocket-svg .orbit-b{stroke-width:1.45;opacity:.65;}
.rocket-svg .star{fill:none;stroke:#d4a24f;stroke-width:2;stroke-linejoin:round;}
.rocket-svg .rocket-body,
.rocket-svg .rocket-wing,
.rocket-svg .rocket-flame{
fill:none;
stroke:#d4a24f;
stroke-width:4.1;
stroke-linecap:round;
stroke-linejoin:round;
}
.rocket-svg .rocket-window{fill:none;stroke:#d4a24f;stroke-width:3.4;}
.rocket-svg .rocket-line{fill:none;stroke:#d4a24f;stroke-width:3.2;stroke-linecap:round;opacity:.9;}
.rocket-svg .speed-line{fill:none;stroke:#d4a24f;stroke-width:3.4;stroke-linecap:round;opacity:.9;}
.rocket-svg .speed-line.small{stroke-width:2.6;opacity:.62;}
.final-copy{position:relative;z-index:2;padding-left:12px;}
.final-copy h2,
.final-cta h2{
font-size:18px !important;
line-height:1.2 !important;
margin:0 0 10px !important;
font-weight:800 !important;
letter-spacing:-.25px !important;
color:#fff !important;
}
.final-copy p,
.final-cta p{
font-size:12px !important;
line-height:1.45 !important;
margin:0 !important;
color:#e0e8f2 !important;
}
.cta-right{position:relative;z-index:2;text-align:center !important;justify-self:end;}
.cta-right .btn{
width:205px !important;
height:45px !important;
border-radius:4px !important;
font-size:11px !important;
box-shadow:0 9px 22px rgba(190,145,69,.26) !important;
}
.cta-right small{
display:block !important;
margin-top:13px !important;
color:#e4ebf3 !important;
font-size:9px !important;
}
.footer{
background:#fff !important;
color:#071b34 !important;
border-top:0 !important;
height:105px !important;
}
.footer a,.footer address{color:#071b34 !important;}
.footer-brand{color:#071b34 !important;}
.social span{background:#071b34 !important;color:#fff !important;}
@media(max-width:900px){
.final-cta{grid-template-columns:96px 1fr !important;padding:24px !important;height:auto !important;gap:18px !important;}
.cta-right{grid-column:1 / -1;justify-self:start;text-align:left !important;}
.rocket-emblem{width:84px;height:84px;margin-left:0;}
}
/* V8: Rakete wie im Referenzbild: reine goldene Line-Art, Kreis/Orbit, Flammen und Speed-Lines */
.rocket-emblem{
width:104px !important;
height:104px !important;
margin-left:-7px !important;
transform:translateY(1px) !important;
}
.rocket-svg-reference{overflow:visible !important;}
.rocket-svg-reference *{
vector-effect:non-scaling-stroke;
}
.rocket-svg-reference .rocket-halo{
fill:none;
stroke:#d5a24d;
stroke-width:2.25;
opacity:.98;
}
.rocket-svg-reference .rocket-orbit{
fill:none;
stroke:#d5a24d;
stroke-width:1.8;
stroke-linecap:round;
opacity:.78;
}
.rocket-svg-reference .rocket-orbit-side{
opacity:.42;
}
.rocket-svg-reference .rocket-star{
fill:none;
stroke:#d5a24d;
stroke-width:2;
stroke-linejoin:round;
}
.rocket-svg-reference .rocket-main,
.rocket-svg-reference .rocket-nose,
.rocket-svg-reference .rocket-wing,
.rocket-svg-reference .rocket-flame,
.rocket-svg-reference .rocket-detail{
fill:none;
stroke:#d5a24d;
stroke-width:3.6;
stroke-linecap:round;
stroke-linejoin:round;
}
.rocket-svg-reference .rocket-window{
fill:none;
stroke:#d5a24d;
stroke-width:3.25;
}
.rocket-svg-reference .rocket-trail{
fill:none;
stroke:#d5a24d;
stroke-linecap:round;
stroke-width:3.4;
opacity:.95;
}
.rocket-svg-reference .rocket-trail-two{stroke-width:2.65;opacity:.68;}
.rocket-svg-reference .rocket-trail-three{stroke-width:2.25;opacity:.48;}
/* Zusatzseiten V10: Funktionen, Preise, Support, Rechtliches - im bestehenden Nova Office Design */
.sub-main{background:#fff;}
.page-hero{min-height:310px;background:linear-gradient(90deg,#fff 0%,#fff 46%,#f8fafc 100%);padding:62px 60px 46px;position:relative;overflow:hidden;border-top:1px solid #f1f3f6;}
.page-hero:after{content:"";position:absolute;right:-85px;top:-105px;width:310px;height:310px;border-radius:50%;border:1px solid rgba(7,27,52,.08);box-shadow:0 0 0 42px rgba(212,162,79,.045);}
.page-hero-inner{max-width:690px;position:relative;z-index:1;}
.page-hero h1{font-size:44px;line-height:1.12;letter-spacing:-1.4px;margin:0 0 18px;color:#071b34;}
.page-hero h1 span{color:#bf9041;}
.page-hero p{font-size:15px;line-height:1.65;color:#26374f;margin:0 0 25px;max-width:620px;}
.page-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.content-section{padding:54px 60px;background:#fff;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px;}
.section-head h2{font-size:28px;line-height:1.15;margin:0;color:#071b34;letter-spacing:-.8px;}
.section-head p{max-width:410px;margin:0;color:#405069;font-size:12px;line-height:1.65;}
.feature-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.detail-card{min-height:210px;border:1px solid #dfe5ec;border-radius:7px;background:#fff;padding:26px 24px;box-shadow:0 12px 28px rgba(7,27,52,.08);position:relative;overflow:hidden;}
.detail-card:after{content:"";position:absolute;right:-26px;top:-34px;width:92px;height:92px;border-radius:50%;background:rgba(212,162,79,.08);}
.detail-icon{
width:52px;
height:52px;
border-radius:14px;
background:linear-gradient(135deg,#b78531 0%,#d4a24f 100%);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:24px;
font-weight:900;
margin-bottom:18px;
box-shadow:
0 10px 22px rgba(183,133,49,.28),
inset 0 1px 0 rgba(255,255,255,.25);
}
.detail-card h3{margin:0 0 13px;font-size:17px;color:#071b34;letter-spacing:-.2px;}
.detail-card p{margin:0 0 14px;color:#43536a;font-size:11px;line-height:1.6;}
.detail-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.detail-card li{font-size:10px;color:#24344a;position:relative;padding-left:17px;line-height:1.4;}
.detail-card li:before{content:"✓";position:absolute;left:0;top:-1px;color:#c49442;font-weight:900;}
.dark-band{margin:0 60px 42px;background:linear-gradient(135deg,#061a32,#082744);border-radius:7px;color:#fff;padding:36px;display:grid;grid-template-columns:1fr 210px;gap:28px;align-items:center;box-shadow:0 13px 28px rgba(7,27,52,.19);}
.dark-band h2{font-size:25px;margin:0 0 12px;letter-spacing:-.6px;}
.dark-band p{margin:0;color:#dce5ef;font-size:12px;line-height:1.6;}
.dark-band .btn{height:44px;justify-self:end;}
.price-wrap{padding:56px 60px;background:#fff;}
.price-card{max-width:680px;margin:0 auto;border:1px solid #dfe5ec;border-radius:9px;box-shadow:0 18px 42px rgba(7,27,52,.11);overflow:hidden;background:#fff;}
.price-top{background:linear-gradient(135deg,#061a32,#082744);color:#fff;padding:36px;text-align:center;position:relative;overflow:hidden;}
.price-top:before{content:"";position:absolute;left:-90px;top:-130px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(212,162,79,.15);}
.price-top .badge{display:inline-flex;height:27px;align-items:center;padding:0 13px;border:1px solid rgba(212,162,79,.45);border-radius:999px;color:#f1cf89;font-size:10px;font-weight:800;margin-bottom:17px;}
.price-top h2{font-size:29px;margin:0 0 12px;letter-spacing:-.6px;}
.price-amount{font-size:58px;font-weight:900;line-height:1;color:#d4a24f;margin-bottom:8px;}
.price-amount small{font-size:16px;color:#fff;font-weight:700;}
.price-top p{margin:0;color:#dfe8f1;font-size:12px;}
.price-body{padding:34px 42px 40px;}
.price-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px;list-style:none;margin:0 0 32px;padding:0;}
.price-list li{font-size:12px;color:#1d2e44;position:relative;padding-left:23px;}
.price-list li:before{content:"✓";position:absolute;left:0;top:-2px;color:#c49442;font-weight:900;}
.price-actions{text-align:center;display:grid;gap:13px;justify-content:center;}
.price-actions .btn{height:46px;min-width:230px;}
.price-note{font-size:10px;color:#58677b;}
.compare-box{margin-top:30px;border:1px solid #e0e6ee;border-radius:7px;overflow:hidden;}
.compare-row{display:grid;grid-template-columns:1fr 1fr;}
.compare-row div{padding:15px 20px;font-size:12px;border-bottom:1px solid #edf1f5;}
.compare-row:last-child div{border-bottom:0;}
.compare-row div:first-child{background:#f7f9fc;color:#657184;}
.compare-row div:last-child{font-weight:800;color:#071b34;}
.support-grid{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start;}
.faq-list{display:grid;gap:12px;}
.faq-item{border:1px solid #dfe5ec;border-radius:7px;background:#fff;padding:20px 22px;box-shadow:0 8px 20px rgba(7,27,52,.06);}
.faq-item h3{font-size:14px;margin:0 0 9px;color:#071b34;}
.faq-item p{font-size:11px;line-height:1.6;color:#43536a;margin:0;}
.contact-card{border:1px solid #dfe5ec;border-radius:7px;padding:24px;background:#fff;box-shadow:0 12px 28px rgba(7,27,52,.08);}
.contact-card h2{font-size:20px;margin:0 0 15px;}
.form-row{display:grid;gap:8px;margin-bottom:13px;}
.form-row label{font-size:10px;font-weight:800;color:#071b34;}
.form-row input,.form-row textarea{width:100%;border:1px solid #d8e0ea;border-radius:4px;padding:12px;font:inherit;font-size:12px;color:#071b34;background:#f9fbfd;}
.form-row textarea{min-height:120px;resize:vertical;}
.legal-content{padding:54px 60px 66px;background:#fff;}
.legal-box{border:1px solid #dfe5ec;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(7,27,52,.07);padding:38px;}
.legal-box h2{font-size:22px;margin:30px 0 12px;color:#071b34;letter-spacing:-.4px;}
.legal-box h2:first-child{margin-top:0;}
.legal-box h3{font-size:15px;margin:22px 0 9px;color:#071b34;}
.legal-box p,.legal-box li{font-size:12px;line-height:1.75;color:#34445b;}
.legal-box ul{margin:0 0 18px;padding-left:18px;}
.legal-note{background:#fff8ea;border:1px solid #efd7a6;border-radius:6px;padding:15px 17px;margin-bottom:24px;color:#654513;font-size:11px;line-height:1.55;}
@media(max-width:900px){.page-hero,.content-section,.price-wrap,.legal-content{padding-left:24px;padding-right:24px}.page-hero h1{font-size:35px}.feature-detail-grid{grid-template-columns:1fr 1fr}.dark-band{margin:0 24px 30px;grid-template-columns:1fr}.dark-band .btn{justify-self:start}.support-grid{grid-template-columns:1fr}.price-list{grid-template-columns:1fr}}
@media(max-width:560px){.feature-detail-grid{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr}.compare-row div:first-child{border-bottom:0}.price-top{padding:30px 22px}.price-body{padding:28px 22px}.price-amount{font-size:46px}}
/* Footer Fix V11: kompakter SaaS-Footer, Copyright wirklich unten */
.footer{
height:auto !important;
min-height:0 !important;
background:#fff !important;
color:#071b34 !important;
border-top:1px solid #edf1f5 !important;
display:grid !important;
grid-template-columns:2.1fr 1fr 1fr 1.25fr !important;
gap:38px !important;
align-items:start !important;
padding:50px 60px 34px !important;
}
.footer-brand{
color:#071b34 !important;
font-size:0 !important;
letter-spacing:0 !important;
font-weight:400 !important;
}
.footer-brand strong{
display:block;
font-size:24px;
letter-spacing:5px;
line-height:1;
font-weight:900;
color:#071b34;
}
.footer-brand strong span{
font-size:13px;
font-weight:300;
letter-spacing:6px;
}
.footer-brand p{
margin:13px 0 0;
max-width:230px;
font-size:11px;
line-height:1.55;
color:#4b5a70;
}
.footer-col{
display:flex !important;
flex-direction:column !important;
gap:7px !important;
min-width:0;
}
.footer-col h4{
margin:0 0 9px;
font-size:11px;
line-height:1.2;
font-weight:900;
letter-spacing:.55px;
text-transform:uppercase;
color:#071b34;
}
.footer a,
.footer address,
.footer-col span{
color:#26374f !important;
text-decoration:none !important;
font-style:normal !important;
font-size:11px !important;
line-height:1.35 !important;
font-weight:600 !important;
letter-spacing:0 !important;
}
.footer a:hover{color:#bf9041 !important;}
.footer-contact .social{
margin-top:11px;
display:flex;
gap:10px;
}
.footer .social span{
width:22px;
height:22px;
border-radius:50%;
background:#071b34 !important;
color:#fff !important;
display:flex;
align-items:center;
justify-content:center;
font-size:10px !important;
font-weight:800 !important;
line-height:1 !important;
}
.footer-bottom{
background:#fff;
color:#66758a;
border-top:1px solid #edf1f5;
text-align:center;
padding:15px 60px 18px;
font-size:10px;
line-height:1.4;
}
@media(max-width:900px){
.footer{
grid-template-columns:1fr 1fr !important;
gap:28px 32px !important;
padding:40px 24px 30px !important;
}
.footer-bottom{padding:14px 24px 17px;}
}
@media(max-width:560px){
.footer{grid-template-columns:1fr !important;gap:24px !important;}
}
/* Demo Download Vorschaltseite V13: sauber gesetzte Premium-Card statt losem Text */
.demo-download-page{
background:#fff;
}
.download-page-hero{
min-height:260px;
padding:58px 60px 36px;
background:
radial-gradient(circle at 86% 12%,rgba(212,162,79,.12),transparent 30%),
linear-gradient(90deg,#fff 0%,#fff 48%,#f8fafc 100%);
border-top:1px solid #f1f3f6;
position:relative;
overflow:hidden;
}
.download-page-hero:after{
content:"";
position:absolute;
right:-95px;
top:-110px;
width:310px;
height:310px;
border-radius:50%;
border:1px solid rgba(7,27,52,.07);
box-shadow:0 0 0 42px rgba(212,162,79,.04);
}
.download-page-copy{
max-width:690px;
position:relative;
z-index:1;
}
.download-page-copy h1{
font-size:44px;
line-height:1.12;
letter-spacing:-1.35px;
margin:0 0 18px;
color:#071b34;
}
.download-page-copy h1 span{color:#bf9041;}
.download-page-copy p:not(.eyebrow){
max-width:620px;
margin:0;
font-size:15px;
line-height:1.65;
color:#26374f;
}
.download-content-section{
padding:0 60px 52px;
background:#fff;
}
.download-demo-card{
display:grid;
grid-template-columns:1fr 285px;
gap:36px;
align-items:center;
margin-top:-18px;
padding:40px;
border:1px solid #dfe5ec;
border-radius:9px;
background:#fff;
box-shadow:0 16px 38px rgba(7,27,52,.10);
position:relative;
overflow:hidden;
}
.download-demo-card:before{
content:"";
position:absolute;
right:-80px;
top:-95px;
width:240px;
height:240px;
border-radius:50%;
background:rgba(212,162,79,.07);
}
.download-demo-card:after{
content:"";
position:absolute;
right:245px;
top:34px;
bottom:34px;
width:1px;
background:#edf1f5;
}
.download-demo-left,
.download-demo-right{
position:relative;
z-index:1;
}
.download-badge{
display:inline-flex;
align-items:center;
height:28px;
padding:0 13px;
border-radius:999px;
background:#fff8ea;
border:1px solid #ead2a1;
color:#a97825;
font-size:10px;
font-weight:900;
letter-spacing:.35px;
text-transform:uppercase;
margin-bottom:18px;
}
.download-demo-left h2{
margin:0 0 15px;
font-size:30px;
line-height:1.14;
letter-spacing:-.8px;
color:#071b34;
}
.download-demo-left p{
max-width:530px;
margin:0 0 26px;
color:#405069;
font-size:13px;
line-height:1.7;
}
.demo-benefits{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}
.demo-benefit{
min-height:72px;
border:1px solid #e2e8ef;
border-radius:7px;
background:#f9fbfd;
padding:14px 15px;
}
.demo-benefit strong{
display:block;
margin-bottom:6px;
font-size:12px;
color:#071b34;
}
.demo-benefit span{
display:block;
font-size:10px;
line-height:1.45;
color:#4b5b70;
}
.download-demo-right{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
gap:22px;
}
.countdown-circle{
width:168px;
height:168px;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at 50% 50%,#fffaf0 0%,#fff 63%),
#fff;
border:6px solid #d4a24f;
box-shadow:
0 18px 38px rgba(7,27,52,.12),
inset 0 0 0 7px rgba(212,162,79,.10);
}
.countdown-circle span{
display:block;
font-size:64px;
font-weight:900;
line-height:.92;
letter-spacing:-2px;
color:#d4a24f;
}
.countdown-circle small{
margin-top:10px;
color:#66758a;
font-size:13px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.4px;
}
.download-demo-right .btn{
width:225px;
height:45px;
border-radius:4px;
}
.download-disabled{
pointer-events:none;
opacity:.62;
filter:saturate(.6);
}
.download-note{
margin:-8px 0 0;
max-width:220px;
font-size:10px;
line-height:1.45;
color:#66758a;
}
@media(max-width:900px){
.download-page-hero{padding:42px 24px 34px;min-height:auto;}
.download-page-copy h1{font-size:35px;}
.download-content-section{padding:0 24px 42px;}
.download-demo-card{grid-template-columns:1fr;padding:32px 24px;margin-top:0;}
.download-demo-card:after{display:none;}
.demo-benefits{grid-template-columns:1fr;}
}
*{box-sizing:border-box}html,body{margin:0;width:100%;overflow-x:hidden}body{background:#eef2f6;color:#071b34;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site-shell{width:min(100%,1024px);margin:0 auto;background:#fff;box-shadow:0 22px 90px rgba(7,27,52,.13);overflow:hidden}.topbar{min-height:88px;display:flex;align-items:flex-start;padding:25px 29px 18px;background:#fff}.brand{text-decoration:none;color:#071b34;display:block;width:260px;line-height:1}.brand span{font-size:33px;letter-spacing:6px;font-weight:800}.brand em{font-style:normal;font-size:19px;letter-spacing:8px;font-weight:300;margin-left:5px}.brand small{display:block;letter-spacing:.35px;font-size:12px;margin-top:9px;color:#2d3a4c}.mainnav{display:flex;gap:37px;margin-left:25px;padding-top:17px;white-space:nowrap}.mainnav a{font-size:11px;font-weight:800;color:#071b34;text-decoration:none;letter-spacing:.15px}.top-actions{margin-left:auto;display:flex;gap:12px;padding-top:3px}.btn{height:36px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.1px;white-space:nowrap;border:1px solid transparent;cursor:pointer}.btn-gold{background:linear-gradient(135deg,#bd8c36,#d4aa59);color:#fff;border-color:#be9145;box-shadow:0 8px 18px rgba(173,126,49,.2)}.btn-ghost{color:#071b34;background:#fff;border-color:#071b34}.btn-large{height:46px;padding:0 29px}.sub-main{background:#fff}.page-hero{min-height:300px;background:linear-gradient(90deg,#fff 0%,#fff 46%,#f8fafc 100%);padding:62px 60px 42px;position:relative;overflow:hidden;border-top:1px solid #f1f3f6}.page-hero:after{content:"";position:absolute;right:-85px;top:-105px;width:310px;height:310px;border-radius:50%;border:1px solid rgba(7,27,52,.08);box-shadow:0 0 0 42px rgba(212,162,79,.045)}.page-hero-inner{max-width:700px;position:relative;z-index:1}.eyebrow{margin:0 0 17px;color:#bc8b35;font-weight:800;font-size:12px;letter-spacing:.7px}.page-hero h1{font-size:44px;line-height:1.12;letter-spacing:-1.4px;margin:0 0 18px;color:#071b34}.page-hero h1 span{color:#bf9041}.page-hero p{font-size:15px;line-height:1.65;color:#26374f;margin:0;max-width:620px}.checkout-section{padding:54px 60px 58px}.checkout-card{display:grid;grid-template-columns:1fr 340px;gap:36px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;box-shadow:0 18px 42px rgba(7,27,52,.10);padding:38px}.checkout-left h2,.order-box h2{margin:0 0 14px;font-size:27px;letter-spacing:-.7px}.checkout-left>p{margin:0 0 24px;color:#43536a;font-size:13px;line-height:1.7}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:0 0 30px;padding:0;list-style:none}.feature-list li{font-size:12px;color:#1d2e44;position:relative;padding-left:23px}.feature-list li:before{content:"✓";position:absolute;left:0;top:-2px;color:#c49442;font-weight:900}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row{display:grid;gap:8px;margin-bottom:14px}.form-row.full{grid-column:1/-1}.form-row label{font-size:10px;font-weight:900;color:#071b34;text-transform:uppercase;letter-spacing:.35px}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid #d8e0ea;border-radius:5px;padding:12px;font:inherit;font-size:12px;color:#071b34;background:#f9fbfd}.form-row textarea{min-height:90px;resize:vertical}.payment-options{display:grid;gap:10px;margin-top:6px}.payment-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #dfe5ec;border-radius:7px;background:#fff;padding:14px;cursor:pointer;transition:.15s}.payment-option:hover{border-color:#d4a24f;box-shadow:0 8px 18px rgba(7,27,52,.06)}.payment-option input{margin-top:3px}.payment-option strong{display:block;font-size:13px;margin-bottom:4px}.payment-option span{font-size:11px;color:#536278;line-height:1.45}.check-row{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:11px;color:#33445b;line-height:1.55}.check-row input{margin-top:2px}.check-row a{color:#bf9041;font-weight:800;text-decoration:none}.order-box{background:linear-gradient(135deg,#061a32,#082744);color:#fff;border-radius:8px;padding:30px;align-self:start;position:sticky;top:20px;overflow:hidden}.order-box:before{content:"";position:absolute;left:-90px;top:-120px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(212,162,79,.18)}.order-box>*{position:relative;z-index:1}.price{font-size:56px;line-height:1;font-weight:900;color:#d4a24f;margin:18px 0 8px}.price small{font-size:16px;color:#fff}.order-box p{font-size:12px;line-height:1.65;color:#dfe8f1;margin:0 0 20px}.summary-list{list-style:none;margin:0 0 25px;padding:0;display:grid;gap:10px}.summary-list li{font-size:11px;color:#eef4fa;position:relative;padding-left:20px}.summary-list li:before{content:"✓";position:absolute;left:0;color:#d4a24f;font-weight:900}.order-box .btn{width:100%;height:48px}.hint{display:block;margin-top:14px;color:#dfe8f1;font-size:10px;text-align:center}.notice-card{max-width:760px;margin:0 auto;border:1px solid #dfe5ec;border-radius:9px;background:#fff;box-shadow:0 18px 42px rgba(7,27,52,.10);padding:42px;text-align:center}.success-icon{width:112px;height:112px;border-radius:50%;margin:0 auto 26px;background:#fffaf0;border:6px solid #d4a24f;display:flex;align-items:center;justify-content:center;color:#d4a24f;font-size:54px;font-weight:900}.notice-card h2{font-size:31px;margin:0 0 16px;letter-spacing:-.7px}.notice-card p{font-size:14px;line-height:1.75;color:#43536a;margin:0 0 24px}.bank-box{background:#f7f9fc;border:1px solid #e2e8ef;border-radius:8px;padding:22px;text-align:left;margin:22px auto;max-width:520px}.bank-box b{display:block;margin-bottom:8px}.bank-box p{margin:0;color:#26374f;font-size:13px;line-height:1.8}.footer{height:auto;background:#fff;color:#071b34;border-top:1px solid #edf1f5;display:grid;grid-template-columns:2.1fr 1fr 1fr 1.25fr;gap:38px;align-items:start;padding:50px 60px 34px}.footer-brand strong{display:block;font-size:24px;letter-spacing:5px;line-height:1;font-weight:900;color:#071b34}.footer-brand strong span{font-size:13px;font-weight:300;letter-spacing:6px}.footer-brand p{margin:13px 0 0;max-width:230px;font-size:11px;line-height:1.55;color:#4b5a70}.footer-col{display:flex;flex-direction:column;gap:7px}.footer-col h4{margin:0 0 9px;font-size:11px;font-weight:900;text-transform:uppercase}.footer a,.footer-col span{color:#26374f;text-decoration:none;font-size:11px;line-height:1.35;font-weight:600}.footer-bottom{background:#fff;color:#66758a;border-top:1px solid #edf1f5;text-align:center;padding:15px 60px 18px;font-size:10px}.alert{margin:20px 60px 0;padding:15px 18px;border-radius:6px;font-size:12px}.alert-error{background:#f8d7da;color:#721c24}.alert-success{background:#d4edda;color:#155724}@media(max-width:900px){.site-shell{width:100%;box-shadow:none}.topbar{height:auto;flex-wrap:wrap;gap:15px;padding:22px}.brand{width:auto}.mainnav{order:3;width:100%;margin:0;gap:18px;overflow:auto;padding:5px 0 12px}.top-actions{padding:0}.page-hero,.checkout-section{padding-left:24px;padding-right:24px}.page-hero h1{font-size:35px}.checkout-card{grid-template-columns:1fr;padding:26px}.order-box{position:relative;top:auto}.feature-list,.form-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr;gap:28px 32px;padding:40px 24px 30px}.footer-bottom{padding:14px 24px 17px}.alert{margin-left:24px;margin-right:24px}}@media(max-width:560px){.footer{grid-template-columns:1fr}.price{font-size:46px}.notice-card{padding:28px 22px}.success-icon{width:92px;height:92px;font-size:44px}.top-actions{width:100%}.top-actions .btn{flex:1}}