32:I[453852,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderPublishedMobileIsland",1] 37:I[453852,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderPublishedMetricsFx",1] 38:I[453852,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderPublishedBehaviorFx",1] 39:I[203027,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderNavigationFx"] 3a:I[377563,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"AccessibilitySiteProvider",1] 42:I[804901,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"SiteChromePathSync",1] 16:o1,#16:o24a,1:"$Sreact.fragment" 2:"$Sreact.suspense" 3:I[360434,["/_next/static/immutable/chunks/3p68riljsadfv.js"],"default"] 4:I[477375,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/3z9p0fwjzo9dn.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"default"] 5:I[414860,["/_next/static/immutable/chunks/3p68riljsadfv.js"],"default"] :HL["/_next/static/immutable/chunks/1la16v3s50c5x.css","style"] :HL["/_next/static/immutable/chunks/05tub4ppobg30.css","style"] :HL["/_next/static/immutable/chunks/2w7l2056b6lk3.css","style"] a:X b:X c:X d:X f:X 10:X 11:X 16:o1526,0:{"f":[[["",{"children":[["domain","freundeskreis-marcq-en-baroeul.de","d",["%5Fagent","api","favicon.ico","tenant-runtime"]],{"children":["(tenant)",{"children":["datenschutz",{"children":["__PAGE__",{},"$undefined","$undefined",162]},"$undefined","$undefined",98]},"$undefined","$undefined",98]},"$undefined","$undefined",98]},"$undefined","$undefined",82],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/1la16v3s50c5x.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/3p68riljsadfv.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"de","children":[["$","head",null,{"children":[["$","link",null,{"rel":"icon","href":"/favicon.png","type":"image/png","sizes":"144x144"}],["$","link",null,{"rel":"icon","href":"/favicon.ico","type":"image/x-icon"}],["$","link",null,{"rel":"shortcut icon","href":"/favicon.ico","type":"image/x-icon"}],["$","link",null,{"rel":"apple-touch-icon","href":"/apple-touch-icon.png","sizes":"180x180"}],["$","meta",null,{"name":"msapplication-TileImage","content":"/favicon.png"}]]}],["$","body",null,{"className":"antialiased font-sans","children":["$","$2",null,{"fallback":["$","div",null,{"aria-hidden":true,"data-lf-tenant-shell-fallback":true,"className":"min-h-screen bg-white","children":["$","div",null,{"className":"w-full","style":{"height":"var(--lf-tenant-header-reserve, 72px)"}}]}],"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$4","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/_next/static/immutable/chunks/3z9p0fwjzo9dn.js","async":true}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/3gsnfz39ih6on.js","async":true}]],"template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","section",null,{"className":"flex min-h-[90vh] w-full items-center justify-center bg-white px-6 py-16 text-center","children":["$","div",null,{"className":"mx-auto flex w-full max-w-2xl flex-col items-center","children":[["$","p",null,{"className":"text-8xl font-bold leading-none text-gray-200 sm:text-9xl","children":"404"}],["$","h1",null,{"className":"mt-8 text-3xl font-semibold tracking-tight text-slate-950 sm:text-4xl","children":"Diese Seite konnte nicht gefunden werden."}],["$","p",null,{"className":"mt-4 max-w-xl text-base leading-7 text-slate-600","children":"Die angeforderte Adresse ist nicht verfügbar. Bitte überprüfen Sie die URL oder kehren Sie zur Startseite zurück."}]]}]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/05tub4ppobg30.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/2w7l2056b6lk3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/0mxo87nps4p5q.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/3zqpw18p_w0cc.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/3i-ap9av-tdjo.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/immutable/chunks/0_0c8x6dudev_.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/immutable/chunks/05uxmaqyayz3i.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/immutable/chunks/27ek7szuqibkn.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/immutable/chunks/3r4fduqln9fgc.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/immutable/chunks/3gsnfz39ih6on.js","async":true,"nonce":"$undefined"}]],[["$","$2",null,{"fallback":null,"children":"$L6"}],["$","$2",null,{"fallback":["$","div",null,{"aria-hidden":true,"data-lf-tenant-shell-fallback":true,"className":"min-h-screen bg-white","children":["$","div",null,{"className":"w-full","style":{"height":"var(--lf-tenant-header-reserve, 72px)"}}]}],"children":"$L7"}]]]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":"$L8","templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["$L9",{},null,false,"$a"]},null,false,"$b"]},null,false,"$c"]},null,false,"$b"]},null,false,"$d"],"$Le",false]],"q":"","i":false,"S":false,"h":"$f","r":"$10","s":"$11","a":"$@12","u":"$@13"} 16:o295,15:I[639820,["/_next/static/immutable/chunks/3p68riljsadfv.js"],"OutletBoundary"] 17:I[639820,["/_next/static/immutable/chunks/3p68riljsadfv.js"],"ViewportBoundary"] 19:I[639820,["/_next/static/immutable/chunks/3p68riljsadfv.js"],"MetadataBoundary"] 8:["$","$L5",null,{}] 9:["$","$1","c",{"children":["$L14",null,["$","$L15",null,{"children":["$","$2",null,{"name":"Next.MetadataOutlet","children":"$@16"}]}]]}] e:["$","$1","h",{"children":[null,["$","$L17","lrJR-0Q0zro80XlsqMcNgv",{"children":"$L18"}],["$","div","lrJR-0Q0zro80XlsqMcNgm",{"hidden":true,"children":["$","$L19",null,{"children":["$","$2",null,{"name":"Next.Metadata","children":"$L1a"}]}]}]]}] 16:o96,a:T1,?b:C f:T1,?11:300 18:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 16:o28,a:T6,domainc:T6,domainf:T6,domain11:300 16:o910,1b:I[507135,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"DocumentHtmlLang"] 20:I[137033,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"LegalRenderer"] 22:I[802111,["/_next/static/immutable/chunks/3p68riljsadfv.js"],"IconMark"] 6:[["$","style",null,{"data-lf-tenant-font-root":"","children":":root {\n --font-space-grotesk: 'Space Grotesk', 'Space Grotesk Fallback';\n --font-work-sans: 'Work Sans', 'Work Sans Fallback';\n --lf-font-heading: var(--font-space-grotesk, 'Space Grotesk'), ui-sans-serif, system-ui, sans-serif;\n --lf-font-body: var(--font-work-sans, 'Work Sans'), ui-sans-serif, system-ui, sans-serif;\n}\nhtml {\n font-family: var(--lf-font-body);\n}\nbody.font-sans {\n font-family: var(--lf-font-body);\n}\n[data-lf-tenant-font-sampler]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}\n[data-lf-tenant-font-sampler]::before{content:\"Ag\";font-family:var(--lf-font-heading);font-weight:400}\n[data-lf-tenant-font-sampler]::after{content:\"Ag\";font-family:var(--lf-font-body);font-weight:400}\n"}],["$","div",null,{"aria-hidden":true,"data-lf-tenant-font-sampler":"","className":"space_grotesk_1a51e98a-module__LaHtiq__variable work_sans_773b805f-module__aZ1VnW__variable"}]] 1c:T854,16:o854, /* Visitor preference overrides applied via classes on . */ html.lf-a11y-text-lg { font-size: 112.5%; } html.lf-a11y-text-xl { font-size: 125%; } html.lf-a11y-contrast-high { filter: contrast(1.2); } html.lf-a11y-contrast-dark { color-scheme: dark; } html.lf-a11y-contrast-dark body { background-color: #0f172a !important; color: #f8fafc !important; } html.lf-a11y-grayscale { filter: grayscale(1); } html.lf-a11y-underline-links a { text-decoration: underline !important; text-underline-offset: 0.15em; } html.lf-a11y-readable-font body, html.lf-a11y-readable-font body * { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; } html.lf-a11y-line-height body { line-height: 1.75 !important; } html.lf-a11y-align-left body { text-align: left !important; } html.lf-a11y-align-center body { text-align: center !important; } html.lf-a11y-align-justify body { text-align: justify !important; } html.lf-a11y-reduce-motion *, html.lf-a11y-reduce-motion *::before, html.lf-a11y-reduce-motion *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } html.lf-a11y-hide-images img:not([role="presentation"]) { visibility: hidden !important; } html.lf-a11y-focus-outline :focus-visible { outline: 3px solid #2563eb !important; outline-offset: 3px !important; } html.lf-a11y-reading-guide::before { content: ""; pointer-events: none; position: fixed; inset: 40% 0 auto 0; height: 2.5rem; background: rgba(37, 99, 235, 0.12); border-block: 1px solid rgba(37, 99, 235, 0.35); z-index: 9998; } .lf-a11y-skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 10000; } .lf-a11y-skip-link:focus { left: 1rem; top: 1rem; width: auto; height: auto; overflow: visible; padding: 0.75rem 1rem; background: #1e40af; color: #fff; border-radius: 0.5rem; font-weight: 600; text-decoration: none; } 16:ofef,7:[["$","$2",null,{"fallback":null,"children":["$","$L1b",null,{"locale":"de"}]}],[["$","style",null,{"data-lf-a11y-preferences":"","dangerouslySetInnerHTML":{"__html":"$1c"}}],["$","a",null,{"href":"#lf-main-content","className":"lf-a11y-skip-link","children":"Zum Hauptinhalt springen"}]],["$","div",null,{"className":"space_grotesk_1a51e98a-module__LaHtiq__variable work_sans_773b805f-module__aZ1VnW__variable","data-lf-tenant-font-shell":"","children":["$","main",null,{"id":"lf-main-content","tabIndex":-1,"className":"min-h-screen bg-white outline-none","children":[null,["$","div",null,{"className":"$undefined","children":["$","div",null,{"className":"lf-token-theme","style":{"--lf-color-primary":"#1F2937","--lf-color-primary-foreground":"#FFFFFF","--lf-color-accent":"#C41E3A","--lf-color-accent-foreground":"#FFFFFF","--lf-color-background":"#FFFFFF","--lf-color-foreground":"#111827","--lf-color-background-accent":"#F4F4F5","--lf-color-background-accent-foreground":"#0F172A","--lf-color-dark-background":"#111827","--lf-color-dark-background-foreground":"#FFFFFF","--lf-color-success":"#16A34A","--lf-color-success-foreground":"#FFFFFF","--lf-color-warning":"#D97706","--lf-color-warning-foreground":"#FFFFFF","--lf-color-error":"#C41E3A","--lf-color-error-foreground":"#FFFFFF","--lf-color-info":"#1D4ED8","--lf-color-info-foreground":"#FFFFFF","--lf-color-surface":"#FFFFFF","--lf-color-surface-foreground":"#111827","--lf-color-muted":"#F1F5F9","--lf-color-muted-foreground":"#6B7079","--lf-color-border":"#E2E8F0","--lf-color-secondary":"#EFF6FF","--lf-color-secondary-foreground":"#1F2937","--lf-font-heading":"var(--font-space-grotesk, 'Space Grotesk'), ui-sans-serif, system-ui, sans-serif","--lf-font-body":"var(--font-work-sans, 'Work Sans'), ui-sans-serif, system-ui, sans-serif","--lf-font-size-xs":"12px","--lf-font-size-sm":"14px","--lf-font-size-base":"16px","--lf-font-size-lg":"18px","--lf-font-size-xl":"20px","--lf-font-size-2xl":"24px","--lf-font-size-3xl":"32px","--lf-font-size-4xl":"44px","--lf-font-weight-normal":"400","--lf-font-weight-medium":"500","--lf-font-weight-semibold":"600","--lf-font-weight-bold":"700","--lf-line-height-tight":"1.1","--lf-line-height-normal":"1.5","--lf-line-height-relaxed":"1.7","--lf-space-xs":"4px","--lf-space-sm":"8px","--lf-space-md":"16px","--lf-space-lg":"24px","--lf-space-xl":"32px","--lf-space-2xl":"48px","--lf-content-width-sm":"640px","--lf-content-width-md":"768px","--lf-content-width-lg":"1024px","--lf-content-width-xl":"1280px","--lf-content-width-full":"100%","--lf-radius-base":"8px","--lf-radius-sm":"4px","--lf-radius-md":"8px","--lf-radius-lg":"12px","--lf-radius-full":"9999px","--lf-shadow-sm":"0 1px 2px rgba(0, 0, 0, 0.04)","--lf-shadow-md":"0 4px 12px rgba(0, 0, 0, 0.08)","--lf-shadow-lg":"0 12px 32px rgba(0, 0, 0, 0.12)","--lf-card-bg":"var(--lf-color-surface)","--lf-card-border-color":"var(--lf-color-border)","--lf-card-shadow":"var(--lf-shadow-md)","--lf-eyebrow-color":"var(--lf-color-accent)","--lf-eyebrow-weight":"var(--lf-font-weight-semibold)","--lf-eyebrow-tracking":"0.16em","--lf-eyebrow-text-transform":"uppercase","--lf-eyebrow-affordance-display":"none","--lf-eyebrow-affordance-width":"2rem","--lf-eyebrow-affordance-height":"1px","--lf-eyebrow-affordance-radius":"0","--lf-eyebrow-affordance-bg":"var(--lf-color-accent)","--lf-eyebrow-bg":"transparent","--lf-eyebrow-padding-y":"0","--lf-eyebrow-padding-x":"0","--lf-eyebrow-radius":"var(--lf-radius-base)","--lf-eyebrow-border-color":"transparent","--lf-eyebrow-border-width":"0px","--lf-cta-radius":"8px","--lf-motion-duration":"160ms","--lf-motion-easing":"cubic-bezier(0.2, 0, 0, 1)","--lf-motion-distance":"$undefined","--lf-motion-hover-lift":"$undefined","--lf-transition":"background-color, border-color, color, box-shadow 160ms cubic-bezier(0.2, 0, 0, 1)","--lf-focus-ring-color":"var(--lf-color-primary)","--lf-focus-ring-width":"2px","backgroundColor":"var(--lf-color-background)","color":"var(--lf-color-foreground)","fontFamily":"var(--lf-font-body)"},"children":["$L1d","$L1e","$L1f"]}]}]]}]}]] 16:o1b9,14:["$","div",null,{"className":"max-w-(--lf-content-width-xl) mx-auto px-6 py-24","children":[null,["$","$L20",null,{"title":"Datenschutz","html":"

Diese Seite wird gerade erstellt. Die rechtlichen Texte werden in Kürze ergänzt.

","showTitle":false,"className":"text-black prose-headings:text-black prose-p:text-black prose-li:text-black prose-strong:text-black prose-a:text-black"}],"$L21"]}] 16:null 16:o88b,1a:[["$","title","0",{"children":"Datenschutz des Vereins | Freundeskreis Marcq-en-Barœul"}],["$","meta","1",{"name":"description","content":"Datenschutz des Freundeskreises Marcq-en-Barœul e.V. in Gladbeck. Der vollständige Text der Datenschutzerklärung wird auf dieser Seite noch ergänzt."}],["$","meta","2",{"name":"keywords","content":"Datenschutz"}],["$","meta","3",{"name":"robots","content":"noindex, follow"}],["$","link","4",{"rel":"canonical","href":"https://freundeskreis-marcq-en-baroeul.de/datenschutz"}],["$","meta","5",{"property":"og:title","content":"Datenschutz des Vereins | Freundeskreis Marcq-en-Barœul"}],["$","meta","6",{"property":"og:description","content":"Datenschutz des Freundeskreises Marcq-en-Barœul e.V. in Gladbeck. Der vollständige Text der Datenschutzerklärung wird auf dieser Seite noch ergänzt."}],["$","meta","7",{"property":"og:image","content":"https://azjzmsdtns5dh4nf.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/09/03/hero-rathaus-marcq-QWzVPtUVfthZgdvLEgnrDjbN0gr1Sy.jpg"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Datenschutz des Vereins | Freundeskreis Marcq-en-Barœul"}],["$","meta","10",{"name":"twitter:description","content":"Datenschutz des Freundeskreises Marcq-en-Barœul e.V. in Gladbeck. Der vollständige Text der Datenschutzerklärung wird auf dieser Seite noch ergänzt."}],["$","meta","11",{"name":"twitter:image","content":"https://azjzmsdtns5dh4nf.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/09/03/hero-rathaus-marcq-QWzVPtUVfthZgdvLEgnrDjbN0gr1Sy.jpg"}],["$","link","12",{"rel":"icon","href":"https://tbrlabbpzladxbrc.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/08/31/scr-20260831-jmob-c5b7c6e7-46b.png"}],["$","link","13",{"rel":"apple-touch-icon","href":"https://tbrlabbpzladxbrc.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/08/31/scr-20260831-jmob-c5b7c6e7-46b.png"}],["$","$L22","14",{}]] 16:o9d7,23:I[499060,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"AnchorScrollEnhancer"] 2e:I[759504,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"CookieDeclaration",1] 1d:["$","$2",null,{"fallback":null,"children":["$","$L23",null,{}]}] 24:T4eb,@layer base { [data-lf-chrome-root]:has([data-lf-route-active="true"]:not([style*="display: none"], [style*="display:none"])[data-lf-route-show-header="false"]) [data-lf-chrome-header] { display: none !important; } [data-lf-chrome-root]:has([data-lf-route-active="true"]:not([style*="display: none"], [style*="display:none"])[data-lf-route-show-header="true"]) [data-lf-chrome-header] { display: block !important; } [data-lf-chrome-root]:has([data-lf-route-active="true"]:not([style*="display: none"], [style*="display:none"])[data-lf-route-footer="legal"]) [data-lf-chrome-footer="standard"] { display: none !important; } [data-lf-chrome-root]:has([data-lf-route-active="true"]:not([style*="display: none"], [style*="display:none"])[data-lf-route-footer="legal"]) [data-lf-chrome-footer="legal"] { display: block !important; } [data-lf-chrome-root]:has([data-lf-route-active="true"]:not([style*="display: none"], [style*="display:none"])[data-lf-route-footer="standard"]) [data-lf-chrome-footer="legal"] { display: none !important; } [data-lf-chrome-root]:has([data-lf-route-active="true"]:not([style*="display: none"], [style*="display:none"])[data-lf-route-footer="standard"]) [data-lf-chrome-footer="standard"] { display: block !important; } }25:T6a4,16:o6a4, :where(*):has(> .lf-global-header-behavior-sentinel[data-lf-header-position="sticky"][data-lf-header-behavior="fixed"]), :where(*):has(> .lf-global-header-behavior-sentinel[data-lf-header-position="sticky"][data-lf-header-behavior="revealOnScroll"]) { position: sticky !important; top: var(--lf-referral-banner-offset, 0px) !important; z-index: 1100 !important; isolation: isolate; pointer-events: auto; width: 100%; } :where(*):has(> .lf-global-header-behavior-sentinel[data-lf-header-position="fixedViewport"][data-lf-header-behavior="fixed"]), :where(*):has(> .lf-global-header-behavior-sentinel[data-lf-header-position="fixedViewport"][data-lf-header-behavior="revealOnScroll"]) { position: fixed !important; top: calc(var(--lf-global-header-fixed-container-top, 0px) + var(--lf-global-header-fixed-offset, 0px) + var(--lf-referral-banner-offset, 0px)) !important; left: var(--lf-global-header-fixed-left, 0px) !important; right: auto !important; width: var(--lf-global-header-fixed-width, 100%) !important; z-index: 1100 !important; isolation: isolate; pointer-events: auto; } :where(*):has(> .lf-global-header-behavior-sentinel[data-lf-header-behavior="revealOnScroll"]) { transform: translateY(0); opacity: 1; transition: transform 300ms ease, opacity 300ms ease; will-change: transform, opacity; } :where(*):has(> .lf-global-header-behavior-sentinel[data-lf-header-behavior="revealOnScroll"][data-lf-header-visible="false"]) { transform: translateY(-100%); opacity: 0; pointer-events: none; } .lf-global-header-behavior-sentinel { position: relative; z-index: inherit; } 16:o2c4,1e:["$","div",null,{"data-lf-chrome-root":true,"children":[["$","style",null,{"data-lf-chrome-route":"","children":"$24"}],["$","div",null,{"data-lf-chrome-header":true,"hidden":false,"children":[["$","$1","client-website-header",{"children":[["$","nav",null,{"data-lf-block":"global-header","data-lf-id":"client-website-header","data-lf-header-style":"box","className":"lf-block lf-global-header relative z-[1100] w-full","children":[null,["$","div",null,{"data-lf-header-pill-frame":"","data-lf-header-overlay-anchor":"","className":"","style":"$undefined","children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"$25"}}],"$L26"]}],"$L27","$L28","$L29"]}],"$L2a"]}]]}],"$L2b","$L2c"]}] 2d:Tcf47,16:ocf47,.lf-token-theme { --lf-color-primary: #1F2937; --lf-color-primary-foreground: #FFFFFF; --lf-color-accent: #C41E3A; --lf-color-accent-foreground: #FFFFFF; --lf-color-background: #FFFFFF; --lf-color-foreground: #111827; --lf-color-background-accent: #F4F4F5; --lf-color-background-accent-foreground: #0F172A; --lf-color-dark-background: #111827; --lf-color-dark-background-foreground: #FFFFFF; --lf-color-success: #16A34A; --lf-color-success-foreground: #FFFFFF; --lf-color-warning: #D97706; --lf-color-warning-foreground: #FFFFFF; --lf-color-error: #C41E3A; --lf-color-error-foreground: #FFFFFF; --lf-color-info: #1D4ED8; --lf-color-info-foreground: #FFFFFF; --lf-color-surface: #FFFFFF; --lf-color-surface-foreground: #111827; --lf-color-muted: #F1F5F9; --lf-color-muted-foreground: #6B7079; --lf-color-border: #E2E8F0; --lf-color-secondary: #EFF6FF; --lf-color-secondary-foreground: #1F2937; --lf-font-heading: var(--font-space-grotesk, 'Space Grotesk'), ui-sans-serif, system-ui, sans-serif; --lf-font-body: var(--font-work-sans, 'Work Sans'), ui-sans-serif, system-ui, sans-serif; --lf-font-size-xs: 12px; --lf-font-size-sm: 14px; --lf-font-size-base: 16px; --lf-font-size-lg: 18px; --lf-font-size-xl: 20px; --lf-font-size-2xl: 24px; --lf-font-size-3xl: 32px; --lf-font-size-4xl: 44px; --lf-font-weight-normal: 400; --lf-font-weight-medium: 500; --lf-font-weight-semibold: 600; --lf-font-weight-bold: 700; --lf-line-height-tight: 1.1; --lf-line-height-normal: 1.5; --lf-line-height-relaxed: 1.7; --lf-space-xs: 4px; --lf-space-sm: 8px; --lf-space-md: 16px; --lf-space-lg: 24px; --lf-space-xl: 32px; --lf-space-2xl: 48px; --lf-content-width-sm: 640px; --lf-content-width-md: 768px; --lf-content-width-lg: 1024px; --lf-content-width-xl: 1280px; --lf-content-width-full: 100%; --lf-radius-base: 8px; --lf-radius-sm: 4px; --lf-radius-md: 8px; --lf-radius-lg: 12px; --lf-radius-full: 9999px; --lf-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04); --lf-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); --lf-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12); --lf-card-bg: var(--lf-color-surface); --lf-card-border-color: var(--lf-color-border); --lf-card-shadow: var(--lf-shadow-md); --lf-eyebrow-color: var(--lf-color-accent); --lf-eyebrow-weight: var(--lf-font-weight-semibold); --lf-eyebrow-tracking: 0.16em; --lf-eyebrow-text-transform: uppercase; --lf-eyebrow-affordance-display: none; --lf-eyebrow-affordance-width: 2rem; --lf-eyebrow-affordance-height: 1px; --lf-eyebrow-affordance-radius: 0; --lf-eyebrow-affordance-bg: var(--lf-color-accent); --lf-eyebrow-bg: transparent; --lf-eyebrow-padding-y: 0; --lf-eyebrow-padding-x: 0; --lf-eyebrow-radius: var(--lf-radius-base); --lf-eyebrow-border-color: transparent; --lf-eyebrow-border-width: 0px; --lf-cta-radius: 8px; --lf-motion-duration: 160ms; --lf-motion-easing: cubic-bezier(0.2, 0, 0, 1); --lf-transition: background-color, border-color, color, box-shadow 160ms cubic-bezier(0.2, 0, 0, 1); --lf-focus-ring-color: var(--lf-color-primary); --lf-focus-ring-width: 2px; background: var(--lf-color-background); color: var(--lf-color-foreground); font-family: var(--lf-font-body); line-height: var(--lf-line-height-normal); } .lf-token-theme h1, .lf-token-theme h2, .lf-token-theme h3, .lf-token-theme h4, .lf-token-theme h5, .lf-token-theme h6, .lf-token-theme .lf-heading, .lf-token-theme [class*="__title"] { color: var(--lf-color-foreground); font-family: var(--lf-font-heading); } /* * HeadingBlock per-instance size override ("Amplitude" — "size" config * field, emitted as data-lf-heading-size). "auto" (the default) stamps * the attribute but matches no rule below, so ordinary level-driven sizing * (text-4xl/md:text-5xl for h1, text-3xl/md:text-4xl for h2, ...) is * unaffected — always present, unconditionally, independent of the site's * recipes.typeScale. "display"/"hero" apply regardless of the heading's * level, so a single H3 (say) can go oversized without touching the * site-wide type scale. Same literal numbers as recipes.typeScale = * "display" above (HERO_HEADING_* / DISPLAY_HEADING_*) so a one-off * opted-in heading and a site-wide display scale read as the same visual * tier. font-weight IS overridden here (unlike the site-wide h1/h2 rule * above, whose own Tailwind classes are already font-bold) since h3/h4 * default to font-semibold and a "hero"-tier heading should read bold * regardless of its original level. The class+attribute compound selector * out-specifies HeadingBlock's own bare Tailwind text-size utility classes * the same way the CardBlock data-lf-variant rules below do. */ .lf-token-theme .lf-heading[data-lf-heading-size="display"] { font-size: clamp(2.25rem, 4.5vw, 3.6rem); line-height: 1.1; letter-spacing: -0.01em; font-weight: 700; } .lf-token-theme .lf-heading[data-lf-heading-size="hero"] { font-size: clamp(3rem, 7vw, 5.5rem); line-height: 1.05; letter-spacing: -0.02em; font-weight: 800; } .lf-token-theme p, .lf-token-theme li, .lf-token-theme .lf-text, .lf-token-theme .lf-rich-text { color: var(--lf-color-foreground); } .lf-token-theme a { color: var(--lf-color-primary); transition: var(--lf-transition); } .lf-token-theme :focus-visible { outline: var(--lf-focus-ring-width) solid var(--lf-focus-ring-color); outline-offset: 2px; } /* Pill-header overlay clearance. A "pill" GlobalHeader (style.design === "pill") is pulled out of flow by a negative bottom margin sized to its own measured height (see PILL_FRAME_RESERVED_HEIGHT in global-header-model.ts) so the floating pill visually sits on top of the page instead of pushing it down — by design, for hero sections meant to run full-bleed behind it. Unlike box/glass (which reserve their exact height via the sibling .lf-global-header-behavior-spacer), a pill header therefore reserves ~zero flow height: whatever renders first sits directly under/against it unless that section supplies its own generous top spacing. Bake a small uniform clearance onto the page-content wrapper itself so the first section's heading never renders flush against the pill, regardless of the operator's chosen section spacing. This is keyed off data-lf-header-style="pill" — an attribute already present on the header's root nav element in the initial server-rendered HTML (see GlobalHeaderPublished.tsx / GlobalHeader.tsx) — and the value below is a static token, not a JS measurement, so there is nothing to refine after hydration and no snap (unlike the pill/box/glass SSR-reserve fixes — see PILL_FRAME_RESERVED_HEIGHT and HEADER_BEHAVIOR_SPACER_RESERVE_VAR in global-header-model.ts — this adds no custom property that a useLayoutEffect later overwrites). Box/glass headers don't match the :has() selector below and are unaffected. Two carve-outs on the padded wrapper itself: 1. :not(:has(nav[data-lf-header-style="pill"])) — on the *published* site, .lf-site-template only ever wraps the page body (WwwPuckSiteContent renders the GlobalHeader as a sibling of the wrapTemplateCanvas() output, see template-render.tsx / TenantChromeLayout.tsx), so the pill nav is never a descendant of .lf-site-template there and this clause is a no-op. Inside the Puck *editor canvas*, though, combinePuckData() (unified-editor-utils.ts) flattens header + body + footer into a single Puck content array, and LowFruitsPuckConfig's config.root.render wraps that *entire* combined tree — header included — in one .lf-site-template. Without this clause the padding would land on that wrapper and shift the whole tree (nav included) down instead of opening clearance under it, which is the opposite of the intended effect. The clause detects that structural difference and no-ops the rule there instead. The editor canvas currently shows no equivalent clearance for a pill header — true WYSIWYG parity would need the editor to render the header outside the padded wrapper the way the published site does, which is a structural change (Puck's DropZone also wraps each top-level item, so even a same-array CSS sibling trick would be coupled to Puck's internal markup); left as a follow-up rather than folded into this CSS fix. 2. :not(:has(> .lf-hero-section:first-child[data-lf-spacing="none"])) — pill headers exist specifically to float over full-bleed heroes (see the PILL_FRAME_RESERVED_HEIGHT comment). A HeroSectionBlock with spacing: "none" is an explicit "run flush behind the header" choice (data-lf-spacing is stamped on its root

, see HeroSectionBlock in StandardBlocks.tsx and the style contract). Baking padding onto the wrapper in that case would reintroduce a visible gap above the hero's own background, defeating the flush layout. No current production site combines a pill header with a flush (spacing: "none") hero — both live pill sites (zahnpixel.de, lernpixel.de) use spacing: "lg" on their home hero — so this is forward-looking, not a live-bug fix. Scoped to the immediate first child so a flush hero anywhere else on the page doesn't carve out the rule. */ .lf-token-theme:has(nav[data-lf-header-style="pill"]) .lf-site-template:not(:has(nav[data-lf-header-style="pill"])):not(:has(> .lf-hero-section:first-child[data-lf-spacing="none"])) { padding-top: var(--lf-space-2xl); } /* GridBlock unequal split (desktop): stays single-column on mobile. */ @media (min-width: 768px) { .lf-grid--ratio { grid-template-columns: var(--lf-grid-ratio) !important; } } /* Phase C1 composition grammar — SectionBlock/HeroSectionBlock "align" and "width". Both components stamp data-lf-align/data-lf-width on their root

unconditionally, with defaults "left"/"contained" (see the doc comment on SectionAlignSchema/SectionWidthSchema in block-contracts.ts). Only non-default values have a rule below, so default rendering is unaffected — the two attributes are additive/inert until an operator picks "center"/"narrow"/"wide". "width" overrides are scoped to [data-lf-full-width="false"]: fullWidth (existing, mirrored by data-lf-full-width) always wins over "width" — a full-bleed section stays full-bleed regardless of the width preset. "align" needs three rules, not one: 1. A baseline text-align on the .lf-section__content/.lf-hero-section__content wrapper. This covers any plain/unstyled descendant (a raw

, a future block with no alignment opinion of its own) via ordinary inheritance. 2/3. That baseline is NOT enough for EyebrowBlock/HeadingBlock/RichTextBlock: inheritance only fills in a property when an element has no explicit value for it, and all three declare their own — HeadingBlock/RichTextBlock emit a '.text-left' Tailwind utility by default (EyebrowBlock.tsx, HeadingBlock.tsx, RichTextBlock.tsx), and EyebrowBlock is a flexbox row ('.lf-eyebrow-block flex ... justify-start') where text-align never applied in the first place. An explicit declaration on the element itself always beats an inherited one, regardless of specificity, so rule (1) alone was a visual no-op — center never rendered. Rules (2) and (3) fix this by targeting each block's own root class directly, so our declaration competes with (and must out-specificity) the '.text-left'/'.justify-start' utility instead of merely inheriting. '.text-left'/'.justify-start' are bare Tailwind utility classes — specificity (0,1,0). Every selector below chains '.lf-token-theme' + '.lf-section[data-lf-align="center"]' (class + attribute) + the container/content wrapper classes + the target's own class — at least five class/attribute components, specificity (0,5,0)+ — so it always wins. Same technique the data-lf-background ":where(...) { color: inherit }" rule below already uses to out-specificity block text-color defaults. Scope — direct intro children only, not nested grids/cards: SectionBlock and HeroSectionBlock flatten every slot child straight into .lf-section__content/.lf-hero-section__content with no per-child wrapper element (see ServerSlot in puck-server-tree.tsx: children are mapped into bare nodes, so each child's own root element lands directly under the content wrapper). That means a '> .lf-section__content > .lf-heading' chain matches a heading placed directly in the section, but NOT a heading nested inside e.g. a GridBlock's cards — GridBlock's own root grid element sits between .lf-section__content and the card, breaking the direct-child chain. A centered section with a card grid therefore centers its own eyebrow/heading/lede, not every card's body text. Exception: when a child opts into the universal BlockSurface (.lf-block-surface) for box/motion/advanced, that one layout wrapper sits between the content slot and the block root. The selectors below pierce .lf-block-surface so center-align still applies when operators enable those options — without piercing arbitrary nested layout blocks. */ .lf-token-theme .lf-section[data-lf-align="center"] > .lf-section__container > .lf-section__content, .lf-token-theme .lf-hero-section[data-lf-align="center"] .lf-hero-section__container > .lf-hero-section__content { text-align: center; } .lf-token-theme .lf-section[data-lf-align="center"] > .lf-section__container > .lf-section__content > :where(.lf-heading, .lf-rich-text), .lf-token-theme .lf-section[data-lf-align="center"] > .lf-section__container > .lf-section__content > .lf-block-surface > :where(.lf-heading, .lf-rich-text), .lf-token-theme .lf-hero-section[data-lf-align="center"] .lf-hero-section__container > .lf-hero-section__content > :where(.lf-heading, .lf-rich-text), .lf-token-theme .lf-hero-section[data-lf-align="center"] .lf-hero-section__container > .lf-hero-section__content > .lf-block-surface > :where(.lf-heading, .lf-rich-text) { text-align: center; } .lf-token-theme .lf-section[data-lf-align="center"] > .lf-section__container > .lf-section__content > .lf-eyebrow-block, .lf-token-theme .lf-section[data-lf-align="center"] > .lf-section__container > .lf-section__content > .lf-block-surface > .lf-eyebrow-block, .lf-token-theme .lf-hero-section[data-lf-align="center"] .lf-hero-section__container > .lf-hero-section__content > .lf-eyebrow-block, .lf-token-theme .lf-hero-section[data-lf-align="center"] .lf-hero-section__container > .lf-hero-section__content > .lf-block-surface > .lf-eyebrow-block { justify-content: center; } .lf-token-theme .lf-section[data-lf-width="narrow"][data-lf-full-width="false"] > .lf-section__container { max-width: 65ch !important; } .lf-token-theme .lf-section[data-lf-width="wide"][data-lf-full-width="false"] > .lf-section__container { max-width: 96rem !important; } .lf-token-theme .lf-hero-section[data-lf-width="narrow"][data-lf-full-width="false"] .lf-hero-section__container { max-width: 65ch !important; } .lf-token-theme .lf-hero-section[data-lf-width="wide"][data-lf-full-width="false"] .lf-hero-section__container { max-width: 96rem !important; } /* * SectionBlock full-bleed colour band ("Amplitude" — "band" config field, * emitted as data-lf-band, always present, "false" by default and inert * as that value). DIFFERENT from fullWidth: fullWidth stretches the * CONTENT too (.lf-section__container gets max-w-none, see the width- * preset rules above) — a fully edge-to-edge column. band stretches ONLY * the section's own BACKGROUND to the true viewport edge; .lf-section__ * container inside keeps its normal contained width (max-w-7xl, or * whichever width preset resolves to) — the "colour band moment" premium * sites use, not an edge-to-edge layout. Gated to dark/accent backgrounds: * the pattern needs a surface that actually contrasts against the page, so * band: true on a default/white/muted section intentionally renders as a * plain contained section (the attribute is stamped either way; this * selector decides whether it does anything). * * Uses the same width: 100vw; margin-left/right: calc(50% - 50vw) technique * TimelineBlock's own full-bleed viewport already relies on (see * TimelineBlock.tsx) — resolves against the section's immediate containing * block, so it reaches the true viewport edges regardless of how deeply the * SectionBlock is nested (top-level page content, or inside another block's * slot). .lf-section__container's own mx-auto still centers the * contained content within that now-100vw-wide box exactly as it would at * the page's natural width. padding-top/padding-bottom are bumped to a * generous floor regardless of the chosen spacing — the "generous py" the * pattern calls for — via clamp(), which is inherently responsive so a * single declaration overrides both the base and md: spacing utility * classes; no !important needed since the attribute-selector chain * (class + class + 2 attributes) already out-specifies a single Tailwind * utility class. * * Same scrollbar-gutter caveat as TimelineBlock's full-bleed viewport (see * that file's own comment): 100vw is wider than the layout viewport by the * vertical scrollbar's width whenever one is present, so a bare width: 100vw * element would otherwise make the WHOLE PAGE horizontally scrollable by * that sliver. On the published site, apps/www/src/app/globals.css clips it * globally via overflow-x: hidden on the html element — this rule (like * TimelineBlock's) depends on that app-shell rule being present; it does not * re-declare its own containment. The Puck EDITOR canvas is a same-origin * iframe with its own separate document (see the "editor canvas is an * iframe" note in LowFruitsPuckEditor.tsx) and does not automatically * inherit apps/www's globals.css, so apps/client/src/app/globals.css carries * its own html { overflow-x: hidden } rule — Puck mirrors stylesheets from * the host document into the preview iframe's head, so that rule reaches the * canvas too and keeps a band/TimelineBlock bleed from growing a canvas * scrollbar (see LowFruitsPuckEditor.tsx's WorkspaceLayout preview wrapper). */ .lf-token-theme .lf-section[data-lf-band="true"][data-lf-background="dark"], .lf-token-theme .lf-section[data-lf-band="true"][data-lf-background="accent"] { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-top: clamp(4rem, 8vw, 7rem); padding-bottom: clamp(4rem, 8vw, 7rem); } /* StaggerGridBlock: offsets every second card (the right column, row-major) downward on desktop — the "staggered cards" editorial pattern. Collapses to a clean single column on mobile, where this rule doesn't apply. */ @media (min-width: 768px) { .lf-stagger-grid > :nth-child(2n) { margin-top: var(--lf-stagger-offset, 4rem); } } /* SplitPaneBlock unequal split (desktop only), mirrors .lf-grid--ratio. */ @media (min-width: 768px) { .lf-split-pane--ratio { grid-template-columns: var(--lf-split-pane-ratio) !important; } } /* BentoItemBlock per-item span (desktop only) — below 768px no rule matches, so every item collapses to its default 1x1 grid placement on mobile. */ @media (min-width: 768px) { .lf-bento-item[data-lf-bento-span="2x1"] { grid-column: span 2 / span 2; } .lf-bento-item[data-lf-bento-span="1x2"] { grid-row: span 2 / span 2; } .lf-bento-item[data-lf-bento-span="2x2"] { grid-column: span 2 / span 2; grid-row: span 2 / span 2; } } .lf-token-theme .lf-section[data-lf-background="default"] { background: var(--lf-color-background); color: var(--lf-color-foreground); } .lf-token-theme .lf-section[data-lf-background="white"] { background: var(--lf-color-surface); color: var(--lf-color-surface-foreground); } .lf-token-theme .lf-section[data-lf-background="muted"] { background: var(--lf-color-background-accent); color: var(--lf-color-background-accent-foreground); } .lf-token-theme .lf-section[data-lf-background="accent"] { background: var(--lf-color-accent); color: var(--lf-color-accent-foreground); } .lf-token-theme .lf-section[data-lf-background="dark"] { background: var(--lf-color-dark-background); color: var(--lf-color-dark-background-foreground); } .lf-token-theme .lf-section[data-lf-background="muted"] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text), .lf-token-theme .lf-section[data-lf-background="accent"] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text), .lf-token-theme .lf-section[data-lf-background="dark"] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text) { color: inherit; } /* GlobalFooter surfaces. Each background preset sets its matching auto-contrast foreground token (computed via pickForeground) on the region as --lf-footer-fg / --lf-legal-fg; the footer markup colours its text from those vars (full strength for strong text, softened for secondary text). --lf-footer-bd is a faint divider derived from the same foreground so borders stay visible on any surface. */ /* Each footer/legal surface recomputes fg + muted + border from its OWN concrete foreground token. The muted/border were previously defined only on the base rule via var(--lf-footer-fg) — a cross-rule custom-property reference. The published render resolves it fine, but the editor's CSS context resolves it to the dark page fallback (--lf-color-foreground), so the bold text stayed light while the secondary text went dark. Computing muted/border in the same rule that sets the fg removes that cross-rule dependency entirely. The base rules below stay as a fallback for an unset/unknown surface. */ .lf-token-theme .lf-footer { --lf-footer-fg-muted: color-mix(in srgb, var(--lf-footer-fg, var(--lf-color-foreground)) 72%, transparent); --lf-footer-bd: color-mix(in srgb, var(--lf-footer-fg, var(--lf-color-foreground)) 14%, transparent); } .lf-token-theme .lf-footer__legal-strip { --lf-legal-fg-muted: color-mix(in srgb, var(--lf-legal-fg, var(--lf-color-foreground)) 72%, transparent); --lf-legal-bd: color-mix(in srgb, var(--lf-legal-fg, var(--lf-color-foreground)) 14%, transparent); } .lf-token-theme .lf-footer[data-lf-footer-bg="default"] { background: var(--lf-color-background); --lf-footer-fg: var(--lf-color-foreground); --lf-footer-fg-muted: color-mix(in srgb, var(--lf-color-foreground) 72%, transparent); --lf-footer-bd: color-mix(in srgb, var(--lf-color-foreground) 14%, transparent); } .lf-token-theme .lf-footer[data-lf-footer-bg="muted"] { background: var(--lf-color-background-accent); --lf-footer-fg: var(--lf-color-background-accent-foreground); --lf-footer-fg-muted: color-mix(in srgb, var(--lf-color-background-accent-foreground) 72%, transparent); --lf-footer-bd: color-mix(in srgb, var(--lf-color-background-accent-foreground) 14%, transparent); } .lf-token-theme .lf-footer[data-lf-footer-bg="accent"] { background: var(--lf-color-accent); --lf-footer-fg: var(--lf-color-accent-foreground); --lf-footer-fg-muted: color-mix(in srgb, var(--lf-color-accent-foreground) 72%, transparent); --lf-footer-bd: color-mix(in srgb, var(--lf-color-accent-foreground) 14%, transparent); } .lf-token-theme .lf-footer[data-lf-footer-bg="dark"] { background: var(--lf-color-dark-background); --lf-footer-fg: var(--lf-color-dark-background-foreground); --lf-footer-fg-muted: color-mix(in srgb, var(--lf-color-dark-background-foreground) 72%, transparent); --lf-footer-bd: color-mix(in srgb, var(--lf-color-dark-background-foreground) 14%, transparent); } .lf-token-theme .lf-footer__legal-strip[data-lf-legal-bg="default"] { background: var(--lf-color-background); --lf-legal-fg: var(--lf-color-foreground); --lf-legal-fg-muted: color-mix(in srgb, var(--lf-color-foreground) 72%, transparent); --lf-legal-bd: color-mix(in srgb, var(--lf-color-foreground) 14%, transparent); } .lf-token-theme .lf-footer__legal-strip[data-lf-legal-bg="muted"] { background: var(--lf-color-background-accent); --lf-legal-fg: var(--lf-color-background-accent-foreground); --lf-legal-fg-muted: color-mix(in srgb, var(--lf-color-background-accent-foreground) 72%, transparent); --lf-legal-bd: color-mix(in srgb, var(--lf-color-background-accent-foreground) 14%, transparent); } .lf-token-theme .lf-footer__legal-strip[data-lf-legal-bg="accent"] { background: var(--lf-color-accent); --lf-legal-fg: var(--lf-color-accent-foreground); --lf-legal-fg-muted: color-mix(in srgb, var(--lf-color-accent-foreground) 72%, transparent); --lf-legal-bd: color-mix(in srgb, var(--lf-color-accent-foreground) 14%, transparent); } .lf-token-theme .lf-footer__legal-strip[data-lf-legal-bg="dark"] { background: var(--lf-color-dark-background); --lf-legal-fg: var(--lf-color-dark-background-foreground); --lf-legal-fg-muted: color-mix(in srgb, var(--lf-color-dark-background-foreground) 72%, transparent); --lf-legal-bd: color-mix(in srgb, var(--lf-color-dark-background-foreground) 14%, transparent); } /* Footer text colour, driven from the footer tokens directly. The GlobalFooter markup colours itself with Tailwind arbitrary utilities (text-[color:var(--lf-footer-fg…)]), but those are NOT reliably generated in the editor preview's CSS — so the broad ".lf-token-theme p/li" rule above wins and footer body text renders in the dark page colour while the bold text stays light. These rules live in the always-injected theme CSS, so the footer reads correctly in the editor too. :where() keeps specificity at two classes — enough to beat ".lf-token-theme p" (class + element). The footer's own full-strength text (wordmark, etc.) inherits the .lf-footer base colour above; only headings are re-asserted. NB: do NOT add .font-bold/.font-semibold to the heading selector below — nested white-surface components inside the footer (e.g. the trust badges, which are bg-white cards) use those utilities for dark-on-white text, and a footer-wide rule would override them to the light footer colour (white on white). */ .lf-token-theme .lf-footer { color: var(--lf-footer-fg); } .lf-token-theme .lf-footer :where(p, ul, ol, li, a, address, small) { color: var(--lf-footer-fg-muted); } .lf-token-theme .lf-footer :where(h1, h2, h3, h4, h5, h6) { color: var(--lf-footer-fg); } .lf-token-theme .lf-footer__legal-strip { color: var(--lf-legal-fg); } .lf-token-theme .lf-footer__legal-strip :where(p, a, button) { color: var(--lf-legal-fg-muted); } /* Cards, dynamic-content cards, faculty/event/blog/job cards. */ .lf-token-theme .lf-card, .lf-token-theme .lf-testimonial, .lf-token-theme .lf-faq-item, .lf-token-theme .lf-pricing-card, .lf-token-theme .lf-calendar__event-card, .lf-token-theme .lf-events-list__item, .lf-token-theme .lf-blog-posts__item, .lf-token-theme .lf-blog-posts__highlight, .lf-token-theme .lf-jobs-listings__item, .lf-token-theme .lf-faculty__card { background: var(--lf-card-bg); border: 1px solid var(--lf-card-border-color); border-radius: var(--lf-radius-lg); box-shadow: var(--lf-card-shadow); } /* CardBlock variants. The data-lf-variant attribute drives background + * foreground; descendants inherit color via :where() to defer to the card's * own value instead of the brand-default --lf-color-foreground. Foreground * colours come from the pre-computed *-foreground variables that * pickForeground derives via WCAG luminance, so contrast adapts to the * operator's brand colours automatically. The image variant forces white * because the underlying image is operator-chosen and unknowable at compile * time — the dark gradient overlay rendered by the block ensures legibility. */ .lf-token-theme .lf-card[data-lf-variant="default"] { background: var(--lf-color-surface); color: var(--lf-color-surface-foreground); } .lf-token-theme .lf-card[data-lf-variant="muted"] { background: var(--lf-color-muted); color: var(--lf-color-muted-foreground); } .lf-token-theme .lf-card[data-lf-variant="accent"] { background: var(--lf-color-accent); color: var(--lf-color-accent-foreground); border-color: transparent; } .lf-token-theme .lf-card[data-lf-variant="dark"] { background: var(--lf-color-dark-background); color: var(--lf-color-dark-background-foreground); border-color: transparent; } .lf-token-theme .lf-card[data-lf-variant="image"] { color: #FFFFFF; border-color: transparent; } .lf-token-theme .lf-card[data-lf-variant="muted"] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text, [class*="__title"], [class*="__body"]), .lf-token-theme .lf-card[data-lf-variant="accent"] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text, [class*="__title"], [class*="__body"]), .lf-token-theme .lf-card[data-lf-variant="dark"] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text, [class*="__title"], [class*="__body"]), .lf-token-theme .lf-card[data-lf-variant="image"] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text, [class*="__title"], [class*="__body"]) { color: inherit; } /* Brand-wide eyebrow recipe. The Eyebrow helper in @low-fruits/ui always * renders the same .lf-eyebrow > .lf-eyebrow__affordance + label * structure; the vars below decide whether the affordance is a short line, * a dot, or hidden, and how the label is cased / tracked / weighted. */ .lf-token-theme .lf-eyebrow { color: var(--lf-eyebrow-color); font-weight: var(--lf-eyebrow-weight); letter-spacing: var(--lf-eyebrow-tracking); text-transform: var(--lf-eyebrow-text-transform); background: var(--lf-eyebrow-bg); padding: var(--lf-eyebrow-padding-y) var(--lf-eyebrow-padding-x); border-radius: var(--lf-eyebrow-radius); border: var(--lf-eyebrow-border-width) solid var(--lf-eyebrow-border-color); } .lf-token-theme .lf-eyebrow__affordance { display: var(--lf-eyebrow-affordance-display); width: var(--lf-eyebrow-affordance-width); height: var(--lf-eyebrow-affordance-height); border-radius: var(--lf-eyebrow-affordance-radius); background: var(--lf-eyebrow-affordance-bg); } /* Eyebrow-on-dark contextual override — flips the colour for legibility on * dark section surfaces. The Eyebrow tone="onDark" flag stamps the * data attribute. */ .lf-token-theme .lf-eyebrow[data-tone="onDark"] { color: rgba(255, 255, 255, 0.72); } .lf-token-theme .lf-eyebrow[data-tone="onDark"] .lf-eyebrow__affordance { background: rgba(255, 255, 255, 0.4); } /* Legacy block-specific eyebrow / chip classes — Calendar / Events / * Faculty / Map-section render a pill-style chip rather than the editorial * eyebrow above. Kept here so those blocks still tint with the brand * primary while we incrementally migrate them to . */ .lf-token-theme .lf-blog-posts__eyebrow, .lf-token-theme .lf-jobs-listings__eyebrow, .lf-token-theme .lf-events-list__eyebrow, .lf-token-theme .lf-faculty__eyebrow, .lf-token-theme .lf-map-section__eyebrow, .lf-token-theme .lf-calendar__eyebrow, .lf-token-theme .lf-logo-strip__title, .lf-token-theme .lf-icon, .lf-token-theme .lf-icon-text__icon, .lf-token-theme .lf-process-step__number { color: var(--lf-color-primary); } .lf-token-theme .lf-stat__value, .lf-token-theme .lf-pricing-card__price { color: var(--lf-color-foreground); font-family: var(--lf-font-heading); } /* A panel owns its foreground unless it has an explicit section surface. */ .lf-token-theme .lf-stat[data-lf-variant="panel"]:not([data-lf-background]) { color: var(--lf-color-surface-foreground); } .lf-token-theme .lf-stat[data-lf-variant="panel"] :where(p) { color: inherit; } .lf-token-theme .lf-stat__detail, .lf-token-theme .lf-button__helper, .lf-token-theme .lf-blog-posts__meta, .lf-token-theme .lf-blog-posts__tag, .lf-token-theme .lf-blog-posts__highlight-excerpt, .lf-token-theme .lf-jobs-listings__meta, .lf-token-theme .lf-jobs-listings__tag, .lf-token-theme .lf-logo-strip__item { color: var(--lf-color-muted-foreground); } /* Media (images, embeds) get the same radius as cards but no shadow by default. */ .lf-token-theme .lf-image, .lf-token-theme .lf-embed, .lf-token-theme .lf-blog-posts__media, .lf-token-theme .lf-blog-posts__highlight-media, .lf-token-theme .lf-faculty__media, .lf-token-theme .lf-map-section__media { border-radius: var(--lf-radius-lg); } /* * Tables — colours derive from currentColor so the block automatically * adapts to any section background (default, muted, accent, dark). * Borders, header background and zebra stripes all sit at low opacities * of the inherited text colour, so contrast follows the surrounding * section without hardcoding light/dark variants. */ .lf-token-theme .lf-table { color: inherit; } .lf-token-theme .lf-table__table { color: inherit; border-radius: var(--lf-radius-md); overflow: hidden; } .lf-token-theme .lf-table[data-lf-bordered="true"] .lf-table__table { border: 1px solid color-mix(in srgb, currentColor 16%, transparent); } .lf-token-theme .lf-table[data-lf-bordered="true"] .lf-table__th, .lf-token-theme .lf-table[data-lf-bordered="true"] .lf-table__td { border: 1px solid color-mix(in srgb, currentColor 12%, transparent); } .lf-token-theme .lf-table__head { background: color-mix(in srgb, currentColor 8%, transparent); } .lf-token-theme .lf-table[data-lf-striped="true"] .lf-table__body .lf-table__row:nth-child(even) { background: color-mix(in srgb, currentColor 4%, transparent); } /* Status pills. */ .lf-token-theme [data-lf-tone="success"] { background: var(--lf-color-success); color: var(--lf-color-success-foreground); } .lf-token-theme [data-lf-tone="warning"] { background: var(--lf-color-warning); color: var(--lf-color-warning-foreground); } .lf-token-theme [data-lf-tone="error"] { background: var(--lf-color-error); color: var(--lf-color-error-foreground); } .lf-token-theme [data-lf-tone="info"] { background: var(--lf-color-info); color: var(--lf-color-info-foreground); } /* * CTA buttons — every block that renders a branded button uses these * classes. Apply both: lf-cta (base layout) + lf-cta-- * (semantic role). The variant set lives in BUTTON_VARIANT_VALUES * (see site-style.ts); per-variant colour comes from * recipes.buttonVariants[variant].colorRef and is templated below by * resolveButtonVariantColorVars. */ .lf-token-theme .lf-cta { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.625rem 1.25rem; font-size: var(--lf-font-size-sm); font-weight: var(--lf-font-weight-semibold); border-radius: var(--lf-cta-radius); border: 1px solid transparent; text-decoration: none; transition: var(--lf-transition); cursor: pointer; } .lf-token-theme .lf-cta--primary { background: var(--lf-color-primary); color: var(--lf-color-primary-foreground); border-color: var(--lf-color-primary); } .lf-token-theme .lf-cta--primary:hover { background: color-mix(in srgb, var(--lf-color-primary) 88%, black); } .lf-token-theme .lf-cta--secondary { background: var(--lf-color-background-accent); color: var(--lf-color-background-accent-foreground); border-color: transparent; } .lf-token-theme .lf-cta--secondary:hover { background: color-mix(in srgb, var(--lf-color-background-accent) 80%, black); } .lf-token-theme .lf-cta--outline { background: transparent; color: var(--lf-color-primary); border-color: var(--lf-color-primary); } .lf-token-theme .lf-cta--outline:hover { background: color-mix(in srgb, var(--lf-color-primary) 8%, transparent); } .lf-token-theme .lf-cta--ghost { background: transparent; color: var(--lf-color-primary); border-color: transparent; } .lf-token-theme .lf-cta--ghost:hover { background: color-mix(in srgb, var(--lf-color-primary) 12%, transparent); } .lf-token-theme .lf-cta--link { background: transparent; color: var(--lf-color-primary); border-color: transparent; } .lf-token-theme .lf-cta--link:hover { background: transparent; } .lf-token-theme .lf-cta--destructive { background: var(--lf-color-error); color: var(--lf-color-error-foreground); border-color: var(--lf-color-error); } .lf-token-theme .lf-cta--destructive:hover { background: color-mix(in srgb, var(--lf-color-error) 88%, black); } /* link variant strips its own padding so it reads like inline text. */ .lf-token-theme .lf-cta--link { padding: 0; text-decoration: underline; text-underline-offset: 2px; } /* Header link CTAs (e.g. Login next to a primary Demo button) read as nav * text, not body hyperlinks — keep them un-underlined in the desktop bar * and the portal-rendered mobile menu. */ .lf-token-theme .lf-global-header .lf-cta--link, .lf-token-theme #lf-global-header-mobile-menu .lf-cta--link { text-decoration: none; } /* Transparent-bg CTA variants (link, ghost, outline) inherit the surrounding * card's color when the card has a non-default variant, so e.g. a "Mehr * erfahren" link CTA on a dark card reads white instead of brand-primary * (which would be invisible). The filled variants (primary, secondary, * destructive) carry their own bg/fg pair and are self-contained, so they * don't need this override. Outline additionally takes its border colour * from currentColor so the rule travels together. */ .lf-token-theme .lf-card[data-lf-variant="dark"] :where(.lf-cta--link, .lf-cta--ghost), .lf-token-theme .lf-card[data-lf-variant="image"] :where(.lf-cta--link, .lf-cta--ghost), .lf-token-theme .lf-card[data-lf-variant="accent"] :where(.lf-cta--link, .lf-cta--ghost) { color: inherit; } .lf-token-theme .lf-card[data-lf-variant="dark"] .lf-cta--outline, .lf-token-theme .lf-card[data-lf-variant="image"] .lf-cta--outline, .lf-token-theme .lf-card[data-lf-variant="accent"] .lf-cta--outline { color: inherit; border-color: currentColor; } /* Standard button sizes — fixed scale, NOT operator-tunable. Mirrors shadcn/ui conventions so the size IDs are immediately recognisable. */ .lf-token-theme .lf-cta--size-sm { padding: 0.375rem 0.75rem; font-size: var(--lf-font-size-xs); } .lf-token-theme .lf-cta--size-default { padding: 0.625rem 1.25rem; font-size: var(--lf-font-size-sm); } .lf-token-theme .lf-cta--size-lg { padding: 0.75rem 1.75rem; font-size: var(--lf-font-size-base); } .lf-token-theme .lf-cta--size-icon { padding: 0.5rem; width: 2.5rem; height: 2.5rem; font-size: var(--lf-font-size-sm); } /* Icon size override on the link variant: collapse the square back to inline so size=icon doesn't blow up an otherwise-text link. */ .lf-token-theme .lf-cta--link.lf-cta--size-icon { width: auto; height: auto; padding: 0; } /* Lucide icons inside CTAs scale with the surrounding font-size. */ .lf-token-theme .lf-cta__icon { flex-shrink: 0; width: 1em; height: 1em; } /* Form inputs adopt the surface tone + base radius. */ .lf-token-theme input, .lf-token-theme textarea, .lf-token-theme select, .lf-token-theme .lf-form-field { background: var(--lf-color-surface); color: var(--lf-color-surface-foreground); border: 1px solid var(--lf-color-border); border-radius: var(--lf-radius-base); transition: var(--lf-transition); } .lf-token-theme .lf-form-error { color: var(--lf-color-error); } /* Header / nav links use the page foreground; active link uses primary. */ .lf-token-theme .lf-nav a, .lf-token-theme .lf-header a { color: var(--lf-color-foreground); } /* Footer links follow the footer's OWN surface-aware foreground tokens, not the page foreground. The footer can sit on a dark/accent surface, where --lf-color-foreground (the page text colour) would be unreadable. This rule is what previously forced footer links dark in the editor — the markup's text-[color:var(--lf-footer-fg-muted)] utility (lower specificity) and the per-element rules above could never beat it. */ .lf-token-theme .lf-footer a { color: var(--lf-footer-fg-muted); } .lf-token-theme .lf-footer a:hover { color: var(--lf-footer-fg); } .lf-token-theme .lf-nav a[aria-current="page"], .lf-token-theme .lf-header a[aria-current="page"], .lf-token-theme .lf-footer a[aria-current="page"] { color: var(--lf-color-primary); } /* Footer legal-strip uses the legal strip's own surface-aware muted foreground. */ .lf-token-theme .lf-footer .lf-footer__legal-strip a { color: var(--lf-legal-fg-muted); } .lf-token-theme .lf-footer .lf-footer__legal-strip a:hover { color: var(--lf-legal-fg); } html:has(.lf-token-theme) { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html:has(.lf-token-theme) { scroll-behavior: auto; } } .lf-token-theme [id][data-lf-block] { scroll-margin-top: calc(var(--lf-scroll-anchor-offset, 6rem) + var(--lf-scroll-anchor-gap, 3rem)); } .lf-token-theme [id][data-lf-block="location-hours-section"] { scroll-margin-top: calc( var(--lf-scroll-anchor-offset, 6rem) + var(--lf-scroll-anchor-gap, 3rem) + 2.5rem ); } @media (min-width: 768px) { .lf-token-theme [id][data-lf-block="location-hours-section"] { scroll-margin-top: calc( var(--lf-scroll-anchor-offset, 6rem) + var(--lf-scroll-anchor-gap, 3rem) + 3.5rem ); } } @media (min-width: 1024px) { .lf-token-theme [id][data-lf-block="location-hours-section"] { scroll-margin-top: calc( var(--lf-scroll-anchor-offset, 6rem) + var(--lf-scroll-anchor-gap, 3rem) + 4.5rem ); } } /* Universal block surface (Phase: field tabs / box spacing / advanced). Stamped by BlockSurface in website-blocks when _lfConfig.box or _lfAdvanced is set. Token values reuse --lf-space-*; "none" never stamps an attribute so defaults stay byte-identical. Per-side attrs (data-lf-pad-t / data-lf-mar-t / …) are the only form BlockSurface stamps. */ .lf-token-theme .lf-block-surface[data-lf-pad-t="sm"] { padding-top: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-pad-t="md"] { padding-top: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-pad-t="lg"] { padding-top: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-pad-t="xl"] { padding-top: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[data-lf-pad-r="sm"] { padding-right: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-pad-r="md"] { padding-right: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-pad-r="lg"] { padding-right: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-pad-r="xl"] { padding-right: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[data-lf-pad-b="sm"] { padding-bottom: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-pad-b="md"] { padding-bottom: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-pad-b="lg"] { padding-bottom: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-pad-b="xl"] { padding-bottom: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[data-lf-pad-l="sm"] { padding-left: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-pad-l="md"] { padding-left: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-pad-l="lg"] { padding-left: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-pad-l="xl"] { padding-left: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[data-lf-mar-t="sm"] { margin-top: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-mar-t="md"] { margin-top: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-mar-t="lg"] { margin-top: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-mar-t="xl"] { margin-top: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[data-lf-mar-r="sm"] { margin-right: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-mar-r="md"] { margin-right: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-mar-r="lg"] { margin-right: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-mar-r="xl"] { margin-right: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[data-lf-mar-b="sm"] { margin-bottom: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-mar-b="md"] { margin-bottom: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-mar-b="lg"] { margin-bottom: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-mar-b="xl"] { margin-bottom: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[data-lf-mar-l="sm"] { margin-left: var(--lf-space-sm); } .lf-token-theme .lf-block-surface[data-lf-mar-l="md"] { margin-left: var(--lf-space-md); } .lf-token-theme .lf-block-surface[data-lf-mar-l="lg"] { margin-left: var(--lf-space-lg); } .lf-token-theme .lf-block-surface[data-lf-mar-l="xl"] { margin-left: var(--lf-space-xl); } .lf-token-theme .lf-block-surface[id] { scroll-margin-top: calc(var(--lf-scroll-anchor-offset, 6rem) + var(--lf-scroll-anchor-gap, 3rem)); } @media (max-width: 767px) { .lf-token-theme .lf-block-surface[data-lf-hide-mobile="true"] { display: none !important; } } @media (min-width: 768px) { .lf-token-theme .lf-block-surface[data-lf-hide-desktop="true"] { display: none !important; } } @keyframes lf-block-motion-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes lf-block-motion-rise { from { opacity: 0; transform: translateY(0.75rem); } to { opacity: 1; transform: translateY(0); } } .lf-token-theme .lf-block-surface[data-lf-motion="fade"] { animation: lf-block-motion-fade var(--lf-motion-duration, 400ms) var(--lf-motion-easing, ease-out) both; } .lf-token-theme .lf-block-surface[data-lf-motion="rise"] { animation: lf-block-motion-rise var(--lf-motion-duration, 450ms) var(--lf-motion-easing, ease-out) both; } @media (prefers-reduced-motion: reduce) { .lf-token-theme .lf-block-surface[data-lf-motion] { animation: none; } } /* Photo contrast follows the overlay, independently of the section colour. Hero photo contrast is opt-in with the new mobile cover layout. */ .lf-token-theme [data-lf-photo-tone="dark"] { --lf-photo-foreground: #ffffff; } .lf-token-theme [data-lf-photo-tone="light"] { --lf-photo-foreground: #0f172a; } .lf-token-theme .lf-hero-section[data-lf-photo-tone], .lf-token-theme .lf-cta-section[data-lf-photo-tone], .lf-token-theme .lf-cta-section__box[data-lf-photo-tone] { color: var(--lf-photo-foreground); } .lf-token-theme .lf-hero-section[data-lf-photo-tone] :where(h1, h2, h3, h4, h5, h6, p, li, .lf-heading, .lf-text, .lf-rich-text, .lf-eyebrow, .lf-eyebrow-block), .lf-token-theme .lf-cta-section[data-lf-photo-tone] :where(h2, p, li, .lf-eyebrow), .lf-token-theme .lf-cta-section__box[data-lf-photo-tone] :where(h2, p, li, .lf-eyebrow) { color: inherit; } .lf-token-theme [data-lf-photo-tone] .lf-cta--outline { color: inherit; border-color: color-mix(in srgb, currentColor 70%, transparent); background: transparent; } .lf-token-theme .lf-heading[data-lf-tone="accent"], .lf-token-theme .lf-hero-section .lf-heading[data-lf-tone="accent"], .lf-token-theme .lf-section .lf-heading[data-lf-tone="accent"] { color: var(--lf-color-primary); } .lf-token-theme .lf-heading[data-lf-tone="muted"], .lf-token-theme .lf-hero-section .lf-heading[data-lf-tone="muted"], .lf-token-theme .lf-section .lf-heading[data-lf-tone="muted"] { color: var(--lf-color-muted-foreground); } /* Heading treatment (recipes.headingTreatment = "accent-em") — inline in HeadingBlock copy (and other .lf-heading consumers) takes the brand accent without italic. Sites that highlight one word in a title ("Eine lange Freundschaft.") use this instead of per-site custom CSS. */ .lf-token-theme .lf-heading em { color: var(--lf-color-accent); font-style: inherit; font-weight: 700; } /* Hero copy on cover photos — token dark surfaces target .lf-section, not .lf-hero-section. */ [data-lf-id="home-hero"] { color: #fff; } [data-lf-id="home-hero"] .lf-heading, [data-lf-id="home-hero"] .lf-rich-text, [data-lf-id="home-hero"] .lf-rich-text p, [data-lf-id="home-hero"] .lf-eyebrow, [data-lf-id="home-hero"] .lf-eyebrow span { color: #fff !important; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45); } [data-lf-id="home-hero"] .lf-heading em { color: var(--lf-color-accent) !important; } [data-lf-id="home-hero"] .lf-cta--outline { color: #fff !important; border-color: rgba(255, 255, 255, 0.85) !important; background: transparent !important; } /* Crossed flags: slight overlap, both flags still fully readable. */ [data-lf-id="home-hero-flags"] { position: relative; width: 268px; max-width: 268px; min-height: 176px; isolation: isolate; margin-inline: auto; } [data-lf-id="home-flag-fr"], [data-lf-id="home-flag-de"] { width: 136px !important; max-width: 136px; } [data-lf-id="home-flag-fr"] { position: relative; z-index: 1; transform: rotate(-8deg) translate(0, 10px); } [data-lf-id="home-flag-de"] { position: absolute; left: 108px; top: 18px; right: auto; z-index: 2; transform: rotate(7deg); } [data-lf-id="home-hero-flags"] img { filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.45)); } /* Home feed headings: keep "Nächste Treffen" on one line in the 2:1 split. */ .lf-token-theme h2.lf-heading[data-lf-id="home-news-title"], .lf-token-theme h2.lf-heading[data-lf-id="home-events-title"] { font-size: 1.75rem !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; } @media (min-width: 768px) { .lf-token-theme h2.lf-heading[data-lf-id="home-news-title"], .lf-token-theme h2.lf-heading[data-lf-id="home-events-title"] { white-space: nowrap !important; } } /* Vorstand: space the group photo from the name-only member grid. */ [data-lf-id="vorstand-photo"] { margin-top: 4rem !important; } [data-lf-id="faculty-section"] { padding-top: 4rem; padding-bottom: 0; } /* About page: heading above the map; copy+CTAs share the map row. */ @media (min-width: 768px) { [data-lf-id="about-split"] { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 4rem !important; row-gap: 1.5rem !important; align-items: stretch !important; } [data-lf-id="about-split"] > .lf-split-pane__left, [data-lf-id="about-split"] .lf-split-pane__left-content, [data-lf-id="about-left"], [data-lf-id="about-split"] > .lf-split-pane__right, [data-lf-id="about-split"] .lf-split-pane__right-content { display: contents !important; } [data-lf-id="about-left-eyebrow"], [data-lf-id="about-left-title"], [data-lf-id="about-wappen"] { grid-column: 1 !important; } [data-lf-id="about-right"] { grid-column: 2 !important; grid-row: 3 !important; align-self: center !important; height: auto !important; } } /* Termine listing: title-band spacing. */ [data-lf-id="events-calendar"] { padding-top: 2.5rem !important; padding-bottom: 5rem !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; } [data-lf-id="events-calendar"] .lf-calendar__container { max-width: 80rem !important; margin-inline: auto !important; } /* Vorstand contact: centered card under the name grid. */ [data-lf-id="vorstand-mail"] { max-width: 28rem; margin-inline: auto; margin-top: 3.25rem; } [data-lf-id="vorstand-mail"] .lf-card__content { align-items: center; text-align: center; } [data-lf-id="vorstand-mail"] .lf-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-bottom: 0.85rem; border-radius: 999px; background: color-mix(in srgb, var(--lf-color-accent) 14%, white); color: var(--lf-color-accent); } [data-lf-id="vorstand-mail"] .lf-card__icon svg { width: 1.25rem; height: 1.25rem; } [data-lf-id="vorstand-mail"] .lf-eyebrow { justify-content: center; } [data-lf-id="vorstand-mail"] .lf-card__title, [data-lf-id="vorstand-mail"] .lf-card__body, [data-lf-id="vorstand-mail"] .lf-card__cta { width: 100%; } [data-lf-id="vorstand-mail"] .lf-card__body, [data-lf-id="vorstand-mail"] .lf-card__body p, [data-lf-id="vorstand-mail"] .lf-card__body a { opacity: 1; color: var(--lf-color-foreground); font-weight: 600; font-size: 1.0625rem; letter-spacing: -0.02em; line-height: 1.45; text-decoration: none; overflow-wrap: break-word; } [data-lf-id="vorstand-mail"] .lf-card__cta { justify-content: center; } [data-lf-id="vorstand-mail"] .vorstand-mail-break { display: none; } @media (max-width: 640px) { [data-lf-id="vorstand-mail"] .vorstand-mail-break { display: block; } [data-lf-id="vorstand-mail"] .lf-card__content { padding: 1.75rem 1.25rem 1.5rem; } [data-lf-id="vorstand-mail"] .lf-card__body, [data-lf-id="vorstand-mail"] .lf-card__body p, [data-lf-id="vorstand-mail"] .lf-card__body a { font-size: 0.95rem; } }16:o8e,1f:["$","$2",null,{"fallback":null,"children":["$","style",null,{"children":"$2d"}]}] 21:[["$","$L2e",null,{"config":{},"locale":"de"}],null] 16:odfb,2f:I[453852,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderPublishedMobileIsland",1] 34:I[453852,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderPublishedMetricsFx",1] 35:I[453852,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderPublishedBehaviorFx",1] 36:I[203027,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderNavigationFx"] 37:I[377563,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"AccessibilitySiteProvider",1] 3f:I[804901,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"SiteChromePathSync",1] 16:o12a9,26:["$","div",null,{"className":"lf-global-header-behavior-sentinel","data-lf-header-behavior":"fixed","data-lf-header-position":"fixedViewport","data-lf-header-visible":"true","children":["$","div",null,{"className":"lf-global-header__surface pointer-events-auto relative isolate overflow-visible bg-[var(--lf-color-background)] border-b border-slate-200","style":"$undefined","children":[["$","$2",null,{"fallback":null,"children":null}],["$","div",null,{"className":"w-full px-6","children":["$","div",null,{"className":"lf-global-header__bar relative flex items-center gap-4 py-4 md:gap-6 mx-auto max-w-7xl","data-lf-header-nav-state":"full","children":[["$","a",null,{"href":"/","className":"flex min-w-0 flex-1 items-center gap-2 md:flex-none","children":[["$","img",null,{"src":"https://tbrlabbpzladxbrc.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/08/31/scr-20260831-jmob-c5b7c6e7-46b.png","alt":"Freundeskreis Marcq-en-Barœul e.V.","className":"w-auto shrink-0 h-[var(--lf-brand-logo-height)] md:h-[var(--lf-brand-logo-height-md)]","style":{"--lf-brand-logo-height":"32px","--lf-brand-logo-height-md":"32px"},"fetchPriority":"low","decoding":"async","width":128,"height":32}],["$","span",null,{"className":"min-w-0 text-sm font-bold leading-tight text-slate-900 md:text-base","children":"Freundeskreis Marcq-en-Barœul e.V."}]]}],["$","$2",null,{"fallback":["$","div",null,{"className":"lf-global-header__mobile-actions relative z-20 flex shrink-0 items-center md:hidden","style":{"minHeight":"2.6875rem"},"children":["$","button",null,{"type":"button","data-lf-mobile-menu-toggle":true,"className":"inline-flex h-10 w-10 cursor-pointer touch-manipulation items-center justify-center rounded-lg text-slate-900 transition hover:bg-slate-100","aria-label":"Menü öffnen","aria-expanded":"false","aria-controls":"lf-global-header-mobile-menu","children":["$","svg",null,{"className":"h-6 w-6","viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":"1.75","aria-hidden":"true","children":["$","path",null,{"d":"M4 6h16M4 12h16M4 18h16"}]}]}]}],"children":["$","$L2f",null,{"vm":{"basePath":"","name":"Freundeskreis Marcq-en-Barœul e.V.","resolvedLogoUrl":"https://tbrlabbpzladxbrc.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/08/31/scr-20260831-jmob-c5b7c6e7-46b.png","resolvedLogoAlt":"$undefined","logoHeights":"$undefined","hideBrandName":false,"resolvedLinks":[{"label":"Start","href":"/","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]},{"label":"Über uns","href":"/ueber-uns","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]},{"label":"Aktuelles","href":"/aktuelles","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]},{"label":"Termine","href":"/termine","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]}],"renderedButtons":[{"href":"/kontakt","icon":"Mail","size":"default","label":"Mitglied werden","variant":"primary","iconPosition":"right"}],"showMobileMenu":true,"navigationAlign":"right","navMarker":"underline","navCase":"sentence","localeStyle":"dropdown","nameLayout":"inline","showLanguageSwitcher":false,"headerTranslation":{"currentLocale":"de","defaultLocale":"de","routingMode":"cookie","locales":[{"code":"de","label":"Deutsch","flag":"de","domain":null}]},"pageLocale":"de","submenuStyle":"list","resolvedHeaderBehavior":"fixed","headerDesign":"box","contentFullWidth":false,"isFloatingPill":false,"pillFrameClass":"","headerSurfaceClass":"bg-[var(--lf-color-background)] border-b border-slate-200","headerSurfaceStyle":"$undefined","headerGutterClass":"w-full px-6","headerInnerClass":"mx-auto max-w-7xl","topBarEnabled":false,"topBarToneClass":"","topBarToneStyle":{"backgroundColor":"var(--lf-color-dark-background)","color":"var(--lf-color-dark-background-foreground)"},"topBarLink":{"className":"inline-flex items-center gap-1.5 transition hover:underline underline-offset-4","style":{"color":"var(--lf-color-dark-background-foreground)"}},"topBarGutterClass":"w-full px-6","topBarInnerClass":"mx-auto max-w-7xl","leftTopBarItems":[],"centerTopBarItems":[],"rightTopBarItems":[{"href":"/termine","icon":"CalendarDays","side":"right","label":"Nächste Termine","hideOnMobile":true}],"topBarItems":["$26:props:children:props:children:1:props:children:props:children:1:props:children:props:vm:rightTopBarItems:0"],"mobileTopBarItems":[],"navLinksPaddingClass":"","navAlignClass":{"left":"justify-start","center":"justify-center","right":"justify-end"},"behaviorFrameBehavior":"fixed","behaviorFramePositionMode":"fixedViewport"}}]}],"$L30","$L31","$L32"]}]}],"$L33"]}]}] 16:o22d,27:["$","div",null,{"aria-hidden":true,"className":"lf-global-header-behavior-spacer","style":{"height":"var(--lf-global-header-spacer-reserve, 4rem)"}}] 28:["$","$2",null,{"fallback":null,"children":["$","$L34",null,{"isFloatingPill":false,"needsBehaviorSpacer":true}]}] 29:["$","$2",null,{"fallback":null,"children":["$","$L35",null,{"behavior":"fixed","positionMode":"fixedViewport"}]}] 2a:["$","$2",null,{"fallback":null,"children":["$","$L36",null,{"vm":"$26:props:children:props:children:1:props:children:props:children:1:props:children:props:vm"}]}] 16:o1163,2b:["$","$L37",null,{"config":{"enabled":true,"widget":{"trigger":"footer-link","footerTriggerLabel":"Anzeige anpassen","statementPath":"/barrierefreiheit","features":{"textSize":true,"contrast":true,"grayscale":true,"underlineLinks":true,"readableFont":true,"lineHeight":true,"textAlign":true,"pauseAnimations":true,"readingGuide":false,"hideImages":true,"focusOutline":true,"skipToMain":true}}},"themeColors":{"primary":"#1F2937","primaryForeground":"#FFFFFF"},"includeSkipLink":false,"locale":"de","children":[[[["$","$2",null,{"fallback":null,"children":["$","style",null,{"data-template":"site","dangerouslySetInnerHTML":{"__html":".lf-site-template[data-template=\"site\"] /* Template: client-default */\n/* Client baseline combining dynamic sections with calendar, .lf-site-template[data-template=\"site\"] team, .lf-site-template[data-template=\"site\"] and contact pages. */\n\n:root {\n --color-primary: #2563eb;\n --color-background: #ffffff;\n --color-surface: #f8fafc;\n --color-text: #0f172a;\n --font-heading: \"Inter\", sans-serif;\n --font-body: \"Inter\", sans-serif;\n}"}}]}],["$","div",null,{"className":"lf-site-template","data-template":"site","children":["$","$2",null,{"fallback":["$","div",null,{"aria-hidden":true,"data-lf-tenant-page-fallback":true,"className":"min-h-screen bg-white"}],"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]],["$","div",null,{"data-lf-chrome-footer":"standard","hidden":false,"children":["$","$2",null,{"fallback":null,"children":[["$","$1","client-website-footer",{"children":["$","footer",null,{"data-lf-block":"global-footer","data-lf-id":"client-website-footer","data-lf-footer-layout":"standard","data-lf-footer-bg":"dark","className":"lf-block lf-footer @container min-w-0 w-full border-t border-[color:var(--lf-footer-bd)] text-[color:var(--lf-footer-fg)]","children":[["$","div",null,{"className":"w-full px-6","children":["$","div",null,{"className":"mx-auto max-w-7xl py-12 @sm:py-14 @lg:py-16","children":["$","div",null,{"className":"flex flex-col gap-10 @sm:gap-12 @md:gap-14 @lg:flex-row @lg:items-start @lg:gap-20 @xl:gap-28","children":[["$","div",null,{"className":"w-full @lg:w-auto @lg:shrink @lg:max-w-sm","children":[["$","a",null,{"href":"/","className":"mb-5 flex items-center gap-2 @sm:mb-6","children":[null,["$","span",null,{"className":"text-xl font-bold text-[color:var(--lf-footer-fg)]","children":"Freundeskreis Marcq-en-Barœul e.V."}]]}],["$","p",null,{"className":"text-sm leading-relaxed text-[color:var(--lf-footer-fg-muted)]","children":"Städtepartnerschaft Gladbeck – Marcq-en-Barœul seit 1964."}],["$","ul",null,{"className":"mt-5 space-y-2 text-sm text-[color:var(--lf-footer-fg-muted)] @sm:mt-6","children":[["$","li",null,{"children":["$","a",null,{"href":"mailto:info@freundeskreis-marcq-en-baroeul.de","className":"transition-colors hover:text-[color:var(--lf-footer-fg)]","children":"info@freundeskreis-marcq-en-baroeul.de"}]}],null]}],null,null]}],["$","div",null,{"className":"lf-footer__link-area @container min-w-0 w-full flex-1 border-t border-[color:var(--lf-footer-bd)] pt-10 @sm:border-t-0 @sm:pt-0 @lg:min-w-56 @lg:pl-10 @xl:pl-16","children":["$","div",null,{"className":"grid w-full grid-cols-1 gap-x-0 gap-y-8 @sm:gap-x-8 @sm:gap-y-9 @md:gap-x-12 @md:gap-y-10 @lg:gap-x-20 @xl:gap-x-28 @sm:grid-cols-2 @md:grid-cols-2","children":[["$","div","0",{"className":"flex min-w-0 flex-col gap-8 @md:gap-9 @lg:gap-10","children":[["$","div","Verein-0",{"children":[["$","h3",null,{"className":"mb-3 text-sm font-semibold text-[color:var(--lf-footer-fg)] @sm:mb-4","children":"Verein"}],["$","ul",null,{"className":"space-y-3","children":[["$","li","Start-/-0",{"className":"flex flex-wrap items-center gap-2","children":[["$","a",null,{"href":"/","target":"$undefined","rel":"$undefined","className":"min-w-0 wrap-break-word text-sm transition-colors hover:text-[color:var(--lf-footer-fg)] text-[color:var(--lf-footer-fg-muted)]","children":"Start"}],null]}],["$","li","Über uns-/ueber-uns-1",{"className":"flex flex-wrap items-center gap-2","children":["$L38",null]}],"$L39","$L3a"]}],null]}]]}],"$L3b"]}]}]]}]}]}],"$L3c",null]}]}]]}]}],"$L3d"],null,null,null,null,"$L3e"]}] 16:o61,2c:["$","$2",null,{"fallback":null,"children":["$","$L3f",null,{"productMode":"FULL_WEBSITE"}]}] 16:ob98,40:I[293752,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"default"] 41:I[453852,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"GlobalHeaderPublishedPriorityNav",1] 42:I[890741,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"AccessibilityFooterTrigger",1] 43:I[473977,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"CookieSettingsFooterTrigger",1] 44:I[457360,["/_next/static/immutable/chunks/3p68riljsadfv.js","/_next/static/immutable/chunks/0mxo87nps4p5q.js","/_next/static/immutable/chunks/3zqpw18p_w0cc.js","/_next/static/immutable/chunks/3i-ap9av-tdjo.js","/_next/static/immutable/chunks/0_0c8x6dudev_.js","/_next/static/immutable/chunks/0ei1bzg-kh2-b.js","/_next/static/immutable/chunks/0gu0ycqt7b3jm.js","/_next/static/immutable/chunks/05uxmaqyayz3i.js","/_next/static/immutable/chunks/27ek7szuqibkn.js","/_next/static/immutable/chunks/3r4fduqln9fgc.js","/_next/static/immutable/chunks/3gsnfz39ih6on.js"],"AccessibilityFloatingTrigger",1] 16:o9c4,30:["$","div",null,{"className":"hidden min-w-0 flex-1 items-center justify-end gap-8 overflow-hidden md:flex","data-lf-header-priority-track":"","children":[["$","div",null,{"data-nav-links":"true","className":"flex min-w-0 flex-1 items-center gap-8 overflow-hidden justify-end ","children":[["$","div","/-Start",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Start"}],null]}],["$","div","/ueber-uns-Über uns",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/ueber-uns","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Über uns"}],null]}],["$","div","/aktuelles-Aktuelles",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/aktuelles","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Aktuelles"}],null]}],["$","div","/termine-Termine",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/termine","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Termine"}],null]}]]}],["$","div",null,{"data-lf-header-cta-track":"","className":"flex items-center justify-end gap-3","children":[null,[["$","a","Mitglied werden-/kontakt-0",{"href":"/kontakt","rel":"$undefined","target":"$undefined","className":"lf-cta lf-cta--primary lf-cta--size-default","aria-label":"$undefined","children":[null,["$","span",null,{"children":"Mitglied werden"}],["$","$2",null,{"fallback":["$","span",null,{"className":"lf-cta__icon","style":{"display":"inline-block","width":16,"height":16},"aria-hidden":"true"}],"children":["$","$L40",null,{"ref":"$undefined","iconNode":[["path",{"d":"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7","key":"132q7q"}],["rect",{"x":"2","y":"4","width":"20","height":"16","rx":"2","key":"izxlao"}]],"className":"lucide-mail lf-cta__icon","size":16,"strokeWidth":2}]}]]}]]]}]]}] 16:o88c,31:["$","$2",null,{"fallback":null,"children":["$","$L41",null,{"measureNavLinks":[["$","div","measure-/-Start",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Start"}],null]}],["$","div","measure-/ueber-uns-Über uns",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/ueber-uns","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Über uns"}],null]}],["$","div","measure-/aktuelles-Aktuelles",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/aktuelles","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Aktuelles"}],null]}],["$","div","measure-/termine-Termine",{"className":"group relative","data-lf-mega-trigger":"$undefined","children":[["$","a",null,{"href":"/termine","data-nav-item":true,"aria-haspopup":"$undefined","className":"text-sm font-medium !text-slate-900 transition hover:!text-brand-primary","target":"$undefined","rel":"$undefined","children":"Termine"}],null]}]],"measureCtas":[null,[["$","a","Mitglied werden-/kontakt-0",{"href":"/kontakt","rel":"$undefined","target":"$undefined","className":"lf-cta lf-cta--primary lf-cta--size-default","aria-label":"$undefined","children":[null,["$","span",null,{"children":"Mitglied werden"}],["$","$2",null,{"fallback":["$","span",null,{"className":"lf-cta__icon","style":{"display":"inline-block","width":16,"height":16},"aria-hidden":"true"}],"children":["$","$L40",null,{"ref":"$undefined","iconNode":"$30:props:children:1:props:children:1:0:props:children:2:props:children:props:iconNode","className":"lucide-mail lf-cta__icon","size":16,"strokeWidth":2}]}]]}]]],"navLinksPaddingClass":""}]}] 16:od76,32:["$","span",null,{"aria-hidden":true,"className":"lf-global-header__nav-underline","style":{"position":"absolute","bottom":0,"left":0,"height":"2px","width":0,"borderRadius":"2px","background":"var(--lf-color-primary)","opacity":0,"pointerEvents":"none"}}] 33:["$","$2",null,{"fallback":null,"children":null}] 38:["$","a",null,{"href":"/ueber-uns","target":"$undefined","rel":"$undefined","className":"min-w-0 wrap-break-word text-sm transition-colors hover:text-[color:var(--lf-footer-fg)] text-[color:var(--lf-footer-fg-muted)]","children":"Über uns"}] 39:["$","li","Vorstand-/ueber-uns#vorstand-2",{"className":"flex flex-wrap items-center gap-2","children":[["$","a",null,{"href":"/ueber-uns#vorstand","target":"$undefined","rel":"$undefined","className":"min-w-0 wrap-break-word text-sm transition-colors hover:text-[color:var(--lf-footer-fg)] text-[color:var(--lf-footer-fg-muted)]","children":"Vorstand"}],null]}] 3a:["$","li","Aktuelles-/aktuelles-3",{"className":"flex flex-wrap items-center gap-2","children":[["$","a",null,{"href":"/aktuelles","target":"$undefined","rel":"$undefined","className":"min-w-0 wrap-break-word text-sm transition-colors hover:text-[color:var(--lf-footer-fg)] text-[color:var(--lf-footer-fg-muted)]","children":"Aktuelles"}],null]}] 3b:["$","div","1",{"className":"flex min-w-0 flex-col gap-8 @md:gap-9 @lg:gap-10","children":[["$","div","Mitmachen-0",{"children":[["$","h3",null,{"className":"mb-3 text-sm font-semibold text-[color:var(--lf-footer-fg)] @sm:mb-4","children":"Mitmachen"}],["$","ul",null,{"className":"space-y-3","children":[["$","li","Termine-/termine-0",{"className":"flex flex-wrap items-center gap-2","children":[["$","a",null,{"href":"/termine","target":"$undefined","rel":"$undefined","className":"min-w-0 wrap-break-word text-sm transition-colors hover:text-[color:var(--lf-footer-fg)] text-[color:var(--lf-footer-fg-muted)]","children":"Termine"}],null]}],["$","li","Kontakt-/kontakt-1",{"className":"flex flex-wrap items-center gap-2","children":[["$","a",null,{"href":"/kontakt","target":"$undefined","rel":"$undefined","className":"min-w-0 wrap-break-word text-sm transition-colors hover:text-[color:var(--lf-footer-fg)] text-[color:var(--lf-footer-fg-muted)]","children":"Kontakt"}],null]}]]}],null]}]]}] 3c:["$","div",null,{"className":"lf-footer__legal-strip text-[color:var(--lf-legal-fg)] ","data-lf-legal-bg":"dark","children":["$","div",null,{"className":"w-full px-6","children":["$","div",null,{"className":"mx-auto flex max-w-7xl flex-col gap-4 py-5 @sm:py-6 @md:flex-row @md:items-center @md:justify-between","children":[["$","p",null,{"className":"text-sm text-[color:var(--lf-legal-fg-muted)]","children":"© 2026 Freundeskreis Marcq-en-Barœul e.V."}],["$","ul",null,{"className":"flex flex-wrap items-center gap-x-6 gap-y-2","children":[[["$","li","/impressum-Impressum-0",{"children":["$","a",null,{"href":"/impressum","target":"$undefined","rel":"$undefined","className":"text-sm text-[color:var(--lf-legal-fg-muted)] transition-colors hover:text-[color:var(--lf-legal-fg)]","children":"Impressum"}]}],["$","li","/datenschutz-Datenschutz-1",{"children":["$","a",null,{"href":"/datenschutz","target":"$undefined","rel":"$undefined","className":"text-sm text-[color:var(--lf-legal-fg-muted)] transition-colors hover:text-[color:var(--lf-legal-fg)]","children":"Datenschutz"}]}]],["$","$L42",null,{"locale":"de"}],["$","$L43",null,{"locale":"de"}],null]}]]}]}]}] 16:o667,3d:["$","div",null,{"data-lf-chrome-footer":"legal","hidden":true,"children":["$","$2",null,{"fallback":null,"children":[["$","$1","client-website-footer",{"children":["$","footer",null,{"data-lf-block":"global-footer","data-lf-id":"client-website-footer","data-lf-footer-layout":"legal","data-lf-footer-bg":"dark","className":"lf-block lf-footer @container min-w-0 w-full border-t border-[color:var(--lf-footer-bd)] text-[color:var(--lf-footer-fg)]","children":["$","div",null,{"className":"lf-footer__legal-strip text-[color:var(--lf-legal-fg)] ","data-lf-legal-bg":"dark","children":["$","div",null,{"className":"w-full px-6","children":["$","div",null,{"className":"mx-auto flex max-w-7xl flex-col gap-4 py-5 @sm:py-6 @md:flex-row @md:items-center @md:justify-between","children":[["$","p",null,{"className":"text-sm text-[color:var(--lf-legal-fg-muted)]","children":"© 2026 Freundeskreis Marcq-en-Barœul e.V."}],["$","ul",null,{"className":"flex flex-wrap items-center gap-x-6 gap-y-2","children":[[["$","li","/impressum-Impressum-0",{"children":["$","a",null,{"href":"/impressum","target":"$undefined","rel":"$undefined","className":"text-sm text-[color:var(--lf-legal-fg-muted)] transition-colors hover:text-[color:var(--lf-legal-fg)]","children":"Impressum"}]}],["$","li","/datenschutz-Datenschutz-1",{"children":["$","a",null,{"href":"/datenschutz","target":"$undefined","rel":"$undefined","className":"text-sm text-[color:var(--lf-legal-fg-muted)] transition-colors hover:text-[color:var(--lf-legal-fg)]","children":"Datenschutz"}]}]],["$","$L42",null,{"locale":"de"}],["$","$L43",null,{"locale":"de"}],null]}]]}]}]}]}]}]]}]}] 16:o18,3e:["$","$L44",null,{}] 16:o2b,11:C f:C 10:C a:C c:C d:C 13:false 12:6811 16:C 2a:["$","div",null,{"className":"lf-global-header-behavior-sentinel","data-lf-header-behavior":"fixed","data-lf-header-position":"fixedViewport","data-lf-header-visible":"true","children":["$","div",null,{"className":"lf-global-header__surface pointer-events-auto relative isolate overflow-visible bg-[var(--lf-color-background)] border-b border-slate-200","style":"$undefined","children":[["$","$2",null,{"fallback":null,"children":null}],["$","div",null,{"className":"w-full px-6","children":["$","div",null,{"className":"lf-global-header__bar relative flex items-center gap-4 py-4 md:gap-6 mx-auto max-w-7xl","data-lf-header-nav-state":"full","children":[["$","a",null,{"href":"/","className":"flex min-w-0 flex-1 items-center gap-2 md:flex-none","children":[["$","img",null,{"src":"https://tbrlabbpzladxbrc.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/08/31/scr-20260831-jmob-c5b7c6e7-46b.png","alt":"Freundeskreis Marcq-en-Barœul e.V.","className":"w-auto shrink-0 h-[var(--lf-brand-logo-height)] md:h-[var(--lf-brand-logo-height-md)]","style":{"--lf-brand-logo-height":"32px","--lf-brand-logo-height-md":"32px"},"fetchPriority":"low","decoding":"async","width":128,"height":32}],["$","span",null,{"className":"min-w-0 text-sm font-bold leading-tight text-slate-900 md:text-base","children":"Freundeskreis Marcq-en-Barœul e.V."}]]}],["$","$2",null,{"fallback":["$","div",null,{"className":"lf-global-header__mobile-actions relative z-20 flex shrink-0 items-center md:hidden","style":{"minHeight":"2.6875rem"},"children":["$","button",null,{"type":"button","data-lf-mobile-menu-toggle":true,"className":"inline-flex h-10 w-10 cursor-pointer touch-manipulation items-center justify-center rounded-lg text-slate-900 transition hover:bg-slate-100","aria-label":"Menü öffnen","aria-expanded":"false","aria-controls":"lf-global-header-mobile-menu","children":["$","svg",null,{"className":"h-6 w-6","viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":"1.75","aria-hidden":"true","children":["$","path",null,{"d":"M4 6h16M4 12h16M4 18h16"}]}]}]}],"children":["$","$L32",null,{"vm":{"basePath":"","name":"Freundeskreis Marcq-en-Barœul e.V.","resolvedLogoUrl":"https://tbrlabbpzladxbrc.public.blob.vercel-storage.com/brands/cmpjjwka70002ne4y96zzuw8i/sites/cmarcqenbaroeulcust01/images/2026/08/31/scr-20260831-jmob-c5b7c6e7-46b.png","resolvedLogoAlt":"$undefined","logoHeights":"$undefined","hideBrandName":false,"resolvedLinks":[{"label":"Start","href":"/","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]},{"label":"Über uns","href":"/ueber-uns","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]},{"label":"Aktuelles","href":"/aktuelles","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]},{"label":"Termine","href":"/termine","target":"$undefined","icon":"$undefined","description":"$undefined","children":[]}],"renderedButtons":[{"href":"/kontakt","icon":"Mail","size":"default","label":"Mitglied werden","variant":"primary","iconPosition":"right"}],"showMobileMenu":true,"navigationAlign":"right","navMarker":"underline","navCase":"sentence","localeStyle":"dropdown","nameLayout":"inline","showLanguageSwitcher":false,"headerTranslation":{"currentLocale":"de","defaultLocale":"de","routingMode":"cookie","locales":[{"code":"de","label":"Deutsch","flag":"de","domain":null}]},"pageLocale":"de","submenuStyle":"list","resolvedHeaderBehavior":"fixed","headerDesign":"box","contentFullWidth":false,"isFloatingPill":false,"pillFrameClass":"","headerSurfaceClass":"bg-[var(--lf-color-background)] border-b border-slate-200","headerSurfaceStyle":"$undefined","headerGutterClass":"w-full px-6","headerInnerClass":"mx-auto max-w-7xl","topBarEnabled":false,"topBarToneClass":"","topBarToneStyle":{"backgroundColor":"var(--lf-color-dark-background)","color":"var(--lf-color-dark-background-foreground)"},"topBarLink":{"className":"inline-flex items-center gap-1.5 transition hover:underline underline-offset-4","style":{"color":"var(--lf-color-dark-background-foreground)"}},"topBarGutterClass":"w-full px-6","topBarInnerClass":"mx-auto max-w-7xl","leftTopBarItems":[],"centerTopBarItems":[],"rightTopBarItems":[{"href":"/termine","icon":"CalendarDays","side":"right","label":"Nächste Termine","hideOnMobile":true}],"topBarItems":["$2a:props:children:props:children:1:props:children:props:children:1:props:children:props:vm:rightTopBarItems:0"],"mobileTopBarItems":[],"navLinksPaddingClass":"","navAlignClass":{"left":"justify-start","center":"justify-center","right":"justify-end"},"behaviorFrameBehavior":"fixed","behaviorFramePositionMode":"fixedViewport"}}]}],"$L33","$L34","$L35"]}]}],"$L36"]}]}] 2b:["$","div",null,{"aria-hidden":true,"className":"lf-global-header-behavior-spacer","style":{"height":"var(--lf-global-header-spacer-reserve, 4rem)"}}] 2c:["$","$2",null,{"fallback":null,"children":["$","$L37",null,{"isFloatingPill":false,"needsBehaviorSpacer":true}]}] 2d:["$","$2",null,{"fallback":null,"children":["$","$L38",null,{"behavior":"fixed","positionMode":"fixedViewport"}]}] 2e:["$","$2",null,{"fallback":null,"children":["$","$L39",null,{"vm":"$2a:props:children:props:children:1:props:children:props:children:1:props:children:props:vm"}]}] 2f:["$","$L3a",null,{"config":{"enabled":true,"widget":{"trigger":"footer-link","footerTriggerLabel":"Anzeige anpassen","statementPath":"/barrierefreiheit","features":{"textSize":true,"contrast":true,"grayscale":true,"underlineLinks":true,"readableFont":true,"lineHeight":true,"textAlign":true,"pauseAnimations":true,"readingGuide":false,"hideImages":true,"focusOutline":true,"skipToMain":true}}},"themeColors":{"primary":"#1F2937","primaryForeground":"#FFFFFF"},"includeSkipLink":false,"locale":"de","children":[[[["$","$2",null,{"fallback":null,"children":["$","style",null,{"data-template":"site","dangerouslySetInnerHTML":{"__html":".lf-site-template[data-template=\"site\"] /* Template: client-default */\n/* Client baseline combining dynamic sections with calendar, .lf-site-template[data-template=\"site\"] team, .lf-site-template[data-template=\"site\"] and contact pages. */\n\n:root {\n --color-primary: #2563eb;\n --color-background: #ffffff;\n --color-surface: #f8fafc;\n --color-text: #0f172a;\n --font-heading: \"Inter\", sans-serif;\n --font-body: \"Inter\", sans-serif;\n}"}}]}],["$","div",null,{"className":"lf-site-template","data-template":"site","children":["$","$2",null,{"fallback":["$","div",null,{"aria-hidden":true,"data-lf-tenant-page-fallback":true,"className":"min-h-screen bg-white"}],"children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]}]}]],["$","div",null,{"data-lf-chrome-footer":"standard","hidden":false,"children":["$","$2",null,{"fallback":null,"children":[["$","$1","client-website-footer",{"children":["$","footer",null,{"data-lf-block":"global-footer","data-lf-id":"client-website-footer","data-lf-footer-layout":"standard","data-lf-footer-bg":"dark","className":"lf-block lf-footer @container min-w-0 w-full border-t border-[color:var(--lf-footer-bd)] text-[color:var(--lf-footer-fg)]","children":[["$","div",null,{"className":"w-full px-6","children":["$","div",null,{"className":"mx-auto max-w-7xl py-12 @sm:py-14 @lg:py-16","children":["$","div",null,{"className":"flex flex-col gap-10 @sm:gap-12 @md:gap-14 @lg:flex-row @lg:items-start @lg:gap-20 @xl:gap-28","children":[["$","div",null,{"className":"w-full @lg:w-auto @lg:shrink @lg:max-w-sm","children":[["$","a",null,{"href":"/","className":"mb-5 flex items-center gap-2 @sm:mb-6","children":[null,["$","span",null,{"className":"text-xl font-bold text-[color:var(--lf-footer-fg)]","children":"Freundeskreis Marcq-en-Barœul e.V."}]]}],["$","p",null,{"className":"text-sm leading-relaxed text-[color:var(--lf-footer-fg-muted)]","children":"Städtepartnerschaft Gladbeck – Marcq-en-Barœul seit 1964."}],["$","ul",null,{"className":"mt-5 space-y-2 text-sm text-[color:var(--lf-footer-fg-muted)] @sm:mt-6","children":[["$","li",null,{"children":["$","a",null,{"href":"mailto:info@freundeskreis-marcq-en-baroeul.de","className":"transition-colors hover:text-[color:var(--lf-footer-fg)]","children":"info@freundeskreis-marcq-en-baroeul.de"}]}],null]}],null,null]}],["$","div",null,{"className":"lf-footer__link-area @container min-w-0 w-full flex-1 border-t border-[color:var(--lf-footer-bd)] pt-10 @sm:border-t-0 @sm:pt-0 @lg:min-w-56 @lg:pl-10 @xl:pl-16","children":["$","div",null,{"className":"grid w-full grid-cols-1 gap-x-0 gap-y-8 @sm:gap-x-8 @sm:gap-y-9 @md:gap-x-12 @md:gap-y-10 @lg:gap-x-20 @xl:gap-x-28 @sm:grid-cols-2 @md:grid-cols-2","children":[["$","div","0",{"className":"flex min-w-0 flex-col gap-8 @md:gap-9 @lg:gap-10","children":[["$","div","Verein-0",{"children":[["$","h3",null,{"className":"mb-3 text-sm font-semibold text-[color:var(--lf-footer-fg)] @sm:mb-4","children":"Verein"}],["$","ul",null,{"className":"space-y-3","children":[["$","li","Start-/-0",{"className":"flex flex-wrap items-center gap-2","children":[["$","a",null,{"href":"/","target":"$undefined","rel":"$undefined","className":"min-w-0 wrap-break-word text-sm transition-colors hover:text-[color:var(--lf-footer-fg)] text-[color:var(--lf-footer-fg-muted)]","children":"Start"}],null]}],["$","li","Über uns-/ueber-uns-1",{"className":"flex flex-wrap items-center gap-2","children":["$L3b",null]}],"$L3c","$L3d"]}],null]}]]}],"$L3e"]}]}]]}]}]}],"$L3f",null]}]}]]}]}],"$L40"],null,null,null,null,"$L41"]}] 30:["$","$2",null,{"fallback":null,"children":["$","$L42",null,{"productMode":"FULL_WEBSITE"}]}]