:root{--red:#e30613;--black:#181818;--gray:#686868;--line:#dedede}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--black);font:16px/1.65 Arial,Helvetica,sans-serif}h1,h2,h3,.serif{font-family:'Times New Roman',Times,serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{max-width:100%;display:block}.wrap{max-width:1320px;padding:0 5%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:155px;border-bottom:1px solid var(--line)}.logo{width:165px;height:145px;object-fit:contain}.nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav a:hover{color:var(--red)}.nav .outline{border-bottom:1px solid var(--red);padding:9px 0}.intro{padding:50px 0 35px;display:flex;justify-content:space-between;gap:50px;align-items:end}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gray);margin:0 0 18px}.eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:22px;height:2px;background:var(--red);margin-right:12px}h1{font-size:clamp(44px,5.8vw,78px);letter-spacing:-2px;line-height:1.05;margin:0}.intro p{font-size:14px;color:var(--gray);max-width:330px;margin:0 0 2px}.hero-image{width:100%;height:510px;object-fit:cover;object-position:center 58%}.hero-caption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:10px;color:var(--gray)}.hero-caption a{color:var(--black)}section{padding:80px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-title h2{font-size:43px;line-height:1.1;margin:0}.section-title>a{font-size:12px;border-bottom:1px solid var(--red);padding-bottom:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px}.project{margin:0}.project>a{display:block;overflow:hidden;background:#f5f5f5}.project img{width:100%;height:320px;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.02)}.project figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:15px}.project h3{font-size:27px;line-height:1.1;margin:0 0 5px}.project p{font-size:11px;color:var(--gray);margin:0}.project figcaption>span{font-size:20px}.image-note{font-size:11px;color:var(--gray);margin-top:25px;max-width:850px}.services{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service h3{font-size:29px;margin:0 0 15px;line-height:1.15}.service p{font-size:13px;color:var(--gray);margin:0;line-height:1.8}.service-number{color:var(--red);font-size:10px;display:block;margin-bottom:20px}.company{display:grid;grid-template-columns:1fr 1fr;gap:70px}.company h2{font-size:44px;margin:0;line-height:1.1}.company p{font-size:14px;color:var(--gray);margin-top:0}.contact{background:#f3f3f3;padding:65px 0}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact h2{font-size:47px;line-height:1.1;margin:0 0 20px}.contact p{font-size:13px;color:var(--gray)}.contact-links>a{display:block;border-bottom:1px solid #ccc;font-family:'Times New Roman',Times,serif;font-size:31px;padding:10px 0}.contact-links>a:hover{color:var(--red)}footer{padding:30px 0}.footer-row{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--gray)}.footer-links{display:flex;gap:25px}.draft{margin:25px 0 0;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:var(--gray)}.skip{position:absolute;top:-80px}.skip:focus{top:0;z-index:100;background:white;padding:10px}.gallery-intro{padding:55px 0 30px}.gallery-intro h1{font-size:58px}.gallery-intro p{max-width:750px;font-size:14px;color:var(--gray)}.gallery-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 35px}.gallery-tabs a{border-bottom:1px solid var(--red);font-size:12px;padding:7px 0;margin-right:15px}.gallery-group{padding:45px 0;border-top:1px solid var(--line)}.gallery-group h2{font-size:36px;line-height:1.1;margin:0 0 12px}.gallery-group>p{font-size:12px;color:var(--gray);max-width:700px}.views{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.view{margin:0}.view img{width:100%;height:330px;object-fit:cover;background:#f5f5f5}.view figcaption{font-size:11px;color:var(--gray);padding-top:10px}.view a:hover{color:var(--red)}.original{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.original summary{font-size:11px;cursor:pointer}.original img{height:280px;object-fit:contain;background:white;margin-top:15px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.plan-card{border:1px solid var(--line);padding:20px}.plan-card img{height:230px;width:100%;object-fit:contain}.plan-card h3{font-size:24px;line-height:1.2;margin:20px 0 8px}.plan-card p{font-size:11px;color:var(--gray)}.plan-card a{font-size:12px;color:#333;border-bottom:1px solid var(--red)}.legal{max-width:850px;padding-top:60px;padding-bottom:80px}.legal h1{font-size:54px}.legal h2{font-size:28px;margin-top:35px}.legal p,.legal li{font-size:14px}.notice{border-left:2px solid var(--red);padding:15px 22px;background:#f5f5f5;margin:30px 0;font-size:13px}.back{font-size:12px;border-bottom:1px solid var(--red);display:inline-block;margin-bottom:30px}details.reference-index{margin-top:40px;border-top:1px solid var(--line);padding-top:20px}details.reference-index summary{font:26px 'Times New Roman',Times,serif;cursor:pointer}.ref-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 35px;padding:20px 0}.ref-item{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.ref-item small{display:block;color:var(--gray);margin-top:4px}[hidden]{display:none!important}@media(max-width:700px){.wrap{padding:0 6%}.top{min-height:125px;gap:20px}.logo{width:125px;height:115px}.nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:190px;font-size:11px}.intro{display:block;padding-top:35px}.intro p{margin-top:23px;max-width:100%}h1{font-size:48px;letter-spacing:-1.1px}.hero-image{height:350px;object-position:38% center}.hero-caption{font-size:9px}.hero-caption a{max-width:110px}section{padding:55px 0}.section-title h2{font-size:35px}.section-title{align-items:start}.project-grid{grid-template-columns:1fr;gap:30px}.project img{height:280px}.service-grid{grid-template-columns:1fr;gap:35px}.service-number{margin-bottom:10px}.service h3{font-size:28px}.company,.contact-inner{grid-template-columns:1fr;gap:25px}.company h2{font-size:37px}.contact h2{font-size:39px}.contact-links>a{font-size:27px}.footer-row{flex-direction:column;gap:15px}.views,.plan-grid,.ref-list{grid-template-columns:1fr}.view img{height:280px}.gallery-intro h1{font-size:43px}.gallery-group h2{font-size:31px}.legal h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Typografie nach Rückmeldung: moderne, ruhige Schrift; Original-Logo unverändert. */
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}h1,h2,h3,.serif,.contact-links>a,details.reference-index summary{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400}h1{font-size:clamp(44px,5.3vw,72px);letter-spacing:-2.8px;line-height:1.08}.section-title h2,.company h2,.contact h2{letter-spacing:-1.5px;font-weight:400}.project h3{font-size:23px;letter-spacing:-.6px;line-height:1.2}.gallery-group h2{font-size:32px;letter-spacing:-1px}.plan-card h3{font-size:21px;letter-spacing:-.4px}.contact-links>a{font-size:29px;letter-spacing:-.8px}.gallery-intro h1{font-size:53px;letter-spacing:-2px}@media(max-width:700px){h1{font-size:46px;letter-spacing:-1.7px}.section-title h2{font-size:31px}.project h3{font-size:22px}.company h2{font-size:35px}.contact h2{font-size:36px}.gallery-intro h1{font-size:40px}.contact-links>a{font-size:26px}}

/* Neuer bildbetonter Entwurf */
.wrap{max-width:1500px;padding-left:5%;padding-right:5%}.top{min-height:130px}.logo{width:145px;height:125px}.new-intro{padding:58px 0 45px}.new-intro h1{font-size:clamp(48px,6vw,88px);font-weight:500;letter-spacing:-3.6px}.new-intro>div:last-child{padding-bottom:7px}.intro p{font-size:16px;line-height:1.6}.red-dot{color:var(--red)}.text-link{font-size:12px;display:inline-block;margin-top:25px;border-bottom:1px solid var(--red);padding-bottom:5px}.hero-mosaic{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:245px 245px;gap:12px}.hero-mosaic>a{position:relative;overflow:hidden}.hero-mosaic .mosaic-main{grid-row:span 2}.hero-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.hero-mosaic a:hover img{transform:scale(1.025)}.hero-mosaic span{position:absolute;bottom:0;left:0;width:100%;padding:35px 22px 16px;color:white;font-size:13px;background:linear-gradient(transparent,rgba(0,0,0,.65))}.category-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin-top:35px;font-size:13px}.category-nav a:hover{color:var(--red)}.portfolio{padding:80px 0 10px}.section-title>p{font-size:13px;color:var(--gray);max-width:260px;margin:0}.section-title h2{font-size:43px;letter-spacing:-1.7px}.project-grid{gap:35px 24px}.project.wide{grid-column:span 2}.project.wide img{height:430px}.project img{height:310px}.project h3{font-size:20px}.gallery-cta{display:flex;align-items:center;justify-content:space-between;padding:45px 0 70px}.gallery-cta>p{font-size:22px;letter-spacing:-.5px}.button{padding:14px 22px;background:var(--red);color:white;font-size:13px}.button:hover{background:var(--black)}.services h2{font-size:38px;letter-spacing:-1.3px;margin:0 0 35px}.service h3{font-size:24px}.company h2{font-size:34px}.contact h2{font-size:48px}.view img{object-fit:contain;background:#f5f5f5}.project a img{object-fit:cover}.gallery-group{scroll-margin-top:25px}
@media(min-width:1600px){.hero-mosaic{grid-template-rows:280px 280px}.project img{height:370px}}
@media(max-width:700px){.new-intro{padding:32px 0}.new-intro h1{font-size:50px;letter-spacing:-2px}.new-intro>div:last-child{margin-top:20px}.hero-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:320px 150px;gap:8px}.hero-mosaic .mosaic-main{grid-column:span 2;grid-row:span 1}.hero-mosaic span{font-size:10px;padding:30px 10px 10px}.category-nav{gap:12px;flex-wrap:wrap;justify-content:start;font-size:12px}.section-title{display:block}.section-title>p{margin-top:15px}.section-title h2{font-size:32px}.portfolio{padding-top:52px}.project.wide{grid-column:auto}.project.wide img,.project img{height:250px}.gallery-cta{display:block;padding-bottom:40px}.button{display:inline-block}.company h2{font-size:30px}.contact h2{font-size:38px}}

/* Rückmeldungen 02.11.2026 */
.new-intro .eyebrow{max-width:none;white-space:nowrap;font-size:clamp(9px,1.1vw,13px);letter-spacing:1.3px}.project a[href$="#a1-bb07"] img{object-fit:contain;background:#f5f5f5}

/* Kompakte einzeilige Startüberschrift */
.new-intro h1{font-size:clamp(24px,3.35vw,48px);letter-spacing:-1.5px;white-space:nowrap;line-height:1.15}.new-intro{gap:28px}.new-intro>div:first-child{min-width:0}@media(max-width:700px){.new-intro h1{font-size:clamp(19px,5.1vw,35px);letter-spacing:-.7px}}