@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); /* ============ NORRLYST NYTÅR 2026 - book-orienteret, DA/EN ============ */ :root{ --bg:#FCFCFC; --cream2:#F1F1F0; --card:#FCFCFC; --ink:#172012; --body:#6c6d6c; --gold:#264E30; --gold-d:#264E30; --line:#E4E2DD; --line2:#E4E2DD; --green:#264E30; --green-2:#5A632A; --nav-h:64px; } /* ---- Elementor / WordPress fixes ---- */ .nls{width:100vw;position:relative;left:50%;margin-left:-50vw;overflow-x:hidden;background:#FCFCFC;padding-top:var(--nav-h);} .elementor-widget-html, .elementor-widget-html > .elementor-widget-container, .e-con:first-child{padding-top:0 !important;margin-top:0 !important;} .elementor-widget-html > .elementor-widget-container{display:flex;flex-direction:column;} .entry-title,.page-title,.page-header,h1.page-title,.wp-block-post-title{display:none !important;} /* Skjul temaets globale Elementor-header paa denne side (kun widget-headeren skal staa) */ .elementor-location-header,.ehf-header,#ast-desktop-header,.ast-above-header,.ast-below-header{display:none !important;} /* ---- Base ---- */ .nls *{box-sizing:border-box;margin:0;padding:0;} .nls{font-family:'Poppins',sans-serif;color:#6c6d6c;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;} .nls h1,.nls h2,.nls h3{font-family:'Poppins',sans-serif;font-weight:700;color:#172012;line-height:1.08;letter-spacing:-.02em;} .nls p{margin-bottom:0;line-height:1.65;} .nls a{color:inherit;text-decoration:none;} .nls [id]{scroll-margin-top:var(--nav-h);} .wrap{max-width:1180px;margin:0 auto;padding:0 28px;} .eyebrow{font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:3.4px;text-transform:uppercase;color:#264E30 !important;display:block;} /* ---- Buttons ---- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;padding:16px 34px;border-radius:100px;cursor:pointer;transition:all .28s ease;border:1px solid #172012;line-height:1;} .btn-primary{background:#264E30 !important;color:#FFFFFF !important;border-color:#264E30;} .btn-primary:hover{background:#5A632A !important;border-color:#5A632A;color:#FFFFFF !important;transform:translateY(-2px);} .btn-ghost{background:transparent !important;color:#172012 !important;} .btn-ghost:hover{background:#172012 !important;color:#FFFFFF !important;transform:translateY(-2px);} /* ---- HERO (split) ---- */ .hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#FCFCFC;} .hero-media{position:relative;overflow:hidden;min-height:420px;background:#E4E4E3;} .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease;} .slide.active{opacity:1;} .hero-text{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(28px,5vw,84px);} .hero-text .eyebrow{margin-bottom:20px;} .hero-title{font-family:'Poppins',sans-serif;font-weight:700;color:#172012;font-size:clamp(38px,4.6vw,60px);line-height:1.03;letter-spacing:-.025em;} .hero-sub{font-family:'Poppins',sans-serif;font-weight:500;font-size:clamp(17px,1.7vw,21px);color:#264E30 !important;line-height:1.4;margin:22px 0 0;} .hero-lead{font-size:16px;font-weight:300;color:#6c6d6c !important;max-width:480px;margin:18px 0 0;} .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;} /* ---- Intro/section head ---- */ .find-head{text-align:center;max-width:660px;margin:0 auto clamp(30px,4vw,42px);padding-top:clamp(48px,6vw,80px);} .find-head .eyebrow{margin-bottom:14px;} .find-head h2{font-size:clamp(28px,3.4vw,44px);margin-bottom:12px;} .find-head p{font-size:15.5px;font-weight:300;color:#6c6d6c !important;} /* ---- Grid ---- */ .grid-sec{background:#FCFCFC;padding:0 0 clamp(48px,6vw,84px);} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;} .card{display:flex;flex-direction:column;background:#FCFCFC;border:1px solid #E4E2DD;border-radius:6px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;} .card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(23,32,18,.11);} .card-media{position:relative;aspect-ratio:3/2;background:#E4E4E3;overflow:hidden;} .card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .card:hover .card-media img{transform:scale(1.04);} .card-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1;} .card .place{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:#264E30 !important;font-weight:600;} .card h3{font-size:24px;line-height:1.12;margin:8px 0 0;color:#172012 !important;font-weight:700;letter-spacing:-.02em;} .card .cuisine{font-size:14.5px;color:#6c6d6c !important;font-weight:300;line-height:1.65;margin-top:11px;flex:1;} .card-tags{margin-top:16px;} .card .tag{display:inline-block;font-size:11px;letter-spacing:.4px;color:#264E30 !important;font-weight:600;background:#F1F1F0;border-radius:100px;padding:6px 14px;} .card-actions{margin-top:18px;} .card .btn{width:100%;} /* ---- "Kommer snart"-kort (faded) ---- */ .card.soon{background:#F7F7F6;} .card.soon:hover{transform:none;box-shadow:none;} .card.soon .card-media img{filter:grayscale(.55);opacity:.6;} .card.soon:hover .card-media img{transform:none;} .card.soon .card-body{opacity:.6;} .card.soon .btn-soon{background:transparent !important;color:#172012 !important;border-color:#172012;cursor:default;pointer-events:none;} /* ---- Footer ---- */ .foot{background:#F1F1F0;border-top:1px solid #E4E2DD;padding:clamp(52px,7vw,80px) 0;text-align:center;} .foot .fbrand{font-family:'Poppins',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.01em;color:#172012 !important;} .foot .fline{width:52px;height:1px;background:#264E30;margin:20px auto;} .foot p{font-size:15px;font-weight:300;color:#6c6d6c !important;max-width:560px;margin:0 auto;} .foot a.fmail{color:#264E30 !important;font-weight:500;border-bottom:1px solid #264E30;} /* ---- Fade-in ---- */ .fade-in{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;} .fade-in.visible{opacity:1;transform:translateY(0);} /* ---- Header / nav ---- */ .nl-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);background:#FCFCFC;border-bottom:1px solid #E4E2DD;} .nl-nav .nl-logo img{height:38px !important;width:auto !important;max-width:none !important;display:block;} .nl-nav-links{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px);} .nl-nav-links a{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:500;color:#172012 !important;opacity:.82;transition:opacity .3s,color .3s;} .nl-nav-links a:hover{opacity:1;color:#264E30 !important;} .nl-nav-cta{background:#264E30 !important;color:#FFFFFF !important;border:1px solid #264E30;border-radius:100px;padding:11px 24px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;transition:background .3s,border-color .3s;} .nl-nav-cta:hover{background:#5A632A !important;border-color:#5A632A;} .nl-nav-right{display:flex;align-items:center;gap:clamp(12px,1.8vw,22px);} .nl-lang{display:flex;align-items:center;gap:5px;} .nl-lang-btn{background:none;border:0;cursor:pointer;font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#172012 !important;opacity:.45;padding:4px 2px;transition:opacity .25s,color .25s;} .nl-lang-btn:hover{opacity:.85;} .nl-lang-btn.active{opacity:1;color:#264E30 !important;} .nl-lang-sep{opacity:.3;font-size:11px;color:#172012;} .nl-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;} .nl-burger span{width:24px;height:1.6px;background:#172012;display:block;} .nl-menu{position:fixed;inset:0;z-index:1100;background:#172012;color:#FCFCFC;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;transform:translateY(-100%);transition:transform .5s cubic-bezier(.7,0,.2,1);} .nl-menu.open{transform:translateY(0);} .nl-menu a{font-family:'Poppins',sans-serif;font-size:28px;font-weight:600;color:#FCFCFC !important;letter-spacing:-.01em;} .nl-menu-close{position:absolute;top:18px;right:22px;font-size:32px;line-height:1;background:none;border:0;color:#FCFCFC;cursor:pointer;} @media(max-width:860px){.nl-nav-links{display:none;}.nl-nav-cta{display:none;}.nl-burger{display:flex;}} /* ---- Responsive ---- */ @media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr);}} @media (max-width:900px){.hero{grid-template-columns:1fr;}.hero-media{min-height:300px;order:-1;}.hero-text{padding:56px clamp(24px,6vw,48px);}} @media (max-width:560px){.wrap{padding:0 20px;}.grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}.hero-actions{flex-direction:column;}.hero-actions .btn{width:100%;}} (function(){ // ---- Sprog (auto via WPML lang-attribut / URL) ---- var _l=(document.documentElement.getAttribute('lang')||'').toLowerCase(); var LANG=(_l.indexOf('en')===0 || /(^|\/)en(\/|-|$)/.test(location.pathname))?'en':'da'; function pick(e){return e?(e[LANG]!=null?e[LANG]:e.da):'';} var T={ "nav_rest":{"da":"Restauranter","en":"Restaurants"}, "nav_selskaber":{"da":"Selskaber","en":"Groups"}, "nav_julefrokost":{"da":"Julefrokost","en":"Christmas lunch"}, "nav_koncernen":{"da":"Koncernen","en":"The group"}, "eyebrow":{"da":"Norrlyst Koncernen · Nytår 2026","en":"Norrlyst Koncernen · New Year 2026"}, "hero_title":{"da":"Nytårsaften i København","en":"New Year's Eve in Copenhagen"}, "hero_sub":{"da":"Fejr årets sidste aften med god mad, bobler og udsigt.","en":"Celebrate the last night of the year with great food, bubbles and a view."}, "hero_lead":{"da":"Vælg mellem vores restauranter, der holder nytårsaften, og book dit bord direkte - hvad enten I er to eller en lille gruppe.","en":"Choose among our restaurants open on New Year's Eve and book your table directly - whether you're a couple or a small group."}, "btn_see":{"da":"Se restauranterne","en":"See the restaurants"}, "find_eyebrow":{"da":"Nytårsaften 2026","en":"New Year's Eve 2026"}, "find_h2":{"da":"Book nytårsaften","en":"Book New Year's Eve"}, "find_lead":{"da":"Vælg din restaurant og book nytårsaften direkte - se menu, pris og ledige tider hos den enkelte restaurant.","en":"Choose your restaurant and book New Year's Eve directly - see the menu, price and available times at each restaurant."}, "footer":{"da":"Skal I være mange til nytår? Så hjælper vi gerne med at finde den rette ramme - skriv til [email protected]","en":"A larger group for New Year? We're happy to help you find the right setting - write to [email protected]"} }; function applyStaticT(){ document.querySelectorAll('.nls [data-t]').forEach(function(el){var e=T[el.getAttribute('data-t')];if(e)el.innerHTML=pick(e);}); } function updateLangSwitcher(){ document.querySelectorAll('.nl-lang-btn').forEach(function(b){ b.classList.toggle('active', b.getAttribute('data-lang')===LANG); }); } function applyLang(lang){ LANG=(lang==='en')?'en':'da'; applyStaticT(); renderGrid(); updateLangSwitcher(); } // ---- Hero carousel (crossfade) ---- (function(){ var car=document.getElementById('carousel'); if(!car) return; var slides=car.querySelectorAll('.slide'); var reduce=window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; slides.forEach(function(s){var m=(s.style.backgroundImage||'').match(/url\(["']?(.*?)["']?\)/);if(m){var im=new Image();im.src=m[1];}}); if(slides.length<2||reduce) return; var i=0; setInterval(function(){ slides[i].classList.remove('active'); i=(i+1)%slides.length; slides[i].classList.add('active'); },5000); })(); // ---- Data (kun restauranter med nytaarsaften) ---- var IMAGES = { "Sukaiba": "https://norrlyst.dk/wp-content/uploads/2026/06/Sukaiba-interioer-room-14-scaled.jpg", "Væksthuset": "https://norrlyst.dk/wp-content/uploads/2026/06/Vaeksthuset_selskab_-5-scaled.jpg", "Restaurant Lago": "https://norrlyst.dk/wp-content/uploads/2026/06/Lago_interioer-5-scaled.jpg", "Lille Mølle": "https://norrlyst.dk/wp-content/uploads/2025/10/Design-uden-navn-21.png", "Tamashii": "https://norrlyst.dk/wp-content/uploads/2026/10/Tamashii-scaled.jpg", "Abigail": "https://norrlyst.dk/wp-content/uploads/2026/10/Abigail.jpg", "Udtryk": "https://norrlyst.dk/wp-content/uploads/2026/10/Udtryk.jpg" }; var RESTAURANTS = [ { name:"Sukaiba", bydel:"Ørestad", addr:"Martha Christensens Vej 5", open2:true, cuisine:"Japansk-nordisk fusion 76 meter over byen på 23. etage i Bella Sky. 10-retters menu, og bar og lounge til langt ud på natten.", cuisine_en:"Japanese-Nordic fusion 76 metres above the city on the 23rd floor of Bella Sky. A 10-course menu, plus bar and lounge into the small hours.", url:"https://norrlyst.dk/sukaiba/nytaar/", url_en:"https://norrlyst.dk/sukaiba/sukaiba-new-year-2024/?lang=en" }, { name:"Væksthuset", bydel:"Holmen", addr:"Ekvipagemestervej 18", cuisine:"Moderne dansk gastronomi i et subtropisk drivhus ved Operaparken - syv serveringer af sæsonens bedste råvarer.", cuisine_en:"Modern Danish gastronomy in a subtropical greenhouse by Operaparken - seven servings of the season's finest produce.", url:"https://norrlyst.dk/vaeksthuset/vaeksthuset-nytaar/", url_en:"https://norrlyst.dk/the-growth-house/vaeksthuset-new-years/?lang=en" }, { name:"Restaurant Lago", bydel:"Nørrebro", addr:"Korsgade 1", open2:true, cuisine:"Moderne nordisk køkken og signatur-cocktails ved søerne - en festlig nytårsaften med ti retter.", cuisine_en:"Modern Nordic cuisine and signature cocktails by the lakes - a festive New Year's Eve with ten courses.", url:"https://norrlyst.dk/lago/nytaar/", url_en:"https://norrlyst.dk/lago/lago-new-year/?lang=en" }, { name:"Lille Mølle", bydel:"Christianshavn", addr:"Christianshavns Voldgade 52", cuisine:"Michelin-restaurant i en historisk mølle på Christianshavns Vold - femten serveringer i en intim og stemningsfuld ramme.", cuisine_en:"A Michelin restaurant in a historic mill on Christianshavn's rampart - fifteen servings in an intimate, atmospheric setting.", url:"https://norrlyst.dk/restaurantlillemoelle/nytaar/", url_en:"https://norrlyst.dk/restaurantlillemoelle/new-year/?lang=en" }, { name:"Tamashii", bydel:"København V", addr:"Jernbanegade 11", soon:true, cuisine:"Mere info kommer snart", cuisine_en:"More info coming soon" }, { name:"Abigail", bydel:"København V", addr:"Jernbanegade 11", soon:true, cuisine:"Mere info kommer snart", cuisine_en:"More info coming soon" }, { name:"Udtryk", bydel:"København K", addr:"Teglgårdsstræde 8A", soon:true, cuisine:"Mere info kommer snart", cuisine_en:"More info coming soon" } ]; var grid=document.getElementById('grid'); function esc(s){return String(s).replace(/[&"]/g,function(c){return {'&':'&','':'>','"':'"'}[c];});} var io=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target);}});},{threshold:.08}); function cardHTML(r){ var imgUrl=(IMAGES[r.name]||"").trim(); var media=imgUrl ? '' : ''; var bookLabel=(LANG==='en')?'Book New Year’s Eve':'Book nytår'; var soonLabel=(LANG==='en')?'Coming soon':'Kommer snart'; var tag = r.open2 ? '' : ''; var action = r.soon ? ''+soonLabel+'' : ''+bookLabel+''; return ''+ '

'+media+ '

'+ '

'+esc(r.bydel)+' · '+esc(r.addr)+'

'+ '

'+esc(r.name)+'

'+ '

'+esc((LANG==='en'&&r.cuisine_en)?r.cuisine_en:r.cuisine)+'

'+ tag+ '

'+action+'

'+ '

'+ '

'; } function renderGrid(){ grid.innerHTML=RESTAURANTS.map(cardHTML).join(''); grid.querySelectorAll('.fade-in').forEach(function(el){io.observe(el);}); } // ---- Init ---- applyStaticT(); renderGrid(); updateLangSwitcher(); document.querySelectorAll('.nl-lang-btn').forEach(function(b){ b.addEventListener('click',function(){ applyLang(b.getAttribute('data-lang')); }); }); document.querySelectorAll('.nls .fade-in').forEach(function(el){ if(!el.closest('.grid')) io.observe(el); }); document.querySelectorAll('.nls a[href^="#"]').forEach(function(a){ a.addEventListener('click',function(e){var t=document.querySelector(this.getAttribute('href'));if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth'});}}); }); // ---- Mobilmenu ---- window.nlsToggleMenu=function(){var m=document.getElementById('nlsMenu');m.classList.toggle('open');document.body.style.overflow=m.classList.contains('open')?'hidden':'';}; })();