490 lines
24 KiB
HTML
490 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Fuchs Intranet — Das ist neu</title>
|
||
<style>
|
||
:root{
|
||
--blue:#1b4379; /* $fuchs_blau */
|
||
--blue-2:#2a5da3;
|
||
--accent:#56a532; /* $fuchs_akzent */
|
||
--accent-2:#74c14a;
|
||
--ink:#12243f;
|
||
--ink-2:#1a2f52;
|
||
--paper:#f4f6fa;
|
||
--card:#ffffff;
|
||
--text:#1c2430;
|
||
--muted:#586172;
|
||
--line:#e3e8f0; /* near $fuchs_lightgray */
|
||
--green:#56a532;
|
||
--shadow:0 18px 50px -20px rgba(18,36,63,.35);
|
||
}
|
||
*{box-sizing:border-box}
|
||
html{scroll-behavior:smooth}
|
||
body{
|
||
margin:0;
|
||
font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
|
||
color:var(--text);
|
||
background:var(--paper);
|
||
line-height:1.6;
|
||
-webkit-font-smoothing:antialiased;
|
||
}
|
||
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
|
||
|
||
/* ---------- HERO ---------- */
|
||
.hero{
|
||
position:relative;
|
||
color:#fff;
|
||
background:
|
||
radial-gradient(1200px 500px at 80% -10%, rgba(86,165,50,.38), transparent 60%),
|
||
radial-gradient(900px 500px at 0% 10%, rgba(42,93,163,.50), transparent 55%),
|
||
linear-gradient(160deg,#1b3a63 0%, #12243f 60%, #0b1727 100%);
|
||
overflow:hidden;
|
||
border-bottom:1px solid rgba(255,255,255,.06);
|
||
}
|
||
.hero::after{
|
||
content:"";position:absolute;inset:0;
|
||
background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.25));
|
||
pointer-events:none;
|
||
}
|
||
.hero .wrap{position:relative;z-index:2;padding:78px 24px 92px}
|
||
.eyebrow{
|
||
display:inline-flex;align-items:center;gap:9px;
|
||
font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
|
||
color:var(--accent-2);
|
||
background:rgba(86,165,50,.12);
|
||
border:1px solid rgba(86,165,50,.28);
|
||
padding:7px 15px;border-radius:100px;
|
||
}
|
||
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
|
||
h1{
|
||
font-size:clamp(2.1rem,5vw,3.6rem);
|
||
line-height:1.08;margin:22px 0 16px;font-weight:800;letter-spacing:-.02em;
|
||
}
|
||
h1 .grad{
|
||
background:linear-gradient(92deg,var(--accent-2),#fff 70%);
|
||
-webkit-background-clip:text;background-clip:text;color:transparent;
|
||
}
|
||
.lede{font-size:clamp(1.05rem,2.2vw,1.28rem);color:#c7cdda;max-width:640px;margin:0}
|
||
.hero-meta{
|
||
display:flex;flex-wrap:wrap;gap:26px;margin-top:38px;
|
||
padding-top:26px;border-top:1px solid rgba(255,255,255,.1);
|
||
}
|
||
.hero-meta div{min-width:120px}
|
||
.hero-meta b{display:block;font-size:1.7rem;font-weight:800;color:#fff}
|
||
.hero-meta span{font-size:.86rem;color:#98a1b3}
|
||
|
||
/* ---------- SECTIONS ---------- */
|
||
section{padding:64px 0}
|
||
.section-head{max-width:680px;margin-bottom:40px}
|
||
.section-head .kicker{color:var(--accent);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
|
||
h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:10px 0 12px;font-weight:800;letter-spacing:-.02em}
|
||
.section-head p{color:var(--muted);font-size:1.06rem;margin:0}
|
||
|
||
/* ---------- FEATURE CARDS ---------- */
|
||
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
|
||
.card{
|
||
background:var(--card);
|
||
border:1px solid var(--line);
|
||
border-radius:18px;
|
||
padding:28px 26px;
|
||
box-shadow:var(--shadow);
|
||
position:relative;
|
||
transition:transform .25s ease, box-shadow .25s ease;
|
||
overflow:hidden;
|
||
}
|
||
.card::before{
|
||
content:"";position:absolute;top:0;left:0;right:0;height:3px;
|
||
background:linear-gradient(90deg,var(--accent),var(--accent-2));
|
||
opacity:.9;
|
||
}
|
||
.card:hover{transform:translateY(-5px);box-shadow:0 26px 60px -24px rgba(20,24,33,.45)}
|
||
.card .ico{
|
||
width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
|
||
background:linear-gradient(150deg,rgba(86,165,50,.16),rgba(116,193,74,.06));
|
||
border:1px solid rgba(86,165,50,.22);
|
||
font-size:1.5rem;margin-bottom:16px;
|
||
}
|
||
.card h3{margin:0 0 8px;font-size:1.18rem;font-weight:700}
|
||
.card p{margin:0;color:var(--muted);font-size:.97rem}
|
||
.card .tag{
|
||
display:inline-block;margin-top:16px;font-size:.75rem;font-weight:600;
|
||
color:var(--accent);background:rgba(86,165,50,.09);
|
||
border:1px solid rgba(86,165,50,.2);padding:4px 11px;border-radius:100px;
|
||
}
|
||
|
||
/* ---------- BEFORE / AFTER ---------- */
|
||
.compare{background:linear-gradient(180deg,#fff,#f2f4f9);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
|
||
.table-scroll{overflow-x:auto;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line)}
|
||
table{border-collapse:collapse;width:100%;min-width:640px;background:#fff}
|
||
th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top}
|
||
thead th{background:var(--ink);color:#fff;font-weight:600;font-size:.92rem;letter-spacing:.01em}
|
||
thead th:first-child{border-top-left-radius:16px}
|
||
thead th:last-child{border-top-right-radius:16px}
|
||
tbody tr:last-child td{border-bottom:none}
|
||
td.feat{font-weight:700;color:var(--ink);width:24%}
|
||
td.old{color:var(--muted)}
|
||
td.old::before{content:"✕ ";color:#c4453b;font-weight:700}
|
||
td.new{color:#1c2733}
|
||
td.new::before{content:"✓ ";color:var(--green);font-weight:700}
|
||
tbody tr:nth-child(even){background:#fafbfe}
|
||
|
||
/* ---------- SPOTLIGHT ---------- */
|
||
.spot{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
|
||
.spot-card{
|
||
background:linear-gradient(160deg,var(--ink),var(--ink-2));
|
||
color:#fff;border-radius:22px;padding:34px;box-shadow:var(--shadow);
|
||
border:1px solid rgba(255,255,255,.07);
|
||
}
|
||
.spot-card h3{margin:0 0 14px;font-size:1.35rem}
|
||
.spot-card ul{margin:0;padding:0;list-style:none}
|
||
.spot-card li{position:relative;padding:9px 0 9px 30px;color:#cdd3df;border-bottom:1px dashed rgba(255,255,255,.09)}
|
||
.spot-card li:last-child{border-bottom:none}
|
||
.spot-card li::before{content:"→";position:absolute;left:0;color:var(--accent-2);font-weight:800}
|
||
.spot-text h2{margin-top:0}
|
||
.spot-text p{color:var(--muted)}
|
||
.chip{display:inline-block;font-size:.78rem;font-weight:600;color:var(--accent);background:rgba(86,165,50,.1);border:1px solid rgba(86,165,50,.22);padding:5px 12px;border-radius:100px;margin-bottom:14px}
|
||
|
||
/* ---------- KEY USER BOX ---------- */
|
||
.keyuser{background:var(--ink);color:#fff}
|
||
.keyuser .section-head p{color:#a7afbe}
|
||
.ku-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
|
||
.ku{
|
||
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);
|
||
border-radius:16px;padding:24px;
|
||
}
|
||
.ku h3{margin:0 0 8px;font-size:1.05rem;color:#fff}
|
||
.ku h3 span{color:var(--accent-2)}
|
||
.ku p{margin:0;color:#a7afbe;font-size:.93rem}
|
||
|
||
/* ---------- EDITOR STEPS ---------- */
|
||
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:8px}
|
||
.step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:0 10px 30px -20px rgba(18,36,63,.3)}
|
||
.step .n{font-size:.78rem;font-weight:800;color:var(--accent);letter-spacing:.08em}
|
||
.step h4{margin:6px 0 6px;font-size:1.04rem}
|
||
.step p{margin:0;color:var(--muted);font-size:.93rem}
|
||
|
||
/* ---------- SET-PRICE PANEL ---------- */
|
||
.setpanel{
|
||
margin-top:34px;border:1px solid var(--line);border-radius:22px;
|
||
background:linear-gradient(160deg,#ffffff,#eef4ea);
|
||
padding:34px 32px;box-shadow:var(--shadow);position:relative;overflow:hidden;
|
||
}
|
||
.setpanel::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--accent))}
|
||
.setpanel > .ttl{display:flex;align-items:center;gap:12px;margin-bottom:6px}
|
||
.setpanel > .ttl .badge{font-size:1.4rem}
|
||
.setpanel h3{margin:0;font-size:1.35rem;font-weight:800;color:var(--blue)}
|
||
.setpanel > p{margin:8px 0 0;color:var(--muted);max-width:720px}
|
||
.setgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:26px}
|
||
.setvar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;box-shadow:0 12px 32px -22px rgba(18,36,63,.4);display:flex;flex-direction:column}
|
||
.setvar .num{
|
||
width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
|
||
background:linear-gradient(150deg,var(--blue),var(--blue-2));color:#fff;font-weight:800;
|
||
font-size:1.05rem;margin-bottom:14px;
|
||
}
|
||
.setvar h4{margin:0 0 8px;font-size:1.06rem;line-height:1.3}
|
||
.setvar h4 small{display:block;font-size:.76rem;font-weight:600;color:var(--accent);letter-spacing:.04em;margin-top:3px}
|
||
.setvar p{margin:0 0 12px;color:var(--muted);font-size:.93rem}
|
||
.setvar .kv{margin-top:auto;font-size:.82rem;color:var(--blue);font-weight:600}
|
||
.pill{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:100px;margin-top:10px}
|
||
.pill.rev{color:#8a6d3b;background:rgba(210,150,40,.14);border:1px solid rgba(210,150,40,.35)}
|
||
.pill.one{color:#a03d2e;background:rgba(196,69,59,.12);border:1px solid rgba(196,69,59,.3)}
|
||
.setnote{
|
||
margin-top:24px;padding:16px 20px;border-radius:14px;
|
||
background:rgba(27,67,121,.06);border:1px solid rgba(27,67,121,.16);
|
||
color:#2a3b52;font-size:.92rem;
|
||
}
|
||
.setnote b{color:var(--blue)}
|
||
|
||
/* ---------- FOOTER ---------- */
|
||
footer{padding:44px 0;text-align:center;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}
|
||
footer b{color:var(--ink)}
|
||
|
||
@media(max-width:760px){
|
||
.spot{grid-template-columns:1fr}
|
||
section{padding:48px 0}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="hero">
|
||
<div class="wrap">
|
||
<span class="eyebrow"><span class="dot"></span>Release-Übersicht · 2026</span>
|
||
<h1>Ihr Intranet wird<br><span class="grad">schneller, sicherer, transparenter.</span></h1>
|
||
<p class="lede">Die neue Generation des Fuchs Intranets bringt Live-Vorschau bei der Rechnungserstellung, Echtzeit-Rückmeldungen, extern validierte E-Rechnung (ZUGFeRD/DATEV und XRechnung) und eine durchgängig geprüfte Datenverarbeitung — ohne dass sich Ihr gewohnter Arbeitsablauf verändert.</p>
|
||
<div class="hero-meta">
|
||
<div><b>E-Rechnung</b><span>ZUGFeRD / XRechnung · extern validiert</span></div>
|
||
<div><b>Echtzeit</b><span>Live-Vorschau & Benachrichtigungen</span></div>
|
||
<div><b>.NET 10</b><span>Moderne, geprüfte Plattform</span></div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- WAS NEU IST -->
|
||
<section>
|
||
<div class="wrap">
|
||
<div class="section-head">
|
||
<span class="kicker">Das Wichtigste auf einen Blick</span>
|
||
<h2>Die neuen Funktionen für Ihren Alltag</h2>
|
||
<p>Alle Neuerungen zielen auf dasselbe Ziel: weniger Fehler, mehr Überblick und Rechnungen, die auf Anhieb korrekt sind.</p>
|
||
</div>
|
||
<div class="grid">
|
||
|
||
<div class="card">
|
||
<div class="ico">👁️</div>
|
||
<h3>Live-Vorschau beim Bearbeiten</h3>
|
||
<p>Während Sie eine Rechnung bearbeiten, sehen Sie das fertige PDF sofort in Echtzeit — genau so, wie es der Kunde erhält. Kein Zwischenspeichern, kein Raten mehr.</p>
|
||
<span class="tag">Rechnungen & Zahlungserinnerungen</span>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="ico">🧮</div>
|
||
<h3>Alle Beträge serverseitig berechnet</h3>
|
||
<p>Summen, Mehrwertsteuer, §13b-Umkehr und offene Beträge rechnet ab sofort der Server — geprüft und einheitlich. Der Bildschirm zeigt immer denselben Stand wie das PDF.</p>
|
||
<span class="tag">Keine Rechenfehler mehr</span>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="ico">🔔</div>
|
||
<h3>Benachrichtigungen in Echtzeit</h3>
|
||
<p>„Rechnung R2026-0001 wurde an den Kunden versandt." — Erfolg <em>und</em> Fehler erscheinen sofort als deutlich lesbare Meldung. Kein Nachschauen in Listen mehr.</p>
|
||
<span class="tag">Sofortiges Feedback</span>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="ico">🧾</div>
|
||
<h3>Extern geprüfte E-Rechnung</h3>
|
||
<p>Rechnungen werden automatisch als ZUGFeRD 2.4 / Factur-X (DATEV) ausgegeben — oder, sobald eine Leitweg-ID hinterlegt ist, als XRechnung 3.0 für den Behördenversand. Beide Formate sind bei einem externen Prüfdienst als fehlerfrei (0 Fehler) und PDF/A-3-konform bestätigt.</p>
|
||
<span class="tag">ZUGFeRD 2.4 · XRechnung 3.0 · Extern validiert</span>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="ico">🕓</div>
|
||
<h3>Änderungshistorie & Verwerfen</h3>
|
||
<p>Jede Änderung an einem Entwurf wird protokolliert. Über „Änderungshistorie" sehen Sie, was passiert ist, und mit „Änderungen verwerfen" kehren Sie jederzeit zum gespeicherten Stand zurück.</p>
|
||
<span class="tag">Volle Nachvollziehbarkeit</span>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="ico">🏦</div>
|
||
<h3>Mehr Bankformate</h3>
|
||
<p>Kontoauszüge werden jetzt auch im modernen ISO-20022-Format (CAMT) automatisch erkannt und eingelesen — zusätzlich zum bewährten MT940. Das Format wird selbstständig erkannt.</p>
|
||
<span class="tag">CAMT + MT940</span>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- SPOTLIGHT: Live-Editor -->
|
||
<section style="padding-top:12px">
|
||
<div class="wrap">
|
||
<div class="spot">
|
||
<div class="spot-text">
|
||
<span class="chip">Highlight</span>
|
||
<h2>Der Rechnungs-Editor, der mitdenkt</h2>
|
||
<p>Früher rechnete der Browser — heute ist der Server die einzige verbindliche Quelle. Das klingt technisch, bedeutet für Sie aber vor allem: Was Sie sehen, stimmt. Immer.</p>
|
||
<p>Gilt für <strong>alle Rechnungsarten</strong> (Regel-, Abschlags-, Schluss- und Stornorechnung) und <strong>alle Mahnstufen</strong> — das Online-Bild und das PDF sind garantiert identisch, bis hin zur Positionsnummerierung.</p>
|
||
</div>
|
||
<div class="spot-card">
|
||
<h3>Was der Editor jetzt automatisch tut</h3>
|
||
<ul>
|
||
<li>Rechnet Netto, MwSt. und Brutto sofort korrekt neu</li>
|
||
<li>Prüft E-Mail, Adresse, Positionen und Steuersätze live</li>
|
||
<li>Erzeugt die PDF-Vorschau direkt aus dem aktuellen Stand</li>
|
||
<li>Nummeriert Positionen auch nach Umsortieren korrekt durch</li>
|
||
<li>Warnt rechtzeitig, bevor ein Entwurf abläuft</li>
|
||
<li>Speichert erst final, wenn Sie es bestätigen</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ONLINE-EDITOR IM DETAIL -->
|
||
<section>
|
||
<div class="wrap">
|
||
<div class="section-head">
|
||
<span class="kicker">Der Online-Editor im Detail</span>
|
||
<h2>Rechnungen direkt im Browser erstellen</h2>
|
||
<p>Der neue Rechnungs-Editor führt Sie Schritt für Schritt zur fertigen Rechnung — komfortabel zu bedienen und dabei jederzeit rechnerisch abgesichert. Er gilt für alle Rechnungsarten (Regel-, Abschlags-, Schluss- und Stornorechnung).</p>
|
||
</div>
|
||
|
||
<div class="steps">
|
||
<div class="step"><div class="n">BEARBEITEN</div><h4>Direkt im Feld</h4><p>Texte und Positionen bearbeiten Sie direkt an Ort und Stelle — ein Klick genügt.</p></div>
|
||
<div class="step"><div class="n">EMPFÄNGER</div><h4>Adresse als Formular</h4><p>Die Rechnungsadresse erfassen Sie strukturiert (Name, Straße, PLZ, Ort, Land, optional USt-IdNr., bei Behörden die Leitweg-ID) — vorausgefüllt aus den Kundendaten, ergänzt um Leistungsdatum bzw. Leistungszeitraum. Ein Hinweis zeigt, ob alles für die DATEV-/E-Rechnung passt; ist eine Leitweg-ID gesetzt, wird automatisch als XRechnung statt ZUGFeRD ausgegeben. Für Privatpersonen bleibt die USt-IdNr. einfach leer.</p></div>
|
||
<div class="step"><div class="n">ORDNEN</div><h4>Blöcke & Reihenfolge</h4><p>Positionen sind je Auftrag in Abschnitten gebündelt und lassen sich per Ziehen neu sortieren; die Nummerierung passt sich automatisch an.</p></div>
|
||
<div class="step"><div class="n">RECHNEN</div><h4>Summen & Steuer live</h4><p>Netto, Mehrwertsteuer, Brutto und die §13b-Umkehr werden bei jeder Änderung sofort und geprüft neu berechnet.</p></div>
|
||
<div class="step"><div class="n">PRÜFEN</div><h4>Vorschau auf Knopfdruck</h4><p>Die PDF-Vorschau entsteht direkt aus dem aktuellen Stand — was Sie sehen, ist exakt das, was der Kunde erhält.</p></div>
|
||
</div>
|
||
|
||
<!-- SET-PREIS-VARIANTEN -->
|
||
<div class="setpanel">
|
||
<div class="ttl"><span class="badge">📦</span><h3>Set-Preis: drei Wege, Positionen zusammenzufassen</h3></div>
|
||
<p>Oft sollen mehrere Einzelpositionen zu <em>einem</em> Set-Preis zusammengefasst werden — etwa als Pauschale pro Auftrag. Dafür gibt es drei klar getrennte Funktionen. Bei allen bleibt die <strong>Rechnungssumme unverändert</strong>; die Set-Zeile trägt genau den Wert der zusammengefassten Positionen.</p>
|
||
|
||
<div class="setgrid">
|
||
|
||
<div class="setvar">
|
||
<div class="num">1</div>
|
||
<h4>Einzelne Set-Position zusammenfassen<small>Zeilen-Schaltfläche · direkt an der Position</small></h4>
|
||
<p>Für eine einzelne Set-Position: Der Set-Kopf übernimmt die Summe seiner zugehörigen Teilpositionen, deren Einzelpreise werden dann leer dargestellt (kein Preis, nicht 0,00 €).</p>
|
||
<span class="kv">Wirkt auf: eine markierte Set-Position</span>
|
||
<span class="pill one">Einmalig — nicht per Klick umkehrbar</span>
|
||
</div>
|
||
|
||
<div class="setvar">
|
||
<div class="num">2</div>
|
||
<h4>„Set mit Preis"<small>Menü · ganzer Auftragsblock</small></h4>
|
||
<p>Für jeden Auftragsblock wird oben eine hervorgehobene Set-Zeile mit dem Gesamtwert des Blocks eingefügt. Die bisherigen Einzelpositionen <strong>bleiben sichtbar</strong>, jedoch ohne Einzelpreis (leeres Preisfeld). Die eingefügte Set-Zeile ist eine echte, nachträglich editierbare Position.</p>
|
||
<span class="kv">Wirkt auf: jeden Auftragsblock · Positionen bleiben erhalten</span>
|
||
<span class="pill rev">Einmalige Umwandlung</span>
|
||
</div>
|
||
|
||
<div class="setvar">
|
||
<div class="num">3</div>
|
||
<h4>„Nur Set mit Preis"<small>Menü · ganzer Auftragsblock</small></h4>
|
||
<p>Wie „Set mit Preis" — aber die Einzelpositionen werden <strong>vollständig entfernt</strong>. Es bleibt allein die eine Set-Zeile mit dem Gesamtpreis des Blocks stehen. Ideal für eine schlanke Pauschal-Darstellung.</p>
|
||
<span class="kv">Wirkt auf: jeden Auftragsblock · Positionen werden entfernt</span>
|
||
<span class="pill rev">Einmalige Umwandlung</span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="setnote">
|
||
<b>Gut zu wissen:</b> Die beiden Menü-Varianten (2 & 3) sind bewusste, <b>einmalige Umwandlungen</b> — es gibt keinen Umschalter zurück. Möchten Sie den Ausgangszustand wiederherstellen, verwerfen Sie einfach den Entwurf („Änderungen verwerfen"), oder passen Sie die entstandene Set-Zeile von Hand an. In jedem Fall gilt: die <b>Gesamtsumme ändert sich nicht</b>, und die PDF-Ausgabe zeigt exakt dasselbe wie der Online-Editor.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- BEFORE / AFTER -->
|
||
<section class="compare">
|
||
<div class="wrap">
|
||
<div class="section-head">
|
||
<span class="kicker">Alt gegen Neu</span>
|
||
<h2>Was sich konkret verbessert hat</h2>
|
||
<p>Ein direkter Vergleich der bisherigen Lösung mit der neuen Implementierung.</p>
|
||
</div>
|
||
<div class="table-scroll">
|
||
<table>
|
||
<thead>
|
||
<tr><th>Bereich</th><th>Bisher (Legacy)</th><th>Neu</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="feat">Rechnungsvorschau</td>
|
||
<td class="old">Kein Live-PDF — Ergebnis erst nach dem Speichern sichtbar</td>
|
||
<td class="new">Echtzeit-PDF-Vorschau schon während der Bearbeitung</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">Berechnung</td>
|
||
<td class="old">Beträge im Browser gerechnet — Abweichungen möglich</td>
|
||
<td class="new">Alle Werte serverseitig geprüft & einheitlich berechnet</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">Rückmeldungen</td>
|
||
<td class="old">Keine aktive Meldung — Status nur durch Nachschauen</td>
|
||
<td class="new">Sofortige Erfolgs- und Fehlermeldungen in Echtzeit</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">Fehler im Hintergrund</td>
|
||
<td class="old">Nur im Protokoll — für den Nutzer unsichtbar</td>
|
||
<td class="new">Werden dem Nutzer verständlich angezeigt</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">Rechnungsformat</td>
|
||
<td class="old">Reines PDF</td>
|
||
<td class="new">Zusätzlich extern validierte E-Rechnung (ZUGFeRD/DATEV oder XRechnung für Behörden) — 0 Fehler, PDF/A-3 bestätigt</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">Änderungsverlauf</td>
|
||
<td class="old">Nicht vorhanden</td>
|
||
<td class="new">Vollständige Historie & gezieltes Verwerfen je Entwurf</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">Kontoauszüge</td>
|
||
<td class="old">Nur MT940</td>
|
||
<td class="new">MT940 <em>und</em> CAMT (ISO 20022) mit Auto-Erkennung</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">System-Überblick</td>
|
||
<td class="old">Kein Einblick in den Systemzustand</td>
|
||
<td class="new">Admin-/Status-Modul mit Live-Prüfungen (für berechtigte Nutzer)</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="feat">Plattform</td>
|
||
<td class="old">Ältere VB-Codebasis</td>
|
||
<td class="new">Modernes .NET 10 — schneller, gepflegt, umfangreich getestet</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- KEY USER -->
|
||
<section class="keyuser">
|
||
<div class="wrap">
|
||
<div class="section-head">
|
||
<span class="kicker" style="color:var(--accent-2)">Für den Key-User</span>
|
||
<h2>Mehr Kontrolle hinter den Kulissen</h2>
|
||
<p>Diese Punkte betreffen vor allem Sie als Key-User — sie sorgen dafür, dass der Betrieb stabil, nachvollziehbar und überprüfbar bleibt.</p>
|
||
</div>
|
||
<div class="ku-grid">
|
||
<div class="ku">
|
||
<h3><span>◆</span> Admin- & Status-Modul</h3>
|
||
<p>Ein eigenes Modul zeigt den Zustand des Systems: Server, Datenbank, Schlüsseltresor, Speicher und die ERP-Anbindung werden live geprüft. Inklusive Test-E-Mail-Funktion — sichtbar nur für berechtigte Nutzer.</p>
|
||
</div>
|
||
<div class="ku">
|
||
<h3><span>◆</span> Durchgängige Nachvollziehbarkeit</h3>
|
||
<p>Jeder wichtige Geschäftsvorfall — erstellt, versandt, importiert, fehlgeschlagen — wird als Ereignis erfasst und in verständliche Meldungen übersetzt.</p>
|
||
</div>
|
||
<div class="ku">
|
||
<h3><span>◆</span> Überwachung & Diagnose</h3>
|
||
<p>Moderne Telemetrie (OpenTelemetry) misst Abläufe, Laufzeiten und Fehler. Probleme lassen sich damit früher erkennen und schneller eingrenzen.</p>
|
||
</div>
|
||
<div class="ku">
|
||
<h3><span>◆</span> Automatischer ERP-Abgleich</h3>
|
||
<p>Der Abgleich mit dem ERP-System (mfr) läuft zuverlässig im Hintergrund direkt in der Anwendung — mit automatischer Wiederholung bei kurzzeitigen Störungen.</p>
|
||
</div>
|
||
<div class="ku">
|
||
<h3><span>◆</span> Sichere Konfiguration</h3>
|
||
<p>Zugangsdaten liegen im zentralen Azure Key Vault. Eine Test-Schutzfunktion verhindert, dass in Test-Umgebungen versehentlich echte Kunden angeschrieben werden.</p>
|
||
</div>
|
||
<div class="ku">
|
||
<h3><span>◆</span> Umfassend getestet</h3>
|
||
<p>Die Kernlogik ist durch eine breite, automatisierte Testabdeckung abgesichert — erfolgreiche wie fehlerhafte Abläufe werden geprüft, bevor Änderungen live gehen.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- UNVERÄNDERT / VERTRAUT -->
|
||
<section>
|
||
<div class="wrap">
|
||
<div class="section-head">
|
||
<span class="kicker">Vertraut geblieben</span>
|
||
<h2>Was sich für Sie <em>nicht</em> ändert</h2>
|
||
<p>Modernisiert wurde die Technik — nicht Ihre Arbeitsweise.</p>
|
||
</div>
|
||
<div class="grid">
|
||
<div class="card"><div class="ico">🗂️</div><h3>Gewohnte Module</h3><p>Rechnungen, Zahlungserinnerungen, Anfragen, Banking und Berichte finden Sie an denselben Stellen wie bisher.</p></div>
|
||
<div class="card"><div class="ico">📄</div><h3>Vertrautes Layout</h3><p>Briefkopf, Adressfenster und Rechnungslayout wurden 1:1 übernommen — Ihre Dokumente sehen aus wie gewohnt.</p></div>
|
||
<div class="card"><div class="ico">🔐</div><h3>Gleiche Anmeldung</h3><p>Login und Berechtigungen bleiben unverändert. Neue Funktionen erscheinen nur dort, wo Sie dafür berechtigt sind.</p></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<div class="wrap">
|
||
<p><b>Fuchs Intranet</b> — Neue Implementierung · Stand Juli 2026<br>
|
||
Sebastian Fuchs Bad und Heizung GmbH & Co. KG · Bereitgestellt von ProcessWeb</p>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|