*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:#1a1a2e;background:#f5f5f0;max-width:820px;margin:0 auto;padding:0}
a{color:#8b1a1a;text-decoration:none}
a:hover{text-decoration:underline}

/* Header */
#header{background:#fff;color:#1a1a2e;padding:24px 32px 16px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:2px solid #8b1a1a}
#header .htext{flex:1}
#header .hlogo img{height:52px;width:auto;display:block}
#header h1{font-size:26px;font-weight:bold;letter-spacing:1px;color:#1a1a2e}
#header p.sub{font-size:14px;color:#666;margin-top:2px}
#nav{width:100%;margin-top:12px;font-size:14px;border-top:1px solid #ddd;padding-top:10px}
#nav a{margin-right:14px;color:#8b1a1a;font-weight:bold}
#nav a:hover{color:#1a1a2e}

/* Content */
#main{background:#fff;padding:24px 32px 32px 32px}
h2{font-size:18px;color:#8b1a1a;border-bottom:1px solid #ddd;padding-bottom:4px;margin:32px 0 14px 0}
.section:first-child h2{margin-top:0}
h3{font-size:15px;margin:18px 0 8px 0;color:#1a1a2e}
.section{margin-bottom:8px}
#profil p{text-align:justify}

/* Eintraege */
.entry{margin-bottom:14px;padding-left:12px;border-left:2px solid #e0e0e0}
.entry .zeit{font-size:13px;color:#888;font-style:italic}
.entry .rolle{font-weight:bold;font-size:15px}
.entry .firma{color:#666;font-size:14px}
.entry .desc{font-size:14px;margin-top:2px;color:#333}
.entry .tech{font-size:13px;color:#8b1a1a;margin-top:3px;font-style:italic}

/* Tabellen */
table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
table th{text-align:left;border-bottom:2px solid #1a1a2e;padding:6px 10px 6px 0;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}
table td{padding:6px 10px 6px 0;border-bottom:1px solid #eee;vertical-align:top}
table tr:hover td{background:#faf8f4}

/* Listen */
ul{margin:6px 0 6px 20px;font-size:14px}
li{margin-bottom:3px}
.certs{columns:2;column-gap:28px;font-size:14px}
.certs li{break-inside:avoid;padding:2px 0}

/* Footer */
#footer{padding:14px 32px;font-size:12px;color:#888;border-top:1px solid #ddd;background:#f5f5f0;text-align:center}
#footer a{color:#888}
#footer img{vertical-align:middle;margin-top:8px}

@media(max-width:600px){
#header{padding:20px 16px 16px 16px}
#main{padding:16px;border-left:none}
#footer{padding:12px 16px}
.certs{columns:1}
#header .hlogo img{height:36px}
}