:root{--ink:#383e42;--muted:#60666a;--paper:#f6f5ef;--line:#d6d8d9;--accent:#b7a47c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #9e6f2f;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:24px}.brand{text-decoration:none;font:36px/1 Georgia,serif;letter-spacing:-1.6px}.brand small{font:10px/1 Arial,sans-serif;letter-spacing:2.5px;display:block;margin-top:12px;text-transform:uppercase}.nav nav{display:flex;gap:30px;font-size:14px}.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline}.hero{padding:88px 0 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:2.3px;text-transform:uppercase;display:block;margin-bottom:28px;color:var(--muted)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-1.8px;margin:0 0 28px}h1{font-size:clamp(48px,5.4vw,76px)}h2{font-size:clamp(35px,4vw,52px)}h3{font-size:34px;letter-spacing:-.8px}.hero p{max-width:490px;color:var(--muted);font-size:18px}.hero figure{margin:0;position:relative}.hero figure img{width:100%;height:540px;object-fit:cover;border-radius:3px}.hero figcaption{font-size:11px;color:var(--muted);margin-top:10px}.button{display:inline-block;text-decoration:none;background:var(--ink);color:white;padding:15px 24px;font-size:14px;line-height:1.4;border:1px solid var(--ink)}.button:hover{background:#4a5156}.hero .button{margin-top:18px}.intro{border-top:1px solid var(--line);padding:60px 0;display:grid;grid-template-columns:1fr 1.7fr;gap:90px}.intro h2{font-size:32px;letter-spacing:-.8px}.intro p{margin:0;font-size:21px;line-height:1.6;max-width:750px}.projects{padding:74px 0 90px;background:#e9eaeb}.projects-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.projects-head h2{margin:0}.projects-head p{max-width:350px;color:var(--muted);font-size:15px}.project{background:var(--paper);display:grid;grid-template-columns:1.05fr 1fr;margin-top:28px}.project>img{width:100%;height:400px;object-fit:cover}.project-copy{padding:48px;align-self:center}.project-copy .eyebrow{margin-bottom:17px}.project-copy p{color:var(--muted);font-size:16px}.arrow-link{display:inline-block;font-size:14px;font-weight:600;margin-top:12px}.contact{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:var(--muted)}.contact-address{border-left:1px solid var(--line);padding-left:60px}.contact-address strong{font-weight:400;font-family:Georgia,serif;font-size:28px}.contact-email{display:inline-block;font-size:clamp(20px,2.5vw,29px);margin-top:15px}.contact-address p{margin:15px 0}.footer{background:var(--ink);color:#f0f1f2;padding:34px 0}.footer-row{display:flex;justify-content:space-between;gap:24px;font-size:12px}.footer nav{display:flex;gap:24px}.legal{max-width:850px;padding:75px 0 100px}.legal h1{font-size:58px}.legal h2{font:27px/1.25 Georgia,serif;letter-spacing:-.4px;margin:35px 0 14px}.legal h3{font-size:23px;margin:25px 0 12px}.legal p,.legal li{color:#50575c}.legal .eyebrow{margin-bottom:22px}@media(max-width:850px){.wrap{width:calc(100% - 44px)}.nav{min-height:90px}.nav nav{gap:18px}.hero{grid-template-columns:1fr;padding:54px 0;gap:35px}.hero figure img{height:380px}.hero p{max-width:100%}.intro{grid-template-columns:1fr;gap:10px;padding:40px 0}.intro p{font-size:19px}.projects{padding:50px 0}.projects-head{display:block}.project{grid-template-columns:1fr}.project>img{height:300px}.project-copy{padding:30px}.contact{grid-template-columns:1fr;padding:55px 0;gap:20px}.contact-address{padding-left:0;border:0}.footer-row{flex-direction:column;gap:15px}}@media(max-width:450px){.brand{font-size:30px}.nav nav{font-size:12px;gap:12px}.hero figure img{height:300px}h1{font-size:49px}.footer nav{gap:18px}.legal h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Originalmarke und Unternehmensgeschichte */
.brand{display:flex;align-items:center;gap:20px;letter-spacing:0}.brand-logo{width:176px;height:124px;object-fit:cover;border-radius:2px}.brand-caption{font:10px/1.6 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;max-width:170px}.nav{min-height:148px}.hero .brand-promise{margin-top:22px;font-size:18px;color:var(--ink)}.brand-promise strong{font-family:Georgia,serif;font-weight:400;font-size:24px;display:block;margin-top:5px;line-height:1.3}@media(max-width:600px){.nav{flex-wrap:wrap;padding:12px 0 18px;gap:14px}.brand{gap:12px}.brand-logo{width:140px;height:108px}.brand-caption{max-width:145px;font-size:9px}.nav nav{width:100%;justify-content:space-between}.brand-promise strong{font-size:23px}}
.brand-caption{white-space:nowrap;max-width:none}

.hero figure img[src="rosenhof-tag.webp"],.project>img[src="rosenhof-tag.webp"]{height:auto;aspect-ratio:1672/941;object-fit:contain;align-self:center}

.hero-gallery{align-self:start;display:grid;gap:22px;padding-top:26px}.hero .hero-gallery figure img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.hero .hero-gallery figure{margin:0}@media(max-width:850px){.hero-gallery{padding-top:0}}
