:root{--gold:#c98c27;--dark:#111315;--paper:#fff;--muted:#4b4e52;--line:#e0e0df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--dark);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:90px;padding:0 4.6%;display:flex;align-items:center;background:#fff}.brand{display:flex;align-items:center;gap:17px}.brand>span{width:40px;height:48px;display:grid;place-items:end center;border:2px solid var(--gold);color:var(--gold);font-size:24px}.brand b{display:block;font-size:24px;line-height:1;text-transform:uppercase;letter-spacing:2px}.brand small{display:block;margin-top:4px;font-size:8px;text-transform:uppercase;letter-spacing:3px}.main-nav{display:flex;gap:53px;margin-left:auto;font-size:13px}.main-nav a:first-child{padding:17px 0;color:var(--gold);border-bottom:2px solid var(--gold)}.phone{margin-left:92px;display:flex;align-items:center;gap:12px;font-size:13px}.phone>i{color:var(--gold);font-size:28px}.phone small{display:block;margin-top:4px;font-size:9px;font-weight:400}.button{min-height:40px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--gold);border-radius:3px;background:linear-gradient(110deg,#c58a27,#d59a34);color:#fff;font-size:11px;font-weight:600}.header-cta{min-width:130px;margin-left:37px}.menu-toggle{display:none;margin-left:auto;border:0;background:none}.menu-toggle i{display:block;width:24px;height:2px;margin:5px;background:var(--dark)}.hero{height:460px;display:grid;grid-template-columns:35% 65%;background:#e9edf1}.hero-copy{position:relative;z-index:2;padding:45px 20px 20px 70px}.hero-copy>span,.project-intro>span,.cta span,.extra>span{color:var(--gold);font-size:12px;text-transform:uppercase;font-weight:600}.hero h1{margin:20px 0 16px;font-size:55px;line-height:1.02;text-transform:uppercase}.hero h1 i{color:var(--gold);font-style:normal}.hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.actions{display:flex;gap:30px;margin-top:24px}.actions .button{min-width:188px}.outline{min-width:176px;background:#fff;color:var(--dark);border-color:#555}.hero-image{background:url("../../storage/images/bau_zukunft/IMAGE.png") no-repeat;background-size:1536px 1024px;background-position:-538px -90px;background-color:#d8d2cc}.qualities{position:relative;z-index:3;min-height:96px;margin:-47px 4.7% 0;padding:18px 29px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:4px;background:linear-gradient(110deg,#101214,#171819);color:#fff}.qualities article{padding:0 31px;display:grid;grid-template-columns:53px 1fr;align-items:center;gap:19px;border-right:1px solid #4c4131}.qualities article:last-child{border:0}.qualities i{color:var(--gold);font-size:37px}.qualities h2{margin:0 0 8px;font-size:11px}.qualities p{margin:0;font-size:9px;line-height:1.5}.projects{padding:38px 4.7% 29px;display:grid;grid-template-columns:306px 1fr;gap:39px}.project-intro h2{margin:13px 0;font-size:27px;line-height:1.06;text-transform:uppercase}.project-intro>i{display:block;width:34px;height:2px;background:var(--gold)}.project-intro p{margin:21px 0;color:var(--muted);font-size:12px;line-height:1.5}.project-intro>a{width:199px;height:41px;display:flex;align-items:center;justify-content:space-around;border:1px solid var(--gold);border-radius:3px;font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.project-grid article{border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#fff}.project-photo{height:150px;background-image:url("../../storage/images/bau_zukunft/IMAGE.png");background-size:1536px 1024px;background-color:#d8d2cc}.project-photo.house{background-position:-417px -637px}.project-photo.apartments{background-position:-686px -637px}.project-photo.renovation{background-position:-955px -637px}.project-photo.commercial{background-position:-1223px -637px}.project-grid article>div:last-child{padding:12px}.project-grid h3{margin:0;font-size:12px}.project-grid p{color:#666;font-size:10px}.project-grid p i{margin-right:8px;color:var(--gold)}.project-grid a{display:block;margin-top:20px;color:var(--gold);font-size:10px}.project-grid a i{margin-left:9px}.facts{min-height:100px;padding:15px 5%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f8f7f4}.facts article{display:flex;align-items:center;justify-content:center;gap:27px;border-right:1px solid var(--line)}.facts article:last-child{border:0}.facts i{color:var(--gold);font-size:40px}.facts b{display:block;font-size:28px}.facts span{font-size:10px;color:#555}.cta{padding:55px 8%;display:flex;align-items:center;justify-content:space-between;background:#151719;color:#fff}.cta h2{margin:9px 0 0;font-size:29px}.cta .button{min-width:210px}.extra{padding:65px;text-align:center;background:#f2f1ee}.extra h2{margin-top:10px;font-size:27px}footer{padding:20px 5%;display:flex;justify-content:space-between;background:#0e1012;color:#ddd;font-size:8px}footer nav{display:flex;gap:20px}
@media(max-width:1100px){header{padding-inline:30px}.main-nav{gap:22px}.phone{margin-left:30px}.header-cta{margin-left:20px}.hero-copy{padding-left:45px}.hero h1{font-size:46px}.qualities article{padding-inline:14px}.projects{grid-template-columns:240px 1fr;gap:20px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){header{height:70px;padding:0 18px}.brand>span{width:31px;height:38px}.brand b{font-size:18px}.brand small{font-size:6px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:30;top:70px;left:0;right:0;padding:10px 20px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}.menu-open .main-nav{display:flex;flex-direction:column;gap:0}.main-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.phone,.header-cta{display:none}.hero{height:560px;display:block;position:relative;background-image:url("../../storage/images/bau_zukunft/IMAGE.png");background-size:900px auto;background-position:-369px -52px;background-color:#d8d2cc}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(241,243,244,.98) 0 52%,rgba(241,243,244,.25) 78%,transparent)}.hero-copy{position:relative;z-index:2;padding:35px 20px}.hero-copy>span{font-size:10px}.hero h1{font-size:43px}.hero p{font-size:11px}.hero p br{display:none}.actions{gap:8px}.actions .button{min-width:0;flex:1;padding:0 9px;font-size:9px}.hero-image{display:none}.qualities{margin:-1px 10px 10px;padding:7px 13px;display:block}.qualities article{min-height:65px;padding:8px;grid-template-columns:42px 1fr;border-right:0;border-bottom:1px solid #3f3b34}.qualities i{font-size:29px}.qualities h2{font-size:10px}.qualities p{font-size:7px}.projects{padding:22px 13px;display:block}.project-intro h2{font-size:22px}.project-intro p,.project-intro>a{display:none}.project-grid{margin-top:16px;display:block}.project-grid article{display:none}.project-grid article:first-child{display:grid;grid-template-columns:120px 1fr}.project-photo{height:120px}.project-photo.house{background-size:1220px auto;background-position:-331px -505px}.project-grid a{margin-top:8px}.facts{padding:9px 4px;grid-template-columns:repeat(2,minmax(0,1fr))}.facts article{padding:8px;justify-content:flex-start}.facts i{font-size:28px}.facts b{font-size:19px}.facts span{font-size:7px}.cta{padding:38px 20px;display:block}.cta h2{font-size:24px}.cta .button{width:100%;margin-top:18px}.extra{padding:42px 20px}.extra h2{font-size:22px}footer{padding:17px 20px}}
@media(max-width:380px){.hero h1{font-size:38px}.actions{display:grid}.actions .button{width:100%}}

/* Visuelle Stabilisierung */
body{background:#ececec;overflow-x:hidden}
header,main,footer{width:min(100%,1536px);margin-left:auto;margin-right:auto}
@media(max-width:900px){header{height:70px;padding:0 18px}.brand>span{width:31px;height:38px}.brand b{font-size:18px}.brand small{font-size:6px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:30;top:70px;left:0;right:0;padding:10px 20px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}.menu-open .main-nav{display:flex;flex-direction:column;gap:0}.main-nav a{padding:10px 0;border-bottom:1px solid var(--line)}.phone,.header-cta{display:none}.hero{height:560px;display:block;position:relative;background-image:url("../../storage/images/bau_zukunft/IMAGE.png");background-size:900px auto;background-position:-369px -52px;background-color:#d8d2cc}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(241,243,244,.98) 0 52%,rgba(241,243,244,.25) 78%,transparent)}.hero-copy{position:relative;z-index:2;padding:35px 20px}.hero-copy>span{font-size:10px}.hero h1{font-size:43px}.hero p{font-size:11px}.hero p br{display:none}.actions{gap:8px}.actions .button{min-width:0;flex:1;padding:0 9px;font-size:9px}.hero-image{display:none}.qualities{margin:-1px 10px 10px;padding:7px 13px;display:block}.qualities article{min-height:65px;padding:8px;grid-template-columns:42px 1fr;border-right:0;border-bottom:1px solid #3f3b34}.qualities i{font-size:29px}.qualities h2{font-size:10px}.qualities p{font-size:7px}.projects{padding:22px 13px;display:block}.project-intro h2{font-size:22px}.project-intro p,.project-intro>a{display:none}.project-grid{margin-top:16px;display:block}.project-grid article{display:none}.project-grid article:first-child{display:grid;grid-template-columns:120px 1fr}.project-photo{height:120px}.project-photo.house{background-size:1220px auto;background-position:-331px -505px}.project-grid a{margin-top:8px}.facts{padding:9px 4px;grid-template-columns:repeat(2,minmax(0,1fr))}.facts article{padding:8px;justify-content:flex-start}.facts i{font-size:28px}.facts b{font-size:19px}.facts span{font-size:7px}.cta{padding:38px 20px;display:block}.cta h2{font-size:24px}.cta .button{width:100%;margin-top:18px}.extra{padding:42px 20px}.extra h2{font-size:22px}footer{padding:17px 20px}}

/* GLOBAL-LAYOUT-SAFETY */
body{overflow-x:hidden}img,svg{max-width:100%;height:auto}.button{max-width:100%}[class*="grid"]>*{min-width:0}
@media(min-width:901px){.facts article{padding-left:18px;padding-right:18px}}