:root{--bg:#fff;--soft:#f6f8fc;--text:#172033;--muted:#667085;--line:#e6eaf2;--red:#d71920;--red2:#b71319;--navy:#071629;--card:#fff;--shadow:0 20px 60px rgba(15,23,42,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#07111f;--soft:#0d1b2d;--text:#edf3ff;--muted:#a7b2c4;--line:#1d314e;--card:#0f2036;--shadow:0 20px 70px rgba(0,0,0,.35)}a{color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:var(--navy);color:#dbe7ff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:10px 0}.status i{display:inline-block;width:9px;height:9px;border-radius:99px;background:#22c55e;margin-right:8px;box-shadow:0 0 0 4px rgba(34,197,94,.15)}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}body.dark header{background:rgba(7,17,31,.86)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--red);font-weight:900}.brand img{width:46px;height:46px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:700}nav{display:flex;align-items:center;gap:22px;font-weight:800;font-size:14px}nav a{text-decoration:none;color:var(--text)}.actions{display:flex;align-items:center;gap:9px}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:12px 17px;background:var(--card);color:var(--text);text-decoration:none;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.04);cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--red),#ef4444);color:#fff;border-color:transparent}.btn.ghost{background:transparent}.theme,.menu{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:13px;padding:11px 13px;font-weight:900;cursor:pointer}.menu{display:none}.hero{position:relative;overflow:hidden;padding:90px 0;background:radial-gradient(circle at 15% 15%,rgba(215,25,32,.12),transparent 34%),linear-gradient(180deg,var(--bg),var(--soft));}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;opacity:.28}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow,.kicker,.head span{font-weight:1000;color:var(--red);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.95;margin:18px 0 22px;letter-spacing:-.06em}.hero h1 strong{display:block;color:var(--red);font-size:.72em;margin-top:10px}.cursor{display:inline-block;width:5px;height:.86em;background:var(--red);margin-left:8px;vertical-align:-.08em;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:720px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{border:1px solid var(--line);background:rgba(255,255,255,.64);border-radius:999px;padding:10px 13px;font-weight:800;color:var(--muted)}body.dark .chips span{background:rgba(255,255,255,.05)}.visual{min-height:470px;border-radius:32px;background:linear-gradient(145deg,#111e33,#07111f);position:relative;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.visual:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 40%,rgba(215,25,32,.45),transparent 22%),radial-gradient(circle at 70% 55%,rgba(56,189,248,.22),transparent 28%)}.ai-orb{position:absolute;right:70px;top:70px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#f1f5f9 38%,#d71920 40%,#7f1d1d 68%,#111827 69%);font-size:44px;font-weight:1000;color:#111827;box-shadow:0 0 70px rgba(215,25,32,.45)}.console{position:absolute;left:34px;bottom:42px;right:34px;border:1px solid rgba(255,255,255,.18);background:rgba(7,16,31,.72);backdrop-filter:blur(14px);border-radius:22px;color:white;padding:22px}.dots i{display:inline-block;width:10px;height:10px;background:#ef4444;border-radius:50%;margin-right:7px}.console p{margin:12px 0}.console .ok{color:#bbf7d0}.badge{position:absolute;z-index:2;background:white;color:#172033;border-radius:18px;padding:15px 18px;font-weight:1000;box-shadow:var(--shadow)}.badge small{display:block;color:#667085;font-weight:800}.b1{top:28px;left:28px}.b2{right:26px;bottom:30px}section{padding:86px 0}.soft{background:var(--soft)}.head{display:grid;grid-template-columns:1fr .9fr;gap:24px;align-items:end;margin-bottom:30px}.head h2,.center h2,.split h2,.contactbox h2{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:10px 0 0;letter-spacing:-.04em}.head p,.center p,.split p,.contactbox p{font-size:18px;line-height:1.7;color:var(--muted)}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card,.panel,.contactbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.card .icon{font-size:34px}.card h3{margin:15px 0 8px;font-size:22px}.card p{color:var(--muted);line-height:1.65}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.check{border-top:1px solid var(--line);padding:18px 0}.check small{display:block;color:var(--muted);margin-top:5px}.center{text-align:center;max-width:850px;margin:0 auto 34px}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}.app span{font-size:28px}.app small{color:var(--muted);line-height:1.5}.step .num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:1000}blockquote{margin:38px 0 0;padding:30px;border-left:6px solid var(--red);background:var(--soft);border-radius:20px;font-size:22px;font-weight:900}.contact{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.contact textarea,.contact select,.contact input{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg);color:var(--text);font:inherit}.contact textarea{grid-column:1/-1;min-height:140px}.contact button{grid-column:1/-1}.hp{position:absolute;left:-9999px}.notice{border:1px solid rgba(215,25,32,.25);background:rgba(215,25,32,.08);padding:16px;border-radius:16px;color:var(--text);font-weight:800}.disabled{color:var(--muted);margin-top:12px}.contact-cards{grid-template-columns:1fr}footer{background:var(--navy);color:#dbe7ff;padding:56px 0 22px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.foot img{width:62px;background:#fff;border-radius:14px;padding:6px}.foot a{display:block;color:#b7c6dd;text-decoration:none;margin-top:10px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;color:#8ea3bf}.legal{max-width:920px;margin:auto;padding:70px 0}.legal h1{font-size:48px}.legal h2{margin-top:36px}.legal p,.legal li{line-height:1.75;color:var(--muted)}@media(max-width:980px){nav{display:none}.menu{display:inline-flex}nav.open{display:flex;position:absolute;left:16px;right:16px;top:82px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.hero-grid,.head,.split,.contact{grid-template-columns:1fr}.cards.three,.cards.four,.apps,.foot{grid-template-columns:1fr 1fr}.visual{min-height:380px}.topbar .container{flex-direction:column}}@media(max-width:620px){.actions .ghost,.actions .primary{display:none}.hero{padding:58px 0}.hero h1{font-size:48px}.lead{font-size:17px}.cards.three,.cards.four,.apps,.foot,.contact form{grid-template-columns:1fr}.contact textarea,.contact button{grid-column:auto}}


/* Sichtbarkeits-Fix für öffentliche Dokument-, Zahlungs- und Portal-Module
   Diese Bereiche bleiben bewusst hell, auch wenn der globale Darkmode aktiv ist. */
.docwrap,.paycard,.invoice-module,.public-card{
  background:#ffffff!important;
  color:#172033!important;
}
.docwrap h1,.docwrap h2,.docwrap h3,.docwrap h4,
.paycard h1,.paycard h2,.paycard h3,.paycard h4,
.invoice-module h1,.invoice-module h2,.invoice-module h3{
  color:#172033!important;
}
.docwrap p,.docwrap li,.docwrap td,.docwrap th,.docwrap small,.docwrap span,
.paycard p,.paycard li,.paycard td,.paycard th,.paycard small,.paycard span,
.invoice-module p,.invoice-module li,.invoice-module td,.invoice-module th,.invoice-module small,.invoice-module span{
  color:#475569!important;
}
.docwrap b,.paycard b,.invoice-module b{color:#172033!important;}
.docwrap table,.paycard table{background:#fff!important;color:#172033!important;}
.docwrap th,.paycard th{background:#f8fafc!important;color:#172033!important;}
.docwrap .total h2,.paycard .amount{color:#d71920!important;}
.docwrap a,.paycard a{color:inherit;}
@media print{.docwrap,.paycard{color:#111827!important;background:#fff!important}.docwrap *,.paycard *{color:#111827!important}}

/* Kundencenter */
.customer-page{background:#f5f7fb;color:#172033}.customer-page a{color:inherit}.customer-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.customer-side{background:#071629;color:#e8f0ff;padding:26px 22px;position:sticky;top:0;height:100vh}.customer-logo{display:flex;flex-direction:column;gap:6px;text-decoration:none;margin-bottom:32px}.customer-logo img{width:78px;background:#fff;border-radius:14px;padding:6px}.customer-logo b{font-size:24px}.customer-logo small{color:#9fb2cc}.customer-side nav{display:flex!important;flex-direction:column;align-items:stretch;gap:8px}.customer-side nav a{padding:13px 14px;border-radius:14px;text-decoration:none;color:#dbe7ff;font-weight:900}.customer-side nav a:hover{background:rgba(255,255,255,.08)}.customer-main{padding:28px;overflow:auto}.customer-top{position:static;background:transparent;border:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.customer-top h1{margin:0;font-size:34px}.customer-top p{margin:6px 0 0;color:#667085}.customer-card{background:#fff;border:1px solid #e6eaf2;border-radius:24px;padding:24px;box-shadow:0 14px 40px rgba(15,23,42,.06);color:#172033}.customer-card h2,.customer-card h3{color:#172033}.customer-card p,.customer-card small,.muted{color:#667085}.customer-grid{display:grid;gap:18px}.customer-grid.two{grid-template-columns:1fr 1fr}.customer-grid.stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.customer-card.stat b{display:block;font-size:34px;color:#d71920}.customer-card.stat span{font-weight:900;color:#667085}.customer-auth{max-width:560px;margin:40px auto}.customer-auth.wide{max-width:980px}.customer-form{display:grid;gap:14px;margin-top:18px}.customer-form.grid2{grid-template-columns:1fr 1fr}.customer-form .full{grid-column:1/-1}.customer-form label{font-weight:900;color:#172033}.customer-form input,.customer-form select,.customer-form textarea{width:100%;margin-top:7px;border:1px solid #d9deea;border-radius:14px;padding:13px 14px;font:inherit;background:#fff;color:#172033}.customer-form textarea{min-height:140px}.customer-table{width:100%;border-collapse:collapse;margin:18px 0}.customer-table th{background:#f8fafc;color:#172033;text-align:left;font-size:13px}.customer-table th,.customer-table td{padding:13px 10px;border-bottom:1px solid #e6eaf2;vertical-align:top}.pill{display:inline-flex;border-radius:999px;background:#eef2f7;color:#172033!important;padding:5px 9px;font-weight:900;font-size:12px}.btn.small{padding:8px 11px;border-radius:10px;font-size:13px}.invoice-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.invoice-detail .amount{font-size:34px;font-weight:1000;color:#d71920}.invoice-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.thread{display:grid;gap:12px;margin:18px 0}.msg{border:1px solid #e6eaf2;border-radius:18px;padding:16px;background:#f8fafc}.msg.admin{background:#fff1f2;border-color:#fecdd3}.msg.customer{background:#eff6ff;border-color:#bfdbfe}.msg b{display:block}.msg small{display:block;margin:3px 0 10px}.reply{border-top:1px solid #e6eaf2;padding-top:18px}.notice.err{background:#fee2e2;color:#991b1b!important;border-color:#fecaca}@media(max-width:900px){.customer-shell{grid-template-columns:1fr}.customer-side{position:static;height:auto}.customer-side nav{flex-direction:row!important;flex-wrap:wrap}.customer-main{padding:18px}.customer-grid.two,.customer-grid.stats,.customer-form.grid2{grid-template-columns:1fr}.invoice-head,.customer-top{display:block}.customer-table{display:block;overflow:auto}}