:root{--navy:#07345f;--navy2:#0a2540;--cyan:#1fc3d7;--ink:#10263c;--muted:#66788a;--line:#dce5ec;--soft:#f4f8fb;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(6,38,68,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,229,236,.8)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:240px}.brand img{width:240px;height:auto;display:block}nav{display:flex;gap:28px}nav a,.footer-links a{text-decoration:none;font-weight:650;font-size:.95rem}nav a:hover,.footer-links a:hover{color:var(--cyan)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(31,195,215,.13),transparent 28%),linear-gradient(135deg,#fff 0%,#f7fbfd 70%,#eef8fb 100%);padding:110px 0 100px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.eyebrow{display:inline-block;color:#087e96;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.75rem;margin-bottom:18px}.hero h1,.section h2,.legal-hero h1{margin:0;line-height:1.05;letter-spacing:-.045em}.hero h1{font-size:clamp(3rem,6vw,5.7rem);max-width:800px}.lead{font-size:1.22rem;color:var(--muted);max-width:760px;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;background:linear-gradient(135deg,var(--navy),#0f6287);color:#fff;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 10px 26px rgba(7,52,95,.16)}.button:hover{transform:translateY(-1px)}.button.secondary{background:#eaf4f8;color:var(--navy);box-shadow:none}.text-link{font-weight:800;text-decoration:none;color:var(--navy)}.hero-mark{min-height:420px;display:grid;place-items:center}.portal-shape{width:280px;height:340px;position:relative;filter:drop-shadow(0 28px 34px rgba(7,52,95,.18))}.portal-shape:before,.portal-shape:after,.portal-shape span{content:"";position:absolute;background:linear-gradient(180deg,#0c3f6f,#082a4d)}.portal-shape:before{left:20px;top:30px;width:70px;height:280px;clip-path:polygon(0 10%,100% 0,100% 100%,0 90%)}.portal-shape:after{right:20px;top:76px;width:70px;height:234px;background:linear-gradient(180deg,#21c9d9,#0d709a);clip-path:polygon(0 10%,100% 0,100% 100%,0 90%)}.portal-shape span{left:73px;top:22px;width:145px;height:68px;background:linear-gradient(90deg,#0a3d70,#1497bd);transform:skewY(29deg);transform-origin:left center}.section{padding:100px 0}.section-heading{max-width:760px;margin-bottom:48px}.section h2{font-size:clamp(2.2rem,4vw,4rem)}.section-heading p{font-size:1.08rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:34px;min-height:300px;background:#fff;box-shadow:0 16px 42px rgba(7,52,95,.05)}.card-number{font-size:.8rem;font-weight:900;color:#0b91aa}.card h3{font-size:1.4rem;margin:50px 0 14px}.card p{color:var(--muted);margin:0}.section-dark{background:linear-gradient(135deg,#061f39,#07345f);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.eyebrow-light{color:#59ddeb}.work-copy{font-size:1.1rem;color:#d5e3ed}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pill-row span{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:8px 14px;font-size:.86rem;color:#fff}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;background:var(--soft);border:1px solid var(--line);border-radius:32px;padding:58px}.contact-panel h2{font-size:clamp(2.2rem,4vw,3.7rem)}.contact-panel p{color:var(--muted);font-size:1.05rem}.contact-data{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}.contact-data a{font-size:1.2rem;font-weight:800;color:var(--navy);text-decoration:none}.site-footer{padding:48px 0;background:#051b31;color:#dce8f0}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center}.footer-grid p{margin:4px 0 0;color:#93aabd}.footer-links{display:flex;gap:22px}.copyright{color:#93aabd;font-size:.9rem}.legal-hero{padding:78px 0 44px;background:var(--soft);border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(2.8rem,5vw,5rem)}.legal{padding:70px 0 100px}.legal-content{max-width:860px}.legal-content h2{font-size:1.25rem;margin:38px 0 8px}.legal-content p{color:#435a6f}.legal-note{padding:22px 24px;background:var(--soft);border-left:4px solid var(--cyan);border-radius:12px}.updated{margin-top:55px;font-size:.9rem}.admin-body,.login-body,.install-body{background:#f2f6f9}.admin-header{background:#fff;border-bottom:1px solid var(--line)}.admin-head-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.admin-brand{width:210px;display:block}.admin-brand img{width:210px;height:auto;display:block}.admin-main{padding:46px 0 90px}.admin-main h1{font-size:2.4rem}.admin-panel,.login-card,.install-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.admin-panel{padding:34px;margin-bottom:26px}.admin-panel h2{margin-top:0}.admin-panel h3{margin-top:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-weight:750;font-size:.92rem}input,textarea{width:100%;border:1px solid #cbd9e3;border-radius:12px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid rgba(31,195,215,.26);border-color:#21a7bd}.admin-panel .button{margin-top:24px}.compact-form{max-width:540px;display:grid;gap:16px}.alert{padding:14px 16px;border-radius:12px;margin:0 0 22px}.alert.success{background:#e9f8f1;color:#17643f}.alert.error{background:#fff0f0;color:#9c2f2f}.login-body,.install-body{min-height:100vh;padding:44px 20px}.login-card,.install-card{width:min(560px,100%);margin:20px auto;padding:38px}.install-card{width:min(960px,100%)}.login-logo{display:block;width:min(320px,90%);height:auto;margin:0 auto 18px}.login-card h1,.install-card h1{text-align:center;margin:0 0 28px}.login-card form{display:grid;gap:18px}.login-card .button{width:100%;margin-top:6px}.install-card h2{margin:34px 0 15px}.install-card>.login-logo{margin-bottom:0}.install-card>p{text-align:center;color:var(--muted)}@media(max-width:850px){.hero-grid,.split,.contact-panel{grid-template-columns:1fr}.hero-mark{display:none}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.header-inner{height:auto;padding:16px 0;align-items:flex-start}.brand{width:200px}.brand img{width:200px}nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;font-size:.9rem}.hero{padding:80px 0}.section{padding:75px 0}.contact-panel{padding:34px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:560px){.shell{width:min(100% - 28px,1160px)}.header-inner{display:block}.brand{margin-bottom:8px}nav{justify-content:flex-start}.hero h1{font-size:3rem}.hero{padding:64px 0}.section{padding:64px 0}.card{min-height:auto}.login-card,.install-card{padding:24px}.contact-panel{padding:26px}}

/* Referenzen / Projekte */
.projects-section{background:linear-gradient(180deg,#fff 0%,#f6fafc 100%);border-top:1px solid #eef3f6}.projects-heading{max-width:none;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:end}.projects-heading p{margin:0 0 6px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 46px rgba(7,52,95,.07);transition:transform .22s ease,box-shadow .22s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 28px 64px rgba(7,52,95,.12)}.project-media{aspect-ratio:1200/760;overflow:hidden;background:#eaf3f7;border-bottom:1px solid var(--line)}.project-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project-card:hover .project-media img{transform:scale(1.025)}.project-body{padding:28px 30px 30px}.project-type{display:block;margin-bottom:7px;color:#0b8fa6;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.project-body h3{margin:0 0 10px;font-size:1.62rem;letter-spacing:-.025em;color:var(--navy2)}.project-body p{margin:0;color:var(--muted);min-height:78px}.project-link{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:var(--navy);font-weight:850;text-decoration:none}.project-link:hover{color:#0b8fa6}.project-link-muted{color:#7890a3;font-size:.9rem}.projects-note{max-width:760px;margin:34px 0 0;color:#8193a4;font-size:.92rem}.admin-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}.admin-project-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#f8fbfd}.admin-project-card h3{margin:0 0 14px}.admin-project-preview{display:block;width:100%;aspect-ratio:1200/760;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-bottom:14px;background:#eef5f8}.admin-project-card label{margin-bottom:12px}.upload-hint{display:block;margin-top:5px;color:var(--muted);font-size:.8rem;font-weight:500}.check-row{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:650}.check-row input{width:auto}.admin-separator{border:0;border-top:1px solid var(--line);margin:34px 0}
@media(max-width:850px){.projects-heading{grid-template-columns:1fr;gap:10px}.project-grid,.admin-project-grid{grid-template-columns:1fr}.project-body p{min-height:0}}
