:root{font-family:Arial,Helvetica,sans-serif;color:#182330;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0,#f5f7fa 320px)}header{background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 4px 20px #18233004}.header-inner{max-width:1200px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;color:#182330;text-decoration:none;flex-shrink:0}.brand img{width:52px;height:52px}.brand strong{font-size:19px;line-height:1.4}.brand small{display:block;color:#6b7580;font-size:12px;font-weight:400;margin-top:3px}.public-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.public-nav a{color:#435161;font-size:14px;text-decoration:none;font-weight:700}.public-nav a:hover{text-decoration:underline}.public-nav .header-login{color:white;background:#e30613;padding:12px 17px;border-radius:10px;box-shadow:0 7px 16px #e3061320}main{width:100%;max-width:1200px;margin:0 auto;padding:44px 24px 64px;flex:1}h1{font-size:clamp(32px,4.5vw,48px);letter-spacing:-1.4px;line-height:1.14;color:#0d1b2a;margin:20px 0 10px}h2{font-size:23px;letter-spacing:-.3px;color:#17212b}p{line-height:1.6;color:#6b7580}.hero{padding:28px 24px;background:white;border:1px solid #e5e7eb;border-radius:18px;max-width:514px;margin:0 auto;box-shadow:0 14px 30px #1823300b}.hero h1{font-size:36px;letter-spacing:-1px;margin:0 0 16px}.hero>p{margin:0 0 22px}.hero .button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:6px 0 0}.login-meta{margin-top:24px;padding-top:20px;border-top:1px solid #eceff2;font-size:14px;color:#6b7580;line-height:1.65}.login-meta strong{display:block;color:#435161}.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:800;color:#e30613;margin:0 0 10px}.button,button{display:inline-block;border:1px solid transparent;background:#e30613;color:white;padding:13px 17px;border-radius:10px;font:700 14px Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 7px 16px #e306131c}.button:hover,button:hover{background:#bd0010}a{color:#d90012;font-weight:700}.secondary{background:#fff;color:#435161;border-color:#e3e6eb;box-shadow:0 3px 10px #18233005}.secondary:hover{background:#f5f7fa}form{margin:16px 0}.hero form{margin-bottom:0}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:28px}nav a{text-decoration:none;color:#435161}nav form{margin:0 0 0 auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}article{--accent:#e30613;position:relative;overflow:hidden;background:white;padding:24px 22px;border:1px solid #e2e6ec;border-radius:18px;box-shadow:0 14px 30px #1823300b}article:before{content:'';position:absolute;top:0;left:0;bottom:0;width:5px;background:var(--accent)}article[data-app=einsatz]{--accent:#1b6b91}article[data-app=cockpit]{--accent:#20845b}article[data-app=drohnen]{--accent:#c57428}article[data-app=wachdienst]{--accent:#7156a5}article h2{margin:9px 0 7px}article p{margin:0 0 18px}article a{color:var(--accent);display:flex;justify-content:space-between;gap:14px;padding-top:18px;margin-top:22px;border-top:1px solid #edf0f3;text-decoration:none}article a:hover{text-decoration:underline}.tag{font-size:12px;letter-spacing:.9px;font-weight:800;color:var(--accent)}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:white;padding:18px;border:1px solid #e2e6ec;border-radius:12px}.row small{overflow-wrap:anywhere}input,select{font:inherit;padding:11px;border:1px solid #d2d6dc;border-radius:10px;max-width:100%}aside{background:#fff6df;color:#705c29;padding:14px 20px;margin-bottom:24px;border:1px solid #f1e2bc;border-radius:10px;font-size:14px}footer{border-top:1px solid #e1e5e9;color:#6b7580;font-size:12px}.footer-inner{max-width:1200px;margin:auto;padding:23px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2569ac;outline-offset:3px}@media(max-width:720px){.header-inner{align-items:flex-start;flex-wrap:wrap;gap:14px}.public-nav{gap:16px}.public-nav a{font-size:12px}.brand strong{font-size:18px}main{padding-top:28px}.hero{padding:26px 20px}.hero h1{font-size:30px}.grid{grid-template-columns:1fr}nav{gap:16px}nav form{margin-left:0}.row{align-items:stretch;flex-direction:column}.footer-inner{flex-direction:column;gap:7px}}