/* css/projekte.css – KKoncept Unterseite Projekte */
:root { --bg:#f6f3ef; --white:#fff; --text:#141414; --muted:#6f6f6f; --line:rgba(20,20,20,.12); --gold:#bfa16a; --dark:#111; --shadow:0 26px 80px rgba(0,0,0,.08); }
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:var(--bg);color:var(--text)} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.logo{height:42px}.nav-links{display:flex;gap:24px;align-items:center;font-size:15px}.nav-links a:hover{color:var(--gold)}.nav-cta{padding:10px 18px;border-radius:999px;background:var(--dark);color:#fff}
.projects-hero{max-width:1180px;margin:0 auto;padding:105px 24px 55px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:13px;font-weight:700}h1{font-size:clamp(44px,7vw,86px);line-height:.96;letter-spacing:-.055em;margin:18px 0 22px}.hero-text{max-width:760px;font-size:clamp(18px,2vw,24px);color:var(--muted);line-height:1.5}
.project-list{max-width:1180px;margin:0 auto;padding:30px 24px 100px;display:grid;gap:28px}.project-card{background:#fff;border:1px solid var(--line);border-radius:36px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;min-height:430px}.project-image{background:#ddd}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:44px;display:flex;flex-direction:column;justify-content:center}.project-tag{color:var(--gold);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.project-content h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:18px 0}.project-content p{color:var(--muted);line-height:1.7;font-size:17px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.result-box{padding:16px;border-radius:18px;background:var(--bg);font-size:14px}.result-box strong{display:block;font-size:22px;color:var(--text);margin-bottom:3px}
.references{background:#111;color:#fff;padding:90px 24px}.references-inner{max-width:1180px;margin:0 auto}.references h2{font-size:clamp(34px,5vw,62px);letter-spacing:-.045em;margin:0 0 32px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reference-card{padding:30px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.reference-card p{color:rgba(255,255,255,.72);line-height:1.65}.footer{padding:45px 24px;border-top:1px solid var(--line);color:var(--muted)}.footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:20px}.footer a{margin-left:18px}
@media(max-width:900px){.project-card{grid-template-columns:1fr}.project-image{min-height:320px}.reference-grid,.result-grid{grid-template-columns:1fr}.nav{align-items:flex-start}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:14px}}@media(max-width:620px){.nav{flex-direction:column}.nav-links{justify-content:flex-start}.project-content{padding:30px}.footer-inner{flex-direction:column}.footer a{margin:0 14px 0 0}}