:root{--gold:#b38b65;--ink:#282422;--cream:#f9f6f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:14px;background:#fff}.notice{background:#f5e9df;text-align:center;padding:9px;font-size:11px;letter-spacing:.1em}.top{height:145px;max-width:1380px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 35px;position:relative}.brand{font-family:'Great Vibes','Brush Script MT',cursive;font-size:82px;line-height:.8;text-decoration:none;color:var(--gold);position:absolute;left:50%;transform:translateX(-50%);top:25px;white-space:nowrap}.brand span{font-family:Arial;font-size:24px;position:absolute;top:0;right:-24px}.brand small{font:10px Montserrat,Arial;letter-spacing:.33em;display:block;text-align:center;margin-top:13px;color:#8b817b}.icons{display:flex;gap:17px}.icons button,.textbtn,.panelhead button{background:none;border:0;cursor:pointer;color:inherit;font:inherit}.icons button{font-size:24px}.icons b{font:11px Montserrat}nav{display:flex;justify-content:center;gap:54px;padding:20px 15px;border-bottom:1px solid #eee}nav a{font-size:11px;letter-spacing:.19em;text-decoration:none;color:var(--ink)}nav a:hover{color:var(--gold)}.hero{min-height:385px;display:grid;grid-template-columns:56% 44%;align-items:center;overflow:hidden;background:linear-gradient(90deg,#fff 45%,#f9f4ef)}.hero-copy{text-align:center;padding:30px 7%}.hero h1,h2{font:normal 47px 'Playfair Display',Georgia,serif;margin:0}.hero h1 em{font:normal 65px 'Great Vibes','Brush Script MT',cursive;color:var(--gold);display:block;margin:0 0 8px}.hero p{line-height:1.9;font-size:15px;max-width:570px;margin:0 auto 24px}.hero img{width:100%;height:385px;object-fit:cover}.primary{display:inline-block;border:0;background:var(--gold);color:white;padding:17px 38px;border-radius:35px;text-decoration:none;font:600 11px Montserrat;letter-spacing:.15em;cursor:pointer}.primary:hover{background:#95704f}.benefits{background:#faf9f7;display:flex;justify-content:space-around;gap:20px;padding:24px;font-size:11px;letter-spacing:.08em;line-height:1.7}.section{max-width:1350px;margin:auto;padding:55px 32px;text-align:center}.section h2{font-size:37px}.ornament{color:var(--gold);margin:8px}.muted{color:#8c817b;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:32px}.card img{width:100%;aspect-ratio:1.45;object-fit:cover}.card h3{font:normal 20px 'Playfair Display',Georgia;margin:13px 0 7px}.card p{font-size:11px;letter-spacing:.05em;color:#7c7169;min-height:34px}.card button{border:1px solid var(--gold);color:#8b674a;background:white;padding:12px 17px;cursor:pointer;font:600 11px Montserrat;letter-spacing:.08em}.card button:hover{background:var(--cream)}.steps{background:var(--cream);max-width:none}.stepgrid{max-width:1200px;margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stepgrid strong{font:40px Georgia;color:var(--gold)}.stepgrid h3{font:20px Georgia}.stepgrid p,.contact p{line-height:1.8}.contact{padding:75px 20px}.contact p{margin-bottom:28px}footer{background:#f8f5f2;display:flex;justify-content:space-around;gap:30px;padding:48px 25px;color:#625950}footer>div{max-width:280px}footer button{display:block;border:0;background:none;padding:7px 0;color:#625950;cursor:pointer;text-align:left}.footerbrand{font:48px 'Great Vibes',cursive;color:var(--gold)}.shade{display:none;position:fixed;inset:0;background:#0008;z-index:10}.shade.open{display:block}.cart,.modal{display:none;position:fixed;z-index:11;background:#fff;box-shadow:0 8px 35px #0002;padding:25px;overflow:auto}.cart.open,.modal.open{display:block}.cart{right:0;top:0;bottom:0;width:min(440px,100%)}.modal{left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,94%);max-height:90vh}.panelhead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;margin-bottom:20px}.panelhead h2{font-size:26px}.cartbottom{border-top:1px solid #ddd;margin-top:25px;padding-top:20px}.cartrow{border-bottom:1px solid #eee;padding:15px 0}.cartrow button{margin:7px;border:0;background:#eee;cursor:pointer}.modal img{max-width:100%;max-height:230px;object-fit:cover}.formfield{display:block;margin:15px 0;text-align:left}.formfield input,.formfield textarea{width:100%;padding:12px;border:1px solid #d6d0cb;font:inherit;margin-top:7px}.formfield textarea{min-height:80px}.small{font-size:12px;color:#776c64;line-height:1.6}.uploadnote{font-size:11px;color:#886e58}@media(max-width:850px){.top{height:115px;padding:10px 15px}.brand{font-size:58px;top:22px}.brand small{font-size:7px}.textbtn{font-size:10px;max-width:85px}.icons{gap:6px}.icons button{font-size:18px}nav{gap:14px;overflow:auto;justify-content:flex-start}nav a{font-size:9px;white-space:nowrap}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 20px}.hero h1{font-size:34px}.hero h1 em{font-size:54px}.hero img{height:290px}.benefits{flex-wrap:wrap;font-size:9px}.grid,.stepgrid{grid-template-columns:repeat(2,1fr);gap:16px}.section{padding:40px 15px}.section h2{font-size:30px}footer{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:500px){.grid,.stepgrid{grid-template-columns:1fr 1fr}.card h3{font-size:16px}.card button{font-size:9px;padding:10px 8px}.card p{font-size:10px}.benefits span{width:42%}}

/* Originalschriftzug aus der freigegebenen Designvorlage */
.brand{top:0;line-height:normal;font-size:initial}.brand img{display:block;width:440px;max-width:42vw;height:auto}@media(max-width:850px){.brand{top:8px}.brand img{width:290px;max-width:45vw}}
/* Freigegebener Hero-Bereich: Textanordnung nach Designvorlage */
.hero{grid-template-columns:55% 45%;min-height:375px}
.hero-copy{padding:20px 5% 22px 8%;text-align:center;position:relative;z-index:1}
.hero h1{font-size:clamp(35px,3.4vw,54px);line-height:1.08;white-space:nowrap}
.hero h1 em{font-size:clamp(54px,5vw,78px);line-height:1.05;margin:-2px 0 16px;text-align:left;padding-left:14%}
.hero p{font-size:15px;line-height:1.8;margin:0 auto 25px;max-width:580px}
.hero .primary{min-width:290px;text-align:center}
.hero-slides{position:relative;height:375px;min-width:0;overflow:hidden}
.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.hero-slides img.active{opacity:1}
.slide-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;border-radius:50%;background:#fffef0;color:#222;width:43px;height:43px;font-size:26px;cursor:pointer;box-shadow:0 1px 8px #0002}
.slide-prev{left:16px}.slide-next{right:16px}
.slide-dots{position:absolute;z-index:2;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.slide-dots button{width:11px;height:11px;border-radius:50%;border:1px solid white;background:transparent;cursor:pointer;padding:0}
.slide-dots button.active{background:var(--gold);border-color:var(--gold)}
@media(max-width:750px){.hero{grid-template-columns:1fr}.hero-copy{padding:34px 15px}.hero h1{white-space:normal}.hero h1 em{text-align:center;padding-left:0}.hero-slides{height:310px}}
@media(prefers-reduced-motion:reduce){.hero-slides img{transition:none}}

/* Statische Demoseite: keine Shopfunktionen */
.card{min-width:0}.card img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}footer span{display:block;padding:7px 0}.top{justify-content:flex-start}.top .brand{left:50%}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Freigegebene Änderungen: Logo Variante 3, Hero-Zentrierung und Schrift */
.top .brand{display:flex;align-items:center;justify-content:center;top:15px;width:min(420px,75vw);height:112px}
.top .brand img{display:block;width:100%;height:100%;object-fit:contain}
.hero-copy h1{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;white-space:normal}
.hero-copy h1 em{display:block;width:100%;padding:0;margin:4px 0 16px;text-align:center;font-family:'URW Chancery L','Apple Chancery','Palace Script MT','Segoe Script','Brush Script MT',cursive;font-weight:400;font-style:italic;font-size:clamp(54px,5vw,78px);letter-spacing:-.035em}
@media(max-width:850px){.top .brand{top:8px;height:95px;width:min(330px,68vw)}}

/* Nur neue Geschenkgruppen: neutrale Symbolbilder bis Produktfotos vorliegen. */
.new-category .category-art{width:100%;aspect-ratio:1.45;background:linear-gradient(135deg,#f7f0e8,#e9d8c5);display:grid;place-items:center;color:#aa805a}.new-category .category-art svg{width:34%;max-height:78%;filter:drop-shadow(0 3px 3px #bca48c55)}

/* Korrekturen: Logo vollständig sichtbar, Footer-Logo, Fotos statt Platzhalter */
.top{height:175px}
.top .brand{top:0;height:165px;width:min(500px,78vw);overflow:visible}
.top .brand img{width:100%;height:100%;object-fit:contain;object-position:center;padding:14px 0}
.footerbrand-logo{display:block;width:min(260px,100%);height:auto;object-fit:contain}
@media(max-width:850px){.top{height:135px}.top .brand{top:0;height:125px;width:min(350px,65vw)}.top .brand img{padding:10px 0}}

/* Demo: klare Kennzeichnung und verlässliche Darstellung */
.notice{background:#c61927!important;color:#fff!important;font-weight:800!important;font-size:13px!important;letter-spacing:.035em!important}
.top{min-height:165px;height:auto;padding-top:15px;padding-bottom:15px}
.top .brand{position:relative;left:auto;top:auto;transform:none;margin:auto;width:min(480px,76vw);height:auto;min-height:135px;overflow:visible}
.top .brand img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;padding:0}
.hero-copy h1,.hero-copy h1 em{text-align:center!important;align-items:center!important;justify-content:center!important}
.card img{border-radius:4px}
@media(max-width:850px){.top{min-height:120px}.top .brand{position:relative;top:auto;width:min(320px,66vw);height:auto;min-height:80px}}

/* Freigegebenes Logo unverändert, vollständig und proportional darstellen. */
.top .brand{width:min(530px,76vw);min-height:0;height:auto;overflow:visible}
.top .brand img{width:100%;height:auto;max-height:none;padding:0;display:block;object-fit:contain}
.footerbrand-logo{width:min(290px,100%);height:auto;max-height:none;object-fit:contain;display:block}
@media(max-width:850px){.top .brand{width:min(340px,68vw);min-height:0;height:auto}}

/* Freigegebene Änderungen: Kopfbereich in Logo-Grundfarbe; vier goldene Symbole. */
header, header .top, header nav { background-color:#fdfdf8; }
.benefits .benefit{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;text-align:left;}
.benefits .benefit svg{flex:0 0 43px;width:43px;height:43px;fill:none;stroke:#b38b65;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.benefits .benefit>span{display:block;}
@media(max-width:850px){.benefits .benefit{flex:0 1 calc(50% - 12px);justify-content:flex-start}.benefits .benefit svg{flex-basis:32px;width:32px;height:32px}}
@media(max-width:500px){.benefits .benefit{gap:9px}.benefits .benefit svg{flex-basis:28px;width:28px;height:28px}.benefits .benefit>span{width:auto;font-size:9px}}