/* Betreiberpalette: Weiß, #f3f3f3, #444444, #666666 und Logo-Rot #fb2105. */
body{background:#ffffff}.site-header{background:#fff;border-bottom:1px solid #66666630}.original-brand img{max-width:180px;max-height:44px}.prototype-bar{letter-spacing:.04em}
.hero{display:flex;flex-direction:column;min-height:0;background:#f3f3f3}.hero-copy{padding:64px 6vw 46px;max-width:1120px;width:100%;margin:auto;align-items:center;text-align:center}.hero .eyebrow{justify-content:center;margin-bottom:24px}.hero h1{font-size:clamp(3.2rem,6.8vw,6.5rem);max-width:980px;line-height:1.02}.hero-intro{max-width:620px;font-size:25px;line-height:1.35}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-index{width:100%;max-width:700px;padding-top:36px;letter-spacing:.12em}.hero-visual{width:100%;background:#f3f3f3}.hero-visual img{width:100%;height:clamp(210px,26vw,410px);min-height:0;object-fit:cover;object-position:44% center}.hero-visual figcaption{position:static;background:#fff;padding:12px 6vw;font-size:16px;font-style:italic;color:#666666}
.story{padding:90px 6vw;grid-template-columns:18% minmax(0,1fr) 170px;gap:30px}.story-content{padding-right:0;min-width:0}.story-content h2{font-size:clamp(3rem,5vw,5rem);overflow-wrap:anywhere}.story-content p:not(.small-label){font-size:23px;line-height:1.45}.year-stamp{width:150px;height:150px;background:#f3f3f3;border-style:dashed}.year-stamp strong{font-size:50px}.history-photo{margin:30px 0 0;max-width:287px;padding:9px;background:#f3f3f3;transform:rotate(-2deg)}.history-photo img{width:100%;height:auto}.history-photo figcaption{padding:10px 2px 2px;font-size:16px;color:#666666}
.photo-strip{margin:0;border-top:1px solid #66666630;border-bottom:1px solid #66666630}.photo-strip img{width:100%;height:auto;display:block}.photo-strip figcaption{padding:16px 6vw;font:italic 22px/1.3 var(--serif);color:#444444}.offer{background:#f3f3f3;padding:85px 6vw}.offer-top h2{font-size:clamp(3.3rem,5vw,5rem)}.coffee-detail{margin:12px 0 38px}.coffee-detail img{width:100%;height:auto}.offer-row{border-color:#66666655}.offer-row h3{overflow-wrap:anywhere}.repair-content{padding:85px 6vw;background:#fff}.repair-content article{border-top-style:dotted}.visit{background:#444444}.visit .small-label,.visit h2 em{color:#fff}.visit h2{font-size:clamp(4rem,7vw,6rem)}footer{border-top:1px solid #66666630}
@media(max-width:760px){.site-header{height:78px}.mobile-nav{top:auto}.hero-copy{padding:42px 24px 32px}.hero h1{font-size:clamp(3rem,11.5vw,4.5rem)}.hero-intro{font-size:22px}.hero-actions{gap:20px}.hero-visual img{height:210px;object-position:40% center}.hero-index{font-size:11px;padding-top:30px}.story{display:flex;padding:60px 24px;gap:0}.story-content h2{font-size:clamp(2.8rem,10.5vw,4rem)}.story-content p:not(.small-label){font-size:21px}.year-stamp{margin:34px 0 0 auto}.photo-strip img{height:190px;object-fit:cover;object-position:50% center}.photo-strip figcaption{padding:16px 24px;font-size:20px}.offer,.repair-content,.visit{padding:60px 24px}.coffee-detail img{height:155px;object-fit:cover;object-position:48% center}.offer-row h3{font-size:28px}.visit h2{font-size:4.5rem}.visit-details a:not(.button-light){overflow-wrap:anywhere}.text-link{white-space:normal}.button-primary{max-width:100%;gap:22px}footer{padding:28px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}