:root{--ink:#1f2937;--blue:#1466c3;--teal:#008d77;--orange:#f28a23;--bg:#f8fafc;--muted:#566475;--line:#e5eaf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:white;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.25rem,4.1vw,3.8rem);max-width:680px;margin-bottom:22px}h2{font-size:clamp(1.7rem,2.7vw,2.65rem);margin-bottom:18px}h3{font-size:1.25rem;margin-bottom:12px}p{margin-bottom:15px}.container{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;top:-70px;left:10px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:75px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;line-height:1}.brand strong{display:block;font-size:1.35rem;letter-spacing:.06em}.brand small{font-size:.68rem;letter-spacing:.42em}.bulb{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--teal) 58%,var(--orange));border-radius:13px;color:white;font-size:24px}.nav nav{display:flex;align-items:center;gap:29px}.nav nav a{text-decoration:none;font-size:.9rem;font-weight:650}.nav nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{background:var(--ink);color:white!important;border-radius:8px;padding:9px 15px}.menu-button{display:none}.hero{padding:60px 0 64px;background:linear-gradient(130deg,#f8fafc 0%,#fff 70%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:45px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:800;color:var(--teal);margin-bottom:15px}.lead{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-radius:9px;padding:12px 18px;font-weight:750;font-size:.92rem}.primary{background:var(--orange);color:#18212c}.secondary{border:1px solid #d7e0e9;background:white}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{font-size:.76rem;padding:5px 10px;background:#eaf0f6;border-radius:20px;color:#4b5a68}.hero-photo{position:relative;margin:0}.hero-photo img{border-radius:16px;aspect-ratio:1.24;object-fit:cover;box-shadow:0 24px 55px #26354822}.hero-photo figcaption{font-size:.72rem;color:#6d7884;margin-top:9px}.intro{text-align:center;max-width:850px;padding:76px 0}.intro>p:last-child{font-size:1.04rem;color:var(--muted)}.section{padding:78px 0}.surface{background:var(--bg)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading>div{max-width:570px}.section-heading>p{max-width:390px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 22px #20304008}.service-card img{width:100%;aspect-ratio:1.55;object-fit:cover}.card-body{padding:23px}.card-body p{color:var(--muted);font-size:.93rem}.number{font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--teal)}.card-body h3{margin-top:10px}.card-body a,.text-link{color:var(--blue);text-decoration:none;font-weight:800;font-size:.92rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.split p{color:var(--muted)}.feature{background:linear-gradient(135deg,#1e2e3b,#0b6e69);border-radius:18px;color:white;padding:45px;min-height:280px;display:flex;flex-direction:column;justify-content:center}.feature-label{color:#b3f3da;letter-spacing:.22em;font-size:.78rem;font-weight:800}.feature strong{font-size:2rem;line-height:1.2;margin:18px 0}.feature p,.feature small{color:#e0f0ee}.simple-panel{background:white;border:1px solid var(--line);padding:32px;border-radius:16px;box-shadow:0 14px 40px #20304008}.simple-panel li{margin:9px 0}.stats{border-left:5px solid var(--orange)}.stats>span{color:var(--teal);font-weight:900;letter-spacing:.2em}.rounded-image{border-radius:16px;aspect-ratio:1.5;object-fit:cover}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-grid a{padding:27px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.project-grid a:hover{border-color:var(--blue)}.project-grid span,.project-grid small{font-size:.8rem;color:var(--muted)}.project-grid strong{font-size:1.35rem}.fineprint{color:var(--muted);font-size:.83rem;margin-top:18px}.quote{font-size:clamp(1.45rem,2.2vw,2.1rem);font-weight:700;line-height:1.4;border-left:5px solid var(--orange);padding-left:30px}.quote small{display:block;font-size:.82rem;font-weight:400;color:var(--muted);margin-top:18px}.contact{background:var(--ink);color:white;padding:56px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{margin-bottom:10px}.contact p{color:#d4dee9}.contact .eyebrow{color:#79d8c6}.light{background:white;color:var(--ink);white-space:nowrap}.footer{padding:43px 0 20px;background:#111a24;color:#e7eef6}.footer-inner{display:flex;justify-content:space-between;gap:35px}.footer strong{font-size:1.2rem;letter-spacing:.05em}.footer strong span{font-weight:400}.footer p{color:#aebcc9;font-size:.88rem}.footer-inner>div:last-child{display:flex;gap:22px;flex-wrap:wrap}.footer a{color:#e7eef6;text-decoration:none;font-size:.86rem}.footer-bottom{border-top:1px solid #35404c;padding-top:18px;margin-top:32px;font-size:.76rem;color:#aebcc9}.legal{padding:55px 0 90px;max-width:820px}.legal h1{font-size:2.4rem}.legal h2{font-size:1.4rem;margin-top:35px}.legal p,.legal li{color:#485769}.legal a{color:var(--blue)}@media(max-width:900px){.hero-grid,.split{gap:28px}.cards{gap:13px}.card-body{padding:17px}.nav nav{gap:15px}}@media(max-width:720px){.container{width:min(100% - 32px,1160px)}.menu-button{display:block;border:1px solid var(--line);border-radius:8px;background:white;padding:8px 12px;font-weight:700}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:20px 16px;box-shadow:0 12px 22px #20304018;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.hero{padding:35px 0}.hero-grid,.split,.cards,.project-grid{grid-template-columns:1fr}.hero-photo img{aspect-ratio:1.65}.section,.intro{padding:55px 0}.section-heading,.contact-inner{display:block}.section-heading>p{margin-top:12px}.footer-inner{display:block}.footer-inner>div:last-child{margin-top:22px}.feature{min-height:220px}.contact .btn{margin-top:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Bauphase 02 – kompakte, responsive Software-Landingpage */
.page-intro{padding-top:42px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:.83rem;margin-bottom:27px;color:#64748b}.breadcrumb a{color:#1466c3}.page-intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:32px}.page-intro-grid h1{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px}.page-intro-grid figure,.software-visual-grid figure,.software-wide{margin:0}.page-intro-grid img,.software-visual-grid img,.software-wide img{display:block;width:100%;height:auto;border-radius:15px}.page-intro figcaption,.software-visual-grid figcaption,.software-wide figcaption{font-size:.75rem;color:#64748b;margin-top:8px;line-height:1.5}.software-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.software-benefits article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.software-benefits h3{font-size:1.12rem;margin:10px 0}.software-benefits p{margin:0}.software-visual-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center}.software-wide img{max-height:620px;object-fit:cover}.simple-panel ol{padding-left:20px}.simple-panel ol li{margin-bottom:9px}@media(max-width:800px){.page-intro-grid,.software-visual-grid{grid-template-columns:1fr}.software-benefits{grid-template-columns:1fr}.page-intro{padding-top:24px}.page-intro-grid h1{font-size:clamp(1.9rem,7vw,2.65rem)}}

/* Bauphase 03 */
.phase-hero{padding:56px 0 44px;background:linear-gradient(130deg,#f8fafc,#edf5fc)}
.phase-hero-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:38px;align-items:center}
.phase-hero h1{font-size:clamp(2rem,3.4vw,3.35rem);line-height:1.12;letter-spacing:-.035em;margin:.5rem 0 1rem}
.phase-hero .lead{font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.65}
.phase-hero figure,.phase-figure{margin:0}
.phase-hero figure img,.phase-figure img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 12px 35px rgba(22,40,60,.11)}
.phase-hero figcaption,.phase-figure figcaption{font-size:.75rem;color:#586a7c;margin-top:8px;line-height:1.5}
.web-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.web-service-grid .simple-panel{height:100%}
.web-service-grid h3{margin-top:0}
.reference-card{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;background:#fff;border:1px solid #dfe8ef;border-radius:16px;padding:26px;align-items:center}
.reference-card h3{margin:.55rem 0}.reference-card p{max-width:58ch}
.reference-mark{display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:24px;border-radius:12px;background:linear-gradient(130deg,#152c43,#1466c3);color:#fff;gap:8px}.reference-mark strong{font-size:clamp(1.2rem,2vw,1.65rem)}.reference-mark small{opacity:.8}
@media(max-width:760px){.phase-hero{padding:30px 0}.phase-hero-grid,.reference-card{grid-template-columns:1fr;gap:22px}.web-service-grid{grid-template-columns:1fr}.reference-card{padding:18px}.reference-mark{min-height:135px}}

/* Bauphase 05: Moon Well */
.moon-hero{background:linear-gradient(115deg,#f7f7ff,#eff6fc);padding:44px 0 48px}.moon-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:34px}.moon-hero figure{margin:0}.moon-hero figure img{width:100%;border-radius:14px;box-shadow:0 16px 35px #17223c1d}.moon-hero figcaption{font-size:.75rem;color:#586a7c;margin-top:9px}.moon-logo{width:min(320px,100%);max-height:145px;object-fit:contain;object-position:left center;margin-bottom:18px}.moon-hero h1{font-size:clamp(2rem,3.4vw,3.3rem)}.moon-copy{max-width:75ch}@media(max-width:760px){.moon-hero-grid{grid-template-columns:1fr}.moon-hero{padding:28px 0}.moon-logo{max-height:105px}}

/* Bauphase 06: responsive contact and about pages */
@media(max-width:760px){.web-service-grid{grid-template-columns:1fr}.phase-hero-grid{grid-template-columns:1fr}}

/* Release branding */
.brand-logo{width:45px;height:45px;object-fit:contain;flex:none}.brand{display:inline-flex;align-items:center;gap:10px}
@media(max-width:600px){.brand-logo{width:38px;height:38px}}

/* Einheitliches LGC-Media-Logo */
.brand-wordmark{width:170px;height:62px;object-fit:contain;object-position:left center;display:block}
@media(max-width:720px){.brand-wordmark{width:145px;height:58px}}