188 lines
14 KiB
HTML
188 lines
14 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>ASSESSOR · Faktenbericht · Dummy</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;
|
||
--navy: #123047;
|
||
--line: #cfd1d7;
|
||
--paper: #fff;
|
||
--surface: #f5f5f7;
|
||
--orange: #df752d;
|
||
--heat-0: #e7e8ec;
|
||
--heat-1: #f8dfcb;
|
||
--heat-2: #edb68d;
|
||
--heat-3: #e68f51;
|
||
}
|
||
* { box-sizing: border-box; }
|
||
body { margin: 0; background: #e7e7eb; color: var(--ink); font: 400 14px/1.45 Inter, Arial, sans-serif; }
|
||
.sheet { 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: 30px; line-height: 1.13; font-weight: 600; }
|
||
h2 { margin: 0; color: var(--navy); font-size: 18px; font-weight: 600; }
|
||
p { margin: 0 0 8px; }
|
||
.subtitle { margin: 8px 0 14px; color: var(--muted); font-size: 14px; }
|
||
.meta { display: flex; flex-wrap: wrap; gap: 6px 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; }
|
||
.facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 21px 0 26px; border-top: 2px solid var(--navy); border-bottom: 1px solid var(--line); }
|
||
.fact { padding: 13px 15px; border-right: 1px solid var(--line); }
|
||
.fact:last-child { border-right: 0; }
|
||
.fact strong { display: block; color: var(--navy); font-size: 28px; line-height: 1.12; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||
.fact span { display: block; margin-top: 5px; font-size: 14px; }
|
||
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin-bottom: 11px; }
|
||
.section-head p { max-width: 260px; margin: 0; color: var(--muted); font-size: 12px; text-align: right; }
|
||
.heatmap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 0; padding: 0; list-style: none; }
|
||
.heatmap li { min-height: 104px; padding: 11px 12px 10px; display: flex; flex-direction: column; border: 1px solid rgba(18,48,71,.17); break-inside: avoid; }
|
||
.heatmap .h0 { background: var(--heat-0); }
|
||
.heatmap .h1 { background: var(--heat-1); }
|
||
.heatmap .h2 { background: var(--heat-2); }
|
||
.heatmap .h3 { background: var(--heat-3); }
|
||
.heatmap .area { color: var(--navy); font-size: 14px; line-height: 1.25; font-weight: 600; }
|
||
.heatmap .value { display: block; margin-top: auto; color: var(--navy); font-size: 28px; line-height: 1.08; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||
.heatmap .count { display: block; margin-top: 3px; color: var(--ink); font-size: 14px; }
|
||
.legend { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; margin: 12px 0 0; color: var(--muted); font-size: 12px; }
|
||
.legend .key { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
|
||
.legend i { display: inline-block; width: 14px; height: 14px; border: 1px solid rgba(18,48,71,.17); }
|
||
.legend .l0 { background: var(--heat-0); } .legend .l1 { background: var(--heat-1); }
|
||
.legend .l2 { background: var(--heat-2); } .legend .l3 { background: var(--heat-3); }
|
||
.comparison { margin-top: 26px; padding: 15px 17px; background: var(--surface); border: 1px solid var(--line); break-inside: avoid; }
|
||
.comparison h2 { margin-bottom: 13px; }
|
||
.comparison-scale, .comparison-row { display: grid; grid-template-columns: 240px minmax(180px, 1fr) 135px; gap: 12px; }
|
||
.comparison-scale { margin-bottom: 5px; color: var(--muted); font-size: 12px; }
|
||
.comparison-scale div { grid-column: 2; display: flex; justify-content: space-between; }
|
||
.comparison-list { list-style: none; margin: 0; padding: 0; }
|
||
.comparison-row { align-items: center; min-height: 34px; font-size: 14px; }
|
||
.comparison-bar { display: flex; height: 14px; background: #e3e3e8; }
|
||
.bar-pass { background: #167048; } .bar-fail { background: #c60b41; }
|
||
.comparison-value { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
|
||
.comparison-value span { color: var(--muted); font-weight: 400; }
|
||
.comparison-key { display: flex; gap: 24px; margin: 13px 0 0 252px; font-size: 14px; color: var(--muted); }
|
||
.comparison-key i { display: inline-block; width: 12px; height: 12px; margin-right: 5px; vertical-align: -1px; }
|
||
.comparison-key .pass { background: #167048; } .comparison-key .fail { background: #c60b41; }
|
||
.notes { margin-top: 23px; padding: 13px 15px; background: var(--surface); border-top: 2px solid var(--navy); }
|
||
.notes h2 { font-size: 15px; margin-bottom: 6px; }
|
||
.notes p { margin: 0 0 5px; font-size: 14px; }
|
||
.notes 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; }
|
||
.sheet { width: auto; min-height: 0; margin: 0; padding: 18px 16px 26px; }
|
||
.heatmap { grid-template-columns: repeat(2, 1fr); }
|
||
.section-head { display: block; }
|
||
.section-head p { max-width: none; margin-top: 4px; text-align: left; }
|
||
h1 { font-size: 26px; }
|
||
}
|
||
@media (max-width: 480px) {
|
||
.heatmap, .facts { grid-template-columns: 1fr; }
|
||
.fact { border-right: 0; border-bottom: 1px solid var(--line); }
|
||
.fact:last-child { border-bottom: 0; }
|
||
}
|
||
@media (max-width: 720px) {
|
||
.comparison-scale { display: none; }
|
||
.comparison-row { grid-template-columns: 1fr auto; gap: 3px 10px; margin-bottom: 12px; }
|
||
.comparison-label { grid-column: 1 / -1; }
|
||
.comparison-bar { grid-column: 1; }
|
||
.comparison-value { grid-column: 2; }
|
||
.comparison-key { margin-left: 0; }
|
||
}
|
||
@page { size: A4; margin: 0; }
|
||
@media print {
|
||
body { background: #fff; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
|
||
.sheet { margin: 0; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<main class="sheet">
|
||
<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">Gespeicherter Assessment-Stand</p>
|
||
<h1>Technische Ergebnisse im Überblick</h1>
|
||
<p class="subtitle">Dummy · Fakten aus der aktuellen ASSESSOR-Reportprojektion, ohne Risikoscore oder Szenariobewertung</p>
|
||
<div class="meta">
|
||
<span><strong>Domäne:</strong> sevenkingdoms.local</span>
|
||
<span><strong>Berichtsdatum:</strong> 29.09.2026</span>
|
||
<span><strong>Vergleich:</strong> nicht enthalten</span>
|
||
</div>
|
||
|
||
<div class="facts" aria-label="Erfasste Kennzahlen">
|
||
<div class="fact"><strong>1</strong><span>Domänencontroller erfasst</span></div>
|
||
<div class="fact"><strong>998</strong><span>Ergebnisse bewertet</span></div>
|
||
<div class="fact"><strong>579</strong><span>Abweichende Ergebnisse</span></div>
|
||
</div>
|
||
|
||
<section aria-labelledby="heatmap-title">
|
||
<div class="section-head">
|
||
<h2 id="heatmap-title">Abweichungsanteil je Sicherheitsbereich</h2>
|
||
<p>Abweichende von bewerteten Ergebnissen innerhalb des jeweiligen Bereichs.</p>
|
||
</div>
|
||
<ol class="heatmap" aria-label="Heatmap der bewerteten Ergebnisse">
|
||
<li class="h2" data-deviations="221" data-assessed="425"><span class="area">Konten & Identitäten</span><strong class="value">52 %</strong><span class="count">221 von 425</span></li>
|
||
<li class="h1" data-deviations="10" data-assessed="25"><span class="area">Privilegien & Angriffspfade</span><strong class="value">40 %</strong><span class="count">10 von 25</span></li>
|
||
<li class="h2" data-deviations="31" data-assessed="42"><span class="area">Anmeldung & Zugriff</span><strong class="value">74 %</strong><span class="count">31 von 42</span></li>
|
||
<li class="h2" data-deviations="21" data-assessed="32"><span class="area">AD-Infrastruktur & PKI</span><strong class="value">66 %</strong><span class="count">21 von 32</span></li>
|
||
<li class="h3" data-deviations="61" data-assessed="63"><span class="area">Systemhärtung</span><strong class="value">97 %</strong><span class="count">61 von 63</span></li>
|
||
<li class="h2" data-deviations="223" data-assessed="393"><span class="area">GPO & Baseline*</span><strong class="value">57 %</strong><span class="count">223 von 393</span></li>
|
||
<li class="h3" data-deviations="8" data-assessed="9"><span class="area">Cloud & Anwendungen</span><strong class="value">89 %</strong><span class="count">8 von 9</span></li>
|
||
<li class="h3" data-deviations="4" data-assessed="5"><span class="area">Überwachung & Wiederanlauf</span><strong class="value">80 %</strong><span class="count">4 von 5</span></li>
|
||
<li class="h0" data-deviations="0" data-assessed="4"><span class="area">Nicht zugeordnet</span><strong class="value">0 %</strong><span class="count">0 von 4</span></li>
|
||
</ol>
|
||
<div class="legend" aria-label="Farbstufen nach Abweichungsanteil">
|
||
<span>Farbstufe:</span>
|
||
<span class="key"><i class="l0"></i>0–24 %</span>
|
||
<span class="key"><i class="l1"></i>25–49 %</span>
|
||
<span class="key"><i class="l2"></i>50–74 %</span>
|
||
<span class="key"><i class="l3"></i>75–100 %</span>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="comparison" aria-labelledby="comparison-title">
|
||
<h2 id="comparison-title">Bestandene und abweichende Ergebnisse</h2>
|
||
<div class="comparison-scale" aria-hidden="true"><div><span>0 %</span><span>50 %</span><span>100 %</span></div></div>
|
||
<ol class="comparison-list">
|
||
<li class="comparison-row"><span class="comparison-label">Identity & Account Hygiene</span><span class="comparison-bar"><span class="bar-pass" style="width:48%"></span><span class="bar-fail" style="width:52%"></span></span><span class="comparison-value">48 % <span>· 221 von 425</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">Privilege & Attack Paths</span><span class="comparison-bar"><span class="bar-pass" style="width:60%"></span><span class="bar-fail" style="width:40%"></span></span><span class="comparison-value">60 % <span>· 10 von 25</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">Authentication & Access</span><span class="comparison-bar"><span class="bar-pass" style="width:26%"></span><span class="bar-fail" style="width:74%"></span></span><span class="comparison-value">26 % <span>· 31 von 42</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">AD Infrastructure & PKI</span><span class="comparison-bar"><span class="bar-pass" style="width:34%"></span><span class="bar-fail" style="width:66%"></span></span><span class="comparison-value">34 % <span>· 21 von 32</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">System Hardening</span><span class="comparison-bar"><span class="bar-pass" style="width:3%"></span><span class="bar-fail" style="width:97%"></span></span><span class="comparison-value">3 % <span>· 61 von 63</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">GPO & Baseline</span><span class="comparison-bar"><span class="bar-pass" style="width:43%"></span><span class="bar-fail" style="width:57%"></span></span><span class="comparison-value">43 % <span>· 223 von 393</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">Cloud & Applications</span><span class="comparison-bar"><span class="bar-pass" style="width:11%"></span><span class="bar-fail" style="width:89%"></span></span><span class="comparison-value">11 % <span>· 8 von 9</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">Monitoring & Recovery</span><span class="comparison-bar"><span class="bar-pass" style="width:20%"></span><span class="bar-fail" style="width:80%"></span></span><span class="comparison-value">20 % <span>· 4 von 5</span></span></li>
|
||
<li class="comparison-row"><span class="comparison-label">Nicht zugeordnet</span><span class="comparison-bar"><span class="bar-pass" style="width:100%"></span><span class="bar-fail" style="width:0%"></span></span><span class="comparison-value">100 % <span>· 0 von 4</span></span></li>
|
||
</ol>
|
||
<div class="comparison-key"><span><i class="pass"></i>Bestanden</span><span><i class="fail"></i>Abweichung</span></div>
|
||
<p>Pass Rate je Security Domain; rechts: Anzahl der Abweichungen von den bewerteten Ergebnissen.</p>
|
||
</section>
|
||
|
||
<aside class="notes" aria-labelledby="notes-title">
|
||
<h2 id="notes-title">Lesart</h2>
|
||
<p>Die Farbe zeigt die Häufigkeit abweichender Ergebnisse innerhalb eines Bereichs. Sie zeigt weder Schweregrad noch Geschäftsrisiko. Bereiche mit wenigen Prüfungen können hohe Prozentwerte haben.</p>
|
||
<p>* Die GPO-Kachel zählt zugeordnete Ergebniszeilen. Die gesonderte GPO-Evaluation zählt 100 abweichende Vergleiche zu 25 Einstellungen; beide Zähleinheiten sind nicht gleichzusetzen.</p>
|
||
<p>Ergebnisse stammen aus unterschiedlichen Erhebungszeitpunkten. Eine Aussage zu betroffenen Geschäftsdiensten, Ausnutzung oder aktuellem Behebungsstand ist aus dieser Darstellung nicht ableitbar.</p>
|
||
</aside>
|
||
|
||
<footer class="foot">
|
||
<span><strong>ASSESSOR 2.9.0</strong> · Dummy · Darstellung vorhandener Reportwerte</span>
|
||
</footer>
|
||
</main>
|
||
</body>
|
||
</html>
|