132 lines
7.1 KiB
HTML
132 lines
7.1 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>ASSESSOR · Management Report · verfügbarer Datenstand</title>
|
|
<style>
|
|
@font-face {
|
|
font-family: Inter;
|
|
src: url("assets/inter-latin.woff2") format("woff2");
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
:root {
|
|
--ink: #17171c;
|
|
--muted: #5c6069;
|
|
--line: #cfcfd8;
|
|
--paper: #fff;
|
|
--surface: #f5f5f7;
|
|
--navy: #123047;
|
|
--orange: #df752d;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; background: #e7e7eb; color: var(--ink); font: 400 14px/1.46 Inter, Arial, sans-serif; }
|
|
.page { width: 210mm; min-height: 297mm; margin: 16px auto; padding: 12mm 16mm 11mm; background: var(--paper); display: flex; flex-direction: column; }
|
|
.mast { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 2px solid var(--navy); }
|
|
.brand { display: flex; align-items: center; gap: 9px; color: var(--navy); font-size: 19px; font-weight: 700; letter-spacing: .06em; }
|
|
.brand img { width: 31px; height: 31px; object-fit: contain; }
|
|
.mast-note { color: var(--navy); text-align: right; font-size: 11px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
|
|
.kicker { margin: 20px 0 7px; color: var(--orange); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
|
|
h1 { margin: 0; color: var(--navy); font-size: 31px; line-height: 1.12; font-weight: 600; }
|
|
h2 { margin: 0 0 9px; color: var(--navy); font-size: 18px; font-weight: 600; }
|
|
p { margin: 0 0 9px; }
|
|
.subtitle { margin: 9px 0 15px; color: var(--muted); }
|
|
.meta { display: flex; flex-wrap: wrap; gap: 7px 18px; padding: 8px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
|
|
.meta strong { color: var(--ink); font-weight: 600; }
|
|
.intro { margin: 19px 0 23px; padding: 15px 18px; border-left: 5px solid var(--orange); background: var(--surface); }
|
|
.intro p { margin: 0; font-size: 17px; line-height: 1.4; }
|
|
.facts { display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 2px solid var(--navy); border-bottom: 1px solid var(--line); }
|
|
.fact { padding: 15px 14px 14px; border-right: 1px solid var(--line); }
|
|
.fact:last-child { border-right: 0; }
|
|
.fact strong { display: block; color: var(--navy); font-size: 27px; line-height: 1.15; font-weight: 600; font-variant-numeric: tabular-nums; }
|
|
.fact span { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; }
|
|
.fact small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
|
|
.content { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 28px; }
|
|
.content section { border-top: 2px solid var(--navy); padding-top: 12px; }
|
|
.content ul { margin: 0; padding-left: 18px; }
|
|
.content li { margin-bottom: 9px; }
|
|
.content li:last-child { margin-bottom: 0; }
|
|
.content .limited { color: var(--muted); }
|
|
.scope { margin-top: 30px; padding: 14px 16px; background: var(--surface); }
|
|
.scope h2 { font-size: 15px; margin-bottom: 6px; }
|
|
.scope p:last-child { margin-bottom: 0; }
|
|
.foot { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--navy); display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 10px; }
|
|
.foot strong { color: var(--navy); font-weight: 600; }
|
|
@media (max-width: 800px) {
|
|
body { background: #fff; }
|
|
.page { width: auto; min-height: 0; margin: 0; padding: 18px 16px 26px; }
|
|
.facts, .content { grid-template-columns: 1fr; }
|
|
.fact { border-right: 0; border-bottom: 1px solid var(--line); }
|
|
.fact:last-child { border-bottom: 0; }
|
|
h1 { font-size: 27px; }
|
|
}
|
|
@page { size: A4; margin: 0; }
|
|
@media print {
|
|
body { background: #fff; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
|
.page { margin: 0; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main class="page">
|
|
<header class="mast">
|
|
<div class="brand"><img src="assets/assessor-icon-light-128.png" alt="">ASSESSOR</div>
|
|
<div class="mast-note">Management Report<br>Vertraulich</div>
|
|
</header>
|
|
|
|
<p class="kicker">Verfügbarer ASSESSOR-Datenstand</p>
|
|
<h1>Ergebnisse des Security Assessments</h1>
|
|
<p class="subtitle">Dummy · Automatisch verfügbare Befunde und Bestandsangaben in einer Managementansicht.</p>
|
|
<div class="meta">
|
|
<span><strong>Domäne:</strong> sevenkingdoms.local</span>
|
|
<span><strong>Berichtsdatum:</strong> 29.09.2026</span>
|
|
<span><strong>Erhebungszeitraum:</strong> nicht einheitlich ausgewiesen</span>
|
|
</div>
|
|
|
|
<div class="intro">
|
|
<p>ASSESSOR weist technische Abweichungen aus. Wie stark sie konkrete Geschäftsprozesse betreffen und welche davon vorrangig sind, lässt sich aus dem aktuellen Report-Datenstand nicht belastbar bestimmen.</p>
|
|
</div>
|
|
|
|
<section aria-labelledby="facts-title">
|
|
<h2 id="facts-title">Erfasste Werte</h2>
|
|
<div class="facts">
|
|
<div class="fact"><strong>1</strong><span>Domänencontroller erfasst</span><small>Bestandsangabe zum Erhebungszeitpunkt</small></div>
|
|
<div class="fact"><strong>998</strong><span>Einzelprüfungen bewertet</span><small>Unterschiedliche technische Prüfgegenstände</small></div>
|
|
<div class="fact"><strong>579</strong><span>Abweichende Ergebnisse</span><small>Keine Anzahl unabhängiger Geschäftsrisiken</small></div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="content">
|
|
<section aria-labelledby="known-title">
|
|
<h2 id="known-title">Aus dem Datenstand ableitbar</h2>
|
|
<ul>
|
|
<li>Technische Prüfergebnisse, deren Status und zugeordnete Sicherheitsbereiche.</li>
|
|
<li>Ein erfasster Domänencontroller. Der Report belegt keine zweite AD-Instanz.</li>
|
|
<li>Gespeicherte Reviewangaben, sofern sie vom Kunden gepflegt wurden; sie sind kein technischer Nachweis einer Behebung.</li>
|
|
</ul>
|
|
</section>
|
|
<section aria-labelledby="limits-title">
|
|
<h2 id="limits-title">Nicht belastbar ableitbar</h2>
|
|
<ul class="limited">
|
|
<li>Konkrete Auswirkungen auf geschäftskritische Dienste oder OT.</li>
|
|
<li>Eine bestätigte Kompromittierung oder ein vollständig validierter Angriffspfad.</li>
|
|
<li>Aktuelle Wiederherstellbarkeit, spätere Änderungen oder ein Fortschritt seit den Scans.</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<aside class="scope" aria-labelledby="scope-title">
|
|
<h2 id="scope-title">Aussagebereich</h2>
|
|
<p>Die Zahlen beschreiben gespeicherte Prüfergebnisse verschiedener Quellen und Erhebungszeitpunkte. Sie sind weder ein unternehmensweiter Risikoscore noch eine Priorisierung nach betrieblicher Wirkung. Für eine individuelle Risikoeinordnung fehlen im heutigen Reportmodell geprüfte Szenarioregeln und kundenseitige Dienstabhängigkeiten.</p>
|
|
</aside>
|
|
|
|
<footer class="foot">
|
|
<span><strong>ASSESSOR 2.9.0</strong> · Dummy · Darstellungsentwurf auf Basis vorhandener Reportdaten</span>
|
|
<span>1 / 1</span>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|