:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090c0f;color:#fff;min-height:100vh}header{display:flex;align-items:center;gap:24px;padding:24px 36px;border-bottom:1px solid #29313a;background:#11161b}#logo{width:78px;height:78px;object-fit:contain;display:none}h1{font-size:clamp(28px,3.5vw,56px);margin:0}.sub{color:#bcc3ca;font-size:clamp(16px,1.4vw,22px);margin-top:6px}main{padding:30px 28px}.hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px;border:1px solid #89919a;border-radius:20px;background:#151a20;margin-bottom:26px}.hero h2{font-size:clamp(32px,4vw,60px);margin:6px 0}.count{font-size:clamp(26px,3vw,48px);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{padding:22px;border-radius:15px;background:#151a20;border-left:10px solid #aaa}.date{font-size:20px;color:#bec4ca}.title{font-size:clamp(22px,2vw,34px);font-weight:700;margin:8px 0}.notes{color:#c6ccd1}.standard{border-color:#bbb}.dienst{border-color:#2f80ed}.ausbildung{border-color:#27ae60}.veranstaltung{border-color:#f2c94c}.einsatz{border-color:#eb5757}.wichtig{border-color:#f2994a}footer{position:fixed;right:18px;bottom:10px;color:#70777d}@media(max-width:700px){header,main{padding:18px}.hero{grid-template-columns:1fr}.count{text-align:left}}