:root{--navy:#1d3043;--navy2:#24384d;--terra:#b65e3f;--paper:#f8f7f4;--ink:#203247;--muted:#525b62;--line:#dddcd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#333a42;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}.page{width:min(1128px,calc(100% - 112px));margin:20px auto;background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.2)}a{color:inherit;text-decoration:none}header{height:68px;padding:0 49px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:32px;height:38px;display:grid;place-items:center;border:1px solid var(--terra);color:var(--terra);font-size:22px}.brand b{display:block;font-size:14px;text-transform:uppercase;letter-spacing:2px}.brand small{display:block;margin-top:4px;font-size:5px;text-transform:uppercase;letter-spacing:1px}.main-nav{display:flex;gap:41px;margin-left:auto;font-size:8px}.button{min-height:35px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--terra);border-radius:2px;background:linear-gradient(110deg,#aa573b,#c26c4c);color:#fff;font-size:8px}.header-cta{min-width:138px;margin-left:72px}.menu-toggle{display:none;margin-left:auto;border:0;background:none}.menu-toggle i{display:block;width:22px;height:2px;margin:5px;background:var(--navy)}.hero{height:356px;display:grid;grid-template-columns:47% 53%}.hero-copy{padding:35px 26px 20px 56px}.hero-copy>span,.section-intro>span,.extra>span{font-size:6px;text-transform:uppercase;letter-spacing:1.2px;color:#a95f48}.hero h1{margin:24px 0 16px;font:400 29px/1.28 "Libre Baskerville",serif}.hero p{max-width:340px;margin:0;color:var(--muted);font-size:8px;line-height:1.6}.actions{display:flex;gap:16px;margin-top:20px}.actions .button{min-width:142px}.outline{min-width:158px;background:transparent;color:var(--navy);border-color:#81909b}.hero-image{background:url("../../storage/images/architektur_planung/IMAGE.png") no-repeat;background-size:1672px 941px;background-position:-585px -88px;background-color:#d8d2cc}.services{min-height:194px;padding:20px 48px;display:grid;grid-template-columns:260px 1fr;gap:5px;border-bottom:1px solid var(--line)}.section-intro h2{margin:13px 0;font:400 17px/1.3 "Libre Baskerville",serif}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.service-grid article{min-height:146px;padding:13px 18px;background:#fff;border:1px solid var(--line)}.service-grid i{color:var(--terra);font-size:25px}.service-grid h3{margin:10px 0 7px;font-size:10px}.service-grid p{min-height:52px;margin:0;color:var(--muted);font-size:7px;line-height:1.5}.service-grid a{font-size:13px}.projects{min-height:145px;padding:11px 48px;display:grid;grid-template-columns:260px 1fr;gap:5px}.projects .section-intro>a{display:block;margin-top:25px;color:var(--terra);font-size:7px;text-decoration:underline}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.project-grid article{position:relative;border:1px solid var(--line);background:#fff}.project-photo{height:95px;background-image:url("../../storage/images/architektur_planung/IMAGE.png");background-size:1672px 941px;background-color:#d8d2cc}.project-photo.solaris{background-position:-373px -639px}.project-photo.education{background-position:-621px -639px}.project-photo.bridge{background-position:-874px -639px}.project-grid article>div:last-child{padding:7px 13px}.project-grid h3{margin:0;font-size:8px}.project-grid p{margin:3px 0 0;color:#656b70;font-size:7px}.project-grid article a{position:absolute;right:12px;bottom:12px}.facts{height:72px;padding:8px 57px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--navy);color:#fff}.facts article{display:flex;align-items:center;justify-content:center;gap:23px;border-right:1px solid rgba(255,255,255,.2)}.facts article:last-child{border:0}.facts i{font-size:25px}.facts b{display:block;font-size:19px;font-weight:400}.facts span{font-size:7px}.cta{height:93px;padding:0 124px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,var(--navy),var(--navy2));color:#fff}.cta h2{margin:0;font:400 21px "Libre Baskerville",serif}.cta p{margin:7px 0 0;font-size:8px}.cta>div:last-child{display:flex;gap:20px}.dark-outline{min-width:150px;background:transparent;border-color:#9aa8b4}.extra{padding:58px;text-align:center;background:#e9ecee}.extra h2{margin:10px 0 0;font:400 25px "Libre Baskerville",serif}footer{padding:17px 45px;display:flex;justify-content:space-between;background:#172838;color:#ddd;font-size:7px}footer nav{display:flex;gap:20px}
@media(max-width:1050px){.page{width:calc(100% - 36px)}header{padding-inline:30px}.main-nav{gap:22px}.header-cta{margin-left:28px}.hero-copy{padding-left:40px}.services,.projects{padding-inline:30px;grid-template-columns:210px 1fr}.cta{padding-inline:55px}}
@media(max-width:900px){.page{width:calc(100% - 24px);max-width:390px;margin:16px auto;border:4px solid #111;border-radius:38px}header{height:139px;padding:54px 18px 0;align-items:flex-start}.brand>span{width:30px;height:35px}.brand b{font-size:13px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:30;top:155px;left:16px;right:16px;padding:10px 20px;background:#fff}.menu-open .main-nav{display:flex;flex-direction:column;gap:0}.main-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.header-cta{display:none}.hero{height:auto;display:flex;flex-direction:column}.hero-copy{padding:25px 20px 15px}.hero-copy>span{font-size:7px;line-height:2}.hero h1{margin:17px 0 12px;font-size:25px}.hero h1 br{display:none}.hero p{font-size:8px}.actions{display:grid;gap:7px}.actions .button{width:100%;min-width:0;height:35px}.hero-image{height:153px;background-size:720px auto;background-position:-254px -38px}.services{padding:17px 12px;display:block}.section-intro h2{font-size:17px}.service-grid{display:block}.service-grid article{min-height:64px;padding:9px;display:grid;grid-template-columns:43px minmax(0,1fr) 20px;grid-template-rows:auto auto;align-items:center}.service-grid article>i{grid-column:1;grid-row:1/3}.service-grid h3{grid-column:2;grid-row:1;margin:0 0 4px}.service-grid p{grid-column:2;grid-row:2;min-height:0;font-size:7px}.service-grid a{grid-column:3;grid-row:1/3}.projects{padding:13px 12px;display:block}.projects .section-intro>a{display:none}.project-grid{display:block}.project-grid article{display:none}.project-grid article:first-child{display:grid;grid-template-columns:103px 1fr;height:67px}.project-photo{height:67px;background-repeat:no-repeat}.project-photo.solaris{background-size:1160px auto;background-position:-259px -443px}.facts{height:91px;padding:8px 5px;grid-template-columns:repeat(2,minmax(0,1fr))}.facts article{padding:5px;justify-content:flex-start}.facts i{font-size:21px}.facts b{font-size:14px}.facts span{font-size:6px}.cta{height:auto;min-height:155px;padding:20px;display:block}.cta h2{font-size:19px}.cta>div:last-child{display:grid;gap:7px;margin-top:14px}.cta .button{width:100%}.extra{padding:40px 18px}.extra h2{font-size:21px}footer{display:none}}
@media(max-width:370px){.page{width:100%;margin:0;border:0;border-radius:0}.main-nav{top:139px;left:0;right:0}}
@media(min-width:901px){.facts article{padding-left:14px;padding-right:14px}}

/* GLOBAL-LAYOUT-SAFETY */
body{overflow-x:hidden}img,svg{max-width:100%;height:auto}.button{max-width:100%}[class*="grid"]>*{min-width:0}
