:root{color-scheme:dark;--night:#050504;--gold:#9e855d;--ivory:#d3c8b6;--line:rgba(211,200,182,.24)}
*{box-sizing:border-box}html{min-width:320px;background:var(--night);scroll-behavior:smooth}body{margin:0;color:var(--ivory);background:var(--night);font:16px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}button,a,summary,input{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c8ad82;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.teaser{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;padding:clamp(4rem,8vw,6rem) max(1rem,5vw) 6rem;overflow:hidden;background:var(--night)}
.hero-image,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-image{z-index:-3;background:url("https://api.goetterbohne.com/access/public/assets/something-stirs.jpg") center/cover no-repeat;filter:brightness(.56) saturate(.72) contrast(.94)}.hero-shade{z-index:-2;background:radial-gradient(circle at 50% 49%,transparent 0 14%,#0003 45%,#0009 100%),linear-gradient(0deg,#0009,transparent 33%)}
.glass{container-type:inline-size;position:relative;width:clamp(22rem,35vw,34rem);max-width:100%;min-width:0;padding:clamp(1.65rem,3.2vw,3.35rem);border:1px solid #d3c8b621;border-radius:3px;background:linear-gradient(140deg,#14120f9c,#05050469),#07070661;box-shadow:0 28px 80px #0005,inset 0 1px #ffffff09;backdrop-filter:blur(18px) saturate(106%);-webkit-backdrop-filter:blur(18px) saturate(106%);animation:reveal .7s ease-out both}.brand-logo{display:block;width:100%;height:auto;object-fit:contain}.ornament{display:block;width:2.8rem;height:1px;margin:clamp(1.45rem,6.5cqw,2.7rem) 0;background:linear-gradient(90deg,var(--gold),transparent)}
.hero-title{max-width:100%;margin:0;color:#ebe3d6;font:400 clamp(2rem,10.8cqw,4.3rem)/.95 Georgia,"Times New Roman",serif;letter-spacing:.025em}.hero-title span{display:block;margin-top:.22em;white-space:nowrap}.timing{margin:1.5rem 0 0;font-size:.75rem;letter-spacing:.28em}.intro{margin:.9rem 0 0;color:#d3c8b6c4;font-size:.92rem;line-height:1.55}.signup{margin-top:1.15rem}.field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.email-input{width:100%;min-width:0;height:3rem;padding:0 .9rem;border:1px solid var(--line);border-radius:2px;color:#efe8dd;background:#0404035c;outline:none}.email-input::placeholder{color:#d3c8b699}.email-input:focus{border-color:#c8ad82;box-shadow:0 0 0 3px #9e855d26}.submit-button{min-height:3rem;padding:0 1rem;border:1px solid #9e855d94;border-radius:2px;color:#ede5d8;background:#9e855d2b;cursor:pointer;white-space:nowrap;font-size:.75rem;letter-spacing:.08em;transition:background .2s}.submit-button:hover{background:#9e855d4a}.consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:start;margin-top:1rem;color:#d3c8b6b8;font-size:.74rem;line-height:1.55}.consent input{width:1rem;height:1rem;margin:.15rem 0 0;accent-color:var(--gold)}.consent a{color:#e4d6bc}.form-status{margin:1rem 0 0;font-size:.9rem}.success{padding:1rem;border:1px solid #9e855d80;background:#9e855d17;color:#e8e0d1}.error{color:#efb8aa}.error ul{padding-left:1.2rem}.legal-footer{position:absolute;bottom:1.75rem;left:1rem;right:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;color:#d3c8b6a6;font-size:.65rem;letter-spacing:.13em}.legal-footer a{text-decoration:none}
.legal-panels{width:min(100% - 2rem,58rem);margin:auto;padding:1rem 0 2rem;font-size:.8rem}.legal-panels details{border-bottom:1px solid #d3c8b621;scroll-margin-top:1rem}.legal-panels summary{padding:1rem 0;cursor:pointer;color:#b9a887;list-style:none}.legal-panels summary::-webkit-details-marker{display:none}.legal-content{padding:.5rem 0 2rem;font-size:.95rem;line-height:1.7;overflow-wrap:anywhere}.legal-content:empty::before{content:"Bitte kontaktiere uns bei Fragen über die im Shop hinterlegten Kontaktangaben."}.preview-fields{max-width:32rem;padding:.5rem 0 2rem}.preview-fields>label{display:block;margin-bottom:.5rem}.legal-panels form{margin:0}.legal-content h1,.legal-content h2,.legal-content h3{color:#e8e0d1;line-height:1.2}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.teaser{padding:3rem 1rem 6rem}.glass{width:min(100%,34rem);padding:clamp(1.4rem,6vw,1.9rem)}.hero-image{background-position:56% center}.field-row{grid-template-columns:1fr}.email-input{font-size:16px}.submit-button{width:100%}.legal-footer{gap:.85rem;font-size:.6rem}.hero-title{font-size:clamp(1.9rem,10.8cqw,4.3rem)}}
@media(max-height:820px) and (min-width:701px){.teaser{padding-top:3rem;padding-bottom:5rem}.glass{padding:1.55rem 2rem}.ornament{margin:1.1rem 0}.timing{margin-top:1.15rem}.intro{margin-top:.65rem}.signup{margin-top:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.glass{animation:none}}
