/* DELPHI v1.0 – Aktuelles, Halloween und globale Scrolling-Verbesserungen */
:root{--pumpkin:#d8742d;--pumpkin-soft:#f4c08a;--night:#10171d}
body.seasonal-popup-active{overflow:hidden}

/* start page: news area */
.news-section{background:linear-gradient(180deg,#fbf9f4 0%,#f1eadf 100%)}
.news-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:26px;align-items:stretch}
.news-card{position:relative;overflow:hidden;min-height:460px;background:#1b2830;color:#f8f3eb;border:1px solid rgba(255,255,255,.08)}
.news-card-media{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:transform .6s ease,filter .35s ease}
.news-card:hover .news-card-media{transform:scale(1.06);filter:saturate(1.08)}
.news-card-halloween{background-image:linear-gradient(135deg,rgba(6,10,14,.20),rgba(6,10,14,.65)),url('./assets/halloween-event.webp');background-position:center}
.news-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,17,24,.18) 0%,rgba(11,17,24,.52) 34%,rgba(11,17,24,.92) 100%)}
.news-card-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:460px;padding:34px 36px}
.news-badge{display:inline-flex;align-self:flex-start;padding:9px 12px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);font-size:11px;letter-spacing:.16em;font-weight:800;margin-bottom:18px}
.news-card h3,.news-mini-card h3{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
.news-card h3{font-size:clamp(34px,4vw,58px);line-height:1.02;margin:0 0 15px}
.news-card p{max-width:640px;color:#d9e0df;line-height:1.8;margin:0 0 28px}
.news-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn-outline-light,.btn-outline-dark{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;min-height:52px;font-size:12px;font-weight:760;border:1px solid currentColor;background:transparent}
.btn-outline-light{color:#fff}
.btn-outline-light:hover{background:rgba(255,255,255,.10);transform:translateY(-2px)}
.btn-outline-dark{color:#213038}
.btn-outline-dark:hover{background:#ede2d4;transform:translateY(-2px)}
.news-stack{display:grid;gap:20px}
.news-mini-card{background:#fffefa;padding:28px 28px 26px;box-shadow:0 24px 50px rgba(52,44,33,.08);display:flex;flex-direction:column;justify-content:space-between;min-height:220px;border:1px solid rgba(30,44,49,.08)}
.news-mini-card-soft{background:linear-gradient(180deg,#f4ebdf 0%,#fff9f1 100%)}
.mini-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#96693f}
.news-mini-card h3{font-size:32px;line-height:1.08;margin:10px 0 12px;color:#1e2d33}
.news-mini-card p{color:#5d6667;line-height:1.8;margin:0 0 18px}
.mini-link{border:0;background:none;padding:0;color:#1d3036;font-size:13px;font-weight:780;text-align:left;display:inline-flex;align-items:center;gap:10px}
.mini-link:hover{color:#b37539}

/* halloween highlight section */
.halloween-feature{background:radial-gradient(circle at top left,#2a1b1a 0%,#111820 45%,#0c1117 100%);color:#f8f2e8;overflow:hidden}
.halloween-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:42px;align-items:center}
.halloween-image-frame{position:relative;min-height:600px;background:#221b18;overflow:hidden;border-radius:26px 26px 0 0}
.halloween-image{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,9,12,.12),rgba(13,9,12,.68)),radial-gradient(circle at 15% 18%,rgba(240,130,48,.33),transparent 33%),url('./assets/halloween-event.webp') center/cover no-repeat;transform:scale(1.02)}
.halloween-image-glow{position:absolute;inset:auto -15% -35% auto;width:280px;height:280px;background:radial-gradient(circle,#df8136 0%,rgba(223,129,54,.0) 68%);opacity:.75;pointer-events:none}
.halloween-image-frame::after{content:'';position:absolute;inset:22px;border:1px solid rgba(255,255,255,.22);border-radius:18px 18px 0 0}
.halloween-sticker{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;background:#f2c18f;color:#241915;font-size:11px;font-weight:800;letter-spacing:.18em;box-shadow:0 15px 30px rgba(0,0,0,.25)}
.sticker-top{left:26px;top:26px;transform:rotate(-3deg)}
.sticker-bottom{right:22px;bottom:26px;transform:rotate(3deg)}
.halloween-copy h2{font-size:clamp(53px,6vw,88px);line-height:1.01;letter-spacing:-.058em;margin:0 0 18px;font-family:var(--serif);font-weight:400}
.halloween-copy h2 em{color:#f2c18f;font-style:italic;font-weight:400}
.halloween-lead{font-size:16px;line-height:1.9;color:#cfd7d6;max-width:530px;margin:0 0 28px}
.halloween-points{display:grid;gap:14px;margin-bottom:28px}
.halloween-points>div{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid rgba(255,255,255,.10)}
.halloween-points>div:last-child{border-bottom:1px solid rgba(255,255,255,.10)}
.halloween-points span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f2c18f;color:#1e1714;font-size:12px;font-weight:900;letter-spacing:.08em}
.halloween-points p{margin:0;color:#e8ece8;line-height:1.6}
.halloween-actions{gap:16px;flex-wrap:wrap}

/* popup */
.seasonal-popup[hidden]{display:none}
.seasonal-popup{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px}
.seasonal-popup-backdrop{position:absolute;inset:0;background:rgba(8,12,17,.74);backdrop-filter:blur(5px)}
.seasonal-popup-dialog{position:relative;z-index:1;width:min(980px,100%);display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);background:#fffaf4;color:#18262b;overflow:hidden;box-shadow:0 28px 100px rgba(0,0,0,.36)}
.seasonal-popup-media{position:relative;min-height:420px;background:#181818}
.seasonal-popup-image{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,14,.24),rgba(11,11,14,.75)),radial-gradient(circle at 15% 18%,rgba(239,130,52,.33),transparent 33%),url('./assets/halloween-event.webp') center/cover no-repeat}
.seasonal-popup-badge{position:absolute;left:24px;top:24px;padding:10px 14px;background:#f2c18f;color:#231710;font-size:12px;font-weight:800;letter-spacing:.2em}
.seasonal-popup-copy{padding:38px 38px 34px}
.seasonal-popup-kicker{margin:0 0 10px;color:#a06d43;font-size:11px;letter-spacing:.18em;font-weight:800}
.seasonal-popup-dialog h2{font-family:var(--serif);font-size:48px;line-height:1.04;letter-spacing:-.05em;margin:0 0 16px;font-weight:400}
.seasonal-popup-copy p{margin:0 0 18px;color:#566366;line-height:1.8}
.seasonal-popup-copy ul{margin:0 0 28px;padding-left:18px;color:#293840;line-height:1.8}
.seasonal-popup-actions{display:flex;gap:12px;flex-wrap:wrap}
.seasonal-popup-close{position:absolute;top:10px;right:12px;z-index:2;border:0;background:none;color:#fff;font-size:38px;line-height:1;padding:8px}

/* subpages: to-top button and matching logo sizing */
.sub-brand{display:flex;align-items:center;max-width:255px;min-width:200px}
.sub-brand img{display:block;width:100%;height:auto;max-height:116px;object-fit:contain;object-position:left center}
.sub-backtop{position:fixed;right:18px;bottom:20px;z-index:100;width:54px;height:54px;border-radius:50%;border:1px solid #f0d2a9;background:#e8c49d;color:#182830;display:grid;place-items:center;font-size:26px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.sub-backtop:hover{transform:translateY(-3px)}

@media(max-width:1020px){
  .news-grid,.halloween-grid,.seasonal-popup-dialog{grid-template-columns:1fr}
  .news-card,.news-card-content{min-height:390px}
  .seasonal-popup-media{min-height:280px}
}
@media(max-width:840px){
  .news-card-content{padding:28px 24px}
  .news-mini-card{padding:24px 20px}
  .news-mini-card h3{font-size:28px}
  .halloween-image-frame{min-height:460px}
  .sub-brand{max-width:215px;min-width:0}
  .sub-brand img{max-height:96px}
}
@media(max-width:650px){
  .news-section{padding-top:74px;padding-bottom:74px}
  .news-grid{gap:18px}
  .news-card{min-height:360px}.news-card-content{min-height:360px;padding:22px 18px}
  .news-card h3{font-size:42px}
  .news-card p{font-size:14px;line-height:1.65}
  .news-actions{flex-direction:column;align-items:stretch}
  .btn-outline-light,.btn-outline-dark{width:100%}
  .halloween-image-frame{min-height:360px}
  .halloween-copy h2{font-size:58px}
  .halloween-points>div{grid-template-columns:44px 1fr;gap:12px}
  .seasonal-popup{padding:12px}
  .seasonal-popup-copy{padding:26px 20px 22px}
  .seasonal-popup-dialog h2{font-size:39px}
  .seasonal-popup-close{color:#fff;top:6px;right:8px}
  .sub-brand{max-width:188px}.sub-brand img{max-height:88px}
  .sub-backtop{width:48px;height:48px;right:12px;bottom:14px;font-size:23px}
}

/* Hero bleibt bewusst beim ursprünglichen Gastraum-/Serviettenmotiv. */
.hero-image{background-image:url('./assets/originals/original-124285-20210528_160417057_ios.jpg')!important;background-position:center 42%!important}


.contact-card-panel{transition:opacity .28s ease,transform .38s cubic-bezier(.16,.94,.32,1.18),visibility .28s;transform-origin:right center}
.contact-card.is-open .contact-card-panel{transform:translateX(0)}