
:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',sans-serif;--ff-s:'Cormorant',Georgia,serif;--ff-b:'DM Sans',sans-serif}
body{font-family:'DM Sans',sans-serif!important;font-weight:300}button{font-family:'DM Sans',sans-serif}.legal h1,.legal h2{font-family:var(--serif);font-weight:300}.legal h1{font-size:clamp(3rem,6vw,5rem)}.legal h2{font-size:2rem}.legal{font-size:.95rem}.draft{border-color:rgba(139,115,85,.35);background:#EDE9DF}
#nav{background:rgba(245,241,232,.94)}.nav-links a{font-size:.66rem;letter-spacing:.2em}.nav-logo img{height:70px}.hamburger{border:0;background:none}.btn-solid,.contact-email{font-size:.65rem;letter-spacing:.18em;line-height:1.6;transition:background .3s,color .3s}.btn-solid{padding:1.1rem 2.4rem}.contact-email{background:var(--ink);color:#FAF8F3;padding:1.1rem 1.7rem}.contact-email:hover{background:#8B7355}
#hero{grid-template-columns:43% 57%;min-height:calc(90svh - 20px);align-items:center;padding-top:96px;background:#F5F1E8}.hero-left{padding:6vw 2vw 6vw 7vw;z-index:1}.hero-overline{font-size:.59rem;letter-spacing:.27em;line-height:1.8;margin-bottom:2rem}.hero-h1{font-family:var(--serif);font-size:clamp(3.7rem,5.4vw,6.7rem);font-weight:300;line-height:.99;letter-spacing:-.025em;margin-bottom:2rem}.hero-sub{font-size:.88rem;line-height:1.95;max-width:39ch;margin-bottom:2.4rem}.hero-right{background:transparent;min-height:0;overflow:hidden;align-self:center;opacity:1;animation:none}.hero-product-link{height:auto;display:block}.hero-product-link img{height:auto;width:100%;aspect-ratio:3/2;object-fit:contain;transform:none!important}.hero-right::after{background:linear-gradient(90deg,#F5F1E8 0%,rgba(245,241,232,.4) 4%,transparent 14%)}.scroll-hint{margin-top:2.4rem}.marquee-bar{padding:1rem 0}.m-item{font-size:.57rem;color:#C4B89A}.phil-content{padding:7vw 6vw;max-width:1050px}.phil-content .s-h2{font-size:clamp(2.8rem,4.5vw,4.6rem)}.s-body{font-size:.9rem;line-height:2}.s-label{font-size:.6rem;letter-spacing:.28em}.ph-title{font-family:var(--ff-s);font-weight:300}.ph-info{padding:5vw}.ph-features li{font-weight:300}.ph-gallery{background:#E6E0D4}.ing-header h2,.app-header h2{font-family:var(--ff-s);font-weight:300}.ic-num{font-size:3.2rem;color:#b9ac96}.ic-name{font-size:.68rem;letter-spacing:.15em;font-weight:400;line-height:1.7}.ing-card{padding:2.4rem 1.8rem}.tab-bar{gap:1.8rem;border-bottom:1px solid rgba(139,115,85,.25);padding-bottom:0;margin-bottom:3rem}.tab-bar button{border:0;border-bottom:1px solid transparent;padding:14px 0;font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;background:none}.tab-bar [aria-selected=true]{background:none;color:#8B7355;border-bottom-color:#8B7355}.faq-q{font-size:1.4rem}.footer-nav a,.ft-links a{letter-spacing:.13em}.legal a{text-underline-offset:4px}
@media(min-width:1001px){.hero-h1 span,.hero-h1 em{white-space:nowrap}.hero-right{margin:2.5vw 0 2.5vw -1vw}.hero-left{padding-right:0}}
@media(max-width:1000px){#hero{grid-template-columns:1fr;padding-top:96px;min-height:0}.hero-left{padding:50px 8vw 30px}.hero-h1{font-size:clamp(3.6rem,8vw,5.7rem);line-height:1.04}.hero-sub{max-width:53ch;margin-bottom:1.8rem}.hero-right{width:100%;margin:0;aspect-ratio:3/2}.hero-right::after{background:linear-gradient(180deg,#F5F1E8,rgba(245,241,232,.35) 5%,transparent 18%)}.scroll-hint{display:none}.ph-info{padding:45px 8vw}}
@media(max-width:720px){#hero{padding-top:80px}.hero-left{padding:36px 7vw 23px}.hero-overline{font-size:.54rem;letter-spacing:.21em;margin-bottom:1.4rem}.hero-h1{font-size:clamp(3.15rem,12.5vw,5rem);line-height:1;letter-spacing:-.02em;margin-bottom:1.4rem}.hero-sub{font-size:.83rem;line-height:1.9;margin-bottom:1.6rem}.hero-right{aspect-ratio:3/2}.nav-logo img{height:58px}.phil-content{padding:60px 7vw}.phil-content .s-h2{font-size:3rem}.s-body{font-size:.86rem}.ph-title{font-size:clamp(3.7rem,16vw,5.5rem)}.ph-info{padding:36px 7vw}.ing-card{padding:25px 18px}.ic-name{font-size:.63rem;letter-spacing:.1em}.tab-bar{gap:1.4rem}.legal h1{font-size:3rem}.legal{padding-top:55px}.faq-q{font-size:1.25rem}.hero-ctas a{padding:15px 25px}}

/* Markenmotiv über dem Text auf allen Bildschirmgrößen */
#hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
#hero .hero-right{width:min(100%,1200px);margin:0 auto;aspect-ratio:3/2;align-self:auto}
#hero .hero-right::after{background:linear-gradient(0deg,#F5F1E8 0%,rgba(245,241,232,.35) 4%,transparent 16%)}
#hero .hero-left{width:100%;max-width:1100px;margin:0 auto;padding:46px 7vw 72px;text-align:center;align-items:center}
#hero .hero-sub{max-width:58ch;margin-left:auto;margin-right:auto}
#hero .hero-ctas{justify-content:center}
#hero .hero-h1 span,#hero .hero-h1 em{white-space:normal}
#hero .scroll-hint{display:none}
@media(max-width:720px){#hero .hero-left{padding:28px 7vw 48px}}

/* Einheitliche Hausschrift für alle Seiten und Bedienelemente */
:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'Cormorant Garamond',Georgia,serif;--ff-s:'Cormorant Garamond',Georgia,serif;--ff-b:'Cormorant Garamond',Georgia,serif}
html body,body *,body *::before,body *::after{font-family:'Cormorant Garamond',Georgia,serif!important}
.hero-sub,.s-body,.ph-features li,.waitlist-hint,.legal{font-size:1.12rem;line-height:1.75}.nav-links a,.nav-back,.footer-nav a,.ft-links a{font-size:.85rem}.btn-solid,.btn-outline,.contact-email,.tab-bar button{font-size:.88rem}.s-label,.hero-overline{font-size:.76rem}.waitlist-form{display:flex;flex-direction:column;gap:16px;align-items:stretch;max-width:540px;margin-top:25px}.waitlist-label{font-size:1.1rem;display:flex;flex-direction:column;gap:8px;text-align:left}.waitlist-input{width:100%;font-size:1.16rem;padding:14px 16px;border:1px solid #b4a58c;background:transparent;color:#1a1612}.waitlist-consent{display:flex;gap:12px;text-align:left;font-size:1rem;line-height:1.5}.waitlist-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:#8b7355}.waitlist-consent a{text-decoration:underline;text-underline-offset:3px}.waitlist-status{font-size:1.05rem;line-height:1.55}.waitlist-status:empty{display:none}.waitlist-form button:disabled{opacity:.6;cursor:wait}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.waitlist-status[data-state=error]{color:#8e3024}.waitlist-status[data-state=success]{color:#40583b}
.waitlist-form .btn-solid{background:#1a1612;color:#faf8f3;border:1px solid #1a1612;padding:16px 24px;cursor:pointer}.waitlist-form .btn-solid:hover{background:#8b7355;border-color:#8b7355}.waitlist-hint{color:#6b6358;font-weight:400}.waitlist-input::placeholder{color:#81786a}
#waitlist{scroll-margin-top:120px}@media(max-width:720px){#waitlist{scroll-margin-top:100px}}

/* Neues Produktmotiv und lokal eingebundener Film */
#product-hero .ph-gallery{aspect-ratio:auto;min-height:600px;align-self:stretch}
#product-hero .ph-gallery img.product-img{height:100%;width:100%;object-fit:cover;object-position:center 57%}
.non-vegan-note{font-size:1.05rem;line-height:1.6;color:#6b6358;margin:0 0 24px}
#product-film{display:grid;grid-template-columns:1fr minmax(240px,390px);align-items:center;gap:clamp(35px,7vw,100px);padding:80px max(7vw,calc((100vw - 1120px)/2));background:#ede9df}
.film-copy h2{font-size:clamp(2.8rem,5vw,4.7rem);font-weight:300;line-height:1.08;margin-bottom:24px}.film-copy h2 em{color:#8b7355}.film-copy p{font-size:1.18rem;line-height:1.75;max-width:37ch}.film-copy .film-caption{font-size:.9rem;letter-spacing:.08em;margin-top:24px;color:#6b6358}.film-frame{margin:0}.film-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#1a1612}.film-frame figcaption{font-size:.95rem;line-height:1.5;color:#6b6358;margin-top:14px}
@media(max-width:1000px){#product-hero .ph-gallery{min-height:0;aspect-ratio:4/5;max-height:80svh}#product-film{padding:60px 7vw;grid-template-columns:1fr minmax(220px,320px);gap:35px}}
@media(max-width:720px){#product-hero .ph-gallery{aspect-ratio:4/5;max-height:none}#product-film{grid-template-columns:1fr;padding:55px 7vw;gap:30px}.film-frame{max-width:360px;margin:auto}.film-copy h2{font-size:3.2rem}}

/* Gemeinsamer Medienrahmen und vollflächiges, unbeschnittenes Markenbild */
#hero .hero-right{width:100%;max-width:none;margin:0;aspect-ratio:auto;overflow:visible}
#hero .hero-right::after{display:none}
#hero .hero-product-link{height:auto;width:100%}
#hero .hero-product-link img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none!important}
#product-hero .ph-gallery.product-gallery{display:block;min-height:0;max-height:none;aspect-ratio:auto;background:#ede9df;align-self:start;overflow:hidden}
.gallery-stage{position:relative;aspect-ratio:2/3;width:100%;touch-action:pan-y;user-select:none;background:#1a1612}
.gallery-slide{position:absolute;inset:0;width:100%;height:100%}
#product-hero .product-gallery .gallery-slide img.product-img,#product-hero .product-gallery .gallery-slide video{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important}
.gallery-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 8px}.gallery-navigation button{background:none;border:0;color:#1a1612;cursor:pointer;min-height:44px}.gallery-arrow{font-size:1.65rem;width:44px;flex-shrink:0}.gallery-options{display:flex;gap:20px}.gallery-options button{font-size:1.05rem;border-bottom:1px solid transparent;padding:8px 0}.gallery-options [aria-pressed=true]{border-bottom-color:#8b7355;color:#8b7355}.gallery-hint{padding:0 20px 20px;text-align:center;font-size:.96rem;line-height:1.5;color:#6b6358}.gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px){#product-hero .product-gallery{width:100%;max-width:650px;margin:0 auto}.gallery-stage{max-height:none}}
@media(max-width:720px){#product-hero .product-gallery{max-width:none}.gallery-navigation{padding:12px 12px 5px}.gallery-options{gap:16px}.gallery-options button{font-size:1rem}.gallery-hint{font-size:.9rem;padding-bottom:15px}}
#product-hero{grid-template-rows:auto;grid-auto-rows:auto}
@media(max-width:1000px){#product-hero{grid-template-rows:auto auto}}

/* Kompakte Galerie: gleicher Rahmen für Foto und Video */
#product-hero .ph-gallery.product-gallery{width:min(100%,420px);max-width:420px;margin:40px auto;align-self:start}
.product-gallery .gallery-navigation{padding:8px 16px;justify-content:space-between}
@media(max-width:1000px){#product-hero .ph-gallery.product-gallery{margin:28px auto 12px}}
@media(max-width:720px){#product-hero .ph-gallery.product-gallery{width:min(78vw,320px);max-width:320px;margin:22px auto 10px}.product-gallery .gallery-navigation{padding:4px 10px}}

/* Video und Vorschaubild füllen den gemeinsamen Rahmen ohne Letterbox-Ränder. */
#product-hero .product-gallery .gallery-slide video{object-fit:cover!important;object-position:center!important;background:transparent}

.product-nav-links{display:flex;align-items:center;gap:25px}.product-nav-links>a:first-child{font-size:1rem}.product-nav-links .nav-back{white-space:nowrap}@media(max-width:650px){.product-nav-links{flex-direction:column;align-items:flex-end;gap:3px}.product-nav-links>a:first-child{font-size:.87rem}.product-nav-links .nav-back{max-width:none;font-size:.62rem}}

@media(max-width:720px){#product-hero .ph-gallery.product-gallery{width:calc(100% - 32px);max-width:420px;margin:22px auto 10px}#product-hero .gallery-stage{width:100%;height:auto;aspect-ratio:2/3;max-height:none}}
