:root{--bg:#030506;--panel:rgba(8,13,16,.84);--line:#1b2b30;--text:#edf7f7;--muted:#8da2a6;--accent:#7df9d2;--blue:#67baff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}#matrixRain{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.15;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(31,105,86,.14),transparent 48%),linear-gradient(rgba(3,5,6,.64),rgba(3,5,6,.9))}.nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(3,5,6,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);font-size:21px;letter-spacing:-.04em}.brand small{font:9px ui-monospace;color:var(--accent);letter-spacing:.18em;align-self:flex-end;margin:0 0 3px -4px}.brand-mark{font:700 15px ui-monospace;color:var(--accent);border:1px solid #315a52;padding:7px;border-radius:8px}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a{color:var(--muted);text-decoration:none;font-size:13px}.nav nav a:hover{color:var(--text)}.nav-btn,.btn{display:inline-block;border:1px solid var(--line);border-radius:11px;padding:11px 16px;background:#0a1215;color:var(--text);text-decoration:none;cursor:pointer;font-weight:700}.nav-btn{color:var(--accent)!important;border-color:#315a52}.btn.primary{background:var(--accent);border-color:var(--accent);color:#03100d}.btn.ghost{background:transparent}.btn.small{font-size:11px;padding:8px 11px}.hero{min-height:calc(100vh - 78px);max-width:1100px;margin:auto;padding:90px 5vw;display:flex;flex-direction:column;justify-content:center}.hero.compact{min-height:55vh}.eyebrow,.section-head span{font:600 10px ui-monospace,monospace;letter-spacing:.2em;color:var(--accent)}h1{font-size:clamp(60px,9vw,120px);line-height:.9;letter-spacing:-.08em;margin:20px 0}.hero h1 span,.hero.compact h1 span{color:transparent;-webkit-text-stroke:1px var(--text)}.hero-copy{max-width:650px;color:var(--muted);font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin:30px 0 55px}.terminal{max-width:700px;border:1px solid var(--line);border-radius:15px;padding:15px 20px;background:rgba(6,11,13,.8);font:12px/1.8 ui-monospace,monospace;color:#9cb0b4}.terminal-bar{display:flex;gap:6px;align-items:center;margin-bottom:8px}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#2d4045}.terminal-bar b{margin-left:5px;color:var(--text)}.terminal p{margin:2px 0}.ok{color:var(--accent)}.section{max-width:1100px;margin:auto;padding:95px 5vw}.section-head{display:flex;gap:18px;align-items:center;margin-bottom:32px}.section-head h2{font-size:42px;letter-spacing:-.06em;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.steps article,.calculator,.panel,.login-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:26px}.card{transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#315a52}.card .icon{font:14px ui-monospace;color:var(--accent)}.card h3{font-size:20px;margin:22px 0 8px}.card p,.steps p,.contact p{color:var(--muted);line-height:1.65}.card small,.tag{color:var(--accent);font:10px ui-monospace;letter-spacing:.08em}.tag{display:inline-block;margin-top:16px;border:1px solid #315a52;padding:5px 7px;border-radius:99px}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:35px}.form label,.calculator label{display:block;color:var(--muted);font-size:13px;margin-bottom:18px}.form input,.form textarea,.form select,.calculator select,.order-status,.app-status,.contact-status{width:100%;margin-top:8px;background:#061013;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:13px;font:inherit}.form input:focus,.form textarea:focus,.form select:focus{outline:1px solid var(--accent)}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0}.price-box{border-left:1px solid var(--line);padding:25px 35px;display:flex;flex-direction:column;justify-content:center}.price-box small{color:var(--muted);letter-spacing:.15em}.price-box strong{font-size:56px;margin:10px 0}.price-box p{font-size:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps b{font:28px ui-monospace;color:var(--accent)}.form-section{max-width:850px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-status{min-height:22px;color:var(--accent)}.contact{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact h2{font-size:48px;margin:9px 0}footer{max-width:1100px;margin:auto;padding:35px 5vw;display:flex;gap:22px;justify-content:flex-start;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}footer a{color:var(--accent)}.dashboard{max-width:1200px;margin:auto;padding:70px 5vw}.login-card{max-width:480px;margin:60px auto}.login-card h1,.dash-top h1{font-size:58px}.dash-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats>div{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:20px}.stats small{color:var(--muted);font:9px ui-monospace}.stats strong{display:block;font-size:34px;margin-top:7px}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.dash-grid.lower{margin-top:20px}.panel{min-height:360px}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:8px}.panel-head h2{margin:0}.order,.admin-row,.application,.contact-row{padding:15px 0;border-bottom:1px solid var(--line)}.order:last-child,.admin-row:last-child,.application:last-child,.contact-row:last-child{border-bottom:0}.order-top{display:flex;justify-content:space-between;gap:10px}.order small,.application small,.contact-row small{display:block;color:var(--muted);margin-top:5px}.status{font:10px ui-monospace;color:var(--accent);white-space:nowrap}.admin-row{display:grid;grid-template-columns:1fr 100px auto;gap:8px;align-items:center}.admin-row input{background:#061013;border:1px solid var(--line);color:var(--text);padding:9px;border-radius:8px;width:100%}.empty{color:var(--muted);padding:25px 0}/* ---------- Radio-Widget ---------- */
.radio-widget{position:fixed;left:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px;background:rgba(6,11,13,.9);border:1px solid var(--line);border-radius:99px;padding:8px 14px 8px 8px;backdrop-filter:blur(10px)}
.radio-toggle{width:34px;height:34px;border-radius:50%;border:1px solid #315a52;background:var(--accent);color:#03100d;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.radio-mute{background:transparent;border:0;color:var(--muted);font-size:15px;cursor:pointer;padding:2px}
.radio-volume{width:70px;accent-color:var(--accent)}
.radio-label{font:9px ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}
@media(max-width:850px){.radio-widget{left:10px;bottom:10px;padding:6px 10px 6px 6px}.radio-volume{width:50px}.radio-label{display:none}}

/* ---------- Karriere / Bewerbung: Highlights ---------- */
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.perks article{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:22px;text-align:left}
.perks .icon{font-size:26px}
.perks h3{font-size:16px;margin:14px 0 6px}
.perks p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
.jobs-banner{max-width:1100px;margin:40px auto 0;padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #315a52;border-radius:var(--radius);background:linear-gradient(90deg,rgba(125,249,210,.1),transparent)}
.jobs-banner p{margin:4px 0 0;color:var(--muted);font-size:14px}
.jobs-banner .tag-live{display:inline-flex;align-items:center;gap:6px;font:10px ui-monospace;color:var(--accent);letter-spacing:.1em}
.jobs-banner .tag-live i{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}

/* ---------- Impressum / Inhaber ---------- */
.owner-card{display:flex;gap:26px;align-items:flex-start;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:28px;margin-top:10px}
.owner-avatar{width:84px;height:84px;border-radius:50%;background:#0a1215;border:1px solid #315a52;display:flex;align-items:center;justify-content:center;font:700 26px ui-monospace;color:var(--accent);flex-shrink:0}
.owner-card h3{margin:0 0 4px;font-size:22px}
.owner-card .role{color:var(--accent);font:11px ui-monospace;letter-spacing:.1em;display:block;margin-bottom:12px}
.legal-block{border:1px solid var(--line);border-radius:15px;padding:20px 24px;margin-top:20px;color:var(--muted);line-height:1.8}
.legal-block b{color:var(--text)}
.placeholder-note{display:inline-block;margin-top:14px;font:11px ui-monospace;color:#ffb454;border:1px dashed #7a5a2a;padding:8px 12px;border-radius:10px}

@media(max-width:850px){.nav nav{display:none}.cards,.steps,.stats,.dash-grid,.calculator,.perks{grid-template-columns:1fr}.two{grid-template-columns:1fr}.price-box{border-left:0;border-top:1px solid var(--line);padding:25px 0}.contact{display:block}.contact .btn{margin-top:15px}.hero{padding-top:65px}.admin-row{grid-template-columns:1fr}.dash-top{align-items:start}.dash-top h1{font-size:45px}footer{flex-wrap:wrap}.jobs-banner{flex-direction:column;align-items:flex-start;text-align:left}.owner-card{flex-direction:column;align-items:center;text-align:center}}
