/* Atelier 1.2 – neue Startseite, gemeinsamer Header und Footer. Bestehende Archive bleiben erhalten. */
:root{--atelier-ink:#173e35;--atelier-paper:#f8f5ed;--atelier-muted:#526158;--atelier-line:#d3d9ce;--atelier-accent:#e4dece;--atelier-pink:#eeddd5}
body{background:var(--atelier-paper);color:var(--atelier-ink);padding-top:0}
a:focus-visible,button:focus-visible{outline:3px solid #967126;outline-offset:5px}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:1200;padding:.8rem 1.2rem;background:var(--atelier-ink);color:white}
.skip-link:focus{top:1rem}
.site-header,.site-header.scrolled{background:var(--atelier-paper);backdrop-filter:none;border-bottom:1px solid var(--atelier-line);box-shadow:none}
.nav-inner{height:92px;max-width:1440px;padding:0 4.2%;gap:2rem}
.site-logo.site-wordmark{font-size:1.85rem;line-height:1.1;color:var(--atelier-ink);white-space:nowrap;font-weight:500}
.site-wordmark small{display:block;font:500 .6rem var(--font-body);letter-spacing:.25em;text-transform:uppercase;margin-top:7px}
.main-navigation ul{gap:1.3rem;margin:0;align-items:center}
.main-navigation ul a{padding:.5rem 0;border:0;color:var(--atelier-ink);font-size:.83rem;letter-spacing:0;text-transform:none;background:none}
.main-navigation ul a:hover{color:var(--atelier-ink);background:none;text-decoration:underline;text-underline-offset:6px}
.main-navigation ul a::after{display:none}
.main-navigation .menu-item-cta a{padding:.8rem 1.2rem;background:var(--atelier-ink);border:0;border-radius:0;color:#fff!important;letter-spacing:0!important;font-size:.83rem!important}
.menu-toggle{width:44px;height:44px;flex-shrink:0}
.menu-toggle span{background:var(--atelier-ink)}
.atelier{padding-top:92px}
.atelier section{padding:0;width:auto;left:auto;right:auto;margin:0}
.atelier [id]{scroll-margin-top:112px}
.atelier h1,.atelier h2,.atelier h3{font-family:var(--font-display);font-weight:500;line-height:1.06;color:inherit}

.atelier p{line-height:1.7}
.atelier .eyebrow{font-size:.9rem;line-height:1.5;font-weight:400;letter-spacing:0;text-transform:none;margin-bottom:1.3rem}
.atelier-wrap{width:91.6%;max-width:1320px;margin:0 auto}
.atelier .atelier-section{padding:88px 0}
.atelier h2{font:400 clamp(1.9rem,3vw,2.75rem)/1.2 var(--font-body);letter-spacing:-.02em}
.atelier-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;min-height:660px;height:calc(100svh - 92px);max-height:850px;overflow:hidden}
.atelier-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,245,237,0) 28%,rgba(248,245,237,.88) 60%,rgba(248,245,237,.97) 100%)}
.atelier-hero-copy{width:49%;padding:60px 5% 60px 0}
.atelier-hero-copy .eyebrow{margin-bottom:1.3rem;color:#354e40}
.bae-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.125em}
.small-flower{font-family:Georgia,serif;font-size:1.7rem;line-height:1}
.atelier h1{font-size:clamp(3.5rem,5.7vw,6rem);font-weight:400;letter-spacing:-.025em;line-height:1.08;margin:0 0 1.5rem}
.atelier-lead{font-size:1.06rem;color:#35483b;max-width:480px}
.atelier-actions{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;margin-top:2rem}
.atelier-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.35rem;min-height:50px;color:#fff;background:var(--atelier-ink);text-decoration:none;font-size:.88rem;border:1px solid var(--atelier-ink);transition:background .2s}
.atelier-button:hover{background:#28584a;color:#fff}
.atelier-text-link{display:inline-flex;gap:1.3rem;align-items:center;min-height:44px;color:inherit;font-size:.88rem;text-decoration:none;border-bottom:1px solid currentColor;padding:.4rem 0}
.atelier-text-link:hover{color:#657343}
.atelier-button span,.atelier-text-link span{font-size:1.25rem}
.atelier-hero-image{position:absolute;inset:0;z-index:-2;margin:0}
.atelier-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.atelier-service-strip{background:var(--atelier-ink);color:#f8f5ed;display:flex;justify-content:space-around;gap:1rem;padding:19px 4.2%;font-size:.76rem;letter-spacing:.035em}
.atelier-service-strip>span{display:flex;align-items:center;gap:.8rem}
.atelier-service-strip .bae-icon{color:var(--atelier-accent);font-size:1.1em}
.atelier-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:35px}
.atelier-section-heading>p{font-size:.9rem;color:var(--atelier-muted);max-width:320px}
.atelier-offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.atelier-offer{color:inherit;text-decoration:none;min-width:0}
.atelier-offer-photo{aspect-ratio:4/5;overflow:hidden;background:#e5e4d8;position:relative}
.atelier-offer-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.atelier-offer:hover img{transform:scale(1.035)}
.atelier-offer-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:18px 0 6px}
.atelier-offer-title h3{font-size:1.75rem}
.atelier-offer-title>span{font-size:1.3rem}
.atelier-offer>p{font-size:.82rem;color:var(--atelier-muted)}
.atelier .atelier-flower-section{background:#eeeee4}
.atelier-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.atelier-editorial-photo{position:relative}
.atelier-editorial-photo img{display:block;width:100%;height:610px;object-fit:cover}
.atelier-editorial-photo figcaption{font-size:.7rem;color:var(--atelier-muted);padding-top:12px}
.atelier-story>p:not(.eyebrow){color:var(--atelier-muted);max-width:460px;margin:1.5rem 0;font-size:.98rem}
.atelier-story>.atelier-button{margin-top:.3rem}
.atelier-gift-note{display:flex;gap:1.1rem;margin:2rem 0 0;padding-top:1.8rem;border-top:1px solid #cbd0c1;scroll-margin-top:120px}
.atelier-gift-note h3{font-size:1.7rem;margin-bottom:.6rem}
.atelier-gift-note p{font-size:.86rem;color:var(--atelier-muted)}
.atelier-story>.atelier-future-note{font-size:.76rem;max-width:420px;margin-top:1.3rem}
.atelier .atelier-farewell{background:var(--atelier-ink);color:var(--atelier-paper);padding:86px 0}
.atelier-farewell-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%}
.atelier-farewell .eyebrow{color:var(--atelier-accent)}

.atelier-farewell-copy p{color:#e0e6dc;margin-bottom:1rem;font-size:.96rem}
.atelier-farewell .atelier-text-link{margin-top:1rem;color:var(--atelier-accent)}
.atelier-steps{list-style:none;margin:1.8rem 0}
.atelier-steps li{display:flex;gap:1.2rem;border-top:1px solid var(--atelier-line);padding:1rem 0}
.atelier-steps li>span{font-size:.75rem;padding-top:.2rem;color:var(--atelier-muted)}
.atelier-steps h3{font:500 .95rem var(--font-body);margin-bottom:.3rem}
.atelier-steps p{font-size:.84rem;color:var(--atelier-muted)}
.atelier-ribbon-art{background:var(--atelier-pink);padding:38px 20px;min-width:0;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.ribbon-pair{display:flex;justify-content:center;gap:30px;min-height:420px;padding:20px 0 40px}
.ribbon-band{display:flex;align-items:center;justify-content:flex-start;padding:24px 14px 60px;width:100px;height:385px;writing-mode:vertical-rl;font:italic 1.55rem var(--font-display);color:#314c3c;background:linear-gradient(90deg,#eee8d8,#fffdf4 18%,#f8f2df 76%,#e4dbc4);clip-path:polygon(0 0,100% 0,100% 100%,50% 91%,0 100%);border-inline:1px solid #d8cdb4;transform:rotate(-8deg)}
.ribbon-band-two{transform:rotate(9deg);margin-top:25px}
.atelier-ribbon-art figcaption{font:400 1.2rem var(--font-body);margin-top:1.2rem}
.atelier-ribbon-art small{display:block;font:400 .66rem var(--font-body);letter-spacing:.06em;margin-top:.7rem;color:#5c6055}
.ribbon-tile{background:var(--atelier-pink);display:flex;align-items:center;justify-content:center;gap:17px;padding:24px}
.ribbon-mini{font:italic clamp(.85rem,1.3vw,1.1rem) var(--font-display);writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;background:#faf4e3;width:24%;height:88%;padding:12px 5px 30px;transform:rotate(-10deg);clip-path:polygon(0 0,100% 0,100% 100%,50% 91%,0 100%)}
.ribbon-mini-second{transform:rotate(10deg);margin-top:14px}
.ribbon-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:.6rem;letter-spacing:.05em}
.atelier-business{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--atelier-line);margin-top:60px;padding-top:32px}
.atelier-business .eyebrow{margin-bottom:.6rem}
.atelier-business h3{font-size:2rem;margin-bottom:.5rem}
.atelier-business p:not(.eyebrow){font-size:.88rem;color:var(--atelier-muted);max-width:650px}
.atelier-business a{flex-shrink:0}
.atelier .atelier-about{background:#e5e9dd}
.atelier-about-photo img{display:block;width:100%;height:520px;object-fit:cover;object-position:center 35%}
.atelier-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.atelier-gallery-grid figure,.atelier-gallery-grid .gallery-item:first-child{aspect-ratio:auto;grid-row:auto;box-shadow:none;border:0;background:none;cursor:default;overflow:hidden}
.atelier-gallery-grid img{display:block;aspect-ratio:1;width:100%;height:auto;object-fit:cover}
.atelier-gallery-grid figcaption,.atelier-gallery-grid .gallery-overlay{position:static;display:block;background:none;padding:12px 0 0;font-size:.75rem;color:var(--atelier-muted);opacity:1}
.atelier-gallery-grid .gallery-overlay span{color:var(--atelier-muted);font:.75rem var(--font-body)}
.atelier .atelier-contact{background:#ede8df;padding:70px 0 32px}
.atelier-contact h2{max-width:650px}

.atelier-contact-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:3rem;margin-top:3rem}
.atelier-contact-grid h3{font:500 .95rem var(--font-body);text-transform:none;letter-spacing:0;margin-bottom:1rem}
.atelier-contact-grid p{font-size:.95rem;margin-bottom:.8rem}
.atelier-contact-grid a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}
.atelier-practical{border-top:1px solid #c9c3b8;padding-top:24px;margin-top:35px;font-size:.78rem;color:#374c34}
.site-footer{background:var(--atelier-ink);padding:3.5rem 0 1.5rem}
.site-footer .container{max-width:1320px;width:91.6%;padding:0}
.footer-wordmark{font-size:2rem;color:var(--atelier-paper)}
.footer-links a,.footer-desc,.footer-bottom{color:#d0d9ce}
.footer-title{color:var(--atelier-paper)}
/* Lesbarkeit der vorhandenen Seiten und Galerie, ohne deren Datenlogik zu ändern. */
.page-single,.galerie-archiv{padding-top:150px}
.galerie-archiv .filter-pill,.galerie-archiv .page-numbers,.galerie-leer{color:var(--atelier-ink)}
.galerie-archiv .filter-pill.ist-aktiv{background:var(--atelier-ink);border-color:var(--atelier-ink);color:white}
.reveal{opacity:1;transform:none}

@media(max-width:1100px){.nav-inner{padding:0 4%;gap:1rem}.main-navigation ul{gap:.9rem}.main-navigation ul a{font-size:.77rem}.site-logo.site-wordmark{font-size:1.55rem}.atelier-actions{gap:1rem}.atelier-offer-grid{gap:16px}.atelier-offer-title h3{font-size:1.45rem}.atelier-editorial-photo img{height:570px}}
@media(max-width:900px){.nav-inner{height:78px}.atelier{padding-top:78px}.menu-toggle{display:block}.main-navigation ul{display:none;position:absolute;top:78px;left:0;right:0;background:var(--atelier-paper);padding:1rem 5% 1.5rem;margin:0;border-bottom:1px solid var(--atelier-line);max-height:calc(100dvh - 110px);overflow:auto}.main-navigation ul.active{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}.main-navigation ul a{display:block;font-size:1rem;padding:.8rem}.main-navigation .menu-item-cta a{margin-top:.5rem;text-align:center}.atelier-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.atelier-offer-photo{aspect-ratio:5/4}.ribbon-mini{font-size:1.1rem;width:22%}.atelier-section-heading{align-items:flex-start}.atelier-section-heading>p{max-width:230px}.atelier-split{gap:6%}.atelier-business{align-items:flex-start}.atelier-business a{flex-shrink:1}.atelier-service-strip{font-size:.67rem}.atelier-contact-grid{gap:1.5rem}.atelier-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.atelier-lead{font-size:.94rem}.desktop-break{display:none}.atelier-actions{margin-top:1.4rem;gap:.7rem 1.2rem}.atelier-service-strip{padding:17px 6%;display:grid;grid-template-columns:1fr;gap:.65rem;font-size:.74rem}.atelier-wrap{width:88%}.atelier .atelier-section{padding:55px 0}.atelier-section-heading{display:block;margin-bottom:27px}.atelier-section-heading>p{margin-top:1rem;max-width:none}.atelier-section-heading>.atelier-text-link{margin-top:1rem}.atelier-offer-grid{gap:26px 15px}.atelier-offer-photo{aspect-ratio:3/4}.atelier-offer-title h3{font-size:1.35rem}.atelier-offer-title{align-items:flex-start;margin-top:13px}.atelier-offer>p{font-size:.76rem}.ribbon-tile{padding:15px;gap:12px}.ribbon-mini{font-size:.85rem;width:31%;padding-bottom:24px}.ribbon-caption{font-size:.52rem}.atelier-split,.atelier-farewell-grid{grid-template-columns:1fr;gap:35px}.atelier-editorial-photo img{height:400px}.atelier-story>p:not(.eyebrow){font-size:.93rem}.atelier-story>.atelier-future-note{font-size:.75rem}.atelier-ribbon-art{min-height:490px;grid-row:2;padding:25px 15px}.ribbon-pair{min-height:350px;padding:10px 0 20px}.ribbon-band{height:320px;width:88px;font-size:1.4rem}.atelier-business{flex-direction:column;margin-top:40px;gap:15px}.atelier-business h3{font-size:1.8rem}.atelier-about-photo img{height:430px}.atelier-gallery-grid{gap:20px 12px}.atelier-contact .atelier-section-heading{display:flex;gap:1rem}.atelier-contact-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.atelier-contact-grid p{font-size:1rem}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:.6rem}.site-footer .container{width:88%}.page-single,.galerie-archiv{padding-top:125px}.atelier [id]{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:900px){.atelier-hero{height:700px;min-height:0}.atelier-hero-copy{width:56%;padding-right:5%}.atelier-hero::after{background:linear-gradient(90deg,transparent 15%,rgba(248,245,237,.9) 55%,rgba(248,245,237,.98))}.atelier h1{font-size:clamp(3rem,6.5vw,4.5rem)}}
@media(max-width:640px){.atelier-hero{height:auto;min-height:720px;align-items:flex-end}.atelier-hero-copy{width:100%;padding:320px 6% 40px}.atelier-hero::after{background:linear-gradient(180deg,transparent 18%,rgba(248,245,237,.12) 30%,rgba(248,245,237,.96) 51%,var(--atelier-paper) 78%)}.atelier-hero-image img{object-position:36% top}.atelier h1{font-size:clamp(2.65rem,11vw,3.8rem)}.atelier h2{font-size:2rem}.atelier-hero-copy .eyebrow{font-size:.88rem;margin-bottom:1rem}.atelier-lead{font-size:1rem}}
@media(max-width:380px){.atelier-offer-title>span{display:none}.atelier-offer-title h3{overflow-wrap:anywhere;hyphens:auto}}