*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#07111f;color:#e5eef8}.topbar{position:absolute;top:0;left:0;width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;z-index:10}.logo-text{font-size:1.6rem;font-weight:bold;color:#fff}.logo-text span{color:#38bdf8}.nav a{color:#fff;text-decoration:none;margin-left:25px;font-weight:bold;transition:.3s}.nav a:hover{color:#38bdf8}.hero{min-height:90vh;background:
        linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.75)),
        url("bilder/hero.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 20px 60px}.hero-content{max-width:900px}.hero h1{font-size:3.5rem;margin:0 0 20px}.hero h1 span{color:#38bdf8}.hero p{font-size:1.3rem;line-height:1.6}.btn{display:inline-block;margin-top:25px;color:#fff;border:2px solid #38bdf8;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:bold;background:rgba(0,0,0,.45);transition:.3s}.btn:hover{background:#38bdf8;color:#020617}section{max-width:1100px;margin:auto;padding:65px 25px}.card{background:rgba(255,255,255,.04);border:1px solid rgba(56,189,248,.25);border-radius:18px;padding:30px;margin-bottom:30px}h2{color:#38bdf8;font-size:2rem;margin-bottom:20px}h3{color:#7dd3fc;margin-top:0}p,li{font-size:1.1rem;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.box{background:rgba(255,255,255,.04);border:1px solid rgba(56,189,248,.25);border-radius:15px;padding:20px}.project{min-height:190px}.tag{display:inline-block;background:rgba(56,189,248,.15);color:#7dd3fc;border:1px solid rgba(56,189,248,.35);border-radius:20px;padding:6px 12px;margin:5px 5px 0 0;font-size:.95rem}.contact{text-align:center}.contact a{color:#38bdf8;font-weight:bold;text-decoration:none}footer{text-align:center;padding:25px;background:#020617;color:#94a3b8}@media (max-width:700px){.topbar{padding:18px 25px;flex-direction:column;gap:15px}.nav a{margin:0 8px}.hero h1{font-size:2.2rem}}.about-container{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.about-image{flex:0 0 280px}.about-image img{width:100%;border-radius:20px;object-fit:cover;border:3px solid rgba(56,189,248,.4);box-shadow:0 0 25px rgba(56,189,248,.2)}.about-text{flex:1;min-width:300px}.project-link{text-decoration:none;color:inherit}.project-link .project{transition:.3s;cursor:pointer}.project-link .project:hover{transform:translateY(-5px);border-color:#38bdf8;box-shadow:0 0 25px rgba(56,189,248,.3)}.login-container{max-width:450px;width:100%;margin:auto}.login-box{background:rgba(255,255,255,.04);border:1px solid rgba(56,189,248,.25);border-radius:18px;padding:30px;backdrop-filter:blur(10px)}.login-box h2{text-align:center;margin-bottom:25px}.login-box input{width:100%;padding:14px;margin-bottom:15px;border-radius:10px;border:1px solid rgba(56,189,248,.25);background:rgba(255,255,255,.05);color:#fff;font-size:1rem}.login-box input:focus{outline:none;border-color:#38bdf8}.login-box button{width:100%;padding:14px;background:#38bdf8;color:#07111f;border:none;border-radius:10px;font-weight:bold;cursor:pointer}.login-box button:hover{opacity:.9}.error{color:#ff6b6b;text-align:center;margin-bottom:15px}.admin-form{display:flex;flex-direction:column;gap:12px}.admin-form label{font-weight:bold;color:#7dd3fc}.admin-form input,.admin-form textarea{width:100%;padding:14px;border-radius:10px;border:1px solid rgba(56,189,248,.25);background:rgba(255,255,255,.05);color:#fff;font-size:1rem;font-family:Arial,sans-serif}.admin-form input:focus,.admin-form textarea:focus{outline:none;border-color:#38bdf8}.project-detail-image{width:100%;max-height:450px;object-fit:cover;border-radius:18px;margin-bottom:25px;border:1px solid rgba(56,189,248,.25)}.project-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:15px;display:block}.project-detail-image{width:100%;max-height:450px;object-fit:cover;border-radius:18px;margin-bottom:25px;border:1px solid rgba(56,189,248,.25)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.gallery-admin-item{overflow:hidden;border-radius:12px}.gallery-admin-item img{width:100%;height:130px;object-fit:cover;display:block;border-radius:12px;border:1px solid rgba(56,189,248,.25)}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-top:25px}.gallery-thumb{width:100%;height:140px;object-fit:cover;display:block;border-radius:12px;border:1px solid rgba(56,189,248,.25);transition:.3s}.gallery-thumb:hover{transform:scale(1.03);border-color:#38bdf8}.project-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.project-header h3{margin:0}.status{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.status-dot{width:10px;height:10px;border-radius:50%}.status-idee .status-dot{background:#9ca3af}.status-arbeit .status-dot{background:#f59e0b}.status-fertig .status-dot{background:#22c55e}.status-aufgegeben .status-dot{background:#ef4444}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-title-row h2{margin-bottom:0}.admin-form select{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(56,189,248,.25);background:#111827;color:#fff}.status-select{width:100%;padding:14px;border-radius:10px;border:1px solid rgba(56,189,248,.25);color:#fff;font-size:1rem;font-weight:bold}.status-select.status-idee-bg{background:#374151}.status-select.status-arbeit-bg{background:#92400e}.status-select.status-fertig-bg{background:#166534}.status-select.status-aufgegeben-bg{background:#991b1b}