PageSourceSearch

https://kinderzentrum.de/

html kinderzentrum.de collected 2026-10-04 19:55:44 UTC 299,524 bytes, 6,563 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="de">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width,initial-scale=1">
7    <meta name="theme-color" content="">
8    <link rel="canonical" href="https://kinderzentrum.de/"><link rel="icon" type="image/png" href="//kinderzentrum.de/cdn/shop/files/logo_favicon.png?crop=center&height=32&v=1731841774&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
9      Zentrum für Kinder und Jugendliche
10</title>
11
12    
13
14    
15
16<meta property="og:site_name" content="Zentrum für Kinder und Jugendliche">
17<meta property="og:url" content="https://kinderzentrum.de/">
18<meta property="og:title" content="Zentrum für Kinder und Jugendliche">
19<meta property="og:type" content="website">
20<meta property="og:description" content="Zentrum für Kinder und Jugendliche"><meta name="twitter:card" content="summary_large_image">
21<meta name="twitter:title" content="Zentrum für Kinder und Jugendliche">
22<meta name="twitter:description" content="Zentrum für Kinder und Jugendliche">
23
24
25    
25<script src="//kinderzentrum.de/cdn/shop/t/2/assets/constants.js?v=58251544750838685771731838731" defer="defer"></script>
25
26    
26<script src="//kinderzentrum.de/cdn/shop/t/2/assets/pubsub.js?v=158357773527763999511731838731" defer="defer"></script>
26
27    
27<script src="//kinderzentrum.de/cdn/shop/t/2/assets/global.js?v=107462146921620150881731838731" defer="defer"></script>
27<script src="//kinderzentrum.de/cdn/shop/t/2/assets/animations.js?v=88693664871331136111731838731" defer="defer"></script>
27<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
27<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/91333787994/digital_wallets/dialog">
28<meta id="in-context-paypal-metadata" data-shop-id="91333787994" data-venmo-supported="false" data-environment="production" data-locale="de_DE" data-paypal-v4="true" data-currency="EUR">
29<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://kinderzentrum.de/">
30<link rel="alternate" hreflang="de" href="https://kinderzentrum.de/">
31<link rel="alternate" hreflang="en" href="https://kinderzentrum.de/en">
32<link rel="alternate" hreflang="rn" href="https://kinderzentrum.de/rn">
33<script async="async" src="/checkouts/internal/preloads.js?locale=de-DE"></script>
vendor: 1 bytes, line 33
33
34<script id="shopify-features" type="application/json">{"accessToken":"2036935a18a72dc03c957f38e33f96da","betas":["rich-media-storefront-analytics"],"domain":"kinderzentrum.de","predictiveSearch":true,"shopId":91333787994,"locale":"de"}</script>
vendor: 1 bytes, line 34
34
35<script>var Shopify = Shopify || {};
36Shopify.shop = "cytvn0-qw.myshopify.com";
37Shopify.locale = "de";
38Shopify.currency = {"active":"EUR","rate":"1.0"};
39Shopify.country = "DE";
40Shopify.theme = {"name":"ZKJ","id":174810661210,"schema_name":"Refresh","schema_version":"13.0.1","theme_store_id":null,"role":"main"};
41Shopify.theme.handle = "null";
42Shopify.theme.style = {"id":null,"handle":null};
43Shopify.cdnHost = "kinderzentrum.de/cdn";
44Shopify.routes = Shopify.routes || {};
45Shopify.routes.root = "/";
46Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
47Shopify.SignInWithShop = Shopify.SignInWithShop || {};
48Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
49Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 49
49
50<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 50
50
51<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 51
51
52<script>
53  window.Shopify = window.Shopify || {};
54  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
55  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
56  window.Shopify.SignInWithShop.eligible = true;
57</script>
vendor: 1 bytes, line 57
57
58<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 58
58
59<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js"></script>
vendor: 1 bytes, line 59
59
60<script type="module">
61  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.de.esm.js");
62
63  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
64
65</script>
vendor: 1 bytes, line 65
65
66<script>
67  window.Shopify = window.Shopify || {};
68  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
69  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.de.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.de.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.de.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.de.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.de.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.de.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.de.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.de.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.de.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.de.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.de.esm.js"],"listener":["modules/v2/loader.listener.de.esm.js"],"pay-button":["modules/v2/loader.pay-button.de.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.de.esm.js"],"shop-button":["modules/v2/loader.shop-button.de.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.de.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.de.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.de.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.de.esm.js"],"shop-login":["modules/v2/loader.shop-login.de.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.de.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.de.esm.js"]};
70</script>
vendor: 1 bytes, line 70
70
71<script id="__st">var __st={"a":91333787994,"offset":7200,"reqid":"a22ef4c6-137e-4739-8131-36f471cb1812-1791143743","pageurl":"kinderzentrum.de\/","u":"bea40ee4753f","p":"home"};</script>
vendor: 1 bytes, line 71
71
72<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 72
72
73<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Durch hCaptcha geschützt',privacyText:'Datenschutz',termsText:'Allgemeine Geschäftsbedingungen'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 73
73
74<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//kinderzentrum.de/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 74
74
75<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//kinderzentrum.de/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
75<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 75
75
76<script>
77  window.Shopify = window.Shopify || {};
78  window.Shopify.MCP = window.Shopify.MCP || {};
79  window.Shopify.MCP.enabled = true;
80  window.Shopify.MCP.shop = "cytvn0-qw.myshopify.com";
81  window.Shopify.MCP.mcpEndpoint = "https:\/\/kinderzentrum.de\/api\/mcp";
82  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
83</script>
vendor: 1 bytes, line 83
83
84<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/kinderzentrum.de\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
85</script>
vendor: 1 bytes, line 85
85
86<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://kinderzentrum.de/cdn/shopifycloud/portable-wallets/latest/portable-wallets.de.js",t.type="module",document.head.appendChild(t)}};
87</script>
vendor: 1 bytes, line 87
87
88<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
89  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
90</script>
vendor: 1 bytes, line 90
90
91<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
92</script>
vendor: 1 bytes, line 92
92
93<script id='scb4127' type='text/javascript' async='' src='https://kinderzentrum.de/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
93<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://kinderzentrum.de/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
94<style id="shopify-accelerated-checkout-cart">
95        #shopify-buyer-consent {
96  margin-top: 1em;
97  display: inline-block;
98  width: 100%;
99}
100
101#shopify-buyer-consent.hidden {
102  display: none;
103}
104
105#shopify-subscription-policy-button {
106  background: none;
107  border: none;
108  padding: 0;
109  text-decoration: underline;
110  font-size: inherit;
111  cursor: pointer;
112}
113
114#shopify-subscription-policy-button::before {
115  box-shadow: none;
116}
117
118      </style>
119<script id="sections-script" data-sections="header" defer="defer" src="//kinderzentrum.de/cdn/shop/t/2/compiled_assets/scripts.js?v=184325197989695213571736184890"></script>
vendor: 1 bytes, line 119
119
120<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
120
121
122
123    <style data-shopify>
124      
125      
126      
127      
128      @font-face {
129  font-family: Archivo;
130  font-weight: 700;
131  font-style: normal;
132  font-display: swap;
133  src: url("//kinderzentrum.de/cdn/fonts/archivo/archivo_n7.651b020b3543640c100112be6f1c1b8e816c7f13.woff2") format("woff2"),
134       url("//kinderzentrum.de/cdn/fonts/archivo/archivo_n7.7e9106d320e6594976a7dcb57957f3e712e83c96.woff") format("woff");
135}
136
137
138      
139        :root,
140        .color-scheme-1 {
141          --color-background: 255,255,255;
142        
143          --gradient-background: #ffffff;
144        
145
146        
147
148        --color-foreground: 0,0,0;
149        --color-background-contrast: 191,191,191;
150        --color-shadow: 9,9,11;
151        --color-button: 255,255,255;
152        --color-button-text: 0,0,0;
153        --color-secondary-button: 255,255,255;
154        --color-secondary-button-text: 9,9,11;
155        --color-link: 9,9,11;
156        --color-badge-foreground: 0,0,0;
157        --color-badge-background: 255,255,255;
158        --color-badge-border: 0,0,0;
159        --payment-terms-background-color: rgb(255 255 255);
160      }
161      
162        
163        .color-scheme-2 {
164          --color-background: 185,216,245;
165        
166          --gradient-background: #b9d8f5;
167        
168
169        
170
171        --color-foreground: 14,27,77;
172        --color-background-contrast: 73,154,229;
173        --color-shadow: 255,255,255;
174        --color-button: 255,255,255;
175        --color-button-text: 255,255,255;
176        --color-secondary-button: 185,216,245;
177        --color-secondary-button-text: 255,255,255;
178        --color-link: 255,255,255;
179        --color-badge-foreground: 14,27,77;
180        --color-badge-background: 185,216,245;
181        --color-badge-border: 14,27,77;
182        --payment-terms-background-color: rgb(185 216 245);
183      }
184      
185        
186        .color-scheme-3 {
187          --color-background: 244,241,235;
188        
189          --gradient-background: #f4f1eb;
190        
191
192        
193
194        --color-foreground: 0,0,0;
195        --color-background-contrast: 199,183,153;
196        --color-shadow: 14,27,77;
197        --color-button: 255,255,255;
198        --color-button-text: 0,0,0;
199        --color-secondary-button: 244,241,235;
200        --color-secondary-button-text: 9,9,11;
201        --color-link: 9,9,11;
202        --color-badge-foreground: 0,0,0;
203        --color-badge-background: 244,241,235;
204        --color-badge-border: 0,0,0;
205        --payment-terms-background-color: rgb(244 241 235);
206      }
207      
208        
209        .color-scheme-4 {
210          --color-background: 138,138,138;
211        
212          --gradient-background: #8a8a8a;
213        
214
215        
216
217        --color-foreground: 255,255,255;
218        --color-background-contrast: 74,74,74;
219        --color-shadow: 14,27,77;
220        --color-button: 255,255,255;
221        --color-button-text: 0,0,0;
222        --color-secondary-button: 138,138,138;
223        --color-secondary-button-text: 255,255,255;
224        --color-link: 255,255,255;
225        --color-badge-foreground: 255,255,255;
226        --color-badge-background: 138,138,138;
227        --color-badge-border: 255,255,255;
228        --payment-terms-background-color: rgb(138 138 138);
229      }
230      
231        
232        .color-scheme-5 {
233          --color-background: 221,29,29;
234        
235          --gradient-background: #dd1d1d;
236        
237
238        
239
240        --color-foreground: 255,255,255;
241        --color-background-contrast: 108,14,14;
242        --color-shadow: 14,27,77;
243        --color-button: 255,255,255;
244        --color-button-text: 227,36,2;
245        --color-secondary-button: 221,29,29;
246        --color-secondary-button-text: 255,255,255;
247        --color-link: 255,255,255;
248        --color-badge-foreground: 255,255,255;
249        --color-badge-background: 221,29,29;
250        --color-badge-border: 255,255,255;
251        --payment-terms-background-color: rgb(221 29 29);
252      }
253      
254
255      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
256        color: rgba(var(--color-foreground), 0.75);
257        background-color: rgb(var(--color-background));
258      }
259
260      :root {
261        --font-body-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
262        --font-body-style: normal;
263        --font-body-weight: 400;
264        --font-body-weight-bold: 700;
265
266        --font-heading-family: Archivo, sans-serif;
267        --font-heading-style: normal;
268        --font-heading-weight: 700;
269
270        --font-body-scale: 1.05;
271        --font-heading-scale: 1.1428571428571428;
272
273        --media-padding: px;
274        --media-border-opacity: 0.1;
275        --media-border-width: 0px;
276        --media-radius: 16px;
277        --media-shadow-opacity: 0.1;
278        --media-shadow-horizontal-offset: 0px;
279        --media-shadow-vertical-offset: 0px;
280        --media-shadow-blur-radius: 10px;
281        --media-shadow-visible: 1;
282
283        --page-width: 130rem;
284        --page-width-margin: 0rem;
285
286        --product-card-image-padding: 0.0rem;
287        --product-card-corner-radius: 1.2rem;
288        --product-card-text-alignment: left;
289        --product-card-border-width: 0.0rem;
290        --product-card-border-opacity: 0.15;
291        --product-card-shadow-opacity: 0.05;
292        --product-card-shadow-visible: 1;
293        --product-card-shadow-horizontal-offset: 0.0rem;
294        --product-card-shadow-vertical-offset: 0.0rem;
295        --product-card-shadow-blur-radius: 0.5rem;
296
297        --collection-card-image-padding: 0.6rem;
298        --collection-card-corner-radius: 1.6rem;
299        --collection-card-text-alignment: left;
300        --collection-card-border-width: 0.1rem;
301        --collection-card-border-opacity: 0.7;
302        --collection-card-shadow-opacity: 0.1;
303        --collection-card-shadow-visible: 1;
304        --collection-card-shadow-horizontal-offset: 0.0rem;
305        --collection-card-shadow-vertical-offset: 0.0rem;
306        --collection-card-shadow-blur-radius: 0.5rem;
307
308        --blog-card-image-padding: 1.6rem;
309        --blog-card-corner-radius: 1.6rem;
310        --blog-card-text-alignment: left;
311        --blog-card-border-width: 0.0rem;
312        --blog-card-border-opacity: 1.0;
313        --blog-card-shadow-opacity: 0.1;
314        --blog-card-shadow-visible: 1;
315        --blog-card-shadow-horizontal-offset: 0.0rem;
316        --blog-card-shadow-vertical-offset: 0.4rem;
317        --blog-card-shadow-blur-radius: 0.5rem;
318
319        --badge-corner-radius: 4.0rem;
320
321        --popup-border-width: 1px;
322        --popup-border-opacity: 0.1;
323        --popup-corner-radius: 18px;
324        --popup-shadow-opacity: 0.1;
325        --popup-shadow-horizontal-offset: 0px;
326        --popup-shadow-vertical-offset: 4px;
327        --popup-shadow-blur-radius: 5px;
328
329        --drawer-border-width: 0px;
330        --drawer-border-opacity: 0.1;
331        --drawer-shadow-opacity: 0.0;
332        --drawer-shadow-horizontal-offset: 0px;
333        --drawer-shadow-vertical-offset: 4px;
334        --drawer-shadow-blur-radius: 5px;
335
336        --spacing-sections-desktop: 0px;
337        --spacing-sections-mobile: 0px;
338
339        --grid-desktop-vertical-spacing: 28px;
340        --grid-desktop-horizontal-spacing: 20px;
341        --grid-mobile-vertical-spacing: 14px;
342        --grid-mobile-horizontal-spacing: 10px;
343
344        --text-boxes-border-opacity: 0.55;
345        --text-boxes-border-width: 0px;
346        --text-boxes-radius: 16px;
347        --text-boxes-shadow-opacity: 0.0;
348        --text-boxes-shadow-visible: 0;
349        --text-boxes-shadow-horizontal-offset: 0px;
350        --text-boxes-shadow-vertical-offset: 0px;
351        --text-boxes-shadow-blur-radius: 5px;
352
353        --buttons-radius: 40px;
354        --buttons-radius-outset: 41px;
355        --buttons-border-width: 1px;
356        --buttons-border-opacity: 0.2;
357        --buttons-shadow-opacity: 0.0;
358        --buttons-shadow-visible: 0;
359        --buttons-shadow-horizontal-offset: 0px;
360        --buttons-shadow-vertical-offset: 4px;
361        --buttons-shadow-blur-radius: 10px;
362        --buttons-border-offset: 0.3px;
363
364        --inputs-radius: 26px;
365        --inputs-border-width: 2px;
366        --inputs-border-opacity: 0.55;
367        --inputs-shadow-opacity: 0.0;
368        --inputs-shadow-horizontal-offset: 0px;
369        --inputs-margin-offset: 0px;
370        --inputs-shadow-vertical-offset: 4px;
371        --inputs-shadow-blur-radius: 5px;
372        --inputs-radius-outset: 28px;
373
374        --variant-pills-radius: 40px;
375        --variant-pills-border-width: 1px;
376        --variant-pills-border-opacity: 0.55;
377        --variant-pills-shadow-opacity: 0.0;
378        --variant-pills-shadow-horizontal-offset: 0px;
379        --variant-pills-shadow-vertical-offset: 4px;
380        --variant-pills-shadow-blur-radius: 5px;
381      }
382
383      *,
384      *::before,
385      *::after {
386        box-sizing: inherit;
387      }
388
389      html {
390        box-sizing: border-box;
391        font-size: calc(var(--font-body-scale) * 62.5%);
392        height: 100%;
393      }
394
395      body {
396        display: grid;
397        grid-template-rows: auto auto 1fr auto;
398        grid-template-columns: 100%;
399        min-height: 100%;
400        margin: 0;
401        font-size: 1.5rem;
402        letter-spacing: 0.06rem;
403        line-height: calc(1 + 0.8 / var(--font-body-scale));
404        font-family: var(--font-body-family);
405        font-style: var(--font-body-style);
406        font-weight: var(--font-body-weight);
407      }
408
409      @media screen and (min-width: 750px) {
410        body {
411          font-size: 1.6rem;
412        }
413      }
414    </style>
415
416    <link href="//kinderzentrum.de/cdn/shop/t/2/assets/base.css?v=145315415976311169581731838731" rel="stylesheet" type="text/css" media="all" />
417<link rel="preload" as="font" href="//kinderzentrum.de/cdn/fonts/archivo/archivo_n7.651b020b3543640c100112be6f1c1b8e816c7f13.woff2" type="font/woff2" crossorigin><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-localization-form.css?v=124545717069420038221731838731" rel="stylesheet" type="text/css" media="all" />
418      
418<script src="//kinderzentrum.de/cdn/shop/t/2/assets/localization-form.js?v=169565320306168926741731838731" defer="defer"></script>
418<link
419        rel="stylesheet"
420        href="//kinderzentrum.de/cdn/shop/t/2/assets/component-predictive-search.css?v=118923337488134913561731838731"
421        media="print"
422        onload="this.media='all'"
423      >
423<script>
424      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
425      if (Shopify.designMode) {
426        document.documentElement.classList.add('shopify-design-mode');
427      }
428    </script>
428
429  <!-- BEGIN app block: shopify://apps/ta-banner-pop-up/blocks/bss-banner-popup/2db47c8b-7637-4260-aa84-586b08e92aea -->
429<script id='bss-banner-config-data'>
430	if(typeof BSS_BP == "undefined") {
431	  window.BSS_BP = {
432	  	app_id: "155531739137",
433			shop_id: "3737",
434			is_watermark: "true",
435			customer: null,
436			shopDomain: "cytvn0-qw.myshopify.com",
437			storefrontAccessToken: "c52f1363d0a89ff94ec15c40a77a3966",
438			popup: {
439				configs: [],
440			},
441			banner: {
442				configs: []
443			},
444			window_popup: {
445				configs: []
446			},
447			popupSettings: {
448				delay_time: 2,
449				gap_time: 3,
450			},
451			page_type: "index",
452			productPageId: "",
453			collectionPageId: "",
454			noImageAvailableImgUrl: "https://cdn.shopify.com/extensions/01a0fc27-9118-7809-9b45-0b597a616c21/version_47bc2c04-2026-10-02_17h27m/assets/no-image-available.png",
455			currentLocale: {
456				name: "Deutsch",
457				primary: true,
458				iso_code: "de",
459			},
460			country: {
461				name: "Deutschland",
462				iso_code: "DE",
463				currencySymbol: "€",
464				// localization.market.id is deprecated by Shopify (only returns the most specific
465				// market a buyer belongs to, breaks once a targeted market gets child markets).
466				// Kept only as a fallback for configs not yet resynced with resolved country data
467				// - see checkVisibilityMarket in shared/condition.js.
468				market_id: "90287210842",
469			},
470			is_locked: false,
471			partner_development: false,
472			excluded_ips: '[]',
473			current_page_ids: {
474				product: "gid://shopify/Product/",
475				collection: "gid://shopify/Collection/",
476				page: "gid://shopify/Page/",
477				blog: "gid://shopify/Blog/",
478				article: "gid://shopify/Article/"
479			},
480			watermarkLogo: "https://cdn.shopify.com/extensions/01a0fc27-9118-7809-9b45-0b597a616c21/version_47bc2c04-2026-10-02_17h27m/assets/watermark_128.png",
481		}
482		Object.defineProperty(BSS_BP, 'plan_code', {
483			enumerable: false,
484			configurable: false,
485			writable: false,
486			value: "free",
487		});
488		Object.defineProperty(BSS_BP, 'is_exceed_quota', {
489			enumerable: false,
490			configurable: false,
491			writable: false,
492			value: "false",
493		});
494		Object.defineProperty(BSS_BP, 'is_legacy', {
495			enumerable: false,
496			configurable: false,
497			writable: false,
498			value: "true",
499		});
500	}
501</script>
501
502
503
504	<link fetchpriority="high" rel="preload" as="script" href=https://cdn.shopify.com/extensions/01a0fc27-9118-7809-9b45-0b597a616c21/version_47bc2c04-2026-10-02_17h27m/assets/bss.bp.shared.js />
505	<!-- BEGIN app snippet: window-popup-config -->
506<!-- BSS Preload window popup image --><!-- Preload script -->
507  
508
509	
509<script id="bss-window-popup-config" type="application/json">
510    {"configs":[],"dictionary":null}
511  </script>
511
512
513  
513<script>
514    const bssWindowPopupConfig = document.querySelector("script#bss-window-popup-config");
515    const parsedWPConfig = JSON.parse(bssWindowPopupConfig.textContent)  
516    BSS_BP.window_popup.configs = parsedWPConfig.configs;
517    BSS_BP.window_popup.dictionary = parsedWPConfig.dictionary || {};
518  </script>
518<!-- END app snippet -->
519	<!-- BEGIN app snippet: banner-config --><!-- BSS Preload banner font --><!-- Preload script -->
520  
521    <link rel="preload" as="script" href="https://cdn.shopify.com/extensions/01a0fc27-9118-7809-9b45-0b597a616c21/version_47bc2c04-2026-10-02_17h27m/assets/bss.bp.banner.js" />
522  
523
524  
524<script id="bss-banner-config" type="application/json">
525    {"configs":[],"dictionary":null }
526  </script>
526
527  
527<script>
528    const bssBannerDataScript = document.querySelector("script#bss-banner-config");
529    const parsed = JSON.parse(bssBannerDataScript.textContent)  
530    BSS_BP.banner.configs = parsed.configs;
531    BSS_BP.banner.dictionary = parsed.dictionary || {};
532  </script>
532<!-- END app snippet -->
533	<!-- BEGIN app snippet: sale-popup-config -->
533<script id="bss-sale-popup-config" type="application/json">
534    {"configs":[{"id":19693,"shop_id":3737,"type":1,"priority":1,"enable":true,"name":"Vernetzungstreffen","device":"desktop,mobile","countries":"","enable_allowed_countries":false,"country_type":0,"exclude_countries":{"type":0,"countries":[]},"customer_type":0,"excl_customer_type":0,"excl_specific_page_stt":false,"customer_ids":"","customer_tags":"","excl_customer_ids":"","excl_customer_tags":"","pages":"all","specific_page":"","excl_specific_page":"","enable_language":false,"allowed_languages":"","enable_to_date":true,"enable_visibility_date":false,"enable_fixed_time":false,"from_date":"2026-05-31T12:44:23.619Z","to_date":"2026-05-31T12:44:23.619Z","fixed_time":"{}","custom_css":"","product_type":0,"excl_product_type":0,"product_ids":"","collections":"","tags":"","excl_product_ids":"","excl_tags":"","collection_type":0,"collection_ids":"","excl_product_collections":"","delay_type":0,"delay_time":0,"added_to_cart_items":[],"button_selectors":"","delay_time_seconds":0,"show_again_type":0,"show_again_time":0,"is_deleted":false,"selected_markets":{"list":[],"enable":false},"trigger_settings":{"atc_tags":[],"cart_amount":0,"atc_collections":[],"cart_value_operator":0,"enable_on_cart_page":false,"exit_intent_device_target":0},"created_at":"2026-05-31T12:48:30.011Z","updated_at":"2026-05-31T12:57:16.886Z","sale_popup":{"id":8909,"popup_id":19693,"heading":"%3Cp%20style%3D%22font-size%3A%2013px%3B%22%3E%3Cspan%20style%3D%22font-size%3A%2014px%3B%22%3E%3Cstrong%20class%3D%22bold%22%3EVernetzungstreffen%20f%FCr%20Therapeut%3Ainnen%3C\/strong%3E%3C\/span%3E%3C\/p%3E","content":"%3Cp%20style%3D%22font-size%3A%2013px%3B%22%3EHier%20gehts%20zur%20Anmeldung%3C\/p%3E","img_url_cdn":"https:\/\/cdn.shopify.com\/s\/files\/1\/0913\/3378\/7994\/files\/app-bss-banner-popup_a41929e1-399a-4abe-a648-7414ea603739_Screenshot2026-05-31145154.png?v=1780231972","img_url_s3":"https:\/\/production-banner-bucket.s3.us-east-2.amazonaws.com\/bss_bp\/customer_images\/3737\/a41929e1-399a-4abe-a648-7414ea603739_Screenshot2026-05-31145154.png","position":0,"animation_type":0,"margin_top_bottom":20,"margin_left_right":20,"mb_position":0,"mb_animation_type":0,"mb_margin_top_bottom":20,"clickable":false,"direct_link":"gid:\/\/shopify\/Product\/10868924842330","impressions":5,"display_time":10,"font_family":"","font_url":"","font_url_cdn":null,"bg_type":0,"bg_color":"#FFFFFF","bg_opacity":100,"bg_gradient":"{\"color1\":\"#FF6162\",\"color2\":\"#FF9766\"}","bg_preset":0,"bg_img_url_cdn":null,"bg_img_url_s3":"","bg_img_path_name":null,"bg_size":"auto","hide_img":false,"created_at":"2026-05-31T12:48:30.011Z","updated_at":"2026-05-31T12:57:16.886Z","always_visible":false,"image_size":56,"popup_width":316,"enable_size_mobile":false,"mb_image_size":56,"mb_popup_width":316,"selected_template":{"changed_field":{"content":true,"heading":true},"is_customized":true,"current_template":"classic"}}}],"dictionary":null,"popup_settings":{"delay_time":5,"gap_time":60}}
535  </script>
535
536
537  
537<script>
538    const bssSalePopupConfig = document.querySelector("script#bss-sale-popup-config");
539    const parsedSPConfig = JSON.parse(bssSalePopupConfig.textContent)  
540    BSS_BP.popup.configs = parsedSPConfig.configs;
541    BSS_BP.popup.dictionary = parsedSPConfig.dictionary || {};
542    BSS_BP.popupSettings = parsedSPConfig.popup_settings || BSS_BP.popupSettings;
543  </script>
543<!-- END app snippet -->
544
545
546<!-- BEGIN app snippet: support-code -->
547<!-- END app snippet -->
548
549
550	
550<script
551		id='init_script'
552		defer
553		src='https://cdn.shopify.com/extensions/01a0fc27-9118-7809-9b45-0b597a616c21/version_47bc2c04-2026-10-02_17h27m/assets/bss.bp.index.js'
554	></script>
554
555
556
557
558<!-- END app block -->
558<script src="https://cdn.shopify.com/extensions/01a0fdff-2b95-7a42-80bb-495e663795ed/forms-2610/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
558
559<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
560<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 91333787994,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 560
560
561<script>
562  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
563</script>
vendor: 1 bytes, line 563
563
564<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
564).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 91333787994,storefrontBaseUrl: "https://kinderzentrum.de",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://kinderzentrum.de/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Zentrum für Kinder und Jugendliche","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"cytvn0-qw.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/kinderzentrum.de"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://kinderzentrum.de/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"174810661210","themePublished":"true","eventMetadataId":"aa378a92-98bd-4c6f-8110-404b9cfc4944","pageType":"home","shopId":"91333787994","storefrontBaseUrl":"https:\/\/kinderzentrum.de","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
564<script>
565  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
566  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
567  window.ShopifyAnalytics.meta.currency = 'EUR';
568  var meta = {"page":{"pageType":"home","requestId":"a22ef4c6-137e-4739-8131-36f471cb1812-1791143743"}};
569  for (var attr in meta) {
570    window.ShopifyAnalytics.meta[attr] = meta[attr];
571  }
572</script>
vendor: 1 bytes, line 572
572
573<script class="analytics">
574  (function () {
575    var customDocumentWrite = function(content) {
576      var jquery = null;
577
578      if (window.jQuery) {
579        jquery = window.jQuery;
580      } else if (window.Checkout && window.Checkout.$) {
581        jquery = window.Checkout.$;
582      }
583
584      if (jquery) {
585        jquery('body').append(content);
586      }
587    };
588
589    var hasLoggedConversion = function(token) {
590      if (token) {
591        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
592      }
593      return false;
594    }
595
596    var setCookieIfConversion = function(token) {
597      if (token) {
598        var twoMonthsFromNow = new Date(Date.now());
599        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
600
601        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
602      }
603    }
604
605    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
606    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
607    if (trekkie.integrations) {
608      return;
609    }
610    trekkie.methods = [
611      'identify',
612      'page',
613      'ready',
614      'track',
615      'trackForm',
616      'trackLink'
617    ];
618    trekkie.factory = function(method) {
619      return function() {
620        var args = Array.prototype.slice.call(arguments);
621        args.unshift(method);
622        trekkie.push(args);
623        if (method == 'track' || method == 'page') {
624          var pageUrl;
625          try {
626            pageUrl = window.location.href;
627          } catch (e) {}
628          var pageReferrer;
629          try {
630            pageReferrer = document.referrer;
631          } catch (e) {}
632          try {
633            if (window.__TREKKIE_SHIM_QUEUE == null) {
634              window.__TREKKIE_SHIM_QUEUE = [];
635            }
636            window.__TREKKIE_SHIM_QUEUE.push({
637              from: 'trekkie-stub',
638              method: method,
639              args: args.slice(1),
640              pageContext: {
641                url: pageUrl,
642                referrer: pageReferrer
643              }
644            });
645          } catch (e) {
646            // no-op
647          }
648        }
649        return trekkie;
650      };
651    };
652    for (var i = 0; i < trekkie.methods.length; i++) {
653      var key = trekkie.methods[i];
654      trekkie[key] = trekkie.factory(key);
655    }
656    trekkie.load = function(config) {
657      trekkie.config = config || {};
658      trekkie.config.initialDocumentCookie = document.cookie;
659      var first = document.getElementsByTagName('script')[0];
660var script = document.createElement('script');
661script.type = 'text/javascript';
662script.onerror = function(e) {
663  var scriptFallback = document.createElement('script');
664  scriptFallback.type = 'text/javascript';
665  scriptFallback.onerror = function(error) {
666          var Monorail = {
667      produce: function produce(monorailDomain, schemaId, payload) {
668        var currentMs = new Date().getTime();
669        var event = {
670          schema_id: schemaId,
671          payload: payload,
672          metadata: {
673            event_created_at_ms: currentMs,
674            event_sent_at_ms: currentMs
675          }
676        };
677        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
678      },
679      sendRequest: function sendRequest(endpointUrl, payload) {
680        // Try the sendBeacon API
681        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
682          var blobData = new window.Blob([payload], {
683            type: 'text/plain'
684          });
685
686          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
687            return true;
688          } // sendBeacon was not successful
689
690        } // XHR beacon
691
692        var xhr = new XMLHttpRequest();
693
694        try {
695          xhr.open('POST', endpointUrl);
696          xhr.setRequestHeader('Content-Type', 'text/plain');
697          xhr.send(payload);
698        } catch (e) {
699          console.log(e);
700        }
701
702        return false;
703      },
704      isIos12: function isIos12() {
705        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
706      }
707    };
708    Monorail.produce('monorail-edge.shopifysvc.com',
709      'trekkie_storefront_load_errors/1.1',
710      {shop_id: 91333787994,
711      theme_id: 174810661210,
712      app_name: "storefront",
713      context_url: window.location.href,
714      source_url: "//kinderzentrum.de/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
715
716  };
717  scriptFallback.async = true;
718  scriptFallback.src = '//kinderzentrum.de/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
719  first.parentNode.insertBefore(scriptFallback, first);
720};
721script.async = true;
722script.src = '//kinderzentrum.de/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
723first.parentNode.insertBefore(script, first);
724
725    };
726    trekkie.load(
727      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":91333787994,"isMerchantRequest":null,"themeId":174810661210,"themeCityHash":"13076119842616273774","contentLanguage":"de","currency":"EUR","eventMetadataId":"aa378a92-98bd-4c6f-8110-404b9cfc4944"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
728    );
729
730    var loaded = false;
731    trekkie.ready(function() {
732      if (loaded) return;
733      loaded = true;
734
735      window.ShopifyAnalytics.lib = window.trekkie;
736
737      var originalDocumentWrite = document.write;
738      document.write = customDocumentWrite;
739      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
740      document.write = originalDocumentWrite;
741
742      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
743      var token = match? match[1]: undefined;
744      if (!hasLoggedConversion(token)) {
745        setCookieIfConversion(token);
746        
747      }
748    });
749
750    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"a22ef4c6-137e-4739-8131-36f471cb1812-1791143743","shopifyEmitted":true});
751
752    var eventsListenerScript = document.createElement('script');
753    eventsListenerScript.async = true;
754    eventsListenerScript.src = "//kinderzentrum.de/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
755    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
756})();</script>
vendor: 1 bytes, line 756
756
757<script
758  defer
759  src="https://kinderzentrum.de/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
760  data-application="storefront-renderer"
761  data-shop-id="91333787994"
762  data-render-region="gcp-us-west1"
763  data-page-type="index"
764  data-theme-instance-id="174810661210"
765  data-theme-name="Refresh"
766  data-theme-version="13.0.1"
767  data-monorail-region="shop_domain"
768  data-resource-timing-sampling-rate="10"
769  data-shs="true"
770  data-shs-beacon="true"
771  data-shs-export-with-fetch="true"
772  data-shs-logs-sample-rate="1"
773  data-shs-beacon-endpoint="https://kinderzentrum.de/api/collect"
774></script>
774
775<meta name="shopify-y" content="b0153212-3ca3-4f36-88a6-999ff28b0629" data-expiration="1822701343000"><meta name="shopify-s" content="ce660dc6-1690-4789-a996-162b7741efcf" data-expiration="1791145543000"><meta name="new-cookie-storage-activated" content="t">
776</head>
777
778  <body class="gradient animate--hover-vertical-lift">
779    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
780      Direkt zum Inhalt
781    </a>
782
783<link href="//kinderzentrum.de/cdn/shop/t/2/assets/quantity-popover.css?v=153075665213740339621731838731" rel="stylesheet" type="text/css" media="all" />
784<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-card.css?v=170127402091165654191731838731" rel="stylesheet" type="text/css" media="all" />
785
786<script src="//kinderzentrum.de/cdn/shop/t/2/assets/cart.js?v=116571066492035312161731838731" defer="defer"></script>
vendor: 1 bytes, line 786
786
787<script src="//kinderzentrum.de/cdn/shop/t/2/assets/quantity-popover.js?v=19455713230017000861731838731" defer="defer"></script>
787
788
789<style>
790  .drawer {
791    visibility: hidden;
792  }
793</style>
794
795<cart-drawer class="drawer is-empty">
796  <div id="CartDrawer" class="cart-drawer">
797    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
798    <div
799      class="drawer__inner gradient color-scheme-1"
800      role="dialog"
801      aria-modal="true"
802      aria-label="Übersicht"
803      tabindex="-1"
804    ><div class="drawer__inner-empty">
805          <div class="cart-drawer__warnings center">
806            <div class="cart-drawer__empty-content">
807              <h2 class="cart__empty-text">Ihre Übersicht ist leer</h2>
808              <button
809                class="drawer__close"
810                type="button"
811                onclick="this.closest('cart-drawer').close()"
812                aria-label="Schließen"
813              >
814                <svg
815  xmlns="http://www.w3.org/2000/svg"
816  aria-hidden="true"
817  focusable="false"
818  class="icon icon-close"
819  fill="none"
820  viewBox="0 0 18 17"
821>
822  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
823</svg>
824
825              </button>
826              <a href="/collections/all" class="button">
827                Weiter umsehen
828              </a><p class="cart__login-title h3">Haben Sie ein ein Konto?</p>
829                <p class="cart__login-paragraph">
830                  Jetzt <a href="/account/login" class="link underlined-link">Einloggen</a>
831                </p></div>
832          </div></div><div class="drawer__header">
833        <h2 class="drawer__heading" onclick="window.location.href='/cart'" style="cursor: pointer; margin: 0px">Übersicht</h2>
834
835        <div style="display: flex; justify-content: flex-end"><a href="/account/login" class="header__icon header__icon--account link focus-inset">
836          <svg
837  xmlns="http://www.w3.org/2000/svg"
838  aria-hidden="true"
839  focusable="false"
840  class="icon icon-account"
841  fill="none"
842  viewBox="0 0 18 19"
843  style="height: 100%;"
844>
845  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
846</svg>
847
848          <span class="visually-hidden">Einloggen</span>
849        </a><button
850          class="drawer__close"
851          type="button"
852          onclick="this.closest('cart-drawer').close()"
853          aria-label="Schließen"
854          style="position: relative; top: 0px; right: 0px;"
855        >
856          <svg
857  xmlns="http://www.w3.org/2000/svg"
858  aria-hidden="true"
859  focusable="false"
860  class="icon icon-close"
861  fill="none"
862  viewBox="0 0 18 17"
863>
864  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
865</svg>
866
867        </button>
868          
869        </div>
870      </div>
871      <cart-drawer-items
872        
873          class=" is-empty"
874        
875      >
876        <form
877          action="/cart"
878          id="CartDrawer-Form"
879          class="cart__contents cart-drawer__form"
880          method="post"
881        >
882          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
883            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
884              Wird geladen ...
885            </p>
886          </div>
887          <div id="CartDrawer-CartErrors" role="alert"></div>
888        </form>
889      </cart-drawer-items>
890      <div class="drawer__footer"><!-- Start blocks -->
891        <!-- Subtotals -->
892
893        <div class="cart-drawer__footer" >
894          <div></div>
895
896          <div class="totals" role="status">
897            <h2 class="totals__total">Geschätzte Gesamtkosten</h2>
898            <p class="totals__total-value">0,00 €</p>
899          </div>
900
901          <small class="tax-note caption-large rte">Inklusive Steuern, Rabatte werden an der Kasse berechnet
902</small>
903        </div>
904
905        <!-- CTAs -->
906
907        <div class="cart__ctas" >
908          <noscript>
909            <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
910              Aktualisieren
911            </button>
912          </noscript>
913
914          <button
915            type="submit"
916            id="CartDrawer-Checkout"
917            class="cart__checkout-button button"
918            name="checkout"
919            form="CartDrawer-Form"
920            
921              disabled
922            
923          >
924            Zur Kasse
925          </button>
926        </div>
927      </div>
928    </div>
929  </div>
930</cart-drawer>
931
932<script>
933  document.addEventListener('DOMContentLoaded', function () {
934    function isIE() {
935      const ua = window.navigator.userAgent;
936      const msie = ua.indexOf('MSIE ');
937      const trident = ua.indexOf('Trident/');
938
939      return msie > 0 || trident > 0;
940    }
941
942    if (!isIE()) return;
943    const cartSubmitInput = document.createElement('input');
944    cartSubmitInput.setAttribute('name', 'checkout');
945    cartSubmitInput.setAttribute('type', 'hidden');
946    document.querySelector('#cart').appendChild(cartSubmitInput);
947    document.querySelector('#checkout').addEventListener('click', function (event) {
948      document.querySelector('#cart').submit();
949    });
950  });
951</script>
951
952<!-- BEGIN sections: header-group -->
953<section id="shopify-section-sections--23980446056794__custom_liquid_RaFQVY" class="shopify-section shopify-section-group-header-group section"><style data-shopify>.section-sections--23980446056794__custom_liquid_RaFQVY-padding {
954    padding-top: calc(0px * 0.75);
955    padding-bottom: calc(0px  * 0.75);
956  }
957
958  @media screen and (min-width: 750px) {
959    .section-sections--23980446056794__custom_liquid_RaFQVY-padding {
960      padding-top: 0px;
961      padding-bottom: 0px;
962    }
963  }</style><div class="color-scheme-1 gradient">
964  <div class="section-sections--23980446056794__custom_liquid_RaFQVY-padding">
965    <!--Header-->
966<head>
967<title>FarbXpress</title>
968</head>
969<div id="overlay"></div>
970<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.shopify.com/s/files/1/0913/3378/7994/files/logo_favicon.png?v=1731841774">
971<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.8.1/font/bootstrap-icons.min.css">
972  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
973
974<style>
975
976@font-face {
977  font-family: "";
978  src: url("") format("truetype");
979}
980
981:root {
982--font-body-family: "system_ui", sans-serif;
983--font-heading-family: "system_ui", sans-serif;
984}
985
986:root {
987 
988--light-background: #f5f5f5;
989--light-button: #ddccb7;
990--full-color: #ddccb7;
991--button-hover: #ddccb7;
992
993--header-height-ics: 0; /* Standardwert */
994}
995
996
997body  > main {
998overflow: clip;
999overflow-x: clip !important;
1000overflow-y: visible !important; 
1001font-family: system_ui, sans-serif;
1002letter-spacing: 0.03rem;
1003background-color: #fff;
1004}
1005button p {
1006color: black;
1007}
1008.multicolumn-card {
1009  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.21);
1010}
1011.multicolumn-list__item {
1012  padding: 5px !important;
1013}
1014
1015.collection-hero__title {
1016  hyphens: auto;
1017}
1018.card__heading a {
1019  hyphens: auto;
1020}
1021#shopify-pc__banner__btn-accept {
1022border-radius: 30px;
1023background-color: #ddccb7;
1024} 
1025#shopify-pc__banner__btn-decline {
1026border-radius: 30px;
1027} 
1028#shopify-pc__prefs__header-accept {
1029border-radius: 30px;
1030background-color: #ddccb7;
1031} 
1032#shopify-pc__prefs__header-decline {
1033border-radius: 30px;
1034} 
1035#shopify-pc__prefs__header-save {
1036border-radius: 30px;
1037} 
1038.shopify-policy__container {
1039max-width: 80ch;
1040margin-top: 70px; 
1041}
1042.shopify-policy__body {
1043transform: translateY(-50px) !important;
1044}
1045.shopify-section-group-header-group {z-index: 3;}
1046#shopify-section-sections--21202259771737__custom_liquid_RaFQVY {
1047height: 0px;
1048}
1049
1050/*gelber banner mit menüauswahl*/
1051.list-menu.list-menu--inline {
1052width: 100%;
1053justify-content: space-between;
1054max-width: 1000px;
1055}
1056#shopify-section-template--23118431060313__multicolumn_8fza8V .multicolumn-card.content-container {
1057  background-color: #E3E3E3 !important;
1058}
1059 #shopify-section-template--23118429258073__multicolumn_6j3at6 .multicolumn-card.content-container {
1060  background-color: #E3E3E3 !important;
1061}
1062#MegaMenu-Content-2 > ul::before {
1063content: 'SPZ ➔';
1064padding: 259px 0px 10px 20px;
1065position: relative;
1066  left: 0;
1067  width: 224px;
1068  height: 300px;
1069  border-radius: 15px;
1070  background-color: #f5f5f5 !important;
1071  background-image: url('https://cdn.shopify.com/s/files/1/0913/3378/7994/files/ZKJM_Gebaeude_720x420_897a80c9-481d-439f-a357-50f019708650.png?v=1731847721');
1072  background-size: cover;
1073  background-repeat: no-repeat;
1074  background-position: 90% 0%;
1075  background-size: 190%;
1076  font-size: 20px;
1077  font-style: normal;
1078  font-weight: 700 !important;
1079  line-height: 140% !important;
1080  cursor: pointer;
1081}
1082#MegaMenu-Content-2 > ul > li {
1083transform: translateX(50px);
1084}
1085#MegaMenu-Content-3 > ul::before {
1086content: 'KJP ➔';
1087padding: 259px 0px 10px 20px;
1088position: relative;
1089  left: 0;
1090  width: 224px;
1091  height: 300px;
1092  border-radius: 15px;
1093  background-color: #f5f5f5 !important;
1094  background-image: url('https://cdn.shopify.com/s/files/1/0913/3378/7994/files/2.png?v=1731870302');
1095  background-size: cover;
1096  background-repeat: no-repeat;
1097  background-position: 55% 0%;
1098  background-size: 165%;
1099  font-size: 20px;
1100  font-style: normal;
1101  font-weight: 700 !important;
1102  line-height: 140% !important;
1103  cursor: pointer;
1104}
1105#MegaMenu-Content-3 > ul > li {
1106transform: translateX(50px);
1107}
1108#MegaMenu-Content-4 > ul {
1109display: grid !important;
1110grid-template-columns: 200px 370px 470px 100px !important;
1111}
1112#MegaMenu-Content-4 > ul::before {
1113content: 'Klinik ➔';
1114padding: 229px 0px 10px 20px;
1115position: relative;
1116  left: 0;
1117  width: 224px;
1118  height: 270px;
1119  border-radius: 15px;
1120  background-color: #f5f5f5 !important;
1121  background-image: url('https://cdn.shopify.com/s/files/1/0913/3378/7994/files/ZKJM_Gebaeude_720x420_897a80c9-481d-439f-a357-50f019708650.png?v=173184772
11211');
1122  background-size: cover;
1123  background-repeat: no-repeat;
1124  background-position: 70% 0%;
1125  background-size: 165%;
1126  font-size: 20px;
1127  font-style: normal;
1128  font-weight: 700 !important;
1129  line-height: 140% !important;
1130  cursor: pointer;
1131}
1132#MegaMenu-Content-4 > ul > li {
1133transform: translateX(50px);
1134}
1135#MegaMenu-Content-5 > ul {
1136display: grid !important;
1137grid-template-columns: 210px 300px 300px 400px !important;
1138}
1139#MegaMenu-Content-5 > ul::before {
1140content: 'NEO ➔';
1141  padding: 229px 0px 10px 20px;
1142  position: relative;
1143  left: 0;
1144  width: 224px;
1145  height: 270px;
1146  border-radius: 15px;
1147  background-color: #f5f5f5 !important;
1148  background-image: url('https://cdn.shopify.com/s/files/1/0913/3378/7994/files/ZKJM_Gebaeude_720x420_897a80c9-481d-439f-a357-50f019708650.png?v=1731847721');
1149  background-size: cover;
1150  background-repeat: no-repeat;
1151  background-position: 70% 0%;
1152  background-size: 165%;
1153  font-size: 20px;
1154  font-style: normal;
1155  font-weight: 700 !important;
1156  line-height: 140% !important;
1157  cursor: pointer;
1158}
1159}
1160#MegaMenu-Content-5 > ul > li {
1161transform: translateX(50px);
1162}
1163
1164#MegaMenu-Content-7 > ul::before {
1165content: 'Über uns ➔';
1166padding: 122px 0px 10px 20px;
1167margin-left: 30px;
1168position: relative;
1169  left: 0;
1170  width: 230px;
1171  height: 162px;
1172  border-radius: 15px;
1173  background-color: #f5f5f5 !important;
1174  background-image: url('https://cdn.shopify.com/s/files/1/0913/3378/7994/files/ZKJM_Gebaeude_720x420_897a80c9-481d-439f-a357-50f019708650.png?v=1731847721');
1175  background-size: cover;
1176  background-repeat: no-repeat;
1177  background-position: 70% -75%;
1178  background-size: 100%;
1179
1180  font-size: 20px;
1181  font-style: normal;
1182  font-weight: 700 !important;
1183  line-height: 140% !important;
1184  cursor: pointer;
1185}
1186#MegaMenu-Content-7 > ul > li {
1187transform: translateX(50px);
1188}
1189#HeaderMenu-anmeldung {
1190cursor: pointer;
1191}
1192/*menü auf mobilgeräten*/
1193@media (max-width: 1360px) {
1194/*schwarzer Strich unter dem header*/  
1195/*sale-button*/
1196  #HeaderDrawer-anmeldung {
1197    background-color: #fff;
1198    height: 35px;
1199    width: 133px;
1200    margin: 6px 0 6px 15px;
1201    padding: 0 0 0 15px;
1202    color: #e13434 !important;
1203cursor: pointer;
1204  }
1205}
1206/*großer header*/
1207@media (min-width: 990px) {
1208/*sale button*/
1209  #HeaderMenu-anmeldung {
1210    height: 35px;
1211    margin: 5px;
1212    color: #e13434;
1213  }
1214/*Mega-Menü ausgeklappt*/
1215 .mega-menu__content {
1216  border: none !important;
1217  position: fixed !important;
1218  width: 100%;
1219z-index: -1;
1220left: 0;
1221  overflow: hidden;
1222  transition: height 5s ease-in-out;
1223  top: 65px !important;
1224}
1225}
1226/*headerschrift*/
1227.header__menu-item span {
1228  font-size: 15px;
1229  font-weight: bold;
1230  text-decoration: none;
1231}
1232/*megamenü überschriften*/
1233.mega-menu__link--level-2 {
1234  font-weight: 700;
1235  color: #9B9B9B !important;
1236  font-size: 16px;
1237}
1238/*grid des megamenüs*/
1239.mega-menu__list {
1240  gap: 2.8rem 4rem;
1241  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
1242  list-style: none;
1243transition: opacity 0.1s;
1244}
1245#overlay {
1246       background-color: rgba(0, 0, 0, 0.5);
1247       z-index: 1;
1248 position: fixed;
1249  width: 100%;
1250  height: 100%;
1251transition: opacity 0.2s;
1252top: 0;
1253pointer-events: none;
1254}
1255.header-wrapper {
1256box-shadow: 0px 20px 20px -20px rgba(9, 9, 11, 0.1);
1257}
1258.header {
1259height: 70px;
1260}
1261@media (min-width: 1360px) { 
1262.header {
1263margin-left: 20px !important;
1264margin-right: 20px !important;
1265padding-left: 0px !important;
1266padding-right: 0px !important;
1267max-width: 100%;
1268display: flex;
1269justify-content: space-between;
1270}
1271}
1272@media (max-width: 1360px) {
1273.header {
1274margin-left: 10px !important;
1275margin-right: 0px !important;
1276padding-left: 15px !important;
1277padding-right: 8px !important;
1278max-width: 100%;
1279display: flex;
1280justify-content: space-between;
1281}
1282}
1283@media (min-width: 1700px) { 
1284  .header__inline-menu {
1285    position: absolute;
1286  left: 50%;
1287  transform: translateX(-50%);
1288  height: var(--header-height);
1289  padding: calc(var(--header-height)/5);
1290  }
1291}
1292.header__inline-menu {
1293transition: margin-top 0.1s;
1294top: 0;
1295margin: 0 -1.2rem 0 -1.2rem;
1296width: 66%;
1297}
1298@media (max-width: 1136px){
1299.header__inline-menu {
1300margin: 0 -4.2rem 0 -4.2rem;
1301}
1302}
1303@media (max-width: 1075px){
1304.list-menu.list-menu--inline {
1305padding: 0 10px 0 15px;
1306}
1307.header__menu-item {
1308padding-right: 1.7rem !important;
1309}
1310.header__menu-item span::after {
1311width: calc(100% - 2.7rem) !important;
1312}
1313.header__menu-item.list-menu__item.link.link--text.focus-inset > span::after {
1314width: calc(100% - 2.7rem) !important;
1315}
1316
1317#HeaderMenu-anmeldung span {
1318margin: 0 -5px 0 5px;
1319}
1320}
1321summary.list-menu__item {
1322padding-right: 1rem !important;
1323}
1324#HeaderMenu-anmeldung span {
1325color: #e13434 !important;
1326}
1327@media (min-width: 3000px){
1328.list-menu.list-menu--inline {
1329padding: 0 10px 0 15px;
1330}
1331.header__menu-item {
1332padding-right: 1.7rem !important;
1333}
1334.header__menu-item span::after {
1335width: calc(100% - 2.7rem) !important;
1336}
1337.header__menu-item.list-menu__item.link.link--text.focus-inset > span::after {
1338width: calc(100% - 2.7rem) !important;
1339}
1340}
1341@media (max-width: 1050px){
1342.list-menu.list-menu--inline {
1343padding: 0 10px 0 8.5px;
1344}
1345}
1346.slider-mobile-gutter {
1347overflow: hidden;
1348}
1349.mega-menu__link {
1350font-size: 20px;
1351font-style: normal;
1352font-weight: 500 !important;
1353line-height: 140% !important;
1354}
1355.mega-menu__link:hover {
1356color: red !important;
1357text-decoration: none !important;
1358}
1359.mega-menu__link--active {
1360color: red !important;
1361text-decoration: none !important;
1362}
1363.mega-menu__link--level-2 {
1364font-weight: 700 !important;
1365color: black;
1366color: rgba(var(--color-foreground),.75) !important;
1367}
1368.header__menu-item span {
1369
1370font-size: 18px;
1371font-style: normal;
1372}
1373.header__menu-item span::after {
1374content: '';
1375position: absolute;
1376left: 1rem;
1377bottom: 6px; /* Abstand vom Text */
1378width: calc(100% - 1.95rem);
1379height: 3px; /* Dicke der Linie */
1380background-color: #000;
1381transform: scaleX(0);
1382transition: transform 0.3s;
1383transform-origin: bottom right;
1384border-radius: 17px;
1385}
1386.header__menu-item:hover span::after {
1387transform: scaleX(1);
1388transform-origin: bottom left;
1389}
1390.header__menu-item:focus span::after  {
1391transform: scaleX(1);
1392}
1393.header__menu-item:hover span {
1394text-decoration: none !important;
1395}
1396details[open] > .header__menu-item {
1397text-decoration: none !important;
1398}
1399.header__menu-item {
1400font-size: 10px;
1401font-weight: 500 !important;
1402padding: 1rem;
1403position: relative;
1404}
1405.icon-caret {
1406display: none;
1407}
1408 .hover-effect-right span::after {
1409            transform-origin: bottom right !important;
1410        }
1411        
1412        .hover-effect-left span::after {
1413            transform-origin: bottom left !important;
1414        }
1415  .header__menu-item.list-menu__item.link.link--text.focus-inset > span::after {
1416    width: calc(100% - 2rem);
1417  }
1418#HeaderMenu-anmeldung > span::after {
1419  background-color: #e13434 !important;
1420bottom: 3px !important;
1421  }
1422.menu-opening .mega-menu__content {
1423  transition: transform 0.3s ease-in-out;
1424  transform: translateY(0);
1425}
1426#cart-icon-bubble:hover {
1427transform: scale(1.07);
1428}
1429.header-localization .disclosure .localization-form__select:hover {
1430  text-decoration: none !important;
1431  transform: scale(1.04);
1432}
1433
1434@media (max-height: 580px) {
1435.mega-menu__content {
1436overflow-y: scroll !important;
1437}
1438.shopify-section-header-sticky.mega-menu__content {
1439  max-height: initial !important;
1440}
1441}
1442@media (min-height: 580px) {
1443.mega-menu__content {
1444height: initial !important;
1445}
1446}
1447
1448#shopify-section-template--23118582219097__rich_text_pFQiVa a.button--primary {
1449  opacity: 1;
1450  background-color: #000000;
1451  color: #fff;
1452  cursor: pointer;
1453  position: static;
1454  --border-offset: 0;
1455}
1456#shopify-section-template--23118582219097__rich_text_pFQiVa a.button--primary:hover {
1457  --border-offset: 0;
1458}
1459
1460
1461.st-delete-icon {
1462  border-radius: 50px;
1463  background-color: #f5f5f5;
1464}
1465.st-wishlist-details_header {
1466padding: 30px !important;
1467}
1468.st-wishlist-details_empty {
1469padding: 20px !important;
1470}
1471  .st-wishlist-details-button {
1472    border: none !important
1473  }
1474.st-atc-button {
1475background-color: #000 !important;
1476}
1477.st-product-card_price {
1478  font-size: 18px !important;
1479  font-weight: 500 !important;
1480}
1481.st-product-card_title a {
1482  font-size: 18px !important;
1483  font-weight: 600 !important;
1484line-height: 36px !important;
1485}
1486
1487
1488
1489@media screen and (min-width: 750px) {
1490  .product__column-sticky {
1491    top: 13rem !important;
1492  }
1493}
1494
1495@media screen and (min-width: 750px) {
1496.image-with-text__media-item.image-with-text__media-item--small.image-with-text__media-item--top.grid__item {
1497z-index: 5;
1498}
1499}
1500</style>
1501<script>
1502
1503
1504
1505
1506
1507document.addEventListener('DOMContentLoaded', () => {
1508            const headerElement = document.querySelector('.header__inline-menu');
1509            let lastMouseX = null;
1510            
1511            if (headerElement) {
1512                headerElement.addEventListener('mousemove', (event) => {
1513                    if (lastMouseX !== null) {
1514                        const transformItem = document.querySelector('.header__menu-item:hover');
1515                        if (transformItem) {
1516                            if (event.clientX > lastMouseX) {
1517                                
1518                                transformItem.classList.add('hover-effect-left');
1519                                transformItem.classList.remove('hover-effect-right');
1520                            } else if (event.clientX < lastMouseX) {
1521                                
1522                                transformItem.classList.add('hover-effect-right');
1523                                transformItem.classList.remove('hover-effect-left');
1524                            }
1525                        }
1526                    }
1527                    lastMouseX = event.clientX;
1528                });
1529
1530                headerElement.addEventListener('mouseleave', () => {
1531                    lastMouseX = null;
1532                });
1533            } else {
1534                console.warn('.header__inline-menu element not found');
1535            }
1536        });
1537
1538
1539
1540
1541
1542
1543
1544
1545document.addEventListener('DOMContentLoaded', () => {
1546    
1547    const detailsElements = document.querySelectorAll('.header__menu-item.list-menu__item.link.focus-inset'); 
1548    const bodyElement = document.body;
1549
1550    // Funktion zur Aktualisierung des Overlays basierend auf dem aria-expanded Attribut
1551    function updateOverlay() {
1552        const shouldShowOverlay = Array.from(detailsElements).some(element => element.getAttribute('aria-expanded') === 'true');
1553        const overlay = document.getElementById('overlay');
1554
1555        
1556bodyElement.style.overflow = shouldShowOverlay ? 'hidden' : 'visible';
1557setTimeout(() => {
1558    if (shouldShowOverlay) {
1559        overlay.style.opacity = '1';
1560    } else {
1561        overlay.style.opacity = '0';
1562  }
1563}, 20);
1564
1565setTimeout(() => {
1566overlay.style.display = shouldShowOverlay ? 'block' : 'none';
1567}, 200);
1568    }
1569
1570    // Initialer Aufruf zur Einstellung des Overlays
1571    updateOverlay();
1572
1573    // Erstellen Sie einen MutationObserver, um Änderungen im aria-expanded Attribut zu überwachen
1574    const observer = new MutationObserver(updateOverlay);
1575
1576    // Definieren Sie die Beobachtungskonfiguration
1577    const config = { attributes: true, attributeFilter: ['aria-expanded'] };
1578
1579    // Richten Sie den Beobachter für jedes Detail-Element ein
1580    detailsElements.forEach(element => observer.observe(element, config));
1581});
1582
1583
1584
1585
1586
1587
1588document.addEventListener("DOMContentLoaded", function() {
1589    function checkOpenAttributes() {
1590        const megaMenuElements = document.querySelectorAll('.mega-menu');
1591        const overlay = document.getElementById('overlay');
1592        megaMenuElements.forEach(function(element) {
1593            const content = element.querySelector('.mega-menu__content');
1594            
1595            if (element.hasAttribute('open')) {
1596                content.style.transform = 'translateY(-600px)';
1597                setTimeout(() => {
1598                    content.style.transform = 'translateY(0px)';
1599                }, 10);
1600                overlay.style.display = 'block';
1601            } else {
1602                content.style.transform = 'translateY(0px)';
1603                setTimeout(() => {
1604                    content.style.transform = 'translateY(-600px)';
1605                }, 10);
1606            }
1607        });
1608    }
1609  
1610    const observer = new MutationObserver(function(mutationsList) {
1611        mutationsList.forEach((mutation) => {
1612            if (mutation.type === 'attributes' && mutation.attributeName === 'open') {
1613                checkOpenAttributes();
1614            }
1615        });
1616    });
1617  
1618    const config = { attributes: true, subtree: true, attributeFilter: ['open'] };
1619  
1620    const megaMenuElements = document.querySelectorAll('.mega-menu');
1621    megaMenuElements.forEach(function(element) {
1622        observer.observe(element, config);
1623    });
1624  
1625    checkOpenAttributes();
1626  });
1627
1628
1629
1630
1631
1632
1633document.addEventListener("DOMContentLoaded", function() {
1634            // Selektiert das Element
1635            var ulElement = document.querySelector('#MegaMenu-Content-2 > ul');
1636            
1637            if (!ulElement) {
1638                console.error('Element nicht gefunden!');
1639                return;
1640            }
1641
1642            // Fügt den Klick-Listener hinzu
1643            ulElement.addEventListener('click', function(event) {
1644                // Berechnet die Position des Klicks relativ zum Elternelement
1645                var rect = ulElement.getBoundingClientRect();
1646                var clickX = event.clientX - rect.left;
1647                var elementWidth = rect.width;
1648
1649                
1650                
1651                // Prüft, ob der Klick in den linken 25% des Elements erfolgt ist
1652                if (clickX <= elementWidth * 0.25) {
1653
1654                    window.location.href = '/pages/spz';
1655                }
1656            });
1657        });
1658
1659
1660
1661
1662document.addEventListener("DOMContentLoaded", function() {
1663            // Selektiert das Element
1664            var ulElement = document.querySelector('#MegaMenu-Content-3 > ul');
1665            
1666            if (!ulElement) {
1667                console.error('Element nicht gefunden!');
1668                return;
1669            }
1670
1671            // Fügt den Klick-Listener hinzu
1672            ulElement.addEventListener('click', function(event) {
1673                // Berechnet die Position des Klicks relativ zum Elternelement
1674                var rect = ulElement.getBoundingClientRect();
1675                var clickX = event.clientX - rect.left;
1676                var elementWidth = rect.width;
1677
1678
1679                
1680                // Prüft, ob der Klick in den linken 25% des Elements erfolgt ist
1681                if (clickX <= elementWidth * 0.25) {
1682
1683                    window.location.href = '/pages/kjp';
1684                } 
1685            });
1686        });
1687
1688
1689
1690document.addEventListener("DOMContentLoaded", function() {
1691            // Selektiert das Element
1692            var ulElement = document.querySelector('#MegaMenu-Content-4 > ul');
1693            
1694            if (!ulElement) {
1695                console.error('Element nicht gefunden!');
1696                return;
1697            }
1698
1699            // Fügt den Klick-Listener hinzu
1700            ulElement.addEventListener('click', function(event) {
1701                // Berechnet die Position des Klicks relativ zum Elternelement
1702                var rect = ulElement.getBoundingClientRect();
1703                var clickX = event.clientX - rect.left;
1704                var elementWidth = rect.width;
1705
1706                
1707                
1708                // Prüft, ob der Klick in den linken 25% des Elements erfolgt ist
1709                if (clickX <= elementWidth * 0.25) {
1710
1711                    window.location.href = '/pages/klinik';
1712                } 
1713            });
1714        });
1715
1716
1717
1718document.addEventListener("DOMContentLoaded", function() {
1719            // Selektiert das Element
1720            var ulElement = document.querySelector('#MegaMenu-Content-5 > ul');
1721            
1722            if (!ulElement) {
1723                console.error('Element nicht gefunden!');
1724                return;
1725            }
1726
1727            // Fügt den Klick-Listener hinzu
1728            ulElement.addEventListener('click', function(event) {
1729                // Berechnet die Position des Klicks relativ zum Elternelement
1730                var rect = ulElement.getBoundingClientRect();
1731                var clickX = event.clientX - rect.left;
1732                var elementWidth = rect.width;
1733
1734                
1735                
1736                // Prüft, ob der Klick in den linken 25% des Elements erfolgt ist
1737                if (clickX <= elementWidth * 0.25) {
1738                    // Leitet den Benutzer weiter
1739                    console.log('Klick in den linken 25% erkannt. Leiten Sie weiter...');
1740                    window.location.href = '/pages/neonatologie';
1741                } else {
1742                    console.log('Klick außerhalb der linken 25%');
1743                }
1744            });
1745        });
1746
1747
1748
1749document.addEventListener("DOMContentLoaded", function() {
1750    // Selektiert das Element
1751    var ulElement = document.querySelector('#MegaMenu-Content-7 > ul');
1752    
1753    if (!ulElement) {
1754        console.error('Element nicht gefunden!');
1755        return;
1756    }
1757
1758    // Fügt den Klick-Listener hinzu
1759    ulElement.addEventListener('click', function(event) {
1760        // Berechnet die Position des Klicks relativ zum Elternelement
1761        var rect = ulElement.getBoundingClientRect();
1762        var clickX = event.clientX - rect.left;
1763        var clickY = event.clientY - rect.top; // Neu: Y-Position des Klicks
1764        var elementWidth = rect.width;
1765
1766        console.log('Klick-X-Position:', clickX);
1767        console.log('Klick-Y-Position:', clickY); // Neu: Loggt die Y-Position
1768        console.log('Element Breite:', elementWidth);
1769        
1770        // Prüft, ob der Klick in den linken 25% des Elements erfolgt ist
1771        if (clickX <= elementWidth * 0.25 && clickY <= 162) {
1772           
1773            window.location.href = '/pages/uber-uns';
1774        } 
1775    });
1776});
1777</script>
1777
1778  </div>
1779</div>
1780
1781
1782</section><div id="shopify-section-sections--23980446056794__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//kinderzentrum.de/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991731838731" media="print" onload="this.media='all'">
1783<link rel="stylesheet" href="//kinderzentrum.de/cdn/shop/t/2/assets/component-search.css?v=165164710990765432851731838731" media="print" onload="this.media='all'">
1784<link rel="stylesheet" href="//kinderzentrum.de/cdn/shop/t/2/assets/component-menu-drawer.css?v=85170387104997277661731838731" media="print" onload="this.media='all'">
1785<link rel="stylesheet" href="//kinderzentrum.de/cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221731838731" media="print" onload="this.media='all'">
1786<link rel="stylesheet" href="//kinderzentrum.de/cdn/shop/t/2/assets/component-cart-items.css?v=136978088507021421401731838731" media="print" onload="this.media='all'"><link rel="stylesheet" href="//kinderzentrum.de/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101731838731" media="print" onload="this.media='all'"><link rel="stylesheet" href="//kinderzentrum.de/cdn/shop/t/2/assets/component-mega-menu.css?v=74585829604539172561731838731" media="print" onload="this.media='all'">
1787  <noscript><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-mega-menu.css?v=74585829604539172561731838731" rel="stylesheet" type="text/css" media="all" /></noscript><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-cart-drawer.css?v=67327691417103202711731838731" rel="stylesheet" type="text/css" media="all" />
1788  <link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-cart.css?v=181291337967238571831731838731" rel="stylesheet" type="text/css" media="all" />
1789  <link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-totals.css?v=15906652033866631521731838731" rel="stylesheet" type="text/css" media="all" />
1790  <link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101731838731" rel="stylesheet" type="text/css" media="all" />
1791  <link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-discounts.css?v=152760482443307489271731838731" rel="stylesheet" type="text/css" media="all" />
1792<noscript><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991731838731" rel="stylesheet" type="text/css" media="all" /></noscript>
1793<noscript><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-search.css?v=165164710990765432851731838731" rel="stylesheet" type="text/css" media="all" /></noscript>
1794<noscript><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-menu-drawer.css?v=85170387104997277661731838731" rel="stylesheet" type="text/css" media="all" /></noscript>
1795<noscript><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221731838731" rel="stylesheet" type="text/css" media="all" /></noscript>
1796<noscript><link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-cart-items.css?v=136978088507021421401731838731" rel="stylesheet" type="text/css" media="all" /></noscript>
1797
1798
1799
1800
1801
1802<style>
1803
1804
1805
1806
1807  
1808  header-drawer {
1809    justify-self: start;
1810    margin-left: -1.2rem;
1811  }@media screen and (min-width: 1361px) {
1812      header-drawer {
1813        display: none;
1814      }
1815    }@media (max-width: 1360px) {
1816      .header__inline-menu {
1817        display: none !important ;
1818      }
1819    }
1820
1821    .header__inline-menu {
1822        display: flex;
1823        justify-content: center;
1824      }
1825  
1826  .menu-drawer-container {
1827    display: flex;
1828  }
1829
1830  .list-menu {
1831    list-style: none;
1832    padding: 0;
1833    margin: 0;
1834  }
1835
1836  .list-menu--inline {
1837    display: inline-flex;
1838    flex-wrap: wrap;
1839    max-width: 750px;
1840  }
1841
1842  summary.list-menu__item {
1843    padding-right: 2.7rem;
1844  }
1845
1846  .list-menu__item {
1847    display: flex;
1848    align-items: center;
1849    line-height: calc(1 + 0.3 / var(--font-body-scale));
1850  }
1851
1852  .list-menu__item--link {
1853    text-decoration: none;
1854    padding-bottom: 1rem;
1855    padding-top: 1rem;
1856    line-height: calc(1 + 0.8 / var(--font-body-scale));
1857  }
1858
1859  @media screen and (min-width: 750px) {
1860    .list-menu__item--link {
1861      padding-bottom: 0.5rem;
1862      padding-top: 0.5rem;
1863    }
1864  }
1865
1866  @media screen and (max-width: 490px) {
1867    .telefonbutton {
1868      display:none !important;
1869    }
1870  }
1871  .telefonbutton:hover {
1872    transform: scale(1.07);
1873  }
1874  .st-wishlist-icon:hover {
1875    transform: scale(1.07);
1876  }
1877</style><style data-shopify>.header {
1878    padding: 0px 3rem 0px 3rem;
1879  }
1880
1881  .section-header {
1882    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
1883    margin-bottom: 0px;
1884  }
1885
1886  @media screen and (min-width: 750px) {
1887    .section-header {
1888      margin-bottom: 0px;
1889    }
1890  }
1891
1892  @media screen and (min-width: 990px) {
1893    .header {
1894      padding-top: 0px;
1895      padding-bottom: 0px;
1896    }
1897  }</style>
1897<script src="//kinderzentrum.de/cdn/shop/t/2/assets/details-disclosure.js?v=30536281403525139191731838731" defer="defer"></script>
vendor: 1 bytes, line 1897
1897
1898<script src="//kinderzentrum.de/cdn/shop/t/2/assets/details-modal.js?v=25581673532751508451731838731" defer="defer"></script>
vendor: 1 bytes, line 1898
1898
1899<script src="//kinderzentrum.de/cdn/shop/t/2/assets/cart-notification.js?v=133508293167896966491731838731" defer="defer"></script>
vendor: 1 bytes, line 1899
1899
1900<script src="//kinderzentrum.de/cdn/shop/t/2/assets/search-form.js?v=133129549252120666541731838731" defer="defer"></script>
1900<script src="//kinderzentrum.de/cdn/shop/t/2/assets/cart-drawer.js?v=105077087914686398511731838731" defer="defer"></script>
1900<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
1901  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
1902    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
1903  </symbol>
1904
1905  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
1906    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
1907    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
1908    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
1909  </symbol>
1910
1911  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1912    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1913  </symbol>
1914</svg><sticky-header data-sticky-type="always" class="header-wrapper color-scheme-1 gradient"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-account">
1915
1916<header-drawer data-breakpoint="tablet">
1917  <details id="Details-menu-drawer-container" class="menu-drawer-container">
1918    <summary
1919      class="header__icon header__icon--menu header__icon--summary link focus-inset"
1920      aria-label="Menü"
1921    >
1922      <span>
1923        <svg
1924  xmlns="http://www.w3.org/2000/svg"
1925  aria-hidden="true"
1926  focusable="false"
1927  class="icon icon-hamburger"
1928  fill="none"
1929  viewBox="0 0 18 16"
1930>
1931  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
1932</svg>
1933
1934        <svg
1935  xmlns="http://www.w3.org/2000/svg"
1936  aria-hidden="true"
1937  focusable="false"
1938  class="icon icon-close"
1939  fill="none"
1940  viewBox="0 0 18 17"
1941>
1942  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1943</svg>
1944
1945      </span>
1946    </summary>
1947    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
1948      <div class="menu-drawer__inner-container">
1949        <div class="menu-drawer__navigation-container">
1950          <nav class="menu-drawer__navigation">
1951            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
1952                      id="HeaderDrawer-anmeldung"
1953                      href="/"
1954                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"
1955                      
1956                        aria-current="page"
1957                      
1958                    >
1959                      ANMELDUNG
1960                    </a></li><li><details id="Details-menu-drawer-menu-item-2">
1961                      <summary
1962                        id="HeaderDrawer-spz"
1963                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1964                      >
1965                        SPZ
1966                        <svg
1967  viewBox="0 0 14 10"
1968  fill="none"
1969  aria-hidden="true"
1970  focusable="false"
1971  class="icon icon-arrow"
1972  xmlns="http://www.w3.org/2000/svg"
1973>
1974  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1975</svg>
1976
1977                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1978  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1979</svg>
1980
1981                      </summary>
1982                      <div
1983                        id="link-spz"
1984                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
1985                        tabindex="-1"
1986                      >
1987                        <div class="menu-drawer__inner-submenu">
1988                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1989                            <svg
1990  viewBox="0 0 14 10"
1991  fill="none"
1992  aria-hidden="true"
1993  focusable="false"
1994  class="icon icon-arrow"
1995  xmlns="http://www.w3.org/2000/svg"
1996>
1997  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1998</svg>
1999
2000                            SPZ
2001                          </button>
2002                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2002<details id="Details-menu-drawer-spz-behandlungsteam">
2003                                    <summary
2004                                      id="HeaderDrawer-spz-behandlungsteam"
2005                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2006                                    >
2007                                      Behandlungsteam
2008                                      <svg
2009  viewBox="0 0 14 10"
2010  fill="none"
2011  aria-hidden="true"
2012  focusable="false"
2013  class="icon icon-arrow"
2014  xmlns="http://www.w3.org/2000/svg"
2015>
2016  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2017</svg>
2018
2019                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2020  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2021</svg>
2022
2023                                    </summary>
2024                                    <div
2025                                      id="childlink-behandlungsteam"
2026                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2027                                    >
2028                                      <button
2029                                        class="menu-drawer__close-button link link--text focus-inset"
2030                                        aria-expanded="true"
2031                                      >
2032                                        <svg
2033  viewBox="0 0 14 10"
2034  fill="none"
2035  aria-hidden="true"
2036  focusable="false"
2037  class="icon icon-arrow"
2038  xmlns="http://www.w3.org/2000/svg"
2039>
2040  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2041</svg>
2042
2043                                        Behandlungsteam
2044                                      </button>
2045                                      <ul
2046                                        class="menu-drawer__menu list-menu"
2047                                        role="list"
2048                                        tabindex="-1"
2049                                      ><li>
2050                                            <a
2051                                              id="HeaderDrawer-spz-behandlungsteam-die-arzte-im-spz"
2052                                              href="/pages/spz-arzte"
2053                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2054                                              
2055                                            >
2056                                              Die Ärzte im SPZ
2057                                            </a>
2058                                          </li><li>
2059                                            <a
2060                                              id="HeaderDrawer-spz-behandlungsteam-psychologie"
2061                                              href="/pages/spz-psychologie"
2062                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2063                                              
2064                                            >
2065                                              Psychologie
2066                                            </a>
2067                                          </li><li>
2068                                            <a
2069                                              id="HeaderDrawer-spz-behandlungsteam-ergotherapie"
2070                                              href="/pages/spz-ergotherapie"
2071                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2072                                              
2073                                            >
2074                                              Ergotherapie
2075                                            </a>
2076                                          </li><li>
2077                                            <a
2078                                              id="HeaderDrawer-spz-behandlungsteam-logopadie"
2079                                              href="/pages/spz-logopadie"
2080                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2081                                              
2082                                            >
2083                                              Logopädie
2084                                            </a>
2085                                          </li><li>
2086                                            <a
2087                                              id="HeaderDrawer-spz-behandlungsteam-physiotherapie"
2088                                              href="/pages/spz-physiotherapie"
2089                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2090                                              
2091                                            >
2092                                              Physiotherapie
2093                                            </a>
2094                                          </li><li>
2095                                            <a
2096                                              id="HeaderDrawer-spz-behandlungsteam-montessoritherapie"
2097                                              href="/pages/spz-montessoritherapie"
2098                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2099                                              
2100                                            >
2101                                              Montessoritherapie
2102                                            </a>
2103                                          </li></ul>
2104                                    </div>
2105                                  </details></li><li>
2105<details id="Details-menu-drawer-spz-behandlungsangebote">
2106                                    <summary
2107                                      id="HeaderDrawer-spz-behandlungsangebote"
2108                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2109                                    >
2110                                      Behandlungsangebote
2111                                      <svg
2112  viewBox="0 0 14 10"
2113  fill="none"
2114  aria-hidden="true"
2115  focusable="false"
2116  class="icon icon-arrow"
2117  xmlns="http://www.w3.org/2000/svg"
2118>
2119  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2120</svg>
2121
2122                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2123  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2124</svg>
2125
2126                                    </summary>
2127                                    <div
2128                                      id="childlink-behandlungsangebote"
2129                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2130                                    >
2131                                      <button
2132                                        class="menu-drawer__close-button link link--text focus-inset"
2133                                        aria-expanded="true"
2134                                      >
2135                                        <svg
2136  viewBox="0 0 14 10"
2137  fill="none"
2138  aria-hidden="true"
2139  focusable="false"
2140  class="icon icon-arrow"
2141  xmlns="http://www.w3.org/2000/svg"
2142>
2143  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2144</svg>
2145
2146                                        Behandlungsangebote
2147                                      </button>
2148                                      <ul
2149                                        class="menu-drawer__menu list-menu"
2150                                        role="list"
2151                                        tabindex="-1"
2152                                      ><li>
2153                                            <a
2154                                              id="HeaderDrawer-spz-behandlungsangebote-neuropadiatrie"
2155                                              href="/pages/spz-neuropadiatrie"
2156                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2157                                              
2158                                            >
2159                                              Neuropädiatrie
2160                                            </a>
2161                                          </li><li>
2162                                            <a
2163                                              id="HeaderDrawer-spz-behandlungsangebote-trauerbegleitung-krisenintervention"
2164                                              href="/pages/spz-trauerbegleitung-und-krisenintervention"
2165                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2166                                              
2167                                            >
2168                                              Trauerbegleitung-Krisenintervention
2169                                            </a>
2170                                          </li><li>
2171                                            <a
2172                                              id="HeaderDrawer-spz-behandlungsangebote-heilpadagogik-tonfeld®"
2173                                              href="/pages/spz-tonfeld"
2174                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2175                                              
2176                                            >
2177                                              Heilpädagogik Tonfeld®
2178                                            </a>
2179                                          </li><li>
2180                                            <a
2181                                              id="HeaderDrawer-spz-behandlungsangebote-heilpadagogik-musiktherapie"
2182                                              href="/pages/spz-musiktherapie"
2183                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2184                                              
2185                                            >
2186                                              Heilpädagogik Musiktherapie
2187                                            </a>
2188                                          </li><li>
2189                                            <a
2190                                              id="HeaderDrawer-spz-behandlungsangebote-ernahrungsberatung"
2191                                              href="/pages/kjp-ernahrungsberatung"
2192                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2193                                              
2194                                            >
2195                                              Ernährungsberatung
2196                                            </a>
2197                                          </li><li>
2198                                            <a
2199                                              id="HeaderDrawer-spz-behandlungsangebote-bio-und-neurofeedback"
2200                                              href="/pages/spz-bio-und-neurofeedback"
2201                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2202                                              
2203                                            >
2204                                              Bio- und Neurofeedback
2205                                            </a>
2206                                          </li></ul>
2207                                    </div>
2208                                  </details></li></ul>
2209                        </div>
2210                      </div>
2211                    </details></li><li>
2211<details id="Details-menu-drawer-menu-item-3">
2212                      <summary
2213                        id="HeaderDrawer-kjp"
2214                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
2215                      >
2216                        KJP
2217                        <svg
2218  viewBox="0 0 14 10"
2219  fill="none"
2220  aria-hidden="true"
2221  focusable="false"
2222  class="icon icon-arrow"
2223  xmlns="http://www.w3.org/2000/svg"
2224>
2225  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2226</svg>
2227
2228                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2229  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2230</svg>
2231
2232                      </summary>
2233                      <div
2234                        id="link-kjp"
2235                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
2236                        tabindex="-1"
2237                      >
2238                        <div class="menu-drawer__inner-submenu">
2239                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2240                            <svg
2241  viewBox="0 0 14 10"
2242  fill="none"
2243  aria-hidden="true"
2244  focusable="false"
2245  class="icon icon-arrow"
2246  xmlns="http://www.w3.org/2000/svg"
2247>
2248  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2249</svg>
2250
2251                            KJP
2252                          </button>
2253                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-kjp-abteilungen">
2254                                    <summary
2255                                      id="HeaderDrawer-kjp-abteilungen"
2256                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2257                                    >
2258                                      Abteilungen
2259                                      <svg
2260  viewBox="0 0 14 10"
2261  fill="none"
2262  aria-hidden="true"
2263  focusable="false"
2264  class="icon icon-arrow"
2265  xmlns="http://www.w3.org/2000/svg"
2266>
2267  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2268</svg>
2269
2270                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2271  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2272</svg>
2273
2274                                    </summary>
2275                                    <div
2276                                      id="childlink-abteilungen"
2277                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2278                                    >
2279                                      <button
2280                                        class="menu-drawer__close-button link link--text focus-inset"
2281                                        aria-expanded="true"
2282                                      >
2283                                        <svg
2284  viewBox="0 0 14 10"
2285  fill="none"
2286  aria-hidden="true"
2287  focusable="false"
2288  class="icon icon-arrow"
2289  xmlns="http://www.w3.org/2000/svg"
2290>
2291  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2292</svg>
2293
2294                                        Abteilungen
2295                                      </button>
2296                                      <ul
2297                                        class="menu-drawer__menu list-menu"
2298                                        role="list"
2299                                        tabindex="-1"
2300                                      ><li>
2301                                            <a
2302                                              id="HeaderDrawer-kjp-abteilungen-psychiatrische-institutsambulanz"
2303                                              href="/pages/psychiatrische-institutsambulanz"
2304                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2305                                              
2306                                            >
2307                                              Psychiatrische Institutsambulanz
2308                                            </a>
2309                                          </li><li>
2310                                            <a
2311                                              id="HeaderDrawer-kjp-abteilungen-psychiatrische-tagesklinik"
2312                                              href="/pages/psychiatrische-tagesklinik"
2313                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2314                                              
2315                                            >
2316                                              Psychiatrische Tagesklinik
2317                                            </a>
2318                                          </li><li>
2319                                            <a
2320                                              id="HeaderDrawer-kjp-abteilungen-kinder-und-jugendpsychosomatik"
2321                                              href="/pages/kinder-und-jugendpsychosomatik"
2322                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2323                                              
2324                                            >
2325                                              Kinder- und Jugendpsychosomatik
2326                                            </a>
2327                                          </li></ul>
2328                                    </div>
2329                                  </details></li><li>
2329<details id="Details-menu-drawer-kjp-behandlungsteam">
2330                                    <summary
2331                                      id="HeaderDrawer-kjp-behandlungsteam"
2332                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2333                                    >
2334                                      Behandlungsteam
2335                                      <svg
2336  viewBox="0 0 14 10"
2337  fill="none"
2338  aria-hidden="true"
2339  focusable="false"
2340  class="icon icon-arrow"
2341  xmlns="http://www.w3.org/2000/svg"
2342>
2343  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2344</svg>
2345
2346                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2347  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2348</svg>
2349
2350                                    </summary>
2351                                    <div
2352                                      id="childlink-behandlungsteam"
2353                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2354                                    >
2355                                      <button
2356                                        class="menu-drawer__close-button link link--text focus-inset"
2357                                        aria-expanded="true"
2358                                      >
2359                                        <svg
2360  viewBox="0 0 14 10"
2361  fill="none"
2362  aria-hidden="true"
2363  focusable="false"
2364  class="icon icon-arrow"
2365  xmlns="http://www.w3.org/2000/svg"
2366>
2367  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2368</svg>
2369
2370                                        Behandlungsteam
2371                                      </button>
2372                                      <ul
2373                                        class="menu-drawer__menu list-menu"
2374                                        role="list"
2375                                        tabindex="-1"
2376                                      ><li>
2377                                            <a
2378                                              id="HeaderDrawer-kjp-behandlungsteam-pflege-und-erziehungsdienst-tagesklinik"
2379                                              href="/pages/kjp-ped-tagesklinik"
2380                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2381                                              
2382                                            >
2383                                              Pflege- und Erziehungsdienst Tagesklinik
2384                                            </a>
2385                                          </li><li>
2386                                            <a
2387                                              id="HeaderDrawer-kjp-behandlungsteam-pflege-und-erziehungsdienst-psychosomatik"
2388                                              href="/pages/kjp-ped-psychosomatik"
2389                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2390                                              
2391                                            >
2392                                              Pflege- und Erziehungsdienst Psychosomatik
2393                                            </a>
2394                                          </li><li>
2395                                            <a
2396                                              id="HeaderDrawer-kjp-behandlungsteam-klinikschule"
2397                                              href="/pages/kjp-klinikschule"
2398                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2399                                              
2400                                            >
2401                                              Klinikschule
2402                                            </a>
2403                                          </li><li>
2404                                            <a
2405                                              id="HeaderDrawer-kjp-behandlungsteam-psychologie"
2406                                              href="/pages/kjp-psychologie"
2407                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2408                                              
2409                                            >
2410                                              Psychologie
2411                                            </a>
2412                                          </li><li>
2413                                            <a
2414                                              id="HeaderDrawer-kjp-behandlungsteam-ergotherapie"
2415                                              href="/pages/kjp-ergotherapie"
2416                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2417                                              
2418                                            >
2419                                              Ergotherapie
2420                                            </a>
2421                                          </li><li>
2422                                            <a
2423                                              id="HeaderDrawer-kjp-behandlungsteam-sozialpadagogik"
2424                                              href="/pages/kjp-sozialpadagogik"
2425                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2426                                              
2427                                            >
2428                                              Sozialpädagogik
2429                                            </a>
2430                                          </li><li>
2431                                            <a
2432                                              id="HeaderDrawer-kjp-behandlungsteam-physiotherapie"
2433                                              href="/pages/kjp-physiotherapie"
2434                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2435                                              
2436                                            >
2437                                              Physiotherapie
2438                                            </a>
2439                                          </li><li>
2440                                            <a
2441                                              id="HeaderDrawer-kjp-behandlungsteam-heilpadagogik-musiktherapie"
2442                                              href="/pages/kjp-musiktherapie"
2443                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2444                                              
2445                                            >
2446                                              Heilpädagogik Musiktherapie
2447                                            </a>
2448                                          </li><li>
2449                                            <a
2450                                              id="HeaderDrawer-kjp-behandlungsteam-heilpadagogik-tonfeld"
2451                                              href="/pages/kjp-tonfeld"
2452                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2453                                              
2454                                            >
2455                                              Heilpädagogik Tonfeld
2456                                            </a>
2457                                          </li></ul>
2458                                    </div>
2459                                  </details></li></ul>
2460                        </div>
2461                      </div>
2462                    </details></li><li><a
2463                      id="HeaderDrawer-klinik"
2464                      href="https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting"
2465                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
2466                      
2467                    >
2468                      KLINIK
2469                    </a></li><li><a
2470                      id="HeaderDrawer-neo"
2471                      href="https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting"
2472                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
2473                      
2474                    >
2475                      NEO
2476                    </a></li><li>
2476<details id="Details-menu-drawer-menu-item-6">
2477                      <summary
2478                        id="HeaderDrawer-karriere"
2479                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
2480                      >
2481                        KARRIERE
2482                        <svg
2483  viewBox="0 0 14 10"
2484  fill="none"
2485  aria-hidden="true"
2486  focusable="false"
2487  class="icon icon-arrow"
2488  xmlns="http://www.w3.org/2000/svg"
2489>
2490  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2491</svg>
2492
2493                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2494  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2495</svg>
2496
2497                      </summary>
2498                      <div
2499                        id="link-karriere"
2500                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
2501                        tabindex="-1"
2502                      >
2503                        <div class="menu-drawer__inner-submenu">
2504                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2505                            <svg
2506  viewBox="0 0 14 10"
2507  fill="none"
2508  aria-hidden="true"
2509  focusable="false"
2510  class="icon icon-arrow"
2511  xmlns="http://www.w3.org/2000/svg"
2512>
2513  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2514</svg>
2515
2516                            KARRIERE
2517                          </button>
2518                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
2519                                    id="HeaderDrawer-karriere-stellenangebote"
2520                                    href="/pages/stellenangebote"
2521                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2522                                    
2523                                  >
2524                                    Stellenangebote
2525                                  </a></li><li><a
2526                                    id="HeaderDrawer-karriere-ausbildung"
2527                                    href="/pages/ausbildung"
2528                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2529                                    
2530                                  >
2531                                    Ausbildung
2532                                  </a></li><li><a
2533                                    id="HeaderDrawer-karriere-initiativbewerbung"
2534                                    href="https://klm-hcm.fidelis.sdworx.de/fidelishcm/jobexchange/applyBy.do?j=&jobOfferId=8ac789a69e226576019e255f855910d7"
2535                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2536                                    
2537                                  >
2538                                    Initiativbewerbung
2539                                  </a></li></ul>
2540                        </div>
2541                      </div>
2542                    </details></li><li><details id="Details-menu-drawer-menu-item-7">
2543                      <summary
2544                        id="HeaderDrawer-uber-uns"
2545                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
2546                      >
2547                        ÜBER UNS
2548                        <svg
2549  viewBox="0 0 14 10"
2550  fill="none"
2551  aria-hidden="true"
2552  focusable="false"
2553  class="icon icon-arrow"
2554  xmlns="http://www.w3.org/2000/svg"
2555>
2556  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2557</svg>
2558
2559                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2560  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2561</svg>
2562
2563                      </summary>
2564                      <div
2565                        id="link-uber-uns"
2566                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
2567                        tabindex="-1"
2568                      >
2569                        <div class="menu-drawer__inner-submenu">
2570                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
2571                            <svg
2572  viewBox="0 0 14 10"
2573  fill="none"
2574  aria-hidden="true"
2575  focusable="false"
2576  class="icon icon-arrow"
2577  xmlns="http://www.w3.org/2000/svg"
2578>
2579  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2580</svg>
2581
2582                            ÜBER UNS
2583                          </button>
2584                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li>
2584<details id="Details-menu-drawer-uber-uns-mitwirken-am-zkj">
2585                                    <summary
2586                                      id="HeaderDrawer-uber-uns-mitwirken-am-zkj"
2587                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2588                                    >
2589                                      Mitwirken am ZKJ
2590                                      <svg
2591  viewBox="0 0 14 10"
2592  fill="none"
2593  aria-hidden="true"
2594  focusable="false"
2595  class="icon icon-arrow"
2596  xmlns="http://www.w3.org/2000/svg"
2597>
2598  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2599</svg>
2600
2601                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2602  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2603</svg>
2604
2605                                    </summary>
2606                                    <div
2607                                      id="childlink-mitwirken-am-zkj"
2608                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2609                                    >
2610                                      <button
2611                                        class="menu-drawer__close-button link link--text focus-inset"
2612                                        aria-expanded="true"
2613                                      >
2614                                        <svg
2615  viewBox="0 0 14 10"
2616  fill="none"
2617  aria-hidden="true"
2618  focusable="false"
2619  class="icon icon-arrow"
2620  xmlns="http://www.w3.org/2000/svg"
2621>
2622  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2623</svg>
2624
2625                                        Mitwirken am ZKJ
2626                                      </button>
2627                                      <ul
2628                                        class="menu-drawer__menu list-menu"
2629                                        role="list"
2630                                        tabindex="-1"
2631                                      ><li>
2632                                            <a
2633                                              id="HeaderDrawer-uber-uns-mitwirken-am-zkj-spenden"
2634                                              href="/products/spende"
2635                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2636                                              
2637                                            >
2638                                              Spenden
2639                                            </a>
2640                                          </li><li>
2641                                            <a
2642                                              id="HeaderDrawer-uber-uns-mitwirken-am-zkj-aktuelle-projekte"
2643                                              href="/pages/aktuelle-projekte"
2644                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2645                                              
2646                                            >
2647                                              Aktuelle Projekte
2648                                            </a>
2649                                          </li><li>
2650                                            <a
2651                                              id="HeaderDrawer-uber-uns-mitwirken-am-zkj-freunde-und-forderer"
2652                                              href="/pages/freunde-und-forderer"
2653                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2654                                              
2655                                            >
2656                                              Freunde und Förderer
2657                                            </a>
2658                                          </li></ul>
2659                                    </div>
2660                                  </details></li><li>
2660<details id="Details-menu-drawer-uber-uns-informationen">
2661                                    <summary
2662                                      id="HeaderDrawer-uber-uns-informationen"
2663                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2664                                    >
2665                                      Informationen
2666                                      <svg
2667  viewBox="0 0 14 10"
2668  fill="none"
2669  aria-hidden="true"
2670  focusable="false"
2671  class="icon icon-arrow"
2672  xmlns="http://www.w3.org/2000/svg"
2673>
2674  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2675</svg>
2676
2677                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2678  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2679</svg>
2680
2681                                    </summary>
2682                                    <div
2683                                      id="childlink-informationen"
2684                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2685                                    >
2686                                      <button
2687                                        class="menu-drawer__close-button link link--text focus-inset"
2688                                        aria-expanded="true"
2689                                      >
2690                                        <svg
2691  viewBox="0 0 14 10"
2692  fill="none"
2693  aria-hidden="true"
2694  focusable="false"
2695  class="icon icon-arrow"
2696  xmlns="http://www.w3.org/2000/svg"
2697>
2698  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2699</svg>
2700
2701                                        Informationen
2702                                      </button>
2703                                      <ul
2704                                        class="menu-drawer__menu list-menu"
2705                                        role="list"
2706                                        tabindex="-1"
2707                                      ><li>
2708                                            <a
2709                                              id="HeaderDrawer-uber-uns-informationen-flyer-und-broschuren"
2710                                              href="/pages/flyer-und-broschuren"
2711                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2712                                              
2713                                            >
2714                                              Flyer und Broschüren
2715                                            </a>
2716                                          </li></ul>
2717                                    </div>
2718                                  </details></li><li><details id="Details-menu-drawer-uber-uns-organisation-und-struktur">
2719                                    <summary
2720                                      id="HeaderDrawer-uber-uns-organisation-und-struktur"
2721                                      class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2722                                    >
2723                                      Organisation und Struktur
2724                                      <svg
2725  viewBox="0 0 14 10"
2726  fill="none"
2727  aria-hidden="true"
2728  focusable="false"
2729  class="icon icon-arrow"
2730  xmlns="http://www.w3.org/2000/svg"
2731>
2732  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2733</svg>
2734
2735                                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2736  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2737</svg>
2738
2739                                    </summary>
2740                                    <div
2741                                      id="childlink-organisation-und-struktur"
2742                                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2743                                    >
2744                                      <button
2745                                        class="menu-drawer__close-button link link--text focus-inset"
2746                                        aria-expanded="true"
2747                                      >
2748                                        <svg
2749  viewBox="0 0 14 10"
2750  fill="none"
2751  aria-hidden="true"
2752  focusable="false"
2753  class="icon icon-arrow"
2754  xmlns="http://www.w3.org/2000/svg"
2755>
2756  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
2757</svg>
2758
2759                                        Organisation und Struktur
2760                                      </button>
2761                                      <ul
2762                                        class="menu-drawer__menu list-menu"
2763                                        role="list"
2764                                        tabindex="-1"
2765                                      ><li>
2766                                            <a
2767                                              id="HeaderDrawer-uber-uns-organisation-und-struktur-zkj-e-v"
2768                                              href="/pages/zkj-e-v"
2769                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2770                                              
2771                                            >
2772                                              ZKJ e.V.
2773                                            </a>
2774                                          </li><li>
2775                                            <a
2776                                              id="HeaderDrawer-uber-uns-organisation-und-struktur-innklinikum"
2777                                              href="/pages/innklinikum"
2778                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2779                                              
2780                                            >
2781                                              InnKlinikum
2782                                            </a>
2783                                          </li><li>
2784                                            <a
2785                                              id="HeaderDrawer-uber-uns-organisation-und-struktur-altottinger-papier"
2786                                              href="/pages/altottinger-papier"
2787                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2788                                              
2789                                            >
2790                                              Altöttinger Papier
2791                                            </a>
2792                                          </li><li>
2793                                            <a
2794                                              id="HeaderDrawer-uber-uns-organisation-und-struktur-geschichte"
2795                                              href="/pages/geschichte"
2796                                              class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
2797                                              
2798                                            >
2799                                              Geschichte
2800                                            </a>
2801                                          </li></ul>
2802                                    </div>
2803                                  </details></li></ul>
2804                        </div>
2805                      </div>
2806                    </details></li><li><a
2807                      id="HeaderDrawer-veranstaltungen"
2808                      href="/collections/veranstaltungen"
2809                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
2810                      
2811                    >
2812                      VERANSTALTUNGEN
2813                    </a></li></ul>
2814          </nav>
2815          <div class="menu-drawer__utility-links"><a
2816                href="/account/login"
2817                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
2818              >
2819                <svg
2820  xmlns="http://www.w3.org/2000/svg"
2821  aria-hidden="true"
2822  focusable="false"
2823  class="icon icon-account"
2824  fill="none"
2825  viewBox="0 0 18 19"
2826  style="height: 100%;"
2827>
2828  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.
28281-3.67-1.35-6.17-1.35z" fill="currentColor">
2829</svg>
2830
2831Einloggen</a><div class="menu-drawer__localization header-localization">
2832<noscript><form method="post" action="/localization" id="HeaderLanguageMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
2833                        <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScriptDrawer">
2834                          Sprache
2835                        </h2>
2836                        <select
2837                          class="localization-selector link"
2838                          name="locale_code"
2839                          aria-labelledby="HeaderLanguageMobileLabelNoScriptDrawer"
2840                        ><option
2841                              value="de"
2842                              lang="de"
2843                                selected
2844                              
2845                            >
2846                              Deutsch
2847                            </option><option
2848                              value="en"
2849                              lang="en"
2850                            >
2851                              English
2852                            </option><option
2853                              value="rn"
2854                              lang="rn"
2855                            >
2856                              Ikirundi
2857                            </option></select>
2858                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2859  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2860</svg>
2861
2862                      </div>
2863                      <button class="button button--tertiary">Sprache aktualisieren</button></form></noscript>
2864
2865                  <localization-form class="no-js-hidden"><form method="post" action="/localization" id="HeaderLanguageMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
2866                        <h2 class="visually-hidden" id="HeaderLanguageMobileLabel">
2867                          Sprache
2868                        </h2><div class="disclosure">
2869  <button
2870    type="button"
2871    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
2872    aria-expanded="false"
2873    aria-controls="HeaderLanguageMobileList"
2874    aria-describedby="HeaderLanguageMobileLabel"
2875  >
2876    <span>
2877      
2878        Deutsch
2879      
2880    </span>
2881    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
2882  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
2883</svg>
2884
2885  </button>
2886  <div class="disclosure__list-wrapper" hidden>
2887    <ul id="HeaderLanguageMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
2888          <a
2889            class="link link--text disclosure__link caption-large focus-inset"
2890            href="#"
2891            hreflang="de"
2892            lang="de"
2893            
2894              aria-current="true"
2895            
2896            data-value="de"
2897          >
2898            <span
2899              
2900            ><svg
2901  class="icon icon-checkmark"
2902  aria-hidden="true"
2903  focusable="false"
2904  xmlns="http://www.w3.org/2000/svg"
2905  viewBox="0 0 12 9"
2906  fill="none"
2907>
2908  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
2909</svg>
2910</span>
2911            <span>
2912              
2913                Deutsch
2914              
2915            </span>
2916          </a>
2917        </li><li class="disclosure__item" tabindex="-1">
2918          <a
2919            class="link link--text disclosure__link caption-large focus-inset"
2920            href="#"
2921            hreflang="en"
2922            lang="en"
2923            
2924            data-value="en"
2925          >
2926            <span
2927              
2928                class="visibility-hidden"
2929              
2930            ><svg
2931  class="icon icon-checkmark"
2932  aria-hidden="true"
2933  focusable="false"
2934  xmlns="http://www.w3.org/2000/svg"
2935  viewBox="0 0 12 9"
2936  fill="none"
2937>
2938  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
2939</svg>
2940</span>
2941            <span>
2942              
2943                English
2944              
2945            </span>
2946          </a>
2947        </li><li class="disclosure__item" tabindex="-1">
2948          <a
2949            class="link link--text disclosure__link caption-large focus-inset"
2950            href="#"
2951            hreflang="rn"
2952            lang="rn"
2953            
2954            data-value="rn"
2955          >
2956            <span
2957              
2958                class="visibility-hidden"
2959              
2960            ><svg
2961  class="icon icon-checkmark"
2962  aria-hidden="true"
2963  focusable="false"
2964  xmlns="http://www.w3.org/2000/svg"
2965  viewBox="0 0 12 9"
2966  fill="none"
2967>
2968  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
2969</svg>
2970</span>
2971            <span>
2972              
2973                Leichte Sprache
2974              
2975            </span>
2976          </a>
2977        </li></ul>
2978  </div>
2979</div>
2980<input type="hidden" name="locale_code" value="de">
2981</div></form></localization-form></div><ul class="list list-social list-unstyled" role="list"></ul>
2982          </div>
2983        </div>
2984      </div>
2985    </div>
2986  </details>
2987</header-drawer>
2988<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
2989                
2990                <img src="//kinderzentrum.de/cdn/shop/files/logo_gross_ohne_Text.png?v=1739984408&amp;width=600" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/logo_gross_ohne_Text.png?v=1739984408&amp;width=100 100w, //kinderzentrum.de/cdn/shop/files/logo_gross_ohne_Text.png?v=1739984408&amp;width=150 150w, //kinderzentrum.de/cdn/shop/files/logo_gross_ohne_Text.png?v=1739984408&amp;width=200 200w" width="100" height="56.03448275862069" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 200px) 50vw, 100px">
2991                
2992              </div></a></h1>
2993<style>
2994  .mega-menu-container-indiv {
2995  padding: 206px 0px 10px 20px;
2996  position: relative;
2997  left: 0;
2998  width: 255px;
2999  height: 230px;
3000  border-radius: 15px;
3001  background-color: #f5f5f5 !important;
3002  background-size: cover;
3003  background-repeat: no-repeat;
3004  background-position: 40% 310%;
3005  background-size: 105%;
3006  font-family: system_ui,sans-serif;
3007  font-size: 20px;
3008  font-style: normal;
3009  font-weight: 700 !important;
3010  cursor: pointer;
3011  }
3012</style>
3013
3014<nav class="header__inline-menu">
3015  <ul class="list-menu list-menu--inline" role="list"><li><a
3016            id="HeaderMenu-anmeldung"
3017            href="/"
3018            class="header__menu-item list-menu__item link link--text focus-inset"
3019            
3020              aria-current="page"
3021            
3022          >
3023            <span
3024                class="header__active-menu-item"
3025              
3026            >ANMELDUNG</span>
3027          </a></li><li><header-menu>
3028            <details id="Details-HeaderMenu-2" class="mega-menu">
3029              <summary
3030                id="HeaderMenu-spz"
3031                class="header__menu-item list-menu__item link focus-inset"
3032              >
3033                <span
3034                >SPZ</span>
3035                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
3036  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3037</svg>
3038
3039              </summary><div
3040                id="MegaMenu-Content-2"
3041                class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup"
3042                tabindex="-1"
3043              >
3044                <ul
3045                  class="mega-menu__list page-width"
3046                  role="list"
3047                ><li>
3048                      <a
3049                        id="HeaderMenu-spz-behandlungsteam"
3050                        href="/pages/spz#spz_fachbereiche"
3051                        class="mega-menu__link mega-menu__link--level-2 link"
3052                        
3053                      >
3054                        Behandlungsteam
3055                      </a><ul class="list-unstyled" role="list"><li>
3056                              <a
3057                                id="HeaderMenu-spz-behandlungsteam-die-arzte-im-spz"
3058                                href="/pages/spz-arzte"
3059                                class="mega-menu__link link"
3060                                
3061                              >
3062                                Die Ärzte im SPZ
3063                              </a>
3064                            </li><li>
3065                              <a
3066                                id="HeaderMenu-spz-behandlungsteam-psychologie"
3067                                href="/pages/spz-psychologie"
3068                                class="mega-menu__link link"
3069                                
3070                              >
3071                                Psychologie
3072                              </a>
3073                            </li><li>
3074                              <a
3075                                id="HeaderMenu-spz-behandlungsteam-ergotherapie"
3076                                href="/pages/spz-ergotherapie"
3077                                class="mega-menu__link link"
3078                                
3079                              >
3080                                Ergotherapie
3081                              </a>
3082                            </li><li>
3083                              <a
3084                                id="HeaderMenu-spz-behandlungsteam-logopadie"
3085                                href="/pages/spz-logopadie"
3086                                class="mega-menu__link link"
3087                                
3088                              >
3089                                Logopädie
3090                              </a>
3091                            </li><li>
3092                              <a
3093                                id="HeaderMenu-spz-behandlungsteam-physiotherapie"
3094                                href="/pages/spz-physiotherapie"
3095                                class="mega-menu__link link"
3096                                
3097                              >
3098                                Physiotherapie
3099                              </a>
3100                            </li><li>
3101                              <a
3102                                id="HeaderMenu-spz-behandlungsteam-montessoritherapie"
3103                                href="/pages/spz-montessoritherapie"
3104                                class="mega-menu__link link"
3105                                
3106                              >
3107                                Montessoritherapie
3108                              </a>
3109                            </li></ul></li><li>
3110                      <a
3111                        id="HeaderMenu-spz-behandlungsangebote"
3112                        href="/pages/spz#spz_weitereangebote"
3113                        class="mega-menu__link mega-menu__link--level-2 link"
3114                        
3115                      >
3116                        Behandlungsangebote
3117                      </a><ul class="list-unstyled" role="list"><li>
3118                              <a
3119                                id="HeaderMenu-spz-behandlungsangebote-neuropadiatrie"
3120                                href="/pages/spz-neuropadiatrie"
3121                                class="mega-menu__link link"
3122                                
3123                              >
3124                                Neuropädiatrie
3125                              </a>
3126                            </li><li>
3127                              <a
3128                                id="HeaderMenu-spz-behandlungsangebote-trauerbegleitung-krisenintervention"
3129                                href="/pages/spz-trauerbegleitung-und-krisenintervention"
3130                                class="mega-menu__link link"
3131                                
3132                              >
3133                                Trauerbegleitung-Krisenintervention
3134                              </a>
3135                            </li><li>
3136                              <a
3137                                id="HeaderMenu-spz-behandlungsangebote-heilpadagogik-tonfeld®"
3138                                href="/pages/spz-tonfeld"
3139                                class="mega-menu__link link"
3140                                
3141                              >
3142                                Heilpädagogik Tonfeld®
3143                              </a>
3144                            </li><li>
3145                              <a
3146                                id="HeaderMenu-spz-behandlungsangebote-heilpadagogik-musiktherapie"
3147                                href="/pages/spz-musiktherapie"
3148                                class="mega-menu__link link"
3149                                
3150                              >
3151                                Heilpädagogik Musiktherapie
3152                              </a>
3153                            </li><li>
3154                              <a
3155                                id="HeaderMenu-spz-behandlungsangebote-ernahrungsberatung"
3156                                href="/pages/kjp-ernahrungsberatung"
3157                                class="mega-menu__link link"
3158                                
3159                              >
3160                                Ernährungsberatung
3161                              </a>
3162                            </li><li>
3163                              <a
3164                                id="HeaderMenu-spz-behandlungsangebote-bio-und-neurofeedback"
3165                                href="/pages/spz-bio-und-neurofeedback"
3166                                class="mega-menu__link link"
3167                                
3168                              >
3169                                Bio- und Neurofeedback
3170                              </a>
3171                            </li></ul></li></ul>
3172              </div></details>
3173          </header-menu></li><li><header-menu>
3174            <details id="Details-HeaderMenu-3" class="mega-menu">
3175              <summary
3176                id="HeaderMenu-kjp"
3177                class="header__menu-item list-menu__item link focus-inset"
3178              >
3179                <span
3180                >KJP</span>
3181                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
3182  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3183</svg>
3184
3185              </summary><div
3186                id="MegaMenu-Content-3"
3187                class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup"
3188                tabindex="-1"
3189              >
3190                <ul
3191                  class="mega-menu__list page-width"
3192                  role="list"
3193                ><li>
3194                      <a
3195                        id="HeaderMenu-kjp-abteilungen"
3196                        href="/pages/kjp#kjp_abteilungen"
3197                        class="mega-menu__link mega-menu__link--level-2 link"
3198                        
3199                      >
3200                        Abteilungen
3201                      </a><ul class="list-unstyled" role="list"><li>
3202                              <a
3203                                id="HeaderMenu-kjp-abteilungen-psychiatrische-institutsambulanz"
3204                                href="/pages/psychiatrische-institutsambulanz"
3205                                class="mega-menu__link link"
3206                                
3207                              >
3208                                Psychiatrische Institutsambulanz
3209                              </a>
3210                            </li><li>
3211                              <a
3212                                id="HeaderMenu-kjp-abteilungen-psychiatrische-tagesklinik"
3213                                href="/pages/psychiatrische-tagesklinik"
3214                                class="mega-menu__link link"
3215                                
3216                              >
3217                                Psychiatrische Tagesklinik
3218                              </a>
3219                            </li><li>
3220                              <a
3221                                id="HeaderMenu-kjp-abteilungen-kinder-und-jugendpsychosomatik"
3222                                href="/pages/kinder-und-jugendpsychosomatik"
3223                                class="mega-menu__link link"
3224                                
3225                              >
3226                                Kinder- und Jugendpsychosomatik
3227                              </a>
3228                            </li></ul></li><li>
3229                      <a
3230                        id="HeaderMenu-kjp-behandlungsteam"
3231                        href="/pages/kjp#kjp_fachbereiche"
3232                        class="mega-menu__link mega-menu__link--level-2 link"
3233                        
3234                      >
3235                        Behandlungsteam
3236                      </a><ul class="list-unstyled" role="list"><li>
3237                              <a
3238                                id="HeaderMenu-kjp-behandlungsteam-pflege-und-erziehungsdienst-tagesklinik"
3239                                href="/pages/kjp-ped-tagesklinik"
3240                                class="mega-menu__link link"
3241                                
3242                              >
3243                                Pflege- und Erziehungsdienst Tagesklinik
3244                              </a>
3245                            </li><li>
3246                              <a
3247                                id="HeaderMenu-kjp-behandlungsteam-pflege-und-erziehungsdienst-psychosomatik"
3248                                href="/pages/kjp-ped-psychosomatik"
3249                                class="mega-menu__link link"
3250                                
3251                              >
3252                                Pflege- und Erziehungsdienst Psychosomatik
3253                              </a>
3254                            </li><li>
3255                              <a
3256                                id="HeaderMenu-kjp-behandlungsteam-klinikschule"
3257                                href="/pages/kjp-klinikschule"
3258                                class="mega-menu__link link"
3259                                
3260                              >
3261                                Klinikschule
3262                              </a>
3263                            </li><li>
3264                              <a
3265                                id="HeaderMenu-kjp-behandlungsteam-psychologie"
3266                                href="/pages/kjp-psychologie"
3267                                class="mega-menu__link link"
3268                                
3269                              >
3270                                Psychologie
3271                              </a>
3272                            </li><li>
3273                              <a
3274                                id="HeaderMenu-kjp-behandlungsteam-ergotherapie"
3275                                href="/pages/kjp-ergotherapie"
3276                                class="mega-menu__link link"
3277                                
3278                              >
3279                                Ergotherapie
3280                              </a>
3281                            </li><li>
3282                              <a
3283                                id="HeaderMenu-kjp-behandlungsteam-sozialpadagogik"
3284                                href="/pages/kjp-sozialpadagogik"
3285                                class="mega-menu__link link"
3286                                
3287                              >
3288                                Sozialpädagogik
3289                              </a>
3290                            </li><li>
3291                              <a
3292                                id="HeaderMenu-kjp-behandlungsteam-physiotherapie"
3293                                href="/pages/kjp-physiotherapie"
3294                                class="mega-menu__link link"
3295                                
3296                              >
3297                                Physiotherapie
3298                              </a>
3299                            </li><li>
3300                              <a
3301                                id="HeaderMenu-kjp-behandlungsteam-heilpadagogik-musiktherapie"
3302                                href="/pages/kjp-musiktherapie"
3303                                class="mega-menu__link link"
3304                                
3305                              >
3306                                Heilpädagogik Musiktherapie
3307                              </a>
3308                            </li><li>
3309                              <a
3310                                id="HeaderMenu-kjp-behandlungsteam-heilpadagogik-tonfeld"
3311                                href="/pages/kjp-tonfeld"
3312                                class="mega-menu__link link"
3313                                
3314                              >
3315                                Heilpädagogik Tonfeld
3316                              </a>
3317                            </li></ul></li></ul>
3318              </div></details>
3319          </header-menu></li><li><a
3320            id="HeaderMenu-klinik"
3321            href="https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting"
3322            class="header__menu-item list-menu__item link link--text focus-inset"
3323            
3324          >
3325            <span
3326            >KLINIK</span>
3327          </a></li><li><a
3328            id="HeaderMenu-neo"
3329            href="https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting"
3330            class="header__menu-item list-menu__item link link--text focus-inset"
3331            
3332          >
3333            <span
3334            >NEO</span>
3335          </a></li><li><header-menu>
3336            <details id="Details-HeaderMenu-6" class="mega-menu">
3337              <summary
3338                id="HeaderMenu-karriere"
3339                class="header__menu-item list-menu__item link focus-inset"
3340              >
3341                <span
3342                >KARRIERE</span>
3343                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
3344  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3345</svg>
3346
3347              </summary><div
3348                id="MegaMenu-Content-6"
3349                class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup"
3350                tabindex="-1"
3351              >
3352                <h2 class="mega-menu__list page-width mega-menu__list--condensed" style="margin-bottom: 25px; margin-top: 0px" ><a style="color: black; cursor: pointer; text-decoration: none" href="/pages/karriere">Karriere ➔</a></h2>
3353                <ul
3354                  class="mega-menu__list page-width mega-menu__list--condensed"
3355                  role="list"
3356                  style="display: flex; gap: 20px; justify-content: left; flex-direction: row;"
3357                ><li>
3358                      <a
3359                        id="HeaderMenu-karriere-stellenangebote"
3360                        href="/pages/stellenangebote"
3361                        
3362                          style="background-image: url('https://cdn.shopify.com/s/files/1/0913/3378/7994/files/a-doctor-smiles-while-holding-her-clipboard.jpg?v=1736300575');
3363                          padding: 190px 0px 10px 20px;
3364                          height: 255px;
3365                          background-position: 20% -20%;
3366                          background-size: 114%;
3367                          font-size: 20px;
3368                          "
3369                        
3370                        class="mega-menu-container-indiv mega-menu__link mega-menu__link--level-2 link"
3371                        
3372                        
3373                      >
3374                        Stellenangebote
3375                      </a>
3376                      
3377                    </li><li>
3378                      <a
3379                        id="HeaderMenu-karriere-ausbildung"
3380                        href="/pages/ausbildung"
3381                        
3382                          style='background-image: url("https://cdn.shopify.com/s/files/1/0913/3378/7994/files/Starten_Sie_durch_1024x420_59e1e6e2-012c-4436-b400-40084fb8e317.png?v=1736299397"); 
3383                          padding: 190px 0px 10px 20px; 
3384                          height: 255px; 
3385                          background-position: 50% 680%;
3386                          background-size: 105%; 
3387                          font-size: 20px;
3388                          word-break: 
3389                          break-word;
3390                          '
3391                        
3392                        class="mega-menu-container-indiv mega-menu__link mega-menu__link--level-2 link"
3393                        
3394                        
3395                      >
3396                        Ausbildung
3397                      </a>
3398                      
3399                    </li><li>
3400                      <a
3401                        id="HeaderMenu-karriere-initiativbewerbung"
3402                        href="https://klm-hcm.fidelis.sdworx.de/fidelishcm/jobexchange/applyBy.do?j=&jobOfferId=8ac789a69e226576019e255f855910d7"
3403                        
3404                          style="background-image: url('https://cdn.shopify.com/s/files/1/0913/3378/7994/files/typing-on-apple-computer.jpg?v=1736301753');
3405                          padding: 190px 0px 10px 20px;
3406                          height: 255px;
3407                          background-position: 20% -20%;
3408                          background-size: 114%;
3409                          font-size: 20px;
3410                          "
3411                          target="_blank"
3412                        
3413                        class="mega-menu-container-indiv mega-menu__link mega-menu__link--level-2 link"
3414                        
3415                        
3416                      >
3417                        Initiativbewerbung
3418                      </a>
3419                      
3420                    </li></ul>
3421              </div></details>
3422          </header-menu></li><li><header-menu>
3423            <details id="Details-HeaderMenu-7" class="mega-menu">
3424              <summary
3425                id="HeaderMenu-uber-uns"
3426                class="header__menu-item list-menu__item link focus-inset"
3427              >
3428                <span
3429                >ÜBER UNS</span>
3430                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
3431  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3432</svg>
3433
3434              </summary><div
3435                id="MegaMenu-Content-7"
3436                class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup"
3437                tabindex="-1"
3438              >
3439                <ul
3440                  class="mega-menu__list page-width"
3441                  role="list"
3442                ><li>
3443                      <a
3444                        id="HeaderMenu-uber-uns-mitwirken-am-zkj"
3445                        href="/pages/mitwirken"
3446                        class="mega-menu__link mega-menu__link--level-2 link"
3447                        
3448                      >
3449                        Mitwirken am ZKJ
3450                      </a><ul class="list-unstyled" role="list"><li>
3451                              <a
3452                                id="HeaderMenu-uber-uns-mitwirken-am-zkj-spenden"
3453                                href="/products/spende"
3454                                class="mega-menu__link link"
3455                                
3456                              >
3457                                Spenden
3458                              </a>
3459                            </li><li>
3460                              <a
3461                                id="HeaderMenu-uber-uns-mitwirken-am-zkj-aktuelle-projekte"
3462                                href="/pages/aktuelle-projekte"
3463                                class="mega-menu__link link"
3464                                
3465                              >
3466                                Aktuelle Projekte
3467                              </a>
3468                            </li><li>
3469                              <a
3470                                id="HeaderMenu-uber-uns-mitwirken-am-zkj-freunde-und-forderer"
3471                                href="/pages/freunde-und-forderer"
3472                                class="mega-menu__link link"
3473                                
3474                              >
3475                                Freunde und Förderer
3476                              </a>
3477                            </li></ul></li><li>
3478                      <a
3479                        id="HeaderMenu-uber-uns-informationen"
3480                        href="/pages/informationen"
3481                        class="mega-menu__link mega-menu__link--level-2 link"
3482                        
3483                      >
3484                        Informationen
3485                      </a><ul class="list-unstyled" role="list"><li>
3486                              <a
3487                                id="HeaderMenu-uber-uns-informationen-flyer-und-broschuren"
3488                                href="/pages/flyer-und-broschuren"
3489                                class="mega-menu__link link"
3490                                
3491                              >
3492                                Flyer und Broschüren
3493                              </a>
3494                            </li></ul></li><li>
3495                      <a
3496                        id="HeaderMenu-uber-uns-organisation-und-struktur"
3497                        href="/pages/organisation-und-struktur"
3498                        class="mega-menu__link mega-menu__link--level-2 link"
3499                        
3500                      >
3501                        Organisation und Struktur
3502                      </a><ul class="list-unstyled" role="list"><li>
3503                              <a
3504                                id="HeaderMenu-uber-uns-organisation-und-struktur-zkj-e-v"
3505                                href="/pages/zkj-e-v"
3506                                class="mega-menu__link link"
3507                                
3508                              >
3509                                ZKJ e.V.
3510                              </a>
3511                            </li><li>
3512                              <a
3513                                id="HeaderMenu-uber-uns-organisation-und-struktur-innklinikum"
3514                                href="/pages/innklinikum"
3515                                class="mega-menu__link link"
3516                                
3517                              >
3518                                InnKlinikum
3519                              </a>
3520                            </li><li>
3521                              <a
3522                                id="HeaderMenu-uber-uns-organisation-und-struktur-altottinger-papier"
3523                                href="/pages/altottinger-papier"
3524                                class="mega-menu__link link"
3525                                
3526                              >
3527                                Altöttinger Papier
3528                              </a>
3529                            </li><li>
3530                              <a
3531                                id="HeaderMenu-uber-uns-organisation-und-struktur-geschichte"
3532                                href="/pages/geschichte"
3533                                class="mega-menu__link link"
3534                                
3535                              >
3536                                Geschichte
3537                              </a>
3538                            </li></ul></li></ul>
3539              </div></details>
3540          </header-menu></li><li><a
3541            id="HeaderMenu-veranstaltungen"
3542            href="/collections/veranstaltungen"
3543            class="header__menu-item list-menu__item link link--text focus-inset"
3544            
3545          >
3546            <span
3547            >VERANSTALTUNGEN</span>
3548          </a></li></ul>
3549</nav>
3550
3551<div class="header__icons header__icons--localization header-localization">
3552      
3553
3554      <div class="desktop-localization-wrapper">
3555        <!--
3556<noscript class="small-hide medium-hide"><form method="post" action="/localization" id="HeaderLanguageMobileFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
3557                <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScript">Sprache</h2>
3558                <select class="localization-selector link" name="locale_code" aria-labelledby="HeaderLanguageMobileLabelNoScript"><option value="de" lang="de" selected>
3559                      Deutsch
3560                    </option><option value="en" lang="en">
3561                      English
3562                    </option><option value="rn" lang="rn">
3563                      Ikirundi
3564                    </option></select>
3565                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
3566  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3567</svg>
3568
3569              </div>
3570              <button class="button button--tertiary">Sprache aktualisieren</button></form></noscript>
3571      
3572          <localization-form class="small-hide medium-hide no-js-hidden" data-prevent-hide><form method="post" action="/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
3573                <h2 class="visually-hidden" id="HeaderLanguageLabel">Sprache</h2><div class="disclosure">
3574  <button
3575    type="button"
3576    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
3577    aria-expanded="false"
3578    aria-controls="HeaderLanguageList"
3579    aria-describedby="HeaderLanguageLabel"
3580  >
3581    <span>
3582      
3583        Deutsch
3584      
3585    </span>
3586    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
3587  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
3588</svg>
3589
3590  </button>
3591  <div class="disclosure__list-wrapper" hidden>
3592    <ul id="HeaderLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
3593          <a
3594            class="link link--text disclosure__link caption-large focus-inset"
3595            href="#"
3596            hreflang="de"
3597            lang="de"
3598            
3599              aria-current="true"
3600            
3601            data-value="de"
3602          >
3603            <span
3604              
3605            ><svg
3606  class="icon icon-checkmark"
3607  aria-hidden="true"
3608  focusable="false"
3609  xmlns="http://www.w3.org/2000/svg"
3610  viewBox="0 0 12 9"
3611  fill="none"
3612>
3613  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
3614</svg>
3615</span>
3616            <span>
3617              
3618                Deutsch
3619              
3620            </span>
3621          </a>
3622        </li><li class="disclosure__item" tabindex="-1">
3623          <a
3624            class="link link--text disclosure__link caption-large focus-inset"
3625            href="#"
3626            hreflang="en"
3627            lang="en"
3628            
3629            data-value="en"
3630          >
3631            <span
3632              
3633                class="visibility-hidden"
3634              
3635            ><svg
3636  class="icon icon-checkmark"
3637  aria-hidden="true"
3638  focusable="false"
3639  xmlns="http://www.w3.org/2000/svg"
3640  viewBox="0 0 12 9"
3641  fill="none"
3642>
3643  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
3644</svg>
3645</span>
3646            <span>
3647              
3648                English
3649              
3650            </span>
3651          </a>
3652        </li><li class="disclosure__item" tabindex="-1">
3653          <a
3654            class="link link--text disclosure__link caption-large focus-inset"
3655            href="#"
3656            hreflang="rn"
3657            lang="rn"
3658            
3659            data-value="rn"
3660          >
3661            <span
3662              
3663                class="visibility-hidden"
3664              
3665            ><svg
3666  class="icon icon-checkmark"
3667  aria-hidden="true"
3668  focusable="false"
3669  xmlns="http://www.w3.org/2000/svg"
3670  viewBox="0 0 12 9"
3671  fill="none"
3672>
3673  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
3674</svg>
3675</span>
3676            <span>
3677              
3678                Leichte Sprache
3679              
3680            </span>
3681          </a>
3682        </li></ul>
3683  </div>
3684</div>
3685<input type="hidden" name="locale_code" value="de">
3686</div></form></localization-form>-->
3687      </div>
3688      
3689      
3690
3691
3692      
3693      
3694
3695<details-modal class="header__search">
3696  <details>
3697    <style>
3698      .header__icon--search:hover {
3699          transform: scale(1.07);
3700        }
3701    </style>
3702    <summary
3703      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
3704      aria-haspopup="dialog"
3705      aria-label="Suchen"
3706    >
3707        <span>
3708        <svg width="35px" height="35px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3709        <path d="M16.6725 16.6412L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3710        </svg>
3711
3712        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
3713          <use href="#icon-close">
3714        </svg>
3715      </span>
3716    </summary>
3717    <div
3718      class="search-modal modal__content gradient"
3719      role="dialog"
3720      aria-modal="true"
3721      aria-label="Suchen"
3722    >
3723      <div class="modal-overlay"></div>
3724      <div
3725        class="search-modal__content search-modal__content-bottom"
3726        tabindex="-1"
3727      ><predictive-search class="search-modal__form" data-loading-text="Wird geladen ..."><form action="/search" method="get" role="search" class="search search-modal__form">
3728          <div class="field">
3729            <input
3730              class="search__input field__input"
3731              id="Search-In-Modal"
3732              type="search"
3733              name="q"
3734              value=""
3735              placeholder="Suchen"role="combobox"
3736                aria-expanded="false"
3737                aria-owns="predictive-search-results"
3738                aria-controls="predictive-search-results"
3739                aria-haspopup="listbox"
3740                aria-autocomplete="list"
3741                autocorrect="off"
3742                autocomplete="off"
3743                autocapitalize="off"
3744                spellcheck="false">
3745            <label class="field__label" for="Search-In-Modal">Suchen</label>
3746            <input type="hidden" name="options[prefix]" value="last">
3747            <button
3748              type="reset"
3749              class="reset__button field__button hidden"
3750              aria-label="Suchbegriff zurücksetzen"
3751            >
3752              <svg class="icon icon-close" aria-hidden="true" focusable="false">
3753                <use xlink:href="#icon-reset">
3754              </svg>
3755            </button>
3756            <button class="search__button field__button" aria-label="Suchen">
3757              <svg class="icon icon-search" aria-hidden="true" focusable="false">
3758                <use href="#icon-search">
3759              </svg>
3760            </button>
3761          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
3762
3763<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481731838731" rel="stylesheet" type="text/css" media="all" />
3764
3765<div class="predictive-search__loading-state">
3766  <svg
3767    aria-hidden="true"
3768    focusable="false"
3769    class="spinner"
3770    viewBox="0 0 66 66"
3771    xmlns="http://www.w3.org/2000/svg"
3772  >
3773    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
3774  </svg>
3775</div>
3776</div>
3777
3778            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
3779          type="button"
3780          class="search-modal__close-button modal__close-button link link--text focus-inset"
3781          aria-label="Schließen"
3782        >
3783          <svg class="icon icon-close" aria-hidden="true" focusable="false">
3784            <use href="#icon-close">
3785          </svg>
3786        </button>
3787      </div>
3788    </div>
3789  </details>
3790</details-modal>
3791
3792
3793      
3794
3795      <!--<a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide">
3796          <svg
3797  xmlns="http://www.w3.org/2000/svg"
3798  aria-hidden="true"
3799  focusable="false"
3800  class="icon icon-account"
3801  fill="none"
3802  viewBox="0 0 18 19"
3803  style="height: 100%;"
3804>
3805  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
3806</svg>
3807
3808          <span class="visually-hidden">Einloggen</span>
3809        </a>-->
3810
3811
3812
3813
3814      <a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
3815<svg width="800px" height="800px" viewBox="0 -0.5 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" style="height: 100%;">
3816<path fill-rule="evenodd" clip-rule="evenodd" d="M9.69195 17.95C9.69084 18.5286 9.22115 18.9968 8.64261 18.996C8.06408 18.9953 7.59558 18.5259 7.59595 17.9474C7.59631 17.3688 8.06541 16.9 8.64395 16.9C8.92216 16.9003 9.18887 17.0111 9.38541 17.208C9.58195 17.4049 9.69221 17.6718 9.69195 17.95V17.95Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3817<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2811 17.95C15.28 18.5286 14.8103 18.9968 14.2317 18.996C13.6532 18.9953 13.1847 18.5259 13.1851 17.9474C13.1854 17.3688 13.6545 16.9 14.2331 16.9C14.5113 16.9003 14.778 17.0111 14.9745 17.208C15.1711 17.4049 15.2813 17.6718 15.2811 17.95V17.95Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3818<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1 7.80005H8.99297L8.29297 13.4C8.29297 14.1732 8.91977 14.8 9.69297 14.8H15.893C16.3846 14.7998 16.8401 14.5417 17.093 14.12L20.3 9.92005C20.5593 9.48764 20.566 8.9492 20.3177 8.51041C20.0693 8.07163 19.6042 7.80029 19.1 7.80005Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3819<path d="M8.993 7.8L8.324 5.118C8.30611 5.04823 8.24303 4.99958 8.171 5H5.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3820</svg><span class="visually-hidden">Warenkorb</span></a>
3821
3822      
3823
3824
3825
3826      
3827
3828      <!--Anruf-Button-->
3829  <!--<style>
3830        .telefonbutton::before {
3831          vertical-align: 0px;
3832        }
3833      </style>
3834      <a class="bi bi-telephone telefonbutton" href="tel:08671 509900" style="padding: 5px 10px 5px 22px; border-style: none; background-color: transparent; color: #000; cursor: pointer; font-size: 22px; display: block;"></a>-->
3835
3836      <!--Barrierefreiheit-->
3837      <style>
3838      .br_widget-button {
3839        background-color: none;
3840        background: none;
3841        color: black;
3842        border: none;
3843        cursor: pointer;
3844        margin: 0px 0px 0px 20px;
3845        font-family: system_ui, sans-serif; /* Schriftart hinzufügen */
3846        font-size: 16px; /* Standard-Schriftgröße für den Button */
3847        transition: transform 0.03s;
3848      }
3849        .br_widget-button:hover {
3850          transform: scale(1.04);
3851        }
3852      
3853    </style>
3854    
3855    <button id="br_toggle-widget" class="br_widget-button">
3856    <svg width="32px" height="32px" viewBox="-5.12 -5.12 522.24 522.24" xmlns="http://www.w3.org/2000/svg" fill="black" stroke="black" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="7.168000000000001"></g><g id="SVGRepo_iconCarrier"><circle fill="none" stroke="black" stroke-linejoin="round" stroke-width="34.816" cx="256" cy="56" r="40"></circle><path fill="none" stroke="black" stroke-linejoin="round" stroke-width="34.816" d="M204.23,274.44c2.9-18.06,4.2-35.52-.5-47.59-4-10.38-12.7-16.19-23.2-20.15L88,176.76c-12-4-23.21-10.7-24-23.94-1-17,14-28,29-24,0,0,88,31.14,163,31.14s162-31,162-31c18-5,30,9,30,23.79,0,14.21-11,19.21-24,23.94l-88,31.91c-8,3-21,9-26,18.18-6,10.75-5,29.53-2.1,47.59l5.9,29.63L351.21,467.9c2.8,13.15-6.3,25.44-19.4,27.74S308,489,304.12,476.28L266.56,360.35q-2.71-8.34-4.8-16.87L256,320l-5.3,21.65q-2.52,10.35-5.8,20.48L208,476.18c-4,12.85-14.5,21.75-27.6,19.46S158,480.05,160.94,467.9l37.39-163.83Z"></path></g></svg>  
3857    </button>
3858
3859
3860   <!--Spenden-Button-->
3861      <style>
3862        .spendenbutton {
3863          color: red;
3864          font-family: system_ui,sans-serif;
3865          font-size: 18px;
3866          font-weight: bold;
3867          font-style: normal;
3868          text-decoration: none; 
3869          display: flex;
3870          justify-content: space-between;
3871          align-items: center;
3872          margin: 0px 5px 0 30px;
3873          cursor: pointer !important;
3874        }
3875        
3876        .spendenbutton p {
3877            margin: 0px 8px 0px 0px;
3878          }
3879        .spendenbutton svg {
3880            display: none;
3881          }
3882        @media (max-width: 749px) {
3883          .spendenbutton p {
3884            display: none;
3885          }
3886          .spendenbutton svg {
3887            display: block;
3888          }
3889          .spendenbutton {
3890            margin: 0px 0px 0 13px;
3891          }
3892        }
3893      </style>
3894      <a class="spendenbutton" id="spendenbutton">
3895        
3896        <p>SPENDEN</p>
3897      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="25.5" height="25.5" style="transform: translateY(-2px);">
3898          <path fill="red" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41 0.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
3899      </svg>
3900      </a>
3901
3902     
3903
3904      
3905      <!--Notfall-Button-->
3906      <!--<style>
3907        .notfallbutton {
3908          color: red;
3909          font-family: system_ui,helvetica,sans-serif;
3910          font-size: 22px;
3911          font-weight: 800;
3912          font-style: normal;
3913          text-decoration: none; 
3914          display: flex;
3915          justify-content: space-between;
3916          align-items: center;
3917          margin: 0px 5px 0 20px;
3918          cursor: pointer !important;
3919          position: relative;
3920          
3921        }
3922        .notfallbutton p {
3923            margin: 0px 8px 0px 0px;
3924            padding: 0px 45px 0px 10px;
3925            border-top: 2px solid #F00;
3926            border-bottom: 2px solid #F00;
3927          }
3928        @media (max-width: 769px) {
3929          .notfallbutton p {
3930            display: none;
3931          }
3932          .notfallbutton {
3933            margin: 0px 5px 0 60px;
3934          }
3935        }
3936      </style>
3937      <a href="/pages/notfall" class="notfallbutton">
3938        
3939        <p>Notfall</p>
3940        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" style="position: absolute;right: 17px;">
3941            <rect x="0" fill="red" width="20" height="8" y="6"></rect>
3942            <rect fill="red" width="8" height="20" x="6" y="0"></rect>
3943        </svg>
3944        </a>-->
3944</div>
3945  </header>
3946</sticky-header>
3947
3948<script type="application/ld+json">
3949  {
3950    "@context": "http://schema.org",
3951    "@type": "Organization",
3952    "name": "Zentrum für Kinder und Jugendliche",
3953    
3954      "logo": "https:\/\/kinderzentrum.de\/cdn\/shop\/files\/logo_gross_ohne_Text.png?v=1739984408\u0026width=500",
3955    
3956    "sameAs": [
3957      "",
3958      "",
3959      "",
3960      "",
3961      "",
3962      "",
3963      "",
3964      "",
3965      ""
3966    ],
3967    "url": "https:\/\/kinderzentrum.de"
3968  }
3969</script>
3969
3970  
3970<script type="application/ld+json">
3971    {
3972      "@context": "http://schema.org",
3973      "@type": "WebSite",
3974      "name": "Zentrum für Kinder und Jugendliche",
3975      "potentialAction": {
3976        "@type": "SearchAction",
3977        "target": "https:\/\/kinderzentrum.de\/search?q={search_term_string}",
3978        "query-input": "required name=search_term_string"
3979      },
3980      "url": "https:\/\/kinderzentrum.de"
3981    }
3982  </script>
3982
3983<style> #shopify-section-sections--23980446056794__header /*alles im header-liquid*/ </style></div>
3984<!-- END sections: header-group -->
3985
3986    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
3987      <section id="shopify-section-template--23980445729114__custom_liquid_qUbNMW" class="shopify-section section"><style data-shopify>.section-template--23980445729114__custom_liquid_qUbNMW-padding {
3988    padding-top: calc(100px * 0.75);
3989    padding-bottom: calc(28px  * 0.75);
3990  }
3991
3992  @media screen and (min-width: 750px) {
3993    .section-template--23980445729114__custom_liquid_qUbNMW-padding {
3994      padding-top: 100px;
3995      padding-bottom: 28px;
3996    }
3997  }</style><div class="color-scheme-1 gradient">
3998  <div class="section-template--23980445729114__custom_liquid_qUbNMW-padding">
3999    <style>
4000.section-template--23980445729114__custom_liquid_qUbNMW-padding {
4001  padding-top: calc(60vh - 290px) !important;
4002  position: absolute !important;
4003}
4004
4005#shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4006height: calc(100vh - 300px - 85px + 10px);
4007}
4008
4009
4010
4011
4012@media (max-width: 1030px) {
4013  #shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4014  height: calc(100vh - 300px - 85px + 40px)
4015  }
4016
4017  .section-template--23980445729114__custom_liquid_qUbNMW-padding {
4018    padding-top: calc(60vh - 340px) !important;
4019  }
4020}
4021
4022
4023
4024
4025@media (max-width: 990px) {
4026  #shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4027  height: calc(100vh - 300px - 85px - 40px)
4028  }
4029
4030  .section-template--23980445729114__custom_liquid_qUbNMW-padding {
4031    padding-top: calc(60vh - 400px) !important;
4032  }
4033}
4034
4035
4036@media (max-height: 660px) and (min-width: 601px) {
4037  #shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4038  height: 270px;
4039  }
4040}
4041
4042
4043
4044@media (max-width: 660px) {
4045  #shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4046  height: calc(100vh - 300px - 85px + 40px)
4047  }
4048
4049  .section-template--23980445729114__custom_liquid_qUbNMW-padding {
4050    padding-top: calc(60vh - 370px) !important;
4051  }
4052}
4053
4054@media (max-height: 700px) and (max-width: 660px) {
4055#shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4056height: 300px;
4057}
4058}
4059
4060
4061
4062@media (max-width: 440px) {
4063  #shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4064  height: calc(100vh - 300px - 85px + 120px)
4065  }
4066
4067  .section-template--23980445729114__custom_liquid_qUbNMW-padding {
4068    padding-top: calc(60vh - 370px) !important;
4069  }
4070}
4071
4072@media (max-height: 700px) and (max-width: 440px) {
4073#shopify-section-template--23980445729114__custom_liquid_qUbNMW {
4074height: 400px;
4075}
4076}
4077</style>
4078
4079
4080<div class="banner__content banner__content--middle-left page-width scroll-trigger animate--slide-in" style="z-index: 2;position: relative;">
4081   <div class="banner__box content-container content-container--full-width-mobile color-scheme-4 gradient" style="text-align: left; background-color: transparent;">
4082      <h2 class="banner__heading inline-richtext h1" data-shopify-editor-block="{&quot;id&quot;:&quot;template--23980445729114__image_banner_9qemfP__heading_VgjxRw&quot;,&quot;domId&quot;:&quot;heading_VgjxRw&quot;,&quot;type&quot;:&quot;heading&quot;}" data-live-text-setting="template--23980445729114__image_banner_9qemfP__heading_VgjxRw.heading">
4083         Herzlich Willkommen<br>im Zentrum für Kinder und Jugendliche
4084      </h2>
4085      <!--<div class="banner__buttons" data-shopify-editor-block="{&quot;id&quot;:&quot;template--23980445729114__image_banner_9qemfP__buttons_wakWxW&quot;,&quot;domId&quot;:&quot;buttons_wakWxW&quot;,&quot;type&quot;:&quot;buttons&quot;}"><a href="/pages/spz" class="button button--primary">Entdecken</a></div>-->
4086   </div>
4087</div>
4088</br>
4089  </div>
4090</div>
4091
4092
4093</section><section id="shopify-section-template--23980445729114__video_UNxhAy" class="shopify-section section"><link href="//kinderzentrum.de/cdn/shop/t/2/assets/video-section.css?v=163092437706280852751731838731" rel="stylesheet" type="text/css" media="all" />
4094<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-deferred-media.css?v=14096082462203297471731838731" rel="stylesheet" type="text/css" media="all" />
4095<style data-shopify>.section-template--23980445729114__video_UNxhAy-padding {
4096    padding-top: 0px;
4097    padding-bottom: 0px;
4098  }
4099
4100  @media screen and (min-width: 750px) {
4101    .section-template--23980445729114__video_UNxhAy-padding {
4102      padding-top: 0px;
4103      padding-bottom: 0px;
4104    }
4105  }</style><div class="color-scheme-1 gradient">
4106  <div class="video-section isolate section-template--23980445729114__video_UNxhAy-padding">
4107    <div
4108      
4109        class="page-width"
4110      
4111    ></div>
4112    <noscript>
4113      <div
4114        class="video-section__media"
4115        
4116          style="--ratio-percent: 56.25%;"
4117        
4118      ><video playsinline="playsinline" loop="loop" controls="controls" preload="metadata" aria-label="Drohne" poster="//kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000_1100x.jpg?v=1732456685"><source src="//kinderzentrum.de/cdn/shop/videos/c/vp/2a608077bff14ed6b4fba30a2a45b85a/2a608077bff14ed6b4fba30a2a45b85a.HD-720p-2.1Mbps-38653202.mp4?v=0" type="video/mp4"><img alt="Drohne" src="//kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000_1100x.jpg?v=1732456685"></video>
4119</div>
4120    </noscript>
4121    <deferred-media
4122      class="video-section__media deferred-media no-js-hidden gradient global-media-settings global-media-settings--full-width media-fit-cover scroll-tr
4122igger animate--slide-in"
4123      data-media-id="50992187244890"
4124      
4125        style="--ratio-percent: 56.25%;"
4126      
4127    >
4128      <button
4129        id="Deferred-Poster-Modal-50992187244890"
4130        class="video-section__poster media deferred-media__poster media--landscape"
4131        type="button"
4132        aria-label="Video laden: Drohne"
4133      ><img src="//kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=3840" alt="Video laden: Drohne" srcset="//kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=375 375w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=750 750w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=1100 1100w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=1500 1500w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=1780 1780w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=2000 2000w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=3000 3000w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&amp;width=3840 3840w" width="3840" height="2160" sizes="100vw
4134">
4135<span class="deferred-media__poster-button motion-reduce"><svg
4136  xmlns="http://www.w3.org/2000/svg"
4137  aria-hidden="true"
4138  focusable="false"
4139  class="icon icon-play"
4140  fill="none"
4141  viewBox="0 0 10 14"
4142>
4143  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.48177 0.814643C0.81532 0.448245 0 0.930414 0 1.69094V12.2081C0 12.991 0.858787 13.4702 1.52503 13.0592L10.5398 7.49813C11.1918 7.09588 11.1679 6.13985 10.4965 5.77075L1.48177 0.814643Z" fill="currentColor"/>
4144</svg>
4145</span>
4146      </button>
4147      <template><video playsinline="playsinline" autoplay="autoplay" loop="loop" controls="controls" preload="metadata" aria-label="Drohne" poster="//kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000_1100x.jpg?v=1732456685"><source src="//kinderzentrum.de/cdn/shop/videos/c/vp/2a608077bff14ed6b4fba30a2a45b85a/2a608077bff14ed6b4fba30a2a45b85a.HD-720p-2.1Mbps-38653202.mp4?v=0" type="video/mp4"><img alt="Drohne" src="//kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000_1100x.jpg?v=1732456685"></video>
4148</template>
4149    </deferred-media>
4150  </div>
4151</div>
4152
4153
4154</section><section id="shopify-section-template--23980445729114__multicolumn_DUHzrH" class="shopify-section section"><link href="//kinderzentrum.de/cdn/shop/t/2/assets/section-multicolumn.css?v=29742135109031997451760386790" rel="stylesheet" type="text/css" media="all" />
4155<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-slider.css?v=142503135496229589681731838731" rel="stylesheet" type="text/css" media="all" />
4156<style data-shopify>.section-template--23980445729114__multicolumn_DUHzrH-padding {
4157    padding-top: 0px;
4158    padding-bottom: 45px;
4159  }
4160
4161  @media screen and (min-width: 750px) {
4162    .section-template--23980445729114__multicolumn_DUHzrH-padding {
4163      padding-top: 0px;
4164      padding-bottom: 60px;
4165    }
4166  }
4167  html {
4168    scroll-behavior: smooth;
4169  }
4170  @media (prefers-reduced-motion: reduce) {
4171    html {
4172      scroll-behavior: auto;
4173    }
4174  }
4175  #kjp_abteilungen {
4176    scroll-margin-top: 70px;
4177  }
4178  #kjp_fachbereiche {
4179    scroll-margin-top: 70px;
4180  }
4181  #spz_fachbereiche {
4182    scroll-margin-top: 70px;
4183  }
4184  #spz_weitereangebote {
4185    scroll-margin-top: 70px;
4186  }
4187  .multicolumn-card {
4188    hyphens: auto;
4189  }</style><div id="Multicolumn" class="multicolumn color-scheme-1 gradient background-primary no-heading">
4190  <div
4191    class="page-width section-template--23980445729114__multicolumn_DUHzrH-padding isolate scroll-tr
4191igger animate--slide-in"
4192    
4193      data-cascade
4194    
4195  ><slider-component class="slider-mobile-gutter">
4196      <ul
4197        class="multicolumn-list contains-content-container grid grid--2-col-tablet-down grid--4-col-desktop slider slider--tablet grid--peek"
4198        id="Slider-template--23980445729114__multicolumn_DUHzrH"
4199        role="list"
4200      ><li
4201            id="Slide-template--23980445729114__multicolumn_DUHzrH-1"
4202            class="multicolumn-list__item grid__item slider__slide scroll-trigger animate--slide-in"
4203            
4204            
4205              data-cascade
4206              style="--animation-order: 1;"
4207            
4208          >
4209            <div class="multicolumn-card content-container">
4210                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
4211                  <div
4212                    class="media media--transparent media--adapt"
4213                    
4214                      style="padding-bottom: 54.60940392447242%;"
4215                    
4216                  >
4217                    <img src="//kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=50 50w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=75 75w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=100 100w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=150 150w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=200 200w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=300 300w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=400 400w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=500 500w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=750 750w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=1000 1000w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=1250 1250w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=1500 1500w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=1750 1750w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=2000 2000w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=2250 2250w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=2500 2500w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=2750 2750w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=3000 3000w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&amp;width=3200 3200w" width="3200" height="1748" sizes="
4218                      (min-width: 1300px) calc((1300px - 160px) * 1 /  4),
4219                      (min-width: 990px) calc((100vw - 160px) * 1 / 4),
4220                      (min-width: 750px) calc((100vw - 120px) * 1 / 2),
4221                      calc((100vw - 40px) * 1 / 2)
4222                    " class="multicolumn-card__image">
4223                  </div>
4224                </div><div onclick="window.location.href='/pages/spz'" class="multicolumn-card__info"><div class="rte"><p>SPZ</p></div><a
4225                    class="link animate-arrow"
4226                    
4227                      href="/pages/spz"
4228                    
4229                  >Sozialpädiatrisches Zentrum<span class="icon-wrap">&nbsp;<svg
4230  viewBox="0 0 14 10"
4231  fill="none"
4232  aria-hidden="true"
4233  focusable="false"
4234  class="icon icon-arrow"
4235  xmlns="http://www.w3.org/2000/svg"
4236>
4237  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
4238</svg>
4239</span></a
4240                  ></div>
4241            </div>
4242          </li><li
4243            id="Slide-template--23980445729114__multicolumn_DUHzrH-2"
4244            class="multicolumn-list__item grid__item slider__slide scroll-trigger animate--slide-in"
4245            
4246            
4247              data-cascade
4248              style="--animation-order: 2;"
4249            
4250          >
4251            <div class="multicolumn-card content-container">
4252                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
4253                  <div
4254                    class="media media--transparent media--adapt"
4255                    
4256                      style="padding-bottom: 54.60940392447242%;"
4257                    
4258                  >
4259                    <img src="//kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=50 50w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=75 75w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=100 100w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=150 150w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=200 200w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=300 300w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=400 400w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=500 500w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=750 750w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=1000 1000w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=1250 1250w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=1500 1500w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=1750 1750w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=2000 2000w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=2250 2250w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=2500 2500w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=2750 2750w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=3000 3000w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&amp;width=3200 3200w" width="3200" height="1748" sizes="
4260                      (min-width: 1300px) calc((1300px - 160px) * 1 /  4),
4261                      (min-width: 990px) calc((100vw - 160px) * 1 / 4),
4262                      (min-width: 750px) calc((100vw - 120px) * 1 / 2),
4263                      calc((100vw - 40px) * 1 / 2)
4264                    " class="multicolumn-card__image">
4265                  </div>
4266                </div><div onclick="window.location.href='/pages/kjp'" class="multicolumn-card__info"><div class="rte"><p>KJP</p></div><a
4267                    class="link animate-arrow"
4268                    
4269                      href="/pages/kjp"
4270                    
4271                  >Kinder- und Jugendpsychiatrie<span class="icon-wrap">&nbsp;<svg
4272  viewBox="0 0 14 10"
4273  fill="none"
4274  aria-hidden="true"
4275  focusable="false"
4276  class="icon icon-arrow"
4277  xmlns="http://www.w3.org/2000/svg"
4278>
4279  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
4280</svg>
4281</span></a
4282                  ></div>
4283            </div>
4284          </li><li
4285            id="Slide-template--23980445729114__multicolumn_DUHzrH-3"
4286            class="multicolumn-list__item grid__item slider__slide scroll-tr
4286igger animate--slide-in"
4287            
4288            
4289              data-cascade
4290              style="--animation-order: 3;"
4291            
4292          >
4293            <div class="multicolumn-card content-container">
4294                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
4295                  <div
4296                    class="media media--transparent media--adapt"
4297                    
4298                      style="padding-bottom: 54.60940392447242%;"
4299                    
4300                  >
4301                    <img src="//kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=50 50w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=75 75w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=100 100w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=150 150w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=200 200w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=300 300w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=400 400w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=500 500w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=750 750w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=1000 1000w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=1250 1250w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=1500 1500w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=1750 1750w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=2000 2000w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=2250 2250w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=2500 2500w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=2750 2750w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=3000 3000w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&amp;width=3200 3200w" width="3200" height="1748" sizes="
4302                      (min-width: 1300px) calc((1300px - 160px) * 1 /  4),
4303                      (min-width: 990px) calc((100vw - 160px) * 1 / 4),
4304                      (min-width: 750px) calc((100vw - 120px) * 1 / 2),
4305                      calc((100vw - 40px) * 1 / 2)
4306                    " class="multicolumn-card__image">
4307                  </div>
4308                </div><div onclick="window.location.href='https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting'" class="multicolumn-card__info"><div class="rte"><p>KLINIK</p></div><a
4309                    class="link animate-arrow"
4310                    
4311                      href="https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting"
4312                    
4313                  >Kinderklinik und Fachambulanzen<span class="icon-wrap">&nbsp;<svg
4314  viewBox="0 0 14 10"
4315  fill="none"
4316  aria-hidden="true"
4317  focusable="false"
4318  class="icon icon-arrow"
4319  xmlns="http://www.w3.org/2000/svg"
4320>
4321  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
4322</svg>
4323</span></a
4324                  ></div>
4325            </div>
4326          </li><li
4327            id="Slide-template--23980445729114__multicolumn_DUHzrH-4"
4328            class="multicolumn-list__item grid__item slider__slide scroll-trigger animate--slide-in"
4329            
4330            
4331              data-cascade
4332              style="--animation-order: 4;"
4333            
4334          >
4335            <div class="multicolumn-card content-container">
4336                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing">
4337                  <div
4338                    class="media media--transparent media--adapt"
4339                    
4340                      style="padding-bottom: 54.60940392447242%;"
4341                    
4342                  >
4343                    <img src="//kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=50 50w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=75 75w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=100 100w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=150 150w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=200 200w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=300 300w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=400 400w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=500 500w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=750 750w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=1000 1000w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=1250 1250w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=1500 1500w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=1750 1750w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=2000 2000w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=2250 2250w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=2500 2500w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=2750 2750w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=3000 3000w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&amp;width=3200 3200w" width="3200" height="1748" sizes="
4344                      (min-width: 1300px) calc((1300px - 160px) * 1 /  4),
4345                      (min-width: 990px) calc((100vw - 160px) * 1 / 4),
4346                      (min-width: 750px) calc((100vw - 120px) * 1 / 2),
4347                      calc((100vw - 40px) * 1 / 2)
4348                    " class="multicolumn-card__image">
4349                  </div>
4350                </div><div onclick="window.location.href='https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting'" class="multicolumn-card__info"><div class="rte"><p>NEO </p></div><a
4351                    class="link animate-arrow"
4352                    
4353                      href="https://www.innklinikum.de/medizin-standorte/medizinangebot-von-a-z/zentrum-fuer-kinder-und-jugendmedizin-altoetting"
4354                    
4355                  >Neugeborenen (Intensiv-) Station<span class="icon-wrap">&nbsp;<svg
4356  viewBox="0 0 14 10"
4357  fill="none"
4358  aria-hidden="true"
4359  focusable="false"
4360  class="icon icon-arrow"
4361  xmlns="http://www.w3.org/2000/svg"
4362>
4363  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
4364</svg>
4365</span></a
4366                  ></div>
4367            </div>
4368          </li></ul><div class="slider-buttons no-js-hidden large-up-hide">
4369          <button
4370            type="button"
4371            class="slider-button slider-button--prev"
4372            name="previous"
4373            aria-label="Nach links schieben"
4374          >
4375            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
4376  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4377</svg>
4378
4379          </button>
4380          <div class="slider-counter caption">
4381            <span class="slider-counter--current">1</span>
4382            <span aria-hidden="true"> / </span>
4383            <span class="visually-hidden">von</span>
4384            <span class="slider-counter--total">4</span>
4385          </div>
4386          <button
4387            type="button"
4388            class="slider-button slider-button--next"
4389            name="next"
4390            aria-label="Nach rechts schieben"
4391          >
4392            <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
4393  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4394</svg>
4395
4396          </button>
4397        </div></slider-component>
4398    <div class="center small-hide medium-hide"></div>
4399  </div>
4400</div>
4401
4402
4403<style> #shopify-section-template--23980445729114__multicolumn_DUHzrH .multicolumn-card__info {padding: 13px 1.5rem 15px 1.5rem;} #shopify-section-template--23980445729114__multicolumn_DUHzrH .multicolumn-card-spacing {padding: 7px 10px; margin: 0rem; width: 100%; background-color: white;} #shopify-section-template--23980445729114__multicolumn_DUHzrH .multicolumn-card__info .link {cursor: pointer;} @media (max-width: 749px) {#shopify-section-template--23980445729114__multicolumn_DUHzrH .multicolumn-card__info .link {font-size: 10px; } #shopify-section-template--23980445729114__multicolumn_DUHzrH .multicolumn-card__info {padding: 7px 0.2rem 10px 0.4rem; }} #shopify-section-template--23980445729114__multicolumn_DUHzrH .multicolumn {background: linear-gradient(to bottom, transparent 20%, #fff 20%); position: relative;} #shopify-section-template--23980445729114__multicolumn_DUHzrH .animate-arrow {font-weight: 500; margin-top: 0px;} </style></section><section id="shopify-section-template--23980445729114__custom_liquid_jUcRmW" class="shopify-section section"><style data-shopify>.section-template--23980445729114__custom_liquid_jUcRmW-padding {
4404    padding-top: calc(0px * 0.75);
4405    padding-bottom: calc(0px  * 0.75);
4406  }
4407
4408  @media screen and (min-width: 750px) {
4409    .section-template--23980445729114__custom_liquid_jUcRmW-padding {
4410      padding-top: 0px;
4411      padding-bottom: 0px;
4412    }
4413  }</style><div class="color-scheme-1 gradient">
4414  <div class="section-template--23980445729114__custom_liquid_jUcRmW-padding">
4415    <!--scroll whithener-->
4416<style>
4417#Banner-template--23980445729114__image_banner_9qemfP img {
4418  filter: brightness(78%);
4419}
4420
4421.section-template--23980445729114__video_UNxhAy-padding {
4422  position: fixed;
4423  top: 0;
4424  botom: 0;
4425  right: 0;
4426  left: 0;
4427  z-index: 0;
4428}
4429.video-section__media video {
4430  position: absolute;
4431  width: 100vw;
4432  height: 100vh;
4433}
4434</style>
4435<script>
4436
4437
4438
4439window.addEventListener('scroll', function() {
4440    const movingElement = document.querySelector('#ImageWithText--template--23980445729114__image_with_text_RjkUAC');
4441    const flyingPElement2 = document.querySelector('.section-template--23980445729114__image_with_text_RjkUAC-padding');
4442    const movingElement2 = flyingPElement2.querySelector('.image-with-text__media-item');
4443    const vidcontainer = document.querySelector('.section-template--23980445729114__video_UNxhAy-padding');
4444    const elementTopPosition = movingElement.getBoundingClientRect().top;
4445    const viewportHeight = window.innerHeight;
4446
4447    if (elementTopPosition >= viewportHeight / 2) {     
4448        const scrollPercentage = 1 - (elementTopPosition / (viewportHeight / 2));
4449        const translateXValue = -300 * scrollPercentage;
4450        const translateXValue2 = 150 * scrollPercentage;
4451        const opacityValue = - scrollPercentage;
4452        console.log();
4453        movingElement.style.transform = `translateX(${translateXValue}px)`;
4454        movingElement2.style.transform = `translateX(${translateXValue2}px)`;
4455        vidcontainer.style.opacity = opacityValue; 
4456    } else {
4457        movingElement.style.transform = 'translateX(0px)';
4458        movingElement2.style.transform = 'translateX(0px)';
4459        vidcontainer.style.opacity = 0;
4460    }
4461});
4462
4463
4464
4465
4466
4467
4468
4469window.addEventListener('load', function() { 
4470    var vidcontainer = document.querySelector('.section-template--23980445729114__video_UNxhAy-padding');
4471   
4472
4473 
4474  var autovideo = vidcontainer.querySelector('.video-section__poster'); 
4475
4476    if (autovideo) {
4477        autovideo.click(); 
4478    } 
4479var vidbar = vidcontainer.querySelector('video');
4480    if (vidbar) {
4481vidbar.muted = true;        vidbar.removeAttribute('controls');
4482vidbar.playbackRate = 1
4483
4484    }  
4485});
4486
4487</script>
4487
4488  </div>
4489</div>
4490
4491
4492</section>
4493    </main>
4494
4495    <!-- BEGIN sections: footer-group -->
4496<section id="shopify-section-sections--23980446024026__custom_liquid_VUMcHM" class="shopify-section shopify-section-group-footer-group section"><style data-shopify>.section-sections--23980446024026__custom_liquid_VUMcHM-padding {
4497    padding-top: calc(0px * 0.75);
4498    padding-bottom: calc(0px  * 0.75);
4499  }
4500
4501  @media screen and (min-width: 750px) {
4502    .section-sections--23980446024026__custom_liquid_VUMcHM-padding {
4503      padding-top: 0px;
4504      padding-bottom: 0px;
4505    }
4506  }</style><div class="color-scheme-4 gradient">
4507  <div class="section-sections--23980446024026__custom_liquid_VUMcHM-padding">
4508    <!--Barrierefreiheit-->
4509<style>
4510    /* Dein ursprüngliches CSS bleibt unverändert */
4511    .br_widget {
4512        position: fixed;
4513        bottom: 0px;
4514        top: 0px;
4515        height: 100%;
4516        left: -300px;
4517        width: 300px;
4518        transition: left 0.1s;
4519        z-index: 101;
4520    }
4521    .br_widget-content {
4522      background-color: #fff;
4523      padding: 20px;
4524      display: flex;
4525      flex-direction: column;
4526      height: 100%;
4527    }
4528    .br_widget-control {
4529        margin: 5px 0;
4530        padding: 10px;
4531        background-color: #0078D7;
4532        color: white;
4533        border: none;
4534        border-radius: 5px;
4535        cursor: pointer;
4536    }
4537    .br_widget-control:hover {
4538        background-color: #005a9e;
4539    }
4540    .br_text-controls {
4541        display: flex;
4542        justify-content: space-between;
4543    }
4544    .br_switch {
4545        position: relative;
4546        display: inline-block;
4547        width: 34px;
4548        height: 20px;
4549        min-height: 20px;
4550        max-height: 20px;
4551        margin: 5px 0 0 5px;
4552    }
4553    .br_switch input {
4554        display: none;
4555    }
4556    .br_slider {
4557        position: absolute;
4558        cursor: pointer;
4559        top: 0;
4560        left: 0;
4561        right: 0;
4562        bottom: 0;
4563        background-color: #ccc;
4564        transition: 0.4s;
4565        border-radius: 34px;
4566        cursor: pointer
4567    }
4568    .br_slider:before {
4569        position: absolute;
4570        content: "";
4571        height: 14px;
4572        width: 14px;
4573        left: 3px;
4574        bottom: 3px;
4575        background-color: white;
4576        transition: 0.4s;
4577        border-radius: 50%;
4578    }
4579    input:checked + .br_slider {
4580        background-color: #0078D7;
4581    }
4582    input:checked + .br_slider:before {
4583        transform: translateX(14px);
4584    }
4585    
4586    /* Neues Overlay-Style */
4587    .br_overlay {
4588        display: none;
4589        position: fixed;
4590        top: 0;
4591        left: 0;
4592        width: 100%;
4593        height: 100%;
4594        background: rgba(0, 0, 0, 0.5);
4595        z-index: 100;
4596    }
4597    .br_overlay.active {
4598        display: block;
4599    }
4600    
4601    </style>
4602    
4603    <div class="br_widget">
4604        <div id="br_widget-content" class="br_widget-content" style="overflow-y: scroll;">
4605            <h2 style="color: black;margin: 8px 0px 0px 3px;">Barrierefreiheit</h2>
4606            <p style="color: black;margin: 18px 0px 0px 3px;font-size: 18px;">Monochrom</p>
4607            <label class="br_switch">
4608                <input type="checkbox" id="br_monochrome">
4609                <span class="br_slider"></span>
4610            </label>
4611            <p style="color: black;margin: 18px 0px 0px 3px;font-size: 18px;">Invers</p>
4612            <label class="br_switch">
4613                <input type="checkbox" id="br_inverse">
4614                <span class="br_slider"></span>
4615            </label> 
4616            <p style="color: black;margin: 18px 0px 0px 3px;font-size: 18px;">Sättigung</p>
4617            <div class="br_text-controls">
4618                <input type="range" id="br_hue" min="100" max="500" value="100" step="1" style="width: 100%;" />
4619            </div>
4620            <p style="color: black;margin: 18px 0px 0px 3px;font-size: 18px;">Textgröße</p>
4621                <div style="display: flex; justify-content: space-between;align-items: end;margin: 5px 6px 0px 6px;">
4622                <p style="font-size: 14px;color: black;margin: 0px;padding: 0px;line-height: 20px;">A</p>
4623                <p style="font-size: 20px;color: black;margin: 0px;padding: 0px;line-height: 25px;">A</p>
4624                </div>
4625            <div class="br_text-controls">
4626                <input type="range" id="br_text-slider" min="0" max="4" value="2" step="1" style="width: 100%;" />
4627            </div>
4628
4629<!-- #Sprachauswahl            <p style="color: black;margin: 18px 0px 0px 3px;font-size: 18px;">Sprache</p>
4630
4631          
4632          <div class="desktop-localization-wrapper" style="justify-content: flex-start;">
4633              <noscript class="small-hide medium-hide"><form method="post" action="/localization" id="HeaderLanguageMobileFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization-form__select">
4634                      <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScript">Sprache</h2>
4635                      <select class="localization-selector link" name="locale_code" aria-labelledby="HeaderLanguageMobileLabelNoScript"><option value="de" lang="de" selected>
4636                            
4637                                Deutsch
4638                            
4639                          </option><option value="en" lang="en">
4640                            
4641                                English
4642                            
4643                          </option><option value="rn" lang="rn">
4644                            
4645                                Leichte Sprache
4646                            
4647                          </option></select>
4648                      <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
4649  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4650</svg>
4651
4652                  </div>
4653                  <button class="button button--tertiary">Sprache aktualisieren</button></form></noscript>
4654          
4655              <localization-form class="small-hide medium-hide no-js-hidden" data-prevent-hide><form method="post" action="/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
4656                      <h2 class="visually-hidden" id="HeaderLanguageLabel">Sprache</h2><div class="disclosure">
4657  <button
4658    type="button"
4659    class="disclosure__button localization-form__select localization-selector link link--text caption-large"
4660    aria-expanded="false"
4661    aria-controls="HeaderLanguageList"
4662    aria-describedby="HeaderLanguageLabel"
4663  >
4664    <span>
4665      
4666        Deutsch
4667      
4668    </span>
4669    <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
4670  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
4671</svg>
4672
4673  </button>
4674  <div class="disclosure__list-wrapper" hidden>
4675    <ul id="HeaderLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
4676          <a
4677            class="link link--text disclosure__link caption-large focus-inset"
4678            href="#"
4679            hreflang="de"
4680            lang="de"
4681            
4682              aria-current="true"
4683            
4684            data-value="de"
4685          >
4686            <span
4687              
4688            ><svg
4689  class="icon icon-checkmark"
4690  aria-hidden="true"
4691  focusable="false"
4692  xmlns="http://www.w3.org/2000/svg"
4693  viewBox="0 0 12 9"
4694  fill="none"
4695>
4696  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
4697</svg>
4698</span>
4699            <span>
4700              
4701                Deutsch
4702              
4703            </span>
4704          </a>
4705        </li><li class="disclosure__item" tabindex="-1">
4706          <a
4707            class="link link--text disclosure__link caption-large focus-inset"
4708            href="#"
4709            hreflang="en"
4710            lang="en"
4711            
4712            data-value="en"
4713          >
4714            <span
4715              
4716                class="visibility-hidden"
4717              
4718            ><svg
4719  class="icon icon-checkmark"
4720  aria-hidden="true"
4721  focusable="false"
4722  xmlns="http://www.w3.org/2000/svg"
4723  viewBox="0 0 12 9"
4724  fill="none"
4725>
4726  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
4727</svg>
4728</span>
4729            <span>
4730              
4731                English
4732              
4733            </span>
4734          </a>
4735        </li><li class="disclosure__item" tabindex="-1">
4736          <a
4737            class="link link--text disclosure__link caption-large focus-inset"
4738            href="#"
4739            hreflang="rn"
4740            lang="rn"
4741            
4742            data-value="rn"
4743          >
4744            <span
4745              
4746                class="visibility-hidden"
4747              
4748            ><svg
4749  class="icon icon-checkmark"
4750  aria-hidden="true"
4751  focusable="false"
4752  xmlns="http://www.w3.org/2000/svg"
4753  viewBox="0 0 12 9"
4754  fill="none"
4755>
4756  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
4757</svg>
4758</span>
4759            <span>
4760              
4761                Leichte Sprache
4762              
4763            </span>
4764          </a>
4765        </li></ul>
4766  </div>
4767</div>
4768<input type="hidden" name="locale_code" value="de">
4769</div></form></localization-form>
4770          </div>-->
4771
4772
4773
4774
4775        </div>
4776    </div>
4777    
4778    <!-- Neues Overlay-Div -->
4779    <div class="br_overlay" id="br_overlay"></div>
4780    
4781
4782
4783
4784 
4785
4786    
4786<script>
4787document.addEventListener('DOMContentLoaded', function() {
4788    const br_in_saved = localStorage.getItem('br_inverse');
4789    const checkbox_in = document.getElementById('br_inverse');
4790    const br_mo_saved = localStorage.getItem('br_monochrome');
4791    const checkbox_mo = document.getElementById('br_monochrome');
4792    const br_hue_saved = localStorage.getItem('br_hue') || 100;
4793    const br_textSize_saved = localStorage.getItem('br_textSize') || 2;
4794
4795    // Initialisiere Filter
4796    if (br_in_saved === 'true') {
4797        checkbox_in.checked = true;
4798        addFilter('invert(100%)');
4799    } else {
4800        checkbox_in.checked = false;
4801    }
4802
4803    if (br_mo_saved === 'true') {
4804        checkbox_mo.checked = true;
4805        addFilter('grayscale(100%)');
4806    } else {
4807        checkbox_mo.checked = false;
4808    }
4809
4810    // Initialisiere Sättigung
4811    document.getElementById('br_hue').value = br_hue_saved;
4812    addFilter(`saturate(${br_hue_saved}%)`);
4813
4814    // Initialisiere Textgröße
4815    document.getElementById('br_text-slider').value = br_textSize_saved;
4816    var br_textSize = parseInt(br_textSize_saved);
4817    const scaleFactor = 1.1;
4818    changeFontSize(document.body, Math.pow(scaleFactor, br_textSize - 2));
4819
4820    checkbox_in.addEventListener('change', function() {
4821        if (this.checked) {
4822            addFilter('invert(100%)', true, checkbox_mo);
4823        } else {
4824            removeFilter('invert(100%)', true);
4825        }
4826        localStorage.setItem('br_inverse', this.checked);
4827    });
4828
4829    checkbox_mo.addEventListener('change', function() {
4830        if (this.checked) {
4831            addFilter('grayscale(100%)', true, checkbox_in);
4832        } else {
4833            removeFilter('grayscale(100%)', true);
4834        }
4835        localStorage.setItem('br_monochrome', this.checked);
4836    });
4837
4838    document.getElementById('br_hue').addEventListener('input', function() {
4839        let hueValue = this.value;
4840        updateFilter('saturate', hueValue);
4841        localStorage.setItem('br_hue', hueValue);
4842    });
4843
4844    document.getElementById('br_text-slider').addEventListener('input', function() {
4845        var newSize = parseInt(this.value);
4846        var changeFactor = Math.pow(scaleFactor, newSize - br_textSize);
4847        changeFontSize(document.body, changeFactor);
4848        br_textSize = newSize;
4849        localStorage.setItem('br_textSize', newSize);
4850    });
4851
4852    function addFilter(newFilter, updateLocalStorage = false, otherCheckbox = null) {
4853        let currentFilter = document.getElementsByTagName("html")[0].style.filter;
4854        currentFilter = currentFilter ? `${currentFilter} ${newFilter}` : newFilter;
4855        document.getElementsByTagName("html")[0].style.filter = currentFilter;
4856
4857        if (updateLocalStorage && otherCheckbox) {
4858            otherCheckbox.checked = false;
4859            localStorage.setItem(otherCheckbox.id, false);
4860        }
4861    }
4862
4863    function removeFilter(filterToRemove, updateLocalStorage = false, otherCheckbox = null) {
4864        let currentFilter = document.getElementsByTagName("html")[0].style.filter;
4865        currentFilter = currentFilter.replace(new RegExp(`\\b${filterToRemove}\\b`, 'g'), '').trim();
4866        document.getElementsByTagName("html")[0].style.filter = currentFilter;
4867
4868        if (updateLocalStorage && otherCheckbox) {
4869            otherCheckbox.checked = false;
4870            localStorage.setItem(otherCheckbox.id, false);
4871        }
4872    }
4873
4874    function updateFilter(type, value) {
4875        let currentFilter = document.getElementsByTagName("html")[0].style.filter;
4876        let filters = currentFilter.split(' ').filter(Boolean);
4877        let newFilter = `${type}(${value}%)`;
4878
4879        // Entferne den alten Filter des gleichen Typs
4880        filters = filters.filter(filter => !filter.startsWith(type));
4881        filters.push(newFilter);
4882
4883        document.getElementsByTagName("html")[0].style.filter = filters.join(' ');
4884    }
4885
4886    function changeFontSize(node, factor) {
4887        if (node.nodeType === Node.TEXT_NODE && node.nodeValue.trim() !== '') {
4888            const parentElement = node.parentElement;
4889            if (parentElement && !parentElement.closest('.br_widget-content')) {
4890                const currentFontSize = window.getComputedStyle(parentElement).fontSize;
4891                const newFontSize = parseFloat(currentFontSize) * factor;
4892                parentElement.style.fontSize = `${newFontSize}px`;
4893            }
4894        } else if (node.nodeType === Node.ELEMENT_NODE) {
4895            if (!node.closest('.br_widget-content')) {
4896                node.childNodes.forEach(childNode => changeFontSize(childNode, factor));
4897            }
4898        }
4899    }
4900});
4901
4902
4903    
4904    document.getElementById('br_toggle-widget').addEventListener('click', function() {
4905        var br_widget = document.querySelector('.br_widget');
4906        var br_overlay = document.getElementById('br_overlay');
4907        if (br_widget.style.left === '0px') {
4908            br_widget.style.left = '-300px';
4909            br_overlay.classList.remove('active');
4910        } else {
4911            br_widget.style.left = '0px';
4912            br_overlay.classList.add('active');
4913        }
4914    });
4915    
4916    document.getElementById('br_overlay').addEventListener('click', function() {
4917        var br_widget = document.querySelector('.br_widget');
4918        var br_overlay = document.getElementById('br_overlay');
4919        br_widget.style.left = '-300px';
4920        br_overlay.classList.remove('active');
4921    });
4922    
4923
4924
4925document.getElementById('br_monochrome').addEventListener('change', function() {
4926    if (this.checked) {
4927        localStorage.setItem('br_monochrome', true);
4928        document.getElementById('br_inverse').checked = false;
4929        localStorage.setItem('br_inverse', false);
4930    } else {
4931        document.getElementsByTagName("html")[0].style.filter = "";
4932        localStorage.setItem('br_monochrome', false);
4933    }
4934});
4935
4936document.getElementById('br_inverse').addEventListener('change', function() {
4937    if (this.checked) {
4938        localStorage.setItem('br_inverse', true);
4939        document.getElementById('br_monochrome').checked = false;
4940        localStorage.setItem('br_monochrome', false);
4941    } else {
4942        document.getElementsByTagName("html")[0].style.filter = "";
4943        localStorage.setItem('br_inverse', false);
4944    }
4945});
4946
4947
4948    
4949    function changeFontSize(node, factor) {
4950        if (node.nodeType === Node.TEXT_NODE && node.nodeValue.trim() !== '') {
4951            const parentElement = node.parentElement;
4952            if (parentElement && !parentElement.closest('.br_widget-content')) {
4953                const currentFontSize = window.getComputedStyle(parentElement).fontSize;
4954                const newFontSize = parseFloat(currentFontSize) * factor;
4955                parentElement.style.fontSize = `${newFontSize}px`;
4956            }
4957        } else if (node.nodeType === Node.ELEMENT_NODE) {
4958            if (!node.closest('.br_widget-content')) {
4959                node.childNodes.forEach(childNode => changeFontSize(childNode, factor));
4960            }
4961        }
4962    }
4963    
4964    
4965   
4966    
4967    </script>
4967
4968  </div>
4969</div>
4970
4971
4972</section><section id="shopify-section-sections--23980446024026__custom_liquid_TCJfbX" class="shopify-section shopify-section-group-footer-group section"><style data-shopify>.section-sections--23980446024026__custom_liquid_TCJfbX-padding {
4973    padding-top: calc(0px * 0.75);
4974    padding-bottom: calc(0px  * 0.75);
4975  }
4976
4977  @media screen and (min-width: 750px) {
4978    .section-sections--23980446024026__custom_liquid_TCJfbX-padding {
4979      padding-top: 0px;
4980      padding-bottom: 0px;
4981    }
4982  }</style><div class="color-scheme-1 gradient">
4983  <div class="section-sections--23980446024026__custom_liquid_TCJfbX-padding">
4984    <!--Spende-->
4985<style>
4986
4987        .donation-container {
4988            position: fixed;
4989            bottom: 50px;
4990            left: 50%;
4991            transform: translate(-50%, 500px);
4992            transition: transform 0.4s;
4993            z-index: 200;
4994            display: flex;
4995            align-items: center;
4996            justify-content: space-between;
4997            width: 100%;
4998            width: 740px;
4999            margin: 0 auto;
5000            padding: 5px;
5001            border: 1px solid #ccc;
5002            border-radius: 40px; /* Abgerundete Ecken */
5003            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
5004            font-family: system_ui, sans-serif;
5005            font-size: 17px;
5006            background-color: white;
5007            flex-direction: column;
5008        }
5009        .donation-options {
5010            display: flex;
5011            align-items: center;
5012            gap: 10px;
5013            margin: 0 13px;
5014        }
5015        .donation-options .option {
5016            width: 80px; /* Feste Breite für Auswahl-Buttons */
5017            padding: 9.5px;
5018            border: 1px solid #ccc;
5019            border-radius: 25px; /* Abgerundete Ecken */
5020            cursor: pointer;
5021            transition: background-color 0.3s; /* Huschen-Effekt */
5022            text-align: center;
5023            height: 48px;
5024        }
5025        .donation-options .selected {
5026            background-color: #d0d0d0; /* Dunklerer Grauton */
5027            transition: background-color 0.3s; /* Smooth-Effekt */
5028        }
5029        .donation-input-container {
5030            position: relative;
5031            display: flex;
5032            align-items: center;
5033            cursor: default; /* nicht suggerieren, dass das Feld uneditierbar ist */
5034        }
5035        .donation-input {
5036            width: 80px; /* Feste Breite für Eingabefeld */
5037            padding: 10px;
5038            border: 1px solid #ccc;
5039            border-radius: 25px; /* Abgerundete Ecken */
5040            font-size: 1rem;
5041            -moz-appearance: textfield; /* Entfernt Pfeile in Firefox */
5042            text-align: center; /* Platzhalter in der Mitte */
5043            transition: background-color 0.3s; /* Smooth-Effekt */
5044            cursor: text; /* deutlich machen: editierbar */
5045            width: 100px;
5046            height: 48px;
5047            font-family: system_ui, sans-serif;
5048            font-size: 17px;
5049        }
5050        .donation-input:focus-visible {
5051            outline: none; /* Entfernt blauen Rand */
5052        }
5053        .donation-input:focus {
5054            outline: none; 
5055            box-shadow: none;
5056        }
5057        .donation-input::placeholder {
5058            text-align: center;
5059        }
5060        .euro-symbol {
5061            position: absolute;
5062            right: 10px; /* Anfangsposition des Euro-Symbols */
5063            pointer-events: none; /* Verhindert Interaktion */
5064            display: none; /* Startet mit verstecktem Euro-Symbol */
5065        }
5066        .donation-input.not-empty + .euro-symbol {
5067            display: inline; /* Zeigt Euro-Symbol bei Eingabe an */
5068        }
5069        .paypal-button {
5070            background-color: #0070ba;
5071            color: white;
5072            padding: 10px 25px; /* Größerer Button */
5073            border: none;
5074            border-radius: 50px; /* Abgerundete Ecken */
5075            /* cursor: pointer;  <-- entfernt: Cursor wird nur gesetzt wenn aktiviert */
5076            font-size: 1rem;
5077            display: flex;
5078            align-items: center;
5079            transition: background-color 0.3s;
5080            font-family: system_ui, sans-serif;
5081            font-size: 23px;
5082        }
5083        .paypal-button img {             
5084            vertical-align: middle;             
5085            margin-right: 5px;             
5086            height: 50px; 
5087        }
5088        /* Wenn der Button deaktiviert ist: gedämpft und nicht klickbar */
5089        .paypal-button[disabled] {
5090            filter: grayscale(50%);
5091            pointer-events: none;
5092            cursor: default !important;
5093        }
5094        /* Standard-Cursor nur, wenn nicht disabled */
5095        .paypal-button:not([disabled]) {
5096            cursor: pointer;
5097        }
5098        .weitere-button {
5099            background-color: #8a8a8a;
5100            color: white;
5101            padding: 15px 15px 15px 35px;
5102            border: none;
5103            border-radius: 0px 50px 50px 0px;
5104            cursor: pointer;
5105            font-size: 1rem;
5106            display: flex;
5107            align-items: center;
5108            transition: background-color 0.3s;
5109            font-family: system_ui, sans-serif;
5110            font-size: 17px;
5111            z-index: -1;
5112            position: relative;
5113            right: 0;
5114            top: 0;
5115            transform: translate(-30px);
5116            bottom: 0;
5117        }
5118        .donation-container-header_1 {
5119            padding: 5px 0px 0px 0px;
5120            font-size: 19px;
5121        }
5122        .donation-container-header {
5123            text-align: center;
5124            margin: 0px 5px;
5125        }
5126        .donation-container-pre {
5127            display: flex;
5128            flex-direction: row;
5129            order: 4;
5130            margin-top: 5px;
5131        }
5132        .donation-container-header_1 {
5133            order: 1;
5134font-weight: bold
5135        }
5136        .donation-container-header_2 {
5137            order: 3
5138        }
5139        .donation-container-header_3 {
5140            order: 2
5141        }
5142
5143@media (max-width: 768px) {
5144	.donation-container {
5145		width: 100%;
5146		/* Volle Breite bei kleinen Bildschirmgrößen */
5147		flex-direction: column;
5148		/* Ändert Richtung zu Spalte */
5149		padding: 15px 10px 15px 10px;
5150        border-radius: 50px 50px 0 0;
5151        bottom: 0;
5152        gap: 10px;
5153	}
5154
5155	.donation-options {
5156		flex-direction: row;
5157		flex-wrap: wrap;
5158		/* Elemente umbrechen */
5159		justify-content: center;
5160		gap: 10px;
5161		margin: 0;
5162	}
5163    .donation-input {
5164    width: calc(50% + 80px) !important;
5165    }
5166	.donation-options .option,
5167	.donation-input-container {
5168		width: calc(50% - 10px);
5169		/* 2 Elemente nebeneinander */
5170		margin-bottom: 10px;
5171	}
5172
5173	.paypal-button {
5174		width: 90%;
5175		margin-top: 10px;
5176		justify-content: center;
5177	}
5178    .weitere-button {
5179		margin-top: 10px;
5180        padding: 15px 10px 14.5px 25px;
5181	}
5182    .btn_container_wet-ppl {
5183        transform: translate(18px) !important;
5184    }
5185    .donation-container-pre {
5186        display: flex;
5187        flex-direction: column;
5188        order: 3
5189    }
5190    .donation-container-header_1 {
5191        font-size: 17.5px;
5192    }
5193    .donation-container-header_2 {
5194        order: 4
5195    }
5196}
5197.popup_fa {
5198  display: none;
5199  position: fixed;
5200  top: 0;
5201  left: 0;
5202  width: 100%;
5203  height: 100%;
5204  background-color: rgba(0, 0, 0, 0.5);
5205  justify-content: center;
5206  align-items: center;
5207  z-index: 200;
5208  overflow-y: scroll;
5209}
5210
5211.popup-content_fa {
5212  background-color: white;
5213  padding: 20px;
5214  border-radius: 15px;
5215  width: 90%;
5216  max-width: 450px;
5217  position: absolute;
5218  overflow-y: scroll;
5219  top: 20px;
5220}  
5221
5222.close-popup_fa {
5223  position: absolute;
5224  top: 5px;
5225  right: 15px;
5226  cursor: pointer;
5227  font-size: 20px;
5228  color: #333;
5229  z-index: 300;
5230}
5231
5232#shopifyAppEmbed_fa {
5233  width: 100%;
5234}
5235    </style>
5236
5237    <div class="donation-container" id="donation-container">
5238        <p class="donation-container-header donation-container-header_1">Spende an das Zentrum für Kinder und Jugendliche Inn-Salzach e.V.</p>
5239        <div class="donation-container-header donation-container-header_3" id="spendenbeleg_cont"><input class="donation-container-header" type="checkbox" id="spendenbeleg">Ich benötige eine Spendenbescheinigung</div>
5240        <div class="donation-container-pre">
5241            <div class="donation-options">
5242                <div class="option" data-value="10">10 €</div>
5243                <div class="option" data-value="50">50 €</div>
5244                <div class="option" data-value="100">100 €</div>
5245                <div class="donation-input-container">
5246                    <input type="number" id="customBetrag" class="donation-input" placeholder="Betrag" min="1" max="100000">
5247                    <span class="euro-symbol">€</span>
5248                </div>
5249            </div>
5250            <div class="btn_container_wet-ppl" style="border: none;border-radius: 50px;font-size: 1rem;display: flex;align-items: center;transform: translate(30px)">
5251                <button id="paypalButton" class="paypal-button">
5252                <img src="https://www.paypalobjects.com/webstatic/icon/pp258.png" alt="PayPal"> Spenden
5253                </button>
5254                <button onclick="window.location.href='/products/spende'" class="weitere-button">
5255                    Weitere Optionen
5256                </button>
5257            </div>
5258        </div>
5259        <p class="donation-container-header donation-container-header_2" style="font-size: 1.3rem;">
5260            Bitte beachten Sie unsere <a style="font-size: 1.3rem;" href="/pages/hinweise">Hinweise</a> zur Spende.
5261        </p>
5262    </div>
5263    <div id="popup_fa" class="popup_fa">
5264        <div class="popup-content_fa">
5265            <span id="closePopup_fa" class="close-popup_fa"><i class="fas fa-times"></i></span>
5266            <div id="shopifyAppEmbed_fa">
5267
5268            <div id="shopify-block-AdmhOSVc0bXpWcTVEQ__forms_inline_BC3eAj" class="shopify-block shopify-app-block">
5269            <div id="AdmhOSVc0bXpWcTVEQ__forms_inline_BC3eAj" data-form-root="true" data-forms-id="forms-root-712271" data-forms-text-color="#202020" data-forms-button-background-color="#202020" data-forms-button-label-color="#ffffff" data-forms-links-color="#1878b9" data-forms-errors-color="#e02229" data-forms-text-alignment="center" data-forms-alignment="center" data-forms-padding-top="0" data-forms-padding-right="0" data-forms-padding-bottom="24" data-forms-padding-left="0" style="--inline-container-min-height: 125px">
5270            
5271
5272            
5272<script style="font-size: 16.8px;">
5273            window['ShopifyForms'] = {
5274                ...window['ShopifyForms'],
5275                currentPageType: "index"
5276            };
5277            </script>
5277
5278
5279
5280            </div>
5281        
5282
5283
5284            </div>
5285            </div>
5286        </div>
5287    </div>
5288
5289    
5289<script>
5290        const options = document.querySelectorAll('.option');
5291        const customBetrag = document.getElementById('customBetrag');
5292        const paypalButton = document.getElementById('paypalButton');
5293        const euroSymbol = document.querySelector('.euro-symbol');
5294        const spendenbeleg = document.querySelector('#spendenbeleg');
5295        // Container für Spendenbeleg
5296        const spendenbelegCont = document.getElementById('spendenbeleg_cont');
5297
5298        // Hilfsfunktion: aktiviert/deaktiviert PayPal-Button basierend auf Auswahl/Eingabe
5299        function updatePaypalButtonState() {
5300            let enabled = false;
5301            // Prüfe, ob eine feste Option ausgewählt ist
5302            options.forEach(opt => { if (opt.classList.contains('selected')) enabled = true; });
5303            // Prüfe individuellen Betrag (positive Zahl, innerhalb Limit)
5304            const val = customBetrag.value ? Number(customBetrag.value) : NaN;
5305            if (!isNaN(val) && val >= 1 && val <= 100000) enabled = true;
5306
5307            if (enabled) {
5308                paypalButton.removeAttribute('disabled');
5309            } else {
5310                paypalButton.setAttribute('disabled', 'disabled');
5311            }
5312        }
5313
5314        // Hilfsfunktion: zeigt den Container nur bei Betrag >= 300 an
5315        function updateSpendenbelegVisibility(amount) {
5316            if (!spendenbelegCont) return;
5317            const num = Number(amount);
5318            if (!amount || isNaN(num) || num < 300) {
5319                spendenbelegCont.style.display = 'none';
5320            } else {
5321                spendenbelegCont.style.display = 'block';
5322            }
5323        }
5324
5325        // Initial ausblenden
5326        updateSpendenbelegVisibility('');
5327
5328        options.forEach(option => {
5329            option.addEventListener('click', function() {
5330                options.forEach(opt => opt.classList.remove('selected'));
5331                customBetrag.classList.remove('selected'); // Entfernt graue Hinterlegung
5332                this.classList.add('selected');
5333                customBetrag.value = '';
5334                customBetrag.placeholder = 'Spende'; // Zeigt Platzhalter wieder an
5335                euroSymbol.style.display = 'none'; // Versteckt das Euro-Symbol
5336                // Bei Auswahl einer festen Option prüfen, ob diese groß genug ist
5337                updateSpendenbelegVisibility(this.getAttribute('data-value'));
5338                // Zustand des PayPal-Buttons updaten
5339                updatePaypalButtonState();
5340                // Sicherstellen, dass das Eingabefeld editierbar bleibt
5341                customBetrag.removeAttribute('readonly');
5342                customBetrag.removeAttribute('disabled');
5343            });
5344        });
5345
5346        customBetrag.addEventListener('focus', function() {
5347            options.forEach(opt => opt.classList.remove('selected'));
5348            customBetrag.classList.add('selected');
5349            customBetrag.placeholder = ''; // Entfernt Platzhalter
5350            updatePaypalButtonState();
5351        });
5352
5353        customBetrag.addEventListener('input', function() {
5354            if (customBetrag.value && customBetrag.value <= 100000) {
5355                customBetrag.classList.add('not-empty');
5356                euroSymbol.style.display = 'inline'; // Zeigt das Euro-Symbol an
5357                if (window.innerWidth < 768) {
5358                    euroSymbol.style.left = `${customBetrag.value.length * 4 + 98}px`;
5359                } else {
5360                    euroSymbol.style.left = `${customBetrag.value.length * 4 + 58}px`;
5361                } 
5362                // Bei Eingabe prüfen
5363                updateSpendenbelegVisibility(customBetrag.value);
5364                updatePaypalButtonState();
5365            } else {
5366                customBetrag.classList.remove('not-empty');
5367                customBetrag.placeholder = 'Betrag'; // Zeigt Platzhalter wieder an
5368                euroSymbol.style.display = 'none'; // Versteckt das Euro-Symbol
5369                if (customBetrag.value > 100000) {
5370                    customBetrag.value = 100000; // Begrenze die Eingabe auf 1.000.000
5371                }
5372                // leer/ungültig -> ausblenden
5373                updateSpendenbelegVisibility('');
5374                updatePaypalButtonState();
5375            }
5376        });
5377 
5378        paypalButton.addEventListener('click', function() {
5379            // Schütze gegen ungewollte Ausführung, falls Button deaktiviert ist
5380            if (paypalButton.hasAttribute('disabled')) return;
5381             // Öffne Popup und überwache stets (unabhängig von checkbox)
5382
5383            if (spendenbeleg && spendenbeleg.checked) {
5384                Spendenbescheinigung();
5385            } else {
5386                openPaypalPopup();
5387            }
5388         });
5389 
5390        function openPaypalPopup() {
5391            const payPalEmail = '[email protected]'; // Ersetze dies durch deine PayPal-Adresse
5392            let amount = customBetrag.value;
5393 
5394            // Rückgabe-Pfad auf gleicher Origin (muss erreichbar sein)
5395            const returnPath = `https://cytvn0-qw.myshopify.com/pages/paypal-return`;
5396 
5397            options.forEach(option => {
5398                if (option.classList.contains('selected')) {
5399                    amount = option.getAttribute('data-value');
5400                }
5401            });
5402 
5403            const currency = 'EUR'; // Währung
5404            // Füge lc und locale.x hinzu, ggf. charset, damit PayPal die deutsche Oberfläche liefert
5405            //const url = `https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=${encodeURIComponent(payPalEmail)}&item_name=Spende&amount=${amount}&currency_code=${currency}&return=${encodeURIComponent(returnPath)}&cancel_return=${encodeURIComponent(returnPath + '?cancel=true')}&rm=2&lc=DE&locale.x=de_DE&charset=UTF-8`;
5406            const url = `https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=${encodeURIComponent(payPalEmail)}&item_name=Spende&amount=${amount}&currency_code=${currency}`;
5407            
5408            // Neues Fenster mittig auf dem Bildschirm öffnen
5409            const width = 500;
5410            const height = 600;
5411            const left = (window.screen.width / 2) - (width / 2);
5412            const top = (window.screen.height / 2) - (height / 2);
5413 
5414            // Popup-Referenz zurückgeben, damit der Caller sie überwachen kann
5415            return window.open(url, 'paypalpopup', `width=${width},height=${height},left=${left},top=${top}`);
5416         }
5417 
5418document.addEventListener('DOMContentLoaded', function() {
5419    const donationContainer = document.querySelector('#donation-container');
5420    donationContainer.style.transform = 'translate(-50%, 500px)'; // Setze initiale Position
5421   // Initial PayPal-Button Zustand setzen
5422   updatePaypalButtonState();
5423  // Eingabefeld sicher editierbar machen (falls versehentlich gesetzt)
5424  if (customBetrag) {
5425      customBetrag.removeAttribute('readonly');
5426      customBetrag.removeAttribute('disabled');
5427  }
5428  const closePopupButton = document.getElementById('closePopup_fa');
5429const popup_fa = document.getElementById('popup_fa');
5430closePopupButton.addEventListener('click', function() {
5431popup_fa.style.display = 'none';
5432});
5433
5434window.addEventListener('click', function(event) {
5435    if (event.target === popup_fa) {
5436        popup_fa.style.display = 'none';
5437    }
5438});
5439});
5440
5441let timeout;
5442
5443document.querySelector('#spendenbutton').addEventListener('click', function() {
5444    const donationContainer = document.querySelector('#donation-container');
5445    const currentTransform = donationContainer.style.transform;
5446    const currentUrl = window.location.pathname;
5447
5448    // Setze Timeout zurück, wenn innerhalb des Elements geklickt wird
5449    clearTimeout(timeout);
5450
5451    if (currentUrl != '/pages/spenden') { 
5452        if (currentTransform === 'translate(-50%, 500px)') {
5453            donationContainer.style.transform = 'translate(-50%, 0px)';
5454        } else {
5455            donationContainer.style.transform = 'translate(-50%, 500px)';
5456        }
5457
5458        // Setze Timeout, um nach 30 Sekunden ohne Klick das Element zurückzusetzen
5459        timeout = setTimeout(function() {
5460            donationContainer.style.transform = 'translate(-50%, 500px)';
5461        }, 30000); // 30000 Millisekunden = 30 Sekunden
5462    }
5463});
5464
5465
5466document.querySelector('#donation-container').addEventListener('click', function() {
5467    clearTimeout(timeout); // Setzt den Timeout zurück
5468    timeout = setTimeout(function() {
5469        document.querySelector('#donation-container').style.transform = 'translate(-50%, 500px)';
5470    }, 60000); // 30000 Millisekunden = 30 Sekunden
5471});
5472
5473
5474function Spendenbescheinigung() {
5475  const popup_fa = document.getElementById('popup_fa');
5476  const closePopupButton = document.getElementById('closePopup_fa');
5477  
5478  popup_fa.style.display = 'flex';
5479  const appembed_pre = document.querySelector('#shopify-block-AdmhOSVc0bXpWcTVEQ__forms_inline_BC3eAj');
5480  const appEmbedElement = appembed_pre.querySelector('#app-embed');
5481
5482  if (appEmbedElement) {
5483    const shadowRoot = appEmbedElement.shadowRoot;
5484
5485    if (shadowRoot) {
5486        const inputElement = shadowRoot.querySelector('#custom\\#spendensumme_1');
5487        if (inputElement) {
5488            inputElement.value = customBetrag.value + ' €';
5489            inputElement.style.pointerEvents = 'none';
5490            const event = new Event('input', { bubbles: true, cancelable: true });
5491            inputElement.dispatchEvent(event);
5492
5493            // Button abrunden, falls vorhanden
5494            const submitBtn = shadowRoot.querySelector('._formSubmitButton_cit2d_96');
5495            if (submitBtn) submitBtn.style.borderRadius = '30px';
5496
5497            setTimeout(() => {
5498            const fieldDiv = shadowRoot.querySelectorAll('._formFieldContainer_1mxsl_5');
5499            fieldDiv.forEach(fdiv => {
5500                const labelEl = fdiv.querySelectorAll('label');
5501                labelEl.forEach(label => {
5502                label.style.top = '15px';
5503                });
5504            });
5505            }, 100);
5506        }
5507    }
5508    const searchInterval = setInterval(() => {  
5509        const submitBtn = shadowRoot.querySelector('._formBannerHeading_z5ku3_9');
5510        if (submitBtn) {
5511            clearInterval(searchInterval);
5512            const popup = openPaypalPopup();
5513            popup_fa.style.display = 'none';
5514
5515            // Überwache Nachrichten nur für dieses Popup
5516            let received = false;
5517            const onMessage = (e) => {
5518                if (e.origin !== window.location.origin) return;
5519                received = true;
5520                window.removeEventListener('message', onMessage);
5521                console.log('PayPal result empfangen:', e.data);
5522            };
5523            window.addEventListener('message', onMessage);
5524
5525            const checkInterval = setInterval(() => {
5526                if (!popup || popup.closed) {
5527                    clearInterval(checkInterval);
5528                    if (!received) {
5529                        console.log('Popup geschlossen, keine Rückmeldung empfangen.');
5530                        window.removeEventListener('message', onMessage);
5531                    }
5532                }
5533            }, 500);
5534        }
5535    }, 500);  
5536}
5537};
5538
5539
5540
5541</script>
5541
5542  </div>
5543</div>
5544
5545
5546</section><section id="shopify-section-sections--23980446024026__custom_liquid_xDbHeU" class="shopify-section shopify-section-group-footer-group section"><style data-shopify>.section-sections--23980446024026__custom_liquid_xDbHeU-padding {
5547    padding-top: calc(0px * 0.75);
5548    padding-bottom: calc(0px  * 0.75);
5549  }
5550
5551  @media screen and (min-width: 750px) {
5552    .section-sections--23980446024026__custom_liquid_xDbHeU-padding {
5553      padding-top: 0px;
5554      padding-bottom: 0px;
5555    }
5556  }</style><div class="color-scheme-1 gradient">
5557  <div class="section-sections--23980446024026__custom_liquid_xDbHeU-padding">
5558    <!--Anmeldung und FAQ-->
5559<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
5560
5561<style>
5562.shopify-section-group-footer-group:not(#shopify-section-sections--23980446024026__custom_liquid_xDbHeU):not(#shopify-section-sections--23980446024026__custom_liquid_TCJfbX):not(#shopify-section-sections--23980446024026__custom_liquid_VUMcHM) {
5563 z-index:2 !important;
5564}
5565.anm_faq_btn {
5566  z-index: 100 !important;
5567  display: block !important;
5568  position: fixed;
5569  width: 60px;
5570  height: 60px;
5571  line-height: 57px;
5572  font-size: 33px;
5573  text-align: center;
5574  text-decoration: none;
5575  color: white;
5576  border-radius: 50%;
5577   
5578  background-color: #ddccb7;
5579  
5580  cursor: pointer;
5581  right: 15px;
5582  bottom: 15px;
5583  box-shadow: 0.1px 0.1px 3px 0.1px gray;
5584}
5585.anm_faq_container {
5586 width: 400px;
5587position: fixed;
5588bottom: 95px;
5589right: 15px;
5590top: 70px;
5591border-radius: 20px;
5592background-color: #f5f5f5;
5593z-index: 5;
5594display: block !important;
5595overflow: clip;
5596font-style: normal;
5597  font-weight: 400;
5598  font-size: 15px;
5599  line-height: 1.667;
5600  font-family: system_ui, sans-serif;
5601  transform: translateX(1000px);
5602  transition: transform 0.4s;
5603  box-shadow: 0.1px 0.1px 3px 0.1px gray;
5604  scrollbar-width: none;
5605}
5606@media (min-height: 800px) and (min-width: 750px){
5607.anm_faq_container {
5608top: calc(100vh - 695px);
5609max-height: 600px;
5610}
5611}
5612@media (max-width: 749px) {
5613  .anm_faq_container {
5614  width: 100%;
5615  bottom: 0;
5616  right: 0;
5617  top: 0;
5618  border-radius: 0;
5619}
5620}
5621.anm_faq_insidecontainer {
5622overflow: scroll;
5623padding: 15px;
5624display: block;
5625position: absolute;
5626top: 35px;
5627left: 0px;
5628bottom: 0px;
5629width: 100%;
5630scrollbar-width: none;
5631}
5632.anm_container p { 
5633padding: 0px; 
5634}
5635.anm_faq_active {
5636transform: translateX(0px);
5637}
5638.anm_faq_close {
5639  display: block !important; 
5640  position: absolute;
5641  top: 17px;
5642  right: 17px;
5643  width: 21px;
5644  height: 21px;
5645  cursor: pointer;
5646  z-index: 10;
5647  background-color: #f5f5f5;
5648  border-radius: 20px;
5649padding: 2.3px 4.8px;
5650border: 1px solid black;
5651}
5652.anm_faq_close:hover {
5653  background-color: #f7f0e7 !important;
5654}
5655.anm_faq_close p {
5656  padding: 0px;
5657  margin: 0px;
5658  transform: translate(5.4px, -4px);
5659}
5660.faq_singlequest {
5661  opacity: 1;
5662  background-color: rgb(255, 255, 255);
5663    cursor: pointer;
5664    align-items: center;
5665    border: none;
5666    border-radius: 50px;
5667    box-sizing: border-box;
5668    display: flex;
5669    font-size: 16px;
5670    font-weight: 500;
5671    justify-content: space-between;
5672    line-height: 22px;
5673    margin: 4px 0;
5674    padding: 0px 20px;
5675    position: relative;
5676    width: 100%;
5677    word-break: break-word;
5678}
5679.faq_singlequest:hover {
5680background-color: #ddccb7 !important;
5681}
5682.ans-container {
5683  border-radius: 20px;
5684  background-color: #fff;
5685  min-height: 100%;
5686}
5687#cont1, #cont2, #cont3 {
5688overflow: scroll;
5689}
5690
5691
5692
5693.date-header {
5694    color: #6d7175;
5695    font-size: 13px;
5696    line-height: 18px;
5697    margin-bottom: 0px;
5698    margin-top: 8px;
5699    text-align: center;
5700}
5701.message-container-outgoing {
5702    align-self: flex-end;
5703    flex-direction: column;
5704    margin: 12px;
5705}
5706.message-container {
5707    display: flex
5708;
5709    max-width: 240px;
5710}
5711.chat-messages__list {
5712    background-color: #fff;
5713    display: flex
5714;
5715    flex-flow: column nowrap;
5716    margin: 0;
5717    overflow-y: scroll;
5718    overscroll-behavior: contain;
5719    padding: 0;
5720    position: relative;
5721    scrollbar-color: transparent transparent;
5722    -ms-overflow-style: none;
5723    scrollbar-width: none;
5724}
5725.message-bubble:last-of-type:not(.updated) {
5726    animation-duration: .5s;
5727    animation-name: shopify-chat-fade-in;
5728    margin-bottom: 0;
5729}
5730
5731.message-bubble-outgoing {
5732    align-self: flex-end;
5733    background-color: #a0a0a0;
5734    color: var(--secondary-color);
5735}
5736.message-bubble {
5737    border-radius: 12px;
5738    overflow-wrap: break-word;
5739    padding: 10px 0 8px;
5740    white-space: pre-wrap;
5741    word-wrap: break-word;
5742    font-size: 16px;
5743    line-height: 20px;
5744    max-width: 300px;
5745    text-align: start;
5746}
5747.message-bubble:last-of-type:not(.updated) {
5748    animation-duration: .5s;
5749    animation-name: shopify-chat-fade-in;
5750    margin-bottom: 0;
5751}
5752.message-bubble-incoming {
5753    align-self: flex-start;
5754    background-color: #eeeef1;
5755    margin: 12px;
5756}
5757.message-bubble {
5758    border-radius: 12px;
5759    overflow-wrap: break-word;
5760    padding: 10px 0 8px;
5761    white-space: pre-wrap;
5762    word-wrap: break-word;
5763    font-size: 16px;
5764    line-height: 20px;
5765    max-width: 300px;
5766    text-align: start;
5767}
5768.message-bubble span {
5769    display: block;
5770    margin-left: 16px;
5771    margin-right: 16px;
5772}
5773.timestamp.team {
5774    color: #6d7175;
5775    opacity: 1;
5776}
5777.timestamp {
5778    color: var(--secondary-color);
5779    font-size: 14px;
5780    line-height: 22px;
5781    margin: 4px 16px 0;
5782    opacity: .85;
5783    text-align: left;
5784}
5785.chat-header__info {
5786  display: flex;
5787  height: 50px;
5788  align-items: center;
5789}
5790.chat-header__info svg {
5791color: black !important;
5792}
5793
5794.instant-answers {
5795  font-family: system_ui, sans-serif;
5796  font-size: 25px;
5797  margin: 25px 0px 15px 0px;
5798}
5799.chat-main-body {
5800  height: 100vh;
5801}
5802.rich-text__buttons {
5803justify-content: left !important;
5804}
5805.anm_faq_container_select {
5806  overflow-y: scroll !important
5807}
5808.btn_with_padding {
5809  padding: 0px 15px 15px 15px;
5810}
5811.combined_btn {
5812  width: 100%;
5813  height: 80px;
5814  margin: 0px 0px 0px 15px;
5815}
5816.combined_btn_dir {
5817  width: 100%;
5818  height: 60px;
5819}
5820:root {
5821 
5822--light-background_anm: inherit;
5823--full-color_anm: #ddccb7;
5824
5825}
5826.faq-container {
5827    display: flex;
5828    flex-direction: column;
5829    gap: 5px;
5830}
5831.anm-tel {
5832  position: relative;
5833  z-index: 100 !important;
5834  display: block !important;
5835  width: 60px;
5836  height: 60px;
5837  line-height: 57px;
5838  font-size: 33px;
5839  text-align: center;
5840  text-decoration: none;
5841  color: white;
5842  border-radius: 50%;
5843  background-color: #ddccb7;
5844  cursor: pointer;
5845  margin: 0px 0px 15px 0px;
5846  transform: rotate(90deg);
5847}
5848.weit_I_btn_anm {
5849  color: black;
5850  background-color: white;
5851  opacity: 1;
5852  border-radius:50px;
5853  position: relative;
5854  width: 250px;
5855  height: 60px;
5856  align-items: center;
5857  box-shadow: gray 0.1px 0.1px 3px 0.1px;
5858  text-decoration: none;
5859  font-weight: bolder;
5860  font-size: 15px;
5861  display: flex;
5862  justify-content: center;
5863}
5864
5865
5866</style>
5867
5868<div class="anm_faq_btn" id="anm_faq_btn" href="">
5869<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="50" height="55">
5870<path d="M0 0 C7.3585942 4.30157559 11.15404971 9.75645238 13.5 17.9375 C13.89700983 20.9771301 13.91039382 23.96999393 13.88768005 27.03244019 C13.89306559 27.91426724 13.89845113 28.79609429 13.90399987 29.70464337 C13.91823803 32.64161896 13.91118594 35.57814121 13.90405273 38.51513672 C13.90975849 40.62814698 13.91672354 42.74115416 13.92485046 44.85415649 
5870C13.94277492 50.58148882 13.9416147 56.30866787 13.93590808 62.0360198 C13.93281499 66.82223203 13.93891008 71.60841488 13.94494683 76.39462292 C13.95898832 87.68872536 13.95743406 98.98275215 13.94604492 110.27685547 C13.93456588 121.91712932 13.94863678 133.55717271 13.9754414 145.19741619 C13.99761428 155.20191374 14.00423212 165.20633904 13.99836498 175.21085942 C13.99499782 181.18142982 13.99739462 187.15185252 14.01461601 193.12240219 C14.03010808 198.73840564 14.02610421 204.35406834 14.00731087 209.97005844 C14.00363119 212.0267124 14.00671526 214.08339173 14.01719666 216.14002228 C14.11962704 237.90681956 14.11962704 237.90681956 7.4921875 246.55859375 C0.47937811 252.57511841 -5.79255882 255.36482426 -15.125 254.875 C-23.44957475 253.7494237 -28.43870861 250.56736864 -33.95703125 244.328125 C-38.03121424 238.01571996 -38.94194482 232.15838602 -38.88768005 224.83583069 C-38.89306559 223.95329807 -38.89845113 223.07076546 -38.90399987 222.16148943 C-38.91823804 219.22217997 -38.91118596 216.2833235 -38.90405273 213.34399414 C-38.90975845 211.22936136 -38.91672348 209.11473167 -38.92485046 207.00010681 C-38.94277429 201.26870956 -38.94161495 195.53746548 -38.93590808 189.80604863 C-38.93281524 185.01725682 -38.93890972 180.22849438 -38.94494683 175.43970674 C-38.95898779 164.14085054 -38.95743418 152.84206996 -38.94604492 141.54321289 C-38.93456279 129.89496672 -38.94864209 118.24695076 -38.9754414 106.59873492 C-38.99760661 96.5891575 -39.00423394 86.5796523 -38.99836498 76.57005209 C-38.99499636 70.59560122 -38.99740444 64.62129794 -39.01461601 58.64686775 C-39.03009612 53.02840506 -39.02611746 47.41028316 -39.00731087 41.79183388 C-39.00362804 39.73314732 -39.00672447 37.67443546 -39.01719666 35.61577225 C-39.03042908 32.79884175 -39.01883906 29.9830358 -39.00120544 27.16615295 C-39.01081045 26.35738065 -39.02041546 25.54860835 -39.03031152 24.7153278 C-38.93614431 17.37139179 -36.35557055 11.77543142 -32.375 5.687
58705 C-23.46390683 -2.83615433 -11.42808858 -5.18050401 0 0 Z " stroke="white" fill="white" style="/*! padding: 50px; */" stroke-width="60" transform="translate(272,240.0625)"></path>
5871<path d="M0 0 C5.81836969 5.27984855 9.4592553 10.79818833 10.27734375 18.66796875 C10.56182226 26.91784545 9.01655475 32.77235677 3.875 39.25 C-1.92338333 45.3738643 -7.57560088 47.20879711 -15.9375 47.5625 C-24.3074452 47.29162799 -30.66787457 44.83800535 -36.4375 38.6875 C-41.70915938 31.74324614 -43.03344934 24.61608346 -42 16 C-40.19630842 7.85933867 -35.92391198 2.55062139 -29 -2 C-19.75808722 -6.56133114 -8.42431599 -6.18020645 0 0 Z " stroke="#fff" fill="#fff" stroke-width="60" transform="translate(272,90)"></path>
5872</svg>
5873
5874</div>
5875  <div class="anm_faq_container" id="anm_faq_container">
5876    <div style="background-color: #ddccb7;z-index: 5;position: relative;padding: 5px 5px 5px 15px;"><strong class="instant-answers">Anmeldung<br>
5877    </strong><div class="fa-solid fa-xmark anm_faq_close" id="anm_faq_close"></div>
5878    </div>
5879
5880    <div class="anm_faq_insidecontainer">
5881      <div class="anm-container">  
5882
5883            <div class="faq-container" id="anmeldungs_auswahl">  
5884
5885            <h3 class="instant-answers">Wo wollen Sie sich anmelden?</h3>
5886            <button type="button" class="faq_singlequest" ziffer="cont53">
5887            <p dir="auto">Sozialpädiatrisches Zentrum</p>
5888            </button>
5889            <button type="button" class="faq_singlequest" ziffer="cont54">
5890            <p dir="auto">Psychiatrische Insitutsambulanz</p>
5891            </button>
5892            <button type="button" class="faq_singlequest" ziffer="cont55">
5893            <p dir="auto">Tagesklinik</p>
5894            </button>
5895
5896            </div>
5897
5898      </div> 
5899        <div class="faq-container">  
5900
5901        <h3 class="instant-answers">Kontaktdaten im Notfall</h3>
5902        <button type="button" class="faq_singlequest" onclick="location.href='/pages/notfall'">
5903        <p dir="auto" style="font-size: 16px;">Notfall</p>
5904      </button>
5905    
5906      
5907      </div>
5908    </div>
5909  </div>
5910
5911  <div class="anm_faq_container anm_faq_container_select" id="cont53">
5912    <!--<div class="fa-solid fa-xmark anm_faq_close" id="anm_faq_close">   <p>x</p></div>-->
5913    <div class="ans-container" style="border-radius: 0px;">  
5914        <div class="chat-header chat-header--#ddccb7  text-button" style="background-color: #ddccb7; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 1px;position: relative;z-index: 5;">
5915            <div class="chat-header__info">
5916              <button aria-label="Zurück zum Hauptbildschirm" name="backButton" type="button" style="border: none;background: none; margin: 15px; cursor: pointer" >
5917                  <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg" >
5918                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15 5.00001H3.41401L6.70701 1.70701C7.09801 1.31601 7.09801 0.684006 6.70701 0.293006C6.31601 -0.0979941 5.68401 -0.0979941 5.29301 0.293006L0.293006 5.29301C-0.0979941 5.68401 -0.0979941 6.31601 0.293006 6.70701L5.29301 11.707C5.48801 11.902 5.74401 12 6.00001 12C6.25601 12 6.51201 11.902 6.70701 11.707C7.09801 11.316 7.09801 10.684 6.70701 10.293L3.41401 7.00001H15C15.553 7.00001 16 6.55201 16 6.00001C16 5.44801 15.553 5.00001 15 5.00001Z" fill="currentColor"></path>
5919                  </svg>
5920              </button>
5921              <div  class="chat-header__text">
5922                  <h2 data-spec="title" id="chat-title"  class="chat-header__title">SPZ</h2>
5923              </div>
5924            </div>
5925        </div>
5926        <div class="anm_faq_insidecontainer">
5927            <p class="p_with_padding"><strong>Sozialpädiatrisches Zentrum (SPZ)</strong></p>
5928            <p class="p_with_padding">Vinzenz-von-Paul-Str. 14<br>
5929            84503 Altötting</p>
5930
5931            <p class="p_with_padding"><strong>Terminvereinbarung</strong></p>
5932            <p class="p_with_padding">SPZ-Leitstellenteam<br>
5933            <strong>08671 / 509 – 900</strong></p>
5934
5935            <p class="p_with_padding"><strong>Anmeldung nur über Telefon!<br>
5936            E-Mails können nicht berücksichtigt werden.</strong></p>
5937
5938            <a class="fas fa-phone anm-tel" id="" href="tel:08671509900" style="background-color: #ff9900"></a>
5939                    
5940            <a href="/pages/spz#spz_anmeldung" role="link" aria-disabled="true" class="weit_I_btn_anm" >Weitere Informationen</a>
5941        </div>
5942      
5943    </div> 
5944  </div>
5945
5946  <div class="anm_faq_container anm_faq_container_select" id="cont54">
5947    <!--<div class="fa-solid fa-xmark anm_faq_close" id="anm_faq_close">   <p>x</p></div>-->
5948    <div class="ans-container" style="border-radius: 0px;">  
5949        <div class="chat-header chat-header--#ddccb7  text-button" style="background-color: #ddccb7; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 1px;position: relative;z-index: 5;">
5950            <div class="chat-header__info">
5951              <button aria-label="Zurück zum Hauptbildschirm" name="backButton" type="button" style="border: none;background: none; margin: 15px; cursor: pointer" >
5952                  <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg" >
5953                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15 5.00001H3.41401L6.70701 1.70701C7.09801 1.31601 7.09801 0.684006 6.70701 0.293006C6.31601 -0.0979941 5.68401 -0.0979941 5.29301 0.293006L0.293006 5.29301C-0.0979941 5.68401 -0.0979941 6.31601 0.293006 6.70701L5.29301 11.707C5.48801 11.902 5.74401 12 6.00001 12C6.25601 12 6.51201 11.902 6.70701 11.707C7.09801 11.316 7.09801 10.684 6.70701 10.293L3.41401 7.00001H15C15.553 7.00001 16 6.55201 16 6.00001C16 5.44801 15.553 5.
595300001 15 5.00001Z" fill="currentColor"></path>
5954                  </svg>
5955              </button>
5956              <div  class="chat-header__text">
5957                  <h2 data-spec="title" id="chat-title"  class="chat-header__title">PIA</h2>
5958              </div>
5959            </div>
5960        </div>
5961        <div class="anm_faq_insidecontainer">
5962          <p class="p_with_padding"><strong>Psychiatrische Institutsambulanz (PIA)</strong></p>
5963          <p class="p_with_padding">Vinzenz-von-Paul-Str. 14<br>
5964          84503 Altötting</p>
5965
5966          <p class="p_with_padding"><strong>Terminvereinbarung</strong></p>
5967          <p class="p_with_padding">KJP-Sekretariat<br>
5968          Vanessa Dierke<br>
5969          <strong>08671 / 509 – 9814</strong></p>
5970
5971          <p class="p_with_padding"><strong>Anmeldung nur über Telefon!<br>
5972          E-Mails können nicht berücksichtigt werden.</strong></p>
5973
5974          <a class="fas fa-phone anm-tel" id="" href="tel:086715099814" style="background-color: #993399"></a>
5975                      
5976          <a href="/pages/psychiatrische-institutsambulanz#pia_anmeldung" role="link" class="weit_I_btn_anm" aria-disabled="true" >Weitere Informationen</a>
5977        </div>
5978      
5979    </div> 
5980  </div>
5981
5982  <div class="anm_faq_container anm_faq_container_select" id="cont55">
5983    <!--<div class="fa-solid fa-xmark anm_faq_close" id="anm_faq_close">   <p>x</p></div>-->
5984    <div class="ans-container" style="border-radius: 0px;">  
5985        <div class="chat-header chat-header--#ddccb7  text-button" style="background-color: #ddccb7; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 1px;position: relative;z-index: 5;">
5986            <div class="chat-header__info">
5987              <button aria-label="Zurück zum Hauptbildschirm" name="backButton" type="button" style="border: none;background: none; margin: 15px; cursor: pointer" >
5988                  <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg" >
5989                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15 5.00001H3.41401L6.70701 1.70701C7.09801 1.31601 7.09801 0.684006 6.70701 0.293006C6.31601 -0.0979941 5.68401 -0.0979941 5.29301 0.293006L0.293006 5.29301C-0.0979941 5.68401 -0.0979941 6.31601 0.293006 6.70701L5.29301 11.707C5.48801 11.902 5.74401 12 6.00001 12C6.25601 12 6.51201 11.902 6.70701 11.707C7.09801 11.316 7.09801 10.684 6.70701 10.293L3.41401 7.00001H15C15.553 7.00001 16 6.55201 16 6.00001C16 5.44801 15.553 5.00001 15 5.00001Z" fill="currentColor"></path>
5990                  </svg>
5991              </button>
5992              <div  class="chat-header__text">
5993                  <h2 data-spec="title" id="chat-title"  class="chat-header__title">TK</h2>
5994              </div>
5995            </div>
5996        </div>
5997        <div class="anm_faq_insidecontainer">
5998          <p class="p_with_padding"><strong>Psychiatrische Tagesklinik (TK)</strong></p>
5999          <p class="p_with_padding">Vinzenz-von-Paul-Str. 14<br>
6000          84503 Altötting</p>
6001
6002          <p class="p_with_padding"><strong>Terminvereinbarung</strong></p>
6003          <p class="p_with_padding">KJP-Sekretariat<br>
6004          <br>
6005          <strong>08671 / 509 – 9844</strong></p>
6006
6007          <p class="p_with_padding"><strong>Anmeldung nur über Telefon!<br>
6008          E-Mails können nicht berücksichtigt werden.</strong></p>
6009
6010          <a class="fas fa-phone anm-tel" id="" href="tel:086715099844" style="background-color: #993399"></a>
6011                      
6012          <a href="/pages/psychiatrische-tagesklinik#tk_anmeldung" role="link" aria-disabled="true" class="weit_I_btn_anm" >Weitere Informationen</a>
6013        </div>
6014      
6015    </div> 
6016  </div>
6017
6018</div>
6019
6020
6021<script>
6022document.addEventListener('DOMContentLoaded', function() {
6023    const anm_btn = document.getElementById('anm_faq_btn');
6024    const anm_container = document.getElementById('anm_faq_container');
6025    const anm_container3 = document.getElementById('cont53');
6026    const anm_container4 = document.getElementById('cont54');
6027    const anm_container5 = document.getElementById('cont55');
6028    const anm_close = document.querySelectorAll('.anm_faq_close');
6029    const anm_header_big = document.querySelector('#HeaderMenu-anmeldung');
6030    const anm_header_sml = document.querySelector('#HeaderDrawer-anmeldung');
6031    
6032
6033    anm_btn.addEventListener('click', function() {
6034        if (
6035            anm_container.classList.contains('anm_faq_active') ||
6036            anm_container3.classList.contains('anm_faq_active') ||
6037            anm_container4.classList.contains('anm_faq_active') ||
6038            anm_container5.classList.contains('anm_faq_active')
6039        ) {
6040            anm_container.classList.remove('anm_faq_active');
6041            anm_container3.classList.remove('anm_faq_active');
6042            anm_container4.classList.remove('anm_faq_active');
6043            anm_container5.classList.remove('anm_faq_active');
6044        } else {
6045            
6046            anm_container.classList.add('anm_faq_active');
6047            
6048            setTimeout(function() {
6049                
6050            }, 100);
6051        }
6052    });
6053
6054    if (anm_header_big) { 
6055      anm_header_big.removeAttribute('href'); 
6056    }
6057
6058    anm_header_big.addEventListener('click', function() {
6059        if (
6060            anm_container.classList.contains('anm_faq_active') ||
6061            anm_container3.classList.contains('anm_faq_active') ||
6062            anm_container4.classList.contains('anm_faq_active') ||
6063            anm_container5.classList.contains('anm_faq_active')
6064        ) {
6065            anm_container.classList.remove('anm_faq_active');
6066            anm_container3.classList.remove('anm_faq_active');
6067            anm_container4.classList.remove('anm_faq_active');
6068            anm_container5.classList.remove('anm_faq_active');
6069        } else {
6070            
6071            anm_container.classList.add('anm_faq_active');
6072            
6073            setTimeout(function() {
6074                
6075            }, 100);
6076        }
6077
6078    });
6079
6080    if (anm_header_sml) { 
6081      anm_header_sml.removeAttribute('href'); 
6082    }
6083
6084    anm_header_sml.addEventListener('click', function() {
6085      if (
6086            anm_container.classList.contains('anm_faq_active') ||
6087            anm_container3.classList.contains('anm_faq_active') ||
6088            anm_container4.classList.contains('anm_faq_active') ||
6089            anm_container5.classList.contains('anm_faq_active')
6090        ) {
6091            anm_container.classList.remove('anm_faq_active');
6092            anm_container3.classList.remove('anm_faq_active');
6093            anm_container4.classList.remove('anm_faq_active');
6094            anm_container5.classList.remove('anm_faq_active');
6095        } else {
6096            
6097            anm_container.classList.add('anm_faq_active');
6098            
6099            setTimeout(function() {
6100                
6101            }, 100);
6102        }
6103
6104    });
6105
6106
6107    anm_close.forEach(closeElement => {
6108    closeElement.addEventListener('click', function() {
6109      anm_container.classList.remove('anm_faq_active');
6110      anm_container3.classList.remove('anm_faq_active');
6111      anm_container4.classList.remove('anm_faq_active');
6112      anm_container5.classList.remove('anm_faq_active');
6113    });
6114    });
6115
6116    
6117
6118
6119    document.addEventListener('click', function(event) {
6120      if (!anm_container.contains(event.target) &&
6121          !anm_container3.contains(event.target) &&
6122          !anm_container4.contains(event.target) &&
6123          !anm_container5.contains(event.target) &&
6124          !anm_btn.contains(event.target) &&
6125          !anm_header_sml.contains(event.target) &&
6126          !anm_header_big.contains(event.target) &&
6127          event.target.id !== 'anm_faq_btn' &&
6128          (anm_container.classList.contains('anm_faq_active') ||
6129          anm_container3.classList.contains('anm_faq_active') ||
6130          anm_container4.classList.contains('anm_faq_active') ||
6131          anm_container5.classList.contains('anm_faq_active'))) {
6132        anm_container.classList.remove('anm_faq_active');
6133        anm_container3.classList.remove('anm_faq_active');
6134        anm_container4.classList.remove('anm_faq_active');
6135        anm_container5.classList.remove('anm_faq_active');
6136      }
6137    });
6138
6139
6140
6141
6142    document.addEventListener('keydown', function(event) {
6143      if (event.key === 'Escape') {
6144        anm_container.classList.remove('anm_faq_active');
6145        anm_container3.classList.remove('anm_faq_active');
6146        anm_container4.classList.remove('anm_faq_active');
6147        anm_container5.classList.remove('anm_faq_active');
6148      }
6149    });
6150
6151
6152    
6153
6154    const chatHeaderInfo = document.querySelectorAll('.chat-header__info');
6155    chatHeaderInfo.forEach(infoElement => {
6156        const chbutton = infoElement.querySelector('button');
6157        if (chbutton) {
6158            chbutton.addEventListener('click', function() {
6159              anm_container3.classList.remove('anm_faq_active');
6160              anm_container4.classList.remove('anm_faq_active');
6161              anm_container5.classList.remove('anm_faq_active');
6162                if (!anm_container.classList.contains('anm_faq_active')) {
6163                    anm_container.classList.add('anm_faq_active');
6164                }
6165            });
6166        }
6167    });
6168
6169
6170
6171
6172
6173});
6174
6175
6176
6177document.addEventListener('DOMContentLoaded', function() {
6178    document.querySelectorAll('.faq_singlequest').forEach(function(faq_element) {
6179      faq_element.addEventListener('click', function() {
6180            var zifferValue = faq_element.getAttribute('ziffer');
6181            document.getElementById('anm_faq_container').style.display = 'none';
6182            var faqElement = document.getElementById(zifferValue);
6183            if (faqElement) {
6184                faqElement.classList.add('anm_faq_active');
6185            }
6186        });
6187    });
6188
6189    
6190});
6191
6192
6193
6194</script>
6194
6195  </div>
6196</div>
6197
6198
6199</section><section id="shopify-section-sections--23980446024026__custom_liquid_MPUxVm" class="shopify-section shopify-section-group-footer-group section"><style data-shopify>.section-sections--23980446024026__custom_liquid_MPUxVm-padding {
6200    padding-top: calc(40px * 0.75);
6201    padding-bottom: calc(0px  * 0.75);
6202  }
6203
6204  @media screen and (min-width: 750px) {
6205    .section-sections--23980446024026__custom_liquid_MPUxVm-padding {
6206      padding-top: 40px;
6207      padding-bottom: 0px;
6208    }
6209  }</style><div class="color-scheme-4 gradient">
6210  <div class="section-sections--23980446024026__custom_liquid_MPUxVm-padding">
6211    <!--Footer-Inhalt-->
6212<head>
6213<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
6214</head>
6215<style>
6216
6217
6218
6219.social-icons
6220{
6221    text-align: left;
6222    padding:0px;
6223    margin:0px;
6224    list-style:none
6225justify-content: flex-start !important;
6226align-items: flex-start;
6227
6228}
6229.social-icons a
6230{
6231    width:40px;
6232    height:40px;
6233    line-height:40px;
6234    margin-left:6px;
6235    margin-right:0;
6236    border-radius:100%;
6237    background-color:#33353d
6238}
6239
6240.social-icons li
6241{
6242    display:inline-block;
6243    margin-bottom:4px
6244}
6245.social-icons li.title
6246{
6247    margin-right:15px;
6248    text-transform:uppercase;
6249    color:#96a2b2;
6250    font-weight:700;
6251    font-size:13px
6252}
6253.social-icons a{
6254    background-color:#eceeef;
6255    color:#818a91;
6256    font-size:20px;
6257    display:inline-block;
6258    line-height:44px;
6259    width:44px;
6260    height:44px;
6261    text-align:center;
6262    margin-right:8px;
6263    border-radius:100%;
6264    -webkit-transition:all .2s linear;
6265    -o-transition:all .2s linear;
6266    transition:all .2s linear
6267}
6268.social-icons a:active,.social-icons a:focus,.social-icons a
6269{
6270    color:#fff;
6271    background-color:rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.04));
6272}
6273.social-icons.size-sm a
6274{
6275    line-height:34px;
6276    height:40px;
6277    width:40px;
6278    font-size:14px
6279}
6280.social-icons a.facebook
6281{
6282    background-color:#3b5998;
6283}
6284.social-icons a.instagram
6285{
6286    background-color:#ea4c89
6287}
6288.fa {
6289font-size: 30px;
6290translate: 0px 2.8px;
6291}
6292.social-icons a.whatsapp
6293{
6294    background-color:#25d366
6295}
6296@media (max-width:1150px)
6297{
6298    .social-icons li.title
6299    {
6300    display:block;
6301    margin-right:0;
6302    font-weight:600
6303    }
6304}
6305#FooterLanguageForm {
6306opacity: 0;
6307}
6308
6309
6310/* Make each gallery column take one third of the footer row
6311   and use a responsive tile size so all images share the same
6312   width and height across all gallery wrappers. */
6313.galerie-wrapper {
6314    --tile-size: clamp(150px, 8vw, 220px); /* responsive tile size */
6315
6316    display: flex;
6317    flex-direction: row;
6318    align-items: center;
6319    gap: 20px; 
6320    box-sizing: border-box;
6321}
6322    .bild-kachel {
6323        height: var(--tile-size);
6324        display: flex;
6325        align-items: center;
6326        justify-content: center;
6327        box-sizing: border-box;
6328    }
6329
6330    .bild-kachel img {
6331        width: auto;
6332        height: 60%;
6333        object-fit: contain; 
6334        display: block;
6335    }
6336.section-sections--23980446024026__custom_liquid_Tgtewr-padding {
6337display: flex;
6338justify-content: center;
6339}
6340.ft_cont_rahmen {
6341    display: flex;
6342    justify-content: space-around;
6343align-items: center;
6344flex-direction: row;
6345}
6346/* (mobile stacking/hiding are handled inside the @media block below) */
6347
6348@media (max-width: 1150px) {
6349    .ft_cont_rahmen {
6350        display: flex;
6351        flex-direction: column;
6352        gap: 35px;
6353    }
6354
6355    .strich {
6356        display: none !important;
6357    }
6358    .galerie-wrapper {
6359        /* stack the 3 gallery columns on small screens */
6360        width: 100% !important;
6361        flex: 0 0 100% !important;
6362        justify-content: center;
6363
6364        /* use smaller tiles on very small devices */
6365        --tile-size: clamp(92px, 22vw, 160px);
6366    }
6367
6368    .social-icons {
6369        justify-content: flex-start !important;
6370margin-left: 50px;
6371
6372    }
6373}
6374</style>
6375
6376    
6377<div class="ft_cont_rahmen">
6378<ul class="social-icons galerie-wrapper">
6379
6380<li><p style="margin: 5px;">Folgen Sie uns:</p><a class="instagram" href="https://www.instagram.com/kinderzentrum_altoetting/" target="_blank"><i class="fa fa-instagram"></i></a></li>
6381<!--<li><a class="facebook" href="https://www.facebook.com/profile.php?id=61565211671175" target="_blank"><i class="fa fa-facebook"></i></a></li>-->
6382
6383<!--<li><a class="whatsapp" href="https://wa.link/43vnxa" target="_blank"><i class="fa fa-whatsapp"></i></a></li>-->
6384</ul>
6385
6386<div class="strich" style="height: 150px; width: 1px;background-color: #fff;position: relative;display: block;">
6387</div>
6388
6389
6390    <div id="bildergalerie" class="galerie-wrapper">
6391        <div class="bild-kachel">
6392            <img src="//cytvn0-qw.myshopify.com/cdn/shop/files/logo_gross.png?v=1731841515&width=600" alt="" srcset="//cytvn0-qw.myshopify.com/cdn/shop/files/logo_gross.png?v=1731841515&width=270 270w, //cytvn0-qw.myshopify.com/cdn/shop/files/logo_gross.png?v=1731841515&width=405 405w, //cytvn0-qw.myshopify.com/cdn/shop/files/logo_gross.png?v=1731841515&width=540 540w" style="border-radius: 7px; cursor: pointer" onclick=window.open("https://www.kinderzentrum.de/")>
6393        </div>
6394        <div class="bild-kachel">
6395            <img src="https://cdn.shopify.com/s/files/1/0913/3378/7994/files/innklinikum-logo.svg?v=1736083267" alt="" style="cursor: pointer" onclick=window.open("https://www.innklinikum.de/")>
6396        </div>
6397        <!-- Fügen Sie weitere Bild-Kacheln nach Bedarf hinzu -->
6398    </div>
6399
6400
6401<div class="strich" style="height: 150px; width: 1px;background-color: #fff;position: relative;display: block;">
6402</div>
6403
6404
6405    <div id="bildergalerie" class="galerie-wrapper" >
6406    <div class="bild-kachel">
6407        
6408    </div>
6409    <div class="bild-kachel">
6410        <img src="https://cdn.shopify.com/s/files/1/0913/3378/7994/files/SRGB_cyan.jpg?v=1764694405" style="cursor: pointer" onclick=window.open("https://kein-raum-fuer-missbrauch.de/")>
6411    </div>
6412    <div class="bild-kachel">
6413        <img src="https://cdn.shopify.com/s/files/1/0913/3378/7994/files/logo_2026-2027-Zusatz-KJM-jpg.jpg" style="border-radius: 7px;")>
6414    </div>
6415
6416</div>
6417
6418</div>
6419  </div>
6420</div>
6421
6422
6423</section><div id="shopify-section-sections--23980446024026__footer" class="shopify-section shopify-section-group-footer-group">
6424<link href="//kinderzentrum.de/cdn/shop/t/2/assets/section-footer.css?v=72619989355558646551731838731" rel="stylesheet" type="text/css" media="all" />
6425<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-newsletter.css?v=4727253280200485261731838731" rel="stylesheet" type="text/css" media="all" />
6426<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991731838731" rel="stylesheet" type="text/css" media="all" />
6427<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-list-payment.css?v=69253961410771838501731838731" rel="stylesheet" type="text/css" media="all" />
6428<link href="//kinderzentrum.de/cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991731838731" rel="stylesheet" type="text/css" media="all" />
6429<style data-shopify>.footer {
6430    margin-top: 0px;
6431  }
6432
6433  .section-sections--23980446024026__footer-padding {
6434    padding-top: 0px;
6435    padding-bottom: 21px;
6436  }
6437
6438  @media screen and (min-width: 750px) {
6439    .footer {
6440      margin-top: 0px;
6441    }
6442
6443    .section-sections--23980446024026__footer-padding {
6444      padding-top: 0px;
6445      padding-bottom: 28px;
6446    }
6447  }</style><footer class="footer color-scheme-4 gradient section-sections--23980446024026__footer-padding"><div
6448    class="footer__content-bottom scroll-trigger animate--slide-in"
6449    
6450      data-cascade
6451    
6452  >
6453    <div class="footer__content-bottom-wrapper page-width">
6454      <div class="footer__column footer__localization isolate"></div>
6455      <div class="footer__column footer__column--info"></div>
6456    </div>
6457    <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center">
6458      <div class="footer__copyright caption">
6459        <small class="copyright__content"
6460          >&copy; 2026, <a href="/" title="">Zentrum für Kinder und Jugendliche</a></small>
6461        <small class="copyright__content"> </small><ul class="policies list-unstyled"><li>
6462                  <small class="copyright__content"
6463                    ><a href="/policies/privacy-policy">Datenschutzerklärung</a></small
6464                  >
6465                </li><li>
6466                  <small class="copyright__content"
6467                    ><a href="/policies/legal-notice">Impressum</a></small
6468                  >
6469                </li></ul></div>
6470    </div>
6471  </div>
6472</footer>
6473
6474
6475</div><section id="shopify-section-sections--23980446024026__1761557520f8978195" class="shopify-section shopify-section-group-footer-group section"><div class="page-width scroll-trigger animate--slide-in"><div id="shopify-block-Aa3FSQWh3dDNPQXBwT__forms_inline_Pwzicb" class="shopify-block shopify-app-block"><div
6476  id='Aa3FSQWh3dDNPQXBwT__forms_inline_Pwzicb'
6477  data-form-root='true'
6478  data-forms-id='forms-root-'
6479  data-forms-text-color='#202020'
6480  data-forms-button-background-color='#202020'
6481  data-forms-button-label-color='#ffffff'
6482  data-forms-links-color='#1878b9'
6483  data-forms-errors-color='#e02229'
6484  data-forms-text-alignment='center'
6485  data-forms-alignment='center'
6486  data-forms-padding-top='0'
6487  data-forms-padding-right='0'
6488  data-forms-padding-bottom='24'
6489  data-forms-padding-left='0'
6490></div>
6491
6492<script>
6493  window['ShopifyForms'] = {
6494    ...window['ShopifyForms'],
6495    currentPageType: "index"
6496  };
6497</script>
6497
6498
6499
6500</div>
6501</div>
6502
6503
6504</section>
6505<!-- END sections: footer-group -->
6506
6507    <ul hidden>
6508      <li id="a11y-refresh-page-message">Wenn Sie sich für eine Auswahl entscheiden, wird die Seite komplett aktualisiert.</li>
6509      <li id="a11y-new-window-message">Wird in einem neuen Fenster geöffnet.</li>
6510    </ul>
6511
6512    
6512<script>
6513      window.shopUrl = 'https://kinderzentrum.de';
6514      window.routes = {
6515        cart_add_url: '/cart/add',
6516        cart_change_url: '/cart/change',
6517        cart_update_url: '/cart/update',
6518        cart_url: '/cart',
6519        predictive_search_url: '/search/suggest',
6520      };
6521
6522      window.cartStrings = {
6523        error: `Beim Aktualisieren Ihrer Übersicht ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.`,
6524        quantityError: `Sie können zu Ihrer Übersicht nur [quantity] Stück dieses Artikels hinzufügen.`,
6525      };
6526
6527      window.variantStrings = {
6528        addToCart: `zur Übersicht hinzufügen`,
6529        soldOut: `Ausverkauft`,
6530        unavailable: `Nicht verfügbar`,
6531        unavailable_with_option: `[value] – nicht verfügbar`,
6532      };
6533
6534      window.quickOrderListStrings = {
6535        itemsAdded: `[quantity] Artikel hinzugefügt`,
6536        itemAdded: `[quantity] Artikel hinzugefügt`,
6537        itemsRemoved: `[quantity] Artikel entfernt`,
6538        itemRemoved: `[quantity] Artikel entfernt`,
6539        viewCart: `Übersicht ansehen`,
6540        each: `[money]/Stück`,
6541      };
6542
6543      window.accessibilityStrings = {
6544        imageAvailable: `Bild [index] ist nun in der Galerieansicht verfügbar`,
6545        shareSuccess: `Link in die Zwischenablage kopiert`,
6546        pauseSlideshow: `Slideshow pausieren`,
6547        playSlideshow: `Slideshow abspielen`,
6548        recipientFormExpanded: `Formular für den Empfänger des Geschenkgutscheins erweitert`,
6549        recipientFormCollapsed: `Formular für den Empfänger des Geschenkgutscheins minimiert`,
6550        countrySelectorSearchCount: `[count] Länder/Regionen gefunden`,
6551      };
6552    </script>
6552<script src="//kinderzentrum.de/cdn/shop/t/2/assets/predictive-search.js?v=162273246065392412141731838731" defer="defer"></script>
6552<style> @media (min-width: 766px) {.footer__column.footer__column--info {background: url("https://cdn.shopify.com/s/files/1/0822/3398/3321/files/zugvertpartner.png?v=1711710815&width=500") right; background-repeat: no-repeat; cursor: pointer; } /*Zahlungsarten verschieben und aufreihen*/ .footer__payment {transform: translateX(-35vw); } .list.list-payment {width: 250px; }}  /*Auswahl Innen oder ausßen*/.multicolumn-card-spacing {padding-top: 0rem; margin-left: 0rem; margin-right: 0rem; width: 105%;} .multicolumn-card {overflow: hidden;} div.banner__buttons:nth-child(2) > a:nth-child(1),div.banner__buttons:nth-child(3) > a:nth-child(1) {opacity: 1;} .button {cursor: pointer !important;} .cart-count-bubble {display: none;} .collection-hero.color-scheme-3.gradient {margin-top: -1px;} .product-form__buttons {max-width: 525px;} .shopify-email-marketing-confirmation__container {margin: 100px auto !important;} .slideshow__autoplay.slider-button.no-js-hidden {display: none;} .card__media {border-radius: 15px !important;} .shopify-policy__container {max-width: 110ch !important;} .animate-arrow {font-weight: 600;} </style>
6553<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
6553<script>
6554  window['ShopifyForms'] = {
6555    ...window['ShopifyForms'],
6556    currentPageType: "index"
6557  };
6558</script>
6558
6559
6560
6561</div>
6561<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6561
6562</body>
6563</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.