Glenmark

MARIMER NASENSPRAY UND MARIMER BABY:

Hochwertiges Meersalz für trockene oder verstopfte Nasen

Verstopfte Nase?

Sanfte Linderung bei trockener oder verstopfter Nase: Marimer enthält hochwertiges Meersalz aus dem Iroise-Meer in der Bretagne, das für seine therapeutischen Eigenschaften bei der Behandlung von Atemwegsinfektionen bekannt ist. Das erleichtert die Atmung tagsüber und nachts – so ist Marimer bestens geeignet für die tägliche Nasenpflege und -hygiene.

Entdecken Sie die Produkte von

– 2 in 1 Nasenspray und -spülung

mit wertvollem Meerwasser
reich an Mineralien wie Kupfer, Zink und Mangan
bei trockener oder verstopfter Nase
für tägliche Nasenhygiene
ab der Geburt anwendbar

Marimer Nasenspray:

für die ganze Familie geeignet

Zum Produkt

Marimer Baby:

mit speziellem Sicherheitssprühkopf für Säuglinge und Kleinkinder

Zum Produkt

Gewinnspiel:

Jetzt mitmachen und die wohltuende Wirkung von Salz erleben!

Gewinnen Sie mit etwas Glück eines von 10 Wellness-Paketen

2 Tageskarten für eine Sole-Therme inkl. Übernachtung vor Ort für 2 Personen
Gutschein für eine frei auswählbare Behandlung
1 x MARIMER Nasenspray
1 x MARIMER Baby

Aktionszeitraum: 28.10. – 31.12.2023

Nehmen Sie an unserem Gewinnspiel teil, indem Sie unser Memory lösen.

Teilnahmebedingungen

Veranstalter ist Alliance Healthcare Deutschland GmbH, Solmsstraße 73, 60486 Frankfurt.
Die Teilnahme ist online unter www.gesundleben-apotheken.de, www.alphega-apotheken.de und per Post möglich. So einfach geht die Teilnahme am Gewinnspiel – online Eingabemaske ausfüllen und teilnehmen oder Postkarte senden an: Alliance Healthcare Deutschland GmbH, Despina Kalaitzidou, Stichwort „Marimer“, Pragstraße 154, 70376 Stuttgart.

Nur vollständig ausgefüllte Teilnahmeformulare (Pflichtangaben) und bei Zusendung per Post ausreichend frankierte Einsendungen nehmen an der Verlosung teil. Einsendeschluss bei Alliance Healthcare Deutschland GmbH, ist der 31.12.2023. Es gilt das Datum des Poststempels bzw. das Datum der Online-Teilnahme. Der Rechtsweg ist ausgeschlossen. Die Teilnahme ist nur unmittelbar möglich; das heißt, eine Teilnahme über Dritte – insbesondere sog. Gewinnspielclubs oder Gewinnspielagenturen – ist ausgeschlossen. Pro Person ist nur eine Teilnahme möglich. Minderjährige und Mitarbeiter der Alliance Healthcare Deutschland GmbH dürfen nicht teilnehmen. Die Teilnahme an dem Gewinnspiel ist kostenlos und nicht an einen Produktkauf gebunden. Die Barablöse der Gewinne ist nicht möglich. Die Gewinner werden aus allen Teilnehmern ausgelost und schriftlich benachrichtigt.

Datenschutzhinweis

Um an dem Gewinnspiel teilnehmen zu können, sind personenbezogene Daten, wie Name und Adresse anzugeben. Die für Teilnahme am Gewinnspiel erforderlichen Daten sind entsprechend als Pflichtfelder gekennzeichnet. Die erhobenen personenbezogenen Daten werden ausschließlich zur Durchführung des Gewinnspiels – zur Erfüllung eines Vertrages gemäß Art. 6 Nr. 1 lit. b) DSGVO - verwendet. Weitere Informationen auf Grund dieser Datenerhebung, z.B. Informationen über Ihre Betroffenenrechte, sind auf dieser Website in der Datenschutzerklärung einsehbar.

/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */#webspecial *,#webspecial :after,#webspecial :before{border:0 solid #e5e7eb;-webkit-box-sizing:border-box;box-sizing:border-box}#webspecial :after,#webspecial :before{--tw-content:""}#webspecial html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}#webspecial body{line-height:inherit;margin:0}#webspecial hr{border-top-width:1px;color:inherit;height:0}#webspecial abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#webspecial h1,#webspecial h2,#webspecial h3,#webspecial h4,#webspecial h5,#webspecial h6{font-size:inherit;font-weight:inherit}#webspecial a{color:inherit;text-decoration:inherit}#webspecial b,#webspecial strong{font-weight:bolder}#webspecial code,#webspecial kbd,#webspecial pre,#webspecial samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}#webspecial small{font-size:80%}#webspecial sub,#webspecial sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#webspecial sub{bottom:-.25em}#webspecial sup{top:-.5em}#webspecial table{border-collapse:collapse;border-color:inherit;text-indent:0}#webspecial button,#webspecial input,#webspecial optgroup,#webspecial select,#webspecial textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}#webspecial button,#webspecial select{text-transform:none}#webspecial [type=button],#webspecial [type=reset],#webspecial [type=submit],#webspecial button{-webkit-appearance:button;background-color:transparent;background-image:none}#webspecial :-moz-focusring{outline:auto}#webspecial :-moz-ui-invalid{box-shadow:none}#webspecial progress{vertical-align:baseline}#webspecial ::-webkit-inner-spin-button,#webspecial ::-webkit-outer-spin-button{height:auto}#webspecial [type=search]{-webkit-appearance:textfield;outline-offset:-2px}#webspecial ::-webkit-search-decoration{-webkit-appearance:none}#webspecial ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#webspecial summary{display:list-item}#webspecial blockquote,#webspecial dd,#webspecial dl,#webspecial figure,#webspecial h1,#webspecial h2,#webspecial h3,#webspecial h4,#webspecial h5,#webspecial h6,#webspecial hr,#webspecial p,#webspecial pre{margin:0}#webspecial fieldset{margin:0;padding:0}#webspecial legend{padding:0}#webspecial menu,#webspecial ol,#webspecial ul{list-style:none;margin:0;padding:0}#webspecial dialog{padding:0}#webspecial textarea{resize:vertical}#webspecial input::-webkit-input-placeholder,#webspecial textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}#webspecial input::-moz-placeholder,#webspecial textarea::-moz-placeholder{color:#9ca3af;opacity:1}#webspecial input::-ms-input-placeholder,#webspecial textarea::-ms-input-placeholder{color:#9ca3af;opacity:1}#webspecial input::placeholder,#webspecial textarea::placeholder{color:#9ca3af;opacity:1}#webspecial [role=button],#webspecial button{cursor:pointer}#webspecial :disabled{cursor:default}#webspecial audio,#webspecial canvas,#webspecial embed,#webspecial iframe,#webspecial img,#webspecial object,#webspecial svg,#webspecial video{display:block;vertical-align:middle}#webspecial img,#webspecial video{height:auto;max-width:100%}#webspecial [hidden]{display:none}#webspecial *,#webspecial :after,#webspecial :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#webspecial ::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#webspecial ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }#webspecial .container{width:100%}@media (min-width:375px){#webspecial .container{max-width:375px}}@media (min-width:480px){#webspecial .container{max-width:480px}}@media (min-width:768px){#webspecial .container{max-width:768px}}@media (min-width:992px){#webspecial .container{max-width:992px}}@media (min-width:1200px){#webspecial .container{max-width:1200px}}@media (min-width:1440px){#webspecial .container{max-width:1440px}}@media (min-width:1720px){#webspecial .container{max-width:1720px}}#webspecial .debug-screens:before{background-color:#000;bottom:0;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;color:#fff;content:"screen: _";font-family:sans-serif;font-size:12px;left:0;line-height:1;padding:.3333333em .5em;position:fixed;z-index:2147483647}@media (min-width:375px){#webspecial .debug-screens:before{content:"screen: xxs"}}@media (min-width:480px){#webspecial .debug-screens:before{content:"screen: xs"}}@media (min-width:768px){#webspecial .debug-screens:before{content:"screen: sm"}}@media (min-width:992px){#webspecial .debug-screens:before{content:"screen: md"}}@media (min-width:1200px){#webspecial .debug-screens:before{content:"screen: lg"}}@media (min-width:1440px){#webspecial .debug-screens:before{content:"screen: xl"}}@media (min-width:1720px){#webspecial .debug-screens:before{content:"screen: xxl"}}#webspecial .responsive-video{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:0;position:relative;width:100%}#webspecial .responsive-video iframe{height:100%;left:0;position:absolute;top:0;width:100%}#webspecial .invisible{visibility:hidden!important}#webspecial .absolute{position:absolute!important}#webspecial .relative{position:relative!important}#webspecial .inset-0{inset:0!important}#webspecial .-top-28{top:-7rem!important}#webspecial .bottom-0{bottom:0!important}#webspecial .bottom-9{bottom:2.25rem!important}#webspecial .left-0{left:0!important}#webspecial .left-1\/2{left:50%!important}#webspecial .left-3{left:.75rem!important}#webspecial .right-0{right:0!important}#webspecial .right-4{right:1rem!important}#webspecial .top-0{top:0!important}#webspecial .top-6{top:1.5rem!important}#webspecial .z-20{z-index:20!important}#webspecial .z-30{z-index:30!important}#webspecial .z-40{z-index:40!important}#webspecial .mx-auto{margin-left:auto!important;margin-right:auto!important}#webspecial .my-4{margin-bottom:1rem!important;margin-top:1rem!important}#webspecial .-ml-2{margin-left:-.5rem!important}#webspecial .-mt-28{margin-top:-7rem!important}#webspecial .-mt-6{margin-top:-1.5rem!important}#webspecial .-mt-\[370px\]{margin-top:-370px!important}#webspecial .mt-8{margin-top:2rem!important}#webspecial .block{display:block!important}#webspecial .inline-block{display:inline-block!important}#webspecial .inline{display:inline!important}#webspecial .flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}#webspecial .grid{display:grid!important}#webspecial .hidden{display:none!important}#webspecial .h-0{height:0!important}#webspecial .h-16{height:4rem!important}#webspecial .h-32{height:8rem!important}#webspecial .h-7{height:1.75rem!important}#webspecial .h-\[120px\]{height:120px!important}#webspecial .h-\[155px\]{height:155px!important}#webspecial .h-\[165px\]{height:165px!important}#webspecial .h-\[600px\]{height:600px!important}#webspecial .h-\[950px\]{height:950px!important}#webspecial .h-full{height:100%!important}#webspecial .min-h-\[400px\]{min-height:400px!important}#webspecial .w-32{width:8rem!important}#webspecial .w-36{width:9rem!important}#webspecial .w-\[100px\]{width:100px!important}#webspecial .w-\[155px\]{width:155px!important}#webspecial .w-\[165px\]{width:165px!important}#webspecial .w-\[335px\]{width:335px!important}#webspecial .w-full{width:100%!important}#webspecial .max-w-\[1010px\]{max-width:1010px!important}#webspecial .max-w-\[1160px\]{max-width:1160px!important}#webspecial .max-w-\[240px\]{max-width:240px!important}#webspecial .max-w-\[270px\]{max-width:270px!important}#webspecial .max-w-\[690px\]{max-width:690px!important}#webspecial .max-w-\[720px\]{max-width:720px!important}#webspecial .max-w-\[760px\]{max-width:760px!important}#webspecial .max-w-\[810px\]{max-width:810px!important}#webspecial .max-w-\[860px\]{max-width:860px!important}#webspecial .max-w-\[895px\]{max-width:895px!important}#webspecial .max-w-full{max-width:100%!important}#webspecial .max-w-sm{max-width:24rem!important}#webspecial .-translate-x-1\/2{--tw-translate-x:-50%!important}#webspecial .-translate-x-1\/2,#webspecial .transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}#webspecial .resize{resize:both!important}#webspecial .list-disc{list-style-type:disc!important}#webspecial .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}#webspecial .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}#webspecial .flex-col{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}#webspecial .items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}#webspecial .items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}#webspecial .justify-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}#webspecial .gap-2{gap:.5rem!important}#webspecial .gap-2\.5{gap:.625rem!important}#webspecial .space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(0px*var(--tw-space-y-reverse))!important;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))!important}#webspecial .space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.125rem*var(--tw-space-y-reverse))!important;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.75rem*var(--tw-space-y-reverse))!important;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))!important;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .overflow-hidden{overflow:hidden!important}#webspecial .hyphens-manual{-webkit-hyphens:manual!important;hyphens:manual!important}#webspecial .break-words{overflow-wrap:break-word!important}#webspecial .rounded{border-radius:.25rem!important}#webspecial .rounded-full{border-radius:9999px!important}#webspecial .rounded-t-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}#webspecial .bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}#webspecial .bg-brand-blue\/20{background-color:rgba(90,116,177,.2)!important}#webspecial .bg-brand-orange{--tw-bg-opacity:1!important;background-color:rgb(244 131 47/var(--tw-bg-opacity))!important}#webspecial .bg-brand-primary{--tw-bg-opacity:1!important;background-color:rgb(0 26 87/var(--tw-bg-opacity))!important}#webspecial .bg-brand-primary\/20{background-color:rgba(0,26,87,.2)!important}#webspecial .bg-brand-teal{--tw-bg-opacity:1!important;background-color:rgb(17 74 93/var(--tw-bg-opacity))!important}#webspecial .bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity))!important}#webspecial .bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}#webspecial .bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}#webspecial .bg-white\/30{background-color:hsla(0,0%,100%,.3)!important}#webspecial .bg-opacity-\[24\%\]{--tw-bg-opacity:24%!important}#webspecial .object-contain{-o-object-fit:contain!important;object-fit:contain!important}#webspecial .object-cover{-o-object-fit:cover!important;object-fit:cover!important}#webspecial .object-center{-o-object-position:center!important;object-position:center!important}#webspecial .object-top{-o-object-position:top!important;object-position:top!important}#webspecial .p-2{padding:.5rem!important}#webspecial .p-4{padding:1rem!important}#webspecial .px-4{padding-left:1rem!important;padding-right:1rem!important}#webspecial .px-8{padding-left:2rem!important;padding-right:2rem!important}#webspecial .py-10{padding-bottom:2.5rem!important;padding-top:2.5rem!important}#webspecial .py-14{padding-bottom:3.5rem!important;padding-top:3.5rem!important}#webspecial .py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}#webspecial .py-3\.5{padding-bottom:.875rem!important;padding-top:.875rem!important}#webspecial .py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}#webspecial .pb-1{padding-bottom:.25rem!important}#webspecial .pb-14{padding-bottom:3.5rem!important}#webspecial .pb-5{padding-bottom:1.25rem!important}#webspecial .pb-\[90px\]{padding-bottom:90px!important}#webspecial .pl-4{padding-left:1rem!important}#webspecial .pt-0{padding-top:0!important}#webspecial .pt-12{padding-top:3rem!important}#webspecial .pt-16{padding-top:4rem!important}#webspecial .pt-4{padding-top:1rem!important}#webspecial .pt-7{padding-top:1.75rem!important}#webspecial .pt-8{padding-top:2rem!important}#webspecial .text-2xl{font-size:1.5rem!important;line-height:2rem!important}#webspecial .text-base{font-size:1rem!important;line-height:1.5rem!important}#webspecial .text-sm{font-size:.875rem!important;line-height:1.25rem!important}#webspecial .text-xl{font-size:1.25rem!important;line-height:1.75rem!important}#webspecial .text-xs{font-size:.75rem!important;line-height:1rem!important}#webspecial .font-bold{font-weight:700!important}#webspecial .font-semibold{font-weight:600!important}#webspecial .leading-\[1\.4\]{line-height:1.4!important}#webspecial .text-brand-primary{--tw-text-opacity:1!important;color:rgb(0 26 87/var(--tw-text-opacity))!important}#webspecial .text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity))!important}#webspecial .text-transparent{color:transparent!important}#webspecial .text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}#webspecial .underline{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}#webspecial .opacity-0{opacity:0!important}#webspecial .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}#webspecial .transition{-webkit-transition-duration:.15s!important;-o-transition-duration:.15s!important;transition-duration:.15s!important;-webkit-transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter!important;-o-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter!important;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1)!important;-o-transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}#webspecial .transition-all{-webkit-transition-duration:.15s!important;-o-transition-duration:.15s!important;transition-duration:.15s!important;-webkit-transition-property:all!important;-o-transition-property:all!important;transition-property:all!important;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1)!important;-o-transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}#webspecial .duration-300{-webkit-transition-duration:.3s!important;-o-transition-duration:.3s!important;transition-duration:.3s!important}#webspecial .duration-500{-webkit-transition-duration:.5s!important;-o-transition-duration:.5s!important;transition-duration:.5s!important}#webspecial .ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1)!important;-o-transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}#webspecial .animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#webspecial .animate__animated.animate__delay-0-3s{-webkit-animation-delay:.3s;animation-delay:.3s}#webspecial .animate__animated.animate__delay-0-5s{-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}#webspecial .animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#webspecial .animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}#webspecial .animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}#webspecial .animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}#webspecial .animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}#webspecial .pulsing{-webkit-animation:pulse-orange 2s infinite;animation:pulse-orange 2s infinite}@-webkit-keyframes pulse-orange{0%{-webkit-transform:scale(.95);transform:scale(.95)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse-orange{0%{-webkit-transform:scale(.95);transform:scale(.95)}70%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.95);transform:scale(.95)}}@media (min-width:481px){#webspecial .path-one,#webspecial .path-two{-webkit-clip-path:polygon(0 0,100% 0,70% 100%,0 100%,0 560%);clip-path:polygon(0 0,100% 0,70% 100%,0 100%,0 560%)}}@media (max-width:480px){#webspecial .path-one{-webkit-clip-path:polygon(0 0,100% 0,100% 25%,0 85%,0 50%);clip-path:polygon(0 0,100% 0,100% 25%,0 85%,0 50%)}#webspecial .path-two{-webkit-clip-path:polygon(0 0,100% 0,100% 22%,0 82%,0 50%);clip-path:polygon(0 0,100% 0,100% 22%,0 82%,0 50%)}}@media (min-width:481px){#webspecial .path-three{-webkit-clip-path:polygon(18% 0,100% 0,100% 10%,82% 100%,0 100%,0 90%);clip-path:polygon(18% 0,100% 0,100% 10%,82% 100%,0 100%,0 90%)}#webspecial .path-four{-webkit-clip-path:polygon(19% 0,100% 0,100% 6%,81% 100%,0 100%,0 94%);clip-path:polygon(19% 0,100% 0,100% 6%,81% 100%,0 100%,0 94%)}}@media (max-width:480px){#webspecial .path-three{-webkit-clip-path:polygon(35% 0,100% 0,100% 76%,75% 100%,0 100%,0 38%);clip-path:polygon(35% 0,100% 0,100% 76%,75% 100%,0 100%,0 38%)}#webspecial .path-four{-webkit-clip-path:polygon(41% 0,100% 0,100% 70%,68% 100%,0 100%,0 45%);clip-path:polygon(41% 0,100% 0,100% 70%,68% 100%,0 100%,0 45%)}}#webspecial .memory-game{-webkit-perspective:1000px;perspective:1000px;-webkit-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s}#webspecial .memory-card{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;-o-transition:transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}#webspecial .memory-card:active{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}#webspecial .memory-card.flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#webspecial .back-face,#webspecial .front-face{-webkit-backface-visibility:hidden;backface-visibility:hidden}#webspecial .front-face{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#webspecial .shine-container:before{background:-o-radial-gradient(circle,#fff,transparent);background:radial-gradient(circle,#fff,transparent);bottom:-50%;content:"";left:-50%;opacity:0;pointer-events:none;position:absolute;right:-50%;top:-50%;-webkit-transition:opacity .1s ease-in-out;-o-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;z-index:9999}#webspecial .shine-container.shine:before{-webkit-animation:shine 1s ease-in-out .2s forwards;animation:shine 1s ease-in-out .2s forwards}@-webkit-keyframes shine{0%{opacity:.3;-webkit-transform:translate(150%,-35%);transform:translate(150%,-35%)}to{opacity:.8;-webkit-transform:translate(-150%,35%);transform:translate(-150%,35%)}}@keyframes shine{0%{opacity:.3;-webkit-transform:translate(150%,-35%);transform:translate(150%,-35%)}to{opacity:.8;-webkit-transform:translate(-150%,35%);transform:translate(-150%,35%)}}#webspecial .hover\:bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}#webspecial .hover\:text-brand-orange:hover{--tw-text-opacity:1!important;color:rgb(244 131 47/var(--tw-text-opacity))!important}#webspecial .hover\:underline:hover{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}#webspecial .group:hover .group-hover\:scale-105{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important}#webspecial .group:hover .group-hover\:scale-105,#webspecial .group:hover .group-hover\:scale-\[1\.02\]{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}#webspecial .group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02!important;--tw-scale-y:1.02!important}#webspecial .group\/parent.active .group-\[\.active\]\/parent\:visible{visibility:visible!important}#webspecial .group\/parent.active .group-\[\.active\]\/parent\:invisible{visibility:hidden!important}#webspecial .group\/parent.active .group-\[\.active\]\/parent\:opacity-0{opacity:0!important}#webspecial .group\/parent.active .group-\[\.active\]\/parent\:opacity-100{opacity:1!important}#webspecial .group.flip .group-\[\.flip\]\:opacity-0{opacity:0!important}@media not all and (min-width:768px){#webspecial .max-sm\:-left-10{left:-2.5rem!important}#webspecial .max-sm\:-right-16{right:-4rem!important}#webspecial .max-sm\:top-0{top:0!important}#webspecial .max-sm\:top-8{top:2rem!important}#webspecial .max-sm\:mx-auto{margin-left:auto!important;margin-right:auto!important}#webspecial .max-sm\:-mt-4{margin-top:-1rem!important}#webspecial .max-sm\:w-\[120px\]{width:120px!important}#webspecial .max-sm\:w-\[240px\]{width:240px!important}#webspecial .max-sm\:gap-4{gap:1rem!important}}@media not all and (min-width:480px){#webspecial .max-xs\:h-12{height:3rem!important}#webspecial .max-xs\:min-h-\[550px\]{min-height:550px!important}#webspecial .max-xs\:w-\[220px\]{width:220px!important}#webspecial .max-xs\:w-\[288px\]{width:288px!important}#webspecial .group\/parent.active .max-xs\:group-\[\.active\]\/parent\:pb-24{padding-bottom:6rem!important}}@media (min-width:480px){#webspecial .xs\:-top-24{top:-6rem!important}#webspecial .xs\:-top-40{top:-10rem!important}#webspecial .xs\:h-10{height:2.5rem!important}#webspecial .xs\:h-\[180px\]{height:180px!important}#webspecial .xs\:h-\[220px\]{height:220px!important}#webspecial .xs\:h-\[550px\]{height:550px!important}#webspecial .xs\:w-\[220px\]{width:220px!important}#webspecial .xs\:w-\[730px\]{width:730px!important}#webspecial .xs\:w-\[750px\]{width:750px!important}#webspecial .xs\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(5rem*var(--tw-space-y-reverse))!important;margin-top:calc(5rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .xs\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.75rem*var(--tw-space-y-reverse))!important;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))!important}#webspecial .xs\:py-20{padding-bottom:5rem!important;padding-top:5rem!important}#webspecial .xs\:pb-\[100px\]{padding-bottom:100px!important}#webspecial .xs\:pl-16{padding-left:4rem!important}#webspecial .xs\:text-\[15px\]{font-size:15px!important}#webspecial .xs\:text-\[28px\]{font-size:28px!important}}@media (min-width:768px){#webspecial .sm\:-left-2{left:-.5rem!important}#webspecial .sm\:-right-5{right:-1.25rem!important}#webspecial .sm\:-top-6{top:-1.5rem!important}#webspecial .sm\:bottom-16{bottom:4rem!important}#webspecial .sm\:h-\[300px\]{height:300px!important}#webspecial .sm\:h-\[850px\]{height:850px!important}#webspecial .sm\:min-h-\[420px\]{min-height:420px!important}#webspecial .sm\:min-h-\[550px\]{min-height:550px!important}#webspecial .sm\:min-h-\[675px\]{min-height:675px!important}#webspecial .sm\:w-\[153px\]{width:153px!important}#webspecial .sm\:w-\[300px\]{width:300px!important}#webspecial .sm\:max-w-\[485px\]{max-width:485px!important}#webspecial .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}#webspecial .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}#webspecial .sm\:gap-4{gap:1rem!important}#webspecial .sm\:rounded-t{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}#webspecial .sm\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}#webspecial .sm\:py-12{padding-bottom:3rem!important;padding-top:3rem!important}#webspecial .sm\:pb-10{padding-bottom:2.5rem!important}#webspecial .sm\:pb-20{padding-bottom:5rem!important}#webspecial .sm\:pt-14{padding-top:3.5rem!important}#webspecial .sm\:pt-20{padding-top:5rem!important}#webspecial .sm\:pt-24{padding-top:6rem!important}#webspecial .sm\:leading-\[1\.2\]{line-height:1.2!important}#webspecial .group:hover .sm\:group-hover\:opacity-100{opacity:1!important}}@media (min-width:992px){#webspecial .md\:-left-3{left:-.75rem!important}#webspecial .md\:-top-48{top:-12rem!important}#webspecial .md\:-top-6{top:-1.5rem!important}#webspecial .md\:bottom-20{bottom:5rem!important}#webspecial .md\:left-6{left:1.5rem!important}#webspecial .md\:right-28{right:7rem!important}#webspecial .md\:right-3{right:.75rem!important}#webspecial .md\:top-10{top:2.5rem!important}#webspecial .md\:mx-auto{margin-left:auto!important;margin-right:auto!important}#webspecial .md\:h-32{height:8rem!important}#webspecial .md\:h-\[220px\]{height:220px!important}#webspecial .md\:h-\[235px\]{height:235px!important}#webspecial .md\:h-auto{height:auto!important}#webspecial .md\:w-\[235px\]{width:235px!important}#webspecial .md\:w-auto{width:auto!important}#webspecial .md\:max-w-\[450px\]{max-width:450px!important}#webspecial .md\:gap-10{gap:2.5rem!important}#webspecial .md\:px-0{padding-left:0!important;padding-right:0!important}#webspecial .md\:py-\[120px\]{padding-bottom:120px!important;padding-top:120px!important}#webspecial .md\:pb-24{padding-bottom:6rem!important}#webspecial .md\:pb-40{padding-bottom:10rem!important}}@media (min-width:1200px){#webspecial .lg\:h-\[240px\]{height:240px!important}#webspecial .lg\:w-\[240px\]{width:240px!important}}@media (min-width:1440px){#webspecial .xl\:pt-14{padding-top:3.5rem!important}}!function(){var e={778:function(e,t,n){"use strict";n.r(t),t.default=n.p+"index.html"},421:function(e,t,n){"use strict";n.r(t),t.default=n.p+"main.html"},45:function(e,t,n){var r={"./index.twig":778,"./main.twig":421};function o(e){var t=i(e);return n(t)}function i(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=i,e.exports=o,o.id=45}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.p="/",function(){"use strict";var e=document.createElement("script");e.onload=function(){var e=document.createElement("script");e.src="https://www.gesundleben-apotheken.de/assets/vendor/alpinejs.3.10.5.min.js",document.body.append(e)},e.src="https://unpkg.com/@alpinejs/intersect@3.x.x/dist/cdn.min.js",document.body.append(e),n(45)}()}(); document.addEventListener('DOMContentLoaded', () => { // confetti script var confetti = { maxCount: 150, //set max confetti count speed: 2, //set the particle animation speed frameInterval: 15, //the confetti animation frame interval in milliseconds alpha: 1.0, //the alpha opacity of the confetti (between 0 and 1, where 1 is opaque and 0 is invisible) gradient: false, //whether to use gradients for the confetti particles start: null, //call to start confetti animation (with optional timeout in milliseconds, and optional min and max random confetti count) stop: null, //call to stop adding confetti toggle: null, //call to start or stop the confetti animation depending on whether it's already running pause: null, //call to freeze confetti animation resume: null, //call to unfreeze confetti animation togglePause: null, //call to toggle whether the confetti animation is paused remove: null, //call to stop the confetti animation and remove all confetti immediately isPaused: null, //call and returns true or false depending on whether the confetti animation is paused isRunning: null, //call and returns true or false depending on whether the animation is running }; confetti.start = startConfetti; confetti.stop = stopConfetti; confetti.toggle = toggleConfetti; confetti.pause = pauseConfetti; confetti.resume = resumeConfetti; confetti.togglePause = toggleConfettiPause; confetti.isPaused = isConfettiPaused; confetti.remove = removeConfetti; confetti.isRunning = isConfettiRunning; var supportsAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame; var colors = [ "rgba(30,144,255,", "rgba(107,142,35,", "rgba(255,215,0,", "rgba(255,192,203,", "rgba(106,90,205,", "rgba(173,216,230,", "rgba(238,130,238,", "rgba(152,251,152,", "rgba(70,130,180,", "rgba(244,164,96,", "rgba(210,105,30,", "rgba(220,20,60,", ]; var streamingConfetti = false; var animationTimer = null; var pause = false; var lastFrameTime = Date.now(); var particles = []; var waveAngle = 0; var context = null; function resetParticle(particle, width, height) { particle.color = colors[(Math.random() * colors.length) | 0] + (confetti.alpha + ")"); particle.color2 = colors[(Math.random() * colors.length) | 0] + (confetti.alpha + ")"); particle.x = Math.random() * width; particle.y = Math.random() * height - height; particle.diameter = Math.random() * 10 + 5; particle.tilt = Math.random() * 10 - 10; particle.tiltAngleIncrement = Math.random() * 0.07 + 0.05; particle.tiltAngle = Math.random() * Math.PI; return particle; } function toggleConfettiPause() { if (pause) resumeConfetti(); else pauseConfetti(); } function isConfettiPaused() { return pause; } function pauseConfetti() { pause = true; } function resumeConfetti() { pause = false; runAnimation(); } function runAnimation() { if (pause) return; else if (particles.length === 0) { context.clearRect(0, 0, window.innerWidth, window.innerHeight); animationTimer = null; } else { var now = Date.now(); var delta = now - lastFrameTime; if (!supportsAnimationFrame || delta > confetti.frameInterval) { context.clearRect(0, 0, window.innerWidth, window.innerHeight); updateParticles(); drawParticles(context); lastFrameTime = now - (delta % confetti.frameInterval); } animationTimer = requestAnimationFrame(runAnimation); } } function startConfetti(timeout, min, max) { var width = window.innerWidth; var height = window.innerHeight; window.requestAnimationFrame = (function () { return ( window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { return window.setTimeout(callback, confetti.frameInterval); } ); })(); var canvas = document.getElementById("confetti-canvas"); if (canvas === null) { canvas = document.createElement("canvas"); canvas.setAttribute("id", "confetti-canvas"); canvas.setAttribute( "style", "display:block;z-index:999999;pointer-events:none;position:fixed;top:0" ); document.body.prepend(canvas); canvas.width = width; canvas.height = height; window.addEventListener( "resize", function () { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }, true ); context = canvas.getContext("2d"); } else if (context === null) context = canvas.getContext("2d"); var count = confetti.maxCount; if (min) { if (max) { if (min == max) count = particles.length + max; else { if (min > max) { var temp = min; min = max; max = temp; } count = particles.length + ((Math.random() * (max - min) + min) | 0); } } else count = particles.length + min; } else if (max) count = particles.length + max; while (particles.length < count) particles.push(resetParticle({}, width, height)); streamingConfetti = true; pause = false; runAnimation(); if (timeout) { window.setTimeout(stopConfetti, timeout); } } function stopConfetti() { streamingConfetti = false; } function removeConfetti() { stop(); pause = false; particles = []; } function toggleConfetti() { if (streamingConfetti) stopConfetti(); else startConfetti(); } function isConfettiRunning() { return streamingConfetti; } function drawParticles(context) { var particle; var x, y, x2, y2; for (var i = 0; i < particles.length; i++) { particle = particles[i]; context.beginPath(); context.lineWidth = particle.diameter; x2 = particle.x + particle.tilt; x = x2 + particle.diameter / 2; y2 = particle.y + particle.tilt + particle.diameter / 2; if (confetti.gradient) { var gradient = context.createLinearGradient(x, particle.y, x2, y2); gradient.addColorStop("0", particle.color); gradient.addColorStop("1.0", particle.color2); context.strokeStyle = gradient; } else context.strokeStyle = particle.color; context.moveTo(x, particle.y); context.lineTo(x2, y2); context.stroke(); } } function updateParticles() { var width = window.innerWidth; var height = window.innerHeight; var particle; waveAngle += 0.01; for (var i = 0; i < particles.length; i++) { particle = particles[i]; if (!streamingConfetti && particle.y < -15) particle.y = height + 100; else { particle.tiltAngle += particle.tiltAngleIncrement; particle.x += Math.sin(waveAngle) - 0.5; particle.y += (Math.cos(waveAngle) + particle.diameter + confetti.speed) * 0.5; particle.tilt = Math.sin(particle.tiltAngle) * 15; } if (particle.x > width + 20 || particle.x < -20 || particle.y > height) { if (streamingConfetti && particles.length <= confetti.maxCount) resetParticle(particle, width, height); else { particles.splice(i, 1); i--; } } } } // for memory game const cards = document.querySelectorAll(".memory-card"); const game = document.querySelector(".memory-game"); let hasFlippedCard = false; let lockBoard = false; let firstCard, secondCard; let counter = 0; function resetBoard() { hasFlippedCard = false; firstCard = null; secondCard = null; } /** * Removes the click listeners from matching memory cards * * @param {function} clickEventHandle pass the click event handle (function name) as parameter to please the linter */ function disableCards(clickEventHandle) { firstCard.removeEventListener("click", clickEventHandle); secondCard.removeEventListener("click", clickEventHandle); } function updateCounter() { counter++; if (counter === cards.length / 2) { startConfetti(); setTimeout(() => { document.querySelector("#game-area").classList.add('active'); }, 2000); setTimeout(() => { stopConfetti(); }, 5000); } } function unflipCards() { lockBoard = true; setTimeout(() => { firstCard.classList.remove("flip"); secondCard.classList.remove("flip"); lockBoard = false; resetBoard(); }, 1500); } /** * Checks if there are two matching cards in the game * * @param {function} clickEventHandle pass the click event handle (function name) as parameter to please the linter */ function checkForMatch(clickEventHandle) { // match! if (firstCard.dataset.image === secondCard.dataset.image) { disableCards(clickEventHandle); firstCard.parentNode.classList.add('shine') secondCard.parentNode.classList.add('shine') updateCounter(); // not a match } else { unflipCards(); } } function flipCard(element) { if (lockBoard) return; // to get wrapper div, not one of the images const card = element.target.parentNode.parentNode; if (card === firstCard) return; card.classList.toggle("flip"); if (!hasFlippedCard) { // first card clicked hasFlippedCard = true; firstCard = card; } else { // second card clicked secondCard = card; hasFlippedCard = false; checkForMatch(flipCard); } } cards.forEach((card) => { card.addEventListener("click", flipCard); }); })