*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Arial,sans-serif;color:#172832}a{color:#176782}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}header{position:absolute;z-index:5;width:100%;color:#fff}.head{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff55}.brand{color:#fff;text-decoration:none;font:24px Georgia,serif}.brand small{display:block;font:11px Arial;letter-spacing:.17em;text-transform:uppercase;color:#bcd9df}nav{display:flex;gap:24px}nav a{color:#fff;text-decoration:none;font-weight:bold}.hero{min-height:720px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#092637 0 45%,#092637dd 60%,#09263744),url('flurbeleuchtung.jpg') center 53%/cover}.hero h1{font:58px/1.02 Georgia,serif;max-width:760px;margin:.25em 0}.hero p{font-size:20px;max-width:680px;color:#d7e5e9}.tag{color:#74bdc4;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:bold}.btn{display:inline-block;background:#7dc5c8;color:#082533;text-decoration:none;padding:13px 18px;font-weight:bold;margin-top:18px}.section{padding:95px 0}.soft{background:#f5f3ee}h2{font:46px/1.08 Georgia,serif;color:#0a3045;margin:.25em 0}.intro{font-size:19px;max-width:850px;color:#52636c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.card{padding:30px;background:#f7f8f7;border-top:4px solid #4da1ae}.card h3{font:26px Georgia,serif;color:#0a3045}.grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.list{columns:2;padding-left:20px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.photos figure{margin:0;background:#0a3045;color:#fff}.photos img{width:100%;height:390px;object-fit:cover;display:block}.photos figcaption{padding:22px}.photos strong{display:block;font:26px Georgia,serif}.dark{background:#0a3045;color:#fff}.dark h2{color:#fff}.contact{background:#fff;color:#172832;padding:30px}.foot{background:#061b27;color:#c9d6db;padding:28px 0}.foot .wrap{display:flex;justify-content:space-between}.foot a{color:#fff}.legalhero{padding:150px 0 60px;background:#0a3045;color:#fff}.legalhero h1{font:56px Georgia,serif;margin:0}.legal{max-width:850px;padding:55px 0 90px}.legal h2{font-size:28px;margin-top:35px}.note{background:#e7f2f2;padding:18px;border-left:4px solid #5aafb6}@media(max-width:800px){header{position:relative;background:#092637}.head{height:auto;padding:16px 0;align-items:flex-start;flex-direction:column;gap:15px}nav{flex-wrap:wrap}.hero{min-height:580px}.hero h1{font-size:44px}.cards,.grid,.photos{grid-template-columns:1fr}.list{columns:1}.section{padding:65px 0}.photos img{height:300px}.foot .wrap{display:block}}
.projects{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;margin-top:48px}.project{position:relative;margin:0;overflow:hidden;background:#0a3045;grid-column:span 6;min-height:390px}.project-wide{grid-column:span 7}.project-tall{grid-column:span 5;min-height:550px}.project img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block;transition:transform .35s ease}.project-tall img{min-height:550px}.project:hover img{transform:scale(1.018)}.project:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(4,22,32,.92))}.project figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:#fff;display:flex;gap:16px;align-items:flex-start}.project figcaption>span{font:15px Georgia,serif;color:#7dc5c8;border-top:1px solid #7dc5c8;padding-top:6px}.project strong,.project small{display:block}.project strong{font:27px/1.15 Georgia,serif}.project small{margin-top:5px;color:#d4e1e6;font-size:14px}.project:nth-child(2) img{object-position:center 55%}.project:nth-child(3) img{object-position:center 45%}@media(max-width:800px){.project,.project-wide,.project-tall{grid-column:1/-1;min-height:360px}.project img,.project-tall img{min-height:360px}.project-grid{gap:16px}.project:hover img{transform:none}}@media(prefers-reduced-motion:reduce){.project img{transition:none}}
