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&width=600" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/logo_gross_ohne_Text.png?v=1739984408&width=100 100w, //kinderzentrum.de/cdn/shop/files/logo_gross_ohne_Text.png?v=1739984408&width=150 150w, //kinderzentrum.de/cdn/shop/files/logo_gross_ohne_Text.png?v=1739984408&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="{"id":"template--23980445729114__image_banner_9qemfP__heading_VgjxRw","domId":"heading_VgjxRw","type":"heading"}" 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="{"id":"template--23980445729114__image_banner_9qemfP__buttons_wakWxW","domId":"buttons_wakWxW","type":"buttons"}"><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&width=3840" alt="Video laden: Drohne" srcset="//kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&width=375 375w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&width=750 750w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&width=1100 1100w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&width=1500 1500w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&width=1780 1780w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&width=2000 2000w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&width=3000 3000w, //kinderzentrum.de/cdn/shop/files/preview_images/2a608077bff14ed6b4fba30a2a45b85a.thumbnail.0000000000.jpg?v=1732456685&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&width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=50 50w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=75 75w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=100 100w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=150 150w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=200 200w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=300 300w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=400 400w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=500 500w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=750 750w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=1000 1000w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=1250 1250w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=1500 1500w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=1750 1750w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=2000 2000w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=2250 2250w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=2500 2500w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=2750 2750w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&width=3000 3000w, //kinderzentrum.de/cdn/shop/files/1.png?v=1739820985&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"> <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&width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=50 50w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=75 75w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=100 100w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=150 150w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=200 200w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=300 300w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=400 400w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=500 500w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=750 750w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=1000 1000w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=1250 1250w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=1500 1500w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=1750 1750w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=2000 2000w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=2250 2250w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=2500 2500w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=2750 2750w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&width=3000 3000w, //kinderzentrum.de/cdn/shop/files/4.png?v=1739820981&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"> <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&width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=50 50w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=75 75w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=100 100w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=150 150w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=200 200w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=300 300w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=400 400w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=500 500w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=750 750w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=1000 1000w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=1250 1250w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=1500 1500w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=1750 1750w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=2000 2000w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=2250 2250w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=2500 2500w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=2750 2750w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&width=3000 3000w, //kinderzentrum.de/cdn/shop/files/3.png?v=1739820983&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"> <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&width=3200" alt="Logo" srcset="//kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=50 50w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=75 75w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=100 100w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=150 150w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=200 200w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=300 300w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=400 400w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=500 500w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=750 750w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=1000 1000w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=1250 1250w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=1500 1500w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=1750 1750w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=2000 2000w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=2250 2250w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=2500 2500w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=2750 2750w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&width=3000 3000w, //kinderzentrum.de/cdn/shop/files/2_282a731d-beab-4530-9a24-aece6334fdc0.png?v=1739820984&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"> <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}¤cy_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}¤cy_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 >© 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.