@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap');
:root{--cream:#f5efe2;--sand:#e7d7bb;--brown:#4b3828;--dark:#2e392b;--green:#596b48;--sage:#81906a;--honey:#d9a83d;--white:#fffdf8}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--brown);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(245,239,226,.92);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(75,56,40,.08);backdrop-filter:blur(8px)}.logo{text-decoration:none;font-weight:700;font-size:1.35rem;color:var(--dark)}.logo span{font-weight:400}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-size:.92rem;font-weight:600;padding:7px 2px;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav .active{border-color:var(--honey)}
.hero{min-height:650px;padding:70px 6vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:linear-gradient(110deg,#f5efe2 55%,#e9dfc9)}.hero-copy{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:700;color:var(--green);margin:0 0 13px}.hero h1,.page-hero h1,.contact-wrap h1{font-family:"Playfair Display",serif;font-size:clamp(3rem,6vw,5.7rem);line-height:1.03;margin:0 0 25px;color:var(--dark)}em{color:var(--green)}.lead{font-size:1.16rem;max-width:650px}.button{display:inline-block;margin-top:18px;background:var(--dark);color:white;text-decoration:none;padding:13px 23px;border-radius:30px;font-weight:700}.hero-art{height:480px;position:relative;overflow:hidden;border-radius:45% 45% 10px 10px;background:#e6d9bd}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#e6bb61;right:14%;top:13%}.hill{position:absolute;bottom:-50px;border-radius:50% 50% 0 0}.hill-back{width:115%;height:270px;left:-10%;background:#a9aa7d}.hill-front{width:125%;height:190px;left:-10%;background:#6f805b}.tree{position:absolute;bottom:80px;width:80px;height:170px}.tree:before{content:"";position:absolute;bottom:0;left:35px;width:14px;height:110px;background:#60442e;border-radius:10px}.tree i{position:absolute;width:75px;height:75px;border-radius:50%;background:#5d714e}.tree i:nth-child(1){left:0;top:25px}.tree i:nth-child(2){left:35px;top:0}.tree i:nth-child(3){left:50px;top:45px}.tree-left{left:8%;transform:scale(1.15)}.tree-right{right:7%;transform:scale(.9)}.flower{position:absolute;color:#f3d77c;font-size:35px;z-index:2}.f1{bottom:65px;left:30%}.f2{bottom:95px;left:65%}.f3{bottom:55px;left:78%}.bird{position:absolute;font-size:32px;color:var(--dark);font-weight:bold}.b1{top:28%;left:22%}.b2{top:35%;right:24%}.hero-bee{position:absolute;top:35%;left:49%;font-size:48px;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translate(18px,-12px) rotate(5deg)}}.section{padding:85px 6vw}.intro{text-align:center;max-width:900px;margin:auto}.intro h2,.section h2{font-family:"Playfair Display",serif;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.1;color:var(--dark);margin:0 0 20px}.section-text{max-width:760px;margin:auto}.cards,.miet-info{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:auto}.card{background:rgba(255,253,248,.75);padding:34px;border:1px solid rgba(75,56,40,.1);border-radius:18px;box-shadow:0 10px 35px rgba(75,56,40,.05)}.card h3{color:var(--dark);font-size:1.25rem;margin:12px 0 6px}.icon{font-size:35px}.quote{max-width:900px;text-align:center;margin:auto}.quote div{font-family:serif;font-size:80px;color:var(--honey);height:60px}.quote p{font-family:"Playfair Display",serif;font-style:italic;font-size:1.7rem;color:var(--dark)}footer{padding:25px 6vw;display:flex;justify-content:space-between;background:var(--dark);color:#eee7d8;font-size:.85rem}.page{min-height:calc(100vh - 140px)}.page-hero{padding:105px 8vw;background:#e9dfc9}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1100px;margin:auto}.about-grid p{max-width:650px}.about-art{height:430px;border-radius:25px;background:#d7c9ab;position:relative;overflow:hidden}.big-tree{left:30%;bottom:30px;transform:scale(1.6)}.bee-sticker{position:absolute;right:18%;top:20%;font-size:50px}.miet-hero{min-height:650px;padding:90px 8vw;position:relative;overflow:hidden;background:linear-gradient(150deg,#eee4d0,#d6d3ad)}.miet-copy{max-width:620px;position:relative;z-index:3}.miet-copy h1{font-family:"Playfair Display",serif;font-size:clamp(4rem,9vw,8rem);line-height:.9;color:var(--dark);margin:0 0 20px}.miet-copy h1 span{color:var(--honey)}.bee-flight{position:absolute;right:22%;top:30%;font-size:65px;z-index:4;animation:fly 4s ease-in-out infinite}@keyframes fly{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(-100px,-65px) rotate(8deg)}}.meadow{position:absolute;bottom:0;left:0;right:0;height:210px;background:#74835b;border-radius:50% 50% 0 0/35% 35% 0 0}.meadow .tree{bottom:20px}.meadow>span{position:relative;left:45%;top:80px;font-size:30px;margin:20px}.contact-wrap{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:600px}.contact-card a{color:var(--green);font-weight:700}.contact-card{background:#fffdf8;border-radius:22px;padding:45px;box-shadow:0 15px 50px rgba(75,56,40,.08)}
@media(max-width:800px){.site-header{padding:0 5vw}.site-header nav{gap:12px}.site-header nav a{font-size:.8rem}.hero,.about-grid,.contact-wrap{grid-template-columns:1fr}.hero{padding-top:45px}.hero-art{height:350px}.cards,.miet-info{grid-template-columns:1fr}.section{padding:60px 6vw}footer{flex-direction:column;gap:8px}.page-hero{padding:70px 6vw}.miet-hero{padding:65px 6vw}.bee-flight{right:10%;top:42%}}

.shop-header{padding:70px 6vw 45px;max-width:1000px}.shop-header h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.08;color:var(--dark);margin:0 0 25px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0 6vw 65px;max-width:1450px;margin:auto}.product{background:var(--white);border:1px solid #dfd4bf;border-radius:20px;overflow:hidden}.product-photo{aspect-ratio:1;background-image:url('assets/merch-kollektion.png');background-size:300% 200%;background-repeat:no-repeat}.photo-0{background-position:0 0}.photo-1{background-position:50% 0}.photo-2{background-position:100% 0}.photo-3{background-position:0 100%}.photo-4{background-position:50% 100%}.photo-5{background-position:100% 100%}.product-copy{padding:25px}.product-copy h2{font-family:"DM Sans",Arial,sans-serif;font-size:1.35rem;line-height:1.3;margin:16px 0 10px;color:var(--dark)}.product-copy p{margin:0}.availability{display:inline-block;border-radius:20px;padding:6px 13px;background:#e9eddf;color:#364b2d;font-weight:700;font-size:.9rem}.shop-values{background:#e9dfc9;text-align:center}.shop-values p{max-width:780px;margin:20px auto}.mockup-note{font-size:.9rem}.site-header nav a:focus-visible,.button:focus-visible{outline:3px solid var(--green);outline-offset:5px}body{font-family:"DM Sans",Arial,sans-serif}.eyebrow{font-size:.875rem}@media(max-width:900px){.site-header{height:auto;min-height:78px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.site-header nav{flex-wrap:wrap}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.product-grid{grid-template-columns:1fr}.shop-header{padding-top:45px}.site-header nav{gap:15px}.site-header nav a{font-size:.9rem}.contact-card{padding:25px}.contact-card a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

.miet-shirt{background-image:url("assets/miet2bee-shirt.png");background-size:cover;background-position:center}

.location-section{padding-bottom:0}.location-card{max-width:1000px;margin:auto;background:var(--white);padding:40px;border:1px solid #dfd4bf;border-radius:22px}.location-card h2{font-size:clamp(2rem,4vw,3rem)}.location-card label{display:block;font-weight:700;margin:24px 0 8px}.location-controls{display:flex;gap:12px;max-width:700px}.location-controls input{flex:1;min-width:0;font:inherit;padding:14px 18px;border:1px solid #81906a;border-radius:12px;background:#fff;color:var(--dark)}.location-controls button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:12px;padding:14px 26px;background:var(--dark);color:white}.location-controls button:hover{background:var(--green)}.location-controls :focus-visible{outline:3px solid var(--honey);outline-offset:3px}.location-status{padding:16px 20px;margin-top:22px;background:#e9eddf;color:#364b2d;border-radius:12px}@media(max-width:550px){.location-card{padding:25px}.location-controls{flex-direction:column}}

.bee-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;background:rgba(245,239,226,.2);animation:bee-screen 1.45s ease-in-out both}.transition-bee{position:absolute;top:40%;left:0;display:block;font-size:clamp(130px,22vw,280px);line-height:1;filter:drop-shadow(0 18px 15px rgba(46,57,43,.18));animation:bee-crossing 1.45s cubic-bezier(.35,.05,.55,.95) both}.transition-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes bee-crossing{0%{transform:translate(-130%,-10vh) rotate(-15deg)}30%{transform:translate(25vw,4vh) rotate(10deg)}62%{transform:translate(58vw,-9vh) rotate(-8deg)}100%{transform:translate(115vw,0) rotate(12deg)}}@keyframes bee-screen{0%{background:rgba(245,239,226,0)}75%{background:rgba(245,239,226,.4)}100%{background:var(--cream)}}