-
-
Angebot!
- Ausstellungsstücke, Küchen Ausstellungsstücke
nobilia Küche Speed 351 – sofort verfügbar!
- Ursprünglicher Preis war: 33.748,00 €14.699,00 €Aktueller Preis ist: 14.699,00 €.
Enthält 19% MwSt.zzgl. Versand -
Angebot!
-
-
Angebot!
- Ausstellungsstücke, Küchen Ausstellungsstücke
nobilia Küche Structura 403 – sofort verfügbar!
- Ursprünglicher Preis war: 27.878,00 €15.999,00 €Aktueller Preis ist: 15.999,00 €.
Enthält 19% MwSt.zzgl. Versand -
Angebot!
-
-
Angebot!
- Angebote, Eckküchen, Küchen, Küchen Angebote, Moderne Küchen
nobilia Küche TN 90
- Ursprünglicher Preis war: 13.149,00 €8.999,00 €Aktueller Preis ist: 8.999,00 €.
Enthält 19% MwSt.zzgl. Versand -
Angebot!
-
-
- Küchen, Moderne Küchen
nobilia Küche Touch 317
- 24.900,00 €
Enthält 19% MwSt.zzgl. Versand -
-
-
- Küchen, Moderne Küchen
nobilia Küche Touch 340
- 25.649,00 €
Enthält 19% MwSt.zzgl. Versand -
-
-
- Küchen, Moderne Küchen
Nolte Küche Feel
- 33.349,00 €
Enthält 19% MwSt.zzgl. Versand -
- Möbel Kerkfeld GmbH • Otto-Hahn-Straße 9 • 46325 Borken
(() => {
"use strict";
const CONFIG = {
timezone: "Europe/Berlin",
standardHours: {
mon: [{ open: "10:00", close: "20:00" }],
tue: [{ open: "10:00", close: "18:30" }],
wed: [{ open: "10:00", close: "18:30" }],
thu: [{ open: "10:00", close: "20:00" }],
fri: [{ open: "10:00", close: "18:30" }],
sat: [{ open: "10:00", close: "18:00" }],
sun: []
},
overrides: [
{ date: "2025-10-26", hours: [{ open: "13:00", close: "18:00" }] },
{ date: "2025-11-30", hours: [{ open: "13:00", close: "18:00" }] }
]
};
// --- Utils
const pad2 = (n) => String(n).padStart(2,"0");
const fmtDayDE = (d, tz) => new Intl.DateTimeFormat("de-DE", { timeZone: tz, weekday: "long" }).format(d);
const fmtDateDE = (d, tz) => new Intl.DateTimeFormat("de-DE", { timeZone: tz, day:"2-digit", month:"2-digit", year:"numeric" }).format(d);
const parseClock = (hhmm) => { const [h,m]=hhmm.split(":").map(Number); return {h,m}; };
const withTime = (base, hhmm) => { const {h,m}=parseClock(hhmm); return new Date(base.getFullYear(), base.getMonth(), base.getDate(), h, m); };
const isoDate = (d, tz) => {
const p = new Intl.DateTimeFormat("en-CA",{ timeZone: tz, year:"numeric", month:"2-digit", day:"2-digit" })
.formatToParts(d).reduce((a,x)=>(a[x.type]=x.value,a),{});
return `${p.year}-${p.month}-${p.day}`;
};
const weekdayKey = (d, tz) => {
const w = new Intl.DateTimeFormat("en-GB",{ timeZone: tz, weekday:"short" }).format(d).toLowerCase();
return {mon:"mon",tue:"tue",wed:"wed",thu:"thu",fri:"fri",sat:"sat",sun:"sun"}[w] || "sun";
};
const addDays = (d,n)=>{ const x=new Date(d); x.setDate(x.getDate()+n); return x; };
const formatIntervals = (intervals) => {
if (!intervals || intervals.length === 0) return "";
const parts = intervals.map(({open, close}) => `${open} – ${close} Uhr`);
if (parts.length === 1) return parts[0];
if (parts.length === 2) return `${parts[0]} und ${parts[1]}`;
return parts.join(", ");
};
// --- Feiertage NRW
const easterSunday = (y) => {
const a=y%19,b=Math.floor(y/100),c=y%100,d=Math.floor(b/4),e=b%4,f=Math.floor((b+8)/25),
g=Math.floor((b-f+1)/3),h=(19*a+b-d-g+15)%30,i=Math.floor(c/4),k=c%4,
l=(32+2*e+2*i-h-k)%7,m=Math.floor((a+11*h+22*l)/451),
month=Math.floor((h+l-7*m+114)/31), day=((h+l-7*m+114)%31)+1;
return new Date(y, month-1, day);
};
const feiertageNRW = (year, tz) => {
const ostern = easterSunday(year);
const s = new Set();
const tag = (m,d) => s.add(`${year}-${pad2(m)}-${pad2(d)}`);
// fixe
tag(1,1); tag(5,1); tag(10,3); tag(11,1); tag(12,25); tag(12,26);
// bewegliche
const iso = (dt)=>isoDate(dt,tz);
const add=(b,dd)=>{ const x=new Date(b); x.setDate(b.getDate()+dd); return x; };
s.add(iso(add(ostern,-2)));
s.add(iso(add(ostern, 1)));
s.add(iso(add(ostern,39)));
s.add(iso(add(ostern,50)));
s.add(iso(add(ostern,60)));
return s;
};
// --- Text (SIE-Form)
const tz = CONFIG.timezone;
const now = new Date();
const todayISO = isoDate(now, tz);
const wk = weekdayKey(now, tz);
const override = CONFIG.overrides.find(o => o.date === todayISO);
let intervalsToday = null;
if (override) {
intervalsToday = override.hours;
} else {
const isHoliday = feiertageNRW(now.getFullYear(), tz).has(todayISO);
intervalsToday = isHoliday ? [] : (CONFIG.standardHours[wk] || []);
}
const findNextOpen = () => {
for (let i=1;io.date===dISO);
const hol=feiertageNRW(d.getFullYear(),tz).has(dISO);
const ints = ov ? ov.hours : (hol ? [] : (CONFIG.standardHours[w] || []));
if (ints.length>0) return { date:d, intervals:ints };
}
return null;
};
const dayTxt = fmtDayDE(now, tz);
const dateHTML = `${fmtDateDE(now, tz)}`;
let lineHTML = "";
if (intervalsToday.length > 0) {
const rangeHTML = formatIntervals(intervalsToday);
lineHTML = `Heute, ${dayTxt}, den ${dateHTML} für Sie von ${rangeHTML} geöffnet. Auf Ihren Besuch freuen wir uns. Sie sind herzlich willkommen!`;
} else {
const next = findNextOpen();
if (next) {
const nextDay = fmtDayDE(next.date, tz);
const nextDate = `${fmtDateDE(next.date, tz)}`;
const nextRange = formatIntervals(next.intervals);
lineHTML = `Wir haben heute geschlossen. Am ${nextDay}, den ${nextDate}, sind wir wieder wie gewohnt für Sie von ${nextRange} da. Auf Ihren Besuch freuen wir uns.`;
} else {
lineHTML = `Wir haben heute geschlossen.`;
}
}
const root = document.getElementById("hours-line");
if (!root) return;
// Marquee-Markup (doppelt für nahtlose Schleife)
root.innerHTML = `
`;
const marquee = root.querySelector(".marquee");
const track = root.querySelector(".marquee__track");
// Aktivierung NACH Sichtbarkeit / Font-Load / Resize
const activateWhenReady = () => {
if (!marquee || !track) return;
// Bei verstecktem Popup ist clientWidth = 0 -> noch NICHT aktivieren
if (marquee.clientWidth marquee.clientWidth;
marquee.classList.toggle("marquee--active", needsScroll);
};
// 1) Direkt & nach einem Tick
requestAnimationFrame(activateWhenReady);
setTimeout(activateWhenReady, 200);
// 2) Nach Font-Load (wichtig, wenn "Aller" nachgeladen wird)
if (document.fonts && document.fonts.ready) {
document.fonts.ready.then(() => setTimeout(activateWhenReady, 50));
}
// 3) Auf Größenänderungen reagieren
if ("ResizeObserver" in window) {
const ro = new ResizeObserver(() => activateWhenReady());
ro.observe(marquee);
} else {
window.addEventListener("resize", activateWhenReady, { passive: true });
}
// 4) Elementor-Popup: beim Öffnen neu messen
if (window.jQuery && window.elementorFrontend) {
jQuery(document).on('elementor/popup/show', () => {
setTimeout(activateWhenReady, 50);
setTimeout(activateWhenReady, 250);
});
}
})();
/* Typo & Farben */
#hours-line {
font-family: "Aller", sans-serif;
color: #000;
font-weight: 400;
overflow: hidden;
}
#hours-line .hours-date,
#hours-line .hours-time {
font-weight: 700;
color: #000;
}
/* Marquee Basis */
.marquee {
position: relative;
width: 100%;
white-space: nowrap;
overflow: hidden;
--marquee-duration: 18s; /* kleiner = schneller */
--marquee-gap: 3rem; /* Abstand zwischen Wiederholungen */
}
.marquee__track {
display: inline-block;
white-space: nowrap;
will-change: transform;
transform: translateX(0);
}
.marquee--active .marquee__track {
animation: marquee var(--marquee-duration) linear infinite;
}
.marquee__chunk {
display: inline-block;
padding-right: var(--marquee-gap);
}
/* Hover pausiert */
.marquee--active:hover .marquee__track { animation-play-state: paused; }
/* Keyframes: zwei identische Chunks -> -50% reicht für nahtlose Schleife */
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
/* Bewegungsreduktion respektieren */
@media (prefers-reduced-motion: reduce) {
.marquee__track { animation: none !important; transform: none !important; }
}
${lineHTML}
