:root{--wine:#741d32;--wine-dark:#4b1020;--rose:#f2e8e9;--cream:#fbf8f5;--ink:#282326;--muted:#71686b;--line:#ded4d5;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue',sans-serif;--shadow:0 18px 50px rgba(75,16,32,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--wine);color:#fff;padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid rgba(116,29,50,.1);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.9rem;line-height:1.1}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--wine);border-radius:50%;font:1rem var(--serif);color:var(--wine);letter-spacing:.05em}.brand strong{display:block;font:1.1rem var(--serif)}.brand small{display:block;margin-top:.28rem;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.site-header nav{display:flex;align-items:center;gap:2.1rem}.site-header nav a{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.site-header nav a:hover{color:var(--wine)}.menu-button{display:none;border:0;background:transparent;text-transform:uppercase;letter-spacing:.1em;color:var(--wine)}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:minmax(320px,.88fr) 1.12fr;background:var(--cream)}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(4rem,8vw,9rem) clamp(2rem,7vw,8rem)}.eyebrow{text-transform:uppercase;color:var(--wine);font-size:.72rem;letter-spacing:.2em;font-weight:bold;margin:0 0 1.2rem}.hero h1,.section h2,.intro h2,.legal-page h1{font:normal clamp(2.65rem,5vw,5.7rem)/1.02 var(--serif);letter-spacing:-.035em;margin:.1em 0 .4em}.hero .lead{font-size:clamp(1rem,1.3vw,1.2rem);color:var(--muted);max-width:34rem;margin:0 0 2.2rem}.button{display:inline-block;background:var(--wine);color:#fff;padding:1rem 1.45rem;font-size:.79rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--wine);transition:.2s}.button:hover{background:var(--wine-dark);transform:translateY(-2px)}.slideshow{position:relative;min-height:580px;overflow:hidden;background:var(--wine-dark)}.slide-placeholder{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(3rem,6vw,6rem);color:white;background:radial-gradient(circle at 72% 28%,#a94c61 0 3%,transparent 4%),linear-gradient(145deg,#521022,#8c2941 62%,#310b15)}.slide-placeholder:before{content:'';position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;right:-8%;top:12%}.slide-placeholder span{font:.8rem var(--sans);letter-spacing:.25em;text-transform:uppercase;opacity:.7}.slide-placeholder b{font:normal clamp(2rem,4vw,4rem) var(--serif);max-width:9ch}.has-slides .slide-placeholder{display:none}.slides,.slide{position:absolute;inset:0;margin:0}.slide{opacity:0;transition:opacity 1s}.slide.active{opacity:1}.slide img{height:100%;object-fit:cover}.slideshow:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,5,14,.18),transparent 45%);pointer-events:none}.slide-dots{position:absolute;z-index:2;bottom:2rem;left:2rem;display:flex;gap:.6rem}.slide-dots button{border:1px solid white;background:transparent;width:9px;height:9px;border-radius:50%;padding:0}.slide-dots button.active{background:white}
.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,6rem)}.section-narrow{padding:clamp(5rem,10vw,10rem) max(1.25rem,calc((100vw - 820px)/2));text-align:center}.intro h2{font-size:clamp(2.3rem,4vw,4.2rem)}.intro .large{font:clamp(1.1rem,2vw,1.45rem)/1.65 var(--serif);color:var(--muted)}.stitch{color:var(--wine)}.section-tint{background:var(--cream)}.section-head{max-width:680px;margin-bottom:3.5rem}.section-head h2,.about h2,.contact h2{font-size:clamp(2.3rem,4.2vw,4.6rem)}.section-head>p:last-child{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{padding:2.4rem;min-height:250px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.32)}.service-card span{color:var(--wine);font:italic 1rem var(--serif)}.service-card h3{font:normal 1.55rem/1.2 var(--serif);margin:1.4rem 0 .7rem}.service-card p{font-size:.92rem;color:var(--muted);margin:0}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4rem}.gallery-item{grid-column:span 4;margin:0;overflow:hidden}.gallery-item:nth-child(5n+1),.gallery-item:nth-child(5n+4){grid-column:span 7}.gallery-item:nth-child(5n+2),.gallery-item:nth-child(5n+5){grid-column:span 5}.gallery-item img{aspect-ratio:4/3;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item figcaption{font-size:.78rem;color:var(--muted);margin-top:.7rem}.gallery-empty{color:var(--muted);font-style:italic}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);align-items:center;background:var(--wine);color:white}.about-visual{aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.27);border-radius:50%}.monogram{font:clamp(4rem,10vw,10rem) var(--serif);opacity:.85}.needle-line{position:absolute;width:110%;height:1px;background:rgba(255,255,255,.42);transform:rotate(-24deg)}.about .eyebrow{color:#e9bec8}.about-copy>p:not(.eyebrow){color:#e4d8db;font-size:1.05rem}.about blockquote{font:italic clamp(1.25rem,2.1vw,1.8rem)/1.4 var(--serif);margin:2.2rem 0 0;padding-left:1.5rem;border-left:2px solid #d5a0ad}.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,10vw,10rem);align-items:start}.contact-card{font-style:normal;background:var(--cream);padding:clamp(2rem,4vw,4rem);box-shadow:var(--shadow)}.contact-card>div{padding:1.1rem 0;border-bottom:1px solid var(--line)}.contact-card>div:last-child{border:0}.contact-card small{display:block;color:var(--wine);font-size:.67rem;text-transform:uppercase;letter-spacing:.15em}.contact-card p,.contact-card a{margin:.35rem 0 0;display:block}.contact-card p span{display:block}footer{display:flex;justify-content:space-between;align-items:center;padding:2.5rem clamp(1.25rem,5vw,5rem);background:var(--ink);color:#fff;font-size:.8rem}footer strong,footer span{display:block}footer span{color:#bdb4b6}footer>div:last-child{display:flex;gap:1.4rem}.admin-link{opacity:.45}.legal-page{min-height:65vh;max-width:800px;padding:clamp(4rem,9vw,8rem) 1.5rem;margin:auto}.legal-text p{margin:.2rem 0}.legal-text br{display:block;height:1rem}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:76px}.menu-button{display:block}.site-header nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:0;background:white;padding:1rem 1.5rem 1.5rem;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:.7rem 0}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:60vh}.slideshow{min-height:55vh}.service-grid{grid-template-columns:repeat(2,1fr)}.about,.contact{grid-template-columns:1fr}.about-visual{max-width:480px}.brand-mark{width:42px;height:42px}.gallery-item,.gallery-item:nth-child(n){grid-column:span 6}}
@media(max-width:560px){.brand small{display:none}.hero-copy{padding:5rem 1.3rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.gallery-item,.gallery-item:nth-child(n){grid-column:1/-1}.about-visual{width:85%;margin:auto}.contact-card{padding:1.4rem}footer{align-items:flex-start;gap:1.5rem;flex-direction:column}.section{padding-left:1.25rem;padding-right:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.slide{transition:none}}

/* Bildmarke im Header und optionales Porträt im Bereich „Über mich“. */
.brand-mark{width:52px;height:52px;border:0;border-radius:0}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.about-visual{overflow:hidden}
.about-image{width:100%;height:100%;object-fit:cover}
.about-placeholder{position:absolute;inset:0;display:grid;place-items:center}
.service-text{font-size:.92rem;color:var(--muted)}
.service-text p,.service-text div{margin:0}
.contact-card [data-bind="contact.address"] div,.contact-card [data-bind="contact.address"] p{margin:0}
.hours-wrap{margin-top:2.2rem;max-width:520px}.hours-wrap h3{font:normal 1.4rem var(--serif);margin:0 0 .65rem}.opening-hours{width:100%;border-collapse:collapse;font-size:.9rem}.opening-hours th,.opening-hours td{padding:.55rem 0;border-bottom:1px solid var(--line);text-align:left}.opening-hours th{font-weight:normal;color:var(--muted)}.opening-hours td{text-align:right;font-weight:bold;color:var(--wine)}
footer{position:relative;justify-content:center;text-align:center;padding-top:3rem;padding-bottom:3rem}.footer-summary{display:flex;flex-direction:column;align-items:center;gap:.15rem}.footer-summary .imprint-link{font:normal 1.15rem var(--serif);margin-bottom:.7rem;text-decoration:underline;text-underline-offset:.25rem}.footer-summary strong{font-size:.9rem}.footer-summary span,.footer-summary>a:not(.imprint-link){color:#cfc6c8}.footer-summary [data-bind="contact.address"]{margin:.45rem 0}.admin-link{position:absolute;right:clamp(1.25rem,5vw,5rem);bottom:2.5rem;opacity:1!important;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:.55rem .9rem;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.admin-link:hover{background:#fff;color:var(--ink)}
@media(max-width:560px){.admin-link{position:static;margin-top:1.2rem}footer{align-items:center}.opening-hours td{padding-left:1rem}}
.legal-text h2{font:normal 1.45rem var(--serif);color:var(--wine);margin:2rem 0 .6rem}.legal-text p{margin:.55rem 0}.legal-text hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.legal-text a{color:var(--wine);text-decoration:underline;text-underline-offset:.2rem}
.legal-text p br{display:initial;height:auto}

/* Abschnittsbezeichnungen dürfen als echte Überschriften wahrgenommen werden. */
.section .eyebrow{font-size:clamp(.95rem,1.25vw,1.1rem);letter-spacing:.16em;margin-bottom:1rem}
.pricing-note{max-width:920px;margin:clamp(3rem,6vw,5rem) auto 0;padding-top:2.2rem;border-top:1px solid var(--line)}
.pricing-note h3{font:normal clamp(1.7rem,2.5vw,2.3rem)/1.2 var(--serif);color:var(--wine);margin:0 0 1.2rem}
.pricing-note>div{color:var(--muted)}.pricing-note>div p{margin:0 0 1rem}
.pricing-note blockquote{margin:1.8rem 0 0;padding:.9rem 0 .9rem 1.2rem;border-left:3px solid var(--wine);font-weight:bold;color:var(--ink)}

/* Kompakte, einzeilige Zusammenfassung im Footer. */
footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1.5rem clamp(1.25rem,5vw,5rem);text-align:center}
.footer-line{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;color:#d7ced0}
.footer-line>*{display:inline;font-size:.78rem}.footer-line strong{color:#fff}
.footer-line>*+*::before{content:' | ';color:#81787a;margin-right:.35rem}
.footer-actions{display:flex;align-items:center;justify-content:center;gap:.8rem!important}
.footer-actions>a{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.footer-actions .admin-link{position:static;right:auto;bottom:auto;margin:0;padding:.28rem .65rem;border-color:rgba(255,255,255,.45)}
.pricing-note{max-width:none;width:100%;margin-left:0;margin-right:0}

/* Verdichteter Einstieg und präzise Sprungziele unter dem festen Header. */
.section-narrow{padding-top:clamp(3.2rem,5.5vw,5.2rem);padding-bottom:clamp(3.2rem,5.5vw,5.2rem)}
.intro .large{max-width:760px;margin-left:auto;margin-right:auto}
#leistungen,#galerie,#ueber-uns,#kontakt{scroll-margin-top:92px}

/* Die sechs Leistungen wirken wie bewusst gesetzte Werkstücke statt Tabellenzellen. */
#leistungen{background:linear-gradient(180deg,#fbf8f5 0%,#f6eff0 100%)}
#leistungen .section-head{position:relative;max-width:780px}
#leistungen .section-head::after{content:'';display:block;width:72px;height:2px;background:var(--wine);margin-top:1.6rem}
.service-grid{border:0;gap:1.15rem}
.service-card{position:relative;overflow:hidden;min-height:270px;padding:2.2rem 2.1rem;border:1px solid rgba(116,29,50,.14);background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(75,16,32,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--wine);transform:scaleY(.25);transform-origin:top;transition:transform .3s ease}
.service-card::after{content:'';position:absolute;right:-48px;top:-48px;width:125px;height:125px;border:1px solid rgba(116,29,50,.1);border-radius:50%}
.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(75,16,32,.13);border-color:rgba(116,29,50,.28)}
.service-card:hover::before{transform:scaleY(1)}
.service-card>span{display:block;font:normal 2.35rem/1 var(--serif);letter-spacing:-.04em;color:var(--wine);opacity:.72}
.service-card h3{font-size:clamp(1.45rem,2vw,1.8rem);margin-top:2rem;max-width:12em}
.service-card .service-text{max-width:31em;line-height:1.65}

/* Preis- und Angebotsinformation als eigenständiges redaktionelles Element. */
.pricing-note{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(340px,1.3fr);gap:clamp(2rem,5vw,5rem);align-items:start;margin-top:clamp(4rem,7vw,6.5rem);padding:clamp(2rem,4.5vw,4.2rem);border:0;border-top:5px solid var(--wine);background:#fff;box-shadow:0 20px 50px rgba(75,16,32,.1)}
.pricing-note h3{position:relative;font-size:clamp(2rem,3.3vw,3.25rem);color:var(--ink);margin:0;max-width:9em}
.pricing-note h3::after{content:'Maßarbeit';display:block;margin-top:1.2rem;font:normal .68rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--wine)}
.pricing-note>div{font-size:1rem;line-height:1.75;color:var(--muted)}
.pricing-note blockquote{grid-column:1/-1;margin:0;padding:1.2rem 1.4rem;border:0;background:var(--wine);color:#fff;font:normal clamp(1.05rem,1.6vw,1.3rem)/1.55 var(--serif)}

@media(max-width:900px){#leistungen,#galerie,#ueber-uns,#kontakt{scroll-margin-top:76px}.pricing-note{grid-template-columns:1fr}.pricing-note h3{max-width:14em}.pricing-note blockquote{grid-column:auto}}
@media(max-width:560px){.section-narrow{padding-top:3rem;padding-bottom:3rem}.service-grid{gap:.85rem}.service-card{min-height:auto;padding:1.7rem}.pricing-note{padding:1.5rem;margin-top:3rem;gap:1.5rem}.pricing-note h3{font-size:2rem}}