@charset "UTF-8";
:root{--paper:#f5f0e6;--ink:#302334;--rust:#a13e29;--yellow:#eadb91;--line:#b8ada8;--pad:clamp(1.25rem,6vw,6rem)}*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.contact :focus-visible{outline-color:var(--yellow)}.skip{position:absolute;top:-100px;left:1rem;padding:1rem;background:var(--paper);z-index:10}.skip:focus{top:1rem}.preview-note{background:var(--ink);color:var(--paper);font-size:.72rem;text-align:center;padding:.3rem}header{padding:1.3rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:flex;gap:.8rem;align-items:center;font-size:.85rem;font-weight:bold;text-decoration:none}.mark{font:italic bold 2.8rem Georgia;letter-spacing:-.1em;color:var(--rust)}nav{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}nav a{font-size:.85rem;text-decoration:none;padding:.4rem 0}.nav-cta{border-bottom:1px solid}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;padding:4.5rem var(--pad)}.eyebrow,.number{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:bold}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.05;letter-spacing:-.045em;white-space:pre-line;overflow-wrap:anywhere}h1{font-size:clamp(3.3rem,5.8vw,6rem);margin:1.4rem 0}h2{font-size:clamp(2.6rem,4.1vw,4.4rem);margin:1rem 0 1.8rem}h3{font-size:1.55rem;margin:0 0 .6rem;line-height:1.3}p{max-width:62ch;margin:.8rem 0}.intro{font-size:1.13rem;max-width:49ch}.small{font-size:.8rem;line-height:1.6}.button{display:inline-flex;background:var(--ink);color:var(--paper);padding:.9rem 1.3rem;text-decoration:none;border:1px solid transparent;font-size:.93rem;cursor:pointer;margin-top:1rem;max-width:100%;text-align:left}.button:hover{background:var(--rust)}.bike-art{margin:0;background:var(--yellow);border-radius:50% 50% 3px 3px;min-height:420px;display:flex;flex-direction:column;justify-content:center;text-align:center;overflow:hidden;padding:2rem 0}.bike-art img{width:100%;height:auto;display:block;max-height:420px;object-fit:cover}.bike-art p{margin:1rem auto 0}.bike-art figcaption{font-size:.7rem}.ribbon{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-block:1px solid var(--line);margin:0 var(--pad);padding:1.4rem 0;font-size:.85rem}.ribbon span:before{content:'✳';margin-right:.7rem;color:var(--rust)}.section{padding:5.5rem var(--pad)}.offers{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.service-list article{border-top:1px solid var(--line);padding:1.7rem 0;display:grid;grid-template-columns:2rem 1fr;gap:1rem}.service-list a,.bike a{font-size:.85rem;font-weight:bold}.number{color:var(--rust)}.bike{background:var(--yellow);display:grid;grid-template-columns:1fr 1.6fr .6fr;gap:2rem;align-items:start}.wheel{align-self:center;display:grid;place-items:center;width:130px;height:130px;border:2px solid;border-radius:50%;font:5rem Georgia}.workshops{max-width:1100px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:3rem}details{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}summary{cursor:pointer;font-size:.85rem;font-weight:bold}details p{font-size:.9rem}.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;background:var(--ink);color:var(--paper)}.contact h2{color:var(--yellow)}.contact .small{margin-top:1.4rem}.notice{border-left:2px solid var(--yellow);padding-left:1rem;font-size:.85rem}fieldset{padding:0;border:0;margin:0;min-width:0}legend{padding:0 0 1.5rem;font-weight:bold}legend span{font-weight:normal;margin-left:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;font-size:.82rem}input,textarea,select{display:block;width:100%;min-width:0;border:1px solid #b8ada8;border-radius:2px;background:var(--paper);color:var(--ink);padding:.7rem;margin-top:.35rem;font-size:1rem}textarea{resize:vertical}.wide{grid-column:1/-1}.contact .button{background:var(--yellow);color:var(--ink)}.contact .button:hover{background:var(--paper)}#draft{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.copy{display:block;padding:.6rem 0;background:none;color:var(--paper);border:0;text-decoration:underline;cursor:pointer;margin-top:.7rem}footer{padding:2.5rem var(--pad);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}footer p{font-size:.8rem;margin:0}footer nav{width:100%}[hidden]{display:none!important}
@media(min-width:1700px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){.hero,.offers,.contact{gap:2rem}.bike-art{min-height:340px}.bike{grid-template-columns:1fr 2fr}.wheel{display:none}header{gap:1rem}nav{gap:.8rem}.hero{padding-block:3rem}}@media(max-width:700px){body{font-size:16px}header{display:block}header nav{margin-top:1rem;justify-content:space-between;gap:.5rem}.hero,.offers,.about,.contact,.bike{grid-template-columns:1fr;gap:2rem}.hero{padding-block:2.5rem}.hero h1{font-size:clamp(3rem,11vw,4.8rem)}.bike-art{min-height:300px;max-width:480px;width:100%;justify-self:center;padding-block:1.4rem}.ribbon{display:grid;grid-template-columns:1fr 1fr;font-size:.75rem}.section{padding-block:3.5rem}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.about{gap:.5rem}footer nav{align-items:start;flex-direction:column}h2{font-size:2.8rem}.contact .button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* B05: echte Bilder, gelieferter Umriss und ruhige Bildbetrachtung. */
.bike-art{border-radius:50% 50% 8px 8px;padding:1.4rem;background:var(--yellow)}.bike-art img{object-fit:contain;mix-blend-mode:multiply;max-height:440px}.bike-art figcaption{padding:.8rem}.bike-gallery{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:2.5rem;margin-top:2rem;align-items:start}.photo{margin:0;min-width:0}.photo-open{position:relative;display:block;background:white;overflow:hidden;border-radius:5px}.photo img{display:block;width:100%;height:auto;aspect-ratio:1200/896;object-fit:contain}.photo figcaption{font-size:.78rem;margin-top:.8rem}.bike-gallery .photo:nth-child(2){margin-top:4rem}.zoom-label{position:absolute;right:.6rem;bottom:.6rem;padding:.4rem .7rem;background:var(--ink);color:var(--paper);font-size:.72rem}.photo-open:hover .zoom-label{background:var(--rust)}.about{grid-template-columns:1fr 1.3fr;align-items:center;gap:5rem}.portrait{max-width:440px;margin-top:1.3rem}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:50% 35%}.direct-email{overflow-wrap:anywhere}dialog{border:0;border-radius:6px;background:var(--paper);color:var(--ink);padding:1rem;max-width:min(1100px,94vw);max-height:94vh}dialog::backdrop{background:rgb(20 15 22 / .85)}dialog img{display:block;max-width:100%;max-height:73vh;margin:auto;object-fit:contain}dialog p{font-size:.85rem;margin:.7rem 0 0}.photo-close{display:block;margin:0 0 .8rem auto;padding:.65rem 1rem;cursor:pointer;background:var(--ink);color:var(--paper);border:0}body.photo-viewing{overflow:hidden}
@media(max-width:700px){.bike-gallery{grid-template-columns:1fr;gap:2rem;margin-top:0}.bike-gallery .photo:nth-child(2){margin-top:0}.about{grid-template-columns:1fr;gap:2rem}.portrait{max-width:100%}.bike-art{max-width:380px}.bike-art img{max-height:310px}dialog{padding:.7rem}.zoom-label{font-size:.7rem}}

.portrait > img{display:block;width:100%;border-radius:6px}