:root{--green:#244d1c;--deep:#173716;--cream:#f8f1e5;--paper:#fffaf2;--wood:#6e4326;--gold:#c7a25c;--ink:#342719;--muted:#766b5f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}img{max-width:100%;display:block}.wrap{max-width:1480px;margin:auto}header{position:sticky;top:0;z-index:30;background:rgba(255,250,242,.97);box-shadow:0 2px 14px #0001}.nav{max-width:1540px;margin:auto;min-height:104px;padding:8px 24px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:310px}.brand img{width:84px;height:84px;border-radius:50%;object-fit:contain}.brand span{font-size:29px;font-style:italic;line-height:.9}.brand b{display:block;color:var(--green);font-size:38px}.brand small{display:block;font:11px Arial,sans-serif;letter-spacing:.16em;margin-top:8px;font-style:normal}.nav nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:center}.nav nav a{color:var(--ink);text-decoration:none;font-size:15px}.nav nav a:hover{color:var(--green);text-decoration:underline}.top-hours{background:linear-gradient(135deg,var(--deep),#315d23);color:#fff;border-radius:13px;padding:12px 20px;display:flex;gap:14px;align-items:center;font-size:27px;min-width:250px}.top-hours span{font:13px/1.6 Arial,sans-serif}.top-hours b{display:block;font:20px Georgia,serif}.menu{display:none}.hero{min-height:300px;background:linear-gradient(#24140888,#24140888),url('assets/obst-gemuese-correct.jpg') center 45%/cover;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden}.hero-inner{width:100%;max-width:1500px;margin:auto;text-align:center;padding:38px 260px;position:relative}.hero h1{font-size:clamp(52px,5vw,80px);font-style:italic;font-weight:400;margin:0;text-shadow:0 3px 8px #0007}.hero p{letter-spacing:.2em;font-size:18px}.heartline{font-size:30px}.paint-note,.wood-note{position:absolute;top:58px;font-size:26px;font-style:italic;line-height:1.15}.paint-note{left:0;background:#244d1ce8;padding:16px 34px;transform:rotate(-3deg)}.wood-note{right:0;background:#d5ae78;color:#27190f;padding:16px 28px;transform:rotate(-4deg);box-shadow:0 5px 16px #0004}.fresh-section{padding:0 22px 26px;background:linear-gradient(#70472a,#4c2d1c);}.fresh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;transform:translateY(-2px)}.fresh-card{background:var(--cream);border:2px solid #f5dfb5;border-radius:17px;overflow:hidden;text-align:center;box-shadow:0 8px 20px #0004;cursor:pointer}.fresh-card>img{height:245px;width:100%;object-fit:cover}.fresh-card>div{padding:10px 12px 14px}.fresh-card h3{font-size:30px;font-style:italic;color:var(--deep);margin:0}.fresh-card p{font:12px Arial,sans-serif;letter-spacing:.13em;margin:4px 0 10px}.fresh-card button,.btn{background:linear-gradient(#315c25,#1d4518);color:#fff;border:0;border-radius:7px;padding:10px 25px;font:16px Georgia,serif;cursor:pointer;text-decoration:none;display:inline-block}.feature-row{background:#70472a;padding:0 22px 28px}.feature-grid{display:grid;grid-template-columns:1.15fr .9fr 1fr;gap:14px}.feature-grid article{min-height:220px;border:2px solid #ead3ad;border-radius:15px;color:#fff;padding:25px;box-shadow:0 8px 20px #0003}.voucher{background:linear-gradient(90deg,#5b351fdd,#6b4129),url('assets/backwaren-poster.jpg') center/cover;display:flex;gap:20px}.gift{font-size:65px}.feature-grid h3{font-size:34px;font-style:italic;font-weight:400;margin:0 0 10px}.feature-grid p{font-size:18px;line-height:1.45}.regional{background:linear-gradient(#355827dd,#50351fdd),url('assets/obst-gemuese-correct.jpg') center/cover}.thanks{background:linear-gradient(#1b211ddd,#1b211ddd),url('assets/die-perle.jpg') center/cover}.assortment,.offers,#perle,.contact{padding:70px 22px}.section-head{max-width:760px;margin-bottom:30px}.section-head span,.eyebrow,.gold{font:700 12px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9b5d34}.section-head h2,h2{font-size:48px;color:var(--deep);margin:7px 0}.section-head p{font-size:18px;color:var(--muted)}.assortment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.assortment-grid article{background:var(--cream);border-top:4px solid var(--green);padding:28px;text-align:center}.assortment-grid .icon{font-size:38px}.assortment-grid h3{color:var(--green);font-size:23px;margin:8px}.assortment-grid p{color:var(--muted)}.offers{background:#f1e7d7}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.poster{background:white;padding:12px;box-shadow:0 10px 30px #0001}.dark{padding:75px 22px;background:linear-gradient(135deg,#183815,#2c5621);color:#fff}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.photo img{width:100%;max-height:580px;object-fit:cover;box-shadow:18px 18px 0 #c7a25c44}.dark h2{color:#f2ddb4}.copy p{font-size:18px;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.chips span{border:1px solid #ffffff55;padding:8px 12px}.btn.light{background:var(--cream);color:var(--deep)}.reverse{grid-template-columns:.9fr 1.1fr}.price strong{font-size:42px;color:#9b5d34}.price span{margin-left:10px;color:var(--muted)}.perle-photo{position:relative;cursor:pointer}.photo-cta{position:absolute;bottom:18px;left:18px;background:#173716e8;color:#fff;padding:10px 14px}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.address{font-size:18px}.phone{font-size:28px;color:var(--green);font-weight:bold}.hours{background:#fff;padding:28px;border:1px solid #dbcdb8}.hours h3{font-size:28px}.hours div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.gallery-modal{position:fixed;inset:0;background:#08120cee;z-index:100;display:none;align-items:center;justify-content:center;padding:65px}.gallery-modal.open{display:flex}.gallery-modal figure{margin:0;text-align:center}.gallery-modal img{max-height:78vh;max-width:88vw;object-fit:contain}.gallery-modal figcaption{color:#fff;margin-top:12px}.gallery-close,.gallery-prev,.gallery-next{position:absolute;border:0;background:#ffffff22;color:#fff;cursor:pointer}.gallery-close{right:20px;top:15px;font-size:42px}.gallery-prev,.gallery-next{top:50%;font-size:56px}.gallery-prev{left:15px}.gallery-next{right:15px}footer{background:#102d14;color:#eee;text-align:center;padding:28px}footer img{width:65px;height:65px;border-radius:50%;margin:auto}footer p{font-size:13px}.gallery-card:focus{outline:3px solid var(--gold)}
@media(max-width:1100px){.top-hours{display:none}.nav nav{gap:14px}.hero-inner{padding:45px 160px}.fresh-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.assortment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav{min-height:78px}.brand{min-width:0}.brand img{width:58px;height:58px}.brand span{font-size:20px}.brand b{font-size:27px}.brand small{display:none}.menu{display:block;margin-left:auto;background:none;border:0;font-size:28px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column}.nav nav.open{display:flex}.hero-inner{padding:55px 20px}.paint-note,.wood-note{display:none}.hero h1{font-size:50px}.fresh-grid,.assortment-grid,.offer-grid,.split,.reverse,.contact-grid{grid-template-columns:1fr}.fresh-card>img{height:260px}.feature-grid article{min-height:auto}.assortment,.offers,#perle,.contact,.dark{padding:55px 18px}.gallery-modal{padding:55px 38px}.gallery-prev{left:2px}.gallery-next{right:2px}}
.meat-weekly{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr);gap:30px;align-items:center;margin:0 0 34px;padding:26px;background:linear-gradient(135deg,#f7f0e5,#fffaf2);border:1px solid #d8c5a8;border-radius:22px;box-shadow:0 12px 32px #2b1d1020}.meat-weekly h3{font-family:Georgia,serif;font-size:clamp(28px,3vw,44px);color:#203f1b;margin:8px 0 12px}.meat-weekly p{font-size:18px;line-height:1.55}.poster-button{border:0;background:none;padding:0;cursor:pointer;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0003}.poster-button img{display:block;width:100%;max-height:680px;object-fit:contain;background:#1d3520}.weekly-poster-modal{position:fixed;inset:0;z-index:9999;background:#000d;display:none;align-items:center;justify-content:center;padding:28px}.weekly-poster-modal.open{display:flex}.weekly-poster-modal img{max-width:min(94vw,900px);max-height:92vh;object-fit:contain;box-shadow:0 12px 50px #000}.weekly-poster-modal button{position:fixed;right:22px;top:16px;border:0;background:#fff;color:#183718;width:46px;height:46px;border-radius:50%;font-size:32px;cursor:pointer}@media(max-width:760px){.meat-weekly{grid-template-columns:1fr;padding:18px}.meat-weekly-copy{text-align:center}}

/* Galerie-Ordner & Käse */
.cheese-placeholder{height:230px;display:grid;place-items:center;font-size:6rem;background:linear-gradient(135deg,#f3df9a,#d8b44d);border-bottom:1px solid #d8c9ad}
.gutkauf-validity{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 14px;padding:14px 20px;background:#244d25;color:#fff;border-radius:14px;box-shadow:0 6px 18px #0002}.gutkauf-validity strong{font-size:1.12rem}.gutkauf-validity span{font-weight:700;background:#fff;color:#244d25;padding:7px 12px;border-radius:999px}@media(max-width:700px){.gutkauf-validity{flex-direction:column;align-items:flex-start}.cheese-placeholder{height:190px}}
.weekly-block{margin-top:2rem}.weekly-folder-grid:empty:after{content:'Noch keine Werbung im Ordner vorhanden.';display:block;padding:2rem;background:#f6f0e5;border-radius:18px;text-align:center;color:#5a4a37}.weekly-folder-grid .poster{cursor:pointer}.weekly-folder-grid .poster img{width:100%;display:block}.about-section{padding:5rem 0;background:#f5efe4}.about-text-card{max-width:950px;margin:auto;background:#fffaf1;border:1px solid rgba(70,52,32,.15);border-radius:24px;padding:1.2rem;box-shadow:0 12px 35px rgba(60,40,20,.08)}.about-text-card iframe{width:100%;min-height:260px;border:0;background:transparent;font:1.08rem/1.8 Georgia,serif;color:#3e352c}.about-hint{margin:.7rem 0 0;font-size:.85rem;color:#786b5c;text-align:center}

/* Veranstaltungen in Die Perle */
.events-card{margin-top:34px;padding:26px 30px;border:1px solid #d8c5a8;border-radius:18px;background:linear-gradient(135deg,#f8f1e5,#fffaf2);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 28px #2b1d1015}.events-card h3{margin:4px 0 6px;font-size:32px;color:var(--deep)}.events-card p{margin:0;color:var(--muted);font-size:17px}.events-button{white-space:nowrap}.meat-weekly-block{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(320px,1.3fr);gap:30px;align-items:center;margin:0 0 36px;padding:26px;background:linear-gradient(135deg,#f7f0e5,#fffaf2);border:1px solid #d8c5a8;border-radius:22px;box-shadow:0 12px 32px #2b1d1020}.meat-weekly-copy h3{font-size:clamp(28px,3vw,44px);color:var(--deep);margin:8px 0 12px}.meat-weekly-copy p{font-size:18px;line-height:1.55}.meat-weekly-grid{display:block}.meat-weekly-grid .poster{padding:0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0003}.meat-weekly-grid .poster:not(:first-child){margin-top:18px}.meat-weekly-grid .poster img{width:100%;max-height:680px;object-fit:contain;background:#1d3520}@media(max-width:760px){.events-card{flex-direction:column;align-items:flex-start}.meat-weekly-block{grid-template-columns:1fr;padding:18px}.meat-weekly-copy{text-align:center}}

.assortment-gallery-grid{grid-template-columns:repeat(3,1fr)}.assortment-tile{cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease}.assortment-tile:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000016}.tile-link{display:inline-block;margin-top:12px;font-weight:700;color:var(--green)}.lunch-tile{grid-column:span 3;background:#f5efe1!important}.lunch-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.lunch-buttons button{border:0;border-radius:999px;padding:10px 18px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}@media(max-width:850px){.assortment-gallery-grid{grid-template-columns:1fr}.lunch-tile{grid-column:auto}}

/* Über uns – typografisch passend zum bestehenden Webseitenstil */
.about-copy{min-height:180px;padding:26px 30px;color:#3e352c;font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;line-height:1.9;letter-spacing:.01em;white-space:pre-line;text-align:left}
.about-copy::first-letter{color:var(--green);font-size:1.22em}
@media(max-width:760px){.about-copy{padding:18px 14px;font-size:1.03rem;line-height:1.75}}

.about-frame{display:block;width:100%;min-height:260px;border:0;background:#fffaf1;border-radius:14px;padding:0;}

.party-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.recipe-button{font:inherit;cursor:pointer;border:0}


/* Hermes PaketShop im Kontaktbereich – zwischen Adresse und Öffnungszeiten */
.contact-grid{grid-template-columns:minmax(260px,1fr) minmax(220px,.72fr) minmax(420px,1.35fr);align-items:center;gap:42px}
.hermes-contact{display:flex;align-items:center;justify-content:center;min-height:190px;padding:24px 28px;border-left:1px solid #d8cbb8;border-right:1px solid #d8cbb8}
.hermes-contact img{display:block;width:min(100%,360px);height:auto;object-fit:contain}
@media(max-width:980px){.contact-grid{grid-template-columns:1fr 1fr}.hermes-contact{grid-column:1/-1;grid-row:2;border-left:0;border-right:0;border-top:1px solid #d8cbb8;border-bottom:1px solid #d8cbb8;min-height:140px}.hours{grid-column:2;grid-row:1}}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr}.hermes-contact,.hours{grid-column:1;grid-row:auto}.hermes-contact{min-height:120px;padding:18px 10px}.hermes-contact img{width:min(82%,300px)}}

.catering-modal{position:fixed;inset:0;z-index:10000;background:#08120cdd;display:none;align-items:center;justify-content:center;padding:24px}.catering-modal.open{display:flex}.catering-dialog{position:relative;width:min(560px,94vw);background:var(--paper);color:var(--ink);border-radius:18px;padding:34px;box-shadow:0 20px 70px #0007;text-align:center}.catering-dialog h3{font-size:34px;color:var(--deep);margin:8px 0 12px}.catering-dialog p{font-size:18px;line-height:1.55}.catering-contact-links{display:flex;flex-direction:column;gap:10px;margin-top:22px}.catering-contact-links .btn{width:100%}.catering-close{position:absolute;right:14px;top:10px;border:0;background:none;color:var(--deep);font-size:34px;cursor:pointer}.catering-info-button{font:inherit}.party-actions .btn{white-space:nowrap}

